8@charset "UTF-8";
8265 html {
    7 -ms-text-size-adjust: 100%;
    5 -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a,
button {
    background: transparent
}

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small,
.font-xs {
    font-size: 80%
}

.font-sm {
    font-size: 88%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

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

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

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

*,
:focus {
    outline: none
}

body {
    -webkit-fontype-smalloothing: antialiased
}

body,
html {
    min-height: 100%;
    width: 100%
}

body {
    height: 100%
}

#maskDiv {
    position: relative;
    min-height: 100%
}

@media(min-width:768px) {
    #maskDiv {
        padding-bottom: 67px
    }
}

a,
input[type=radio],
input[type=checkbox],
select {
    cursor: pointer
}

select[disabled] {
    cursor: default
}

input:-webkit-autofill {
    background-color: transparent
}

* + html input[type=checkbox],
* + html input[type=radio] {
    width: 13px;
    height: 13px
}

textarea {
    resize: none;
    vertical-align: top
}

em,
i {
    font-style: italic
}

img {
    vertical-align: top
}

input {
    vertical-align: middle
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

ul.list-inline {
    margin: 0;
    padding: 0
}

ul.list-inline>li {
    display: inline-block;
    vertical-align: middle
}

nav ul,
nav ol {
    list-style: none outside none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

:focus {
    -moz-outline: 3px solid #fff!important
}

input[type="radio"]:focus {
    -moz-outline-radius: 12px!important;
    -moz-outline-offset: 0!important
}

input[type="checkbox"]:focus {
    -moz-outline-offset: -1px!important;
    -moz-outline: 1px solid #000!important
}

button:after {
    content: ""
}

del {
    text-decoration: line-through
}

table {
    width: 100%
}

form {
    margin: 0;
    padding: 0
}

input::-ms-clear {
    display: none
}

@font-face {
    font-family: 'robotobold';
    font-display: auto;
    src: url(../fonts/roboto/bold/roboto-bold-webfont.eot);
    src: url("../fonts/roboto/bold/roboto-bold-webfont.eot%3F") format("embedded-opentype"), url(../fonts/roboto/bold/roboto-bold-webfont.woff2) format("woff2"), url(../fonts/roboto/bold/roboto-bold-webfont.woff) format("woff"), url(../fonts/roboto/bold/roboto-bold-webfont.ttf) format("truetype"), url("../fonts/roboto/bold/roboto-bold-webfont.svg") format("svg")
}

@font-face {
    font-family: 'robotolight';
    font-display: auto;
    src: url(../fonts/roboto/light/roboto-light-webfont.eot);
    src: url("../fonts/roboto/light/roboto-light-webfont.eot%3F") format("embedded-opentype"), url(../fonts/roboto/light/roboto-light-webfont.woff2) format("woff2"), url(../fonts/roboto/light/roboto-light-webfont.woff) format("woff"), url(../fonts/roboto/light/roboto-light-webfont.ttf) format("truetype"), url("../fonts/roboto/light/roboto-light-webfont.svg") format("svg")
}

@font-face {
    font-family: 'robotolight_italic';
    font-display: auto;
    src: url(../fonts/roboto/lightitalic/roboto-lightitalic-webfont.eot);
    src: url("../fonts/roboto/lightitalic/roboto-lightitalic-webfont.eot%3F") format("embedded-opentype"), url(../fonts/roboto/lightitalic/roboto-lightitalic-webfont.woff2) format("woff2"), url(../fonts/roboto/lightitalic/roboto-lightitalic-webfont.woff) format("woff"), url(../fonts/roboto/lightitalic/roboto-lightitalic-webfont.ttf) format("truetype"), url("../fonts/roboto/lightitalic/roboto-lightitalic-webfont.svg") format("svg")
}

@font-face {
    font-family: 'robotoregular';
    font-display: auto;
    src: url(../fonts/roboto/regular/roboto-regular-webfont.eot);
    src: url("../fonts/roboto/regular/roboto-regular-webfont.eot%3F") format("embedded-opentype"), url(../fonts/roboto/regular/roboto-regular-webfont.woff2) format("woff2"), url(../fonts/roboto/regular/roboto-regular-webfont.woff) format("woff"), url(../fonts/roboto/regular/roboto-regular-webfont.ttf) format("truetype"), url("../fonts/roboto/regular/roboto-regular-webfont.svg") format("svg")
}

@font-face {
    font-family: 'robotothin';
    font-display: auto;
    src: url(../fonts/roboto/thin/roboto-thin-webfont.eot);
    src: url("../fonts/roboto/thin/roboto-thin-webfont.eot%3F") format("embedded-opentype"), url(../fonts/roboto/thin/roboto-thin-webfont.woff2) format("woff2"), url(../fonts/roboto/thin/roboto-thin-webfont.woff) format("woff"), url(../fonts/roboto/thin/roboto-thin-webfont.ttf) format("truetype"), url("../fonts/roboto/thin/roboto-thin-webfont.svg") format("svg")
}

* {
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-family: "robotolight", tahoma, sans-serif;
    font-size: 16px;
    line-height: 24px;
    min-width: 960px;
    background: #060d0d 50% 0 no-repeat
}

body.no-bg {
    background: none;
    background-color: transparent
}

body.no-bg.bg-white {
    background-color: #fff
}

.font-light {
    font-family: "robotolight", tahoma, sans-serif
}

.font-normal {
    font-family: "robotoregular", tahoma, sans-serif;
    font-weight: 400!important
}

@-moz-document url-prefix() {
    BODY {
        font-family: "robotoregular", tahoma, sans-serif
    }
}

@media screen and (max-width:1000px) and (orientation:portrait) {
    body {
        background-size: auto 106%
    }
}

.form-full {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2f3544;
    font-family: "Roboto", tahoma, sans-serif;
    ;
    font-size: 36px;
    line-height: 1;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 400
}

h1.unstyled,
h2.unstyled,
h3.unstyled,
h4.unstyled,
h5.unstyled,
h6.unstyled {
    padding-bottom: 0
}

h1 {
    line-height: 1.1
}

h2 {
    font-size: 30px;
    line-height: 1.2
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px;
    font-family: robotobold
}

h6 {
    font-size: 14px;
    font-family: robotobold
}

p {
    padding: 0 0 20px;
    margin: 0
}

hr {
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px
}

a {
    color: #003d79;
    text-decoration: none
}

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

a.not-underline:hover,
a.underline:hover {
    text-decoration: none
}

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

.bold {
    font-family: robotobold!important
}

label {
    cursor: pointer
}

.label-inline {
    display: inline-block
}

.block {
    display: block!important
}

blockquote {
    color: #333;
    font: normal normal 18px/1.35 robotolight_italic;
    margin: 0 0 20px;
    padding: 6px 0 0 34px;
    display: block;
    position: relative
}

blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/sprite-icons.png) 0 -286px;
    width: 26px;
    height: 22px
}

em,
i {
    font-style: normal;
    font-family: "Roboto", tahoma, sans-serif;
}

b,
strong {
    font-weight: 400;
    font-family: robotobold
}

i b,
i strong,
em b,
em strong,
b i,
b em,
strong i,
strong em {
    font-family: "Roboto", tahoma, sans-serif;
    ;
    font-weight: 400;
    font-style: normal
}

.blue {
    color: #30a3f4!important
}

ol {
    padding: 0 0 9px 53px
}

ol li {
    padding: 0 0 6px
}

ul {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0 0 25px 31px
}

ul li {
    padding: 0 0 6px
}

ul li:before {
    content: '—';
    padding: 0 4px 0 0
}

ul.unstyled {
    padding: 0
}

ul.unstyled li {
    padding: 0
}

ul.unstyled li:before {
    display: none
}

.unstyled {
    margin: 0
}

ul.stats li {
    min-height: 40px;
    padding: 3px
}

ul.stats li .name {
    padding: 6px 0 6px 15px
}

ul.stats li .name,
ul.stats li .value {
    display: inline-block;
    vertical-align: middle
}

ul.stats li .value {
    text-align: right;
    padding-right: 35px
}

ul.stats li .value>div {
    display: inline-block;
    vertical-align: middle
}

.reset-list,
[class$="-list"],
[class*="-list "],
.ui-multiselect-checkboxes,
[class$="-list"]>li,
[class*="-list "]>li,
.ui-multiselect-checkboxes>li {
    background: none;
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

[class$="-list"]>li:before,
[class*="-list "]>li:before,
.ui-multiselect-checkboxes>li:before {
    display: none
}

.ball-list {
    padding: 0 0 30px 0
}

.ball-list li {
    background: url(../img/list-gray-ball.png) 29px 4px no-repeat;
    padding: 0 0 6px 49px
}

.decimal-clubs-list {
    counter-reset: item;
    padding-left: 2px
}

.decimal-clubs-list li {
    padding: 20px 19px 10px 43px;
    overflow: hidden;
    background: #545c6f;
    margin: 0;
    border-bottom: 1px solid #4b5264
}

.decimal-clubs-list li:before,
.decimal-clubs-list li .decimal-list-mark {
    content: counter(item) "";
    counter-increment: item;
    display: block!important;
    color: #a1a6b2;
    float: left;
    margin: -2px 0 0 -58px;
    width: 50px;
    font-size: 30px;
    text-align: right;
    line-height: 31px
}

.decimal-clubs-list li .img {
    float: left;
    margin: -8px 9px 0 0
}

.decimal-clubs-list li .img img {
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.decimal-clubs-list li .desc {
    overflow: hidden
}

.decimal-clubs-list li h3 {
    padding: 0 0 3px;
    font-family: 'robotobold';
    font-size: 14px
}

.decimal-clubs-list li h3 a {
    color: #fff
}

.decimal-clubs-list li p {
    padding: 0;
    line-height: 1.2;
    font-size: 14px
}

.decimal-clubs-list li .number {
    float: right;
    font-family: 'robotoregular';
    margin: 1px 0 0 0;
    font-size: 15px;
    margin: -1px 5px 0 0
}

table:not(.table-default) {
    margin: 0 0 18px
}

table:not(.table-default) tr:hover td {
    background: #eceff4
}

table:not(.table-default) th,
table:not(.table-default) td {
    border: 1px solid #7e8492;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 19px 11px;
    text-align: left;
    vertical-align: top
}

table:not(.table-default) th {
    font-family: robotobold;
    padding: 15px 19px 10px;
    background: #545c6f;
    color: #fff;
    text-transform: uppercase
}

.table-bordered tr + tr td,
.table-border tr:not(:first-of-type) + tr td {
    border-top: 1px solid #eceff4
}

.table-border tr + tr td,
.table-border-darker tr + tr td {
    border-top-color: #d9dadd
}

.table-bordered tr.bordered-abadb4 td {
    border-color: #abadb4
}

.table-hover tr:not(.dark-t):hover td {
    background-color: #eceff4
}

.table-hover-darker tr:hover td {
    background-color: #dadfe8!important
}

.table-border {
    border-bottom: 10px solid #2f3544
}

@media(min-width:768px) {
    table.table-scroll,
    table.table-scrollpane {
        min-width: 939px
    }
    table.table-scrollpane td {
        max-width: 939px
    }
}

.table-like {
    display: table;
    width: 100%
}

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

.table-like-top .td-like {
    vertical-align: top
}

.td-like-100 {
    width: 100%
}

textarea,
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
    width: 100%;
    display: block;
    background: #eceff4;
    border: 1px solid #cbccd0;
    padding: 8px 12px 10px;
    color: #333;
    font: normal normal 16px/20px "Roboto", tahoma, sans-serif;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus {
    border-color: #30a3f4!important;
    background: #fff
}

textarea:hover,
input[type=text]:not(:disabled):hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=time]:hover,
input[type=url]:hover {
    border-color: #7e8492
}

textarea {
    height: 160px;
    padding: 11px 12px 10px
}

.form-line {
    padding: 0 0 20px
}

.dark-input input::placeholder{
	color:#dbdbdb;
	opacity:1;
}

::-webkit-input-placeholder {
    color: #dbdbdb;
    opacity: 1
}

:-moz-placeholder {
    color: #dbdbdb;
    opacity: 1
}

::-moz-placeholder {
    color: #dbdbdb;
    opacity: 1
}

:-ms-input-placeholder {
    color: #dbdbdb
}

:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

:focus::placeholder {
    color: transparent;
    opacity: 1
}

* {
    box-sizing: border-box
}

.align-left {
    float: left;
    margin: 0 20px 18px 0
}

.align-right {
    float: right;
    margin: 0 0 18px 20px
}

.align-center {
    display: block;
    margin: 0 auto 18px;
    text-align: center;
    max-width: 100%
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.column-50 {
    float: left;
    width: 50%
}

.column-33 {
    float: left;
    width: 33.33%
}

.column-25 {
    float: left;
    width: 25%
}

.overflow {
    overflow: hidden
}

.column-left {
    float: left
}

.column-desc {
    overflow: hidden
}

.img-circle,
.rounded {
    border-radius: 50%
}

.img-circle img {
    border-radius: 50%
}

.form-row {
    margin: 0 0 10px
}

.form-group + .form-group {
    margin-top: 15px
}

.wrap-select,
[class^="wrap-select-"],
[class*=" wrap-select-"] {
    position: relative
}

.wrap-select select,
[class^="wrap-select-"] select,
[class*=" wrap-select-"] select {
    width: 100%
}

.wrap-label {
    padding: 0 0 10px
}

.ui-datepicker-title select,
.styled-select select {
    background: #2f3544 url(../img/select-arrow.png) top 13px right 10px no-repeat;
    width: 100%;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 1.2;
    border: 1px solid #7e8492;
    border-radius: 0;
    height: 34px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    min-width: 50px;
    color: #fff;
    margin: 0 0 10px
}

.styled-select.unstyled select {
    margin-bottom: 0
}

.styled-select-transparent select {
    background-color: transparent
}

.styled-select-dark-2 select,
.styled-select-bg-dark-2 select {
    background-color: #545c6f
}

.datepicker-styled.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    font-size: 13px;
    line-height: 18px;
    height: auto;
    width: 75px;
    position: relative;
    top: -1px;
    margin-left: 5px;
    background: #2f3544 url(../img/select-arrow.png) top 6px right 10px no-repeat
}

.styled-select.white select {
    background: #eceff4 url(../img/select-arrow-white.png) top 13px right 10px no-repeat;
    border-color: #cbccd0;
    color: #333
}

.styled-select.font-13-18 select {
    font-size: 13px;
    line-height: 18px;
    height: 30px;
    padding-right: 24px
}

.styled-select.font-12-18 select {
    font-size: 12px;
    line-height: 18px;
    height: 30px;
    padding-right: 24px
}

.font-12-18 button.select-images .ui-multiselect-inner,
.font-12-18 div.select-images ul label {
    line-height: 28px
}

.font-12-18 button.select .ui-multiselect-inner {
    height: 30px;
    border-color: #7e8492;
    padding-bottom: 0;
    padding-top: 0
}

.font-12-18 button.ui-multiselect .ui-multiselect-value {
    font-size: 13px
}

.font-12-18 button.select .ui-multiselect-arrow {
    top: 63%
}

.font-12-18 button.select-images .ui-multiselect-inner img,
.font-12-18 div.select-images ul label img {
    margin-top: -3px;
    vertical-align: middle
}

.font-12-18 button.select-images .ui-multiselect-arrow {
    border-color: #7e8492 transparent transparent transparent;
    right: 10px
}

.styled-select__block select {
    width: 100%
}

.styled-select select::-ms-expand {
    display: none
}

.styled-select.select-220 {
    width: 220px
}

.styled-select-2 select {
    margin-bottom: 0
}

.transition-all,
a,
[class^="btn-"],
[class*=" btn-"],
.bx-pager i,
.invisible-indicator {
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear
}

.transition-none {
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    transition: all 0s ease 0s
}

.clearfix:before,
.window-chat-smiles:before,
.smoking-room-list li:before,
.command-details-list li:before,
.header-right-top:before,
.clearfix:after,
.window-chat-smiles:after,
.smoking-room-list li:after,
.command-details-list li:after,
.header-right-top:after,
.buttons:before,
.buttons:after,
.bxslider:before,
.bxslider:after,
[class*="-columns"]:before,
[class*="-columns"]:after,
form:before,
form:after {
    content: "";
    display: table
}

.clearfix:after,
.window-chat-smiles:after,
.smoking-room-list li:after,
.command-details-list li:after,
.header-right-top:after,
.buttons:after,
.bxslider:after,
[class*="-columns"]:after,
form:after {
    clear: both
}

.inline-block,
[class^="btn-"],
[class*=" btn-"],
.upcoming-match .img img,
.last-match .img img,
.friendly-match .img img,
.bx-pager-item,
.btn-invisible,
.command-details-trophies-list li,
.user-info-list li,
.name-user,
.user-info-list,
.add-trophy,
[class^="icon-"],
[class*=" icon-"],
[class^="btn-"],
[class*=" btn-"],
.checkbox,
.radiobox,
.radiobox-color {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top
}

[class^="icon-"],
[class*=" icon-"] {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle!important
}

.icon-message {
    background-position: -75px 0;
    width: 23px;
    height: 18px
}

.icon-message:hover {
    background-position: -44px -49px;
    width: 23px;
    height: 18px
}

.icon-setting {
    background-position: 0 -26px;
    width: 24px;
    height: 23px
}

.icon-setting:hover {
    background-position: -24px -26px;
    width: 24px;
    height: 23px
}

.icon-logout {
    background-position: -53px 0;
    width: 22px;
    height: 23px
}

.icon-logout:hover {
    background-position: -53px -23px;
    width: 22px;
    height: 23px
}

.icon-circle-arrow {
    background-position: -75px -18px;
    width: 20px;
    height: 20px
}

.icon-circle-gray {
    background: url(../img/icons/circle-arrow-gray.png) scroll left top no-repeat
}

.icon-circle-arrow__sm {
    width: 16px;
    height: 16px;
    background: url(../img/icons/up-sm.png) no-repeat
}

.icon-badge {
    width: 12px;
    height: 16px;
    background: url(../img/icons/badge.png) no-repeat
}

.icon-trophy {
    background-position: -98px -42px;
    width: 15px;
    height: 21px
}

.icon-chips {
    background-position: -98px 0;
    width: 19px;
    height: 21px
}

.icon-money {
    background-position: -75px -38px;
    width: 20px;
    height: 20px
}

.icon-brackets {
    background-position: -27px 0;
    width: 26px;
    height: 22px
}

.icon-check {
    background-position: -98px -79px;
    width: 13px;
    height: 10px
}

.icon-arrow-prev {
    background-position: -40px -71px;
    width: 11px;
    height: 20px
}

.icon-arrow-next {
    background-position: 0 -91px;
    width: 12px;
    height: 21px
}

.icon-invisible {
    background-position: -98px -63px;
    width: 17px;
    height: 16px
}

.icon-cross {
    background-position: -67px -49px;
    width: 8px;
    height: 9px
}

.icon-check-white {
    background-position: -88px -58px;
    width: 10px;
    height: 8px
}

.icon-check-white-medium {
    background-position: -75px -58px;
    width: 13px;
    height: 10px
}

.icon-smile {
    background-position: 0 0;
    width: 27px;
    height: 26px
}

.icon-smile:hover {
    background-position: 0 0;
    width: 27px;
    height: 26px
}

.icon-close-popup {
    background-position: 0 -49px;
    width: 22px;
    height: 22px
}

.icon-close {
    background-position: -22px -49px;
    width: 22px;
    height: 22px
}

.icon-circle-arrow-gray {
    background-position: 0 -71px;
    width: 20px;
    height: 21px
}

.icon-trophy-gray {
    background-position: -20px -71px;
    width: 20px;
    height: 20px
}

.icon-medal-gray {
    background-position: -98px -21px;
    width: 15px;
    height: 21px
}

.icon-medal-white {
    background-position: -98px -42px;
    width: 15px;
    height: 21px
}

[class^="btn-"],
[class*=" btn-"] {
    border: none;
    text-decoration: none;
    position: relative;
    text-align: center;
    color: #fff;
    font: normal normal 14px/1.4 robotobold;
    text-transform: uppercase
}

[class^="btn-"]:hover,
[class*=" btn-"]:hover {
    text-decoration: none
}

[class^="btn-"] input,
[class*=" btn-"] input {
    background: url(../img/empty.png) repeat;
    border: 0;
    color: transparent;
    cursor: pointer;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    z-index: 10
}

[class^="btn-"].disabled,
[class*=" btn-"].disabled {
    cursor: default!important
}

[class^="btn-"].disabled input,
[class*=" btn-"].disabled input {
    display: none!important
}

a[class^="btn-"],
a[class*=" btn-"],
div[class^="btn-"],
div[class*=" btn-"] {
    cursor: pointer
}

.btn.block {
    width: 100%
}

.colored-blue {
    color: #30a3f4
}

.w-btn {
    margin-top: 25px
}

.btn-border-blue,
.btn-border-green,
.btn-border-gray,
.btn-border-red,
.btn-border-yellow {
    border: 1px solid #30a3f4;
    border-radius: 20px;
    padding: 10px 26px 9px;
    color: #30a3f4;
    min-width: 150px
}

.btn-border-blue:not(.disabled):not(:disabled):hover,
.btn-border-gray:not(.disabled):not(:disabled):hover {
    background: #30a3f4;
    color: #fff
}

.btn-border-blue:active,
.btn-border-gray:active {
    background: #1d86d0;
    color: #fff
}

.btn-border-blue.btn__chevron {
    background-attachment: scroll;
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding-right: 30px!important
}

.btn-border-blue.btn__chevron {
    background-image: url(../img/icons/chevron-right-xs-blue.png)
}

.btn-border-blue.btn__chevron:hover {
    background: url(../img/icons/chevron-right-xs.png) #30a3f4 scroll right 15px center no-repeat!important
}

.btn-border-gray {
    border: 1px solid #cbccd0;
    color: #545c6f
}

.btn-border-gray:not(.disabled):not(:disabled):hover {
    background: #545c6f;
    border-color: #545c6f
}

.btn-border-gray:active {
    background: #2f3544
}

.btn-border-gray.sm {
    font-size: 10px;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 3px
}

.btn-border-green {
    border: 1px solid #7fe365;
    color: #7fe365
}

.btn-border-green:not(:disabled):not(.disabled):hover {
    background: #7fe365;
    color: #fff
}

.btn-border-green:active {
    background: #7fe365;
    color: #fff
}

.btn-border-red {
    border: 1px solid #ee5664;
    color: #ee5664
}

.btn-border-red:not(:disabled):not(.disabled):hover {
    background: #ee5664;
    color: #fff
}

.btn-border-red:active {
    background: #ee5664;
    color: #fff
}

.btn-border-yellow {
    border: 1px solid #ede750;
    color: #ede750;
    border-radius: 200px
}

.btn-border-yellow:hover {
    background: #ede750;
    color: #252932
}

.btn-border-yellow:active {
    background: #ede750;
    color: #fff
}

.yellow-colored,
.colored-yellow {
    color: #ede750
}

.yellow-bordered {
    border: 1px solid #ede750
}

a.yellow-bordered:hover,
a.search-question,
.yellow-bg,
.bg-yellow,
.bg-yellow-stat {
    background-color: #ede750
}

a.search-question:hover,
.yellow-bg:hover,
.bg-yellow:hover {
    background-color: #eec653
}

.btn-light {
    border-radius: 20px;
    padding: 7px 15px 7px;
    color: #7e8492;
    background: #dfe0e4;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    font-family: 'robotoregular'
}

.btn-light:hover {
    background: #fff;
    color: #333
}

.btn-blue {
    border: 1px solid #30a3f4;
    background-color: #30a3f4;
    color: #fff;
    border-radius: 20px
}

.btn-blue:not(.disabled):not(:disabled):hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #2D8ACC
}

.btn-blue:not(.disabled):not(:disabled):active {
    background-color: #fff
}

.btn-blue-styled:not(.disabled):not(:disabled):hover {
    color: #fff;
    background-color: #4fb6ff;
    border-color: #4fb6ff
}

.btn-blue-styled:not(.disabled):not(:disabled):active {
    color: #fff;
    background-color: #1d86d0;
    border-color: #1d86d0
}

.btn-blue-hover:hover {
    color: #fff;
    background-color: #186daa;
    border-color: #186daa
}

.btn-green {
    border: 1px solid #7fe365;
    background-color: #7fe365;
    color: #fff;
    border-radius: 20px
}

.btn-green:not(.disabled):not(:disabled):hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #5BAB46
}

.btn-green:not(.disabled):not(:disabled):active {
    background-color: #fff
}

.btn-green-styled:not(.disabled):not(:disabled):hover {
    color: #fff;
    background-color: #5BAB46;
    border-color: #5BAB46
}

.btn-green-styled:active {
    color: #fff;
    background-color: #5BAB46;
    border-color: #5BAB46
}

.btn-white {
    border: 1px solid #fff;
    background-color: #fff;
    color: #30a3f4;
    border-radius: 20px
}

.btn-white:not(.disabled):not(:disabled):hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #30a3f4
}

.btn-green:not(.disabled):not(:disabled):active {
    background-color: #fff
}

.btn-white-styled:not(.disabled):not(:disabled):hover {
    color: #30a3f4;
    background-color: #5BAB46;
    border-color: #5BAB46
}

.btn-white-styled:active {
    color: #30a3f4;
    background-color: #fff;
    border-color: #fff
}

.btn-grey {
    border: 1px solid #cbccd0;
    background-color: #cbccd0;
    padding: 5px 20px;
    color: #2f3544;
    border-radius: 20px
}

.btn-grey:not(.disabled):not(:disabled):hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #2f3544
}

.btn-grey:not(.disabled):not(:disabled):active {
    background-color: #fff
}

.btn-grey-styled:hover {
    background-color: #b6b7bb!important;
    border-color: #b6b7bb!important
}

.btn.btn__chevron {
    background-attachment: scroll;
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding-right: 30px!important
}

.btn.btn__chevron {
    background-image: url(../img/icons/chevron-right-xs-blue.png)
}

.btn-grey.btn__chevron {
    background-image: url(../img/icons/chevron-left-xs-grey.png)
}

.btn.btn__chevron:hover {
    background-image: url(../img/icons/chevron-right-xs.png)
}

.btn.btn__chevron-left {
    padding-left: 30px;
    background-position: left 15px center
}

.btn-grey.btn__chevron-left:hover {
    background-image: url(../img/icons/chevron-left-xs-grey.png)
}

.btn-red {
    border: 1px solid #ee5664;
    background-color: #ee5664;
    color: #fff;
    border-radius: 20px
}

.btn-red:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #ee5664
}

.btn-red:active {
    background-color: #fff
}

.btn-red-styled:hover {
    background-color: #f96e7c;
    color: #fff;
    border-color: #f96e7c
}

.btn-xs {
    padding: 2px 5px 3px;
    min-width: 0;
    font-size: 11px
}

.btn-sm {
    padding: 2px 13px 3px;
    min-width: 0;
    font-size: 12px
}

.btn-md {
    padding: 5px 19px;
    min-width: 0;
    font-size: 13px
}

.btn-xmd {
    padding: 8px 25px;
    min-width: 0;
    font-size: 14px
}

button.btn-xmd {
    height: 40px
}

button.btn-30 {
    height: 30px;
    border: 0
}

.btn-xmd-40 {
    padding: 10px 25px;
    min-width: 0;
    font-size: 14px
}

.btn-full-width {
    width: 100%
}

@media(min-width:768px) {
    .btn-width-135 {
        min-width: 135px
    }
    .btn-width-160 {
        min-width: 160px
    }
    .btn-width-260 {
        min-width: 260px
    }
}

body:not(.iframe-mobile) .btn-width-135 {
    min-width: 135px
}

body:not(.iframe-mobile) .btn-width-160 {
    min-width: 160px
}

body:not(.iframe-mobile) .btn-width-260 {
    min-width: 260px
}

.btn-lg {
    padding: 12px 38px;
    min-width: 0;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 100px
}

.btns-inline .btn-lg + .btn-lg {
    margin-left: 30px
}

.btn-md.like-select {
    background: url(../img/select-arrow-white.png) top 12px right 10px no-repeat
}

.btn-whole {
    width: 100%
}

.btn-rect {
    border-radius: 0
}

.btn-border-blue.btn-rect {
    width: 300px;
    padding-left: 15px;
    padding-right: 15px
}

.btn-md-160 {
    min-width: 160px
}

.bg-icon {
    background-attachment: scroll;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px
}

.bg-icon.stadium {
    background-image: url(../img/icons/stadium-xs-grey.png)
}

.bg-icon-w:hover .bg-icon.stadium {
    background-image: url(../img/icons/stadium-xs-white.png)
}

.badge {
    border-radius: 20px;
    padding: 0 7px;
    line-height: 12px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle
}

.badge-info {
    background-color: #30a3f4;
    color: #fff
}

.disabled .badge {
    display: none
}

.badge.vip {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 50px;
    height: 40px;
    background: url(../img/icons/vip-badge-blue.png) scroll left top no-repeat;
    background-size: contain
}

.badge-sm.vip {
    width: 35px;
    left: auto;
    right: 0;
    background-image: url(../img/icons/vip-badge-blue-rtl.png)
}

.green-colored,
.colored-green {
    color: #31c60a
}

.red-colored,
.colored-red {
    color: #ee5664
}

.bg-red {
    background-color: #ee5664
}

.bg-blue {
    background-color: #30a3f4
}

.white-colored,
.colored-white {
    color: #fff
}

.colored-333,
.dark .colored-333 p {
    color: #333
}

.colored-dark,
.colored-grey,
.colored-gray {
    color: #545c6f
}

.colored-yellow {
    color: #ede750
}

@media(min-width:768px) {
    .columns .column {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top
    }
    .content-inner .columns {
        margin: -30px -5px -20px 0
    }
    .columns .column {
        width: 50%;
        margin-left: -4px;
        padding: 30px 35px
    }
    .columns.three {
        margin: 10px -5px 20px -16px
    }
    .columns.three .column {
        margin-left: -4px;
        width: 33.3%;
        padding: 0 0 0 20px;
        background: none
    }
}

.dark {
    background: #545c6f
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark blockquote,
.dark ul,
.dark ol,
.dark table,
.dark label,
.dark .btn {
    color: #fff
}

.dark a {
    color: #30a3f4
}

.dark .ball-list li {
    background: url(../img/list-white-ball.png) 29px 4px no-repeat
}

.dark table tr:hover td {
    background: #7e8492
}

.dark table th {
    color: #545c6f;
    background: #fff
}

.dark textarea,
.dark input[type=text],
.dark input[type=password],
.dark input[type=date],
.dark input[type=datetime],
.dark input[type=email],
.dark input[type=number],
.dark input[type=search],
.dark input[type=tel],
.dark input[type=time],
.dark input[type=url] {
    background: #545c6f;
    border: 1px solid #7e8492;
    color: #fff
}

.dark textarea:focus,
.dark input[type=text]:focus,
.dark input[type=password]:focus,
.dark input[type=date]:focus,
.dark input[type=datetime]:focus,
.dark input[type=email]:focus,
.dark input[type=number]:focus,
.dark input[type=search]:focus,
.dark input[type=tel]:focus,
.dark input[type=time]:focus,
.dark input[type=url]:focus {
    border-color: #30a3f4!important
}

.dark textarea:hover,
.dark input[type=text]:hover,
.dark input[type=password]:hover,
.dark input[type=date]:hover,
.dark input[type=datetime]:hover,
.dark input[type=email]:hover,
.dark input[type=number]:hover,
.dark input[type=search]:hover,
.dark input[type=tel]:hover,
.dark input[type=time]:hover,
.dark input[type=url]:hover {
    border-color: #cbccd0
}

.dark button.select .ui-multiselect-inner,
.dark div.select .ui-multiselect-menu-inner {
    background: #545c6f;
    border: 1px solid #7e8492;
    color: #fff
}

.dark button.select:hover .ui-multiselect-inner {
    border-color: #cbccd0
}

.dark .checkbox,
.dark .radiobox {
    background: #545c6f;
    border: 1px solid #7e8492
}

.dark .checkbox:hover,
.dark .radiobox:hover {
    border-color: #cbccd0
}

.dark .btn-border-gray {
    border: 1px solid #cbccd0;
    color: #fff
}

.dark .btn-border-gray:hover {
    background: #cbccd0;
    border-color: #cbccd0
}

.dark .btn-border-gray:active {
    background: #7e8492;
    border-color: #7e8492
}

.content-posters {
    margin: 0 0 20px
}

.upcoming-match,
.last-match,
.friendly-match {
    color: #fafbfc;
    min-height: 170px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
    display: block
}

.upcoming-match:hover,
.last-match:hover,
.friendly-match:hover {
    text-decoration: none
}

.upcoming-match:hover h3,
.last-match:hover h3,
.friendly-match:hover h3 {
    text-decoration: underline
}

.upcoming-match h3,
.upcoming-match h4,
.upcoming-match p,
.upcoming-match table,
.upcoming-match h5,
.upcoming-match h2,
.last-match h3,
.last-match h4,
.last-match p,
.last-match table,
.last-match h5,
.last-match h2,
.friendly-match h3,
.friendly-match h4,
.friendly-match p,
.friendly-match table,
.friendly-match h5,
.friendly-match h2 {
    color: #fafbfc
}

.upcoming-match .img,
.last-match .img,
.friendly-match .img {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 57px;
    background: #fafbfc;
    border-radius: 50%;
    overflow: hidden
}

.upcoming-match .img img,
.last-match .img img,
.friendly-match .img img {
    vertical-align: middle;
    max-width: 100%
}

.upcoming-match h3,
.last-match h3,
.friendly-match h3 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75)
}

.upcoming-match h3 a,
.last-match h3 a,
.friendly-match h3 a {
    color: #fff
}

.last-match {
    background: url(../img/last-match.png) 0 0 no-repeat;
    background-size: cover;
    padding: 20px 14px 12px
}

.last-match .heads {
    overflow: hidden;
    padding: 0 5px 9px
}

.last-match .heads img {
    max-width: 100%;
    vertical-align: top
}

.last-match h3 {
    font-size: 16px;
    font-family: robotobold;
    padding: 0 0 9px;
    text-transform: uppercase;
    text-align: center
}

.last-match .head-right {
    float: right
}

.last-match .head-left {
    float: left
}

.last-match .head-middle {
    overflow: hidden;
    text-align: center;
    font-size: 35px;
    line-height: 36px;
    position: relative;
    padding: 0 10px;
    margin-top: 13px;
    font-family: 'robotothin'
}

.last-match .head-middle span {
    padding: 0 10px
}

.last-match .head-middle:after,
.last-match .head-middle:before {
    position: absolute;
    height: 1px;
    background: #7f8593;
    left: 10px;
    top: 45%;
    width: 20px;
    content: ''
}

.last-match .head-middle:before {
    right: 10px;
    left: auto
}

.last-match h5 {
    padding: 0 0 3px;
    font-size: 14px;
    line-height: 16px
}

.last-match p {
    padding: 0;
    font-size: 14px;
    line-height: 1.2
}

.last-match .bottom-items {
    overflow: hidden;
    margin: 0 0 -13px
}

.last-match .bottom-item {
    width: 50%;
    float: left;
    padding: 0 5px
}

.last-match .bottom-item:last-child {
    text-align: right
}

.last-match .bottom {
    text-transform: uppercase;
    font-family: 'robotobold';
    text-align: center;
    font-size: 14px;
    color: #30a3f4;
    text-decoration: underline
}

.upcoming-match {
    background: url(../img/next-match.png) 0 0 no-repeat;
    background-size: cover;
    position: relative;
    padding: 22px 18px 13px
}

.upcoming-match .stadium-check {
    background-position: left bottom;
    top: 50%;
    margin-top: -40px
}

.upcoming-match h3 {
    font-family: robotobold;
    text-transform: uppercase;
    padding: 0 0 6px
}

.upcoming-match h5 {
    font-size: 18px;
    padding: 0 0 4px
}

.upcoming-match .date-time {
    float: right;
    line-height: 1;
    font-family: 'robotothin';
    text-align: right;
    margin: -29px 0 0 0
}

.upcoming-match .img {
    margin: 0 0 7px
}

.upcoming-match .date {
    font-size: 18px
}

.upcoming-match .time {
    font-size: 48px
}

.upcoming-match .command-item {
    margin: 0 0 0 1px
}

.upcoming-match p {
    line-height: 1.2;
    font-size: 14px;
    padding: 0
}

.friendly-match {
    position: relative;
    min-height: 168px;
    padding: 5px 20px;
    background: url(../img/friends-match.png) 0 0 no-repeat;
    background-size: cover
}

.friendly-match h3 {
    font-family: robotobold;
    text-transform: uppercase;
    padding: 0;
    line-height: 30px
}

.friendly-match .align-bottom {
    height: 160px;
    padding: 0 0 7px
}

.align-bottom {
    display: table-cell;
    vertical-align: bottom
}

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

.sidebar-clubs {
    padding: 7px 0 0 0
}

.sidebar-clubs .scrollpane {
    max-height: 454px;
    min-height: 454px
}

.sidebar-title {
    padding: 22px 20px 20px;
    background: url(../img/sidebar-title.jpg) 0 0 no-repeat;
    text-align: center;
    background-size: cover;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 1
}

.sidebar-title h2 {
    padding: 0;
    color: #fafbfc;
    text-transform: uppercase;
    font-size: 24px
}

.sidebar-clubs-bottom {
    padding: 20px 20px 21px;
    background: #2f3544;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 1
}

.sidebar-clubs-bottom .btn-border-blue {
    display: block
}

.news {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMzU0NCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjM1NDQiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(47, 53, 68, .75) 0%, rgba(47, 53, 68, .75) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(47, 53, 68, .75)), color-stop(100%, rgba(47, 53, 68, .75)));
    background: -webkit-linear-gradient(top, rgba(47, 53, 68, .75) 0%, rgba(47, 53, 68, .75) 100%);
    background: -o-linear-gradient(top, rgba(47, 53, 68, .75) 0%, rgba(47, 53, 68, .75) 100%);
    background: -ms-linear-gradient(top, rgba(47, 53, 68, .75) 0%, rgba(47, 53, 68, .75) 100%);
    background: linear-gradient(to bottom, rgba(47, 53, 68, .75) 0%, rgba(47, 53, 68, .75) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bf2f3544', endColorstr='#bf2f3544', GradientType=0);
    padding: 12px 19px 16px;
    margin: 0 0 20px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25)
}

@media(min-width:768px) {
    .news {
        height: 170px
    }
}

.news h2 {
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 0 16px
}

.news-slider-list li {
    margin-right: 3px
}

.news-item h3 {
    padding: 0 0 3px;
    font-family: robotobold;
    font-size: 18px
}

.news-item h3 a {
    color: #fff
}

.news-item p {
    padding: 0
}

.news-slider .challange-anounce .dropdown-inner,
.news-slider .chat__player__for__sale-w .dropdown-inner,
.message-text .challange-anounce .dropdown-inner,
.message-text .chat__player__for__sale-w .dropdown-inner {
    background-color: #545c6f
}

.news-slider .challange-anounce .dropdown-w .dropdown-inner:after,
.news-slider .chat__player__for__sale-w .dropdown-w .dropdown-inner:after,
.message-text .challange-anounce .dropdown-w .dropdown-inner:after {
    border-top-color: #545c6f
}

.message-text .chat__player__for__sale-w .dropdown-w2 .dropdown-inner:after,
.news-slider .chat__player__for__sale-w .dropdown-w2 .dropdown-inner:after {
    border-bottom-color: #545c6f
}

.news-slider .fc__logo-flag {
    padding-left: 10px;
    left: 0;
    margin-bottom: 6px
}

.news-slider .level-with-icon i {
    margin-right: 4px
}

@media(min-width:768px) {
    .sidebar__left {
        float: left;
        margin-right: 20px
    }
}

@media(min-width:768px) {
    .tactic__board {
        float: left
    }
    .tactic__board-w:after,
    .tactic__board-inner:after {
        content: "";
        display: table;
        clear: both;
        width: 100%
    }
}

.scoreboard__info,
.scoreboard__info .user-club-info .club-name,
.scoreboard__info .user-club-info .name-user {
    color: #fafbfc
}

@media(max-width:767px) {
    .scoreboard__info-arrow-w {
        position: relative
    }
    .scoreboard__info-arrow-w .scrollarrow {
        bottom: 45px;
        background-color: transparent
    }
    .scoreboard__info-arrow-w .scrollarrow-right {
        right: -5px
    }
    .scoreboard__info-arrow-w .scrollarrow-left {
        left: -6px
    }
    .scoreboard__info-arrow-w .scrollarrow img {
        left: 0!important;
        right: 0!important
    }
    .scoreboard__info-w {
        background-color: #2f3544
    }
    .scoreboard__info-w .scoreboard__info {
        min-width: 939px
    }
}

.scoreboard__info {
    position: relative;
    background: #545c6f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NWM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzJmMzU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJmMzU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzJmMzU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDVjNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #545c6f 0%, #2f3544 35%, #2f3544 50%, #2f3544 65%, #545c6f 100%);
    background: -webkit-linear-gradient(left, #545c6f 0%, #2f3544 35%, #2f3544 50%, #2f3544 65%, #545c6f 100%);
    background: linear-gradient(to right, #545c6f 0%, #2f3544 35%, #2f3544 50%, #2f3544 65%, #545c6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#545c6f', endColorstr='#545c6f', GradientType=1);
    min-height: 130px;
    padding: 8px 15px
}

@media(min-width:768px) {
    .scoreboard__info {
        margin: 20px 0;
        border: 5px solid #2f3544
    }
}

@media(max-width:767px) {
    .scoreboard__info-w {
        overflow: scroll;
        margin: 20px 0;
        border: 5px solid #2f3544;
        border-bottom-width: 0
    }
}

.scoreboard__info .scoreboard__info-bg {
    position: absolute;
    left: 0;
    top: -5px;
    width: 100%;
    z-index: 0
}

.scoreboard__info-inner {
    position: relative;
    z-index: 1
}

.scoreboard__info .user-club-info {
    float: none;
    min-width: 0;
    margin: 0 0 8px
}

@media(max-width:767px) {
    .scoreboard__info .user-club-info {
        width: 100%
    }
    .scoreboard__info-inner .user-club-info .img {
        float: left;
        margin-right: 10px
    }
}

.scoreboard__info .user-club-info p {
    line-height: 20px;
    display: block
}

.scoreboard__info .user-club-info .club-name {
    font-size: 16px
}

.scoreboard__info .user-club-info .club-name,
.scoreboard__info .user-club-info .name-user {
    padding: 0
}

.scoreboard__info .user-club-info .club-name {
    white-space: nowrap;
    overflow: visible;
    max-width: none;
    position: relative;
    z-index: 2
}

.scoreboard__info .user-club-info .club-city {
    white-space: nowrap
}

.scoreboard__info .user-club-info .club-city,
.scoreboard__info .user-club-info .name-user {
    font-size: 14px
}

.scoreboard__info .user-club-info .name-user {
    margin-top: 3px;
    float: none
}

.scoreboard__main__info {
    float: left;
    text-align: center;
    width: 100%;
    width: 309px
}

.scoreboard__main__info-date,
.scoreboard__main__info-start,
.scoreboard__main__info-rating span:not(.label-b) {
    font-family: robotobold;
    line-height: 18px
}

.scoreboard__main__info-date,
.scoreboard__main__info-rating span:not(.label-b) {
    font-size: 24px
}

.scoreboard__main__info-date {
    margin-bottom: 8px
}

.scoreboard__main__info-divider {
    margin: 7px 0;
    line-height: 1px
}

.scoreboard__main__info-divider img {
    max-width: 100%
}

.scoreboard__main__info-start {
    font-size: 16px;
    font-family: robotobold
}

.scoreboard__main__info-rating span:not(.label-b) {
    font-size: 20px;
    color: #ede750
}

.scoreboard__main__info-start>span:not(.block) {
    display: inline-block;
    min-width: 19px;
    text-align: right
}

.scoreboard__team-home,
.scoreboard__team-visitor {
    width: 295px
}

.scoreboard__team-home {
    float: left
}

.scoreboard__team-visitor {
    float: right
}

.scoreboard__team-visitor .user-club-info .img {
    float: right;
    margin-left: 10px;
    margin-right: 0
}

.scoreboard__team-visitor .scoreboard__team-info,
.scoreboard__team-visitor .user-club-info p {
    text-align: right
}

.scoreboard__team-visitor .scoreboard__team-info .level {
    text-align: left
}

.scoreboard__info .level {
    font-size: 14px;
    display: inline-block
}

.scoreboard__info .level .w-level {
    margin-top: 0
}

.scoreboard__team-info {
    float: left;
    width: 220px
}

.scoreboard__team-form-w {
    font-size: 14px;
    width: 55px;
    position: relative
}

.scoreboard__team-form-w>p {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-width: 100%;
    line-height: 1.2;
    text-align: center;
    margin-top: 3px;
    white-space: nowrap
}

.scoreboard__team-home .scoreboard__team-form-w {
    float: right
}

.scoreboard__team-visitor .scoreboard__team-form-w {
    float: left
}

.scoreboard__team-form {
    position: relative;
    height: 63px;
    width: 100%
}

.scoreboard__team-form>img {
    position: absolute;
    left: 50%
}

.scoreboard__team-form-top {
    max-width: 46px;
    max-height: 44px;
    top: 0;
    margin-left: -21px
}

.scoreboard__team-form-bottom {
    width: 43px;
    height: 33px;
    margin-left: -21px;
    top: 32px
}

.scoreboard__team-btn-w.unstyled {
    margin-top: 12px
}

.scoreboard__team-btn-w li + li {
    margin-left: 6px
}

.scoreboard__info-inner .btn-border-gray {
    color: #fff
}

.scoreboard__info-inner .btn-border-gray:not(.disabled):hover {
    color: #545c6f;
    background-color: #cbccd0
}

.scoreboard__info-inner .user-club-info .img {
    width: 50px
}

.scoreboard__info-inner .user-club-info .img,
.scoreboard__info-inner .user-club-info .img img {
    height: 50px
}

.tactic__controls li .item {
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    width: 170px;
    height: 125px;
    display: block;
    color: #fff;
    position: relative;
    padding: 12px 3px 15px;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .4)
}

.tactic__controls li.tactic__controls-left .item {
    background-color: rgba(84, 92, 111, .5);
    border: 1px solid #737d95
}

.tactic__controls li .time-left {
    font-family: robotoregular;
    margin-top: 6px;
    line-height: 18px
}

.tactic__controls li .divider {
    margin: 10px 0;
    line-height: 1px
}

.tactic__controls li .change-left {
    color: #ede750;
    font-family: robotoregular;
    margin-top: 6px;
    line-height: 18px
}

@media(min-width:768px) {
    .tactic__controls-list-4.tactic__controls li + li {
        margin-top: 67px
    }
    .tactic__controls-list-3.tactic__controls li + li {
        margin-top: 163px
    }
}

.tactic__controls li .item:hover {
    text-decoration: none
}

.tactic__controls li .item__icon {
    margin-bottom: 3px
}

.tactic__controls li .item.tactic-control-oponent {
    background-image: url(../img/tactic-control-oponent.jpg)
}

.tactic__controls li .item.tactic-control-personal {
    background-image: url(../img/tactic-control-personal.jpg)
}

.tactic__controls li .item.tactic-control-stadium {
    background-image: url(../img/tactic-control-stadium.jpg)
}

.stadium-check {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../img/tactic-strategy/icon-stadium-check.png)
}

.stad__enabled-set .stadium-check {
    background-position: left bottom
}

.tactic__controls li .item.tactic-control-stadium.stad__disabled .stadium-check {
    display: none
}

.tactic__controls li .item.tactic-control-stadium.stad__disabled .item__header,
.tactic__controls li .item.tactic-control-stadium.stad__disabled .item__icon {
    opacity: .5
}

.tactic__controls li .item.tactic-control-strategy {
    background-image: url(../img/tactic-control-strategy.jpg)
}

.tactic__controls li .item.tactic-control-video {
    background-image: url(../img/tactic-control-video-icon.jpg)
}

.tactic__controls li .item.tactic-control-style {
    background-image: url(../img/tactic-control-style.jpg)
}

.tactic__controls li .item.tactic-control-paid {
    background-image: url(../img/tactic-control-paid.jpg)
}

.tactic__controls li .item__header {
    font-family: robotobold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase
}

.item__info {
    color: #ede750;
    font-size: 14px
}

.tactic__controls li .item .table-default {
    height: 60px
}

.tactic-paid-select,
.tactic-paid-select button.ui-multiselect {
    width: 300px!important
}

.tactic-control-paid-board {
    position: relative;
    max-width: 747px
}

.tactic-control-paid-content {
    background-color: #2f3544;
    position: relative
}

{}

@media (min-width:768px) {
    .tactic-control-paid-content,
    .tactic-control-paid-content .scrollpane .table {
        width: 747px
    }
}

.tactic-control-paid-content:before {
    z-index: 0;
    opacity: .35;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bg-ball-more-rtl.png) right bottom scroll no-repeat
}

.tactic-control-paid-board .btn-border-yellow {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 12px
}

.font-95 button.select .ui-multiselect-inner,
div.select ul label,
.font-95 .ui-datepicker-title select,
.font-95 .styled-select select {
    font-size: 14px
}

.font-90 button.select .ui-multiselect-inner,
div.select ul label,
.font-90 .ui-datepicker-title select,
.font-90 .styled-select select {
    font-size: 13px
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0;
    border-radius: 0;
    color: #fff
}

.field-w {
    background: url(../img/field-bg.jpg) scroll left top no-repeat;
    height: 700px;
    width: 455px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .4);
    position: relative
}

@media (min-width:768px) {
    .field-w {
        float: left
    }
}

.field-w.reverse {
    background-image: url(../img/field-bg-reverse.jpg)
}

.field-w + .field-w {
    margin-left: 28px
}

.field_line-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    color: #ede750;
    left: -100px;
    width: 233px;
    height: 18px;
    text-align: center;
    letter-spacing: 9px
}

.field_line-name.bottom {
    bottom: 109px
}

.field_line-name.middle {
    bottom: 347px
}

.field_line-name.top {
    bottom: 575px
}

@media (min-width:768px) {
    .controls {
        float: left
    }
}

.controls {
    width: 270px;
    margin-left: 22px
}

.controls__slider {
    padding: 0
}

.controls__slider>li {
    height: 700px;
    padding: 0;
    position: relative
}

.player__disabled {
    opacity: .6
}

span.injury,
span.cross {
    background-color: #ee5664;
    height: 12px;
    position: absolute;
    width: 4px;
    display: inline-block;
    top: 0;
    right: 0
}

span.injury:after,
span.cross:after {
    background-color: #ee5664;
    content: "";
    height: 4px;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 12px
}

.player__rest {
    position: absolute;
    top: 0;
    padding-left: 30px;
    height: 100%;
    width: 130px
}

.player__rest-header {
    width: 700px;
    position: absolute;
    top: 335px;
    left: -335px;
    transform: rotate(-90deg);
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 10px;
    font-family: robotobold;
    line-height: 30px
}

.player__rest .player__position>ul>li.active {
    margin: 0 auto
}

.player__rest .player__position>ul>li.active .item__inner {
    position: absolute;
    top: 50%;
    margin-top: -17px
}

.player__rest-list-w {
    height: 700px;
    max-height: none
}

.player__rest-list-w.scrollpane .player__position>ul {
    max-width: 92px;
    overflow: hidden
}

.player__rest-list-w.scrollpane .player__position>ul>li:last-of-type {
    margin-bottom: 20px
}

.player__second {
    background-color: rgba(48, 163, 244, .5);
    margin-right: 10px;
    left: 0;
    z-index: 11
}

.player__second .player__rest-header {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMGEzZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(48, 163, 244, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(48, 163, 244, 1) 100%);
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(48, 163, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#30a3f4', GradientType=1)
}

.player__third {
    background-color: rgba(84, 92, 111, .5);
    right: 0
}

.player__third .controls__item.cog {
    display: none
}

.player__third .player__rest-header {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDVjNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(84, 92, 111, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(84, 92, 111, 1) 100%);
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(84, 92, 111, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#545c6f', GradientType=1)
}

.tactic__item-close {
    background-color: #30a3f4;
    background-image: url(../img/icon-close-white.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    z-index: 1000
}

.tactic__item-close.close__bottom {
    top: auto;
    bottom: 0
}

@media(min-width:768px) {
    #saveBtn {
        padding-right: 120px
    }
}

@media(min-width:768px) {
    .popup_command_inside_game {
        width: 747px
    }
}

.tactic__save-btn-w {
    margin-top: 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NWM2ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzU0NWM2ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0NWM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzU0NWM2ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDVjNmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(84, 92, 111, 0) 0%, rgba(84, 92, 111, 0) 22%, rgba(84, 92, 111, 1) 50%, rgba(84, 92, 111, 0) 78%, rgba(84, 92, 111, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(84, 92, 111, 0) 0%, rgba(84, 92, 111, 0) 22%, rgba(84, 92, 111, 1) 50%, rgba(84, 92, 111, 0) 78%, rgba(84, 92, 111, 0) 100%);
    background: linear-gradient(to right, rgba(84, 92, 111, 0) 0%, rgba(84, 92, 111, 0) 22%, rgba(84, 92, 111, 1) 50%, rgba(84, 92, 111, 0) 78%, rgba(84, 92, 111, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00545c6f', endColorstr='#00545c6f', GradientType=1);
    padding: 10px 0;
    text-align: center;
    width: 100%;
    float: left
}

.tactic__save-btn {
    display: inline-block;
    border-radius: 25px;
    line-height: 18px;
    padding: 11px 20px;
    background-color: #30a3f4;
    color: #fff;
    font-family: robotobold
}

.tactic__save-btn:hover {
    background-color: #4fb6ff;
    text-decoration: none
}

.tactic__strategy {
    color: #fff;
    background-color: #2f3544;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 100%
}

.tactic__strategy-field-attack {
    position: absolute;
    top: 170px;
    left: 96px;
    width: 90px;
    height: 370px
}

.tactic__strategy-field-far__shot {
    position: absolute;
    height: 240px;
    width: 455px;
    left: -5px;
    top: 0
}

.tactic__strategy-field-flank__game {
    position: absolute;
    height: 500px;
    width: 455px;
    left: 0;
    bottom: 28px
}

.tactic__strategy-field-long__pass {
    position: absolute;
    height: 370px;
    width: 80px;
    right: 108px;
    bottom: 188px
}

.tactic__strategy-field-press {
    position: absolute;
    height: 45px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    bottom: 100px;
    background: url(../img/tactic-strategy/tactic__press-bg.png) scroll no-repeat center center
}

.tactic__strategy-field-press-text {
    text-align: center;
    padding-top: 20px;
    color: #9cd6ff;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
    font-family: robotobold;
    font-size: 18px;
    line-height: 18px
}

.tactic__strategy .header-w {
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    padding-left: 72px;
    background: url(../img/tactic-control-strategy-icon.png) scroll no-repeat 20px center;
    min-height: 58px
}

.tactic__strategy .header {
    font-family: robotoregular
}

.tactic__strategy .item + .item {
    margin-top: 9px
}

.tactic__strategy .item>.header {
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    padding: 10px 15px;
    text-align: center;
    font-family: robotobold;
    margin-bottom: 10px
}

.tactic__strategy .item.attack>.header {
    background-image: url(../img/tactic-strategy-attack.png)
}

.tactic__strategy .item.flang>.header {
    background-image: url(../img/tactic-strategy-flang.png)
}

.tactic__strategy .item.hit>.header {
    background-image: url(../img/tactic-strategy-hit.png)
}

.tactic__strategy .item.pass>.header {
    background-image: url(../img/tactic-strategy-pass.png)
}

.tactic__strategy .item.pressing>.header {
    background-image: url(../img/tactic-strategy-pressing.png)
}

.tactic__strategy .inner {
    padding: 0 20px
}

.slider-w,
input[type=text].slider-value,
input[type=number].slider-value,
.inline-block {
    display: inline-block;
    vertical-align: middle
}

.slider-w {
    width: calc(98% - 30px);
    padding-right: 5%
}

.slider-bottom {
    position: relative
}

.slider-top {
    margin-bottom: 14px
}

.slider-top p {
    line-height: 1;
    font-size: 13px;
    font-family: robotoregular
}

.slider__value-middle {
    position: absolute;
    left: 50%;
    margin-left: -4px
}

input[type=text].slider-value,
input[type=number].slider-value {
    width: 30px;
    height: 30px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    border-color: #a6a6a6;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700
}

.tactic__strategy input[type=text].slider-value {
    background-color: #545c6f;
    border-color: #98999c;
    color: #fff
}

.tactic__strategy .slider-top p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, .4)
}

.tactic__strategy input[type=text].slider-value::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value:-ms-input-placeholder {
    color: #fff
}

.tactic__strategy input[type=text].slider-value:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

.tactic__strategy input[type=text].slider-value:focus::placeholder {
    color: transparent;
    opacity: 1
}

.tactic__style.tactic__strategy .header-w {
    background-image: url(../img/tactic-control-style-icon.png)
}

.tactic__style.tactic__strategy .item + .item {
    margin-top: 15px
}

.tactic__style .item>.header {
    background-color: #232833;
    font-family: robotoregular;
    padding-bottom: 3px;
    padding-top: 3px
}

.tactic__style.tactic__strategy .styled-select select {
    font-size: 14px
}

.tactic__style-icon {
    font-size: 0;
    line-height: 0
}

.tactic__style-icon li {
    width: 48%;
    padding: 6px 5px 8px!important;
    text-align: center;
    border: 1px solid #545c6f;
    margin: 0 1%;
    font-size: 13px;
    line-height: 18px
}

.tactic__style-icon li:not(:last-of-type) {
    margin-bottom: 10px
}

.tactic__style-icon li:hover {
    border-color: #fff;
    cursor: pointer
}

.tactic__style-icon li.active {
    border-color: #30a3f4
}

.tactic__style-icon li p {
    padding: 0;
    line-height: 18px
}

.tactic__style-icon li>img {
    margin-top: 4px
}

.note-italic {
    font-size: 12px;
    line-height: 18px;
    opacity: .7
}

.tactic__style .item-my__style {
    padding: 6px 15px
}

.tactic__style .item-my__style .btn__list {
    display: block;
    margin-top: 20px
}

.tactic__style .item-my__style .btn__list li {
    position: relative
}

.tactic__style .item-my__style .btn__list li + li {
    margin-top: 15px
}

.tactic__style .item-my__style .btn__list li a:not(.btn-transparent-green) {
    padding: 6px 15px;
    border: 1px solid #fff;
    font-size: 12px;
    display: block;
    text-align: center
}

.tactic__style .item-my__style .btn__list li>a:hover {
    background-color: #fff;
    color: #000
}

.tactic__style .item-my__style .btn__list-dropdown__w {
    position: absolute;
    bottom: 100%;
    width: 100%;
    color: #333;
    z-index: 99;
    display: none;
    padding-bottom: 12px
}

.tactic__style .item-my__style .btn__list li:hover .btn__list-dropdown__w {
    display: block
}

.tactic__style .item-my__style .btn__list-dropdown__w input,
.tactic__style .item-my__style .btn__list-dropdown__w select {
    font-size: 14px;
    font-family: robotolight
}

.tactic__style .item-my__style .btn__list-dropdown__w .form__group:not(:last-of-type) {
    margin-bottom: 15px
}

.tactic__style .item-my__style .btn__list-dropdown__w label {
    display: inline-block;
    max-width: 175px;
    line-height: 18px
}

.tactic__style .item-my__style .btn__list-dropdown__w .btn-transparent-green {
    display: block;
    border: 1px solid;
    text-align: center;
    font-size: 12px;
    padding: 6px 15px;
    text-align: center
}

.tactic__style .item-my__style .btn__list-dropdown__inner {
    background-color: #fff;
    padding: 12px 15px;
    position: relative
}

.tactic__style .item-my__style .btn__list-dropdown__inner:after {
    position: absolute;
    content: "";
    display: block;
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    border-top: 6px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.player__position {
    position: relative
}

#rivalField .player__position {
    z-index: 1
}

.player__position>ul {
    font-size: 0
}

.player__position>ul>li {
    padding: 0;
    width: 35px;
    height: 35px;
    position: relative
}

.player__info>ul,
.player__position>ul>li .item__inner:hover .player__info>p {
    display: none
}

.player__info>p,
.player__position>ul>li .item__inner:hover .player__info>ul {
    display: block
}

.player__position>ul>li:hover {
    z-index: 1000
}

.player__position>ul>li .item__inner {
    border: 1px solid transparent;
    height: 35px;
    width: 35px;
    position: relative
}

.player__position>ul>li.active .item__inner:hover {
    background-color: rgba(0, 0, 0, .5);
    border-color: rgba(127, 227, 101, .5);
    border: 1px solid #5FC131
}

.player__position>ul>li.dropdown-top .player__info>p {
    margin-top: 7px
}

.player__position>ul>li .item__inner:hover .amplua,
.player__position>ul>li .item__inner:hover .shirt {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -ms-transform: scale(1.15)
}

.amplua {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -9px
}

.amplua__img,
.img-vertical-middle {
    vertical-align: middle
}

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

.vertical-bottom {
    display: inline-block;
    vertical-align: bottom
}

.vertical-top {
    display: inline-block;
    vertical-align: top
}

.vertical-top-td {
    vertical-align: top
}

p.vertical-middle {
    padding: 0
}

.shirt {
    margin-top: -5px;
    margin-left: -5px
}

.rc {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ee5664;
    width: 6px;
    height: 7px;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .5)
}

.yc {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ede750;
    width: 6px;
    height: 7px;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .5)
}

.levels {
    background-color: #2f3544;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 2px;
    line-height: 17px;
    border-right: 1px solid #545c6f
}

.player__position>ul>li .item__inner:hover .levels {
    bottom: 0;
    left: -1px
}

.player__position>ul>li .item__inner:hover .level-item {
    width: 4px;
    height: 20px
}

.levels:hover .player__stats {
    display: block
}

.player__stats {
    z-index: 100;
    position: absolute;
    top: 100%;
    left: 50%;
    min-height: 30px;
    min-width: 96px;
    -webkit-transform: translateX(-39%);
    transform: translateX(-39%);
    -ms-transform: translateX(-39%);
    display: none
}

.stats__item {
    font-size: 12px;
    color: #fff;
    height: 27px
}

.stats__item:nth-child(2) {
    margin-left: 4px;
    margin-right: 1px
}

.stats__item .w-level {
    margin-top: 1px
}

.stats__item>img,
.stats__item .c100 {
    display: inline-block;
    vertical-align: middle
}

.stats__item .c100 {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -ms-transform: scale(.7);
    margin-left: -3px;
    margin-top: -3px
}

.stats__item .c100>span {
    line-height: 29px
}

.level-item {
    border: 1px solid #545c6f;
    display: inline-block;
    list-style: none;
    width: 3px;
    height: 17px;
    position: relative;
    border-right: 0
}

.level-item span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px
}

.player__info {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-51%);
    transform: translateX(-51%);
    -ms-transform: translateX(-50%);
    width: 96px;
    z-index: 10
}

.player__info>p {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    color: #fff;
    font-family: robotoregular;
    font-size: 12px;
    line-height: 1;
    margin-top: -4px
}

.player__info ul,
.player__stats ul {
    border: 1px solid #53774f;
    background-color: #244513;
    min-height: 30px;
    padding-left: 3px;
    white-space: nowrap
}

.player__info ul {
    text-align: center
}

.player__info ul:after {
    clear: both;
    display: table;
    content: ""
}

.player__stats .w-level {
    background-color: #000
}

.controls__item {
    float: left;
    width: 33.3333%;
    line-height: 1!important
}

.controls__item-text {
    font-size: 11px;
    color: #fff;
    line-height: 24px;
    display: inline-block
}

.controls__item.info {
    float: right
}

.controls__item a {
    display: inline-block;
    background-attachment: scroll;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    width: 28px;
    height: 24px;
    -webkit-transition: none;
    transition: none;
    -ms-transition: none;
    padding-top: 2px!important
}

.controls__item:hover a {
    background-position: 3px -21px
}

.controls__item.cog a {
    background-image: url(../img/tactic-strategy/icon-cog.png)
}

.controls__item.info a {
    background-image: url(../img/tactic-strategy/icon-info.png)
}

.controls__item.move a {
    background-image: url(../img/tactic-strategy/icon-move.png)
}

.controls__item.close a {
    background-image: url(../img/tactic-strategy/icon-close.png);
    display: none
}

#rivalField .controls__item.close a {
    display: block
}

.player__moving .controls__item.move a {
    background-position: 3px -21px
}

.item__inner-visitor .player__info {
    top: -27px
}

.item__inner-visitor .player__stats {
    top: -40px
}

.item__inner-visitor .player__info>p {
    margin-top: 16px
}

#rivalField .player__position>ul>li.dropdown-top .player__info>p {
    margin-top: 10px
}

.item__inner-visitor .controls__item.info {
    width: 100%;
    text-align: center
}

#rivalField .player__position>ul>li .item__inner:hover .amplua,
#rivalField .player__position>ul>li .item__inner:hover .shirt,
#rivalField .player__position>ul>li .item__inner:hover,
#rivalField .player__position>ul>li .item__inner:hover .levels>ul,
#rivalField .levels>ul.stats__item .c100 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#rivalField .item__inner {
    position: relative
}

#rivalField .item__inner .controls__item.cog {
    display: none
}

.item__inner span.cross,
.item__inner span.cross:after {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.item__inner.add__defender .shirt {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0;
    background: url(../img/tactic-strategy/shirt-dashed.png) scroll left top no-repeat
}

.item__inner.add__defender .shirt-w:hover .shirt {
    background-position: left -40px
}

.item__inner .shirt-active span.cross,
.item__inner .shirt-active span.cross:after {
    background-color: #ede750
}

.tooltip {
    background-color: #ede750;
    padding: 9px 11px;
    width: 160px;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 35px;
    text-align: center;
    font-family: robotoregular;
    display: none
}

.tooltip:after {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    content: "";
    display: table;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ede750
}

#rivalField .shirt-active .tooltip {
    display: block
}

.player__settings {
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -120px;
    padding-top: 6px;
    width: 240px
}

.player__settings .inner {
    background-color: #fff;
    padding: 15px 20px;
    position: relative
}

.player__settings .inner:after {
    position: absolute;
    top: -6px;
    content: "";
    display: table;
    left: 50%;
    margin-left: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff
}

.player__settings .slider-bottom {
    font-size: 12px;
    line-height: 24px
}

.player__info:hover .controls__item ..player__settings {
    display: block
}

#playerindividual {
    display: none
}

.tactic__style {
    background-color: #2f3544;
    height: 100%;
    color: #fff;
    position: relative
}

.hidden {
    display: none!important
}

.more-link {
    font-family: robotobold;
    border-bottom: 1px dashed;
    text-decoration: none!important
}

.more-link:hover {
    border-color: transparent
}

.bx-pager-item {
    margin: 0 5px;
    vertical-align: middle
}

.bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b6b6b6;
    text-indent: -9999px
}

.bx-pager-item a.active,
.bx-pager-item a:hover {
    background: #30a3f4
}

.news {
    position: relative
}

@media(min-width:768px) {
    .news .bx-pager {
        position: absolute;
        top: 17px;
        right: 5px
    }
}

.news .bx-controls-direction {
    display: none
}

.bx-pager i {
    margin: 0 14px
}

.bx-pager i:hover {
    opacity: .8
}

.chat-box {
    overflow: hidden;
    background: #2f3544
}

.chat-box .jspCap {
    display: none
}

.window-chat-holder {
    overflow: hidden
}

.window-chat {
    background: #fff;
    padding: 2px 0 2px 2px
}

.window-chat .time {
    color: #999
}

.window-chat .scrollpane .jspDrag,
.scrollpane.scrollpane-dark .jspDrag {
    background: #cbccd0;
    filter: none
}

.scrollpane.scrollpane-dark.more-dark .jspDrag {
    background: #848484
}

.scrollpane.more-right .jspVerticalBar {
    width: 11px
}

.window-chat .scrollpane {
    max-height: 335px;
    min-height: 335px
}

.window-chat-list {
    padding: 0 30px 0 4px;
    font-size: 14px
}

.window-chat-list li {
    color: #000;
    padding: 0 0 6px
}

.window-chat-list li .img-circle {
    vertical-align: middle
}

.window-chat-list strong {
    padding: 0 5px
}

.window-chat-message {
    background: #7e8492;
    overflow: hidden;
    padding: 5px 19px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25)
}

.window-chat-message .btn-light {
    float: right;
    margin: 0 0 0 20px
}

.window-chat-message .wrap-input {
    overflow: hidden;
    padding: 6px 0 0 0
}

.window-chat-message input[type='text'] {
    height: 20px;
    border: 0;
    padding: 0;
    background: none;
    font-size: 14px;
    font-family: robotoregular
}

.window-chat-message input[type='text']::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.window-chat-message input[type='text']:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.window-chat-message input[type='text']::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.window-chat-message input[type='text']:-ms-input-placeholder {
    color: #fff
}

.window-chat-message input[type='text']:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

.window-chat-message input[type='text']:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

.window-chat-message input[type='text']:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

.window-chat-message input[type='text']:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

.window-chat-message input[type='text']:focus::placeholder {
    color: transparent;
    opacity: 1
}

.chat__player__for__sale-w {
    position: relative;
    cursor: pointer
}

.chat__player__for__sale-w,
.chat__player__for__sale-w .item-inner {
    display: inline-block;
    vertical-align: middle
}

.chat__player__for__sale-w .item-inner.c100-w {
    -webkit-transform: scale(.78);
    transform: scale(.78);
    -ms-transform: scale(.78)
}

.chat__player__for__sale-w .item-inner.face-flag {
    position: relative;
    width: 25px;
    text-align: center
}

.chat__player__for__sale-w .item-inner .flag {
    vertical-align: bottom
}

.chat__player__for__sale-w .item-inner .face {
    position: absolute;
    left: 0;
    bottom: 3px
}

.chat__player__for__sale-w .dropdown-w {
    position: absolute;
    z-index: 99;
    bottom: 100%;
    left: 0;
    display: none;
    padding-bottom: 6px;
    min-width: 125px
}

.chat__player__for__sale-w .dropdown-w2 {
    position: absolute;
    z-index: 99;
    left: 0;
    display: none;
    padding-top: 6px
}

.chat__player__for__sale-w .dropdown-inner {
    background-color: #2f3544;
    color: #fff;
    min-width: 113px
}

.chat__player__for__sale-w:hover .dropdown-w {
    display: block
}

.chat__player__for__sale-w .dropdown-w .dropdown-inner,
.chat__player__for__sale-w .dropdown-w2 .dropdown-inner {
    position: relative
}

.chat__player__for__sale-w .dropdown-w .dropdown-inner:after,
.chat__player__for__sale-w .dropdown-w2 .dropdown-inner:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.chat__player__for__sale-w .dropdown-w .dropdown-inner:after {
    top: 100%;
    border-top: 8px solid #2f3544
}

.chat__player__for__sale-w:hover .dropdown-w2 {
    display: block
}

.chat__player__for__sale-w .dropdown-w2 .dropdown-inner {
    position: relative
}

.chat__player__for__sale-w .dropdown-w2 .dropdown-inner:after {
    bottom: 100%;
    border-bottom: 8px solid #2f3544
}

.chat__player__for__sale-w .dropdown-item {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 2px 2px;
    margin-left: 5px
}

.chat__player__for__sale-w .dropdown-item>img {
    max-height: 20px
}

.chat__player__for__sale-w .dropdown-inner .icon-circle-arrow {
    margin-right: 3px
}

.chat__player__for__sale-w .dropdown-inner .w-level {
    background-color: #000;
    min-width: 28px;
    margin-left: 23px
}

.chat__player__for__sale-w .fc__logo-flag {
    top: -5px;
    font-family: "robotobold", tahoma, sans-serif!important
}

.chat__player__for__sale-w .fc__logo-flag,
.window-chat-list .challange-anounce,
.window-chat-list .challange-anounce .fc__name-city,
.window-chat-list .challange-anounce .fc__logo-flag {
    color: #333!important;
    text-shadow: none;
    font-weight: 400
}

.news-item .chat__player__for__sale-w .fc__logo-flag {
    color: #fff!important
}

.window-chat-list .challange-anounce,
.window-chat-list .challange-anounce .fc__name-city,
.window-chat-list .challange-anounce .fc__logo-flag {
    font-family: "robotolight", tahoma, sans-serif!important
}

.chat__player__for__sale-w .fc__logo-flag .vertical-middle,
.chat__player__for__sale-w .fc__logo-flag .amplua__img {
    vertical-align: bottom
}

.chat__player__for__sale-w .fc__logo-flag .amplua__img {
    margin: 0 3px
}

.challange-anounce .teams .item.pull-left:first-of-type .fc__flag {
    right: -12px;
    left: auto
}

.chat-tournament.challange-anounce .teams,
.chat-tournament.challange-anounce .teams .item-vs span {
    color: #fff
}

.chat-tournament.challange-anounce {
    padding-bottom: 0;
    padding-top: 20px
}

.chat-tournament.challange-anounce .name {
    font-size: 14px;
    line-height: 20px;
    top: 0;
    width: 88%;
    text-align: center
}

.chat-tournament.challange-anounce p {
    padding-bottom: 0
}

.chat-tournament.challange-anounce .name:after,
.chat-tournament.challange-anounce .name:before {
    border-bottom: 0;
    border-top: 20px solid transparent
}

.chat-tournament.challange-anounce i,
.chat-tournament.challange-anounce img {
    margin-right: 2px
}

.window-chat-list:not(.window-chat-lg) .chat-tournament-w {
    text-align: center
}

.window-chat-lg .chat-tournament-w {
    display: inline-block;
    vertical-align: middle
}

.chat-icon-trophy {
    padding-top: 4px;
    height: 27px;
    width: 27px;
    text-align: center
}

.hidden-smiles-inner {
    background: #fff;
    padding: 10px 1px 14px 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25)
}

.hidden-smiles {
    position: absolute;
    bottom: 100%;
    left: 10px;
    right: 39px;
    z-index: 100;
    display: none
}

.hidden-smiles:after {
    content: '';
    bottom: -5px;
    position: absolute;
    left: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent
}

.hidden-smiles .smiles-def-list {
    margin: 0 20px -14px 0;
    min-width: 350px
}

.hidden-smiles .smiles-def-list li {
    margin: 0 0 14px 9px!important
}

.hidden-smiles .scrollpane {
    height: 150px;
    min-width: 350px
}

.hidden-smiles .jspContainer {
    min-width: 350px
}

.hidden-smiles .scrollpane .jspDrag {
    background: #cbccd0;
    filter: none
}

.hidden-smiles .jspCap {
    display: none
}

.window-chat-smiles {
    background: #252932;
    padding: 7px 15px 7px 15px;
    position: relative
}

@media(min-width:768px) {
    .window-chat-smiles {
        padding: 7px 34px 7px 15px
    }
    .window-chat-smiles .checkbox-white {
        float: right
    }
}

.window-chat-smiles .icon-smile {
    float: left;
    margin: 0 7px 0 6px;
    transition: 0s
}

.window-chat-smiles .smiles-def-list {
    overflow: hidden
}

.window-chat-smiles .smiles-def-list {
    padding: 5px 0 0 0
}

.window-chat-smiles .smiles-def-list li {
    margin: 0 7px 0 0
}

.checkbox-white {
    font-size: 14px;
    line-height: 27px
}

.checkbox-white .checkbox {
    margin: 3px 10px 0 0;
    background: #252932
}

.checkbox-white .checkbox.checkbox-checked img {
    background-position: 0 -532px;
    width: 13px;
    height: 10px
}

.smiles-def-list {
    overflow: hidden
}

.smiles-def-list li {
    float: left;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 0 9px;
    cursor: pointer
}

.smiles-def-list li:first-of-type {
    margin-left: 0
}

.smoking-room {
    float: right;
    width: 169px;
    padding: 10px 20px 0 15px;
    background: #2f3544
}

.smoking-room .wrap-select {
    margin: 0 0 20px
}

.smoking-room .scrollpane {
    max-height: 315px;
    min-height: 315px
}

.smoking-room .smoking-room-list-holder {
    margin: 0 -20px 10px 0
}

.smoking-room .jspCap {
    display: none
}

.smoking-room button.select .ui-multiselect-arrow {
    border-width: 8px 5px 0 5px;
    border-color: #7e8492 transparent transparent transparent;
    right: 8px;
    margin: -4px 0 0 0
}

.smoking-room button.select .ui-multiselect-inner,
.smoking-room button.select .ui-multiselect-menu-inner {
    background: #2f3544;
    border: 1px solid #7e8492
}

.smoking-room button.select .ui-multiselect-inner {
    padding: 6px 8px 5px;
    font-size: 14px;
    height: 35px
}

.smoking-room-list li {
    margin: 0 0 3px;
    font-size: 14px;
    padding-top: 5px;
    line-height: 21px
}

.smoking-room-list .img {
    float: left;
    width: 25px;
    height: 25px;
    margin: -5px 13px 0 0
}

.smoking-room-list .img img {
    width: 100%;
    border-radius: 50%;
    height: 25px
}

.smoking-room-list a {
    color: #fff
}

.smoking-room-list .name {
    display: block;
    overflow: hidden
}

.smoking-room-bottom {
    font-size: 14px;
    color: #fff;
    padding: 8px 11px 9px;
    margin: 0 -20px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25)
}

.smoking-room-bottom .btn-invisible {
    margin: 0 5px 0 0
}

.smoking-room-bottom .icon-invisible {
    margin: 0 6px 0 0
}

.btn-invisible {
    background: #252932;
    width: 41px;
    padding: 1px;
    border-radius: 12px;
    position: relative;
    height: 24px
}

.btn-invisible .invisible-indicator {
    position: absolute;
    left: 1px;
    top: 2px
}

.btn-invisible.active .invisible-indicator {
    left: 19px;
    background: #7e8492
}

.btn-invisible.active .invisible-indicator .icon-check-white {
    background-position: -67px -49px;
    width: 8px;
    height: 9px;
    width: 8px;
    height: 9px
}

.btn-round {
    border-radius: 25px
}

.btn-transparent {
    background-color: transparent
}

.btn-transparent-green {
    color: #64A442;
    border-color: #64A442
}

.btn-transparent-green:hover {
    background-color: #64A442;
    color: #fff
}

.btn-transparent-grey {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 20px
}

.btn-transparent-grey:hover {
    background-color: #2f3544;
    color: #fff;
    border-color: #2f3544
}

.invisible-indicator {
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    background: #7fe365;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.player__w {
    width: 740px;
    height: 645px;
    background: url(../img/player__w-bg.jpg) 0 0 repeat;
    border: 1px solid #4f5667;
    padding: 30px 20px;
    font-family: 'robotoregular';
    font-size: 14px;
    line-height: 18px
}

.player__w .b-staple.pos1,
.player__w .b-staple.pos2 {
    left: auto;
    right: -35px;
    bottom: 16px
}

.player__w .b-staple.pos1 {
    top: 6px
}

.player__w .level .w-level {
    margin-top: 1px
}

.player__main-user {
    position: relative;
    background-color: #2f3544;
    min-height: 70px;
    padding-left: 116px
}

.pull-left .player__main-user {
    background: url(../img/player__main-user__bg.png) 0 0 no-repeat;
    width: 300px
}

.player__main__user-ava {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 98px;
    width: 116px
}

.vertical-bottom {
    vertical-align: bottom
}

.player__main__user-ava-relative {
    width: 27px;
    height: 27px;
    position: relative;
    left: -3px;
    margin-right: -3px
}

.player__main__user__ava-top {
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -43px
}

.player__main__user__ava-bottom {
    position: absolute;
    left: 0;
    bottom: -5px
}

.player__main__user__ava-top.xs,
.player__main__user__ava-bottom.xs {
    margin-left: 0
}

.player__main__user__ava-top.xs {
    margin-left: -10px;
    top: -3px;
    max-height: 30px
}

.player__main__user__ava-bottom.xs {
    bottom: -1px;
    max-width: 33px
}

.player__main__user-flag {
    position: absolute;
    right: 10px;
    top: 10px
}

.player__main__user-info {
    color: #fff;
    padding-top: 15px
}

.player__main__user-name {
    font-family: 'robotobold'
}

.player__w:not(.add__transfer-w) .player__main-stats,
.player__w .player__main-stats .player__main-stats__list {
    position: relative;
    color: #fff
}

.pull-left .player__main-stats {
    height: 417px;
    background: url(../img/player__main-stats-bg.png) 0 0 no-repeat
}

.player__main-stats__list {
    padding: 6px 0 0
}

.player__main-stats__list li {
    padding: 3px 0;
    height: 40px
}

.player-compare {
    background: url(../img/player__tabs-bg.png) left bottom no-repeat
}

.popup_compare-td-last + tr {
    border-top: 5px solid #2f3544
}

.player-compare .name {
    width: 100%!important;
    padding: 0!important;
    line-height: 34px
}

.player-compare-popup table.table-scroll,
.player-compare-popup table.table-scrollpane {
    min-width: 100%
}

.player__main-stats__list li:before {
    display: none
}

.player__main-stats__list-name,
.player__main-stats__list-value {
    display: inline-block;
    vertical-align: middle;
    width: 45%
}

.player__main-stats__list-name {
    padding: 6px 0 6px 10px;
    width: 160px
}

.player__main-stats__list-value .level {
    max-width: 70px
}

.add__transfer-w .player__main-stats__list-name {
    ;
    width: 220px
}

.player-compare-table-action {
    width: 83px
}

.player-compare-table-club {
    width: 220px
}

.player-compare-table-del {
    width: 76px
}

.player-compare-table-name {
    width: 224px
}

.player-compare-table-stat {
    width: 82px
}

.player-compare-table-stat-2 {
    width: 121px
}

.player-compare-popup .level {
    line-height: 24px
}

.player__share-w {
    margin-top: 20px;
    padding: 20px;
    background: url(../img/icons/icon28.png) #2f3544 98% 13px no-repeat scroll
}

.player__share .form-control,
.player__share label {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    color: #fff
}

.player__share .form-control,
.player__share .form-control:focus {
    width: 53%;
    background-color: transparent;
    border-color: #7e8492!important
}

.player__share label {
    padding: 10px 0 10px 15px;
    line-height: 20px;
    background-color: #7e8492;
    width: 47%;
    cursor: default
}

.player__tabs-w {
    height: 487px;
    width: 380px;
    background: url(../img/player__tabs-bg.png) left bottom no-repeat
}

.player__tabs-w:hover {
    display: block
}

.player__tabs ul.stats li:nth-child(even) {
    background-color: #eceff4
}

.player__tabs ul.stats li:not(.player-compare):hover {
    background-color: #dadfe8
}

.player__tabs .player__tabs-first ul.stats li .arrow {
    background-color: #ee5664;
    position: absolute;
    width: 13px;
    font-size: 11px;
    text-align: center;
    line-height: 13px;
    color: #fff;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    letter-spacing: -1px;
    padding-right: 2px
}

.player__tabs .player__tabs-first ul.stats li .arrow:after {
    content: "";
    position: absolute;
    left: -5px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #ee5664
}

.player__tabs .player__tabs-first ul.stats li .arrow.yellow {
    background-color: #dcb500
}

.player__tabs .player__tabs-first ul.stats li .arrow.yellow:after {
    border-top: 11px solid #dcb500
}

.player__tabs ul.stats li .name {
    padding-left: 23px;
    width: 250px
}

.player__tabs ul.stats li .value {
    width: 120px;
    position: relative;
    padding-right: 30px;
    text-align: center
}

.player__tabs ul.stats li .value .level {
    min-width: 50px;
    margin-right: 5px;
    padding: 3px 0;
    float: left;
    text-align: left
}

.player__tabs ul.stats li .value .c100,
. .c100 {
    background-color: #7e8492
}

.player__tabs ul.stats li .value .c100:after,
.light-t .c100:after {
    background-color: #fff
}

.player__tabs .player__tabs-first ul.stats li .value .c100:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: block;
    content: " ";
    border-radius: 50%;
    background: url(../img/icons/icon27.png) 0 0 no-repeat scroll;
    width: 21px;
    height: 21px;
    z-index: 2
}

.game__stats__table-first .c100>span,
.light-t .level:not(.dropdown-item) .c100>span {
    color: #333
}

.player__tabs ul.stats li:hover .value span {
    font-size: 15px
}

.player__tabs ul.stats li .value>span {
    width: 30px;
    text-align: center;
    display: inline-block
}

.player__tabs ul.player__main-stats__list {
    padding-top: 14px
}

.player__tabs__header-item {
    color: #fff;
    background-color: #30a3f4;
    height: 62px;
    border-bottom: 3px solid #298bd0;
    width: calc(33% - 15px);
    display: inline-block;
    vertical-align: top;
    font-family: 'robotobold';
    position: relative;
    transition: none;
    padding: 12px 3px
}

.player__tabs__header-item {
    padding-left: 15px
}

.player__tabs__header-item:after {
    content: "";
    display: block;
    right: -10px;
    bottom: -3px;
    position: absolute;
    background-color: inherit;
    width: 10px;
    height: calc(100% - 10px);
    border-bottom: 3px solid #298bd0
}

.player__tabs__header-item:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #30a3f4
}

.player__tabs__header-item.active:after,
.player__tabs__header-item.active:before {
    border-color: #fff;
    border-right-color: transparent
}

.player__tabs__header-item:hover {
    text-decoration: none
}

.player__tabs__header-item + .player__tabs__header-item {
    margin-left: 14px
}

.player__tabs__header-item.active {
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333
}

.popup {
    display: none;
    background: #fff;
    padding: 10px 15px;
    color: #333
}

@media(min-width:768px) {
    .popup {
        padding: 26px 47px 4px 31px;
        width: 620px
    }
}

.popup h2 {
    padding: 0 0 13px;
    color: #2f3544;
    font-size: 24px
}

.popup p {
    padding: 0 0 24px
}

.iframe-data {
    width: 500px
}

.iframe-styled {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden
}

body {
    min-width: 0
}

.popup[class*="alert-"] {
    padding: 46px 46px 26px
}

.popup[class*="alert-"] .w-clear {
    text-align: center
}

.popup[class*="alert-"] [class*="b-btn__play"] {
    min-width: 56px;
    padding: 12px;
    text-align: center;
    font-size: 14px
}

.command-details-page {
    background: none;
    background-color: transparent
}

#command-details {
    background-color: #fff;
    padding: 31px;
    position: relative
}

@media(min-width:768px) {
    #command-details {
        width: 382px
    }
}

.command-details-top {
    margin: 0 0 15px
}

.command-details-img {
    float: left;
    margin: 0 14px 0 0
}

.command-details-img a {
    display: block
}

.command-details-descr {
    overflow: hidden;
    font-size: 14px
}

.command-details-descr .name {
    padding: 0 0 3px;
    font-size: 18px
}

.command-details-descr .name a {
    color: #333
}

.command-details-descr .name span {
    line-height: 1.3;
    font-size: 15px
}

.command-details-descr .info {
    color: #707070
}

.command-details-descr .info .divider {
    margin: 0 5px 0 7px
}

.command-details-descr .command-rating {
    font-family: 'robotoregular';
    font-size: 15px
}

body:not(.iframe-mobile) .command-details-descr .command-rating {
    position: absolute;
    right: 0;
    top: -1px
}

.command-details-descr .command-rating .red {
    color: #ee5664
}

.command-details-descr .command-text-w {
    position: relative
}

.command-details-descr .command-text .date,
.command-details-descr .command-text .info {
    line-height: 22px
}

.command-details-list {
    font-size: 16px;
    margin: 0 -31px 20px
}

.command-details-list li {
    padding: 2px 5px 1px;
    border-bottom: 1px solid #eceff4
}

.command-details-list li.title {
    position: relative;
    padding: 10px 5px 10px;
    margin: 0 0 10px;
    background-color: #eceff4;
    text-align: center
}

.command-details-list li.title h4 {
    font-family: 'robotobold';
    padding: 0
}

.command-details-list .country {
    position: absolute;
    right: 31px;
    top: 10px
}

.command-details-list .category {
    width: 42%;
    float: left;
    text-align: right;
    padding: 2px 0 0 0
}

.command-details-list .label {
    width: 16%;
    float: left;
    text-align: center
}

.command-details-list .data {
    font-family: 'robotobold';
    width: 42%;
    float: right
}

.command-details-list .data .light {
    font-family: 'robotolight'
}

.command-details-trophies {
    min-height: 80px;
    margin: 0 -31px;
    padding: 0 31px;
    position: relative
}

.command-details-trophies:before {
    content: '';
    background-color: #eceff4;
    height: 79%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.command-details-trophies-list {
    font-size: 0;
    text-align: center;
    position: relative;
    bottom: 11px
}

.command-details-trophies-list li {
    min-width: 58px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0 3px
}

.command-details-trophies-list li .trophy-item {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    top: 11px;
    max-width: 58px
}

.command-details-trophies-list li .trophy-flag {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin: 0 0 0 -25px
}

.command-details-trophies-list li span {
    background-color: #30a3f4;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 5px;
    position: relative;
    z-index: 2
}

.command-details-buttons {
    text-align: center;
    margin-top: 24px
}

.command-details-buttons + .command-details-buttons {
    margin-top: 20px
}

.command-details-buttons [class^='btn-'],
.command-details-buttons [class*=' btn-'] {
    padding: 7px 38px 7px;
    border-radius: 100px
}

* {
    max-height: 10000px
}

.wrapper {
    height: auto!important;
    min-height: 100%;
    overflow: hidden;
    position: relative
}

.wrapper> {
    min-height: 800px
}

header.header {
    position: relative;
    z-index: 6;
    margin-bottom: 10px
}

header.header-home {
    padding-top: 10px
}

@media(max-width:767px) {
    header.header-home {
        margin-top: -80px
    }
}

@media(min-width:768px) {
    header.header {
        padding-top: 10px
    }
}

@media(max-width:767px) {
    header.header:not(.header-home) {
        margin-left: -10px;
        margin-right: -10px;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 100
    }
}

.header-copyright {
    display: none
}

.header-top {
    overflow: hidden;
    margin: 0 0 20px
}

.logo {
    float: left
}

@media(min-width:768px) {
    .logo {
        margin: 8px 47px 0 2px
    }
}

.date-language {
    width: 150px;
    float: right;
    margin-right: 10px;
    color: #fafbfc
}

@media(min-width:768px) {
    .gradient-50-black,
    .date-language {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .25)), color-stop(100%, rgba(0, 0, 0, .25)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0)
    }
    .date-language {
        width: 178px;
        float: left;
        margin: 0 20px 0 0;
        padding: 3px 8px 3px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .25)
    }
}

@media(max-width:767px) {
    .date-language {
        padding-top: 5px
    }
}

.lang-select img,
header .ui-multiselect-value img {
    width: 32px;
    height: 21px
}

.header-date {
    margin: 0 9px;
    font-size: 18px
}

.header-date .time {
    padding: 0 9px 0 0
}

.day_of_season {
    margin: 4px 9px
}

.header-right {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25)
}

@media(min-width:768px) {
    .header-right {
        overflow: hidden;
        text-align: right
    }
}

.header-right-top {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 10px 15px
}

@media(min-width:768px) {
    .header-right-top {
        padding: 17px 18px 18px 19px
    }
}

.header-right-top .club-name:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff
}

@media(max-width:767px) {
    .user-info-list {
        width: calc(100% - 110px);
        text-align: center
    }
}

.user-info-list li {
    vertical-align: middle
}

.user-info-list li + li {
    margin-left: 13px
}

.user-message {
    position: relative
}

.user-message .number {
    position: absolute;
    top: -10px;
    right: -9px;
    line-height: 20px;
    border-radius: 100%;
    width: 20px;
    text-align: center;
    font-size: 12px;
    background: #ee5664;
    color: #fff
}

.user-message img {
    display: none
}

.user-message.user-message-full .icon-message {
    background: none
}

.user-message.user-message-full img {
    display: block;
    margin: -2px 0 0 0
}

.user-info-list {
    vertical-align: middle
}

.name-user {
    float: left;
    min-width: 118px;
    color: #707070;
    padding: 2px 0 0 0
}

@media(min-width:768px) {
    .user-club-info {
        min-width: 313px;
        float: left;
        margin: -1px 0 -40px
    }
}

@media(max-width:767px) {
    .user-club-info {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px
    }
}

.user-club-info p {
    padding-bottom: 0
}

.user-club-info .img {
    height: 40px;
    width: 40px;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .user-club-info .img {
        margin: 3px 10px 0 0;
        float: left;
        height: 60px;
        width: 60px
    }
}

.user-club-info .img img {
    width: 100%;
    border-radius: 50%
}

@media(min-width:768px) {
    .user-club-info .img img {
        height: 60px
    }
}

.user-club-info .club-name {
    overflow: hidden;
    font-family: robotobold;
    font-size: 18px;
    color: #545c6f;
    text-align: left;
    min-width: 220px;
    padding-bottom: 20px
}

@media(min-width:768px) {
    .user-club-info .club-name {
        min-width: 242px
    }
}

.header-right-bottom {
    position: relative;
    background: #545c6f;
    padding: 7px 19px 6px;
    color: #fafbfc;
    border-left: 70px solid #fff
}

.header-right-bottom:after {
    content: '';
    position: absolute;
    left: -26px;
    top: 0;
    width: 58px;
    height: 39px;
    background: url(../img/corner.jpg) 0 0 no-repeat
}

.trophy-list {
    line-height: 0;
    font-size: 16px;
    font-family: 'robotoregular';
    text-align: justify
}

.trophy-list:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 0
}

.trophy-list li {
    line-height: 22px;
    font-size: 15px;
    text-align: left
}

.trophy-list li:first-child {
    margin: 0
}

.trophy-list .icon-chips {
    margin: -1px 7px 0 1px
}

.trophy-list .icon-trophy,
.trophy-list .icon-money {
    margin-right: 5px
}

@media(min-width:768px) {
    .trophy-list {
        padding-left: 25px
    }
    .trophy-list li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 20px
    }
}

.add-trophy {
    width: 20px;
    height: 20px;
    background: #7fe365;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    vertical-align: middle;
    margin: 0 0 0 8px
}

.add-trophy:after,
.add-trophy:before {
    position: absolute;
    content: '';
    background: #fafbfc;
    top: 50%;
    left: 50%
}

.add-trophy:after {
    width: 2px;
    height: 8px;
    margin: -4px 0 0 -1px
}

.add-trophy:before {
    width: 8px;
    height: 2px;
    margin: -1px 0 0 -4px
}

.add-trophy:hover {
    background: #69da4b
}

@media(max-width:767px) {
    .navigation {
        width: 100%
    }
}

.navigation-list {
    width: 100%
}

@media(min-width:768px) {
    .navigation-list {
        display: table
    }
    .navigation-list>li {
        display: table-cell;
        vertical-align: middle
    }
}

.navigation-list>li.active>a {
    background-color: #fff;
    color: #545c6f;
    filter: none
}

.navigation-list>li:first-child>a:before {
    display: none
}

.navigation-list>li:hover + li>a:before {
    display: none
}

.navigation-list>li>a {
    display: block;
    font-size: 18px;
    padding: 14px 15px 12px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .5);
    color: #fafbfc;
    text-decoration: none;
    text-transform: uppercase;
    position: relative
}

@media(min-width:768px) {
    .navigation-list>li>a {
        text-align: center;
        padding: 14px 5px 12px
    }
}

.navigation-list>li>a img {
    vertical-align: middle
}

.navigation-list>li:hover>a {
    background-color: #252932;
    color: #fff!important
}

@media(min-width:768px) {
    .navigation-list>li:hover>a {
        background-color: #545c6f
    }
}

.navigation-list>li>a:hover:before {
    display: none
}

.navigation-list>li>a:before {
    position: absolute;
    content: '';
    top: 15px;
    bottom: 15px;
    left: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, .25)
}

.navigation-list li:before {
    content: '';
    padding: 0
}

.content {
    padding: 10px 0
}

.content-inner {
    background: #fff;
    padding: 30px 0 20px
}

.radio-styled-min__width {
    min-width: 24px
}

.radio-styled input[type=radio],
.checkbox-styled input[type=checkbox] {
    display: none
}

.radio-styled label:not([class*="label-"]),
.checkbox-styled label:not([class*="label-"]) {
    margin-bottom: 0
}

.radio-styled:not(.margin-unstyled) label:not([class*="label-"]),
.checkbox-styled:not(.margin-unstyled) label:not([class*="label-"]) {
    margin-right: 3px
}

.radio-styled label,
.checkbox-styled label {
    line-height: 1
}

.radio-styled label .input-copy,
.checkbox-styled label .input-copy {
    position: relative;
    display: inline-block
}

.radio-styled:not(.margin-unstyled) label .input-copy,
.checkbox-styled:not(.margin-unstyled) label .input-copy {
    margin-right: 1px
}

.radio-styled label img {
    vertical-align: middle
}

.radio-styled label .input-copy:before,
.checkbox-styled label .input-copy:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    position: relative;
    top: -1px
}

.radio-styled label .input-copy:before,
.checkbox-styled label .input-copy:before {
    background: #eceff4;
    border: 1px solid #cccdd1
}

.radio-styled label:hover .input-copy:before,
.checkbox-styled label:hover .input-copy:before {
    border-color: #7e8492
}

.checkbox-styled label .input-copy:before {
    border-radius: 2px
}

.radio-styled label .input-copy:before,
input[type=radio]:checked + .input-copy:before {
    border-radius: 50%
}

input[type=radio]:checked + .input-copy:before,
input[type=checkbox]:checked + .input-copy:before {
    background-color: #fff
}

input[type=radio]:checked + .input-copy:after {
    position: absolute;
    content: "";
    display: table;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: -5px 0 0 -4px;
    background-color: #30a3f4
}

input[type=checkbox]:checked + .input-copy:after {
    position: absolute;
    content: "";
    display: table;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 10px;
    margin: -5px 0 0 -6px;
    background: url(../img/icons/check.png) center center scroll no-repeat
}

input[type=radio]:checked + .input-copy:after {
    border-radius: 50%
}

.radio-styled.input-dark label .input-copy:before,
.checkbox-styled.input-dark label .input-copy:before {
    background-color: #252932;
    border-color: #7e8492
}

.radio-styled.input-semidark label .input-copy:before,
.checkbox-styled.input-semidark label .input-copy:before {
    background-color: #545c6f;
    border-color: #7e8492
}

.radio-styled.input-transparent label .input-copy:before,
.checkbox-styled.input-transparent label .input-copy:before {
    background-color: transparent;
    border-color: #7e8492
}

.radio-styled.input-bg-dark-3 label .input-copy:before,
.checkbox-styled.input-bg-dark-3 label .input-copy:before {
    background-color: #2f3544;
    border-color: #7d8391
}

.radio-styled.input-white label .input-copy:before,
.checkbox-styled.input-white label .input-copy:before {
    background-color: #fff
}

.checkbox-styled-square label .input-copy:before {
    border-radius: 0
}

.forum__header {
    background: url(../img/forum-search-bg.jpg) scroll left top no-repeat;
    padding: 10px 12px
}

.forum__header-legend {
    color: #fff;
    font-size: 0;
    line-height: 0
}

.forum__header-legend:after {
    clear: both;
    content: "";
    display: table
}

.forum__header-legend li {
    font-size: 14px;
    line-height: 24px
}

.forum__header-legend li img,
.forum__header-legend li p {
    display: inline-block;
    vertical-align: middle
}

@media(min-width:768px) {
    .forum__header-legend-item:first-of-type {
        min-width: 360px
    }
}

.forum__header-legend-item {
    padding-top: 8px!important
}

@media(min-width:768px) {
    .forum__header-legend li.btn {
        float: right
    }
    .forum__header-legend li.btn + li.btn {
        margin-right: 20px
    }
    .forum__header-legend li.btn a {
        min-width: 210px
    }
}

@media(min-width:768px) {
    .forum-w .forum__search {
        padding: 14px 12px 15px
    }
}

.forum-w .iframe-styled {
    min-height: 740px
}

.forum-messages-page {
    min-width: 0;
    background: #fff
}

.forum__search .b-input input,
.b-input.dark-input input {
    background-color: #545c6f;
    color: #fff;
    border: 1px solid #7e8492
}

.forum__search.b-letter__search .form button {
    background-image: url(../img/forum-search-icon.png)
}

.forum__search .name {
    color: #fff
}

@media(min-width:768px) {
    .forum__message-form-w {
        width: 580px
    }
}

.forum__message-form-w {
    padding: 15px 24px;
    background-color: #fff
}

.forum__message-form-w .main-header-text {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0;
    margin-bottom: 15px
}

.forum__subj-w>div,
.forum__subj-info>div {
    display: inline-block;
    vertical-align: middle
}

.forum__subj-info a:hover {
    text-decoration: none
}

.forum__subj-header {
    color: #30a3f4;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 0;
    font-family: robotobold
}

.forum__subj-info-date {
    margin-right: 10px
}

.forum__subj-info-theme {
    color: #30a3f4;
    font-size: 13px;
    padding-bottom: 0;
    font-family: robotobold
}

.forum__subj-text {
    font-size: 13px;
    font-family: robotolight;
    line-height: 18px;
    padding-bottom: 0
}

.agreement-table {
    min-width: 580px
}

.forum__table-w.scrollpane {
    max-height: 740px;
    min-height: 740px;
    background-color: #fff
}

.forum__table-w.scrollpane .jspDrag {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .25)), color-stop(100%, rgba(255, 255, 255, .25)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .25) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0)
}

.forum__table p {
    padding-bottom: 0;
    line-height: 18px
}

.forum__table-td-last>a>p {
    font-size: 13px
}

.forum__table p.b-name {
    font-family: robotobold
}

.forum__table p.b-name a {
    color: #333
}

.forum__table p.b-name a:hover {
    text-decoration: none
}

.forum__table th {
    background-color: #545c6f;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: robotobold
}

.forum__table th,
.forum__table td {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px
}

.forum__table td {
    padding-bottom: 12px;
    padding-top: 12px
}

.forum__table tr:nth-child(odd) td {
    background-color: #fff
}

.forum__table tr:nth-child(even) td {
    background-color: #eceff4
}

.forum__table tr:hover td {
    background-color: #dadfe8
}

.forum__table-header {
    background-color: #545c6f;
    color: #fff
}

.forum__table-header ul {
    font-size: 0;
    line-height: 0
}

.forum__table-header ul li {
    padding: 3px 12px;
    font-size: 14px;
    line-height: 24px;
    font-family: robotobold
}

@media(min-width:768px) {
    .forum__table-header-answers,
    .forum__table-td-answers {
        width: 75px
    }
    .forum__table-header-author,
    .forum__table-td-author {
        width: 130px
    }
    .forum__table-header-last,
    .forum__table-td-last {
        width: 389px
    }
    .forum-w.forum__inner .forum__table-header-last,
    .forum-w.forum__inner .forum__table-td-last {
        width: 264px
    }
    .forum__table-header-subj,
    .forum__table-td-subj {
        width: 420px
    }
    .forum__subj,
    .forum__subj-icon {
        float: left
    }
    .forum__subj {
        width: 335px;
        margin-left: 15px
    }
    .forum-w.forum__inner .forum__subj {
        width: 290px
    }
    .forum-w.forum__inner .forum__table-header-subj,
    .forum-w.forum__inner .forum__table-td-subj {
        width: 360px
    }
    .forum__table-header-topic,
    .forum__table-td-topic {
        width: 55px
    }
    .forum__table-header-views,
    .forum__table-td-views {
        width: 110px
    }
}

.forum__table-item {
    background-color: #fff;
    padding: 15px 10px;
    font-size: 14px
}

.forum__table-item:nth-child(even) {
    background-color: #f4f4f4
}

.forum__table-item .ava-w {
    min-width: 100px;
    margin-right: 20px;
    text-align: center;
    float: left
}

@media(min-width:768px) {
    .forum__message-w {
        float: left;
        width: 784px
    }
    .forum__message-count {
        float: left
    }
    .forum__message-date {
        float: right;
        text-align: right
    }
    .forum__message-btn + .forum__message-btn {
        margin-left: 30px
    }
    .forum__message-controls {
        float: left;
        margin-left: 50px
    }
    .forum__message-del,
    .forum__message-edit {
        padding-top: 4px
    }
    .forum__message-count {
        min-width: 190px
    }
}

.forum__message-btn {
    float: left
}

.forum__message-del,
.forum__message-edit {
    display: inline-block;
    margin-right: 10px
}

.forum__message-del a,
.forum__message-edit a {
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 17px;
    -webkit-transition: none;
    transition: none;
    -ms-transition: none
}

.forum__message-del a {
    background-image: url(../img/icons/forum-icon-del.png)
}

.forum__message-edit a {
    background-image: url(../img/icons/forum-icon-edit.png)
}

.forum__message-del a:hover,
.forum__message-edit a:hover {
    background-position: left bottom
}

.forum__message-text {
    line-height: 18px;
    margin-top: 10px;
    font-size: 14px;
    padding-bottom: 0;
    font-family: "robotolight"
}

.forum__message-quote {
    background-color: #e8eff4;
    border: 1px solid #ced9e1;
    padding: 15px 19px;
    color: #545c6f;
    position: relative
}

.forum__message-quote:before {
    content: "";
    background: url(../img/icons/icon-quote.png) left top scroll no-repeat;
    display: block;
    width: 17px;
    height: 15px;
    position: absolute;
    left: 8px;
    top: -6px
}

.forum__message-quote-header {
    font-family: robotobold
}

.footer {
    color: #fff;
    font-size: 14px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .49) 75%, rgba(0, 0, 0, .65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(75%, rgba(0, 0, 0, .49)), color-stop(100%, rgba(0, 0, 0, .65)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .49) 75%, rgba(0, 0, 0, .65) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .49) 75%, rgba(0, 0, 0, .65) 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .49) 75%, rgba(0, 0, 0, .65) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .49) 75%, rgba(0, 0, 0, .65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

@media(min-width:768px) {
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 50px;
        z-index: 5;
        font-family: 'robotothin'
    }
}

@media(max-width:767px) {
    .footer {
        border-top: 1px solid #1d2727;
        margin-top: 60px!important
    }
}

.footer .container {
    padding-top: 21px;
    padding-bottom: 20px
}

.footer a {
    color: #fff;
    text-decoration: underline
}

.footer a:hover {
    text-decoration: none
}

.footer .copyright {
    padding: 2px 0 0 0
}

.footer-spacer {
    height: 50px
}

@media(min-width:768px) {
    .footer-navigation-list {
        float: right
    }
    .footer-navigation-list li {
        float: left;
        margin: 0 0 0 25px
    }
}

@media(max-width:767px) {
    .footer-navigation-list {
        text-align: center
    }
    .footer-navigation-list li + li {
        margin-top: 5px
    }
}

.container {
    margin: 0 auto;
    padding: 0 10px;
    position: relative
}

@media(max-width:767px) {
    .container {
        padding-top: 80px
    }
}

.main-container-width {
    width: 939px
}

@media(min-width:992px) {
    .container {
        width: 959px
    }
}

.column-left,
.column-right,
.sidebar-right {
    float: left;
    min-height: 1px
}

.column-right {
    float: right
}

.column-middle {
    display: block;
    min-height: 1px;
    overflow: hidden
}

.content-box {
    width: 100%
}

@media(min-width:768px) {
    .content-box + .content-box {
        margin-top: 20px
    }
}

.content-main {
    width: 100%
}

@media(min-width:768px) {
    .content-main {
        float: left
    }
}

.content-main-inner {
    min-height: 1px
}

@media(min-width:768px) {
    .sidebar-left {
        float: left;
        position: absolute;
        left: 0
    }
}

@media(max-width:767px) {
    .sidebar-left {
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .content-box-left .sidebar-left {
        width: 300px
    }
    .content-box-left .content-main-inner {
        padding-left: 320px;
        position: relative
    }
}

.p-styled,
.p__styled {
    padding-bottom: 0
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.btn-block {
    width: 100%;
    display: block
}

.text-b + .text-b {
    margin-top: 12px
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.b-action {
    padding: 20px;
    position: relative;
    min-height: 270px;
    background: url(../img/action-bg.png) no-repeat
}

.b-action .b-cell {
    color: #fff;
    width: 260px;
    height: 230px;
    text-align: center
}

.b-action .b-cell p {
    padding: 0;
    line-height: 20px
}

.b-action .b-cell .b-btn__play {
    padding: 12px;
    font-size: 14px;
    min-width: 120px
}

.b-action .b-cell .b-btn__play-default {
    margin-top: 22px
}

.b-action .b-cell .btn-block {
    margin-top: 22px
}

.b-action .b-cell .capcha {
    margin: 20px auto;
    max-width: 150px
}

.b-action .b-cell img {
    float: left
}

.b-ava__size {
    height: 25px;
    width: 25px;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.b-ava__size:not(.b-ava) {
    overflow: hidden
}

.b-ava__size-md {
    width: 35px;
    height: 35px
}

.lg .b-ava__size {
    width: 50px;
    height: 50px
}

.b-ava__size img {
    max-height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.b-ava {
    position: relative;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.b-ava.online:after {
    content: "";
    width: 35%;
    height: 35%;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #fff;
    top: -5px;
    right: -4px;
    background-color: #7fe365;
    z-index: 9
}

.b-ava.online.lg:after {
    height: 8px;
    width: 8px;
    top: 0;
    right: 0
}

.b-ball {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 4px;
    background: url(../img/icons/ball.png) no-repeat
}

.b-wait {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 4px;
    background: url(../img/icons/wait.png) no-repeat
}

.b-ok {
    width: 33px;
    height: 60px;
    display: block;
    margin: 0 auto 4px;
    background: url(../img/icons/ok.gif) no-repeat
}

.b-info {
    width: 8px;
    height: 50px;
    display: block;
    margin: 0 auto 4px;
    background: url(../img/icons/attention.png) no-repeat
}

.b-banner__img {
    color: #fafbfc;
    display: block;
    min-height: 200px
}

.b-banner__img:hover {
    color: #fafbfc
}

.b-banner__img h3 {
    padding: 0;
    color: #fafbfc;
    line-height: 30px;
    font-family: robotobold;
    text-transform: uppercase
}

.b-banner__img.b-commercial {
    position: relative;
    padding: 5px 20px;
    background: url(../img/commercial-match.png) 0 0 no-repeat;
    background-size: cover
}

.b-banner__img.b-frendly {
    position: relative;
    padding: 5px 20px;
    background: url(../img/frendly-match.png) 0 0 no-repeat;
    background-size: cover
}

.b-banner__img .align-bottom {
    height: 188px;
    padding: 0 0 7px
}

.b-banner__img + .b-banner__img {
    margin-top: 22px
}

.b-breadcrumbs {
    padding: 0;
    overflow: hidden
}

.b-breadcrumbs>li {
    padding: 0;
    float: left;
    position: relative
}

.b-breadcrumbs>li + li {
    margin-left: 15px
}

.b-breadcrumbs>li + li:not(.active):after {
    top: 0;
    bottom: 0;
    left: -10px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: #fff #fff #fff rgba(23, 0, 255, 0)
}

.b-breadcrumbs>.active {
    color: #fff;
    padding: 3px 5px 3px 13px;
    background-color: #545c6f
}

.b-breadcrumbs>.active:before {
    top: -1px;
    bottom: 0;
    left: -9px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 10px;
    border-color: #545C6F #545C6F #545C6F rgba(23, 0, 255, 0)
}

.b-breadcrumbs>.active:after {
    top: -1px;
    bottom: 0;
    right: -9px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 10px;
    border-color: transparent transparent transparent #545c6f
}

.b-breadcrumbs>li:before {
    display: none
}

.b-breadcrumbs>li>a {
    color: #545c6f;
    display: block;
    padding: 0 5px 0 12px;
    position: relative;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    display: block
}

.b-breadcrumbs>li>a:before {
    top: -1px;
    bottom: 0;
    right: -9px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 10px;
    border-color: transparent transparent transparent #fff
}

.breadcrumbs-inner {
    float: left;
    padding-right: 10px
}

@media(min-width:768px) {
    .breadcrumbs-inner-right {
        float: right
    }
}

.breadcrumbs-inner-right input[type=text] {
    padding-top: 4px;
    padding-bottom: 4px
}

.b-breadcrumbs h1 {
    font-family: "robotolight", tahoma, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0;
    color: #fff
}

.b-btn__play {
    color: #7fe365;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #7fe365;
    text-transform: uppercase;
    background-color: transparent
}

.b-btn__play:hover {
    color: #fff;
    text-decoration: none;
    background-color: #7fe365
}

.b-btn__play-danger {
    padding: 12px;
    color: #ee5664;
    font-size: 14px;
    min-width: 120px;
    line-height: 12px;
    font-weight: 700;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ee5664;
    text-transform: uppercase
}

.b-btn__play-danger:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ee5664
}

.b-btn__play-default {
    padding: 12px;
    color: #fff;
    font-size: 14px;
    min-width: 120px;
    line-height: 12px;
    font-weight: 700;
    border-radius: 20px;
    display: block;
    vertical-align: middle;
    border: 1px solid #fff;
    text-transform: uppercase
}

.b-btn__play-default:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none
}

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

@media(min-width:768px) {
    .b-col__left {
        float: left;
        width: 620px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .b-col__left {
        width: 640px
    }
}

.b-col__left .content-main-inner {
    padding: 0;
    width: 100%
}

.b-col__left-command {
    float: left;
    width: 100%;
    max-width: 750px
}

.b-col__left-command.b-col__center {
    float: none;
    margin: 0 auto
}

.b-col__left-command .scrollpane {
    min-height: 570px
}

.b-col__right {
    float: right;
    width: 300px
}

.b-col__right-command {
    width: 100%;
    float: right;
    max-width: 170px
}

.b-command__caption {
    padding: 4px 20px;
    color: #fafbfc
}

.b-command__caption>li {
    float: left;
    width: 25%;
    font-size: 14px;
    position: relative;
    padding: 2px 0 2px 25px
}

.b-command__caption>li>.icon {
    left: 0;
    top: 50%;
    font-size: 0;
    line-height: 0;
    min-width: 23px;
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-command__caption>li:before {
    padding: 0;
    content: ""
}

.b-command__divider {
    color: #fafbfc;
    padding: 4px 0;
    padding-left: 318px;
    font-size: 16px;
    background-color: #2f3544!important;
    margin-right: 0;
    width: 750px
}

.w-700.b-command__divider {
    width: 700px
}

.b-command__divider.bottom {
    padding: 5px 0
}

.b-command__divider .ico {
    margin-right: 5px;
    display: inline-block;
    vertical-align: baseline
}

.b-command__divider .ico img {
    vertical-align: middle
}

.b-command__link {
    display: block;
    min-height: 140px;
    text-align: center
}

.b-command__link + .b-command__link {
    margin-top: 20px
}

.margin-style .b-command__link + .b-command__link {
    margin-top: 23px
}

.b-command__link h3 {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75)
}

.b-command__link:hover h3 {
    text-decoration: underline
}

.b-command__link .align-bottom {
    width: 170px;
    height: 140px
}

.b-command__link.team {
    background: url(../img/link_control-team.png) no-repeat;
    background-size: cover
}

.b-command__link.transfer {
    background: url(../img/transfer.png) no-repeat;
    background-size: cover
}

.b-command__link.tren {
    background: url(../img/tren.png) no-repeat;
    background-size: cover
}

.b-command__link.tournaments {
    background: url(../img/tournaments.png) no-repeat;
    background-size: cover
}

.b-command__link.celebrity {
    background: url(../img/celebrity.png) no-repeat;
    background-size: cover
}

.b-command__link.stadium-objects {
    background: url(../img/stadium-build-objects.jpg) no-repeat;
    background-size: cover
}

.b-command__link.stadium-sectors {
    background: url(../img/stadium-build-sectors.jpg) no-repeat;
    background-size: cover
}

.b-command__link.stadium-places {
    background: url(../img/stadium-build-places.jpg) no-repeat;
    background-size: cover
}

.stadium-controls .b-command__link {
    width: 180px
}

.stadium-controls .b-command__link:hover,
.stadium-controls .b-command__link:hover h3 {
    text-decoration: none
}

.stadium-controls .b-command__link h3 {
    font-family: robotobold
}

.stadium-controls .b-command__link + .b-command__link {
    margin-top: 21px
}

.stadium-controls__text {
    margin-bottom: 22px;
    min-height: 202px
}

.stadium-build .choose__stadium-header {
    min-height: 200px
}

5 .stadium-build .choose__stadium-bottom {
    min-height: 80px
}

.stadium-build .choose__stadium-header .tooltip-name {
    padding-left: 12px;
    padding-right: 12px
}

.stadium-tables__places {
    margin-bottom: 18px
}

.choose-stadium-w.stadium-build .stadium-tables__places {
    min-height: 156px;
    position: relative
}

.choose-stadium-w.stadium-build .stadium-tables__places>table {
    position: absolute;
    width: 100%;
    bottom: 0
}

.stadium-name__form.buy_stad {
    margin-bottom: 36px
}

.stadium-tables__inday {
    min-height: 222px
}

.b-command__list {
    padding: 0;
    color: #fff;
    min-height: 270px;
    background-color: #626B81
}

.b-command__list>li {
    font-size: 0;
    height: 45px;
    max-height: 45px;
    padding: 10px 0 10px 20px
}

.b-command__list>li:before {
    display: none
}

.b-command__list>li:nth-child(odd) {
    background-color: #545c6f
}

.b-command__list>li:nth-child(even) {
    background-color: #626b81
}

.b-command__list .name {
    width: 275px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.b-command__list .statistic {
    width: 280px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.b-command__list .statistic .b-btn__play {
    margin-top: 4px
}

.b-command__list .statistic .badge {
    width: 65px;
    margin-right: 10px;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.b-command__list .statistic .badge i {
    margin-right: 5px
}

.b-command__list .statistic .rate {
    width: 47px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.b-command__list .statistic span {
    vertical-align: middle
}

.b-command__list-consist {
    padding: 0;
    color: #fff;
    width: 750px
}

.w-700.b-command__list-consist {
    width: 700px
}

.light-t {
    color: #333
}

.b-command__list-consist>li {
    height: 41px;
    padding: 7px 16px 7px 9px;
    margin-right: 0;
    position: relative
}

.b-command__list-consist>li:after {
    content: "";
    clear: both;
    display: table
}

.b-command__list-consist>.title {
    height: 40px;
    padding: 9px 16px 9px 9px
}

.b-command__list-consist>li:not(.title):hover {
    background-color: #7e8492!important
}

.light-t .b-command__list-consist>li:not(.title):hover {
    background-color: transparent!important
}

.b-command__list-consist>li:not(.title):hover .c100:after {
    background-color: #7e8492!important
}

.light-t .b-command__list-consist>li:not(.title):hover .c100:after {
    background-color: #fff!important
}

.b-command__list-consist>li:not(.title):hover .c100>span {
    font-size: 15px
}

.b-command__list-consist>li:hover .ava,
.b-command__list-consist>li:hover .ava__universal {
    overflow: visible
}

.b-command__list-consist>li:hover .ava img:not(.xs) {
    -webkit-transform: translate(-50%, -50%) scale(1.4);
    -ms-transform: translate(-50%, -50%) scale(1.4);
    transform: translate(-50%, -50%) scale(1.4)
}

.b-command__list-consist>li:hover img.xs {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.b-command__list-consist>li:hover .ava .player__main__user__ava-top.xs {
    top: -7px
}

.b-command__list-consist>li:hover .ava .player__main__user__ava-bottom.xs {
    bottom: -2px
}

.b-command__list-consist>li:hover .img-head.xs {
    top: -7px
}

.b-command__list-consist>li:hover .img-body.xs {
    bottom: -1px
}

.b-command__list-consist>li>*,
.b-command__list-consist>li>.open__frame-w>* {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.b-command__list-consist>li>.name {
    width: 199px
}

.b-command__list-consist>li>.name.name-164 {
    width: 164px
}

.b-command__list-consist.name__flag>li>.name {
    width: 238px
}

.b-command__list-consist>li>.open__frame-w .bid-rent {
    width: 26px;
    position: relative
}

.bid-rent-in:after,
.bid-rent-out:after {
    position: absolute;
    content: "";
    bottom: 0;
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(../img/icons/arrow-blue.png) scroll left bottom no-repeat
}

.bid-rent-in.white:after,
.bid-rent-out.white:after {
    background-image: url(../img/icons/arrow-white.png)
}

.bid-rent-out:after {
    right: 0
}

.bid-rent-in:after {
    left: -4px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg)
}

.b-command__list-consist>li .fc__logo-flag {
    margin-left: 20px;
    width: 221px
}

.b-command__list-consist>li>.open__frame-w .name:not(.fc__logo-flag) {
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px
}

.b-command__list-consist:not(.not-count)>li>.name:not(.title):before,
.b-command__list-consist:not(.not-count)>li>.open__frame-w>.name:not(.title):before {
    font-weight: 400;
    counter-increment: count;
    content: counter(count) ". "
}

.b-command__table .b-command__list-consist:nth-child(even) {
    background-color: #545c6f
}

.b-command__table .b-command__list-consist:nth-child(odd) {
    background-color: #626b81
}

.b-command__list-consist>li:before {
    display: none
}

.b-command__list-consist .ava {
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: relative;
    margin-right: 2px;
    border-radius: 50%
}

.b-command__list-consist .ava img:not(.xs) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-command__list-consist .lang {
    width: 28px;
    text-align: center;
    margin-right: 15px
}

.b-command__list-consist img {
    vertical-align: middle;
    display: inline-block
}

.b-command__list-consist .age {
    width: 33px;
    text-align: center;
    margin-right: 15px
}

.b-command__list-consist .date {
    width: 20px;
    text-align: center;
    margin-right: 12px
}

.b-command__list-consist .injury {
    width: 31px;
    text-align: center;
    margin-right: 8px
}

.b-command__list-consist .fatigue {
    width: 30px;
    text-align: center;
    margin-right: 9px
}

.b-command__list-consist .exp {
    width: 30px;
    text-align: center
}

.b-command__list-consist .salary {
    width: 50px;
    text-align: center
}

.b-command__list-consist .cost {
    width: 85px;
    text-align: center;
    margin-right: 0
}

.b-command__list-consist .lvl-up {
    width: 16px;
    min-width: 16px
}

.lvl-up-in_table {
    min-width: 10px
}

.b-command__list-consist .level {
    width: 77px;
    text-align: center
}

.b-command__list-consist.name__flag .age,
.b-command__list-consist.name__flag .exp,
.b-command__list-consist.name__flag .fatigue,
.b-command__list-consist.name__flag .injury {
    margin-left: 10px
}

.level .color {
    color: #ee5664
}

.b-command__list-consist.last>li:nth-last-child(-n+6) .b-settings__list {
    top: -210px
}

.b-command__list-consist.last .b-settings__list:before {
    top: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-command__list-total {
    padding: 0
}

.b-command__list-total>li {
    padding: 0;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.b-command__list-total>li>* {
    display: inline-block;
    vertical-align: middle
}

.b-command__list-total>li:before {
    display: none
}

.b-command__list-total .name {
    margin-right: 10px;
    text-align: right;
    width: 261px
}

.b-command__list-total.name__flag .name {
    width: 249px
}

.b-command__list-total>.total .name {
    width: 147px
}

.b-command__list-total>.total .salary {
    width: 56px;
    font-weight: 400;
    padding-left: 6px
}

.b-command__list-total>.total .cost {
    width: 90px;
    padding-left: 7px;
    font-weight: 400
}

.b-command__table .jspContainer {
    width: 750px
}

.b-content {
    padding: 0;
    position: relative;
    z-index: 1
}

.b-date {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.b-letter__search:not(.b-letter__search-styled) {
    margin: 0 -30px;
    padding: 0 30px 17px;
    border-bottom: 1px solid #cbccd0
}

.b-letter__search .form {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media(min-width:768px) {
    .b-letter__search .form {
        margin-left: 16px
    }
}

.b-letter__search .form input {
    padding-right: 40px
}

.b-letter__search:not(.b-letter__search-styled) .form input:focus {
    background-color: #eceff4;
    border-color: #cbccd0!important
}

.b-letter__search-styled {
    margin: 0
}

.b-letter__search-border-bottom {
    border-bottom: 1px solid #cbccd0;
    padding: 0 30px 17px
}

.b-letter__search .form button {
    position: absolute;
    top: 50%;
    right: 15px;
    border: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21px;
    height: 20px;
    z-index: 1;
    background: url(../img/icons/search.png) no-repeat
}

.b-letter__search .name {
    display: inline-block;
    vertical-align: middle
}

.b-letter__table {
    font-size: 14px;
    margin-bottom: 24px
}

.b-letter__table .b-head {
    font-size: 0;
    padding: 13px 0 8px
}

.b-letter__table .b-row {
    font-size: 0;
    margin: 0 -30px;
    padding: 5px 15px;
    background-color: #eceff4;
    position: relative
}

.b-letter__table .b-row + .b-row {
    margin-top: 1px
}

.b-letter__table .b-row .command-rating {
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px
}

.b-letter__table .b-row .command-rating .red {
    color: #ee5664
}

.b-letter__table .name,
.b-letter__table .date,
.b-letter__table .room,
.b-letter__table .stadium-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.b-letter__table .name {
    width: 300px
}

.b-letter__table .date {
    width: 100px
}

.b-letter__table .date span {
    margin-left: 3px
}

.b-letter__table .room {
    width: 77px;
    margin-left: 12px
}

.b-letter__table .stadium-icon {
    width: 24px;
    margin-left: 12px
}

.b-level {
    float: left;
    width: 70%;
    height: 5px;
    background-color: #7fe365;
    transition: all linear .2s
}

.b-message {
    font-size: 14px
}

.b-message + .b-message {
    margin-top: 25px
}

.b-message .b-head {
    overflow: hidden;
    padding: 5px 27px;
    margin: 0 -27px 4px;
    background-color: #eceff4
}

.b-message .b-link {
    color: #30a3f4;
    padding-left: 27px;
    position: relative;
    text-decoration: underline
}

.b-message .b-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 12px;
    background-image: url(../img/icons/mail.png)
}

.b-message .b-link:hover {
    text-decoration: none
}

.b-input {
    z-index: 1;
    position: relative
}

.b-input>input {
    z-index: 2;
    position: relative;
    border-bottom: 0
}

.b-input__result {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 1;
    margin-top: -1px;
    background: #eceff4;
    padding: 0 12px;
    border: 1px solid #e8e8e8;
    border-top: none
}

.b-input__result:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    box-shadow: 1px 4px 12px rgba(0, 0, 0, .25)
}

.b-input-styled .b-input__result {
    min-width: 340px;
    top: 40px
}

.b-input-styled .b-input__result:before {
    top: 0
}

.b-input__result>ul {
    padding: 0
}

.b-input__result>ul>li {
    padding: 0
}

.b-input__result>ul>li>a {
    color: #333;
    display: block;
    padding: 5px 10px
}

.b-input__result>ul>li>a:hover {
    color: #fff;
    margin: 0 -12px;
    padding: 5px 12px;
    text-decoration: none;
    background-color: #7e8492
}

.b-input__result>ul>li:before {
    display: none
}

.b-name {
    padding: 0;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.b-name-under {
    font-size: 14px;
    font-family: robotobold;
    padding-bottom: 0
}

.b-name-under a {
    color: #333
}

.b-name-under a:hover {
    text-decoration: none
}

.b-popup__msg {
    max-width: 630px;
    position: relative;
    background-color: #fff;
    padding-top: 38px
}

.b-popup__msg.b-popup__msg-find_manager {
    max-height: 455px
}

.b-popup__msg.b-letter {
    padding: 30px
}

.b-popup__msg.b-letter textarea {
    height: 120px;
    padding: 8px 12px 10px
}

.b-popup__msg .fancybox-close {
    background: url(../img/fancybox/close.png);
    width: 22px;
    height: 22px;
    right: 10px;
    top: 10px
}

.b-popup__msg .fancybox-close:hover {
    opacity: .8
}

.fancybox-overlay {
    background-color: rgba(0, 0, 0, .7);
    background-image: none
}

.b-popup__msg .jspCap {
    height: 0
}

.b-popup__msg .inner {
    padding: 0 27px
}

.b-rate__img {
    width: 24px;
    font-size: 0;
    line-height: 12px;
    display: inline-block;
    vertical-align: middle
}

.b-refresh {
    width: 16px;
    height: 16px;
    margin-left: 9px;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/icons/refresh.png) no-repeat
}

.b-settings {
    width: 16px;
    height: 17px;
    float: right;
    cursor: pointer;
    margin-top: 7px;
    margin-right: 7px;
    position: relative;
    background: url(../img/icons/icon18.png) no-repeat
}

.b-settings__list {
    right: -2px;
    top: 25px;
    padding: 0;
    z-index: 10;
    width: 220px;
    position: absolute;
    background-color: #fff;
    box-shadow: 4px 0 12px rgba(0, 0, 0, .25);
    transition: all linear .3s
}

.b-settings__list:before {
    top: -5px;
    right: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    content: ""
}

.b-settings__list>.delete>a {
    color: #ee5664
}

.b-settings__list>.disabled>a {
    text-decoration: none
}

.b-settings__list>li {
    padding: 0
}

.b-settings__list>li+li {
    border-top: 1px solid #eceff4
}

.b-settings__list>li:before {
    display: none
}

.b-settings__list>li>a {
    display: block;
    color: #30a3f4;
    font-size: 14px;
    padding: 8px 15px
}

.b-settings__list>li:not(.disabled)>a:hover {
    text-decoration: none;
    background-color: #eceff4
}

.b-settings__list .icon {
    font-size: 0;
    line-height: 0;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

.b-staple {
    width: 50px;
    height: 25px;
    background: url(../img/clip.png) no-repeat;
    position: absolute;
    z-index: 3
}

.b-staple.pos1 {
    top: 14px;
    left: -35px
}

.b-staple.pos2 {
    left: -35px;
    bottom: 14px
}

.b-staple.vertical {
    width: 26px;
    height: 50px;
    background-image: url(../img/clip-vertical.png)
}

.b-staple.vertical.pos1,
.b-staple.vertical.pos2 {
    bottom: -35px;
    top: auto
}

.b-staple.vertical.pos1 {
    left: 35px
}

.b-staple.vertical.pos2 {
    right: 35px
}

::-webkit-input-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #000
}

.dark-input input::-webkit-input-placeholder {
    color: #fff
}

.dark-input::-moz-placeholder {
    color: #fff
}

.dark-input:-moz-placeholder {
    color: #fff
}

.dark-input:-ms-input-placeholder {
    color: #fff
}

.dark-input input[type='text']:focus:-moz-placeholder {
    color: transparent
}

.dark-input input[type='text']:focus::-moz-placeholder {
    color: transparent
}

.dark-input input[type='text']:focus::-webkit-input-placeholder {
    color: transparent
}

.dark-input input[type='text']:focus:-ms-input-placeholder {
    color: transparent
}

.dark-input input[type='text']:focus::placeholder {
    color: transparent
}

.w-breadcrumbs {
    margin: 20px 0
}

.w-command {
    counter-reset: count;
    background-color: #545c6f
}

.w-command__list {
    margin-bottom: 20px
}

.w-command__list .scrollpane {
    min-height: 270px
}

.w-command__list .jspVerticalBar {
    right: 17px
}

.w-clear:after,
.row:after,
.content-box.content-box-left:after {
    content: "";
    display: table;
    clear: both
}

.row {
    position: relative
}

.w-social__control {
    overflow: hidden;
    padding: 5px 0
}

.w-social__control .smiles-def-list {
    display: inline-block;
    vertical-align: middle
}

.smiles-page .smiles-def-list li {
    float: none!important;
    display: inline-block!important;
    width: auto!important;
    height: auto!important
}

.w-social__control .btn-border-blue {
    float: right;
    margin-top: -5px
}

.w-date__right {
    float: right
}

.w-team {
    font-size: 14px;
    line-height: 16px;
    margin: 5px 0 12px
}

.w-team .b-ava__size {
    width: 30px;
    height: 30px
}

.w-team .rate {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.w-level {
    height: 5px;
    margin-top: -3px;
    overflow: hidden;
    background-color: #2f3544
}

.level i {
    width: 20px;
    text-align: center
}

.level-with-icon {
    max-width: 94px
}

.level-with-icon img {
    position: relative;
    top: 1px
}

.level-with-icon i {
    margin-right: 2px
}

.level-with-icon .w-level {
    margin-left: 25px;
    min-width: 38px
}

.levels-inline + .levels-inline {
    margin-left: 15px
}

.level-right>i {
    float: right;
    margin-top: 4px;
    margin-left: 5px
}

.level-right:after {
    clear: both;
    content: "";
    display: table
}

.level-right.level-with-icon {
    line-height: 23px
}

.level-right.level-with-icon .w-level {
    margin-right: 25px;
    margin-left: 0
}

.c100 {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%
}

.c100-w {
    position: relative
}

.c100 + .c100 {
    position: absolute;
    left: 0
}

.c100 + .c100,
.c100 + .c100:after {
    background-color: transparent
}

.c100.lg-s,
.c100-lg {
    height: 41px;
    width: 41px
}

.c100-xmd {
    height: 38px;
    width: 38px
}

.c100:after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #626b81;
    width: 26px;
    height: 26px;
    transition: all ease-out .2s
}

.c100.lg-s:after,
.c100-lg:after {
    height: 37px;
    width: 37px
}

.c100-xmd:after {
    height: 34px;
    width: 34px
}

.c100>span {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 30px;
    font-weight: 700;
    line-height: 30px;
    font-size: 15px;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition: all ease-out .2s
}

.font-13 .c100>span {
    font-size: 13px
}

.c100.lg-s>span,
.c100-lg>span {
    line-height: 41px;
    width: 41px
}

.c100-xmd>span {
    line-height: 38px;
    width: 38px
}

.c100 .slice {
    position: absolute;
    width: 30px;
    height: 30px;
    clip: rect(0, 15px, 30px, 0)
}

.c100.lg-s .slice,
.c100-lg .slice {
    height: 41px;
    width: 41px;
    clip: rect(0, 20px, 41px, 0)
}

.c100-xmd .slice {
    height: 38px;
    width: 38px;
    clip: rect(0, 19px, 38px, 0)
}

.c100 .bar,
.c100.p50 .fill,
.c100.p55 .fill,
.c100.p60 .fill,
.c100.p65 .fill,
.c100.p70 .fill,
.c100.p75 .fill,
.c100.p80 .fill,
.c100.p85 .fill,
.c100.p90 .fill,
.c100.p95 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 2px solid #7fe365;
    width: 30px;
    height: 30px;
    clip: rect(0, 30px, 30px, 15px);
    border-radius: 50%;
    transform: rotate(0deg)
}

.c100.lg-s .bar,
.c100-lg .bar,
.c100.lg-s.p50 .fill,
.c100-lg.p50 .fill,
.c100.lg-s.p55 .fill,
.c100-lg.p55 .fill,
.c100.lg-s.p60 .fill,
.c100-lg.p60 .fill,
.c100.lg-s.p65 .fill,
.c100-lg.p65 .fill,
.c100.lg-s.p70 .fill,
.c100-lg.p70 .fill,
.c100.lg-s.p75 .fill,
.c100-lg.p75 .fill,
.c100.lg-s.p80 .fill,
.c100-lg.p80 .fill,
.c100.lg-s.p85 .fill,
.c100-lg.p85 .fill,
.c100.lg-s.p90 .fill,
.c100-lg.p90 .fill,
.c100.lg-s.p95 .fill,
.c100-lg.p95 .fill,
.c100.lg-s.p100 .fill,
.c100-lg.p100 .fill {
    height: 41px;
    width: 41px;
    clip: rect(0, 41px, 41px, 20px)
}

.c100-xmd .bar,
.c100-xmd.p50 .fill,
.c100-xmd.p55 .fill,
.c100-xmd.p60 .fill,
.c100-xmd.p65 .fill,
.c100-xmd.p70 .fill,
.c100-xmd.p75 .fill,
.c100-xmd.p80 .fill,
.c100-xmd.p85 .fill,
.c100-xmd.p90 .fill,
.c100-xmd.p95 .fill,
.c100-xmd.p100 .fill {
    height: 38px;
    width: 38px;
    clip: rect(0, 38px, 38px, 19px)
}

.c100.p50 .slice,
.c100.p55 .slice,
.c100.p60 .slice,
.c100.p65 .slice,
.c100.p70 .slice,
.c100.p75 .slice,
.c100.p80 .slice,
.c100.p85 .slice,
.c100.p90 .slice,
.c100.p95 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto)
}

.grey-t .c100:after {
    background-color: #f0f0f0
}

.c100-absolute-w {
    width: 58px;
    height: 18px;
    position: relative;
    left: -13px
}

.c100-absolute {
    position: absolute;
    top: -9px
}

.c100.p0 .bar {
    transform: rotate(360deg)
}

.c100.p0 .bar.over {
    transform: rotate(360deg)
}

.c100.p5 .bar {
    transform: rotate(342deg)
}

.c100.p5 .bar.over {
    transform: rotate(356deg)
}

.c100.p10 .bar {
    transform: rotate(324deg)
}

.c100.p10 .bar.over {
    transform: rotate(336deg)
}

.c100.p15 .bar {
    transform: rotate(306deg)
}

.c100.p15 .bar.over {
    transform: rotate(318deg)
}

.c100.p20 .bar {
    transform: rotate(288deg)
}

.c100.p20 .bar.over {
    transform: rotate(300deg)
}

.c100.p25 .bar {
    transform: rotate(270deg)
}

.c100.p25 .bar.over {
    transform: rotate(282deg)
}

.c100.p30 .bar {
    transform: rotate(252deg)
}

.c100.p30 .bar.over {
    transform: rotate(264deg)
}

.c100.p35 .bar {
    transform: rotate(234deg)
}

.c100.p35 .bar.over {
    transform: rotate(246deg)
}

.c100.p40 .bar {
    transform: rotate(216deg)
}

.c100.p40 .bar.over {
    transform: rotate(228deg)
}

.c100.p45 .bar {
    transform: rotate(198deg)
}

.c100.p45 .bar.over {
    transform: rotate(210deg)
}

.c100.p50 .bar {
    transform: rotate(180deg)
}

.c100.p50 .bar.over {
    transform: rotate(192deg)
}

.c100.p55 .bar {
    transform: rotate(162deg)
}

.c100.p55 .bar.over {
    transform: rotate(180deg)
}

.c100.p60 .bar {
    transform: rotate(144deg)
}

.c100.p60 .bar.over {
    transform: rotate(156deg)
}

.c100.p65 .bar {
    transform: rotate(126deg)
}

.c100.p65 .bar.over {
    transform: rotate(138deg)
}

.c100.p70 .bar {
    transform: rotate(108deg)
}

.c100.p70 .bar.over {
    transform: rotate(120deg)
}

.c100.p75 .bar {
    transform: rotate(90deg)
}

.c100.p75 .bar.over {
    transform: rotate(102deg)
}

.c100.p80 .bar {
    transform: rotate(72deg)
}

.c100.p80 .bar.over {
    transform: rotate(84deg)
}

.c100.p85 .bar {
    transform: rotate(54deg)
}

.c100.p85 .bar.over {
    transform: rotate(66deg)
}

.c100.p90 .bar {
    transform: rotate(36deg)
}

.c100.p90 .bar.over {
    transform: rotate(48deg)
}

.c100.p95 .bar {
    transform: rotate(18deg)
}

.c100.p95 .bar.over {
    transform: rotate(30deg)
}

.c100.p100 .bar {
    transform: rotate(0deg)
}

.c100.p100 .bar.over {
    transform: rotate(12deg)
}

.bar,
.fill {
    border-color: inherit!important
}

.c100.p50 .bar:after,
.c100.p50 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    content: ""
}

.c100.p0,
.c100.reverse.p100 {
    color: #7fe365
}

.c100.p5,
.c100.reverse.p95 {
    color: #8ce562
}

.c100.p10,
.c100.reverse.p90 {
    color: #97e760
}

.c100.p15,
.c100.reverse.p85 {
    color: #a4e75d
}

.c100.p20,
.c100.reverse.p80 {
    color: #b1e75a
}

.c100.p25,
.c100.reverse.p75 {
    color: #bfe757
}

.c100.p30,
.c100.reverse.p70 {
    color: #cce755
}

.c100.p35,
.c100.reverse.p65 {
    color: #d9e752
}

.c100.p40,
.c100.reverse.p60 {
    color: #e4e751
}

.c100.p45,
.c100.reverse.p55 {
    color: #ece750
}

.c100.p50,
.c100.reverse.p50 {
    color: #eee150
}

.c100.p55,
.c100.reverse.p45 {
    color: #eed551
}

.c100.p60,
.c100.reverse.p40 {
    color: #ede750
}

.c100.p65,
.c100.reverse.p35 {
    color: #eec653
}

.c100.p70,
.c100.reverse.p30 {
    color: #eeb456
}

.c100.p75,
.c100.reverse.p25 {
    color: #eea458
}

.c100.p80,
.c100.reverse.p20 {
    color: #ee905b
}

.c100.p85,
.c100.reverse.p15 {
    color: #ee7e5e
}

.c100.p90,
.c100.reverse.p10 {
    color: #ee6e60
}

.c100.p95,
.c100.reverse.p5 {
    color: #ee6162
}

.c100.p100,
.c100.reverse.p0 {
    color: #ee5664
}

.c100.over {
    color: #0192c9!important
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #000;
    display: none;
    opacity: .7
}

.alert-info {
    width: 400px;
    margin: 0 auto 4px;
    background: url(../img/icons/attention.png) no-repeat;
    background-position: center 20px;
    background-color: #fff;
    border: 4px double #545C6F;
    z-index: 10000
}

.alert-thank {
    width: 400px;
    margin: 0 auto 4px;
    background: url(../img/icons/ok.gif) no-repeat;
    background-position: center 20px;
    background-color: #fff;
    border: 4px double #545C6F;
    z-index: 10000
}

.alert-confirm {
    width: 400px;
    margin: 0 auto 4px;
    background: url(../img/icons/dialog_icon.gif) no-repeat;
    background-position: center 20px;
    background-color: #fff;
    border: 4px double #545C6F;
    z-index: 10000
}

.ui-widget-content {
    border: 0;
    background: #545c6f
}

.ui-slider-horizontal {
    height: 5px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -12px;
    margin-left: -14px;
    width: 27px;
    height: 27px
}

.ui-widget-header {
    background: #30a3f4
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-image: url(../img/icon-slider.png);
    border: 0;
    background-color: transparent
}

.range-line {
    width: 100%;
    float: right;
    height: 100%;
    border-radius: 0 4px 4px 0
}

.range-line div {
    width: 50%;
    height: 100%;
    float: right
}

.range-line .min span {
    background-color: #30A3F4;
    width: 0%;
    height: 100%;
    float: left
}

.range-line .max span {
    background-color: #30A3F4;
    width: 0%;
    height: 100%;
    float: right
}

.tabs__header {
    color: #fff;
    background-color: #30a3f4;
    border-bottom: 3px solid #298bd0;
    display: inline-block;
    vertical-align: top;
    font-family: 'robotobold';
    position: relative;
    transition: none;
    padding: 10px 15px;
    min-width: 130px;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase
}

.tabs-table {
    overflow: hidden
}

.tabs-table .tabs__header {
    display: table;
    float: left
}

.tabs-table .tabs__header + .tabs__header {
    margin-left: 20px
}

.tabs-table .tabs__header span {
    display: table-cell;
    vertical-align: middle
}

.tabs__header-md {
    min-width: 160px
}

.tabs__header-max170 {
    width: 170px;
    height: 40px;
    font-size: 12px;
    line-height: 14px;
    padding: 0
}

.tabs__header:hover {
    text-decoration: none
}

.tabs__header:after {
    content: "";
    display: block;
    right: -10px;
    top: 10px;
    position: absolute;
    background-color: #30a3f4;
    width: 10px;
    height: calc(100% - 10px);
    border-bottom: 3px solid #298bd0
}

.tabs__header-max170:after {
    height: 27px
}

.tabs__header:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #30a3f4
}

.tabs__header + .tabs__header {
    margin-left: 14px
}

.tabs__header-active,
.tabs__header.active {
    background-color: #fff;
    border-bottom-color: #fff;
    color: #333
}

.tabs__header-active:after,
.tabs__header-active:before,
.tabs__header.active:after,
.tabs__header.active:before {
    border-color: #fff;
    border-right-color: transparent
}

.tabs__header-active:after,
.tabs__header.active:after {
    background-color: #fff
}

.forum-pagination-w {
    margin-top: 6px
}

.pagination li {
    display: inline-block;
    vertical-align: middle
}

.pagination-round {
    white-space: nowrap
}

.pagination-round li + li {
    margin-left: 10px
}

.pagination-round li a {
    color: #fff;
    display: block;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 8px;
    line-height: 12px;
    position: relative;
    font-family: robotobold
}

.pagination-round li.active a,
.pagination-round li a:hover {
    background-color: #30a3f4;
    text-decoration: none;
    border-color: #30a3f4
}

.pagination-rate__commands li.marked:not(.active) a,
.pagination-rate__commands li.marked:not(.active) a:hover {
    background-color: #5BAB46;
    text-decoration: none;
    border-color: #5BAB46
}

.pagination-round.active-styled li.active a,
.pagination-round.active-styled li a:hover {
    background-color: #2f3544;
    text-decoration: none;
    border-color: #2f3544
}

.pagination-round li.first a:after,
.pagination-round li.first a:before,
.pagination-round li.last a:after,
.pagination-round li.last a:before,
.pagination-round li.next a:after,
.pagination-round li.prev a:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -3px;
    content: "";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent
}

.pagination-round li.first a:after {
    border-right: 7px solid #fff
}

.pagination-round li.first a:before {
    border-right: 7px solid #fff;
    left: 33%
}

.pagination-round li.last a:after {
    border-left: 7px solid #fff
}

.pagination-round li.last a:before {
    border-left: 7px solid #fff;
    left: 68%
}

.pagination-round li.next a:after {
    border-left: 7px solid #fff
}

.pagination-round li.prev a:after {
    border-right: 7px solid #fff
}

.pagination-blue li a {
    border-color: #30a3f4;
    color: #30a3f4
}

.pagination-blue li.active a,
.pagination-blue li a:hover {
    color: #fff
}

.pagination-blue li.prev a:after,
.pagination-blue li.first a:after,
.pagination-blue li.first a:before {
    border-right-color: #30a3f4
}

.pagination-blue li.prev:hover a:after,
.pagination-blue li.first:hover a:after,
.pagination-blue li.first:hover a:before {
    border-right-color: #fff
}

.pagination-blue li.next a:after,
.pagination-blue li.last a:after,
.pagination-blue li.last a:before {
    border-left-color: #30a3f4
}

.pagination-blue li.next:hover a:after,
.pagination-blue li.last:hover a:after,
.pagination-blue li.last:hover a:before {
    border-left-color: #fff
}

.choose-stadium-w {
    background: url(../img/bg-stadium-choose.png) scroll left top no-repeat #252932;
    max-width: 740px;
    color: #fff
}

@media(max-width:767px) {
    .choose-stadium-w {
        min-width: 740px
    }
}

.choose__stadium-content {
    background-color: #545c6f;
    padding: 0 1px
}

.choose__stadium-content table tr:last-of-type td {
    padding-bottom: 20px
}

.choose__stadium-content table th {
    font-family: robotobold;
    text-align: left
}

.choose__stadium-content table th,
.choose__stadium-content table td {
    padding: 5px 19px;
    background-color: #252932
}

.choose__stadium-content table td {
    font-size: 15px
}

.stadium-vip-order {
    width: 280px
}

.choose__stadium-content .b-input>input {
    background-color: transparent;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: 1px solid #7e8492;
    display: inline-block;
    vertical-align: middle
}

.choose__stadium-content .b-input>input,
.choose__stadium-content .b-input>span {
    font-size: 14px
}

.choose__stadium-content .w-btn {
    padding: 10px 0;
    margin-top: 0
}

.content-header {
    font-size: 16px;
    line-height: 30px;
    font-family: robotobold;
    text-align: center
}

.choose__stadium-header {
    min-height: 300px;
    position: relative
}

.choose__stadium-bottom {
    min-height: 75px;
    position: relative
}

.choose__stadium-bottom .tooltip-name {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.stadium-build .choose__stadium-bottom .tooltip-name {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.choose__stadium-header-bottom .scoreboard__main__info {
    position: absolute;
    right: 65px;
    top: 10px;
    width: 330px;
    text-align: left
}

.stadium-tables__item {
    width: 340px;
    font-family: robotoregular
}

.stadium-tables__item table + table {
    margin-top: 20px
}

.stadium-tables__item table th {
    background-color: #545c6f
}

.stadium-tables__item table td,
.stadium-tables__item table th {
    padding: 9px 16px
}

.stadium-tables__item table th {
    font-weight: 700
}

.stadium-tables__item table td {
    border-bottom: 1px solid #545c6f;
    background-color: #252932
}

.stadium-tables__item table {
    border: 1px solid #545c6f;
    border-width: 0 1px 1px
}

.stadium-name__form .b-input {
    width: 205px;
    margin-right: 21px
}

.stadium-name__form .b-input label {
    margin-bottom: 5px;
    display: block;
    font-weight: 700
}

.stadium-name__form .b-input input {
    padding-top: 6px;
    padding-bottom: 7px
}

.stadium-name__form .btn-md {
    vertical-align: bottom;
    padding-top: 7px;
    padding-bottom: 8px
}

.stadium-price {
    margin-top: 16px;
    padding: 16px 0;
    border: 1px solid #ede750;
    font-size: 16px;
    line-height: 1.42
}

.stadium-name__form:not(.buy_stad) + .stadium-price {
    margin-top: 19px;
    margin-bottom: 19px
}

.stadium-price-styled {
    margin: -1px 0 0
}

.scoreboard__main__info-rating .label-b {
    min-width: 180px;
    text-align: right;
    display: inline-block;
    font-family: robotoregular
}

.choose__stadium-header-bottom {
    background: url(../img/bg-stadium-choose-bottom.png) scroll left top no-repeat;
    min-height: 106px;
    position: relative
}

.choose__stadium-header-bottom .tooltip-name {
    top: 30px;
    left: 150px
}

.choose__stadium-header-top {
    min-height: 195px
}

.choose__stadium-header>img {
    position: absolute;
    top: 89px;
    left: 0
}

.choose__stadium-header .tooltip-name {
    position: absolute;
    top: 15px;
    background-color: rgba(0, 0, 0, .7);
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.25;
    white-space: nowrap;
    z-index: 5
}

.choose__stadium-header-bottom .tooltip-name {
    top: 30px;
    left: 150px
}

.stadium-name {
    position: absolute;
    width: 370px;
    text-align: left;
    bottom: 20px;
    left: 20px;
    font-size: 30px;
    font-family: robotobold
}

.stadium-light {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%
}

.stadium-light .tooltip-name {
    top: 110px;
    left: 40px
}

.stadium-board {
    position: absolute;
    top: 43px;
    left: 228px;
    width: 100px;
    text-align: center
}

.stadium-board .tooltip-name {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.stadium-screen {
    position: absolute;
    top: 40px;
    left: 385px;
    width: 140px;
    text-align: center
}

.stadium-screen .tooltip-name {
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.nearest__games {
    max-width: 939px;
    font-size: 14px
}

.nearest__games-header {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    font-family: "robotobold";
    background: #8d98b2;
    background: -moz-linear-gradient(left, #8d98b2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #8d98b2 0%, #ffffff 100%);
    background: linear-gradient(to right, #8d98b2 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8d98b2', endColorstr='#ffffff', GradientType=1)
}

.nearest__games-item .level-with-icon {
    max-width: 85px
}

.nearest__games-item .trophy .level-with-icon .w-level {
    max-width: 33px
}

.nearest__games-item .level-with-icon .w-level {
    min-width: 30px
}

.nearest__games-item tr:not(.nearest__games-header):nth-child(odd) {
    background-color: #eceff4
}

.nearest__games-item tr:not(.nearest__games-header):hover {
    background-color: #dadfe8
}

.nearest__games-item tr td {
    padding: 6px 7px
}

.nearest__games-item td.fc__logo-flag-w {
    padding-left: 24px
}

.nearest__games-item tr.nearest__games-header td {
    padding: 3px 8px
}

.nearest__games-item td img {
    vertical-align: middle
}

.fc__btn {
    white-space: nowrap
}

.fc__logo-flag {
    position: relative;
    white-space: nowrap;
    padding-left: 10px
}

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

.fc__flag {
    position: absolute;
    z-index: 0;
    width: 22px;
    height: 15px;
    bottom: 0;
    left: 0;
    border: 1px solid #e4e4e4
}

.fc__logo-flag-styled {
    padding-left: 15px
}

.fc__logo-flag-styled .fc__flag {
    left: 3px
}

.fc__logo-flag-w {
    padding-left: 20px
}

.fc__logo-flag-w.fc__logo-flag-right {
    padding-left: 0;
    padding-right: 25px;
    text-align: right
}

.fc__logo-flag-right .fc__flag {
    left: auto;
    right: -12px
}

.fc__logo-flag.b-ava {
    margin-right: 10px
}

.fc__logo-flag-right .fc__logo-flag.b-ava {
    margin-left: 10px;
    margin-right: 0
}

.nearest__games .btn-border-gray.sm {
    min-width: 120px;
    text-transform: capitalize;
    padding: 0 8px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    background-color: #545c6f;
    border-color: #545c6f;
    color: #fff
}

.nearest__games .btn-border-gray.sm.active {
    background-image: url(../img/icons/check-green.png);
    background-attachment: scroll;
    background-position: 10px center;
    background-repeat: no-repeat
}

.nearest__games .btn-border-gray.sm:hover,
.nearest__games .btn-border-gray.sm.stadium.disabled {
    background-color: transparent;
    border-color: #545c6f;
    color: #545c6f
}

.disabled {
    opacity: .5
}

.disabled label:hover,
.cursor-default {
    cursor: default
}

.nearest__games.scrollpane {
    min-height: 688px;
    max-height: 688px
}

.nearest__games .jspPane {
    background-color: #fff;
    min-height: 688px
}

.nearst__games-attention {
    margin-right: 23px;
    background: url(../img/icons/attention.png) scroll no-repeat 8px center;
    padding-left: 33px!important
}

.nearst__games-attention p {
    line-height: 16px;
    font-family: "robotoregular"
}

.nearest__games-table__header {
    padding: 10px 12px;
    background-color: #545c6f
}

.score {
    color: #fff;
    font-family: robotobold;
    line-height: 26px;
    font-size: 18px
}

.score-bg {
    border-radius: 2px;
    padding: 0 9px;
    background-color: #545c6f;
    width: 55px
}

.score-bg>span {
    vertical-align: middle;
    display: inline-block
}

.score-divider {
    margin: 0 5px
}

.fc__controls-img ul li + li {
    margin-left: 15px
}

@media(min-width:768px) {
    .video-game .b-col__left {
        width: 790px
    }
}

.b-col__left.chat-w {
    width: 630px
}

.share-link-w {
    background: url(../img/share.png) scroll 50px 5px no-repeat #2f3544;
    color: #fff;
    padding: 24px 10px;
    margin-top: 25px
}

.share-link {
    border: 1px solid #7e8492;
    padding: 3px 8px
}

.share-link .form-control {
    padding: 0;
    height: auto;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    border: 0
}

.share-link .form-control:focus {
    background-color: transparent
}

@media(min-width:768px) {
    .video-game .b-col__right {
        width: 140px
    }
}

.video-game-control__list ul.list-inline {
    font-size: 0;
    line-height: 0
}

.video-game-control__list ul.list-inline li {
    font-size: 16px;
    width: 60px;
    padding-top: 9px;
    padding-bottom: 10px;
    line-height: 24px;
    text-align: center;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    position: relative
}

.tooltip-styled {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 12px;
    background-color: #545c6f;
    border-radius: 3px;
    color: #fff;
    z-index: 10
}

.tooltip-styled:before {
    content: "";
    position: absolute;
    left: 8px;
    top: -6px;
    margin-left: -3px;
    border-bottom: 6px solid #545c6f;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

li:hover .tooltip-styled {
    display: block
}

@media(min-width:768px) {
    .video-game-control__list ul.list-inline li:nth-child(even) {
        margin-left: 20px
    }
    .video-game-control__list ul.list-inline li:nth-child(n+3) {
        margin-top: 20px
    }
}

.video-game-control__list ul.list-inline li.text {
    background-image: url(../img/video-game-bg-1.jpg)
}

.video-game-control__list ul.list-inline li.stadium {
    background-image: url(../img/video-game-bg-2.jpg)
}

.video-game-control__list ul.list-inline li.stadium.disabled-w a {
    cursor: default
}

.video-game-control__list ul.list-inline li.stadium.disabled-w img {
    opacity: .4
}

.video-game-control__list ul.list-inline li.visitor {
    background-color: #fff
}

.video-game-control__list ul.list-inline li.stats {
    background-color: #2f3544;
    width: 140px;
    margin-left: 0
}

.video-game-control__list ul.list-inline li.stats a {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: robotobold;
    padding-left: 44px;
    background: url(../img/video-game-stats.png) scroll 10px center no-repeat;
    color: #fff
}

.video-game .video-game-stats__list {
    background-color: #2f3544;
    padding: 10px 0
}

.video-game-stats__list ul li,
.game-stats_graph .video-game-stats__list ul li .stat-lines-w {
    padding: 3px 10px 2px 35px;
    background-attachment: scroll;
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative
}

.video-game-stats__list ul li .tooltip-styled {
    left: 8px
}

.video-game-stats__list ul li + li {
    margin-top: 19px
}

.video-game-stats__list .forward {
    background-image: url(../img/video-game-bg-forward.png)
}

.video-game-stats__list .ball {
    background-image: url(../img/video-game-bg-ball.png)
}

.video-game-stats__list .goal {
    background-image: url(../img/video-game-bg-goal.png)
}

.video-game-stats__list .yellow {
    background-image: url(../img/video-game-bg-yel.png)
}

.video-game-stats__list .red {
    background-image: url(../img/video-game-bg-red.png)
}

.video-game-stats__list .reffery {
    background-image: url(../img/video-game-bg-refer.png)
}

.video-game-stats__list .corner {
    background-image: url(../img/video-game-bg-corner.png)
}

.video-game-stats__list .offside {
    background-image: url(../img/video-game-bg-offside.png)
}

.video-game-stats__list ul li .stat-lines-w {
    width: 100%;
    position: relative
}

.video-game-stats__list ul li .stat-lines-w .item {
    position: relative
}

.video-game-stats__list ul li .stat-lines-w .stat-line {
    height: 5px;
    background-color: #545c6f;
    position: relative;
    max-width: 90%
}

@media(min-width:768px) {
    .video-game-stats__list ul li .stat-lines-w .stat-line {
        max-width: 75px
    }
}

.video-game-stats__list ul li .stat-lines-w .item .fill {
    position: absolute;
    height: 100%
}

.video-game-stats__list ul li .stat-lines-w .item.visitor {
    margin-top: 5px
}

.video-game-stats__list ul li .stat-lines-w .item.visitor .fill {
    background-color: #fff
}

.video-game-stats__list ul li .stat-lines-w .item .value {
    position: absolute;
    top: -10px;
    right: 0;
    font-family: robotobold;
    font-size: 11px
}

@media(max-width:767px) {
    .video-game-stats__list ul li .stat-lines-w .item .value {
        width: 7%
    }
}

.video-game .b-col__right.video-game-table-w {
    width: auto
}

@media(min-width:768px) {
    .video-game .b-col__right.video-game-table-w {
        background-color: #42495A;
        min-height: 372px
    }
}

.video-game-table th,
.video-game-table td {
    background-color: #2f3544;
    border: 1px solid #4f5667;
    border-width: 0 1px 1px 0;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 8px 9px
}

.video-game-table th .b-name-under {
    margin-top: 6px;
    font-size: 12px;
    font-family: robotoregular
}

.video-game-table td {
    padding: 5px 9px
}

.video-game-table tr.colored td {
    background-color: #42495a
}

.video-game-table tr td:last-of-type,
.video-game-table tr th:last-of-type {
    border-right: 0
}

.video-game-table td.video-game-table-name {
    font-size: 12px
}

.video-game-table td.video-game-table-value {
    font-family: robotobold;
    color: #ede750
}

.video-game-table-value span {
    color: #a5acbb
}

.video-game .scoreboard__info {
    margin: 0
}

@media(min-width:768px) {
    .video-game .scoreboard__main__info {
        width: 193px;
        margin-left: 5px
    }
    .video-game .scoreboard__team-home,
    .video-game .scoreboard__team-visitor {
        width: 275px
    }
    .video-game .scoreboard__team-info {
        width: 198px
    }
}

.scoreboard__team-visitor .scoreboard__team-btn-w {
    text-align: right
}

.scoreboard__team-visitor .scoreboard__team-info {
    float: right
}

.video-game .scoreboard__main__info-start {
    font-family: robotolight;
    margin-top: 10px;
    text-align: center
}

.video-game .scoreboard__main__info-start #game_period {
    margin-bottom: 6px;
    font-family: robotobold
}

.video-game .scoreboard__main__info-score {
    margin-bottom: 12px
}

.video-game .scoreboard__main__info-score>p {
    display: inline-block;
    vertical-align: middle;
    color: #ede750;
    font-size: 36px;
    font-family: roboto;
    line-height: 1.15
}

@media(min-width:768px) {
    .video-game .content-box + .content-box {
        margin-top: 8px
    }
}

.challange-anounce {
    position: relative;
    padding-bottom: 20px
}

.challange-anounce,
.challange-anounce .fc__name-city,
.challange-anounce .fc__logo-flag {
    display: inline-block;
    vertical-align: middle
}

.challange-anounce .fc__name-city {
    line-height: 18px;
    font-size: 14px
}

.challange-anounce .fc__name-city .bold {
    display: block
}

.challange-anounce .fc__logo-flag {
    margin-left: 10px;
    padding-left: 0
}

.challange-anounce .teams .item:first-of-type .fc__logo-flag {
    margin-left: 3px;
    margin-right: 7px
}

.challange-anounce .teams .item:last-of-type .fc__logo-flag {
    margin-right: 3px;
    margin-left: 7px
}

.challange-anounce .teams .item:last-of-type .fc__logo-flag .fc__flag {
    left: -12px
}

.challange-anounce .name {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    left: 50%;
    color: #545c6f;
    top: 39px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: #eceff5;
    padding: 0 12px;
    white-space: nowrap
}

.challange-anounce .name:after,
.challange-anounce .name:before {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent
}

.challange-anounce .name:after {
    border-left: 12px solid #eceff5;
    right: -11px
}

.challange-anounce .name:before {
    border-right: 12px solid #eceff5;
    left: -11px
}

.challange-anounce .teams {
    background-color: #eceff5;
    border-radius: 20px;
    padding: 2px 15px;
    color: #333
}

.challange-anounce .teams .item {
    position: relative
}

.challange-anounce .teams .item-vs {
    padding: 0 6px;
    margin: 7px 9px 0;
    position: relative
}

.challange-anounce .teams .item-vs:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    display: block;
    height: 0;
    border-top: 1px solid #cbccd0;
    z-index: 0
}

.challange-anounce .teams .item-vs span {
    display: inline-block;
    position: relative;
    background-color: #eceff5;
    padding: 0 3px
}

.challange-anounce .dropdown-w {
    position: absolute;
    z-index: 99;
    bottom: 100%;
    left: 0;
    display: none;
    min-width: 125px;
    font-size: 13px;
    padding-bottom: 6px
}

.challange-anounce .dropdown-w2 {
    position: absolute;
    z-index: 99;
    left: 0;
    display: none;
    padding-top: 6px
}

.challange-anounce .dropdown-inner {
    background-color: #2f3544;
    color: #fff;
    min-width: 113px;
    padding: 0 4px 0 2px
}

.challange-anounce .teams:hover .dropdown-w {
    display: block
}

.challange-anounce .dropdown-w .dropdown-inner,
.challange-anounce .dropdown-w2 .dropdown-inner {
    position: relative
}

.challange-anounce .dropdown-w .dropdown-inner:after,
.challange-anounce .dropdown-w2 .dropdown-inner:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.challange-anounce .dropdown-w .dropdown-inner:after {
    top: 100%;
    border-top: 8px solid #2f3544
}

.challange-anounce .item:hover .dropdown-w2 {
    display: block
}

.challange-anounce .dropdown-w2 .dropdown-inner {
    position: relative
}

.challange-anounce .dropdown-w2 .dropdown-inner:after {
    bottom: 100%;
    border-bottom: 8px solid #2f3544
}

.challange-anounce .dropdown-item {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 2px 2px;
    margin-left: 3px
}

.challange-anounce .dropdown-item>img {
    max-height: 20px
}

.challange-anounce .dropdown-inner .icon-circle-arrow {
    margin-right: 3px
}

.challange-anounce .dropdown-inner .w-level {
    background-color: #000;
    min-width: 28px;
    margin-left: 23px
}

.chat-tournament.challange-anounce .teams,
.chat-tournament.challange-anounce .teams .item-vs span {
    background-color: #2f3544
}

.game-line .window-chat-list {
    padding-left: 0
}

.game__text-chat {
    float: right;
    width: 100%;
    height: 312px;
    overflow: hidden
}

@media(min-width:768px) {
    .game__text-chat {
        width: 530px
    }
}

.jspPane {
    max-height: none
}

.game__text-chat .inner,
.game__text-summary .item-list {
    min-height: 282px
}

.game__text-chat .inner {
    background-color: #fff;
    padding-left: 19px;
    padding-top: 5px
}

.game__text-chat .inner .scrollpane {
    max-height: 272px;
    min-height: 272px;
    font-size: 14px
}

.game__text-chat .inner .time-line + .time-line {
    margin-top: 1px
}

.game__text-chat .inner .time__line-time {
    font-family: robotobold
}

@media(min-width:768px) {
    .game__text-chat .inner .time__line-time {
        float: left;
        width: 18px
    }
    .game__text-chat .inner .time__line-text {
        float: left;
        margin-left: 5px;
        max-width: 445px
    }
}

.game__text-chat .inner .time__line-text .b-command__list-consist {
    width: auto;
    color: #333
}

.game__text-chat .inner .text {
    font-style: italic;
    line-height: 18px
}

.game__text-chat .inner p {
    padding-bottom: 0
}

.game__text-chat .inner .text-w {
    margin: 3px 0
}

.game__text-chat .inner .chat__player__for__sale-w {
    top: -1px
}

.game__text-chat .player__main__user-ava {
    width: 27px;
    height: 27px;
    position: relative;
    left: -3px;
    margin-right: -3px
}

.game__text-chat .player__main__user-ava .player__main__user__ava-top {
    max-height: 24px;
    margin-left: -8px
}

.game__text-chat .player__main__user-ava .player__main__user__ava-bottom {
    max-width: 25px;
    bottom: 2px;
    left: 2px
}

.game__text-chat .chat__player__for__sale-w:hover .player__main__user-ava {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -ms-transform: scale(1.5)
}

.game__text-control {
    background-color: #2f3544;
    color: #fff;
    font-size: 13px;
    min-height: 50px
}

@media(min-width:768px) {
    .game__text-control {
        margin-top: 10px
    }
}

.game__text-control .item-b {
    padding: 8px 15px
}

@media(min-width:768px) {
    .game__text-control .item-b {
        float: left
    }
}

.game__text-control .item-b.btn-w {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 148px
}

@media(min-width:768px) {
    .game__text-control .item-b + .item-b {
        border-left: 1px solid #545c6f
    }
}

.game__text-control .item-b:not(.styled-select-w) .inline-block {
    vertical-align: top
}

.game__text-control .item-b.item-text {
    padding: 13px 10px
}

.game__text-control .item-b.radio-w {
    border: 0
}

.game__text-control .item-b.offline {
    background-color: #252932;
    border-right: 1px solid #545c6f
}

.game__text-control .item-b.styled-select-w {
    width: 125px
}

.game__text-control .item-b .styled-select {
    margin-right: 10px
}

.game__text-control .item-b .styled-select select,
.styled-select-sm select {
    margin-bottom: 0;
    width: 65px;
    padding-right: 15px
}

.game__text-control .item-b .radio-styled + .radio-styled {
    margin-left: 10px
}

@media(min-width:768px) {
    .item-controls-w {
        float: right
    }
    .game__text-control .item-b.item-controls {
        background: #545c6f;
        background: -moz-linear-gradient(top, #545c6f 0%, #2f3544 100%);
        background: -webkit-linear-gradient(top, #545c6f 0%, #2f3544 100%);
        background: linear-gradient(to bottom, #545c6f 0%, #2f3544 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#545c6f', endColorstr='#2f3544', GradientType=0)
    }
}

.game__text-control .item-b.item-controls {
    padding: 0 6px;
    border: 0;
    float: right
}

.game__text-control>ul {
    float: left
}

@media(min-width:768px) {
    .game__text-control>ul {
        width: 676px;
        display: inline-block;
        vertical-align: middle
    }
}

.game__text-control .item-controls ul li {
    padding: 15px 7px
}

.game__text-control .item-controls ul li a {
    display: block;
    width: 20px;
    height: 20px;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transition: none;
    transition: none;
    -ms-transition: none
}

.game__text-control .item-controls ul li a:hover {
    cursor: default
}

.game__text-control .item-controls ul li a.active:hover {
    background-position: left -21px;
    cursor: pointer
}

.game__text-control .item-controls ul li a.active {
    background-position: left -42px
}

.game__text-control .item-controls ul li a.disabled {
    background-position: left -63px
}

.game__text-control .item-controls ul li a.play {
    background-image: url(../img/icons/play.png)
}

.game__text-control .item-controls ul li a.pause {
    background-image: url(../img/icons/pause.png)
}

.game__text-control .item-controls ul li a.stop {
    background-image: url(../img/icons/stop.png)
}

.game__text-control .miss-item-2 .item-b {
    width: 33.33333%!important;
    text-align: center
}

@media(min-width:768px) {
    .game__text-control .miss-item-1 .item-b {
        width: 25%!important;
        text-align: center
    }
}

.game__text-main-b {
    margin-top: 10px
}

.game__text-summary {
    background-color: #545c6f;
    color: #fff;
    float: left;
    width: 100%
}

@media(min-width:768px) {
    .game__text-summary {
        width: 250px
    }
}

.game__text-summary .scrollpane {
    max-height: 282px
}

.header-text-dark,
.game__text-main-b .header-text {
    background-color: #2f3544;
    text-transform: uppercase;
    font-family: robotobold;
    font-size: 14px;
    color: #fff;
    padding: 3px 19px
}

.game__text-summary .item-list>span {
    display: block;
    width: 250px
}

.game__text-summary .item-list li {
    padding: 3px 10px 2px;
    font-size: 13px
}

.game__text-summary .item-list li .event-time {
    background-attachment: scroll;
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 21px;
    float: left;
    width: 40px;
    line-height: 27px
}

.game__text-summary .item-list li.card-red .event-time {
    background-image: url(../img/video-game-bg-red.png)
}

.game__text-summary .item-list li.card-yel .event-time {
    background-image: url(../img/video-game-bg-yel.png)
}

.game__text-summary .item-list li.change .event-time {
    background-image: url(../img/icons/change.png)
}

.game__text-summary .item-list li.goal .event-time {
    background-image: url(../img/icons/ball-sm.png)
}

.game__text-summary .item-list li.injury .event-time {
    background-image: url(../img/icons/injury.png)
}

.game__text-main-b .item-list li .info-b {
    float: right;
    width: 190px
}

.game__text-main-b .item-list li .info-b.b-command__list-consist .ava {
    height: 27px;
    width: 27px;
    margin-right: 0;
    left: -3px;
    margin-right: -3px
}

.game__text-main-b .item-list li .info-b .figure-b {
    width: 16px
}

.game__text-main-b .item-list li .info-b .figure-b img {
    vertical-align: middle
}

.game__text-main-b .item-list li .info-b .player__main__user__ava-top.xs {
    max-height: 24px;
    margin-left: -8px
}

.game__text-main-b .item-list li .info-b .player__main__user__ava-bottom.xs {
    max-width: 25px;
    bottom: 2px;
    left: 2px
}

.game__text-w .scoreboard__team-form-w {
    padding-top: 15px;
    width: 57px
}

@media(min-width:768px) {
    .scoreboard__team-home .scoreboard__team-form-w {
        margin-right: 20px
    }
    .scoreboard__team-visitor .scoreboard__team-form-w {
        margin-left: 20px
    }
}

.game__text-w .scoreboard__team-form-w>p {
    font-family: robotobold;
    margin-top: 6px;
    text-align: center
}

.game__text-w .share-link-w {
    margin-top: 10px;
    padding-bottom: 11px;
    padding-top: 11px
}

.scoreboard__player {
    min-height: 141px;
    position: relative
}

.scoreboard__player .level {
    vertical-align: middle
}

.scoreboard__player .level-2 {
    padding-top: 4px
}

.scoreboard__player-stats {
    margin-top: -6px
}

.scoreboard__player .player__main__user-ava {
    left: 50%;
    margin-left: -50px
}

.scoreboard__player-status {
    position: absolute;
    width: 38px;
    height: 39px;
    right: 77px;
    bottom: 33px
}

@media(min-width:768px) {
    .scoreboard__player-status {
        right: 37px
    }
}

.change {
    position: relative
}

.change .chat__player__for__sale-w {
    float: right;
    max-width: 170px
}

.change-arrow {
    position: absolute;
    width: 10px;
    height: 24px;
    right: 10px
}

.change-arrow-out {
    top: 13px
}

.change-arrow-in {
    bottom: -3px
}

#buttnsGame {
    z-index: 10000
}

#buttnsGame p {
    color: #fff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5)
}

.buttnsGame-text-header {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5)
}

.buttnsGame-text {
    font-size: 24px
}

.buttnsGame-text-w {
    margin-bottom: 24px
}

.buttnsGame-text-w p {
    padding-bottom: 0
}

.game-stats-w {
    background: #fff
}

.game-stats {
    width: 940px;
    border: 1px solid #545c6f
}

.game-stats .inner {
    padding: 4px;
    background-color: #242830
}

.game-stats_graph {
    background: url(../img/game-stat-bg-1.jpg) scroll left top no-repeat;
    padding: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
    margin-bottom: 19px
}

.game-stats_graph .video-game-stats__list ul li {
    width: 50%;
    padding: 3px 0
}

.game-stats_graph .video-game-stats__list ul li + li {
    margin-top: 14px
}

.game-stats_graph .video-game-stats__list ul li:nth-child(2) {
    margin-top: 0
}

.game-stats_graph .video-game-stats__list ul li .stat-lines-w {
    width: 295px
}

.game-stats_graph .video-game-stats__list ul li span.pull-left {
    width: 150px;
    text-transform: uppercase;
    font-family: robotobold;
    text-align: right;
    line-height: 20px
}

.game-stats_graph .video-game-stats__list ul li .stat-lines-w .stat-line {
    max-width: 225px
}

.game-stats_graph .video-game-stats__list ul li .stat-lines-w .item .value {
    right: 0;
    left: auto
}

.game__stats__table {
    min-height: 448px;
    max-height: 448px
}

.game__stats__table li {
    font-size: 0;
    line-height: 0
}

.game__stats__table li>* {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 0
}

.game__stats__table .level {
    text-align: center
}

.game__stats__table-first {
    width: 48px
}

.game__stats__table-second {
    width: 31px;
    text-align: center
}

.game__stats__table-first .c100 {
    margin: 0 auto
}

.game__stats__table-first .c100>span {
    font-size: 13px
}

.game__stats__table-first .c100:after {
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px
}

.game__stats__table-first .c100 .bar,
.game__stats__table-first .c100 .fill {
    border-width: 3px!important
}

.game__stats__table .level {
    width: 56px;
    padding: 0 5px
}

.game__stats__table-level {
    width: 55px;
    padding: 0 5px;
    text-align: center
}

.game__stats__table .w-level {
    width: 45px;
    text-align: center
}

.game__stats__table .name {
    width: 138px
}

.circle-bg {
    border-radius: 100%;
    width: 30px;
    text-align: center;
    line-height: 24px
}

.game__stats__table {
    counter-reset: count;
    position: relative;
    z-index: 1
}

.counter:after {
    font-weight: 400;
    counter-increment: count;
    content: counter(count) ". "
}

.game__stats__table li:nth-child(odd) {
    background-color: #eceff4
}

.game__stats__table li {
    width: 930px;
    display: block
}

.game__stats__table li + li {
    padding-top: 1px
}

.game__stats__table li:hover {
    background-color: #dadfe8;
    cursor: pointer
}

.game__stats__table li:hover .ava__universal {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.game__stats__table li .counter {
    padding: 3px;
    width: 26px;
    text-align: center
}

.game__stats__table-header .offset {
    width: 199px
}

.game__stats__table-header .game__stats__table-second {
    width: 31px
}

.game__stats__table-header li {
    font-family: robotobold;
    font-size: 12px!important;
    padding: 9px 0 3px!important
}

.game__stats__table-circle {
    width: 35px;
    text-align: center
}

.game__stats__table-bottom,
.game__stats__table-summary {
    font-size: 14px
}

.game__stats__table-summary {
    box-shadow: 0 -2px 6px rgba(0, 0, 0, .15);
    position: relative;
    z-index: 10
}

.game__stats__table-summary {
    padding: 5px 17px;
    border-bottom: 1px solid #eceff4
}

.game__stats__table-summary .circle-bg {
    line-height: 30px;
    margin-left: 10px
}

.game__stats__table-summary-level {
    width: 422px
}

.game__stats__table-summary .level {
    width: 185px
}

.game__stats__table-legend {
    padding: 15px 14px
}

.game__stats__table-legend ul li {
    width: 33.3333%
}

.game-stats .tabs__control {
    position: relative
}

.game-stats .tabs__control.active:after {
    display: none
}

.game-statsTEST .tabs__control.active {
    background: #30a3f4;
    background: -moz-linear-gradient(top, #30a3f4 0%, #b1dcfb 100%);
    background: -webkit-linear-gradient(top, #30a3f4 0%, #b1dcfb 100%);
    background: linear-gradient(to bottom, #30a3f4 0%, #b1dcfb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30a3f4', endColorstr='#b1dcfb', GradientType=0)
}

.home-activesTEST .game__stats__table-header {
    background: #b1dcfb;
    background: -moz-linear-gradient(top, #b1dcfb 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #b1dcfb 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #b1dcfb 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b1dcfb', endColorstr='#ffffff', GradientType=0)
}

.triangle__corner,
.triangle__corner-bottom {
    position: relative
}

.triangle__corner-bottom:after,
.triangle__corner:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    z-index: 10;
    border-right: 10px solid #242830
}

.triangle__corner:before {
    top: 0;
    border-bottom: 10px solid transparent
}

.triangle__corner-bottom:after {
    bottom: 0;
    border-top: 10px solid transparent
}

.tabs__content-bg {
    background-color: #fff
}

.tabs__control {
    display: inline-block;
    padding: 13px 15px;
    line-height: 27px;
    background-color: #fff;
    min-width: 157px
}

.tabs__control:hover {
    text-decoration: none
}

.tabs__control + .tabs__control {
    margin-left: 20px
}

.tabs__control .text-b {
    font-size: 14px
}

.light-t .tabs__control,
.light-t .tabs__control .text-b {
    color: #333
}

ul.list-inline {
    font-size: 0;
    line-height: 0
}

ul.list-inline>li {
    font-size: 13px;
    line-height: 24px
}

.levels ul.list-inline>li {
    line-height: 17px
}

.text-justify {
    text-align: justify;
    position: relative
}

.text-justify:not([class*="miss-item-"]) li {
    float: none!important
}

.text-justify:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0
}

.text-justify-work:after,
.text-justify-styled:after {
    position: static;
    left: auto
}

.text-justify-work {
    line-height: 0
}

.ava__universal {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 98px;
    width: 116px;
    overflow: hidden
}

.ava__universal.relative {
    position: relative;
    left: -3px;
    margin-right: -3px
}

.ava__universal.xs.relative {
    width: 27px;
    height: 27px
}

.ava__universal.md.relative {
    width: 32px;
    height: 32px
}

.ava__universal .img-head {
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -43px
}

.ava__universal.xs .img-head {
    top: -3px;
    max-height: 23px;
    margin-left: -8px
}

.ava__universal.md .img-head {
    top: -2px;
    max-height: 28px;
    margin-left: -10px
}

.ava__universal .img-body {
    position: absolute;
    left: 0;
    bottom: -5px
}

.ava__universal.xs .img-body {
    max-width: 25px;
    bottom: 2px;
    left: 2px
}

.ava__universal.md .img-body {
    max-width: 32px;
    bottom: 0;
    left: 0
}

.ava__round {
    border-radius: 50%
}

.ava__info-w {
    position: relative
}

.ava__info-w:hover .dropdown-w {
    display: block
}

.ava__info-w .dropdown-w {
    position: absolute;
    z-index: 99;
    bottom: 100%;
    left: 0;
    display: none;
    padding-bottom: 6px;
    min-width: 125px
}

.ava__info-w .dropdown-w2 {
    position: absolute;
    z-index: 99;
    left: 0;
    display: none;
    padding-top: 6px
}

.ava__info-w .dropdown-inner {
    background-color: #2f3544;
    color: #fff;
    min-width: 113px
}

.ava__info-w:hover .dropdown-w {
    display: block
}

.ava__info-w .dropdown-w .dropdown-inner,
.ava__info-w .dropdown-w2 .dropdown-inner {
    position: relative
}

.ava__info-w .dropdown-w .dropdown-inner:after,
.ava__info-w .dropdown-w2 .dropdown-inner:after {
    content: "";
    display: table;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.ava__info-w .dropdown-w .dropdown-inner:after {
    top: 100%;
    border-top: 8px solid #2f3544
}

.ava__info-w:hover .dropdown-w2 {
    display: block
}

.ava__info-w .dropdown-w2 .dropdown-inner {
    position: relative
}

.ava__info-w .dropdown-w2 .dropdown-inner:after {
    bottom: 100%;
    border-bottom: 8px solid #2f3544
}

.ava__info-w .dropdown-item {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 2px 2px;
    margin-left: 5px
}

.ava__info-w .dropdown-item>img {
    max-height: 20px
}

.ava__info-w .dropdown-inner .icon-circle-arrow {
    margin-right: 3px
}

.ava__info-w .dropdown-inner .w-level {
    background-color: #000;
    min-width: 28px;
    margin-left: 23px;
    width: 31px
}

.ava__info-w .dropdown-inner .level {
    width: 58px
}

.ava__info-w .item-inner {
    vertical-align: middle;
    display: inline-block
}

.ava__info-w .item-inner.c100-w {
    -webkit-transform: scale(.78);
    transform: scale(.78);
    -ms-transform: scale(.78)
}

.ava__info-w .item-inner.c100-w .c100:after {
    background-color: #626b81
}

.ava__name {
    width: 166px
}

.close__icon__cross {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 2px;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../img/icons/close-icon.png)
}

.close__icon__cross:hover {
    background-image: url(../img/icons/close-icon-hover.png)
}

.close__icon__cross:active {
    background-image: url(../img/icons/close-icon-active.png)
}

.dark-t {
    color: #fff;
    background-color: #2f3544
}

.dark-t h4 {
    color: #fff
}

.dark-t a.a-blue {
    color: #30a3f4
}

.dark-t .table.table-stripped tr th,
.table.table-stripped tr.dark-t:nth-child(even) td {
    background-color: #2f3544
}

.table.table-stripped tr.dark-t:hover td {
    background-color: #2f3544!important
}

.table.table-stripped tr:nth-child(even) td {
    background-color: #eceff4
}

.table-stripped-light-hover tr:hover td {
    background-color: #dadfe8
}

.dark-t .table.table-stripped tr:nth-child(odd) td {
    background-color: #626b81
}

.dark-t .table.table-stripped tr:nth-child(even) td {
    background-color: #545c6f
}

.dark-t-lighter {
    color: #fff;
    background-color: #545c6f
}

.table-top td,
.td-top,
.th-top {
    vertical-align: top
}

.dark-t .table-bg .w-level {
    background-color: #000
}

.dark-t .table-bg .table.table-stripped tr td {
    background-color: transparent
}

.dark-t .table-bg .table.table-stripped tr:nth-child(even) td {
    background-color: rgba(84, 92, 111, .5)
}

.dark-t .table-bg .table.table-stripped tr:hover td {
    background-color: #545c6f
}

.table.bg-dark-2 td {
    border-bottom: 1px solid #4b505d;
    color: #fff
}

.table-stripped-vertical td:nth-child(even) {
    background-color: #626b81
}

.game__viewers-bg {
    background-color: #333;
    padding: 25px 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-family: robotoregular;
    background: url(../img/bg-modal-field.jpg) left bottom scroll no-repeat
}

.game-viewers-w {
    font-size: 14px;
    width: 840px
}

.game__viewers-item {
    float: left;
    width: 310px
}

.game__viewers-item.visitor {
    float: right
}

.game__viewers-item .header-text {
    padding: 11px 14px
}

.game__viewers-count {
    padding: 7px 15px;
    line-height: 22px;
    background-color: rgba(0, 0, 0, .5)
}

.viewer-item-w {
    background-color: rgba(0, 0, 0, .5)
}

.viewer-item-w:not(.md) ul li:nth-child(odd) {
    background-color: rgba(236, 239, 244, .2)
}

.viewer-item-w ul li.viewer-item {
    padding: 9px 20px 9px 16px;
    line-height: 18px
}

.viewer-item-w ul li.viewer-item .rounded-stat {
    font-size: 12px;
    color: #fff;
    font-family: robotobold;
    line-height: 37px;
    width: 41px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%
}

.viewer-item-w.md ul li.viewer-item + li.viewer-item {
    border-top: 1px solid rgba(236, 239, 244, .25)
}

.viewer-item-w ul li.viewer-item>.w-clear>.pull-left p.vertical-middle {
    line-height: 41px
}

.viewer-item-w.md ul li.viewer-item:hover {
    background-color: rgba(236, 239, 244, .2);
    cursor: pointer
}

.transfer-w {
    background-color: transparent
}

.transfer-iframe-w {
    background-color: #252932
}

.transfer-w .table tr th {
    background-color: #252932!important
}

.transfer-bid.form-control-inline .form-item,
.tranfer-text p,
.transfer-w,
.transfer-w .styled-select select,
.styled-select-sm select,
.transfer-w .table tr th,
.transfer-w button.select-images .ui-multiselect-inner,
div.select-images ul label {
    font-size: 12px;
    font-family: robotoregular;
    line-height: 18px
}

.date-language div.select-images ul label img {
    width: 32px;
    height: 21px
}

.transfer-w .level {
    font-size: 14px;
    line-height: 24px;
    min-width: 77px
}

.transfer-w .level .with-after {
    position: relative
}

.transfer-w .level .with-after:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 50%;
    display: none;
    margin-top: -23px;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.transfer-w .level:hover {
    cursor: pointer
}

.stats-detail-w .player__tabs-w,
.transfer-w .level .player__tabs-w {
    position: absolute;
    z-index: 10000;
    top: 56px;
    left: 580px;
    line-height: 18px;
    display: none
}

.stats-detail-w .player__tabs-w {
    color: #333;
    text-align: left
}

.player-compare-popup .stats-detail-w .player__tabs-w {
    left: 432px
}

.player__tabs-w .w-level {
    margin-left: 0!important
}

.transfer-w .command-levels .player__tabs-w .level {
    min-width: 50px;
    width: 50px
}

.transfer-w .command-levels .level .player__tabs ul.stats li .value {
    width: 130px;
    text-align: right
}

.transfer-w .command-levels .level .player__tabs ul.stats li .value>span {
    width: auto
}

.transfer-w .command-levels .level .player__tabs ul.stats li .name {
    width: 240px
}

.transfer-w .command-levels .level .player__tabs-w {
    left: 263px
}

.transfer-w .command-levels.command-popup .level .player__tabs-w {
    left: 200px
}

.transfer-w .command-levels .level .with-after:after {
    display: none
}

.transfer-w.transfer-w_ended .level .player__tabs-w {
    left: 391px
}

.transfer-w.transfer-w_rented .level .player__tabs-w {
    left: 312px
}

.transfer-w .level .player__tabs {
    color: #333
}

.transfer-w .level .player__tabs,
.transfer-w .level #player__tabs-header {
    text-align: left
}

.transfer-w .level:hover:after,
.transfer-levels:hover .player__tabs-w,
.transfer-levels:hover .with-after:after {
    display: block
}

.tranfer-text {
    background-color: #545c6f;
    padding: 10px 12px
}

.tranfer-text p a {
    text-decoration: underline
}

.transfer-w .game__text-control {
    margin-top: 0
}

.transfer-w .game__text-control>ul {
    width: 100%
}

.transfer-w button.select-images .ui-multiselect-arrow {
    border-color: #7e8492 transparent transparent transparent
}

.transfer-w .table tr.disable td {
    position: relative
}

.transfer-w .table tr.disable td:after {
    position: absolute;
    z-index: 999;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(84, 92, 111, .7)
}

.transfer-w .table tr.disable td .transfer-bid.form-control-inline .form-btn {
    position: relative;
    z-index: 1000
}

.table tr.border td:first-of-type,
div.border,
li.border {
    position: relative
}

.table tr.border td:first-of-type:after,
div.border:after,
li.border:after {
    width: 5px;
    background-color: #30a3f4;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: inline-block
}

div.border:after {
    left: -5px
}

.table tr.border.green td:first-of-type:after,
li.border.green:after {
    background-color: #7fe365
}

.table tr.border.yellow td:first-of-type:after,
li.border.yellow:after {
    background-color: #ede750
}

.transfer-w .table tr th,
.transfer-w .table tr td {
    padding: 5px 8px
}

.transfer-w .table tr th {
    font-weight: 400
}

.transfer-w .table tr:hover td {
    background-color: #7e8492!important
}

.transfer-w .table tr:hover .ava__universal.md {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -ms-transform: scale(1.4)
}

.transfer-w .table tr td .b-name {
    line-height: 15px
}

.transfer-w .table tr td .b-name .bold {
    display: block
}

.transfer-w .table .c100 {
    display: inline-block
}

.transfer-bid.form-control-inline .form-field {
    width: 80px;
    padding: 5px 9px;
    background-color: #545C6F;
    color: #fff
}

.disable .transfer-bid.form-control-inline .form-field {
    background-color: transparent
}

.transfer-bid.form-control-inline input.form-field {
    border-color: #30a3f4;
    border-width: 1px 0 1px 1px
}

.transfer-bid.form-controls {
    font-size: 0;
    line-height: 0
}

.transfer-bid.form-controls .b-input__result {
    font-size: 13px;
    line-height: 24px
}

.transfer-bid.form-controls .b-input__result {
    min-width: 250px;
    border: 0
}

.dark-t .b-input__result {
    background-color: #2f3544
}

.dark-t .b-input__result>ul>li>a {
    color: #fff
}

.dark-t .b-input__result>ul>li>a:hover {
    background-color: #30a3f4
}

.transfer-bid.form-control-inline .form-btn {
    padding: 3px 6px;
    line-height: 22px
}

.transfer-bid.form-control-inline .form-btn:not(.transparent) {
    border: 1px solid #30a3f4;
    border-width: 1px 1px 1px 0;
    background-color: #7e8492
}

.transfer-bid.form-control-inline .form-btn.disable {
    border: 1px solid #7e8492
}

.transfer-bid.form-control-inline .form-btn:not(.transparent):not(.disable):hover {
    background-color: #30a3f4
}

.transfer-w button.select .ui-multiselect-inner {
    height: auto
}

.tactic-control-paid-board button.select-images .ui-multiselect-inner,
.transfer-w button.select-images .ui-multiselect-inner {
    padding-bottom: 8px;
    padding-top: 8px;
    border: 1px solid #7e8492
}

.transfer-w button.select-images .ui-multiselect-arrow {
    margin-top: -3px
}

.transfer-w button.select-images .ui-multiselect-inner img {
    vertical-align: middle
}

.transfer-w .styled-select select {
    margin-bottom: 0
}

.transfer-w>.inner {
    padding: 10px 12px;
    border-bottom: 1px solid #545c6f;
    background-color: #252932
}

.transfer-w>.inner .pull-right .btn-md {
    margin-top: 2px
}

.transfer-w .game__text-control .item-b {
    padding-left: 13px;
    padding-right: 13px;
    height: 50px
}

.transfer-w .game__text-control .item-b .btn-md {
    vertical-align: middle
}

.transfer-w ul.list-inline>li {
    line-height: 1
}

.transfer-page .ui-multiselect-menu {
    min-width: 94px
}

.table-transfer-w {
    width: 939px;
    margin: 0 auto;
    position: relative
}

iframe#table-transfer-w {
    margin-left: -20px
}

img[src=''] {
    display: none
}

.bid-price {
    min-width: 60px
}

.bid-price-icon {
    padding-top: 8px
}

.transfer-date {
    width: 79px
}

.transfer-team {
    width: 184px
}

.transfer-player {
    width: 165px
}

.transfer-age {
    width: 52px
}

.transfer-birthday {
    width: 36px
}

.transfer-levels {
    width: 73px;
    margin-left: -1px
}

.transfer-levels .w-level {
    margin-left: 5px
}

.b-col__left-command .b-settings {
    margin-right: 3px
}

.transfer-bids {
    width: 42px
}

.transfer-price {
    width: 67px
}

.transfer-bid-price {
    width: 116px
}

.transfer-bid-price>.w-clear {
    width: 100px
}

.transfer-make-bid {
    width: 140px;
    white-space: nowrap
}

#orderSelect {
    min-width: 110px
}

#PlayerType + button {
    min-width: 100px
}

#PlayerType + button>span {
    min-height: 37px
}

.form-control-inline .form-item {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.transfer-bid.form-control-inline .form-item.white {
    width: 80px;
    padding: 5px 9px;
    background-color: transparent;
    color: #fff;
    border-color: #7e8492;
    border-bottom: 1px solid #7e8492!important
}

.tooltip-grey-w {
    position: relative
}

.tooltip-grey {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    background-color: #545c6f;
    padding: 12px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .6);
    border-radius: 3px;
    line-height: 18px;
    z-index: 9999;
    color: #fff;
    font-size: 13px;
    display: none
}

.tooltip-grey:not(.tooltip-vertical) {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    white-space: nowrap;
    padding: 4px 12px
}

.tooltip-grey:after {
    content: "";
    display: inline-block;
    position: absolute
}

.tooltip-grey:not(.tooltip-vertical):after {
    border-bottom: 6px solid #545c6f;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 50%;
    margin-left: -5px;
    top: -6px
}

.tooltip-left {
    top: 50%;
    right: calc(100% + 6px);
    left: auto;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important
}

.tooltip-left:after {
    border-left: 6px solid #545c6f!important;
    border-top: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    border-right: 0!important;
    right: -6px!important;
    left: auto!important;
    margin-top: -6px!important;
    top: 50%!important;
    margin-left: 0!important
}

.tooltip-grey-w:hover .tooltip-grey {
    display: inline-block
}

.overflow-visible {
    overflow: visible
}

.relative__b {
    position: relative
}

.tooltip-vertical {
    top: 50%;
    left: calc(100% + 6px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 355px;
    text-align: left;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    white-space: normal
}

.tooltip-vertical:after {
    border-right: 6px solid #545c6f;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: -6px;
    margin-top: -6px;
    top: 50%
}

.add__transfer-w {
    width: 500px;
    padding: 20px;
    height: 586px
}

.add__transfer-w .player__main__user-info {
    padding-bottom: 11px;
    padding-top: 11px
}

.add__transfer-w .player__main__user-name {
    margin-bottom: 4px
}

.add__transfer-w .player__main-stats__list {
    padding: 5px 20px 25px;
    background: #545c6f url(../img/bg-add_transfer.png) no-repeat right bottom scroll
}

.add__transfer-w .player__main-stats__list li + li {
    border-top: 1px solid #7b818f
}

.add__transfer-form {
    background-color: #fff;
    padding: 30px 20px 20px;
    margin-top: 20px
}

.add__transfer-form label {
    font-family: robotobold;
    margin-bottom: 5px;
    display: inline-block
}

.add__transfer-form .styled-select select {
    height: 40px
}

.add__transfer-form .styled-select select {
    background: #eceff4 url(../img/select-arrow-white.png) top 18px right 10px no-repeat
}

.add__transfer-w .player__main__user-flag {
    padding-top: 13px
}

.add__transfer-w .btn-md.like-select {
    color: #fff;
    padding-right: 24px
}

.add__transfer-w .btn-border-gray.like-select:hover {
    background: #cbccd0 url(../img/select-arrow-white.png) top 12px right 10px no-repeat;
    color: #545c6f
}

.add__transfer-table-w {
    background-color: #2f3544;
    border: 1px solid #7e8492;
    color: #fff;
    max-width: 458px
}

.add__transfer-table-w .table td {
    padding: 4px 8px 5px;
    font-size: 12px
}

.add__transfer-table-w .table td.fc__logo-flag-w {
    padding-left: 20px
}

.add__transfer-table-w .table tr:hover {
    background-color: #7e8492;
    cursor: pointer
}

.add__transfer-table-w .table tr:hover .ava__universal {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -ms-transform: scale(1.4)
}

.add__transfer-table-w .table tr:hover .b-ava .img-head {
    top: -1px
}

.add__transfer-table-w .table tr {
    height: 44px!important
}

.add__transfer-table-w .table tr + tr {
    border-top: 1px solid #7e8492
}

.add__transfer-table-w .table td .w-level {
    background-color: #000
}

.add__transfer-table-w .scrollpane {
    max-height: 546px;
    min-height: 546px
}

.add__transfer-table-w .scrollpane .jspVerticalBar {
    width: 14px
}

.add__transfer-w.table-visible .player__main,
.add__transfer-w .add__transfer-table-w {
    display: none
}

.add__transfer-w.table-visible .add__transfer-table-w,
.add__transfer-w.player__main {
    display: block
}

.navigation {
    position: relative;
    z-index: 1000
}

.navigation-list .dropdown-menu li + li:not(.split) {
    border-top: 1px solid #7e8492
}

.navigation-list>li.active img,
.navigation-list>li .active-img,
.navigation-list>li.active:hover .active-img {
    display: none
}

.navigation-list>li.active .active-img,
.navigation-list>li.active:hover img:not(.active-img) {
    display: inline-block
}

.dropdown-menu-w {
    position: relative
}

@media(min-width:768px) {
    .dropdown-menu-w:hover>.dropdown-menu {
        display: block
    }
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    z-index: 2;
    width: 100%
}

@media(min-width:768px) {
    .dropdown-menu {
        min-width: 270px;
        width: auto;
        padding: 0 20px 10px;
        margin: 0 -20px -10px
    }
}

.dropdown-menu .inner {
    padding: 0;
    background-color: #545c6f;
    box-shadow: 0 6px 4px 4px rgba(0, 0, 0, .4)
}

.dropdown-menu.right {
    right: 0;
    min-width: 159px
}

.dropdown-menu-sm {
    min-width: 164px
}

.dropdown-menu-w.left:not(.split) .dropdown-menu {
    left: 100%;
    top: 0;
    padding: 10px 20px;
    margin: -10px -20px
}

.dropdown-menu-w.left:not(.split) .dropdown-menu .inner {
    box-shadow: 5px 9px 8px 1px rgba(0, 0, 0, .5), 0 -6px 6px 0 rgba(0, 0, 0, .4)
}

.dropdown-menu li {
    padding: 0
}

.dropdown-menu li a {
    color: #fff;
    display: block;
    font-family: robotobold;
    font-size: 13px;
    padding: 9px 20px;
    background-color: #545c6f
}

.dropdown-menu li:hover a,
.dropdown-menu li .dropdown-menu li a:hover {
    background-color: #7e8492;
    text-decoration: none
}

.dropdown-menu li .dropdown-menu li a {
    background-color: #2f3544;
    border-color: #545c6f
}

@media(min-width:768px) {
    .dropdown-menu-w.left:not(.split)>a {
        background-image: url(../img/icons/chevron-right-xs.png);
        background-attachment: scroll;
        background-position: right 10px center;
        background-repeat: no-repeat
    }
    .dropdown-menu.split-w {
        min-width: 460px;
        left: 50%;
        margin-left: -230px
    }
    .dropdown-menu.split-w>.inner>li {
        width: 50%;
        float: left
    }
    .dropdown-menu.split-w>.inner>li + li {
        position: relative
    }
    .dropdown-menu.split-w>.inner>li + li:after {
        position: absolute;
        content: "";
        display: block;
        width: 1px;
        height: 18px;
        left: 0;
        top: 13px;
        background-color: #7e8492
    }
    .dropdown-menu.split-w>.inner:after {
        content: "";
        display: table;
        clear: both
    }
    .dropdown-menu.split-w:hover>.inner {
        box-shadow: none;
        background-color: transparent
    }
    .dropdown-menu-w.split>a {
        background-image: url(../img/icons/chevron-bottom-xs.png);
        background-attachment: scroll;
        background-position: right 10px center;
        background-repeat: no-repeat
    }
    .dropdown-menu-w.split .dropdown-menu {
        min-width: 250px
    }
    .dropdown-menu-w.split:hover + .dropdown-menu-w.split {
        display: none!important;
        background-color: transparent
    }
}

.doctor-w {
    width: 570px;
    padding: 20px;
    height: auto
}

.doctor-w .player__main__user-flag {
    padding-top: 10px
}

.doctor-w .table td,
.doctor-w .table th,
.colored__tr th,
.colored__tr td {
    padding: 5px
}

.colored__tr th,
.colored__tr td {
    padding-left: 0;
    padding-right: 0
}

.doctor-w .table.doctor-table tr:hover,
.colored__tr tr:hover {
    cursor: pointer
}

.doctor-w .table.doctor-table .colored .inner,
.colored__tr .colored .inner {
    background: #32a4f4;
    background: -moz-linear-gradient(left, #32a4f4 0%, #bce1fb 100%);
    background: -webkit-linear-gradient(left, #32a4f4 0%, #bce1fb 100%);
    background: linear-gradient(to right, #32a4f4 0%, #bce1fb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#32a4f4', endColorstr='#bce1fb', GradientType=1)
}

.doctor-w .table .colored .inner + td,
.colored__tr .colored .inner + td {
    background: -moz-linear-gradient(left, rgba(188, 225, 251, 1) 0%, rgba(255, 255, 255, 0) 58%);
    background: -webkit-linear-gradient(left, rgba(188, 225, 251, 1) 0%, rgba(255, 255, 255, 0) 58%);
    background: linear-gradient(to right, rgba(188, 225, 251, 1) 0%, rgba(255, 255, 255, 0) 58%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bce1fb', endColorstr='#00ffffff', GradientType=1)
}

.doctor-w .table.doctor-table tr:hover td,
.colored__tr tr:hover td {
    background-color: #eceff4
}

.doctor-w .table.doctor-table .colored:hover td,
.colored__tr .colored:hover td {
    background-color: #fff
}

.doctor-w .table th {
    background-color: #545c6f;
    font-weight: 400
}

.doctor-w .player__main-stats__list .table th {
    background-color: #2f3544
}

.doctor-w .player__main-stats__list {
    padding-bottom: 25px;
    background-color: #545c6f
}

.doctor-w .under__b {
    padding-top: 25px;
    background-color: #fff;
    margin-top: 20px
}

.doctor-w .player__main__user-info {
    padding-top: 9px
}

.doctor-w .radio-styled label .input-copy,
.doctor-w .radio-styled label {
    margin: 0
}

.font-70 {
    line-height: 13px;
    font-size: 10px
}

.font-80 {
    line-height: 14px;
    font-size: 12px
}

.font-80-18,
.font-80-18 select {
    font-size: 12px;
    line-height: 18px
}

.font-13-18 {
    line-height: 18px;
    font-size: 13px
}

.font-24-18 {
    line-height: 18px;
    font-size: 24px
}

.font-90 {
    line-height: 15px;
    font-size: 13px
}

.font-95 {
    line-height: 18px;
    font-size: 14px
}

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

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-16,
.font-16 li {
    font-size: 16px!important
}

.font-md {
    font-size: 16px
}

.font-main {
    font-size: 16px;
    line-height: 24px
}

.font-lg {
    font-size: 18px
}

.line-height-15 {
    line-height: 15px
}

.line-height-18 {
    line-height: 18px
}

.line-height-18-imp {
    line-height: 18px!important
}

.line-height-26 {
    line-height: 26px
}

.line-height-28 {
    line-height: 26px
}

.line-33 {
    line-height: 33px
}

.line-30 {
    line-height: 30px
}

.line-height-36 {
    line-height: 36px
}

.line-height-38 {
    line-height: 38px
}

.line-height-40 {
    line-height: 40px
}

.font-upper {
    text-transform: uppercase
}

.font-regular {
    font-family: 'robotoregular'
}

.font-italic {
    font-family: robotolight_italic
}

.font-italic-bold {
    font-family: robotolight_italic!important;
    font-weight: 700
}

.font-italic-regular {
    font-family: "robotoregular", tahoma, sans-serif;
    font-style: italic
}

.grey-colored-bg {
    background-color: #545c6f
}

.grey__light-colored-bg {
    background-color: #eceff4
}

.grey__colored-text {
    color: #545c6f
}

.player__w .w-level {
    background-color: #000
}

.bg-light,
.bg-dark-light {
    background-color: #fff
}

.bg-light-4 {
    background-color: #c4cfd8
}

.bg-light-3 {
    background-color: #f4f6fa
}

.bg-dark-lighter,
.bg-light-2 {
    background-color: #eceff4
}

.bg-dark-lighter-1,
.bg-light-1 {
    background-color: #dadfe8
}

.bg-dark-1 {
    background-color: #252932
}

.bg-dark-2 {
    background-color: #545c6f!important
}

.bg-dark-3,
.c100-bg-dark-3.c100:after {
    background-color: #2f3544!important
}

.bg-dark-3-80 {
    background-color: rgba(47, 53, 58, .8)
}

.bg-dark-3-70 {
    background-color: rgba(47, 53, 58, .7)
}

.bg-dark-3-50 {
    background-color: rgba(47, 53, 58, .5)
}

.bg-dark-4 {
    background-color: #8d98b2!important
}

.bg-dark-5 {
    background-color: #41495a!important
}

.bg-dark-4-gradient-hor {
    background: #8d98b2;
    background: -moz-linear-gradient(left, #8d98b2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #8d98b2 0%, #ffffff 100%);
    background: linear-gradient(to right, #8d98b2 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8d98b2', endColorstr='#ffffff', GradientType=1);
    color: #fff
}

.bg-dark-4-gradient-hor-transparent {
    background: #8d98b2;
    background: -moz-linear-gradient(left, #8d98b2 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #8d98b2 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #8d98b2 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8d98b2', endColorstr='rgba(255,255,255,0)', GradientType=1);
    color: #fff
}

.bg-dark-4-gradient-hor-transparent-80 {
    background: #8d98b2;
    background: -moz-linear-gradient(left, #8d98b2 0%, rgba(255, 255, 255, .8) 100%);
    background: -webkit-linear-gradient(left, #8d98b2 0%, rgba(255, 255, 255, .8) 100%);
    background: linear-gradient(to right, #8d98b2 0%, rgba(255, 255, 255, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8d98b2', endColorstr='rgba(255,255,255,0.8)', GradientType=1);
    color: #fff
}

.bg-blue-gradient-hor-transparent {
    background: #30a3f4;
    background: -moz-linear-gradient(left, #30a3f4 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #30a3f4 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #30a3f4 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30a3f4', endColorstr='rgba(255,255,255,0)', GradientType=1);
    color: #fff
}

.bg-dark-5-gradient-hor {
    background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(83, 91, 110, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(83, 91, 110, 1) 100%);
    background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(83, 91, 110, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#535b6e', GradientType=1)
}

.bg-dark-5-gradient-hor.arrow-right {
    position: relative
}

.bg-dark-5-gradient-hor.arrow-right:after {
    position: absolute;
    content: "";
    right: -20px;
    top: 0;
    border-left: 20px solid #535b6d;
    border-bottom: 22px solid transparent;
    border-top: 22px solid transparent
}

.bg-dark-transparent {
    background-color: rgba(0, 0, 0, .5)
}

.bg-dark-transparent tr:nth-child(even) td {
    background-color: rgba(236, 239, 244, .2)
}

.bg-dark-transparent tr:hover td {
    background-color: rgba(0, 0, 0, .4)
}

.bg-white {
    background-color: #fff
}

.bg-white-0_8 {
    background-color: rgba(255, 255, 255, .8)
}

.bg-white-0_7 {
    background-color: rgba(255, 255, 255, .7)
}

.bg-white-0_6 {
    background-color: rgba(255, 255, 255, .6)
}

.bg-colored-link {
    background-color: #30a3f4
}

.light-t .table.table-stripped tr td {
    background-color: #fff
}

.light-t .table.table-stripped tr:nth-child(even) td {
    background-color: #eceff4
}

.light-t .table.table-stripped.td-semi-transparent tr:nth-child(even) td {
    background-color: rgba(236, 239, 244, .4)
}

.light-t .table.table-stripped.td-semi-transparent tr:nth-child(odd) td {
    background-color: rgba(255, 255, 255, .4)
}

.light-t .table.table-stripped tr:hover td {
    background-color: #dadfe8;
    cursor: pointer
}

.table.table-stripped-transparent-dark tr:nth-child(even) td {
    background-color: #404759
}

.dark-t .table.table-stripped tr:hover td {
    background-color: #7e8492;
    cursor: pointer
}

.dark-t .table.table-stripped tr:hover .ava__universal {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.dark-t .table.table-stripped.hover-default tr:not(.hover-pointer):hover td,
.light-t .table.table-stripped.hover-default tr:not(.hover-pointer):hover td {
    cursor: default
}

.place-page .btn-md {
    min-width: 110px
}

.place-page .btn-rect:hover {
    cursor: default
}

.place_table-page .light-t .c100>span {
    color: #333
}

.place_table-page .w-level,
.league_tours-table .w-level {
    width: 53px
}

.place_table-page .dark-t .c100>span {
    color: #fff
}

.place_table-page .dark-t .table.table-stripped tr:hover td,
.place_table-page .light-t .table.table-stripped tr:hover td {
    cursor: default
}

.place_table-page .fc__logo-flag {
    width: 190px
}

.place_table-page .scrollpane .jspVerticalBar {
    width: 14px
}

.place_table-page .table tr.border td:first-of-type:after,
.place_table-page li.border:after {
    width: 8px
}

.mg-1 {
    margin: 0 5px
}

.mg-2 {
    margin: 0 10px
}

.mg-3 {
    margin: 0 15px
}

.mg-4 {
    margin: 0 20px
}

.ml-1 {
    margin-left: 5px
}

.ml-2 {
    margin-left: 10px
}

.ml-3 {
    margin-left: 15px
}

.ml-4 {
    margin-left: 20px
}

.ml-4-inner>* + * {
    margin-left: 20px
}

.ml-5 {
    margin-left: 25px
}

.ml-6 {
    margin-left: 30px
}

.mr-1 {
    margin-right: 5px
}

.mr-2 {
    margin-right: 10px
}

.mr-3 {
    margin-right: 15px
}

.mr-4 {
    margin-right: 20px
}

.mr-60 {
    margin-right: 60px
}

.mr-4-inner>* + * {
    margin-right: 20px
}

.mr-5 {
    margin-right: 25px
}

.mr-6 {
    margin-right: 30px
}

.mb-0 {
    margin-bottom: 0
}

.mb-0-imp {
    margin-bottom: 0!important
}

.mb-ex-4 {
    margin-bottom: 4px
}

.mb-1 {
    margin-bottom: 5px
}

.mb-2 {
    margin-bottom: 10px!important
}

.mb-3 {
    margin-bottom: 15px!important
}

.mb-4 {
    margin-bottom: 20px!important
}

.mb-5 {
    margin-bottom: 25px!important
}

.mb-6 {
    margin-bottom: 30px!important
}

.mt-0 {
    margin-top: 0
}

.mt-0-imp {
    margin-top: 0!important
}

.mt-1 {
    margin-top: 5px
}

.mt-2 {
    margin-top: 10px
}

.mt-3 {
    margin-top: 15px
}

.mt-4 {
    margin-top: 20px
}

.mt-5 {
    margin-top: 25px
}

.mt-6 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mv-1 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mv-2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mv-3 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mv-4 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mv-5 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mt-minus-1 {
    margin-top: -5px
}

.mt-minus-2 {
    margin-top: -10px
}

.mt-minus-3 {
    margin-top: -15px
}

.mt-minus-4 {
    margin-top: -20px
}

.mt-minus-5 {
    margin-top: -25px
}

.mt-minus-6 {
    margin-top: -6px
}

[class*="ms-"] + .ms-2 {
    margin-left: 10px
}

[class*="ms-"] + .ms-3 {
    margin-left: 15px
}

.p-0 {
    padding: 0!important
}

.pv-1 {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

.pv-2 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.pv-2-inner>* {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.pv-3 {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

.pv-4 {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

.pv-5 {
    padding-top: 25px!important;
    padding-bottom: 25px!important
}

.pv-6 {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

.pg-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.pg-1 {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.pg-2 {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.pg-3 {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.pg-4 {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.pg-5 {
    padding-left: 25px!important;
    padding-right: 25px!important
}

.pg-6 {
    padding-left: 30px!important;
    padding-right: 30px!important
}

.pb-1 {
    padding-bottom: 5px
}

.pb-2 {
    padding-bottom: 10px
}

.pb-3 {
    padding-bottom: 15px
}

.pb-4 {
    padding-bottom: 20px
}

.pl-0 {
    padding-left: 0!important
}

.pl-1 {
    padding-left: 5px!important
}

.pl-2 {
    padding-left: 10px!important
}

.pl-3 {
    padding-left: 15px!important
}

.pl-4 {
    padding-left: 20px!important
}

.pl-4 {
    padding-left: 25px!important
}

.pl-40 {
    padding-left: 40px!important
}

.pl-60 {
    padding-left: 60px!important
}

.pl-100 {
    padding-left: 100px!important
}

.pr-2 {
    padding-right: 10px
}

.pr-3 {
    padding-right: 15px
}

.pr-4 {
    padding-right: 20px
}

.pr-5 {
    padding-right: 25px
}

.pr-6 {
    padding-right: 30px
}

.pr-7 {
    padding-right: 35px
}

.pt-3 {
    padding-top: 15px
}

.pt-1 {
    padding-top: 5px
}

.pt-2 {
    padding-top: 10px
}

.pt-3 {
    padding-top: 15px
}

.pt-4 {
    padding-top: 20px
}

.pt-6 {
    padding-top: 30px
}

.pt-7 {
    padding-top: 35px
}

.pt-8 {
    padding-top: 40px
}

.pv-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.pt-s-2 {
    padding-top: 2px
}

.pt-s-4 {
    padding-top: 4px
}

.pt-s-8 {
    padding-top: 8px
}

.panel-b + .panel-b {
    margin-top: 48px
}

.slider__b {
    width: 200px
}

.table-default.md td,
.table-default.md th {
    padding: 5px 8px
}

.table-default.md th,
.th-like,
.th-like li {
    white-space: nowrap
}

.th-like.space-normal li {
    white-space: normal
}

.th-like-origin th {
    font-size: 12px
}

.table-in-frame,
ul.unstyled.table-in-frame {
    width: 939px;
    margin: 0 auto;
    position: relative
}

.th-like {
    font-weight: 700;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 939px
}

.th-like-no__width {
    width: 100%
}

.th-like li {
    padding: 5px 8px;
    text-align: center;
    font-size: 13px;
    line-height: 18px!important
}

.th-like li,
ul.th-like.unstyled li {
    padding: 5px 8px
}

.th-like.text-left li,
.th-like li.text-left {
    text-align: left
}

.th-like-md li {
    padding: 8px!important
}

.th-like-15 li:first-of-ftype {
    padding-left: 15px!important
}

.th-like-15 li:last-of-ftype {
    padding-right: 15px!important
}

.th-like-xs li {
    padding: 2px 8px!important
}

.place_table-page .th-like {
    left: 20px;
    white-space: nowrap
}

.text-shadow {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.text-shadow-more {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .6)
}

.text-regular {
    font-family: robotoregular
}

.text-uppercase {
    text-transform: uppercase
}

.tour__bonus-w {
    width: 478px;
    padding: 29px;
    min-height: 480px;
    position: relative;
    background: url(../img/bg-tour-bonus.jpg) scroll no-repeat left top
}

.tour__bonus-w>span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.bonus__item {
    font-size: 13px;
    line-height: 24px
}

.bonus__item + .bonus__item {
    margin-top: 20px
}

.bonus__item .header-text,
.bonus__item ul li a {
    padding-top: 3px;
    padding-bottom: 3px
}

.bonus__item ul li a {
    display: block;
    background-color: #fff;
    color: #333;
    text-decoration: none
}

.bonus__item ul li a:hover {
    background-color: #dadfe8;
    cursor: default
}

.bonus__item ul li a>.vertical-middle:first-of-type {
    min-width: 280px
}

.bonus__item ul li + li {
    border-top: 1px solid #7e8492
}

.bonus__item .secondary-text {
    color: #545c6f;
    font-size: 12px;
    line-height: 16px
}

.table-xs td {
    padding: 2px 8px
}

.table-xsm td,
.table-xsm th {
    padding: 3px
}

.table-sm td,
.table-sm th {
    padding: 4px
}

.table-xmd td,
.table-xmd th {
    padding: 6px 15px
}

.table-sm-ver td,
.table-sm-ver th {
    padding: 4px 8px
}

.table-sm-md-g td,
.table-sm-md-g th {
    padding: 4px 10px
}

.table-md td,
.table-md th {
    padding: 8px
}

.table-lg td,
.table-lg th {
    padding: 13px
}

.table-lg-t td,
.table-lg-t th {
    padding: 13px 8px
}

.table-md-th th {
    padding: 8px
}

.table-lg-th th {
    padding: 13px
}

.table-md td.pv-2 {
    padding-bottom: 10px!important;
    padding-top: 10px!important
}

.table-td-30 td {
    height: 30px
}

.table-td-52 td {
    height: 52px
}

.table-pg-2 td:first-of-type {
    padding-left: 10px
}

.table-pg-2 td:last-of-type {
    padding-right: 10px
}

.table-pg-3 td:first-of-type {
    padding-left: 15px
}

.table-pg-3 td:last-of-type {
    padding-right: 15px
}

.table-pg-4 td:first-of-type {
    padding-left: 20px
}

.table-pg-4 td:last-of-type {
    padding-right: 20px
}

.table-td-36 {
    height: 36px
}

.bg-dark-2 .border-top td {
    border-top: 1px solid #464c5b;
    border-bottom: 0
}

.bg-dark-2 .border-top td.colored + td.colored {
    border-left: 1px solid #545c6f
}

.nowrap-s {
    white-space: nowrap
}

.nowrap-normal {
    white-space: normal
}

.inline-margin + .inline-margin {
    margin-left: 5px
}

.league-tours-page .inner .btn-md {
    min-width: 122px
}

.league_tours-table-w {
    min-width: 0;
    background: #fff;
    overflow: hidden
}

.league_tours-table-w .th-like li {
    padding: 8px!important
}

.league_tours-table-w td.commands {
    padding-left: 20px;
    width: 300px
}

.league_tours-table-w tr:nth-child(odd) td {
    background-color: #eceff4
}

.league_tours-table-w .command-item-w {
    min-width: 180px
}

.league_tours-table-w .date {
    font-family: robotoregular
}

.league_tours-table tr:hover td {
    background-color: #dadfe8
}

.score {
    box-shadow: 0 2px 0 #2f3544;
    border-radius: 2px;
    font-size: 15px;
    line-height: 23px;
    width: 52px;
    text-align: center
}

.score-md {
    line-height: 28px;
    font-size: 18px
}

.score-time-w {
    text-align: center;
    margin-left: 7px
}

.score-time-w .score,
.score-time-w .score-time {
    display: inline-block;
    vertical-align: middle
}

.score-time-w .score {
    position: relative;
    z-index: 1
}

.score-time-w .score-time {
    position: relative;
    left: -5px;
    top: 4px;
    font-size: 13px;
    z-index: 0;
    padding: 0 8px 0 9px;
    line-height: 24px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    min-width: 59px
}

.frame__page-unstyled {
    min-width: 0;
    background: #fff
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.team__name-width {
    min-width: 155px
}

.calendar__item {
    position: relative
}

.calendar__item:after {
    content: "";
    display: table;
    position: absolute;
    top: 50%;
    left: 670px;
    width: 15px;
    height: 1px;
    margin-top: -6px;
    background-color: #a9adb7
}

.calendar__item-played:after {
    background-color: #30a3f4
}

.calendar__item:nth-child(even) {
    background-color: #eceff4
}

.calendar__item:hover {
    background-color: #dadfe8
}

.calendar__item-round__two .calendar__round-first .calendar__team:last-of-type,
.calendar__item-round__two .calendar__round-second .calendar__team:first-of-type {
    border-right: 1px solid #a9adb7
}

.calendar__item-round__two .calendar__round-first .calendar__team:last-of-type,
.calendar__item .calendar__round:nth-child(1) .calendar__team:last-of-type {
    padding-bottom: 8px;
    border-top: 1px solid #a9adb7
}

.calendar__item-round__two .calendar__round-second .calendar__team:first-of-type,
.calendar__item .calendar__round:nth-child(2) .calendar__team:first-of-type {
    padding-top: 8px;
    border-bottom: 1px solid #a9adb7
}

.calendar__item-round__two .calendar__round-played.calendar__round-first .calendar__team:last-of-type,
.calendar__item-round__two .calendar__round-played.calendar__round-second .calendar__team:first-of-type {
    border-right-color: #30a3f4
}

.calendar__item .calendar__round-played:nth-child(1) .calendar__team:last-of-type {
    border-top-color: #30a3f4
}

.calendar__item .calendar__round-played:nth-child(2) .calendar__team:first-of-type,
.calendar__item .calendar__round-played.calendar__round-second .calendar__team:first-of-type {
    border-bottom-color: #30a3f4
}

.calendar__team {
    max-width: 660px
}

.calendar__round .border.inner:after {
    border-bottom: 1px solid #30a3f4
}

.calendar__winner {
    background: url(../img/bg-calendar__winner.jpg) scroll left top no-repeat;
    border-radius: 3px;
    min-height: 80px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -46px;
    width: 235px;
    padding: 22px
}

.calendar__winner:after {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 11px solid #30a3f4;
    border-bottom: 10px solid transparent
}

.calendar__item-round__two:after {
    margin-top: 3px
}

.calendar__item-round__two .calendar__winner {
    margin-top: -37px
}

.calendar__item .level-with-icon .w-level {
    min-width: 52px
}

.chevron-w {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 100%;
    height: 44px;
    z-index: 10
}

.chevron {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 44px;
    margin-top: -22px;
    background-attachment: scroll;
    background-position: left top;
    background-repeat: no-repeat;
    transition: none
}

.chevron:hover {
    background-position: left bottom
}

.chevron-left {
    left: -40px;
    background-image: url(../img/chevron-left.png)
}

.chevron-right {
    right: -40px;
    background-image: url(../img/chevron-right.png)
}

.page-content {
    padding-top: 20px
}

.tournaments__left {
    width: 559px;
    background-color: #fff;
    padding: 18px 20px
}

.tournaments__right {
    width: 380px;
    background-color: #eceff4
}

.tournaments__btn li + li {
    margin-left: 10px
}

.tournaments__btn .btn-md {
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px
}

.tournaments__info {
    padding: 20px;
    color: #545c6f
}

.tournaments__info ul li {
    padding: 4px 0
}

.tournaments__info ul li + li {
    border-top: 1px solid #c1c6cf
}

.tournaments__info ul li label {
    min-width: 200px
}

.tournaments__frames {
    padding: 20px
}

.tournaments__frames .iframe-styled + .iframe-styled {
    margin-top: 20px
}

.tournaments__description {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    font-family: robotoregular
}

.tournaments__stats {
    color: #30a3f4;
    margin: 14px 0
}

.tournament__table tr:hover td {
    background-color: #dadfe8
}

.tree__level a,
.tree__level label {
    display: block;
    line-height: 30px;
    font-size: 14px;
    font-family: robotoregular
}

.tree__level a {
    color: #545c6f;
    text-decoration: none
}

.tree__level a:hover {
    color: #30a3f4
}

.tree__level a:hover .tree__name {
    text-decoration: underline
}

.tree__level-top + .tree__level-top {
    margin-top: 16px
}

.tree__inner:not(.tree__level) .tree__item {
    padding-left: 11px!important;
    background: url(../img/tree_item-left.png) scroll no-repeat 1px center;
    margin-left: 5px
}

.tree__sublevel {
    display: none;
    position: relative;
    padding-left: 21px;
    background: url(../img/tree_sublevel-bg.png) scroll repeat-y 25px top
}

.tree__sublevel:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 25px;
    bottom: 0;
    width: 1px;
    height: 10px;
    background-color: #fff
}

.tree__inner {
    position: relative
}

.tree__level.tree__inner:last-of-type .tree__sublevel:after,
.tree__inner:not(.tree__level):last-of-type:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 4px;
    bottom: 0;
    width: 1px;
    height: 16px;
    background-color: #fff
}

.tree__item2:hover {
    background-color: #dadfe8!important
}

.tree__item:hover .img-not_active,
.img-active {
    display: none
}

.tree__item:hover .img-active,
.img-not_active {
    display: inline-block
}

.tree__level.tree__inner:last-of-type .tree__sublevel:after {
    height: calc(100% + 10px)
}

.tree__top {
    text-transform: uppercase;
    font-weight: 700
}

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

.open__marker {
    background-attachment: scroll;
    background-position: left top;
    background-image: url(../img/tree-marker.png);
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-right: 5px
}

.tree__level input[type=checkbox]:checked + .open__marker {
    background-position: left bottom
}

.tree__level input[type=checkbox]:checked~.tree__sublevel {
    display: block
}

.tree__level input[type=checkbox]:checked~.tree__name {
    font-weight: 700
}

.tour__item {
    float: left;
    width: 350px;
    margin-right: 20px;
    margin-top: 20px
}

.tour__item-one {
    width: 720px;
    background: url(../img/registration-bg.png) no-repeat scroll right 220px bottom #fff
}

.tour__item-one .tour__stats .item-b {
    background-color: transparent
}

.tour__item:not(.tour__item-one):nth-child(-n+2),
.tour__item-one:first-of-type {
    margin-top: 0
}

.tour__header {
    padding: 5px 10px 5px 15px;
    font-family: robotoregular;
    white-space: nowrap
}

.tour__header>p {
    white-space: normal;
    line-height: 19px
}

.tour__stats {
    background: url(../img/tour__stats.jpg) no-repeat right top scroll;
    position: relative;
    background-size: 220px
}

.tour__stats .item-b {
    background-color: #fff;
    padding: 3px 10px 3px 15px;
    font-family: robotobold;
    width: 210px;
    line-height: 30px
}

.tour__item-one .item-b {
    width: 500px
}

.tour__item-one .tour__btn {
    width: 220px
}

.tour__item-one .tour__btn .btn-md {
    max-width: 130px;
    margin: 0 auto
}

.tour__stats .item-b + .item-b {
    border-top: 1px solid #dadfe8
}

.tour__label {
    width: 151px
}

.tour__value {
    width: 30px;
    text-align: center
}

.tour__btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px
}

.tour__btn .btn-md {
    min-width: 120px;
    display: block
}

.tour__btn .btn-md + .btn-md {
    margin-top: 10px
}

#control__links {
    position: relative
}

.tour__my-control {
    min-height: 125px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-size: cover;
    display: block;
    text-align: center;
    position: relative
}

.tour__my-control:hover {
    text-decoration: none
}

.tour__my-control h3 {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75)
}

.tour__my-control .align-bottom {
    width: 170px;
    height: 125px;
    padding: 0 15px
}

.tour__my-edit {
    background-image: url(../img/tour__my-bg-3.jpg)
}

.tour__my-official {
    background-image: url(../img/tour__my-bg-1.jpg)
}

.tour__my-rating {
    background-image: url(../img/tour__my-bg-2.jpg)
}

.tour__my-reg {
    background-image: url(../img/tour__my-bg-4.jpg)
}

.tour__my-team {
    background-image: url(../img/tour__my-bg-5.jpg)
}

.tour__none {
    padding: 43px 30px;
    float: left;
    width: 510px;
    font-size: 18px;
    color: #fff;
    font-family: robotobold;
    position: relative
}

.tour__none:after {
    position: absolute;
    right: -50px;
    top: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 50px solid #545c6f;
    border-top: 62px solid transparent;
    border-bottom: 63px solid transparent
}

.tour__none-w {
    width: 100%;
    max-width: 100%
}

.tour__none-w .tour__my-official {
    margin-left: 65px
}

.tour__none-w .tour__my-reg {
    right: 0
}

.register__command-page {
    width: 610px;
    font-size: 14px
}

.register__command-bg {
    background-color: #333;
    padding: 25px 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-family: robotoregular;
    background: url(../img/bg-modal-field.jpg) 20% center scroll no-repeat;
    background-size: cover;
    min-height: 460px
}

.register__command-item {
    float: left;
    width: 550px
}

.register__command-item .viewer-item-w ul {
    counter-reset: count;
    position: relative;
    z-index: 1
}

.register__command-item .viewer-item-w ul li.viewer-item {
    padding-left: 46px;
    position: relative
}

.register__command-item .viewer-item-w ul li.viewer-item:after {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    font-weight: 400;
    counter-increment: count;
    content: counter(count) ". "
}

.register__command-item .fc__logo-flag {
    width: 280px
}

.register__command-item .header-text {
    padding: 11px 14px
}

.register__command-item .level-with-icon-lg .w-level,
.level-with-icon .w-level-lg {
    min-width: 58px
}

.regist__no .tournaments__info-w {
    width: 357px
}

.regist__no .tournaments__info {
    font-size: 14px;
    padding: 50px 20px 51px
}

.regist__no-text {
    padding: 50px 30px;
    font-size: 18px;
    line-height: 24px;
    width: 582px
}

.three__inline__item {
    width: 300px;
    margin-right: 20px;
    float: left
}

.three__inline__item .header__text {
    min-width: 209px;
    margin-left: 10px
}

.three__inline__item:not(:nth-child(-n+3)) {
    margin-top: 20px
}

.three__inline__item .tooltip-grey {
    top: calc(100% + 12px)
}

.two__inline__item.regist_on_tour:nth-child(even) {
    margin-left: 23px
}

.two__inline__item {
    width: 458px;
    float: left
}

.two__inline__item:not(:nth-child(-n+2)) {
    margin-top: 10px
}

.regist_on_tour-page {
    margin-top: 10px;
    margin-right: -25px
}

.regist_on_tour .info__b {
    border-top: 1px solid #dadfe8;
    white-space: nowrap
}

.regist_on_tour .info__item {
    min-width: 110px;
    line-height: 20px
}

.regist_on_tour .info__item + .info__item {
    border-left: 1px solid #dadfe8
}

.info__item-reserved {
    min-width: 133px!important
}

.commercial.regist_on_tour-page .bg-white {
    position: relative
}

.commercial.regist_on_tour-page .bg-white .search {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px
}

.commercial.regist_on_tour-page .bg-white .info__item {
    width: 49%;
    min-width: 0!important;
    white-space: nowrap
}

.info__item-w .info__item>.bold {
    display: inline-block;
    width: 195px
}

.info__item-w + .info__item-w {
    border-top: 1px solid #dadfe8
}

.info__b-inner {
    width: 273px
}

.commercial.regist_on_tour-page .bg-dark-lighter {
    position: relative
}

.commercial__bonus {
    background: url(../img/tour__stats-bonus.jpg) no-repeat center top scroll #2f3544;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover
}

.commercial__bonus-header {
    opacity: .8;
    background-color: #252932
}

.commercial__bonus .dark-t {
    background-color: transparent
}

.commercial__bonus ul li {
    line-height: 21px
}

.commercial__bonus ul li + li {
    border-top: 1px solid #545c6f
}

.commercial__bonus ul li .place {
    min-width: 60px
}

.b-input {
    position: relative
}

.input__icon-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 10px;
    z-index: 2
}

.two__inline .item__b {
    width: 446px;
    font-size: 14px;
    line-height: 20px;
    background-color: #2f3544
}

.two__inline .item__b.yellow-bordered {
    background-color: transparent
}

.regist_on_tour {
    font-size: 13px
}

.scrollpane-reg,
.scrollpane-reg .jspContainer {
    max-width: 100%!important
}

.scrollpane-reg .jspPane {
    padding: 0!important
}

.registr__btn-info {
    width: 270px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding-bottom: 15px;
    display: none;
    z-index: 100
}

.registr__btn-info-inner {
    position: relative;
    padding: 15px 20px
}

.registr__btn-info-inner:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: table;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.registr__btn-info label {
    display: block;
    margin-bottom: 5px
}

.registr__btn-info .b-input {
    margin-bottom: 10px
}

.registr__btn-info .b-input>input {
    border-color: #cbccd0;
    border-bottom: 1px solid #cbccd0;
    padding: 4px 12px 5px
}

.registr__btn-info-w:hover .registr__btn-info {
    display: block
}

.regist_on_tour-page .btn__w {
    min-height: 51px
}

.registr__btn-info-w>p {
    line-height: 31px;
    color: #fff
}

.rating__euro-text {
    background: url(../img/bg-register__euro-text.png) scroll #fff no-repeat left top;
    padding: 17px 15px;
    color: #545c6f;
    font-size: 14px;
    line-height: 18px;
    font-family: robotoregular;
    min-height: 70px
}

.rating__euro-table {
    position: relative
}

.rating__euro-table .th-like {
    display: table
}

.rating__euro-table .th-like li {
    display: table-cell;
    white-space: normal;
    font-family: robotoregular;
    text-align: center;
    line-height: 14px;
    padding: 6px 0!important;
    height: 48px
}

.rating__euro-country th {
    background-color: #545c6f;
    color: #fff;
    font-family: robotobold;
    height: 48px;
    text-align: center
}

.rating__euro-country th,
.rating__euro-country td {
    padding: 10px 11px;
    font-size: 13px;
    line-height: 14px!important;
    font-family: robotoregular
}

.rating__euro-country td {
    font-size: 14px;
    line-height: 18px
}

.tabs__rating>li {
    min-height: 678px
}

.tabs__rating-bg .jspPane {
    background: url(../img/bg-register__euro-table.png) no-repeat left bottom scroll #fff
}

.rating__tour-name {
    width: 285px
}

.rating__tour-country {
    width: 160px;
    padding-left: 30px!important
}

.rating__tour-last {
    width: 330px
}

.tabs__rating-third .rating__tour-last {
    width: 290px
}

.tabs__rating-third .rating__tour-place {
    width: 50px
}

.tabs__rating-bg .light-t .table.table-stripped tr:nth-child(even):not(:hover) td {
    background-color: rgba(236, 239, 244, .8)
}

.tabs__rating-bg .light-t .table.table-stripped tr:nth-child(odd):not(:hover) td {
    background-color: rgba(255, 255, 255, .8)
}

.famous__table {
    font-family: robotoregular;
    background: url(../img/bg-famous__table.jpg) no-repeat 70% 100% scroll #fff
}

.famous__table .table.table-stripped tr:nth-child(even):not(:hover) td {
    background-color: rgba(236, 239, 244, .8)
}

.famous__table .table.table-stripped tr:nth-child(odd):not(:hover) td {
    background-color: rgba(255, 255, 255, .8)
}

.famous__table th,
.famous__table .th-like li,
.famous__table td {
    padding: 10px 11px!important
}

.famous__table .last__cell {
    width: 300px
}

.famous__info,
.famous__camp {
    width: 50%
}

.famous__info {
    font-family: robotobold
}

.famous__info label,
.famous__info span {
    display: inline-block
}

.famous__info .unstyled li {
    padding: 5px 0
}

.famous__info li + li {
    border-top: 1px solid #d4d6db
}

.famous__info label {
    width: 370px
}

.famous__info label.lg {
    width: 395px
}

.famous__info li>span {
    width: 56px;
    text-align: right
}

.famous__info li>span.lg {
    width: 31px;
    text-align: center
}

.famous__camp-modal {
    background-image: url(../img/bg-famous-camp.jpg);
    background-position: 1px top
}

.famous__camp-modal th {
    color: #fff
}

.famous__camp-top {
    background-image: url(../img/bg-famous-camp-top.jpg)
}

.famous__camp-top h4 {
    padding-bottom: 16px
}

.corner-top-left-dark {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 10px solid #262932;
    border-right: 10px solid transparent
}

.corner-top-right-dark {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 10px solid #262932;
    border-left: 10px solid transparent
}

.stadium__sectors-places .corner-top-left-dark {
    border-top-color: #283546
}

.stadium__sectors-places .corner-top-right-dark {
    border-top-color: #283546
}

.corner__main {
    position: absolute;
    width: 10px;
    height: 10px
}

.corner-top-left {
    left: 0;
    top: 0
}

.corner-top-right {
    right: 0;
    top: 0
}

.corner-bottom-left {
    left: 0;
    bottom: 0
}

.corner-bottom-right {
    right: 0;
    bottom: 0
}

.corner__cutted-top-right {
    position: relative;
    width: calc(100% - 10px)
}

.corner__cutted-top-right:after {
    position: absolute;
    content: "";
    display: inline-block;
    background-color: #fff;
    height: calc(100% - 10px);
    width: 10px;
    top: 10px;
    right: -10px;
    z-index: -1
}

.corner__cutted-top-right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.bordered {
    border: 1px solid
}

.bordered-top {
    border-top: 1px solid
}

.bordered-no-top {
    border-top: 0
}

.bordered-bottom {
    border-bottom: 1px solid
}

.bordered-454c5e {
    border-color: #454c5e
}

.bordered-545c6f {
    border-color: #545c6f
}

. {
    border-color: #30a3f4
}

.bordered-e4e4e4 {
    border-color: #e4e4e4
}

.bordered-abadb4 {
    border-color: #abadb4
}

.dark-t.bordered-bottom {
    border-color: #545c6f
}

.table-border-darker td.bordered-bottom {
    border-bottom-color: #d9dadd
}

.bordered-dark-2 {
    border: 1px solid #545c6f
}

.bordered-side + .bordered-side {
    border-left: 1px solid
}

.bordered-side + .bordered-side {
    border-color: #eceff4
}

.dark-t .bordered-side + .bordered-side {
    border-color: #545c6f
}

.horn-icon {
    padding-left: 43px;
    background-image: url(../img/icons/horn-sm-white.png);
    background-attachment: scroll;
    background-position: 15px center;
    background-repeat: no-repeat
}

.horn-icon:hover {
    background-image: url(../img/icons/horn-sm-blue.png)
}

.full__height {
    position: relative
}

.full__height:after,
.full__height:before {
    position: absolute;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    z-index: 0
}

.full__height:before {
    left: 0;
    background-color: #fff
}

.full__height:after {
    right: 0;
    background-color: #2f3544
}

.full__height .w-clear {
    position: relative;
    z-index: 1
}

.collapsed-list ul li a {
    background-attachment: scroll;
    background-position: 20px 8px;
    background-repeat: no-repeat
}

.collapsed-list ul li.collapsed-item>h2 a {
    background-image: url(../img/icons/collapsed_list_icon-close.png)
}

.collapsed-list ul li.collapsed-item.collapsed-open>a {
    background-image: url(../img/icons/collapsed_list_icon-open.png)
}

.collapsed-list ul li.collapsed-item>h2 a {
    color: #545c6f
}

.collapsed-list ul li.collapsed-item a {
    line-height: 18px;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 16px
}

.collapsed-list ul li.collapsed-item h2 {
    padding-bottom: 0
}

.collapsed-list ul li.collapsed-item a:hover {
    color: #37a6f4;
    text-decoration: none
}

.collapsed-list ul li.collapsed-item.collapsed-open ul.collapsed-inner {
    max-height: 700px
}

.collapsed-list ul.collapsed-inner {
    max-height: 0;
    overflow: hidden;
    transition: max-height linear .3s
}

.collapsed-list ul.collapsed-inner:after {
    content: "";
    display: block;
    padding-bottom: 28px
}

.collapsed-list ul.collapsed-inner li a {
    font-size: 14px;
    background-position: 45px 10px;
    background-image: url(../img/icons/chevron-right-xs-grey.png)
}

.collapsed-list ul.collapsed-inner li a:hover {
    background-image: url(../img/icons/chevron-right-xs-blue.png);
    background-color: #eceff4
}

.collapsed-list ul.collapsed-inner li.border a {
    background-color: #eceff4;
    font-family: robotobold
}

.collapsed-list ul.collapsed-inner li.border a:hover {
    background-image: url(../img/icons/chevron-right-xs-grey.png);
    cursor: default;
    color: #333
}

.collapsed-list ul.collapsed-inner li>h3 {
    padding-bottom: 0
}

.collapsed-list ul.collapsed-inner li>h3 a {
    color: #333;
    padding-left: 60px;
    padding-right: 60px
}

@media(min-width:768px) {
    .faq-left {
        float: left;
        width: 540px
    }
    .faq-right {
        float: right;
        width: 380px
    }
}

.faq-answer__bg {
    background: url(../img/faq-bg.jpg) scroll left top no-repeat
}

.faq-answer__header {
    font-size: 18px;
    line-height: 24px;
    color: #545c6f;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.faq-answer__header,
.faq-answer__text {
    padding: 20px 25px
}

.faq-answer__text p {
    font-family: robotoregular
}

.faq-answer__text p:last-of-type {
    padding-bottom: 0
}

.faq-search {
    width: 580px
}

.faq-search__header {
    font-size: 18px;
    line-height: 35px;
    padding: 15px 20px
}

.faq-search__item + .faq-search__item {
    margin-top: 20px
}

.round-30 {
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative
}

.round-20 {
    line-height: 17px;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    position: relative
}

.search-question {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/icons/question-sm-white.png)
}

.penalty-info {
    color: #fff;
    background-color: rgba(84, 92, 111, .8);
    margin-bottom: 30px
}

.penalty-bonuses,
.penalty-info__text {
    padding: 20px
}

.penalty-bonuses {
    background-color: rgba(47, 53, 68, .8)
}

.penalty-bonuses ul li {
    margin-top: 12px;
    padding-left: 28px;
    background: url(../img/icons/coins-sm-white.png) scroll left 2px no-repeat
}

.penalty-info__w {
    max-width: 240px
}

.penalty-command__link .b-command__link {
    min-height: 125px
}

.penalty-command__link .b-command__link:hover {
    text-decoration: none
}

.penalty-command__link .b-command__link h3 {
    padding: 0 10px;
    line-height: 1.15;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    font-family: robotoregular
}

.penalty-command__link .b-command__link + .b-command__link {
    margin-top: 28px
}

.penalty-command__link .b-command__link .align-middle {
    width: 240px;
    height: 125px
}

.stadium__sectors-modal {
    background-image: url(../img/bg-stadium-sectors.jpg);
    width: 840px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px
}

.stadium__sectors-top {
    background-image: url(../img/bg-stadium-sectors-top.jpg)
}

.stadium__sectors-places {
    background-image: url(../img/bg-stadium-sectors-places.jpg)
}

.stadium__sectors-places .stadium__sectors-top {
    background-image: url(../img/bg-stadium-sectors-top-places.jpg)
}

.stadium__sectors-top .two__inline .item__b {
    width: 362px
}

.stadium__sectors-tables .table .btn-md {
    min-width: 120px
}

.stadium__sectors-tables .th-like {
    width: 100%
}

.stadium__sectors-tables .th-like li {
    font-size: 12px;
    line-height: 14px!important
}

.stadium__sectors-tables .colored__tr td {
    padding: 5px 18px
}

.money-bg,
.bg-money {
    background: url(../img/bg-money.jpg) left center scroll no-repeat #2f3544
}

.money-your {
    padding: 9px 35px 10px;
    position: relative
}

.money-your:before {
    position: absolute;
    content: "";
    display: table;
    left: -45px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 45px solid #fff;
    border-left: 45px solid transparent
}

.money-your-right:after {
    position: absolute;
    content: "";
    display: table;
    right: -45px;
    top: 0;
    z-index: 10;
    width: 0;
    height: 0;
    border-bottom: 45px solid #fff;
    border-right: 45px solid transparent
}

.money-holded {
    padding: 11px 10px!important;
    font-weight: 400
}

.money-holded li {
    width: 454px;
    border: 1px solid #545c6f;
    padding: 3px 13px!important
}

.money-holded li .name {
    width: 333px;
    font-size: 12px
}

.money-holded li:nth-child(even) {
    margin-left: 10px
}

.money-holded li:nth-child(n+3) {
    margin-top: 10px
}

.money-page {
    overflow: hidden
}

.money-page .th-like li {
    font-size: 14px;
    font-family: robotobold
}

.money-subj {
    width: 415px!important
}

.money-report__desc {
    width: 450px
}

.money-total .money-report__desc {
    padding-right: 25px;
    position: relative
}

.money-total .money-report__desc:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    border-left: 25px solid #535b6d;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent
}

.money-report__percent,
.th-like-md li.money-report__percent {
    padding-left: 18px!important
}

.money-report__percent {
    width: 170px
}

.money-report__total {
    width: 317px
}

.form-control-inline .form-item.form-item-transparent {
    background-color: transparent
}

.form-control-inline .form-item.form-item-sm,
input[type=text].form-item-sm {
    width: 80px;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 18px
}

.form-item.form-item-dark {
    color: #fff;
    border-color: #7e8492;
    background-color: #545c6f
}

.form-item.form-item-dark::-webkit-input-placeholder {
    color: #fff
}

.form-item.form-item-dark:-moz-placeholder {
    color: #fff
}

.form-item.form-item-dark::-moz-placeholder {
    color: #fff
}

.form-item.form-item-dark:-ms-input-placeholder {
    color: #fff
}

input.form-item.form-item-dark:focus {
    background-color: #545c6f
}

.form-date.form-item.form-item-sm {
    width: 110px;
    padding-left: 31px;
    background: url(../img/icons/calendar-sm-white.png) scroll left 9px center no-repeat
}

input.form-item-inline {
    display: inline-block
}

input.form-item-sm {
    padding: 5px 9px;
    font-size: 12px
}

.frame__border-bottom,
.iframe__border-bottom {
    border-bottom: 10px solid #545c6f
}

.frame__border-bottom.bg-dark-2,
.iframe__border-bottom.bg-dark-2 {
    border-bottom: 10px solid #2f3544
}

iframe[src*="//w.uptolike.com/"],
iframe[src^="//w.uptolike.com/"] {
    left: 0!important
}

.money-total .inner {
    padding: 13px 8px
}

.datepicker-styled .ui-widget-header {
    background-color: #2f3544;
    color: #fff;
    font-family: robotobold;
    text-align: center;
    line-height: 40px
}

.datepicker-styled table {
    margin-bottom: 0
}

.datepicker-styled table {
    margin-bottom: 0
}

.datepicker-styled table:not(.table-default) th,
.datepicker-styled table:not(.table-default) td {
    border-color: #646c80;
    text-align: center
}

.datepicker-styled table:not(.table-default) td {
    padding: 0
}

.datepicker-styled table:not(.table-default) tr:hover td {
    background-color: transparent
}

.datepicker-styled .ui-state-default {
    background-image: none;
    color: #fff;
    font-family: robotobold;
    padding: 12px 19px 11px;
    display: block
}

.datepicker-styled .ui-datepicker-today .ui-state-default,
.datepicker-styled .ui-datepicker-today .ui-state-default:hover,
.datepicker-styled .ui-state-default:hover,
.datepicker-styled .ui-datepicker-current-day {
    background-color: #2f3544;
    text-decoration: none
}

.datepicker-styled .ui-datepicker-today .ui-state-default,
.datepicker-styled .ui-datepicker-today .ui-state-default:hover,
.datepicker-styled .ui-state-default:hover,
.datepicker-styled .ui-datepicker-current-day {
    background-color: #2f3544;
    text-decoration: none;
    cursor: default
}

.datepicker-styled .ui-datepicker-today .ui-state-default,
.datepicker-styled .ui-datepicker-today .ui-state-default:hover {
    background-color: #8d98b2
}

.datepicker-styled .ui-state-default:hover {
    cursor: pointer
}

.datepicker-styled .ui-state-disabled:not(.ui-datepicker-other-month) .ui-state-default:hover,
.datepicker-styled .ui-state-disabled:not(.ui-datepicker-other-month) .ui-state-default,
.datepicker-styled .ui-state-disabled:not(.ui-datepicker-other-month) {
    background-color: #646c80!important;
    cursor: default;
    color: #818798
}

.datepicker-styled .ui-datepicker-next,
.datepicker-styled .ui-datepicker-prev {
    position: absolute;
    color: #fff;
    background-color: transparent!important
}

.datepicker-styled .ui-state-disabled:not(.ui-datepicker-other-month).ui-datepicker-next,
.datepicker-styled .ui-state-disabled:not(.ui-datepicker-other-month).ui-datepicker-prev {
    background-color: transparent!important
}

.datepicker-styled .ui-datepicker-next:hover,
.datepicker-styled .ui-datepicker-prev:hover {
    text-decoration: none;
    color: #818798
}

.datepicker-styled .ui-datepicker-next {
    right: 15px
}

.datepicker-styled .ui-datepicker-prev {
    left: 15px
}

.datepicker-styled.ui-datepicker {
    width: auto;
    padding: 0
}

.datepicker-styled.ui-datepicker .ui-datepicker-header {
    padding: 0
}

.datepicker-styled.ui-datepicker .ui-datepicker-title {
    line-height: 40px
}

.datepicker-styled .ui-widget-header {
    border: 0
}

.datepicker-styled.ui-corner-all {
    border-radius: 0
}

.datepicker-styled.ui-datepicker td span,
.datepicker-styled.ui-datepicker td a {
    text-align: center
}

.datepicker-styled .ui-datepicker-next,
.datepicker-styled .ui-datepicker-prev {
    width: auto;
    height: auto;
    border: 0!important;
    top: 0
}

.datepicker-styled .ui-datepicker-next .ui-icon,
.datepicker-styled .ui-datepicker-prev .ui-icon {
    text-indent: 0;
    width: auto;
    height: auto;
    position: static;
    margin: 0
}

input[type=text].date-picker-dark {
    padding-left: 31px;
    background: url(../img/icons/calendar-sm-grey.png) scroll left 9px center no-repeat
}

.bank-page__info {
    background: url(../img/bg-bank.jpg) scroll left bottom no-repeat
}

.bank-conditions-inner {
    float: left;
    width: 50%
}

.bank-conditions-inner ul li {
    padding: 13px 0 14px 20px
}

.scout-conditions-inner ul li {
    padding: 5px 20px;
    min-height: 44px
}

.bank-conditions-inner ul li + li {
    border-top: 1px solid #dadfe8
}

.dark-bg .bank-conditions-inner ul li + li {
    border-top-color: #626b81
}

.bank-conditions-inner ul li>label {
    width: 350px
}

.bank-conditions-inner:first-of-type ul li>label {
    width: 270px
}

.bank-conditions-inner ul li>.like-label {
    width: 360px
}

.bank-conditions-inner:nth-child(odd) {
    border-right: 1px solid #dadfe8
}

.dark-bg .bank-conditions-inner:nth-child(odd) {
    border-right-color: #626b81
}

.bank-total>p {
    width: 500px;
    text-align: right;
    padding-bottom: 0;
    padding-top: 7px
}

.bank-total .form-item {
    width: 110px
}

.messages-bg {
    background: url(../img/bg-messages.jpg) left top scroll no-repeat
}

.message-text {
    width: 560px
}

.messages-page {
    overflow: hidden
}

.messages-page .checkbox-styled label:not([class*="label-"]) {
    margin-right: 0
}

.message-sender {
    width: 160px
}

.border__panel-top + .border__panel-top {
    border-top: 1px solid #e4e4e4
}

.border__panel-top>p,
.border__panel-top>.player__share-w {
    margin-bottom: 20px
}

.inline__item {
    float: left
}

.border__left + .border__left {
    border-left: 1px solid #e4e4e4
}

.profile-game .inline__item {
    width: 35%
}

.profile-game .inline__item:first-of-type {
    width: 30%
}

.profile-update .scrollpane.jspScrollable .jspPane,
.game-schedule.scrollpane.jspScrollable .jspPane {
    min-width: 939px
}

input.form-control-md {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px
}

.profile-update .profile-shirt img {
    margin-left: 3px
}

.profile-bg-list img {
    min-height: 96px
}

.col-4,
.col-6 {
    width: 100%
}

@media(min-width:768px) {
    .col-1 {
        width: 8.33333333%
    }
    .col-2 {
        width: 16.66666667%
    }
    .col-3 {
        width: 25%
    }
    .col-4 {
        width: 33.33333333%
    }
    .col-5 {
        width: 41.66666667%
    }
    .col-6 {
        width: 50%
    }
    .col-7 {
        width: 58.33333333%
    }
    .col-8 {
        width: 66.66666667%
    }
    .col-9 {
        width: 75%
    }
    .col-10 {
        width: 83.33333333%
    }
    .col-11 {
        width: 91.66666667%
    }
    .col-12 {
        width: 100%
    }
    .vertical-middle + .vertical-middle>.col-1,
    .vertical-middle + .vertical-middle.col-1 {
        width: calc(8.33333333% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-2,
    .vertical-middle + .vertical-middle.col-3 {
        width: calc(16.66666667% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-3,
    .vertical-middle + .vertical-middle.col-3 {
        width: calc(25% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-4,
    .vertical-middle + .vertical-middle.col-4 {
        width: calc(33.33333333% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-5,
    .vertical-middle + .vertical-middle.col-5 {
        width: calc(41.66666667% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-6,
    .vertical-middle + .vertical-middle.col-6 {
        width: calc(50% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-7,
    .vertical-middle + .vertical-middle.col-7 {
        width: calc(58.33333333% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-8,
    .vertical-middle + .vertical-middle.col-8 {
        width: calc(66.66666667% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-9,
    .vertical-middle + .vertical-middle.col-9 {
        width: calc(75% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-10,
    .vertical-middle + .vertical-middle.col-10 {
        width: calc(83.33333333% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-11,
    .vertical-middle + .vertical-middle.col-11 {
        width: calc(91.66666667% - 4px)
    }
    .vertical-middle + .vertical-middle>.col-12,
    .vertical-middle + .vertical-middle.col-12 {
        width: calc(100% - 4px)
    }
    .row-10 {
        margin-left: -10px;
        margin-right: -10px
    }
    .row-10>[class*="col-"] {
        padding-left: 10px;
        padding-right: 10px
    }
    .row-10.col-6-offset-bottom>[class*="col-"]:nth-child(n+3) {
        margin-top: 20px
    }
    .row-right-7 {
        margin-right: -37px
    }
}

.time-slider-w {
    width: calc(98% - 45px);
    position: relative;
    top: 3px
}

.box-shadow {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25)
}

.box-shadow-lg {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .35)
}

.smile-preview {
    min-height: 40px
}

.smiles__upload .inline__item {
    width: 50%
}

.personal-ava {
    min-height: 60px
}

.fileUpload {
    position: relative
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.blacklist {
    background: url(../img/stop-bg-red.png) right -15px bottom -15px scroll no-repeat
}

.dark-t.blacklist {
    background: url(../img/stop-bg-red.png) right -15px bottom -15px scroll no-repeat #2f3544
}

@media(min-width:701px) {
    .ava-list-html {
        height: 628px
    }
    .ava-list-html .scrollpane {
        max-height: none!important
    }
    .ava-list li + li:not(:nth-child(6n+1)) {
        margin-left: 38px
    }
    .ava-list li:not(:nth-child(-n+6)) {
        margin-top: 24px
    }
}

.ava-list li a {
    border-color: #cccdd1;
    position: relative
}

.ava-list li a:hover {
    border-color: #3ea8f3
}

.ava-list li a:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.ava-list li a:hover:before {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .2)
}

.ava-list img {
    max-width: 68px;
    max-height: 68px;
    border-radius: 50%
}

.user__bg {
    background-color: rgba(255, 255, 255, .4)
}

.contacts-bg {
    background: url(../img/bg-mail.png) repeat scroll left top #eceff4;
    padding: 10px
}

.contacts-form {
    padding: 20px 25px;
    background-color: #fff
}

@media(min-width:768px) {
    .contacts-form {
        padding: 30px 35px
    }
    .contacts-form .row-right-7 .col-4 {
        padding-right: 35px
    }
}

.game-schedule {
    background: url(../img/bg-register__euro-table.png) #fff right bottom;
    margin-bottom: 20px
}

.game-schedule-left {
    width: 30%
}

.game-schedule-right {
    width: 70%
}

.game-schedule-stripped {
    background: url(../img/bg-stripped-light.png)
}

.game-schedule-group {
    padding-left: 20px;
    background: url(../img/icons/ball-sm-dark.png) left center scroll no-repeat
}

.game-schedule .not-underline {
    width: calc(100% - 35px);
    display: inline-block
}

.game-schedule-group:hover {
    background-image: url(../img/icons/ball-sm-blue.png);
    color: #30a3f4
}

.game-schedule-item:hover {
    color: #30a3f4
}

.game-schedule-item .img-active,
.game-schedule-item .img-not_active {
    width: 17px;
    text-align: center
}

.game-schedule .score {
    width: 62px
}

.game-schedule .score span.score-divider {
    margin: 0
}

.game-schedule .score span:not(.score-divider) {
    display: inline-block;
    text-align: left
}

.game-schedule .score span:not(.score-divider):first-of-type {
    text-align: right
}

.game-schedule .item-stripped:nth-child(even) {
    background-color: rgba(236, 239, 244, .8)
}

.game-schedule .item-stripped:nth-child(odd) {
    background-color: rgba(255, 255, 255, .8)
}

.game-schedule .item-stripped:hover {
    background-color: rgba(218, 223, 235, .8)
}

.img-active-w:hover .img-active,
.img-active-w .img-not_active {
    display: inline-block
}

.img-active-w:hover .img-not_active {
    display: none
}

.img-active-w:hover .colored-hover-blue {
    color: #30a3f4
}

.current_games-popup .game__viewers-bg {
    padding-top: 60px;
    padding-bottom: 60px;
    background-position: left top
}

.current_games-popup .fc__logo-flag-w {
    padding-left: 11px
}

.header-login {
    width: 580px;
    float: right
}

@media(min-width:768px) {
    .header-login {
        float: left
    }
}

.header-login-down-left {
    background-color: #545c6f;
    padding: 10px 20px
}

.header-login-down-left .checkbox-styled {
    margin-right: 30px
}

.header-login-down-left .input-copy {
    margin-right: 5px
}

.header-login-down-left .input-copy:before {
    top: 0!important
}

.header-login-down-right {
    background-color: #2f3544;
    text-align: center;
    padding: 6px 0 5px;
    position: relative
}

.header-login-down-right:before {
    position: absolute;
    left: -28px;
    top: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 41px solid #2f3544;
    border-left: 28px solid transparent
}

.header-login-form,
.header-login-down-left {
    width: 358px
}

.header-login-form {
    padding: 15px 0 15px 20px;
    position: relative
}

.header-login-form input.form-control-md {
    padding-left: 7px;
    padding-right: 7px
}

.header-login-form:after {
    position: absolute;
    right: -40px;
    top: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 60px solid #fff;
    border-right: 40px solid transparent
}

.header-login-form .form-item + .form-item {
    margin-left: 9px
}

.header-login-social,
.header-login-down-right {
    width: 222px
}

.header-login-social {
    padding: 15px 9px 14px 49px
}

.header-login-social>p {
    width: 80px
}

.header-login-social>ul>li {
    line-height: 11px
}

.header-login-social>ul>li + li {
    margin-left: 10px
}

.social-item {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    position: relative
}

.social-item-lg {
    width: 45px;
    height: 45px
}

.social-fb {
    background-color: #45619d
}

.social-vk {
    background-color: #54769a
}

.social-twit {
    background-color: #1da1f2
}

.social-ok {
    background-color: #ed812b
}

.social-live {
    background-color: #09C
}

.social-google {
    background-color: #ea4335
}

.social-item:hover {
    background-color: #2f3544
}

.social-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.social-item,
.social-round {
    border-radius: 50%
}

.social-item-w {
    display: block;
    width: 100%!important;
    padding-bottom: 7px!important;
    padding-top: 7px!important;
    margin-left: 0!important
}

.header-main {
    text-align: center
}

.header-main .header-text {
    font-size: 24px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 5px
}

@media(min-width:992px) {
    .header-main .header-text {
        font-size: 30px
    }
    .header-main .header-text:after,
    .header-main .header-text:before {
        background-image: url(../img/home-header-bg.gif);
        background-position: left top;
        height: 5px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        content: "";
        display: inline-block;
        width: 170px
    }
}

.header-main .header-text:after {
    right: 0
}

.header-main .header-text:before {
    left: 0
}

.header-main .subheader-text {
    font-size: 18px;
    color: #ede750
}

@media(max-width:767px) {
    .header-main .subheader-text {
        margin-top: 10px
    }
}

.header-right .header-main .header-text:after,
.header-right .header-main .header-text:before {
    width: 63px
}

.header-right-with-text {
    box-shadow: none;
    padding-top: 18px
}

@media(min-width:768px) {
    .logo + .header-right-with-text {
        width: 580px
    }
}

.header-right-with-text .header-main .header-text:after,
.header-right-with-text .header-main .header-text:before {
    display: none
}

.header-right-with-text + .date-language {
    margin-right: 0;
    margin-left: 20px
}

#home-slider-control li a {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 14px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    text-transform: uppercase;
    background-color: #2f3544;
    line-height: 22px;
    -webkit-transition: none;
    transition: none;
    -ms-transition: none
}

@media(min-width:768px) and (max-width:991px) {
    #home-slider-control li a {
        padding: 29px 19px 28px;
        font-size: 18px
    }
}

@media(min-width:992px) {
    #home-slider-control li a {
        padding: 29px 19px 28px
    }
}

@media(max-width:767px) {
    #home-slider-control li a {
        text-align: center
    }
    #home-slider-control li a:not(.active) {
        display: none
    }
}

#home-slider-control li a.active,
#home-slider-control li a:hover {
    text-decoration: none;
    background: #545c6f;
    background: -moz-linear-gradient(left, #545c6f 0%, #2f3544 100%);
    background: -webkit-linear-gradient(left, #545c6f 0%, #2f3544 100%);
    background: linear-gradient(to right, #545c6f 0%, #2f3544 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#545c6f', endColorstr='#2f3544', GradientType=1);
    -webkit-transition: none;
    transition: none;
    -ms-transition: none
}

@media(min-width:768px) {
    #home-slider-control li + li a {
        border-top: 1px solid #545c6f
    }
}

.home-slider-w {
    background-color: #545c6f;
    border-bottom: 0;
    margin-top: 30px
}

@media(min-width:768px) {
    .home-slider-w {
        border: 1px solid #545c6f
    }
}

@media(min-width:768px) and (max-width:991px) {
    .home-slider-w {
        max-width: 940px
    }
}

.home-slider-left .bx-viewport li {
    background-color: #545c6f
}

.home-slider-left {
    position: relative;
    padding: 5px 4px
}

@media(min-width:992px) {
    .home-slider-left .bx-viewport li img {
        height: 390px
    }
    .home-slider-left {
        width: 658px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .home-slider-left {
        width: 70%
    }
}

@media(max-width:767px) {
    .home-slider-left .bx-viewport li img {
        max-width: 100%
    }
}

.home-slider-left .bx-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -31px;
    height: 52px
}

.home-slider-left .bx-next,
.home-slider-left .bx-prev {
    position: absolute;
    padding: 15px 0 13px 7px;
    width: 29px;
    overflow: hidden;
    text-align: left;
    left: -1px
}

.home-slider-left .bx-next img,
.home-slider-left .bx-prev img {
    position: relative;
    display: inline-block;
    z-index: 1
}

.home-slider-left .bx-next:before,
.home-slider-left .bx-prev:before {
    top: 0;
    z-index: 0;
    left: 0;
    position: absolute;
    content: "";
    background-color: #545c6f;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    text-align: center
}

.home-slider-left .bx-prev:before {
    left: -21px
}

.home-slider-left .bx-next {
    padding: 15px 4px 13px 0;
    text-align: right;
    right: 4px;
    left: auto
}

.home-slider-right {
    width: 100%;
    background-color: #545c6f
}

@media(min-width:768px) {
    .home-slider-right {
        width: 278px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .home-slider-right {
        width: 30%
    }
}

.home-slider-text>p {
    position: absolute;
    width: 330px;
    text-align: center;
    font-size: 14px
}

.home-slider-text>p:nth-child(1),
.home-slider-text>p:nth-child(2) {
    top: 155px
}

.home-slider-text>p:nth-child(3),
.home-slider-text>p:nth-child(4) {
    bottom: 5px
}

.home-slider-text>p:nth-child(2),
.home-slider-text>p:nth-child(4) {
    right: 0
}

.home-slider-text>p:nth-child(1),
.home-slider-text>p:nth-child(3) {
    left: 0
}

.home-slider-registration>span {
    display: inline-block;
    background-color: #2f3544;
    padding: 1px;
    border-radius: 20px
}

.home-slider-registration>span:hover {
    background-color: #7fe365
}

.home-slider-registration a.btn {
    min-width: 278px;
    padding: 12px 19px;
    line-height: 21px;
    font-size: 18px
}

.home-list {
    margin-right: -6px;
    margin-top: 20px;
    background: url(../img/home-list-bg-xs.png) left top scroll no-repeat
}

@media(min-width:768px) {
    .home-list {
        background-image: url(../img/home-list-bg.png)
    }
}

.home-list li {
    padding-right: 5px!important
}

@media(min-width:768px) {
    .home-list li {
        width: 33.3333%;
        float: left
    }
}

.home-list li:nth-child(n+4) {
    margin-top: 5px
}

.home-list-inner {
    padding: 14px 10px;
    color: #fff;
    line-height: 18px
}

@media(min-width:768px) {
    .home-list-inner {
        padding-top: 13px;
        padding-bottom: 13px
    }
}

.home-list-img {
    background-color: #30a3f4;
    width: 54px;
    height: 54px;
    position: relative;
    border-radius: 50%;
    margin-right: 15px
}

.home-list-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.home-list-text {
    width: calc(100% - 75px);
    font-family: "robotoregular"
}

.home-seo-text-w {
    background: url(../img/home-seo-bg.jpg) transparent center bottom scroll no-repeat
}

.home-seo-text,
.home-seo-text .header-text,
.home-seo-text .p-styled,
.home-seo-text .subheader-text,
.home-seo-subheader-text {
    color: #fff
}

.home-seo-text .home-seo-subheader-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 48px;
    text-align: center
}

.home-seo-text .header-text {
    position: relative;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 36px
}

.home-seo-text .header-text:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    background-color: #30a3f4
}

.home-seo-text .p-styled {
    font-size: 14px;
    line-height: 20px
}

.home-seo-text .p-styled + .subheader-text {
    font-size: 24px;
    font-weight: 700;
    margin-top: 36px
}

.home-seo-text .p-styled + .p-styled {
    margin-top: 24px
}

.home-seo-text ul {
    margin: 24px 0 24px 18px
}

.home-seo-text ul li {
    background: url(../img/icons/ball-xs.png) transparent left center scroll no-repeat;
    padding-left: 24px;
    font-size: 14px;
    line-height: 30px
}

.reginstration-w {
    padding: 19px;
    background-color: #252932;
    border: 1px solid #545c6f
}

@media(min-width:768px) {
    .reginstration-w {
        width: 470px
    }
}

.registration {
    background: url(../img/registration-bg.png) #fff right bottom scroll no-repeat;
    padding: 20px
}

.registration + .bg-dark-2 {
    width: 100%!important
}

.registration-form {
    margin-top: 15px
}

.pass_remember-w {
    padding: 19px;
    background-color: #252932;
    border: 1px solid #545c6f
}

.pass_remember {
    padding: 20px;
    background-color: #fff
}

.pass_remember-form {
    margin-top: 15px
}

.pass_remember-form label {
    margin: 0 auto 10px;
    width: 80%
}

.header-border {
    border-bottom: 1px solid #cbccd0;
    padding-bottom: 15px
}

.header-with-icon {
    font-size: 24px;
    color: #2f3544
}

.header-with-icon img {
    margin-right: 8px
}

.fancybox-popup .fancybox-close,
.fancybox-type-iframe .fancybox-close {
    right: 22px;
    top: 22px
}

.steps {
    font-size: 0;
    line-height: 0
}

.steps-item {
    display: inline-block;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.45;
    background-color: #2f3544;
    position: relative;
    -webkit-transition: none;
    transition: none;
    -ms-transition: none
}

@media(min-width:768px) {
    .steps-item {
        text-align: center;
        padding-bottom: 13px;
        padding-top: 13px;
        line-height: 24px;
        font-size: 18px
    }
}

.steps-item:hover {
    text-decoration: none
}

.steps-item:not(.steps-active) .step-item-text {
    opacity: .5
}

.steps-item.active {
    background-color: #30a3f4
}

.steps-item:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent
}

.steps-item + .steps-item.active:after {
    border-left: 25px solid #2f3544
}

.steps-item.active + .steps-item:after {
    left: 0;
    border-left: 25px solid #30a3f4
}

.team-steps .steps-item {
    width: 50%
}

@media(min-width:768px) {
    .team-champ-pick .champ-inline {
        width: 679px
    }
}

.team-create-list-w,
.ball-bg,
.bg-ball {
    background: url(../img/bg-ball-more-rtl.png) right bottom scroll no-repeat #fff
}

.team-create-list-w.team-create-team-w {
    background-image: url(../img/bg-ball-more.png);
    background-position: left bottom
}

@media(min-width:768px) {
    .team-create-team {
        width: 545px
    }
}

.team-create-team .scrollpane ul {
    max-height: none
}

.team-create-team .no-team {
    margin-top: 20px
}

.team-create-team .item-1,
.team-create-team .item-2 {
    width: 175px
}

.team-create-list .item-b {
    vertical-align: middle;
    display: inline-block
}

.team-create-list li + li {
    margin-top: 20px
}

.team-create-champ li + li {
    margin-top: 18px
}

.team-create-list-header {
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #cbccd0
}

.team-create-list-header .item-b {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 14px
}

.team-create-details {
    padding: 10px 20px 20px;
    border: 1px solid #cbccd0
}

@media(min-width:768px) {
    .team-create-details {
        width: 350px
    }
}

.team-create-details .profile-shirt li {
    width: 25%
}

.team-create-details .profile-shirt li p,
.team-create-details .profile-shirt li .radio-styled {
    width: 48px
}

.team-create-details .profile-shirt li:nth-child(n+5) {
    margin-top: 12px
}

.team-create-details label {
    font-size: 14px
}

@media(min-width:768px) {
    .team-create-champ-w {
        min-height: 785px;
        max-height: 785px
    }
}

.champ-inline,
.team-inline {
    background-color: #cbccd0;
    padding: 1px;
    position: relative
}

.champ-inline-inner {
    background-color: #eceff4
}

.champ-inline-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

.champ-inline .item-1 {
    padding: 12px 20px;
    margin-right: 25px;
    position: relative;
    background-color: #cbccd0
}

@media(min-width:768px) {
    .champ-inline .item-1 {
        min-width: 100px
    }
    .champ-inline .item-2 {
        width: 245px
    }
    .champ-inline .item-3 {
        min-width: 180px
    }
}

.champ-inline .item-4 {
    width: 310px;
    text-align: center
}

.champ-inline .item-1:after {
    position: absolute;
    right: -25px;
    top: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-left: 25px solid #cbccd0;
    border-bottom: 24px solid transparent
}

.team-create-list-header {
    margin-right: 10px
}

@media (min-width:768px) {
    .team-create-list-trigger {
        display: none
    }
}

.team-inline {
    background-color: #cbccd0;
    padding: 1px;
    position: relative
}

.team-inline:hover {
    cursor: pointer;
    background-color: #30a3f4
}

.team-inline:hover:before {
    border-left: 25px solid #30a3f4
}

.team-inline:hover .btn-border-blue {
    background: #30a3f4;
    color: #fff
}

.team-inline-inner {
    background-color: #eceff4
}

.team-inline .team-inline-item {
    display: inline-block;
    vertical-align: middle;
    padding: 9px
}

.team-inline-arrow {
    padding-right: 0;
    position: relative
}

.team-inline-arrow:after,
.team-inline-arrow:before {
    position: absolute;
    right: -24px;
    top: 1px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-left: 24px solid #eceff4;
    border-bottom: 24px solid transparent
}

.team-inline-arrow:before {
    right: -25px;
    top: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #cbccd0;
    border-bottom: 25px solid transparent
}

.team-inline-arrow-xmd:after,
.team-inline-arrow-xmd:before {
    right: -33px;
    border-top: 33px solid transparent;
    border-left: 33px solid #eceff4;
    border-bottom: 33px solid transparent
}

.team-inline-arrow-xmd:before {
    right: -34px;
    border-top: 34px solid transparent;
    border-left: 34px solid #cbccd0;
    border-bottom: 34px solid transparent
}

.team-inline-arrow-xmd:hover:before {
    border-left: 34px solid #30a3f4
}

.btn-arrow {
    position: relative;
    min-width: 175px;
    color: #fff;
    padding: 15px 0 16px;
    margin-left: 25px;
    -webkit-transition: none;
    transition: none;
    -ms-transition: none
}

.btn-arrow-back:before {
    position: absolute;
    left: -25px;
    top: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 25px solid #2f3544;
    border-bottom: 25px solid transparent
}

.btn-arrow:hover {
    background-color: #30a3f4!important
}

.btn-arrow-back:hover:before {
    border-right: 25px solid #30a3f4
}

#cmndsList li {
    padding-right: 25px;
    width: calc(100% - 17px);
    margin-right: 0!important
}

#cmndsList li.arrow-xmd {
    padding-right: 35px
}

.arrow-block {
    padding: 1px 0 1px 1px;
    background-color: #cbccd0;
    position: relative;
    margin-right: 25px
}

.arrow-block-inner {
    background-color: #eceff4
}

.arrow-block:after,
.arrow-block:before {
    position: absolute;
    right: -24px;
    top: 1px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-left: 24px solid #eceff4;
    border-bottom: 24px solid transparent
}

.arrow-block:before {
    right: -25px;
    top: 0;
    border-top: 25px solid transparent;
    border-left: 25px solid #cbccd0;
    border-bottom: 25px solid transparent
}

.arrow-block:not(.arrow-block-no-hover):hover {
    cursor: pointer;
    background-color: #30a3f4
}

.arrow-block:not(.arrow-block-no-hover):hover.champ-inline .item-1 {
    background-color: #30a3f4
}

.arrow-block:not(.arrow-block-no-hover):hover:before,
.arrow-block:not(.arrow-block-no-hover):hover.champ-inline .item-1:after {
    border-left: 25px solid #30a3f4
}

.arrow-block:not(.arrow-block-no-hover):hover .btn-border-blue {
    background: #30a3f4;
    color: #fff
}

.arrow-block-lg .arrow-block-inner {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 20px
}

.arrow-block-lg {
    margin-right: 50px
}

.arrow-block-lg:after,
.arrow-block-lg:before {
    right: -40px;
    border-top: 40px solid transparent;
    border-left: 40px solid #eceff4;
    border-bottom: 40px solid transparent
}

.arrow-block-lg:before {
    right: -41px;
    border-top: 41px solid transparent;
    border-left: 41px solid #cbccd0;
    border-bottom: 41px solid transparent
}

.home-social {
    border: 2px solid #494f5c;
    background: url(../img/bg-home-social.jpg) scroll left top no-repeat;
    background-size: cover
}

.home-social .form-control::-webkit-input-placeholder {
    color: #616060;
    opacity: 1
}

.home-social .form-control:-moz-placeholder {
    color: #616060;
    opacity: 1
}

.home-social .form-control::-moz-placeholder {
    color: #616060;
    opacity: 1
}

.home-social .form-control:-ms-input-placeholder {
    color: #616060
}

:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

.home-social .form-control:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

.home-social .form-control:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

.home-social .form-control:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

.home-social .form-control:focus::placeholder {
    color: transparent;
    opacity: 1
}

.bg-ball {
    background: url(../img/bg-ball-more-rtl.png) right bottom scroll no-repeat #fff
}

.bg-money {
    background: url(../img/bg-money.jpg) left top scroll no-repeat
}

.list_style-ball.unstyled li {
    padding-left: 25px;
    background: url(../img/icons/ball-sm-dark.png) left top 5px no-repeat scroll;
    line-height: 24px
}

.list_style-ball.unstyled li + li {
    margin-top: 12px
}

.table_transparent.table.table-stripped tr:nth-child(even) td {
    background-color: rgba(236, 239, 244, .8)
}

.table_transparent.table.table-stripped tr:nth-child(odd) td {
    background-color: rgba(255, 255, 255, .8)
}

.table-dark-2-th th {
    background-color: #545c6f;
    color: #fff
}

.table-pg-6 {
    margin-left: -30px;
    margin-right: -30px
}

.table-pg-6 tr th:last-of-type,
.table-pg-6 td:last-of-type {
    padding-right: 30px
}

.table-pg-6 tr th:first-of-type,
.table-pg-6 td:first-of-type {
    padding-left: 30px
}

input.input-transparent {
    background-color: transparent;
    border-color: #7e8492;
    color: #fff
}

input.input-transparent:focus {
    background-color: transparent;
    border-color: #7e8492
}

input.input-transparent::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

input.input-transparent:-moz-placeholder {
    color: #fff;
    opacity: 1
}

input.input-transparent::-moz-placeholder {
    color: #fff;
    opacity: 1
}

input.input-transparent:-ms-input-placeholder {
    color: #fff
}

input.input-transparent:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

input.input-transparent:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

input.input-transparent:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

input.input-transparent:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

input.input-transparent:focus::placeholder {
    color: transparent;
    opacity: 1
}

.paid-services {
    border-bottom-color: #535b6e
}

.paid-services td {
    height: 52px
}

.order-tournament-w {
    padding: 20px;
    border: 1px solid #545c6f;
    background-color: #252932;
    width: 820px
}

.order-tournament-w.friendly {
    width: 100%;
    padding: 10px
}

.order-tournament-w.friendly .bg-white-0_6 {
    min-height: 805px
}

.order-tournament-w.friendly .styled-select select {
    min-width: 65px
}

.order-tournament-w.friendly .pl-40 figure {
    width: 22px;
    text-align: center;
    margin: 0
}

.order-tournament-w.friendly .b-name {
    margin-left: 2px
}

.vertical-middle-unstyled {
    font-size: 0;
    line-height: 0
}

.order-tournament-risks {
    background-color: #747b8b;
    width: 778px;
    z-index: 10000
}

.order-tournament-risks .btn-xmd-40 {
    padding-left: 20px;
    padding-right: 20px
}

.money__real-currency li {
    width: 200px;
    text-align: center;
    line-height: 40px!important;
    font-size: 16px!important;
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: scroll
}

.money__real-item + .money__real-item {
    margin-top: 10px
}

.money__real-item-social .money__real-item:hover {
    cursor: pointer
}

.fancybox-inner>.fancybox-iframe {
    max-height: 100%
}

.same-width>a {
    width: 40%;
    margin: 0 10%
}

.list-with-label.label-295 .like-label {
    width: 295px
}

.border-bottom>div,
.border-bottom>li {
    border-bottom: 1px solid #e4e4e4
}

.styled-select-like {
    background: url(../img/select-arrow-white.png) top 17px right 10px no-repeat;
    color: #333;
    font-size: 13px;
    line-height: 15px;
    height: 40px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #cbccd0
}

.styled-select-like .inner {
    border: 1px solid #cbccd0;
    background-color: #eceff4
}

.styled-select-like:hover {
    cursor: pointer
}

.styled-select-like.open {
    overflow: visible
}

.select-like-item:first-of-type {
    background: url(../img/select-arrow-white.png) top 17px right 10px no-repeat
}

.select-like-item {
    padding: 4px 30px 4px 5px
}

.select-like-item + .select-like-item {
    margin-top: 12px
}

.styled-select-light {
    min-width: 200px
}

.styled-select-light-auto {
    min-width: 0
}

.styled-select-light button.select-images .ui-multiselect-inner {
    border: 1px solid #cbccd0;
    background-color: #eceff4
}

.styled-select-light .ui-multiselect-value img,
.light-select img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    vertical-align: middle
}

.styled-select-light .ui-multiselect-value-inner,
.light-select label>span {
    display: inline-block;
    vertical-align: middle
}

.styled-select-light button.select-images .ui-multiselect-inner {
    color: #333;
    font-size: 13px;
    line-height: 18px
}

.styled-select-light button.select-images .ui-multiselect-arrow {
    margin-top: -1px;
    border-width: 5px 5px 0 5px;
    border-color: #7f8491 transparent transparent transparent
}

.light-select {
    background-color: #eceff4!important
}

div.select ul .light-select label.ui-state-hover,
div.select ul .light-select label.ui-state-active {
    color: #333!important;
    background-color: #d9dce5
}

.light-select label {
    color: #333!important
}

div.select-images.bottom .ui-multiselect-menu-inner {
    border-top: 1px solid #30a3f4;
    border-bottom: 0
}

.two-inline li {
    width: 48%!important
}

.three-inline li {
    width: 30%!important
}

.prize-fund .btn-border-blue.btn-rect {
    width: 30%;
    margin-left: -1px
}

.tt__placegroups-bottom button.ui-multiselect {
    min-width: 220px
}

.tt__placegroups-bottom .btn-xmd {
    min-width: 380px
}

.before-none:before {
    display: none!important
}

.transfer-bid.form-control-inline .input-with_border-bottom {
    width: 85px;
    padding: 5px 9px;
    background-color: transparent;
    color: #fff;
    border-color: #7e8492
}

.shape-30 {
    width: 30px;
    height: 30px
}

.color-positive,
.shape__color-positive {
    background-color: #7cc569!important
}

.color-netral,
.shape__color-netral {
    background-color: #e0b636!important
}

.bet-header {
    color: #545c6f
}

.bet-header li + li {
    border-left: 1px solid #adbdc9
}

.bet-table {
    border: 1px solid #adbdc9;
    border-width: 0 1px 1px
}

.bet-table + .bet-header {
    margin-top: 20px
}

.bet-table-w {
    border-top: 1px solid #adbdc9
}

.check-bg {
    width: 20px;
    height: 20px;
    margin-top: 3px;
    display: inline-block;
    background: url(../img/icons/check-green-round.png) left top scroll no-repeat
}

.color-netral .check-bg,
.color-positive .check-bg {
    background-image: url(../img/icons/check-white-round.png)
}

.img-bottom img {
    vertical-align: bottom
}

.styled-select-no_padding div.select ul label {
    padding: 0 9px;
    line-height: 36px
}

.styled-select-no_padding div.select-images ul label img {
    height: 38px;
    width: 38px
}

.styled-select-no_padding button.select-images .ui-multiselect-inner {
    padding-top: 10px
}

.friends__bg-top {
    background: url(../img/bg-friends-top.jpg) scroll left top no-repeat
}

.z_index-100 {
    position: relative;
    z-index: 100
}

.room_chat-main {
    overflow: hidden;
    padding-right: 0
}

#confirmText .chat__player__for__sale-w {
    width: 160px
}

#confirmText .b-ava {
    display: block
}

#confirmText .fc__flag {
    left: 50%;
    margin-left: -50%
}

#confirmText .b-ava .ava__universal {
    left: 20px
}

#confirmText .dropdown-inner {
    padding: 3px 10px
}

#confirmText .dropdown-inner:after {
    clear: both;
    content: "";
    display: table
}

#confirmText .dropdown-inner .level {
    float: left;
    width: 50%
}

#confirmText .dropdown-inner .level .w-level {
    margin-left: 31px
}

.placeInLeague_incl-frame {
    height: 595px!important
}

.place__in__league {
    min-height: 385px;
    max-height: 385px
}

.place__in__league-best-5 {
    min-height: 168px;
    max-height: 168px
}

.social-btn li {
    height: 30px;
    overflow: hidden
}

.social-btn li + li {
    margin-left: 10px
}

.fb_iframe_widget span {
    vertical-align: top!important
}

#vk_like {
    width: 105px!important;
    display: inline-block
}

.vk-btn>a {
    display: inline-block;
    vertical-align: top
}

.ok-klass {
    font-size: 11px
}

.ok-klass_logo_img {
    height: 12px!important;
    width: 9px!important;
    background-size: cover
}

#vkwidget1 {
    height: 28px!important
}

#main.like_wrap_h18 .like_wrap {
    padding-top: 4px!important;
    padding-bottom: 4px!important
}

.video-game .scoreboard__info {
    float: none
}

@media(min-width:768px) {
    .video-game .scoreboard__info {
        width: 790px!important;
        margin-bottom: 5px
    }
    .video-game-control__list ul.list-inline li:nth-child(n+3) {
        margin-top: 2px
    }
}

.game__text-main-b .header-text {
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0
}

.game__text-main-b {
    margin-top: 5px
}

.video-game-stats__list ul li + li {
    margin-top: 18px
}

.game__text-control .item-b,
.game__text-control .item-b.btn-w {
    padding-top: 5px;
    padding-bottom: 5px
}

.game__text-control .item-b.item-text {
    padding-top: 8px;
    padding-bottom: 8px
}

.game__text-control .item-controls ul li {
    padding-top: 10px;
    padding-bottom: 10px
}

.game__text-control {
    min-height: 40px
}

.game__text-control .item-b .styled-select select {
    height: 30px
}

@media(min-width:768px) {
    .game__text-control {
        margin-top: 2px
    }
}

.video-game .share-link-w {
    margin-top: 18px
}

.game__text-w .share-link-w {
    margin-top: 8px;
    padding-bottom: 6px;
    padding-top: 6px
}

@media(min-width:768px) {
    .video-game .b-col__right.video-game-table-w {
        min-height: 322px
    }
}

.video-game-table td {
    padding-top: 6px;
    padding-bottom: 6px
}

@media(min-width:768px) {
    .game__text-w.content-box + .content-box {
        margin-top: 5px
    }
    .game__text-w .b-col__left {
        height: 531px!important
    }
}

.video-game .video-game-stats__list {
    padding-top: 9px;
    padding-bottom: 10px
}

.modal-inner {
    padding: 19px;
    background-color: #252932;
    border: 1px solid #545c6f
}

.modal-content {
    padding: 20px;
    background-color: #fff
}

.modal-form {
    margin-top: 15px
}

.modal-form label:not(.checkbox-label) {
    font-family: "robotobold";
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px
}

.modal-content .login-social {
    background: #545c6f;
    margin: 0 -20px -20px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.modal-content .login-social ul li + li {
    margin-left: 15px
}

.com_lvl-scrollpane {
    min-height: 600px!important;
    max-height: 600px!important
}

.com_lvl-scrollpane.scrollpane .jspVerticalBar {
    width: 10px!important
}

.com_lvl .th-like li {
    font-size: 12px
}

.com_lvl-table td,
.com_lvl-table th,
.com_lvl .th-like-md li {
    padding-left: 2px!important;
    padding-right: 2px!important
}

.com_lvl-table td.com_lvl-td-name,
.com_lvl-table th.com_lvl-td-name,
.com_lvl .th-like-md li.com_lvl-td-name {
    padding-left: 8px!important
}

.com_lvl-td-1 {
    width: 71px;
    font-size: 11px
}

.com_lvl-td-2 {
    font-size: 11px
}

.com_lvl-td-3 {
    font-size: 11px;
    width: 40px
}

.com_lvl-legend {
    padding: 10px 25px
}

.com_lvl-legend-header {
    margin-bottom: 20px;
    line-height: 20px
}

.com_lvl-legend-list {
    column-count: 3
}

.com_lvl-legend-list.unstyled li {
    line-height: 20px
}

.com_lvl-param-increase {
    min-height: 15px
}

.bg-dark-3 .item-border-r {
    border-right: 1px solid #545c6f
}

.item-border-g + .item-border-g {
    border-left: 1px solid #545c6f
}

.sell_cmn-paging-sort {
    border-bottom: 1px solid #545c6f
}

.sell_cmn-paging-sort-item {
    padding: 10px 12px
}

.sell_cmn,
.sell_cmn .ui-datepicker-title select,
.sell_cmn .styled-select select {
    font-family: robotoregular;
    font-size: 12px;
    line-height: 18px
}

.sell_cmn .ui-datepicker-title select,
.sell_cmn .styled-select select {
    margin-bottom: 0
}

.sell_cmn .table tr th,
.sell_cmn .table tr td {
    padding: 5px 8px;
    font-size: 13px
}

.table_like,
.table__like {
    display: table;
    width: 100%
}

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

.table__like-td.table__like-td-whole {
    width: 100%
}

.table__like-bordered .table__like-td + .table__like-td {
    border-left: 1px solid #545c6f
}

.table__like-bordered.pv-1-inner .table__like-td {
    padding-bottom: 5px;
    padding-top: 5px
}

.table__like-bordered.pg-4-inner .table__like-td {
    padding-left: 20px;
    padding-right: 20px
}

.up-bg {
    position: relative;
    z-index: 1
}

.rent__table .transfer-price {
    width: 52px
}

.rent__player-popup .player__main-stats__list li {
    height: auto
}

.rent__player-popup .add__transfer-w .player__main-stats__list-name {
    width: 280px
}

.rent__player-popup .player__main-stats__list {
    padding: 0;
    font-size: 12px
}

.rent__player-popup .player__main-stats__list li {
    padding: 5px 15px
}

.rent__player-popup .player__main-stats__list li.bottom-text {
    padding-bottom: 15px;
    line-height: 1.2
}

.rent__player-popup .player__main-stats__list-value {
    width: 25%
}

.rent__player-popup .player__main-stats__list-name.fullwidth {
    width: 100%
}

.rent__player-popup .add__transfer-form label {
    display: block
}

.rent__player-popup .add__transfer-form {
    padding-top: 20px
}

.rent__player-popup .add__transfer-form .form-group + .form-group {
    margin-top: 8px
}

.rent__player-popup .add__transfer-form .form-control,
.rent__player-popup .add__transfer-form .styled-select {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.btn-cancel {
    position: relative;
    display: inline-block
}

.btn-cancel:after {
    position: absolute;
    height: 2px;
    background-color: red;
    width: 106%;
    content: "";
    display: inline-block;
    left: 0;
    top: 48%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}