html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
width: device-width; }

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

body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #000 !important; }

[tabindex="-1"]:focus {
outline: 0 !important; }

hr {
box-sizing: content-box;
height: 0;
overflow: visible; }

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; }

p {
margin-top: 0;
margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0; }

address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }

ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }

dt {
font-weight: 700; }

dd {
margin-bottom: .5rem;
margin-left: 0; }

blockquote {
margin: 0 0 1rem; }

dfn {
font-style: italic; }

b,
strong {
font-weight: bolder; }

small {
font-size: 80%; }

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

sub {
bottom: -.25em; }

sup {
top: -.5em; }

a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }

a:hover {
color: #0056b3;
text-decoration: underline; }

a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }

a:not([href]):not([tabindex]):focus {
outline: 0; }

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

pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar; }

figure {
margin: 0 0 1rem; }

img {
vertical-align: middle;
border-style: none; }

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

table {
border-collapse: collapse; }

caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }

th {
text-align: inherit; }

label {
display: inline-block;
margin-bottom: .5rem; }

button {
border-radius: 0; }

button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }

button,
input {
overflow: visible; }

button,
select {
text-transform: none; }

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }

textarea {
overflow: auto;
resize: vertical; }

fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }

legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }

progress {
vertical-align: baseline; }

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

[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }

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

::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }

output {
display: inline-block; }

summary {
display: list-item;
cursor: pointer; }

template {
display: none; }

[hidden] {
display: none !important; }


@-ms-viewport {
width: device-width; }

html {
box-sizing: border-box;
-ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
box-sizing: inherit; }

.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }

@media (min-width: 576px) {
.container {
max-width: 540px; } }

@media (min-width: 768px) {
.container {
max-width: 720px; } }

@media (min-width: 992px) {
.container {
max-width: 960px; } }

@media (min-width: 1200px) {
.container {
max-width: 1200px; } }

.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }

.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }

.no-gutters {
margin-right: 0;
margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }

.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }

.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }

.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }

.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }

.col-3 {
flex: 0 0 25%;
max-width: 25%; }

.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }

.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }

.col-6 {
flex: 0 0 50%;
max-width: 50%; }

.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }

.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }

.col-9 {
flex: 0 0 75%;
max-width: 75%; }

.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }

.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }

.col-12 {
flex: 0 0 100%;
max-width: 100%; }

.order-first {
order: -1; }

.order-last {
order: 13; }

.order-0 {
order: 0; }

.order-1 {
order: 1; }

.order-2 {
order: 2; }

.order-3 {
order: 3; }

.order-4 {
order: 4; }

.order-5 {
order: 5; }

.order-6 {
order: 6; }

.order-7 {
order: 7; }

.order-8 {
order: 8; }

.order-9 {
order: 9; }

.order-10 {
order: 10; }

.order-11 {
order: 11; }

.order-12 {
order: 12; }

.offset-1 {
margin-left: 8.33333%; }

.offset-2 {
margin-left: 16.66667%; }

.offset-3 {
margin-left: 25%; }

.offset-4 {
margin-left: 33.33333%; }

.offset-5 {
margin-left: 41.66667%; }

.offset-6 {
margin-left: 50%; }

.offset-7 {
margin-left: 58.33333%; }

.offset-8 {
margin-left: 66.66667%; }

.offset-9 {
margin-left: 75%; }

.offset-10 {
margin-left: 83.33333%; }

.offset-11 {
margin-left: 91.66667%; }

@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
order: -1; }
.order-sm-last {
order: 13; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-6 {
order: 6; }
.order-sm-7 {
order: 7; }
.order-sm-8 {
order: 8; }
.order-sm-9 {
order: 9; }
.order-sm-10 {
order: 10; }
.order-sm-11 {
order: 11; }
.order-sm-12 {
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }

@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
order: -1; }
.order-md-last {
order: 13; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-6 {
order: 6; }
.order-md-7 {
order: 7; }
.order-md-8 {
order: 8; }
.order-md-9 {
order: 9; }
.order-md-10 {
order: 10; }
.order-md-11 {
order: 11; }
.order-md-12 {
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }

@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
order: -1; }
.order-lg-last {
order: 13; }
.order-lg-0 {
order: 0; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-6 {
order: 6; }
.order-lg-7 {
order: 7; }
.order-lg-8 {
order: 8; }
.order-lg-9 {
order: 9; }
.order-lg-10 {
order: 10; }
.order-lg-11 {
order: 11; }
.order-lg-12 {
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }

@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
order: -1; }
.order-xl-last {
order: 13; }
.order-xl-0 {
order: 0; }
.order-xl-1 {
order: 1; }
.order-xl-2 {
order: 2; }
.order-xl-3 {
order: 3; }
.order-xl-4 {
order: 4; }
.order-xl-5 {
order: 5; }
.order-xl-6 {
order: 6; }
.order-xl-7 {
order: 7; }
.order-xl-8 {
order: 8; }
.order-xl-9 {
order: 9; }
.order-xl-10 {
order: 10; }
.order-xl-11 {
order: 11; }
.order-xl-12 {
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }

.d-none {
display: none !important; }

.d-inline {
display: inline !important; }

.d-inline-block {
display: inline-block !important; }

.d-block {
display: block !important; }

.d-table {
display: table !important; }

.d-table-row {
display: table-row !important; }

.d-table-cell {
display: table-cell !important; }

.d-flex {
display: flex !important; }

.d-inline-flex {
display: inline-flex !important; }

@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }

@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }

@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }

@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }

@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }

.flex-row {
flex-direction: row !important; }

.flex-column {
flex-direction: column !important; }

.flex-row-reverse {
flex-direction: row-reverse !important; }

.flex-column-reverse {
flex-direction: column-reverse !important; }

.flex-wrap {
flex-wrap: wrap !important; }

.flex-nowrap {
flex-wrap: nowrap !important; }

.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }

.justify-content-start {
justify-content: flex-start !important; }

.justify-content-end {
justify-content: flex-end !important; }

.justify-content-center {
justify-content: center !important; }

.justify-content-between {
justify-content: space-between !important; }

.justify-content-around {
justify-content: space-around !important; }

.align-items-start {
align-items: flex-start !important; }

.align-items-end {
align-items: flex-end !important; }

.align-items-center {
align-items: center !important; }

.align-items-baseline {
align-items: baseline !important; }

.align-items-stretch {
align-items: stretch !important; }

.align-content-start {
align-content: flex-start !important; }

.align-content-end {
align-content: flex-end !important; }

.align-content-center {
align-content: center !important; }

.align-content-between {
align-content: space-between !important; }

.align-content-around {
align-content: space-around !important; }

.align-content-stretch {
align-content: stretch !important; }

.align-self-auto {
align-self: auto !important; }

.align-self-start {
align-self: flex-start !important; }

.align-self-end {
align-self: flex-end !important; }

.align-self-center {
align-self: center !important; }

.align-self-baseline {
align-self: baseline !important; }

.align-self-stretch {
align-self: stretch !important; }

@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }

@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }

@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }

@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }

.w-25 {
width: 25% !important; }

.w-50 {
width: 50% !important; }

.w-75 {
width: 75% !important; }

.w-100 {
width: 100% !important; }

.h-25 {
height: 25% !important; }

.h-50 {
height: 50% !important; }

.h-75 {
height: 75% !important; }

.h-100 {
height: 100% !important; }

.mw-100 {
max-width: 100% !important; }

.mh-100 {
max-height: 100% !important; }

.demo-icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* You can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/*
Animation example, for spinners
*/

.animate-spin {
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block; }

@-webkit-keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }

@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }

@font-face {
font-family: 'fontello';
src: url('fontello.eot?53237250');
src: url('fontello.eot?53237250#iefix') format("embedded-opentype"), url('fontello.svg?53237250#fontello') format("svg");
font-weight: normal;
font-style: normal; }

@font-face {
font-family: 'fontello';
src: url("data:application/octet-stream;base64,d09GRgABAAAAAAygAA8AAAAAFWgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFZHJ1PaY21hcAAAAdgAAABgAAABnNd8htljdnQgAAACOAAAABMAAAAgBtX/BGZwZ20AAAJMAAAFkAAAC3CKkZBZZ2FzcAAAB9wAAAAIAAAACAAAABBnbHlmAAAH5AAAAe0AAAJAY9yvYGhlYWQAAAnUAAAAMQAAADYQkotJaGhlYQAACggAAAAbAAAAJAc8A1dobXR4AAAKJAAAABAAAAAQDRwAAGxvY2EAAAo0AAAACgAAAAoBVgCSbWF4cAAACkAAAAAgAAAAIAEBC9VuYW1lAAAKYAAAAXcAAALNzJ0eIHBvc3QAAAvYAAAASQAAAFr2kytpcHJlcAAADCQAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZHZnnMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDA4f2T+zMAf9z2KIYg5imAYUZgTJAQDYrAuTAHic7ZCxDYAwDATPJECEGIUiBWIgKtYnGSDYDgVD8NZZ9sty8cAIBGVTIsiFYDrVFfcDi/uRQ/ekNcA9l1xja9/JJX6RfBrss0z8Wr3v7xYstY5lXHLHcq2xQ3gASBsSpnicY2BAAxIQyBz0PwuEARJsA90AeJytVml300YUHXlJnIQsJQstamHExGmwRiZswYAJQbJjIF2crZWgixQ76b7xid/gX/Nk2nPoN35a7xsvJJC053Cak6N3583VzNtlElqS2AvrkZSbL8XU1iaN7DwJ6YZNy1F8KDt7IWWKyd8FURCtltq3HYdERCJQta6wRBD7HlmaZHzoUUbLtqRXTcotPekuW+NBvVXffho6yrE7oaRmM3RoPbIlVRhVokimPVLSpmWo+itJK7y/wsxXzVDCiE4iabwZxtBI3htntMpoNbbjKIpsstwoUiSa4UEUeZTVEufkigkMygfNkPLKpxHlw/yIrNijnFawS7bT/L4vead3OT+xX29RtuRAH8iO7ODsdCVfhFtbYdy0k+0oVBF213dCbNnsVP9mj/KaRgO3KzK90IxgqXyFECs/ocz+IVktnE/5kkejWrKRE0HrZU7sSz6B1uOIKXHNGFnQ3dEJEdT9kjMM9pg+Hvzx3imWCxMCeBzLekclnAgTKWFzNEnaMHJgJWWLKqn1rpg45XVaxFvCfu3a0ZfOaONQd2I8Ww8dWzlRyfFoUqeZTJ3aSc2jKQ2ilHQmeMyvAyg/oklebWM1iZVH0zhmxoREIgIt3EtTQSw7saQpBM2jGb25G6a5di1apMkD9dyj9/TmVri501PaDvSzRn9Wp2I62AvT6WnkL/Fp2uUiRen66Rl+TOJB1gIykS02w5SDB2/9DtLL15YchdcG2O7t8yuofdZE8KQB+xvQHk/VKQlMhZhViFZAYq1rWZbJ1awWqcjUd0OaVr6s0wSKchwXx76Mcf1fMzOWmBK+34nTsyMuPXPtSwjTHHybdT2a16nFcgFxZnlOp1mW7+s0x/IDneZZntfpCEtbp6MsP9RpgeVHOh1jeUELmnTfwZCLMOQCDpAwhKUDQ1hegiEsFQxhuQhDWBZhCMslGMLyYxjCchmGsLysZdXUU0nj2plYBmxCYGKOHrnMReVqKrlUQrtoVGpDnhJulVQUz6p/ZaBePPKGObAWSJfIml8xzpWPRuX41hUtbxo7V8Cx6m8fjvY58VLWi4U/Bf/V1lQlvWLNw5Or8BuGnmwnqjapeHRNl89VPbr+X1RUWAv0G0iFWCjKsmxwZyKEjzqdhmqglUPMbMw8tOt1y5qfw/03MUIWUP34NxQaC9yDTllJWe3grNXX27LcO4NyOBMsSTE38/pW+CIjs9J+kVnKno98HnAFjEpl2GoDrRW82ScxD5neJM8EcVtRNkja2M4EiQ0c84B5850EJmHqqg3kTuGGDfgFYW7BeSdconqjLIfuRezzKKT8W6fiRPaoaIzAs9kbYa/vQspvcQwkNPmlfgxUFaGpGDUV0DRSbqgGX8bZum1Cxg70Iyp2w7Ks4sPHFveVkm0ZhHykiNWjo5/WXqJOqtx+ZhSX752+BcEgNTF/e990cZDKu1rJMkdtA1O3GpVT15pD41WH6uZR9b3j7BM5a5puuiceel/TqtvBxVwssPZtDtJSJhfU9WGFDaLLxaVQ6mU0Se+4BxgWGNDvUIqN/6v62HyeK1WF0XEk307Ut9HnYAz8D9h/R/UD0Pdj6HINLs/3mhOfbvThbJmuohfrp+g3MGutuVm6BtzQdAPiIUetjrjKDXynBnF6pLkc6SHgY90V4gHAJoDF4BPdtYzmUwCj+Yw5PsDnzGHQZA6DLeYw2GbOGsAOcxjsMofBHnMYfMGcdYAvmcMgZA6DiDkMnjAnAHjKHAZfMYfB18xh8A1z7gN8yxwGMXMYJMxhsK/p1jDMLV7QXaC2QVWgA1NPWNzD4lBTZcj+jheG/b1BzP7BIKb+qOn2kPoTLwz1Z4OY+otBTP1V050h9TdeGOrvBjH1D4OY+ky/GMtlBr+MfJcKB5RdbD7n74n3D9vFQLkAAQAB//8AD3icPVDbbhJhEJ75D/NDQQ7y725pFwi726UpSiLLQhMNpUCCqYdE2zSYGEoa9Yb0kHiv6Rv4FN4bL3wHH0G8NvoKWtAfY5x8mS9zyMx8AwjG2Bi/gQXFnp1FQBwxNHRhCq+0o7l06qgVklfDsLWH7WYFOytnszEtr2VOLK+JXJmh+VcTuISflFz+khKlyblE8/mqbKaZXb8/8Gc8BQEc9EY3UUgcKWQcOcOzBCKeJ02PFCCnIDgXRyAEPybkgh8glN3NjeK6Vchn06m1ZIIgQH9N6jo2bSuvqY75qOPHrfYexqHvkWP5VpSvemGcb7UjvlNw3cKXi9zbjXDo7z94jpeXy5erHE+5ekHaxUdXh5Uy4ms5Pjy5Wn50Nfup3b/v+X93A7pw2ju5nSXBJIKFDEtFxlmAUoiREcgA2RkwbjADLgxmIKTBDCQZzCBh/pCAKZBSdAREagyK1MP4rlfVtq2dpCzVkVS7Qyr0SGmngTWytBPWLG075Hu1MkYrsqNml9fidsdoV/9kdqpNm32uBGFmK/ReDJHff3MrF22WdrdzaZVN39vqPcneeHraPX+866L/fjJY/BhMJgPmDCa4zEi7bqlgeCeXEv3YrfQ8zOBOX0keNJos3u4fTxvZ4rvF9/4Ep/tsfUV/AEprVRIAAAB4nGNgZGBgAOItFqY34/ltvjJwM78AijBcO7r4CoL+v5H5BTM3kMvBwAQSBQB4jw1pAAAAeJxjYGRgYA76nwUkXzAwgElGBlTAAgBc+AObAAPoAAACggAAA1kAAANZAAAAAAAAADYAkgEgAAAAAQAAAAQAPwACAAAAAAACABQAJABzAAAAcwtwAAAAAHicdZDdasIwGIbfzJ9tCtvYYKfL0VDG6g8MRBAEh55sJzI8HbXWtlIbSaPgbewedjG7iV3LXts4hrKWNM/35MuXrwFwjW8I5M8TR84CZ4xyPsEpepYL9M+Wi+QXyyVU8Wa5TP9uuYIHBJaruMEHK4jiOaMFPi0LXIlLyye4EHeWC/SPlovknuUSbsWr5TK9Z7mCiUgtV3EvvgZqtdVREBpZG9Rlu9nqyOlWKqoocWPprk2odCr7cq4S48excjy13PPYD9axq/fhfp74Oo1UIltOc69GfuJr1/izXfV0E7SNmcu5Vks5tBlypdXC94wTGrPqNhp/z8MACitsoRHxqkIYSNRo65zbaKKFDmnKDMnMPCtCAhcxjYs1d4TZSsq4zzFnlND6zIjJDjx+l0d+TAq4P2YVfbR6GE9IuzOizEv25bC7w6wRKcky3czOfntPseFpbVrDXbsuddaVxPCghuR97NYWNB69k92Koe2iwfef//sB6XOEUwB4nGNgYoAALgbsgIWRiZGZkYWRlYErMS89J1U3Jb88TzAtMTk1KT8/Wzc/LS0zOTMxh7+kPLOkJLVIt7iwNLEoNYWBAQCijxESAAAAeJxj8N7BcCIoYiMjY1/kBsadHAwcDMkFGxlYnTYxMDJogRibuZgYOSAsPgYwi81pF9MBoDQnkM3utIvBAcJmZnDZqMLYERixwaEjYiNzistGNRBvF0cDAyOLQ0dySARISSQQbOZhYuTR2sH4v3UDS+9GJgYXAAx2I/QAAA==") format("woff"), url("data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzJHJ1PaAAABUAAAAFZjbWFw13yG2QAAAagAAAGcY3Z0IAbV/wQAAAlQAAAAIGZwZ22KkZBZAAAJcAAAC3BnYXNwAAAAEAAACUgAAAAIZ2x5ZmPcr2AAAANEAAACQGhlYWQQkotJAAAFhAAAADZoaGVhBzwDVwAABbwAAAAkaG10eA0cAAAAAAXgAAAAEGxvY2EBVgCSAAAF8AAAAAptYXhwAQEL1QAABfwAAAAgbmFtZcydHiAAAAYcAAACzXBvc3T2kytpAAAI7AAAAFpwcmVw5UErvAAAFOAAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEDRwGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEH8wQDUv9qAFoDUgCWAAAAAQAAAAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAADxB/Iw8wT//wAA8QfyMPME//8AAAAAAAAAAQAIAAgACAAAAAEAAgADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAPEHAADxBwAAAAEAAPIwAADyMAAAAAIAAPMEAADzBAAAAAMAAQAAAAACWAHmABUAGUAWDwEAAQFHAgEBAAFvAAAAZhQXFAMFFysBFAcBBiInASY0PwE2Mh8BNzYyHwEWAlgG/vwFEAT+/AYGHAUOBtvcBRAEHAYBtwcF/vsFBQEFBQ4GHAYG29sGBhwFAAAAAQAA/7EDWQMLACQASkBHEgEEBQFHBwECAwEDAgFtCAEBAW4JAQAABQQABWAABAMDBFQABAQDVgYBAwQDSgEAHhwbGhkYFRMRDwwLCgkIBgAkASMKBRQrATIWFREUBisBETM3IzU0Nj8BNSYjIgYXFSMVMxEhIiY1ETQ2MwMqExwcE9pvEH8aJkQjQUtcAXBw/mUTHBwTAwscFP0GFBwBTYFTHx4BAXMFWFNfgf6zHBQC+hQcAAAAAAIAAP+xA1kDCwAuAD4AYkBfLQ8GBAIFAQAVAQIBHRkCAwIkAQUEBEcAAQACAAECbQACAwACA2sAAwQAAwRrAAQFAAQFawAFBgAFBmsACAAAAQgAYAAGBwcGVAAGBgdYAAcGB0w1OyIhFBYWFBcJBR0rAQYHNjcGByYiBgcUFy4BJwYVFBcmJxUUFhcGIyInHgEzBiMiJxYzMj4DJzU2NxEUBgchIiY1ETQ2NyEyFgLKHyQmDiUmImREAQNIfiwQMxsdOCgQDAcPDDwlQFEPDVJiPm5OOBwBI6ZeQ/3pQ15eQwIXQ14B/g4FFisVByREMRALBEI1HB9AIgEOASpCBwUDJC4yAjUoQlZgLg8ZkP3oQl4BYEECGEJeAWAAAQAAAAEAALQ4NdlfDzz1AAsD6AAAAADWxaPUAAAAANbFo9QAAP+xA+gDCwAAAAgAAgAAAAAAAAABAAADUv9qAAAD6AAAAAAD6AABAAAAAAAAAAAAAAAAAAAABAPoAAACggAAA1kAAANZAAAAAAAAADYAkgEgAAAAAQAAAAQAPwACAAAAAAACABQAJABzAAAAcwtwAAAAAAAAABIA3gABAAAAAAAAADUAAAABAAAAAAABAAgANQABAAAAAAACAAcAPQABAAAAAAADAAgARAABAAAAAAAEAAgATAABAAAAAAAFAAsAVAABAAAAAAAGAAgAXwABAAAAAAAKACsAZwABAAAAAAALABMAkgADAAEECQAAAGoApQADAAEECQABABABDwADAAEECQACAA4BHwADAAEECQADABABLQADAAEECQAEABABPQADAAEECQAFABYBTQADAAEECQAGABABYwADAAEECQAKAFYBcwADAAEECQALACYByUNvcHlyaWdodCAoQykgMjAxOCBieSBvcmlnaW5hbCBhdXRob3JzIEAgZm9udGVsbG8uY29tZm9udGVsbG9SZWd1bGFyZm9udGVsbG9mb250ZWxsb1ZlcnNpb24gMS4wZm9udGVsbG9HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEAOAAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AZgBvAG4AdABlAGwAbABvAFIAZQBnAHUAbABhAHIAZgBvAG4AdABlAGwAbABvAGYAbwBuAHQAZQBsAGwAbwBWAGUAcgBzAGkAbwBuACAAMQAuADAAZgBvAG4AdABlAGwAbABvAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQAKYW5nbGUtZG93bhFmYWNlYm9vay1vZmZpY2lhbA90d2l0dGVyLXNxdWFyZWQAAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAABgAGAAYABgDUv9qA1L/arAALCCwAFVYRVkgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbkIAAgAY2MjYhshIbAAWbAAQyNEsgABAENgQi2wASywIGBmLbACLCBkILDAULAEJlqyKAEKQ0VjRVJbWCEjIRuKWCCwUFBYIbBAWRsgsDhQWCGwOFlZILEBCkNFY0VhZLAoUFghsQEKQ0VjRSCwMFBYIbAwWRsgsMBQWCBmIIqKYSCwClBYYBsgsCBQWCGwCmAbILA2UFghsDZgG2BZWVkbsAErWVkjsABQWGVZWS2wAywgRSCwBCVhZCCwBUNQWLAFI0KwBiNCGyEhWbABYC2wBCwjISMhIGSxBWJCILAGI0KxAQpDRWOxAQpDsAFgRWOwAyohILAGQyCKIIqwASuxMAUlsAQmUVhgUBthUllYI1khILBAU1iwASsbIbBAWSOwAFBYZVktsAUssAdDK7IAAgBDYEItsAYssAcjQiMgsAAjQmGwAmJmsAFjsAFgsAUqLbAHLCAgRSCwC0NjuAQAYiCwAFBYsEBgWWawAWNgRLABYC2wCCyyBwsAQ0VCKiGyAAEAQ2BCLbAJLLAAQyNEsgABAENgQi2wCiwgIEUgsAErI7AAQ7AEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERLABYC2wCywgIEUgsAErI7AAQ7AEJWAgRYojYSBksCRQWLAAG7BAWSOwAFBYZVmwAyUjYUREsAFgLbAMLCCwACNCsgsKA0VYIRsjIVkqIS2wDSyxAgJFsGRhRC2wDiywAWAgILAMQ0qwAFBYILAMI0JZsA1DSrAAUlggsA0jQlktsA8sILAQYmawAWMguAQAY4ojYbAOQ2AgimAgsA4jQiMtsBAsS1RYsQRkRFkksA1lI3gtsBEsS1FYS1NYsQRkRFkbIVkksBNlI3gtsBIssQAPQ1VYsQ8PQ7ABYUKwDytZsABDsAIlQrEMAiVCsQ0CJUKwARYjILADJVBYsQEAQ2CwBCVCioogiiNhsA4qISOwAWEgiiNhsA4qIRuxAQBDYLACJUKwAiVhsA4qIVmwDENHsA1DR2CwAmIgsABQWLBAYFlmsAFjILALQ2O4BABiILAAUFiwQGBZZrABY2CxAAATI0SwAUOwAD6yAQEBQ2BCLbATLACxAAJFVFiwDyNCIEWwCyNCsAojsAFgQiBgsAFhtRAQAQAOAEJCimCxEgYrsHIrGyJZLbAULLEAEystsBUssQETKy2wFiyxAhMrLbAXLLEDEystsBgssQQTKy2wGSyxBRMrLbAaLLEGEystsBsssQcTKy2wHCyxCBMrLbAdLLEJEystsB4sALANK7EAAkVUWLAPI0IgRbALI0KwCiOwAWBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsB8ssQAeKy2wICyxAR4rLbAhLLECHistsCIssQMeKy2wIyyxBB4rLbAkLLEFHistsCUssQYeKy2wJiyxBx4rLbAnLLEIHistsCgssQkeKy2wKSwgPLABYC2wKiwgYLAQYCBDI7ABYEOwAiVhsAFgsCkqIS2wKyywKiuwKiotsCwsICBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4IyCKVVggRyAgsAtDY7gEAGIgsABQWLBAYFlmsAFjYCNhOBshWS2wLSwAsQACRVRYsAEWsCwqsAEVMBsiWS2wLiwAsA0rsQACRVRYsAEWsCwqsAEVMBsiWS2wLywgNbABYC2wMCwAsAFFY7gEAGIgsABQWLBAYFlmsAFjsAErsAtDY7gEAGIgsABQWLBAYFlmsAFjsAErsAAWtAAAAAAARD4jOLEvARUqLbAxLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2E4LbAyLC4XPC2wMywgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhsAFDYzgtsDQssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIzAQEVFCotsDUssAAWsAQlsAQlRyNHI2GwCUMrZYouIyAgPIo4LbA2LLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhIyAgsAQmI0ZhOBsjsAhDRrACJbAIQ0cjRyNhYCCwBEOwAmIgsABQWLBAYFlmsAFjYCMgsAErI7AEQ2CwASuwBSVhsAUlsAJiILAAUFiwQGBZZrABY7AEJmEgsAQlYGQjsAMlYGRQWCEbIyFZIyAgsAQmI0ZhOFktsDcssAAWICAgsAUmIC5HI0cjYSM8OC2wOCywABYgsAgjQiAgIEYjR7ABKyNhOC2wOSywABawAyWwAiVHI0cjYbAAVFguIDwjIRuwAiWwAiVHI0cjYSCwBSWwBCVHI0cjYbAGJbAFJUmwAiVhuQgACABjYyMgWGIbIVljuAQAYiCwAFBYsEBgWWawAWNgIy4jICA8ijgjIVktsDossAAWILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA7LCMgLkawAiVGUlggPFkusSsBFCstsDwsIyAuRrACJUZQWCA8WS6xKwEUKy2wPSwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xKwEUKy2wPiywNSsjIC5GsAIlRlJYIDxZLrErARQrLbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKyAAEAKrEABUKzCgIBCCqxAAVCsw4AAQgqsQAGQroCwAABAAkqsQAHQroAQAABAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbMMAgEMKrgB/4WwBI2xAgBEAAA=") format("truetype"); }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('assets/font/fontello.svg?53237250#fontello') format('svg');
}
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-angle-down {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

.icon-facebook-official {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

.icon-twitter-squared {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

[class^="icon-"], [class*=" icon-"] {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
/* fix buttons height */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */ }

.icon-angle-down {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

.icon-facebook-official {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

.icon-twitter-squared {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

/* @font-face {
font-family: 'fontello';
src: url("assets/fonts/fontello/fontello.eot?50001317");
src: url("assets/fonts/fontello/fontello.eot?50001317#iefix") format("embedded-opentype"), url("assets/fonts/fontello/fontello.woff2?50001317") format("woff2"), url("assets/fonts/fontello/fontello.woff?50001317") format("woff"), url("assets/fonts/fontello/fontello.ttf?50001317") format("truetype"), url("assets/font/fontello/fontello.svg?50001317#fontello") format("svg");
font-weight: normal;
font-style: normal; } */

[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/*
* Container style
*/

.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto; }

/*
* Scrollbar rail styles
*/

.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute; }

.ps__rail-y {
display: none;
opacity: 1;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
border: 1px solid #312c1d; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.9; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: transparent;
/*opacity: 0.9;*/ }

/*
* Scrollbar thumb styles
*/

.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute; }

.ps__thumb-y {
background-color: transparent;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
/*width: 6px;*/
width: 11px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
left: 1px;
/* please don't change 'position' */
position: absolute;
/*Modify START*/
background-image: url('img/scrollline.png');
background-repeat: no-repeat;
border-radius: 5px;
background-size: 100% 99%;
background-position: center;
/*Modify END*/ }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: transparent;
height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: transparent;
width: 11px;
left: 1px; }

/* MS supports */

@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important; } }

::-webkit-input-placeholder {
color: #666; }

::-moz-placeholder {
color: #666; }

::-ms-input-placeholder {
color: #666; }

::placeholder {
color: #666; }

::-moz-selection {
background-color: orange;
color: #fff; }

::selection {
background-color: orange;
color: #fff; }

html, body {
height: 100%; }

body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.65;
font-family: "Arial";
overflow-x: hidden; }

body input, body textarea {
border: #666 1px solid;
outline: none; }

body input:focus:required:invalid, body textarea:focus:required:invalid {
border-color: red; }

body input:required:valid, body textarea:required:valid {
border-color: green; }

body button:focus {
outline: none; }

.img-responsive {
display: block;
max-width: 100%;
height: auto; }

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

body {
background-color: black; }

.wrapper {
width: 100%;
margin: 0 auto;
position: relative; }

.container {
max-width: 816px;
width: 100%;
position: relative; }

.container__top {
max-width: 811px; }

.container__champion {
max-width: 841px; }

.container__champion-list {
max-width: 758px; }

.container__pre-battle {
max-width: 951px; }

.text-greena {
color: #12ff00 !important; }

.button, .button a {
color: #d5ca92; }

.button:hover, .button a:hover, .button a:hover, .button a a:hover {
color: #ad856b; }

.bigButtn {
width: 170px;
height: 50px;
background-image: url('img/button_of2f_on2_sprite3.png');
background-color: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
font-size: 17px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: 400;
border: 1.5px solid rgba(0, 0, 0, 0.63);
cursor: pointer;
background-position: -1px 0px;
position: relative; 
text-align: center;    

}

a.bigButtn{
 padding-top: 12px;
}

.bigButtn:hover {
background-image: url('img/button_of2f_on2_sprite3.png');
background-position: -183px 0px; 
text-decoration: none;
color: #d5ca92;
}

.bigButtn span {
position: relative;
top: 1px; }

.bigButtn.active_page {
background-image: url('img/button_of2f_on2_sprite3.png');
background-position: -183px 0px;
color: #ad856b; }

a.cont_bigButtn {
width: 170px;
height: 50px;
display: block; }

.bigbigButtn {
width: 183px;
height: 47px;
background-image: url('img/button__long_off2_on_sprite3.png');
border: 0;
background-repeat: no-repeat;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: 400;
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
background-size: cover;
background-position: 0px 0px; }

.bigbigButtn:hover {
background-image: url('img/button__long_off2_on_sprite3.png');
background-position: 0px -49px; }

a.cont_bigbigButtn {
width: 183px;
height: 47px;
display: block; }

.smallButtn {
width: 131px;
height: 39px;
background-image: url('img/Weapons-OFF_on_sprite3.png');
background-color: #1d0905;
border: 0;
background-repeat: no-repeat;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
font-weight: 400;
cursor: pointer; }

.smallButtn:hover {
background-image: url('img/Weapons-OFF_on_sprite3.png');
background-position: -133px 0;
background-repeat: no-repeat; }

.button_sell_small {
width: 49px;
height: 19px;
background-image: url('img/Sell_button_small.png');
background-repeat: no-repeat;
background-size: cover;
border: 0;
padding: 0;
margin: 0;
position: relative;
cursor: pointer; }

.button_sell_small span {
position: relative;
top: -2px; }

.reset {
width: 148px;
height: 70px;
background-image: url('img/button_overlay5.png');
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
border: 0;
padding: 0;
margin-left: 25px;
margin-top: 17px;
position: relative;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center; }

.reset a {
width: 108px;
height: 30px;
display: block;
background-image: url('img/reset.png');
background-repeat: no-repeat;
background-size: 100%;
position: relative;
text-align: center;
font-size: 11px;
font-family: "Times New Roman", Times, serif;
line-height: 30px;
left: 1px; }

.reset a:hover {
text-decoration: none;
background-image: url('img/reset.png');
background-position: 0px -36px; }

.spedUp {
width: 149px;
height: 63px;
background-image: url('img/button_overlay5_.png');
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
border: 0;
padding: 0;
margin-left: -2px;
margin-top: 3px;
position: relative;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center; }

.spedUp a {
width: 108px;
height: 30px;
display: block;
background-image: url('img/reset.png');
background-repeat: no-repeat;
background-size: 100%;
position: relative;
text-align: center;
font-size: 11px;
font-family: "Times New Roman", Times, serif;
line-height: 30px;
left: 1px; }

.spedUp a:hover {
text-decoration: none;
background-image: url('img/reset.png');
background-position: 0px -36px; }

.changeButton {
width: 75px;
height: 20px;
background-image: url('img/changebutton.png');
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
position: relative;
cursor: pointer;
border: 0;
left: -2px;
top: -1px; }

.changeButton:hover {
background-image: url('img/changebutton.png');
background-position: 0 -29px; }

.changeButton span {
line-height: 17px;
display: block;
font-size: 11px;
font-family: "Times New Roman", Times, serif;
color: #d5ca92; }

.money-string {
background-repeat: no-repeat;
background-size: 20px;
background-position: right;
color: #18ff00;
position: relative; }

.money-string_gold {
background-image: url('img/gold_shiny.png');
background-position: 84%;
padding-right: 25px; }

.money-string_ambrosia {
background-image: url('img/ambrosia.png');
background-size: 15px;
background-position: 80%;
padding-right: 25px; }

.premColor {
color: #ffc822 !important; }

.green {
color: #30ff00; }

.trans {
width: 100%;
height: 170px;
position: absolute;
bottom: 0px;

background-image: url('img/background-shadow.png'); }

.pagination {
width: 100px;
height: 21px;
display: inline-block; }

.pagination__select {
background: transparent;
width: 100%;
color: #dcd3a4;
-moz-appearance: window;
-webkit-appearance: none;
padding-left: 26px;
font-size: 12px;
background-color: #0b0805;
border: 1px solid #312c1d;
background-image: url('img/choseB.png');
background-repeat: no-repeat;
background-position: right center; }

.pagination__select:focus {
outline: -webkit-focus-ring-color auto 0px; }

.pagination__mar-left {
margin-left: 28px; }

.pagination__option {
color: #dcd3a4;
background-color: #0b0805;
font-size: 12px; }

.premium-long-ornament {
height: 14px;
width: 100%;
position: relative;
background-image: url('img/symbol.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 1px; }

.title_page-bem {
max-width: 250px;
width: 100%;
min-height: 50px;
max-height: 55px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-image: url('img/pageTitle_r2.png');
background-repeat: no-repeat;
background-position: center;
margin: 0;
padding: 0;
text-transform: uppercase;
text-align: center; }

.input_decorative {
max-width: 277px;
width: 100%;
height: 51px;
position: relative;
background-image: url('img/background_input.png');
background-repeat: no-repeat;
background-position: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.input_decorative__input {
background-color: transparent;
border: 0;
max-width: 170px;
height: 19px;
width: 100%;
text-align: center;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }

.input_decorative__input::-webkit-input-placeholder {
color: #6e6e6e; }

.input_decorative__input::-moz-placeholder {
color: #6e6e6e; }

.input_decorative__input::-ms-input-placeholder {
color: #6e6e6e; }

.input_decorative__input::placeholder {
color: #6e6e6e; }

.input_decorative__input:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px; }

.input_decorative__input:focus::-webkit-input-placeholder {
opacity: 0; }

.input_decorative__input:focus:-moz-placeholder {
opacity: 0; }

.input_decorative__input:focus::-moz-placeholder {
opacity: 0; }

.input_decorative__input:focus:-ms-input- {
opacity: 0; }

.select_decorative {
max-width: 277px;
width: 100%;
height: 51px;
position: relative;
background-image: url('img/background_guild_race.png');
background-repeat: no-repeat;
background-position: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.select_decorative__arrow-left, .select_decorative__arrow-right {
background-repeat: no-repeat;
background-color: transparent;
position: relative;
border: 0;
padding: 0;
margin: 0;
width: 37px;
height: 100%;
background-image: url('img/arrow_unclicked_horizontal.png'); }

.select_decorative__arrow-left:active, .select_decorative__arrow-right:active {
background-image: url('img/arrow_clicked_horizontal.png'); }

.select_decorative__arrow-left {
background-position: center left; }

.select_decorative__arrow-left:active {
background-position: 0% 50%; }

.select_decorative__arrow-right {
background-position: 100.5% 50%; }

.select_decorative__arrow-right:active {
background-position: 100% 50%; }

.select_decorative__field {
background-color: transparent;
border: 0;
max-width: 170px;
height: 19px;
width: 100%;
margin: 0px 3px;
font-size: 14px;
color: #dcd3a4;
text-align: center; }

.old-stats {
max-width: 258px;
width: 100%;
height: 185px;
background-image: url('img/step_2_stats.png');
background-repeat: no-repeat;
background-position: center; }

.old-stats .stat {
width: 210px;
max-width: 100%;
height: 43px;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
align-items: center;
margin: 0px auto; }

.old-stats .stat__one {
margin-top: 15px; }

.old-stats .stat__two {
margin-top: 13px; }

.old-stats .stat__three {
margin-top: 13px; }

.old-stats .stat__name {
max-width: 158px;
width: 100%;
height: 39px;
font-size: 14.8px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4;
position: absolute;
margin: 0;
padding: 0 3px 0 0;
display: flex;
align-items: center; }

.old-stats .stat__name-vitality {
padding-left: 0; }

.old-stats .stat__name .first_lleter {
font-size: 30px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4; }

.old-stats .stat__number {
height: 39px;
width: 39px;
position: absolute;
font-size: 17.8px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4;
text-align: center;
right: 0;
line-height: 39px; }

.old-stats .stat__number-green {
color: #2aff00; }

.title-font {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
color: #d5ca92;
font-weight: 400; }

.skill-single {
width: 225px;
height: 70px;
background-image: url('img/non-premium-socket.png');
background-repeat: no-repeat;
display: inline-block;
background-size: contain;
position: relative;
background-image: url('img/premium-socket.png'); }

.skill-single .wraper-for-img {
float: left;
margin: 0px;
margin-right: 0px;
width: 72px;
height: 72px;
position: relative;
top: 0px;
left: 0px;
display: block;
background-image: url('img/non-golden_circle.png');
background-repeat: no-repeat;
cursor: pointer; }

.skill-single .wraper-for-img .bg_diamond {
width: 40px;
height: 30px;
display: inline-block;
background-image: url('img/under_diamond.png');
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 19px;
left: 12px; }

.skill-single .wraper-for-img .bg_diamond .diamond {
width: 100%;
height: 100%;
display: block;
background-image: url('img/diamonds3.png');
background-repeat: no-repeat;
background-position: -138px 5px; }

.skill-single .wraper-for-img .bg_diamond .blue {
background-image: url('img/diamonds3.png');
background-position: -96px 5px; }

.skill-single .wraper-for-img .bg_diamond .red {
background-position: -12px 5px; }

.skill-single .wraper-for-img .bg_diamond .green {
background-position: -54px 5px; }

.skill-single .wraper-for-img__image {
width: 100%;
height: 100%;
border-radius: 50%;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: 50px 50px;
position: relative; }

.skill-single .wraper-for-img__image.devil {
background-image: url('img/window.jpg'); }

.skill-single .wraper-for-img__image.poison {
background-image: url('img/poison.png'); }

.skill-single .wraper-for-img__image.cold {
background-image: url('img/cold.png');
background-position: 28% 39%; }

.skill-single .wraper-for-img__image.teeth {
background-image: url('img/teeth.png'); }

.skill-tooltip {
width: 240px;
height: 380px;
background-image: url('img/bigSkills.png');
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 3;
text-align: center;
padding: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
display: none; }

.skill-tooltip__img {
width: 100%;
height: 100px;
display: flex;
justify-content: center;
align-items: center; }

.skill-tooltip__img .img {
height: auto; }

.skill-tooltip__title {
height: 45px;
width: 100%;
display: block;
line-height: 1.332; }

.skill-tooltip__title .title {
color: #d5ca92;
margin: 0; }

.skill-tooltip__title .skill-class {
color: #92745f;
font-size: 12px;
margin: 5px 0 0; }

.skill-tooltip img.img_ski_pop2 {
float: none;
margin: auto; }

.skill-tooltip__description {
height: 130px;
width: 100%; }

.skill-tooltip__description .description {
color: #d5ca92;
padding: 4px 13px 13px 13px;
margin: 0;
text-align: center; }

.skill-tooltip__bonus {
min-height: 88px; }

.skill-tooltip__bonus .title, .skill-tooltip__bonus .bonus {
color: #d5ca92;
margin: 0; }

.skill-tooltip__bonus .title {
margin-bottom: 4px; }

.tail-complete {
max-width: 393px;
width: 100%;
height: 166px;
margin: 0 auto;
position: relative;
background-image: url('img/tail.png');
background-repeat: no-repeat;
background-position: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
top: -10px; }

.tail-complete_clear {
top: 0; }

.tail-complete .bigButtn {
top: -3px;
border: 0px solid rgba(0, 0, 0, 0.63); }

.gargoyle {
position: absolute;
bottom: 45px;
width: 100%;
height: 10px; }

.gargoyle__left {
position: absolute;
bottom: 0px;
left: -67px; }

.gargoyle__right {
position: absolute;
bottom: 1px;
right: -35px; }

.wrapper.page-socket .gargoyle,
.wrapper.page-skills .gargoyle,
.wrapper.page-referal .gargoyle {
bottom: 419px; }

.wrapper.page-quest .gargoyle {
bottom: 424px; }

.wrapper.page-quest .gargoyle {
bottom: 424px; }

.wrapper.page-prem .gargoyle,
.wrapper.page-prem_boost .gargoyle,
.wrapper.page-prem_champ .gargoyle,
.wrapper.page-prem_prem .gargoyle {
bottom: 426px; }

.wrapper.page-no-guild .gargoyle,
.wrapper.page-guild .gargoyle {
bottom: 424px; }

.wrapper.page-no-guild .gargoyle__left,
.wrapper.page-guild .gargoyle__left {
left: -65px; }

.wrapper.page-no-guild .gargoyle__right,
.wrapper.page-guild .gargoyle__right {
right: -32px; }

.wrapper.message-revice .gargoyle,
.wrapper.message-neww .gargoyle,
.wrapper.message .gargoyle {
bottom: 430px; }

.wrapper.message-revice .gargoyle__left,
.wrapper.message-neww .gargoyle__left,
.wrapper.message .gargoyle__left {
left: -65px; }

.wrapper.message-revice .gargoyle__right,
.wrapper.message-neww .gargoyle__right,
.wrapper.message .gargoyle__right {
right: -32px; }

.wrapper.page-inventory .gargoyle {
bottom: 109px; }

.wrapper.page-inventory .gargoyle__left {
left: -83px; }

.wrapper.page-inventory .gargoyle__right {
right: -13px; }

.wrapper.page-account .gargoyle {
bottom: 427px; }

.wrapper.page-account .gargoyle__left {
left: -65px; }

.wrapper.page-account .gargoyle__right {
right: -33px; }

.wrapper.page-armory .gargoyle {
bottom: 108px; }

.wrapper.page-armory .gargoyle__left {
left: -83px; }

.wrapper.page-armory .gargoyle__right {
right: -12px; }

.wrapper.page-fight .gargoyle {
bottom: 436px; }

.wrapper.page-fight .gargoyle__left {
left: -65px; }

.wrapper.page-fight .gargoyle__right {
right: -33px; }

@-moz-document url-prefix() {
.many_tree {
position: relative; }
.chat .chat_wrapper {
max-width: 577px !important; } }

section.main {
position: relative;
min-height: 632px;
background-image: url('img/1366.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top; }

header.menu_top {
width: 100%;
height: 30px;
background-color: rgba(0, 0, 0, 0.27);
position: absolute;
top: 0; }

header.menu_top nav.menu_top {
min-height: 30px; }

header.menu_top nav.menu_top ul {
height: 100%;
padding-left: 0;
display: flex;
flex-direction: row;
justify-content: space-between; 
margin:auto;
}

header.menu_top nav.menu_top ul li {
list-style: none;
line-height: 24px; }

header.menu_top nav.menu_top ul li a {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #dcd3a4;
font-weight: 400; }

header.menu_top nav.menu_top ul li a:hover {
color: #dcd3a4;
text-decoration: underline; }

header.menu_top nav.menu_top ul li:first-child {
margin-left: 20px; }

header.menu_top nav.menu_top ul li:last-child {
margin-right: 20px; }

.noIvent {
pointer-events: none; }

.content {
min-height: 517px;
position: absolute;
width: 100%;
bottom: -23px; }

.content .content_body {
background-image: url('img/hero_r2.png'), url('bigMenu2_r4.png');
background-repeat: no-repeat;
height: 506px;
background-size: 100% 78.155% ,100.4% 25.2%;
background-position: 1px 100% , -2px 2px;
position: relative; }

.content .content_body__armor {
background-image: url('img/welcome1.png'), url('bigMenu2_r3_4.png');
background-size: 100.62% 290px ,100.4% 25.2%;
background-position: -3px 59% , -2px 2px; }

.content .content_body__armor__inventory {
background-size: 100.62% 270px ,100.4% 25.2%;
background-position: -3px 54% , -2px 2px;
background-image: url('img/eagle.png'), url('bigMenu2_r3_4.png'); }

.content .content_body__socket {
background-size: 100.4% 25.2%;
background-position: -2px 2px;
background-image: url('img/bigMenu2_r3_4.png'); }

.content .content_body__champion {
background-image: none; }

.deamon {
height: 93px;
width: 356px;
position: absolute;
top: -11%;
background-color: transparent;
left: 27.3%;
background-position: -8px 22px;
background-repeat: no-repeat; }

.deamon .deamon_stat {
width: 100%;
height: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
line-height: 20px;
bottom: 31px; }

.deamon .deamon_stat img {
position: relative; }

.deamon .deamon_stat span {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #dcd3a4; }

.deamon .deamon_stat .left {
position: absolute;
left: 102px; }

.deamon .deamon_stat .right {
right: 105px;
position: absolute; }

.deamon .deamon_stat .yellow {
top: 13%;
left: 150px;
position: absolute; }

.deamon .deamon_stat .red {
top: 10%;
left: 193px;
position: absolute; }

.deamon__poor {
height: 118px;
width: 437px;
top: 12px;
left: initial;
position: relative;
margin: 0 auto;
z-index: 3; }

.deamon__poor .deamon_stat {
bottom: 58px; }

.deamon__poor .deamon_stat .title {
text-transform: uppercase;
margin: 0;
padding: 0; }

.menu_midle {
z-index: 1;
position: relative;
top: 7px; }

.menu_midle ul {
width: 100%;
padding: 20px 20px 10px 20px;
height: 110px;
margin: 0px;
display: flex;
flex-direction: row;
justify-content: space-around;
line-height: 8.5; }

.menu_midle ul li {
list-style: none;
width: 100%;
text-align: center;
overflow: hidden;
background-position: 50% 0px, -5px -4px;
background-repeat: no-repeat;
margin: 0px 0.5px;
height: 74px; }

.menu_midle ul li a {
width: 100%;
text-align: center;
display: block;
font-size: 14.5px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4;
background-size: 56px , auto; }

.menu_midle ul li a:hover {
background-image: url('img/item4_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-5px -4px;
background-repeat: no-repeat;
text-decoration: none;
color: #ad856b; }

.menu_midle ul li a:active {
background-image: url('img/item4_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-5px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item1 {
background-image: url('img/item1_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-5px -4px;
background-repeat: no-repeat; }

.menu_midle ul li a.item1:hover {
background-image: url('img/item1_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-5px -89px;
background-repeat: no-repeat; }

.menu_midle ul li a.item1:active {
background-image: url('img/item1_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-5px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item2 {
background-image: url('img/item2_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px, -133px -4px;
background-repeat: no-repeat; }

.menu_midle ul li a.item2:hover {
background-image: url('img/item2_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-133px -89px;
background-repeat: no-repeat; }

.menu_midle ul li a.item2:active {
background-image: url('img/item2_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-133px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item3 {
background-image: url('img/item3_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-260px -4px;
background-repeat: no-repeat; }

.menu_midle ul li a.item3:hover {
background-image: url('img/item3_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px, -260px -89px;
background-repeat: no-repeat; }

.menu_midle ul li a.item3:active {
background-image: url('img/item3_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-260px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item4 {
background-image: url('img/item4_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px, -387px -4px;
background-repeat: no-repeat; }

.menu_midle ul li a.item4:hover {
background-image: url('img/item4_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-387px -89px;
background-repeat: no-repeat; }

.menu_midle ul li a.item4:active {
background-image: url('img/item4_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-387px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item5 {
background-image: url('img/item5_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px, -514px -4px;
background-repeat: no-repeat; }

.menu_midle ul li a.item5:hover {
background-image: url('img/item5_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-514px -89px;
background-repeat: no-repeat; }

.menu_midle ul li a.item5:active {
background-image: url('img/item5_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-514px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item6 {
background-image: url('img/item6_r.png'), url('buttonCollection3_split.png');
background-position: 50% 0px, -642px -4px;
background-repeat: no-repeat; }

.menu_midle ul li a.item6:hover {
background-image: url('img/item6_r.png'), url('buttonCollection3_split.png');
background-position: 50% 0px,-642px -89px;
background-repeat: no-repeat; }

.menu_midle ul li a.item6:active {
background-image: url('img/item6_r.png'), url('buttonCollection3_split.png');
background-position: 50% 0px,-642px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item1.active_page {
background-image: url('img/item1_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-5px -174px;
background-repeat: no-repeat;
color: #ad856b; }

.menu_midle ul li a.item2.active_page {
background-image: url('img/item2_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-133px -174px;
background-repeat: no-repeat;
color: #ad856b; }

.menu_midle ul li a.item3.active_page {
background-image: url('img/item3_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-260px -174px;
background-repeat: no-repeat;
color: #ad856b; }

.menu_midle ul li a.item4.active_page {
background-image: url('img/item4_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-387px -174px;
background-repeat: no-repeat;
color: #ad856b; }

.menu_midle ul li a.item5.active_page {
background-image: url('img/item5_r.png'), url('buttonCollection2_hover__activate_sprite.png');
background-position: 50% 0px,-514px -174px;
background-repeat: no-repeat; }

.menu_midle ul li a.item6.active_page {
background-image: url('img/item6_r.png'), url('buttonCollection3_split.png');
background-position: 50% 0px,-642px -174px;
background-repeat: no-repeat;
color: #ad856b; }

.body_forHero_andStats {
position: relative;
width: 100%;
min-height: 393px; }

.body_forHero_andStats__armor {
min-height: 274px;
margin-top: 25px; }

.body_forHero_andStats__armor .containerForBigButton {
width: 471px;
margin: auto;
min-height: 80px;
background-image: url('img/background_for_buttons4.png');
background-repeat: no-repeat;
position: relative;
top: -18px; }

.body_forHero_andStats__armor .containerForBigButton .cf {
width: 360px;
height: 56px;
margin: auto;
text-align: center;
position: relative;
top: 3px; }

.body_forHero_andStats__armor .containerForBigButton .cf .armory {
margin-right: 11px; }

.body_forHero_andStats__socket {
min-height: 777px;
margin-top: 25px; }

.body_forHero_andStats .hero_body {
width: 49.76431%;
display: inline-block;
height: 397px;
background-image: url('img/heror2.png');
background-repeat: no-repeat;
background-size: 102% 98%;
background-position: -1px -4px; }

.body_forHero_andStats .hero_stats {
display: inline-block;
width: 49%;
min-height: 397px;
background-repeat: no-repeat;
background-position: -1px 0;
position: relative; }

.body_forHero_andStats .hero_stats .name {
position: relative;
top: -65px;
margin-top: 42px;
font-size: 21px;
font-family: "Times New Roman", Times, serif; }

.body_forHero_andStats .hero_stats .name .lvl {
margin-left: 47px;
position: relative;
color: #dcd3a4;
border-radius: 50px;
/* border: 1px solid red; */
padding: 7px 13px;
top: 0px; }

.body_forHero_andStats .hero_stats .name .lvl.over {
top: 1px;
left: -1px; }

.body_forHero_andStats .hero_stats .name .nick {
margin-left: 70px;
color: #dcd3a4;
font-size: 15.5px;
position: relative;
top: -4px; }

.body_forHero_andStats .hero_stats .name .lvl2 {
margin-left: 62px;
color: #ea0000;
border-radius: 50px;
padding: 7px 13px;
position: relative; }

.body_forHero_andStats .hero_stats .name .lvl2.over {
left: 8px;
top: 1px; }

.body_forHero_andStats .hero_stats .stats {
margin-left: 56.1px;
margin-top: 30px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4; }

.body_forHero_andStats .hero_stats .stats .first {
position: relative; 
top:-58px;
}

.body_forHero_andStats .hero_stats .stats .first .s {
font-size: 33px;
right: -1px;
top: 1px;
position: relative; }

.body_forHero_andStats .hero_stats .stats .first .str {
margin-left: 1px;
position: relative;
top: -5px;
font-size: 14.8px;
left: 0px; }

.body_forHero_andStats .hero_stats .stats .first .number {
margin-left: 111px;
position: relative;
top: -3px;
font-size: 17.8px;
left: -2px; }

.body_forHero_andStats .hero_stats .stats .first .plus_skill {
margin-left: 64px;
position: relative;
top: 6px;
width: 29px;
height: 29px;
display: inline-block;
text-align: center;
background-image: url('img/plus_split.png');
background-size: 100%;
background-repeat: no-repeat; }

.body_forHero_andStats .hero_stats .stats .first .plus_skill:hover {
background-image: url('img/plus_split.png');
background-position: 0px -29px; }

.body_forHero_andStats .hero_stats .stats .first .plus_skill:hover a {
width: 30px;
height: 30px;
display: block; }

.body_forHero_andStats .hero_stats .stats .second {
margin-top: 2px;
position: relative; 
top:-53px;
}

.body_forHero_andStats .hero_stats .stats .second .s {
font-size: 33px;
right: 0px;
top: -1px;
position: relative; }

.body_forHero_andStats .hero_stats .stats .second .str {
margin-left: 1px;
position: relative;
top: -7px;
font-size: 14.8px;
left: 0px; }

.body_forHero_andStats .hero_stats .stats .second .number {
margin-left: 102px;
position: relative;
top: -5px;
font-size: 17.8px;
left: -2px; }

.body_forHero_andStats .hero_stats .stats .second .plus_skill {
margin-left: 64px;
position: relative;
top: 4px;
width: 29px;
height: 29px;
display: inline-block;
text-align: center;
background-image: url('img/plus_split.png');
background-repeat: no-repeat;
background-size: 100%; }

.body_forHero_andStats .hero_stats .stats .second .plus_skill:hover {
background-image: url('img/plus_split.png');
background-position: 0px -29px; }

.body_forHero_andStats .hero_stats .stats .second .plus_skill:hover a {
width: 30px;
height: 30px;
display: block; }

.body_forHero_andStats .hero_stats .stats .last {
margin-top: 2px;
position: relative; 
top:-47px;}

.body_forHero_andStats .hero_stats .stats .last .s {
font-size: 33px;
right: 1px;
top: -2px;
position: relative; }

.body_forHero_andStats .hero_stats .stats .last .str {
margin-left: 1px;
position: relative;
top: -9px;
font-size: 14.8px;
left: -2px; }

.body_forHero_andStats .hero_stats .stats .last .number {
margin-left: 113px;
position: relative;
top: -7px;
font-size: 17.8px;
left: -2px; }

.body_forHero_andStats .hero_stats .stats .last .plus_skill {
margin-left: 64px;
position: relative;
top: 2px;
width: 29px;
height: 29px;
display: inline-block;
text-align: center;
background-image: url('img/plus_split.png');
background-size: 100%;
background-repeat: no-repeat; }

.body_forHero_andStats .hero_stats .stats .last .plus_skill:hover {
background-image: url('img/plus_split.png');
background-position: 0px -29px; }

.body_forHero_andStats .hero_stats .stats .last .plus_skill:hover a {
width: 30px;
height: 30px;
display: block; }

.plus_skills_event {
width: 100%;
height: 100%;
display: block; }

.show_stats_numbeb {
margin: 0 7px 0 auto;
width: auto;
height: 71px;
position: relative;
top: -33px; }

.show_stats_numbeb .hp {
width: 295px;
height: 50px;
background-image: url('img/heal2.png');
background-repeat: no-repeat;
position: relative;
background-size: contain;
margin: 0 auto; }

.show_stats_numbeb .hp .line_container {
position: relative;
height: 18.5px;
width: 241.5px;
margin: auto;
top: 14.5px; }

.show_stats_numbeb .hp .line_container span.hp_line,
.show_stats_numbeb .hp .line_container span.exp_line {
width: 227px;
display: block;
height: 10px;
margin: auto;
border-right-width: thin  !important;
border-bottom-width: thin  !important; }

.show_stats_numbeb .hp .line_container span.hp_line {
height: 9.5px;
border: thin solid #77191f; }

.show_stats_numbeb .hp .line_container span.hp_line .percent {
display: block;
width: 100%;
height: 100%;
background-image: url('img/heeal_line2b.png'), url('heeal_line2.png');
background-repeat: no-repeat;
background-position: right 0px, right;
background-size: 80% 100% ,100%; }

.show_stats_numbeb .hp .line_container span.exp_line {
height: 5.5px;
border: thin  solid #896c56;
background-repeat: no-repeat;
margin-top: 1px; }

.show_stats_numbeb .hp .line_container span.exp_line .percent {
display: block;
width: 100%;
height: 100%;
background-image: url('img/heeal_line2b.png'), url('exp_line2b2.png');
background-repeat: no-repeat;
background-position: right 0px, right;
background-size: 40% 100% , 99.7% 60%; }

.show_stats_numbeb .heal {
width: 90px;
height: 36px;
margin: 0 auto;
background-image: url('img/button_hea_aroundl6.png');
background-repeat: no-repeat;
position: relative;
top: -18px;
display: flex;
right: 0px; }

.show_stats_numbeb .heal a {
width: 100%;
position: relative;
display: flex; }

.show_stats_numbeb .heal a span.butoon_heal {
height: 21.5px;
width: 76.5px;
position: relative;
left: 0.5px;
top: 0px;
display: block;
margin: auto;
background-image: url('img/button_heal_split.png'); }

.show_stats_numbeb .heal a span.butoon_heal:hover {
background-image: url('img/button_heal_split.png');
background-position: 0 -21.8px; }

span.text_heal {
font-size: 13px;
font-family: "Times New Roman", Times, serif;
width: 100%;
display: inline-block;
padding-left: 8px;
margin: 0px;
position: relative;
bottom: 4px;
color: #dcd3a4; }

span.text_heal:hover {
color: #ad856b; }

section.wrapper-for-conent-two {
min-height: 1115px;
background-image: url('img/wrapper6.png');
background-repeat: no-repeat;
background-size: 100% 1199px;
background-position: 0 0;
position: relative;
z-index: 2; }

section.wrapper-for-conent-two__armor {
min-height: 831px; }

section.wrapper-for-conent-two .content_body {
/* background-image: url('img/assets/img/Resave/background/topMidleLast3.png'), url('assets/img/Resave/background/Bottom_4r.png'); */
background-repeat: no-repeat;
height: 1144px;
background-size: 781px,917px 68%;
background-position: center -21px, 50% 102%; }

section.wrapper-for-conent-two .content_body__armor {
/* background-image: url("assets/img/Armory/background/armor_iqip5.png"), url("assets/img/Armory/background/armor_iqip_bottom4.png"); */
background-image: url('img/armor_iqip5.png');
height: 800px;
background-size: 784px 380px,905px 415px;
background-position: 50% 7px, 49% 100.5%; }

.skils {
background-image: url('img/topMidleLast6.png');
min-height: 383px;
background-size: contain;
background-repeat: no-repeat; }

.content_top {
width: 100%;
min-height: 120px;
padding: 30px 14px 14px 14px;
position: relative; }

.content_top .title {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
left: 34.6%;
top: 56px;
width: 250px;
min-height: 50px;
text-align: center;
background-image: url('img/pageTitle_r2.png');
background-repeat: no-repeat;
background-position: center;
text-transform: uppercase; }

.content_top ul {
position: absolute;
right: 32px;
top: 55px; }

.content_top ul li {
float: left;
list-style: none;
width: 42px;
height: 42px;
background-image: url('img/buttonAround.png');
margin-right: 10px;
background-position: center; }

.content_top ul li a {
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
background-position: 6px 6px;
background-image: url('img/button_page_r_split.png');
background-repeat: no-repeat;
color: #fff; }

.content_top ul li a:hover {
background-repeat: no-repeat;
color: #dcd3a4;
text-decoration: none;
background-position: 6px -54px; }

.content_top ul li {
font-size: 17.8px;
font-weight: 400;
font-family: "Times New Roman", Times, serif; }

.content_top ul li.act a {
background-image: url('img/button_page_r_split.png');
background-position: 6px -54px;
color: #dcd3a4;
font-size: 17.8px;
font-weight: 400;
font-family: "Times New Roman", Times, serif; }

.active_btutton {
color: #ffc107;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
left: 37px;
top: 50px;
width: 133px;
min-height: 55px;
background-image: url('img/around-button2.png');
background-repeat: no-repeat;
background-position: center;
font-size: 11px;
font-family: "Times New Roman", Times, serif; }

.active_btutton a {
width: 110px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-image: url('img/skils_active_r_hover_splite.png');
background-repeat: no-repeat;
background-position: 2px 0px;
position: relative;
right: 1px;
top: 0px; }

.active_btutton a:hover {
text-decoration: none;
background-image: url('img/skils_active_r_hover_splite.png');
background-position: 2px -30px; }

.active_btutton a.gold {
/* background-image: url("assets/img/Soc/background/skils_active_no_gold2.png"); */
position: relative; }

.active_btutton__modify {
color: #ffc107;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
left: 37px;
top: 50px;
width: 135px;
min-height: 55px;
background-image: url('img/around-button.png');
background-repeat: no-repeat;
background-position: center;
font-size: 11px;
font-family: "Times New Roman", Times, serif; }

.active_btutton__modify a {
width: 110px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-image: url('img/skils_active_r_hover_splite.png');
background-repeat: no-repeat;
background-position: 2px 0px;
position: relative;
right: -1px;
top: 0px; }

.active_btutton__modify a:hover {
text-decoration: none;
background-image: url('img/skils_active_r_hover_splite.png');
background-position: 2px -30px; }

.active_btutton__modify a.gold {
/* background-image: url("assets/img/Soc/background/skils_active_no_gold2.png"); */
position: relative; }

.skills__block {
width: 100%;
height: 212px;
position: relative;
padding: 0px 17px; }

.skills__block .row-one, .skills__block .row-two, .skills__block .row-three {
display: flex;
flex-direction: row;
justify-content: space-around;
padding-top: 15px;
padding-right: 12px;
padding-left: 5px; }

.skills__block .row-one .skill, .skills__block .row-two .skill, .skills__block .row-three .skill {
width: 225px;
height: 80px;
background-image: url('img/skillBlock.png');
background-repeat: no-repeat;
display: inline-block;
background-size: 100% 98%;
position: relative; }

.skills__block .row-one .skill img, .skills__block .row-two .skill img, .skills__block .row-three .skill img {
float: left;
margin: 9px 9px 9px 0; }

.skills__block .row-one .skill .content_s, .skills__block .row-two .skill .content_s, .skills__block .row-three .skill .content_s {
text-align: center;
font-family: "Times New Roman", Times, serif;
float: left;
margin-top: 20px;
width: 52%; }

.skills__block .row-one .skill .content_s h3, .skills__block .row-two .skill .content_s h3, .skills__block .row-three .skill .content_s h3 {
font-size: 14px;
color: #dcd3a4;
font-weight: 400; }

.skills__block .row-one .skill .content_s p, .skills__block .row-two .skill .content_s p, .skills__block .row-three .skill .content_s p {
font-size: 11px;
color: #92745f;
font-weight: 400; }

.skills__block .row-one .skill.one, .skills__block .row-two .skill.four {
background-image: url('img/skillBlockPrem.png'); }

.row-two .skill.empty {
background-image: url('img/skillBlock.png');
position: relative; }

.row-two .skill.empty a {
position: absolute;
width: 30px;
height: 30px;
top: 33px;
left: 130px;
background-image: url('img/plus_split.png'); }

.row-two .skill.empty a:hover {
background-image: url('img/plus_split.png');
background-position: 0px -30px; }

.skills__block .row-two .skill.empty {
background-image: url('img/skillEmpty4.png'); }

.skills__block .row-two .skill.empty a.active {
background-image: url('img/plus_split.png');
background-position: 0px -29px; }

.equip_and_stat {
width: 100%;
display: flex;
flex-direction: row;
background-image: url('img/Bottom_2_1_r5.png');
background-repeat: no-repeat;
min-height: 791px;
background-size: 100% 100%; }

.equip_and_stat .equip {
width: 50%;
padding-left: 15px; }

.equip_and_stat .equip .weapons {
width: 100%; }

.equip_and_stat .equip .weapons h2 {
height: 50px;
text-align: center;
line-height: 3.64;
background-image: url('img/pageTitle_r2.png');
background-position: center;
background-repeat: no-repeat;
margin-top: 8px; }

.equip_and_stat .equip .armor {
width: 100%;
margin-top: 20px; }

.equip_and_stat .equip .armor .item .item-inner {
text-align: center;
width: 228px;
height: 258px;
margin: 0 auto;
background-image: url('img/eqip_r.png');
background-repeat: no-repeat; }

.equip_and_stat .equip .armor .item .item-inner img {
height: 161px;
width: 166px; }

.equip_and_stat .equip .armor .item .item-inner .name {
font-size: 14px;
color: #dcd3a4;
padding-top: 2px;
margin-bottom: 2.33rem;
font-family: "Times New Roman", Times, serif; }

.equip_and_stat .equip .armor .item .item-inner .gems {
width: 150px;
height: 25px;
display: block;
margin: 0 auto;
background-image: url('img/gem_r.png');
background-repeat: repeat-x;
background-position: 2px 4px;
background-size: 17%, 100%; }

.equip_and_stat .stat {
width: 50%;
padding-left: 3px; }

.equip_and_stat .stat h2 {
height: 50px;
text-align: center;
line-height: 3.64;
background-image: url('img/pageTitle_r2.png');
background-position: center;
background-repeat: no-repeat;
margin-top: 8px; }

.equip_and_stat .stat h3.clan {
text-align: center;
font-size: 15.5px;
font-family: "Times New Roman", Times, serif;
color: #ad856b;
background-image: url('img/clanFlag_r.png');
background-repeat: no-repeat;
background-position-x: 104px;
font-weight: 400; }

.equip_and_stat .stat .text {
width: 275px;
margin: 0 auto;
padding-top: 22px; }

.equip_and_stat .stat .text .box {
font-size: 13px;
font-family: "Times New Roman", Times, serif;
color: #ad856b;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 1.465; }

.equip_and_stat .stat .text .box span.space {
padding-top: 25px; }

.armor_eqipBlock .item, .weapons .item {
margin-top: 28px; }

.armor_eqipBlock .item .item-inner, .weapons .item .item-inner {
text-align: center;
width: 228px;
height: 258px;
margin: 0 auto;
background-image: url('img/eqip_r.png');
background-repeat: no-repeat; }

.armor_eqipBlock .item .item-inner .name, .weapons .item .item-inner .name {
font-size: 14px;
color: #dcd3a4;
padding-top: 2px;
font-family: "Times New Roman", Times, serif; }

.armor_eqipBlock .item .item-inner .gems, .weapons .item .item-inner .gems {
width: 150px;
height: 25px;
display: block;
margin: 16px auto 0 auto;
background-image: url('img/gem_r.png');
background-repeat: repeat-x;
background-position: 2px 4px;
background-size: 17%, 100%; }

img.amor_pic {
position: relative;
left: -3px;
top: -3px; }

section.footer {
width: 100%;
background-image: url('img/footer_r2.png');
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
top: 0px; }

section.footer__armor {
margin-top: -107px;
z-index: 3; }

section.footer__inventory {
margin-top: -62px;
z-index: 3; }

section.footer__socket {
margin-top: -426px;
z-index: 3; }

section.footer__skills_page {
margin-top: -465px;
z-index: 3; }

section.footer__quest {
margin-top: -375px;
z-index: 3; }

section.footer__fight {
margin-top: -380px;
z-index: 3; }

section.footer__guild {
margin-top: -368px;
z-index: 3; }

section.footer__account {
margin-top: -373px;
z-index: 3; }

section.footer__message {
margin-top: -570px;
z-index: 3; }

section.footer__premium {
margin-top: -598px;
z-index: 3; }

section.footer__champion {
margin-top: 0;
top: -26px;
z-index: 1; }

section.footer__champion-list {
top: -8px; }

footer {
min-height: 424px;
width: 100%;
text-align: center;
font-size: 14px; }

img.footer__logo {
margin-top: 80px;
margin-bottom: 54px; }

ul.menu_footer {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 30px; }

ul.menu_footer li {
list-style: none;
padding: 0 7px; }

ul.menu_footer li a {
font-size: 14px;
font-family: "Times New Roman", Times, serif;
color: #ad856b; }

ul.menu_footer li a:hover {
color: #ad856b;
text-decoration: underline; }

.copyright {
color: #352b23;
margin-bottom: 22px;
display: block;
font-family: "Times New Roman", Times, serif; }

.language .text {
color: #352b23;
font-family: "Times New Roman", Times, serif; }

.language .select-lang a.lang {
color: #ad856b;
padding-left: 8px;
text-decoration: none;
font-family: "Times New Roman", Times, serif; }

.language .select-lang a.lang:hover {
text-decoration: underline; }

.social {
position: relative;
width: 150px;
display: block;
margin: 0 auto;
top: 31px; }

.social a.fb {
width: 12.5px;
height: 21.5px;
display: inline-block;
background-image: url('img/facebook.jpg');
background-size: contain;
margin: 0 2px; }

.social a.tw {
width: 21.5px;
height: 21.5px;
display: inline-block;
background-image: url('img/x.jpg');
background-size: contain;
margin: 0 2px; }

.social a.in {
width: 21.5px;
height: 21.5px;
display: inline-block;
background-image: url('img/instagram.jpg');
background-repeat: no-repeat;
background-size: contain;
margin: 0 2px; }

.social a.discord {
width: 21.5px;
height: 21.5px;
display: inline-block;
background-image: url('img/discord.jpg');
background-repeat: no-repeat;
background-size: contain;
margin: 0 2px; }

.content_top .title,
.equip_and_stat .equip .weapons h2.title,
.equip_and_stat .stat h2.title {
margin: 0;
font-weight: 400; }

.equip_and_stat .equip .weapons h2.title,
.equip_and_stat .stat h2.title {
line-height: 2.444;
margin-top: 48px; }

.icon-angle-down {
font-size: 16px;
color: #e9a97a; }

.Arial {
font-family: Arial, Helvetica, sans-serif; }

.Roman {
font-family: "Times New Roman", Times, serif; }

.popUpLVL, .popUpLvlVi, .hpLineTitle, .expLineTitle, .popUplivlind, .champion_eye, .pup_champion_eye, .pup_champion_body, .pup_champion_head {
width: 240px;
height: 82px;
background-image: url('img/big.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3;
text-align: center;
padding: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
display: none; }

.popUpLVL .line, .popUpLvlVi .line, .hpLineTitle .line, .expLineTitle .line, .popUplivlind .line, .champion_eye .line, .pup_champion_eye .line, .pup_champion_body .line, .pup_champion_head .line {
display: block;
line-height: 1.532; }

.popUpLVL .line:first-child, .popUpLvlVi .line:first-child, .hpLineTitle .line:first-child, .expLineTitle .line:first-child, .popUplivlind .line:first-child, .champion_eye .line:first-child, .pup_champion_eye .line:first-child, .pup_champion_body .line:first-child, .pup_champion_head .line:first-child {
padding-top: 10px; }

.popUpLVL .line .text, .popUpLvlVi .line .text, .hpLineTitle .line .text, .expLineTitle .line .text, .popUplivlind .line .text, .champion_eye .line .text, .pup_champion_eye .line .text, .pup_champion_body .line .text, .pup_champion_head .line .text {
color: #92745f; }

.popUpLVL .line .number, .popUpLvlVi .line .number, .hpLineTitle .line .number, .expLineTitle .line .number, .popUplivlind .line .number, .champion_eye .line .number, .pup_champion_eye .line .number, .pup_champion_body .line .number, .pup_champion_head .line .number {
color: #d5ca92; }

.name .popUpLVL {
top: -82px;
left: 67px; }

.hero_stats .name .popUpLvlVi {
top: 34px;
right: -191px;
left: inherit; }

.hero_stats .name .popUpLvlVi .line {
display: block;
line-height: 1.532; }

.hero_stats .name .popUpLvlVi .line:first-child {
padding-top: 10px; }

.hero_stats .name .popUpLvlVi .line .number {
color: #ea0000; }

.popUplivlind span.line {
border-bottom: 0px; }

.line_container .hpLineTitle {
top: -94px;
right: -191px;
left: inherit; }

.line_container .hpLineTitle .line {
display: block;
line-height: 1.532; }

.line_container .hpLineTitle .line:first-child {
padding-top: 10px; }

.line_container .expLineTitle {
top: 24px;
left: -188px;
right: inherit; }

.line_container .expLineTitle .line {
display: block;
line-height: 1.532; }

.line_container .expLineTitle .line:first-child {
padding-top: 10px; }

.popUpPlus1, .popUpPlus2, .popUpPlus3 {
width: 167px;
height: 54px;
background-image: url('img/skills.png');
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 3;
text-align: center;
padding: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
left: 34px;
top: 9px;
display: none; }

.popUpPlus1 .line, .popUpPlus2 .line, .popUpPlus3 .line {
display: block;
line-height: 1.332;
padding-top: 10px; }

.popUpPlus1 .line .text, .popUpPlus2 .line .text, .popUpPlus3 .line .text {
color: #d5ca92; }

.one .skillAura, .two .skillAura, .three .skillAura, .four .skillAura {
width: 240px;
height: 380px;
background-image: url('img/bigSkills.png');
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 3;
text-align: center;
padding: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
left: 58px;
top: 78px; }

.one .skillAura img.img_ski_pop, .two .skillAura img.img_ski_pop, .three .skillAura img.img_ski_pop, .four .skillAura img.img_ski_pop {
float: none;
margin: auto;
margin-top: 13px; }

.one .skillAura img.img_ski_pop2, .two .skillAura img.img_ski_pop2, .three .skillAura img.img_ski_pop2, .four .skillAura img.img_ski_pop2 {
float: none;
margin: auto; }

.one .skillAura .skillAura__description, .two .skillAura .skillAura__description, .three .skillAura .skillAura__description, .four .skillAura .skillAura__description {
color: #d5ca92;
padding: 4px 13px 13px 13px;
margin: 0;
text-align: center; }

.one .skillAura .line, .two .skillAura .line, .three .skillAura .line, .four .skillAura .line {
display: block;
line-height: 1.332; }

.one .skillAura .line .text, .two .skillAura .line .text, .three .skillAura .line .text, .four .skillAura .line .text {
color: #d5ca92; }

.one .skillAura .line .text_dark, .two .skillAura .line .text_dark, .three .skillAura .line .text_dark, .four .skillAura .line .text_dark {
color: #92745f;
font-size: 12px; }

.three #skillAura3, #build_3, #build_6, #build_9 {
left: 48px; }

.skillAura .one {
margin-top: 15px; }

.skillAura .two {
margin-top: 4px; }

.skillAura .three {
margin-top: 4px; }

.skillAura .four {
margin-top: 4px; }

.skillAura .five {
margin-top: 4px; }

.skillAura .six {
margin-top: 4px; }

.skillAura .seven {
margin-top: 6px; }

.skillAura .eight {
margin-top: 4px; }

#skill_1, #skill_2, #skill_3, #skill_4 {
cursor: pointer; }

.welcome-text {
font-size: 17px;
font-family: "Times New Roman", Times, serif;
color: #d5ca92;
text-align: center; }

.welcome-text p {
margin-bottom: 0; }

.selectItem {
width: 366px;
height: 66px;
background-image: url('img/Weapons-and-Armors-buttons.png');
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
position: relative;
top: 23px; }

.selectItem .weapons {
margin-right: 6px; }

.armor_eqipBlock {
max-width: 783px;
width: 100%;
height: 384px;
padding: 34px 14px 28px 19px;
display: flex; }

.armor_eqipBlock__def {
margin-top: -77px;
background-image: url('img/armor_iqip6.png');
background-repeat: no-repeat;
background-size: 100% 100%;
height: 478px;
padding: 23px 14px 28px 19px; }

.armor_eqipBlock__def .block-def {
margin-top: 40px; }

.armor_eqipBlock__def .info-block {
margin-top: 64px; }

.armor_eqipBlock__sword {
background-image: url('img/armor_iqip5.png');
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
top: -77px; }

.info-block {
width: 236px;
height: 200px;
display: inline-block;
position: relative;
margin-top: 56px;
background-image: url('img/background_shadow2.png');
background-repeat: no-repeat; }

.info-block__inventory {
background-image: none;
margin-top: 9px;
height: 110px; }

.info-block.left {
background-position: left top;
left: -19px; }

.info-block.right {
background-position: right top;
left: -21px;
background-image: url('img/background_shadow2-right2.png');
text-align: center; }

.info-block.right .text-desc {
color: #ab9667;
padding: 14px 15px 0px 22px;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
line-height: 1.365;
font-style: italic;
font-weight: 400; }

.info-block.right .buy {
position: absolute;
bottom: -20px;
left: 35px; }

.block-sword, .block-def {
display: inline-block;
margin-left: 21px;
margin-top: auto;
margin-bottom: auto; }

.block-sword .item-inner, .block-def .item-inner {
margin: 0; }

.block-sword .item-inner .gems__armor, .block-def .item-inner .gems__armor {
width: 150px;
height: 30px;
display: flex;
margin: 3px auto 0 auto;
justify-content: center; }

.block-sword .item-inner .gems__armor .gem, .block-def .item-inner .gems__armor .gem {
width: 24px;
height: 29px;
display: inline-block;
background-repeat: no-repeat; }

.block-sword .item-inner .gems__armor .gem.one, .block-def .item-inner .gems__armor .gem.one {
background-image: url('img/gems.png');
background-position: 0px 4px; }

.block-sword .item-inner .gems__armor .gem.two, .block-def .item-inner .gems__armor .gem.two {
background-image: url('img/gems.png');
background-position: 0px 4px; }

.block-sword .item-inner .gems__armor .gem.three, .block-def .item-inner .gems__armor .gem.three {
background-image: url('img/gems.png');
background-position: -46px 4px; }

.block-sword .item-inner .gems__armor .gem.four, .block-def .item-inner .gems__armor .gem.four {
background-image: url('img/gems.png');
background-position: -46px 4px; }

.block-sword .item-inner .gems__armor .gem.five, .block-def .item-inner .gems__armor .gem.five {
background-image: url('img/gems.png');
background-position: -46px 4px; }

.block-sword .item-inner .gems__armor .gem.six, .block-def .item-inner .gems__armor .gem.six {
background-image: url('img/gems.png');
background-position: -114px 4px; }

.block-sword .item-inner .gems__armor .gem.none, .block-def .item-inner .gems__armor .gem.none {
background-image: url('img/gems.png');
background-position: -139px 4px; }

.block-def {
margin-top: 32px; }

.text-list {
height: 20px;
width: 205px;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
margin-left: 20px; }

.text-list .img, .text-list .ambrosia {
width: 17px;
height: 17px;
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: 1px; }

.text-list .ambrosia {
background-image: url('img/ambrosia.png');
width: 23px;
height: inherit; }

.text-list .gold {
width: 23px;
height: inherit;
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: 3px;
background-image: url('img/gold_shiny.png'); }

.text-list .name {
color: #92745f;
padding-left: 3px; }

.text-list .param {
color: #d5ca92; }

.text-list.one {
margin-top: 21px; }

.text-list.one .img {
background-image: url('img/Icons.png');
background-position: 0 4px; }

.text-list.two .img {
background-image: url('img/Icons.png');
background-position: 0 -19px; }

.text-list.three .img {
background-image: url('img/Icons.png');
background-position: 0 -43px; }

.text-list.four .img {
background-image: url('img/Icons.png');
background-position: 0 -66px; }

.text-list.none .img {
background-image: url('img/Icons.png');
background-position: 0 -83px; }

.text-list.currency .ambrosia {
background-image: url('img/ambrosia.png');
background-position: 0 0px;
width: 20px;
height: 20px;
margin-left: 2px; }

.block_sword_req {
margin-top: 33px; }

.currency {
margin-top: 3px; }

.armor_eqipBlock__def .info-block.right {
text-align: left; }

.armor_eqipBlock__def .info-block.left .text-list.one .img {
background-image: url('img/Icons_def.png');
background-position: 0 4px; }

.armor_eqipBlock__def .info-block.left .text-list.two .img {
background-image: url('img/Icons_def.png');
background-position: 0 -19px; }

.armor_eqipBlock__def .info-block.left .text-list.three .img {
background-image: url('img/Icons_def.png');
background-position: 0 -43px; }

.armor_eqipBlock__def .info-block.left .text-list.four .img {
background-image: url('img/Icons_def.png');
background-position: 0 -66px; }

.armor_eqipBlock__def .info-block.left .text-list.none .img {
background-image: url('img/Icons_def.png');
background-position: 0 -83px; }

.armor_eqipBlock__def .info-block.left .text-list.currency .ambrosia {
background-image: url('img/ambrosia.png');
background-position: 0 0px;
width: 20px;
height: 20px;
margin-left: 2px; }

.garg-cont {
position: absolute;
bottom: 45px;
width: 100%;
height: 10px; }

.garg-cont .garg-left {
position: absolute;
bottom: 0px;
left: -67px; }

.garg-cont .garg-right {
position: absolute;
bottom: 1px;
right: -35px; }

.block-long-two-part {
display: flex;
min-height: 730px;
max-width: 783px;
width: 100%;
position: relative;
top: -97px;
background-image: url('img/background-center2.png');
background-repeat: no-repeat;
background-size: 100% 100%; }

.block-long-two-part .block-long-two-part__left,
.block-long-two-part .block-long-two-part__right {
width: 49.5%;
display: inline-block;
min-height: 730px; }

.block-long-two-part__top-background {
height: 305px;
width: 364px;
background-image: url('img/item_img_background.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
margin-top: 20px;
margin-left: 17px; }

.block-long-two-part__item-iner {
height: 227px;
width: 190px;
background-image: url('img/under_eqip.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
margin: 0 auto;
top: 56px;
position: relative; }

.block-long-two-part__name {
color: #d5ca92;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
text-align: center;
padding-top: 2px; }

.block-long-two-part__img {
position: relative; }

.block-long-two-part__bottom-background {
position: relative;
height: 406px;
width: 100%;
background-image: url('img/item_text_background_3.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 100%;
top: -23px;
left: 5px; }

.weaponbox__foreground {
width: 314px;
height: 330px;
position: relative;
margin: auto;
top: 35px; }

.weaponbox__foreground .all_widdth_and_height {
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center; }

.weaponbox__foreground .all_widdth_and_height .block_star {
width: 263px;
height: 105px;
margin-top: 44px; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks {
width: 100%;
position: relative; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 {
width: 128px;
display: inline-block; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block {
height: 30px;
width: 128px;
position: relative;
display: inline-flex; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond {
width: 40px;
height: 100%;
display: inline-block;
background-image: url('img/under_diamond.png');
background-repeat: no-repeat;
background-position: center; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .diamond, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .diamond {
width: 100%;
height: 100%;
display: block;
background-image: url('img/diamonds3.png');
background-repeat: no-repeat;
background-position: -138px 5px; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .blue, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .blue {
background-image: url('img/diamonds3.png');
background-position: -96px 5px; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .red, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .red {
background-position: -12px 5px; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .green, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .green {
background-position: -54px 5px; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .info, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .info {
width: 92px;
height: 100%;
font-size: 13px;
display: inline-block;
line-height: 2.5;
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
padding-left: 1px; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .empty .info, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .empty .info {
color: #92745f; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .no-sock .bg_diamond .diamond, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .no-sock .bg_diamond .diamond {
background-image: none; }

.weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .no-sock .info, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .no-sock .info {
color: #313131; }

.weaponbox__foreground .active_btutton {
left: unset;
top: unset;
bottom: 4px; }

.block-long-two-part__right {
margin-left: 0.1%; }

.block-long-two-part__right .text-list.three .img {
background-image: url('img/Icons_def.png');
background-position: 0px -42px; }

.inventory_cont .armor_eqipBlock__sword {
margin-top: -22px; }

.qantity {
padding-left: 21px;
margin-top: 4px; }

.qantity form {
display: inline-block;
font-size: 14px;
font-family: "Times New Roman", Times, serif; }

.qantity form .number {
width: 36px;
height: 19px;
color: #d5ca92;
text-align: center;
background-image: url('img/quantity.png');
background-repeat: no-repeat;
background-size: cover;
border: none; }

.qantity form .button_sell_small {
position: relative;
top: 2px;
padding: 0;
margin: auto; }

.block-short-near-menu {
display: block;
min-height: 780px;
max-width: 785px;
width: 100%;
position: relative;
top: -373px;
background-image: url('img/background_content_new.png');
background-repeat: no-repeat;
background-size: 100% 100%;
left: -1px; }

.block-short-near-menu.questPage {
background-image: none; }

.reset_and_number_soc {
max-height: 110px;
position: relative;
width: 751px;
margin: 0 auto;
top: 25px; }

.num_soc {
width: 200px;
height: 70px;
background-image: url('img/soc_number.png');
background-repeat: no-repeat;
background-position: 0 0;
display: inline-flex;
align-items: center;
color: #dcd3a4;
position: absolute;
margin-top: 22px;
right: 19px; }

.num_soc .number {
font-size: 20px;
position: relative;
left: 37px;
top: -3px;
font-family: "Times New Roman", Times, serif; }

.num_soc .text {
font-size: 18px;
position: relative;
right: -63px;
top: -3px;
font-family: "Times New Roman", Times, serif; }

.chose_item {
width: 741px;
height: 35pxW;
margin: 43px auto 0 auto;
display: flex;
line-height: 35px;
outline: none;
position: relative;
left: 1px; }

.chose_item .left, .chose_item .center, .chose_item .chose, .chose_item .change {
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
display: inline-block;
height: 35pxW; }

.chose_item .left {
background-image: url('img/left.png');
text-align: center;
font-size: 14px;
color: #92745f;
font-family: "Times New Roman", Times, serif;
width: 187px;
background-size: 182px 35px;
margin-left: 4px;
background-position: center left; }

.chose_item .center {
background-image: url('img/choseB.png'), url('center.png');
text-align: left;
color: #dcd3a4;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
width: 492px;
background-size: 17px 35px , 466px 35px;
background-position: 100.31% 0px , left 0px;
overflow: hidden; }

.chose_item .change {
background-image: url('img/change.png');
width: 87px;
background-size: 84px 35px;
display: flex;
align-items: center;
justify-content: center; }

.select-weapon {
background: transparent;
width: 100%;
color: #dcd3a4;
border: 0;
-moz-appearance: window;
-webkit-appearance: none;
padding-left: 15px; }

.select-weapon:focus {
outline: -webkit-focus-ring-color auto 0px; }

.select-weapon option {
color: #dcd3a4;
background-color: #0b0805; }

.content-three-part {
display: flex; }

.content-three-part .part-one-check {
height: 480px;
width: 180px;
margin-left: 27px;
background-image: url('img/left_bottom.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 10px; }

.content-three-part .part-one-check .text {
font-size: 15px;
color: #dcd3a4;
font-family: "Times New Roman", Times, serif;
padding-left: 10px;
width: 100%;
height: 26px;
display: block;
background: linear-gradient(90deg, rgba(6, 3, 5, 0.4) 60px, rgba(6, 3, 5, 0.1));
width: 92%;
margin: auto; }

.content-three-part .part-one-check .chbox,
.content-three-part .part-one-check .chboxDef,
.content-three-part .part-one-check .chboxUti {
width: 100%;
height: 21px;
display: flex;
align-items: center;
position: relative; }

.content-three-part .part-one-check .chbox label,
.content-three-part .part-one-check .chboxDef label,
.content-three-part .part-one-check .chboxUti label {
width: 100%;
color: #92745f;
font-size: 15px;
padding-left: 22px;
margin: 0;
font-family: "Times New Roman", Times, serif; }

.chbox.one #chelem_1,
.chbox.two #chelem_2,
.chbox.three #chelem_3,
.chbox.four #chelem_4,
.chbox.five #chelem_5,
.chbox.six #chelem_6,
.chbox.seven #chelem_7,
.chboxDef.one #chelem_2_1,
.chboxDef.two #chelem_2_2,
.chboxDef.three #chelem_2_3,
.chboxDef.four #chelem_2_4,
.chboxDef.five #chelem_2_5,
.chboxDef.six #chelem_2_6,
.chboxUti.one #chelem_3_1,
.chboxUti.two #chelem_3_2,
.chboxUti.three #chelem_3_3,
.chboxUti.four #chelem_3_4,
.chboxUti.five #chelem_3_5 {
display: none; }

.chbox.one .checkbox-custom,
.chbox.two .checkbox-custom,
.chbox.three .checkbox-custom,
.chbox.four .checkbox-custom,
.chbox.five .checkbox-custom,
.chbox.six .checkbox-custom,
.chbox.seven .checkbox-custom,
.chboxDef.one .checkbox-custom,
.chboxDef.two .checkbox-custom,
.chboxDef.three .checkbox-custom,
.chboxDef.four .checkbox-custom,
.chboxDef.five .checkbox-custom,
.chboxDef.six .checkbox-custom,
.chboxUti.one .checkbox-custom,
.chboxUti.two .checkbox-custom,
.chboxUti.three .checkbox-custom,
.chboxUti.four .checkbox-custom,
.chboxUti.five .checkbox-custom {
position: absolute;
width: 13px;
height: 13px;
display: inline-block;
right: 11px;
top: 5px;
background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEWSdF9QPzM0KCALCAUAAADP46GOAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEVJREFUWMPt2UENACAMADFAATggs4B/b2jYB7Kk96+Ca02F6ivSrfkdjzjpYsMwDMMwDMMwDMMwDMMwDMMw/BoXXREq0QXJPDU3HQf9ogAAAABJRU5ErkJggg==");
background-size: contain;
background-repeat: no-repeat; }

.chbox.one #chelem_1:checked + .checkbox-custom,
.chbox.two #chelem_2:checked + .checkbox-custom,
.chbox.three #chelem_3:checked + .checkbox-custom,
.chbox.four #chelem_4:checked + .checkbox-custom,
.chbox.five #chelem_5:checked + .checkbox-custom,
.chbox.six #chelem_6:checked + .checkbox-custom,
.chbox.seven #chelem_7:checked + .checkbox-custom,
.chboxDef.one #chelem_2_1:checked + .checkbox-custom,
.chboxDef.two #chelem_2_2:checked + .checkbox-custom,
.chboxDef.three #chelem_2_3:checked + .checkbox-custom,
.chboxDef.four #chelem_2_4:checked + .checkbox-custom,
.chboxDef.five #chelem_2_5:checked + .checkbox-custom,
.chboxDef.six #chelem_2_6:checked + .checkbox-custom,
.chboxUti.one #chelem_3_1:checked + .checkbox-custom,
.chboxUti.two #chelem_3_2:checked + .checkbox-custom,
.chboxUti.three #chelem_3_3:checked + .checkbox-custom,
.chboxUti.four #chelem_3_4:checked + .checkbox-custom,
.chboxUti.five #chelem_3_5:checked + .checkbox-custom {
background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEWSdF9QPzM0KCALCAUAAADP46GOAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFFJREFUWMPt2bENgDAQBEEDDdgdoK/AEv335hZ4EvTybD7hRdeaCnWMSDf67/iMJ13c8IZ4vp3CBcMwDMMwDMMwDMMwDMPwd5wL3gwXvSJUogUU2ZdEYL3fIAAAAABJRU5ErkJggg==");
background-repeat: no-repeat; }

.many_tree {
width: 247px;
height: 480px;
background-image: url('img/left_second.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 10px;
overflow-x: hidden;
/* width */
/* Track */
/* Handle */
/* Handle on hover */ }

.many_tree::-webkit-scrollbar {
width: 15px;
border-radius: 5px; }

.many_tree::-webkit-scrollbar-track {
border: 1px solid #312c1d;
background: #090604; }

.many_tree::-webkit-scrollbar-thumb {
background-image: url('img/scrollline.png');
background-repeat: no-repeat;
border-radius: 5px;
background-size: 79% 100%;
background-position: center; }

.many_tree::-webkit-scrollbar-button:vertical:decrement {
background-image: url('img/scrollline-button-up.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.many_tree::-webkit-scrollbar-button:vertical:increment {
background-image: url('img/scrollline-button-down.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.many_tree .top_graph, .many_tree .bottom_graph {
position: absolute;
height: 5px;
width: 232px;
background-image: url('img/left_second.png');
background-repeat: no-repeat;
z-index: 3; }

.many_tree .top_graph {
background-position: top center;
margin-top: -10px; }

.many_tree .bottom_graph {
background-position: bottom center;
bottom: 134px; }

.many_tree .top_graph, .many_tree .bottom_graph {
display: none; }

.three_skilone {
width: 225px;
height: 70px;
background-image: url('img/non-premium-socket.png');
background-repeat: no-repeat;
display: inline-block;
background-size: contain;
position: relative;
margin-top: -5px;
margin-left: 4px; }

.three_skilone span.skilthing {
float: left;
margin: 0px;
margin-right: 0px;
width: 72px;
height: 72px;
position: relative;
top: 0px;
left: 0px;
display: block;
background-image: url('img/non-golden_circle.png');
background-repeat: no-repeat; }

.three_skilone span.skilthing .bg_diamond {
width: 40px;
height: 30px;
display: inline-block;
background-image: url('img/under_diamond.png');
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 19px;
left: 12px; }

.three_skilone span.skilthing .bg_diamond .diamond {
width: 100%;
height: 100%;
display: block;
background-image: url('img/diamonds3.png');
background-repeat: no-repeat;
background-position: -138px 5px; }

.three_skilone span.skilthing .bg_diamond .blue {
background-image: url('img/diamonds3.png');
background-position: -96px 5px; }

.three_skilone span.skilthing .bg_diamond .red {
background-position: -12px 5px; }

.three_skilone span.skilthing .bg_diamond .green {
background-position: -54px 5px; }

.three_skilone .round_skill {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 10px;
left: 6px; }

.three_skilone .round_skill.devil {
background-image: url('img/window.jpg'); }

.three_skilone .round_skill.poison {
background-image: url('img/poison.png'); }

.content_s {
text-align: center;
font-family: "Times New Roman", Times, serif;
float: left;
margin-top: 8px;
width: 68%; }

.content_s h3 {
font-size: 14px;
color: #dcd3a4;
font-weight: 400;
margin-top: 2px; }

.content_s p {
font-size: 11px;
color: #92745f;
font-weight: 400;
margin-top: -1px; }

.infoSkill {
width: 310px;
height: 480px;
background-image: url('img/right-bottom.png');
background-repeat: no-repeat;
background-size: 100% 100%;
font-weight: bold; }

.infoSkill .display {
width: 100%;
height: 260px;
background-image: url('img/display2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative; }

.infoSkill .display .dispplay_head {
width: 100%;
height: 160px;
background-image: url('img/around_nck.png');
background-repeat: no-repeat;
background-size: 100%;
position: relative; }

.infoSkill .display .dispplay_head .line-diamond-nick {
position: relative;
top: 37px; }

.infoSkill .display .dispplay_head .line-diamond-nick .nick {
font-size: 16px;
font-family: "Times New Roman", Times, serif;
font-weight: 400;
color: #dcd3a4;
position: relative;
left: 103px;
top: -6px; }

.infoSkill .display .dispplay_head .display__desc {
max-width: 270px;
position: absolute;
bottom: 20px;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-weight: 400;
color: #92745f;
margin: auto;
left: 45px;
right: auto;
text-align: center; }

.infoSkill .display .stat {
font-size: 13px;
font-family: "Times New Roman", Times, serif;
font-weight: 400;
color: #dcd3a4;
text-align: center;
margin-top: 2px; }

.infoSkill .display .active_btutton {
position: absolute;
bottom: 14px;
left: 85px;
top: initial; }

.bg_diamondDisplay {
width: 40px;
height: 30px;
display: inline-block;
background-image: url('img/under_diamond.png');
background-repeat: no-repeat;
background-position: center;
position: relative;
left: 31px; }

.bg_diamondDisplay .diamond {
width: 100%;
height: 100%;
display: block;
background-image: url('img/diamonds3.png');
background-repeat: no-repeat;
background-position: -138px 5px; }

.bg_diamondDisplay .blue {
background-image: url('img/diamonds3.png');
background-position: -96px 5px; }

.bg_diamondDisplay .red {
background-position: -12px 5px; }

.bg_diamondDisplay .green {
background-position: -54px 5px; }

.infoSkill.skill .bg_diamondDisplay.circle {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 10px;
left: 6px; }

.infoSkill.skill .bg_diamondDisplay.devil {
background-image: url('img/window.jpg');
left: 29px;
width: 45px;
height: 45px;
top: 9px; }

.infoSkill.skill .bg_diamondDisplay.poison {
background-image: url('img/poison.png'); }

.infoSkill.skill .dispplay_head .line-diamond-nick {
top: 20px; }

.infoSkill .display .dispplay_head .line-diamond-nick .nick {
top: -8px; }

.infoSkill_bonus {
width: 100%; }

.infoSkill_bonus .text_top {
width: 100%;
height: 30px;
padding-left: 13px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #92745f;
background-image: url('img/under.png');
background-size: 100% 100%;
margin: 0;
line-height: 28px; }

.infoSkill_bonus .bonus_line_with_params {
width: 100%;
height: 30px;
display: flex;
padding-top: 3px; }

.infoSkill_bonus .bonus_line_with_params .diamond, .infoSkill_bonus .bonus_line_with_params .text, .infoSkill_bonus .bonus_line_with_params .arrow, .infoSkill_bonus .bonus_line_with_params .number, .infoSkill_bonus .bonus_line_with_params .ambrosia {
display: inline-block;
height: 30px; }

.infoSkill_bonus .bonus_line_with_params .diamond {
width: 40px; }

.infoSkill_bonus .bonus_line_with_params .diamond .bg_diamondDisplay {
left: 0; }

.infoSkill_bonus .bonus_line_with_params .text {
width: 174px;
color: #dcd3a4;
font-family: "Times New Roman", Times, serif;
font-weight: 400;
font-size: 15px;
line-height: 30px;
padding-left: 20px; }

.infoSkill_bonus .bonus_line_with_params .text.empty {
color: #92745f; }

.infoSkill_bonus .bonus_line_with_params .text.nosoc {
color: #565656; }

.infoSkill_bonus .bonus_line_with_params .arrow {
width: 30px;
background-image: url('img/arrow_split2.png');
background-repeat: no-repeat;
background-size: 100%; }

.infoSkill_bonus .bonus_line_with_params .arrow:hover {
background-position: 0 -48px; }

.infoSkill_bonus .bonus_line_with_params .arrow.empty {
display: none; }

.infoSkill_bonus .bonus_line_with_params .number {
width: 25px;
font-size: 11px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4;
line-height: 30px;
text-align: center;
position: relative;
right: -2px; }

.infoSkill_bonus .bonus_line_with_params .number.empty {
display: none; }

.infoSkill_bonus .bonus_line_with_params .ambrosia {
width: 30px;
display: flex;
justify-content: center;
align-items: center; }

.infoSkill_bonus .bonus_line_with_params .ambrosia .amb {
width: 17px;
height: 17px;
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: -1px;
background-image: url('img/ambrosia.png'); }

.infoSkill_bonus .bonus_line_with_params .ambrosia.empty {
display: none; }

.title_page {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
left: 34.6%;
top: 0px;
width: 250px;
min-height: 50px;
text-align: center;
background-image: url('img/pageTitle_r2.png');
background-repeat: no-repeat;
background-position: center;
text-transform: uppercase;
margin-top: 24px; }

.block-short-near-menu.skillPage {
min-height: 740px; }

.block-short-near-menu.skillPage .content-three-part {
margin-top: 37px; }

.block-short-near-menu.skillPage .content-three-part .many_tree {
font-weight: bold;
overflow-y: scroll; }

.buy_one_hundred .button_text {
position: relative;
left: -9px;
font-family: "Times New Roman", Times, serif;
font-weight: 300; }

.buy_one_hundred .button .gold {
position: absolute;
right: 20px;
top: 5px; }

.infoSkill.skill .learn span {
font-weight: 300; }

.skillPage .many_tree .bottom_graph {
bottom: 0px; }

.skillPage .infoSkill .display .dispplay_head .line-diamond-nick .nick {
top: -6px; }

.infoSkill_bonus.skillsPage .bonus_line_with_params {
height: 20px; }

.infoSkill_bonus.skillsPage .bonus_line_with_params .text {
height: 20px;
line-height: 20px;
width: 100%;
font-size: 14px; }

.infoSkill_bonus.skillsPage .bonus_line_with_params .text.green {
color: #00c005; }

.questPage {
position: relative; }

.questPage .comon_quest {
display: flex;
height: 385px;
position: relative;
background-image: url('img/left_top.png'), url('right_top_clear.png'), url('back_coom.png');
background-repeat: no-repeat;
background-size: 51% 399px, 51% 392px , 100% 100%;
color: #d5ca92;
background-position: left , right , center; }

.questPage .comon_quest .comon_left {
width: 50%;
height: inherit;
position: relative;
top: 4px; }

.questPage .comon_quest .comon_left .cont {
padding: 40px 40px 30px 40px;
width: 100%;
height: inherit; }

.questPage .comon_quest .comon_left .cont .title {
text-align: center;
margin-top: -1px;
top: -8px;
position: relative;
text-transform: uppercase;
left: 5px; }

.questPage .comon_quest .comon_left .cont .quest_items {
height: 93px;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center; }

.questPage .comon_quest .comon_left .cont .quest_items .quest_item {
height: 93px;
width: 92px;
display: inline-flex;
background-image: url('img/quest-deco.png');
align-items: center;
justify-content: center;
background-size: 100% 100%; }

.questPage .comon_quest .comon_left .cont .quest_items .quest_item .block {
background-image: url('img/block_fill.png');
width: 76px;
height: 77px;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center; }

.questPage .comon_quest .comon_left .cont .quest_items.line_one {
top: 11px;
left: 4px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_one .block {
background-image: url('img/block_fill.png');
width: 76px;
height: 77px;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center; }

.questPage .comon_quest .comon_left .cont .quest_items.line_one .block .q_skill {
width: 41px;
height: 44px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
top: -1px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_one .block .skil_one {
background-image: url('img/hug_2.png');
left: -1px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_one .block .skil_two {
background-image: url('img/horses_2.png');
left: -1px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_one .block .skil_three {
background-image: url('img/girl_2.png');
left: -1px; }

/* .questPage .comon_quest .comon_left .cont .quest_items.line_one .block .skil_one.darker {
background-image: url("assets/img/Quest/icons/quest/hug_2h.png"); } */

/* .questPage .comon_quest .comon_left .cont .quest_items.line_one .block .skil_two.darker {
background-image: url("assets/img/Quest/icons/quest/horses_2h.png"); } */

/* .questPage .comon_quest .comon_left .cont .quest_items.line_one .block .skil_three.darker {
background-image: url("assets/img/Quest/icons/quest/girl_2h.png"); } */

.questPage .comon_quest .comon_left .cont .quest_items.line_one .block.active {
background-image: url('img/block_hover_2.png'); }

.questPage .comon_quest .comon_left .cont .quest_items.line_two {
top: 31px;
left: 4px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_two .block {
background-image: url('img/block_fill.png');
width: 76px;
height: 77px;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center; }

.questPage .comon_quest .comon_left .cont .quest_items.line_two .block .q_skill {
width: 41px;
height: 44px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
top: -1px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_two .block .skil_one {
background-image: url('img/monkey_2.png');
left: -1px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_two .block .skil_two {
background-image: url('img/bull_2.png');
left: -1px; }

.questPage .comon_quest .comon_left .cont .quest_items.line_two .block .skil_three {
background-image: url('img/drago_2.png');
left: -1px; }

/* .questPage .comon_quest .comon_left .cont .quest_items.line_two .block .skil_one.darker {
background-image: url("assets/img/Quest/icons/quest/monkey_2h.png"); } */

/* .questPage .comon_quest .comon_left .cont .quest_items.line_two .block .skil_two.darker {
background-image: url("assets/img/Quest/icons/quest/bull_2h.png"); } */

/* .questPage .comon_quest .comon_left .cont .quest_items.line_two .block .skil_three.darker {
background-image: url("assets/img/Quest/icons/quest/drago_2h.png"); } */

.questPage .comon_quest .comon_left .cont .quest_items.line_two .block.active {
background-image: url('img/block_hover_2.png'); }

.questPage .comon_quest .comon_right {
width: 50%;
height: inherit;
position: relative;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #000; }

.questPage .comon_quest .comon_right .cont {
padding: 40px 47px 30px 40px;
width: 100%;
height: inherit; }

.questPage .comon_quest .comon_right .cont .title {
font-family: 'OldEnglishRegular';
font-size: 22px;
text-align: center;
margin: 2px 0 0;
top: 0;
position: relative; }

.questPage .comon_quest .comon_right .cont .text {
margin: 6px auto auto;
font-size: 15.5px;
max-width: 278px;
line-height: 20px;
text-align: center;
letter-spacing: -1px;
font-family: "Times New Roman", Times, serif; }

.questPage .comon_quest .comon_right .cont .text .oldEn {
font-size: 24px; }

.questPage .comon_quest .comon_right .cont .medals {
height: 75px;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: 9px; }

.questPage .comon_quest .comon_right .cont .medals .medal-container {
height: 69px;
width: 73px;
display: inline-block;
background-image: url('img/right_top_part.png'); }

.questPage .comon_quest .comon_right .cont .medals .medal_blue {
background-image: url('img/exp_big.png'), url('right_top_part.png');
background-repeat: no-repeat;
background-size: 72% 90% , 100% 100%;
background-position: 50% 3px, center;
display: inline-block; }

.questPage .comon_quest .comon_right .cont .medals .gold_big {
background-image: url('img/gold_big.png'), url('right_top_part.png');
background-repeat: no-repeat;
background-size: 90% 72% , 100% 100%;
background-position: center;
display: inline-block; }

.questPage .comon_quest .comon_right .cont .medals .medal_text {
width: 44px;
display: inline-block;
text-align: center;
height: inherit;
line-height: 85px;
font-size: 15.5px;
font-family: "Times New Roman", Times, serif; }

.questPage .comon_quest .comon_right .cont .reqtime {
font-size: 13px;
font-family: "Times New Roman", Times, serif;
text-align: center;
margin: 9px 0 0; }

.questPage .comon_quest .comon_right .cont .butt {
width: 100%;
height: 70px;
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center; }

.questPage .comon_quest .comon_right .cont .butt .bigButtn {
border: 0px; }

.questPage .unique_quest {
height: 447px;
position: relative;
background-image: url('img/bottom_left3_e.png'), url('right_bottom2_clear.png'), url('back_unic_one_3.png');
background-repeat: no-repeat;
background-size: 51% 391px, 51% 406px ,  100% 100%;
display: flex;
color: #d5ca92;
background-position: 0% calc(10% + 1px), 100% 10%, center;
top: -2px; }

.questPage .unique_quest .unique_left {
width: 50%;
height: inherit;
position: relative;
background-repeat: no-repeat;
background-size: 100% 401px;
top: 8px; }

.questPage .unique_quest .unique_left .cont {
padding: 40px 40px 80px 40px;
width: 100%;
height: inherit;
position: relative; }

.questPage .unique_quest .unique_left .cont .title {
text-align: center;
margin-top: 23px;
position: relative;
top: -1px;
text-transform: uppercase;
left: 5px; }

.questPage .unique_quest .unique_left .cont .button_and_text {
width: 100%;
height: 80px;
display: flex;
position: relative;
bottom: -15px; }

.questPage .unique_quest .unique_left .cont .button_and_text .left {
width: 50%;
height: inherit; }

.questPage .unique_quest .unique_left .cont .button_and_text .right {
width: 50%;
height: inherit;
display: flex;
justify-content: center;
align-items: center;
position: relative;
left: 2px; }

.questPage .unique_quest .unique_left .cont .button_and_text .right .text {
width: 90px;
height: 40px;
line-height: 21px;
text-align: center;
margin: 10px auto auto;
font-size: 16px;
font-family: "Times New Roman", Times, serif; }

.questPage .unique_quest .unique_right {
width: 50%;
height: inherit;
position: relative;
background-repeat: no-repeat;
background-size: 100% 413px; }

.questPage .unique_quest .unique_right .cont {
padding: 40px 49px 30px 40px;
width: 100%;
height: inherit;
position: relative; }

.questPage .unique_quest .unique_right .cont .title {
font-family: 'OldEnglishRegular';
font-size: 22px;
text-align: center;
margin: 30px 0 0; }

.questPage .unique_quest .unique_right .cont .text {
margin: 10px auto auto;
max-width: 278px;
line-height: 20px;
text-align: center;
letter-spacing: -1px;
font-family: "Times New Roman", Times, serif;
font-size: 15.5px; }

.questPage .unique_quest .unique_right .cont .text .oldEn {
font-size: 24px; }

.questPage .unique_quest .unique_right .cont .medals {
height: 75px;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: 12px; }

.questPage .unique_quest .unique_right .cont .medals .medal-container {
height: 69px;
width: 73px;
display: inline-block; }

.questPage .unique_quest .unique_right .cont .medals .medal_blue {
background-image: url('img/whip3.png'), url('right_bottom2_part.png');
background-repeat: no-repeat;
background-size: 67% 69% ,100% 100%;
display: inline-block;
background-position: center; }

.questPage .unique_quest .unique_right .cont .medals .gold_big {
background-image: url('img/gold_big.png'), url('right_bottom2_part.png');
background-repeat: no-repeat;
background-size: 90% 72%, 100% 100%;
display: inline-block;
background-position: center; }

.questPage .unique_quest .unique_right .cont .medals .medal_text {
width: 44px;
display: inline-block;
text-align: center;
height: inherit;
line-height: 85px;
font-size: 15.5px;
font-family: "Times New Roman", Times, serif; }

.questPage .unique_quest .unique_right .cont .reqtime {
font-size: 13px;
font-family: "Times New Roman", Times, serif;
text-align: center;
margin: 15px 0 0; }

.questPage .unique_quest .unique_right .cont .butt {
width: 100%;
height: 70px;
margin-top: 14px;
display: flex;
justify-content: center;
align-items: center; }

.questPage .unique_quest .unique_right .cont .butt .bigButtn {
border: 0px; }

.button_and_text .smallButtn {
background-image: url('img/Weapons-OFF_on_sprite3_buzina.png'); }

.button_and_text .smallButtn span {
position: relative;
top: 1px;
left: -11px; }

.select_quest_inique {
width: 100%;
height: 162px;
position: relative;
display: flex;
align-items: center;
justify-content: center; }

.select_quest_inique .quest_left, .select_quest_inique .quest_center, .select_quest_inique .quest_right {
height: 99px;
width: 99px;
display: inline-block;
position: relative; }

.select_quest_inique .quest_left {
left: 3px;
bottom: 7px; }

.select_quest_inique .quest_center {
top: 23px;
left: 0px; }

.select_quest_inique .quest_right {
bottom: 7px;
left: 5px; }

.select_quest_inique .quest_item {
height: 93px;
width: 90px;
display: inline-flex;
background-image: url('img/quest-deco.png');
align-items: center;
justify-content: center;
background-size: 100% 100%; }

.select_quest_inique .quest_item .block {
background-image: url('img/block_fill.png');
width: 78px;
height: 81px;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center; }

.select_quest_inique .quest_item .block .q_skill {
width: 41px;
height: 45px;
background-repeat: no-repeat;
background-size: 100% 100%; }

.select_quest_inique .quest_item .block .skil_one {
background-image: url('img/B_pala_2.png'); }

.select_quest_inique .quest_item .block .skil_two {
background-image: url('img/B_owl_2.png'); }

.select_quest_inique .quest_item .block .skil_three {
background-image: url('img/B_vamp_2.png'); }

.select_quest_inique .quest_item .block.active {
background-image: url('img/block_hover_2.png'); }

.select_quest_inique .withZavit {
width: 134px;
height: 135px;
display: flex;
justify-content: center;
align-items: center;
background-image: url('img/block_fill_flyl_short.png');
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 15px;
left: 4px; }

.select_quest_inique .withZavit .quest_item {
background-image: none;
width: 78px;
height: 81px;
position: relative;
left: 0px; }

.select_quest_inique .withZavit .quest_item .block {
width: 78px;
height: 81px; }

.oldEn {
font-family: 'OldEnglishRegular'; }

#cc_4 div {
left: -2px; }

.enemy_block {
max-width: 780px;
display: block;
position: relative;
top: -378px;
height: 386px;
background-image: url('img/hero_r2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 1px 100%;
left: 2px; }

.enemy_block .body_forHero_andStats .hero_stats .name .lvl2 {
margin-left: 103px;
position: relative;
color: #ffcc00;
top: 0px; }

.enemy_block .body_forHero_andStats .hero_stats .name .nick {
left: 13px; }

.enemy_block .body_forHero_andStats .hero_body {
background-image: url('img/hero.png'); }

.enemy_block .body_forHero_andStats .hero_stats .stats .first .plus_skill {
background-image: url('img/skill_orange.png');
height: 30px;
width: 30px; }

.enemy_block .body_forHero_andStats .hero_stats .stats .first .plus_skill:hover {
background-position: 0; }

.enemy_block .body_forHero_andStats .hero_stats .stats .second .plus_skill {
background-image: url('img/plis_red.png');
background-size: auto;
background-position: center;
height: 29px;
width: 29px; }

.enemy_block .body_forHero_andStats .hero_stats .stats .second .plus_skill:hover {
background-image: url('img/plis_hover.png');
background-position: center; }

.enemy_block .body_forHero_andStats .hero_stats .stats .last .plus_skill {
background-image: url('img/message_red.png');
background-size: auto;
background-position: center;
height: 29px;
width: 29px; }

.enemy_block .body_forHero_andStats .hero_stats .stats .last .plus_skill:hover {
background-image: url('img/message_hover.png');
background-position: center; }

.enemy_block .show_stats_numbeb {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center; }

.fight-comtroll {
height: 117px;
display: block;
position: relative;
top: -365px;
background-repeat: no-repeat;
background-position: center;
background-size: 99.2% 100%;
background-image: url('img/fight.png');
max-width: 785px;
left: -1px; }

.fight-comtroll .reset_and_number_soc {
display: flex;
flex-direction: row;
align-items: center; }

.fight-comtroll .reset_and_number_soc .reset {
margin-top: -2px; }

.fight-comtroll .reset_and_number_soc .filter_for_fight {
margin-top: 5px; }

.fight-comtroll .reset_and_number_soc .title_page {
margin-top: 7px; }

.fight-comtroll .reset_and_number_soc .filter_for_fight {
height: 24px;
margin-top: -4px; }

.block-short-near-menu.fightPage {
min-height: 1285px;
background-image: url('img/big-background4.png');
top: -380px; }

.block-short-near-menu.fightPage .content-three-part {
flex-direction: column; }

.block-short-near-menu.fightPage .reset_and_number_soc {
display: flex;
flex-direction: row; }

.table-wrapper {
display: block;
position: relative;
max-width: 700px;
width: 100%;
margin: 18px auto auto;
font-family: "Times New Roman", Times, serif;
font-weight: 400; }

.table-wrapper .top_ornament {
height: 5px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url('img/up-line.png'); }

.table-wrapper .line.one {
border-top: 1px solid #624d3f; }

.table-wrapper .line {
height: 35px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #624d3f; }

.table-wrapper .line .rank, .table-wrapper .line .level, .table-wrapper .line .player, .table-wrapper .line .perfom, .table-wrapper .line .wins, .table-wrapper .line .flost, .table-wrapper .line .llogin, .table-wrapper .line .influ {
height: 100%;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
background-color: #0d0904;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 28px;
text-align: center;
color: #d5ca92;
font-size: 14px; }

.table-wrapper .line .rank {
width: 7.5565%; }

.table-wrapper .line .level {
width: 7.565%;
position: relative; }

.table-wrapper .line .level .img {
width: 9px;
height: 100%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 3px;
position: absolute;
right: 5px; }

.table-wrapper .line .level #img_lvl_ind_id_0 {
background-image: url('img/2.png'); }

.table-wrapper .line .level #img_lvl_ind_id_1 {
background-image: url('img/1.png'); }

.table-wrapper .line .level #img_lvl_ind_id_2 {
background-image: url('img/2.png'); }

.table-wrapper .line .level #img_lvl_ind_id_3 {
background-image: url('img/3.png'); }

.table-wrapper .line .level #img_lvl_ind_id_4 {
background-image: url('img/4.png'); }

.table-wrapper .line .level #img_lvl_ind_id_5 {
background-image: url('img/5.png'); }

.table-wrapper .line .level #img_lvl_ind_id_6 {
background-image: url('img/6.png'); }

.table-wrapper .line .level #img_lvl_ind_id_7 {
background-image: url('img/7.png'); }

.table-wrapper .line .level #img_lvl_ind_id_8 {
background-image: url('img/8.png'); }

.table-wrapper .line .level #img_lvl_ind_id_9 {
background-image: url('img/9.png'); }

.table-wrapper .line .level #img_lvl_ind_id_10 {
background-image: url('img/10.png'); }

.table-wrapper .line .player {
width: 25.58%;
position: relative;
text-align: left;
display: flex; }

.table-wrapper .line .player .logo, .table-wrapper .line .player .crown {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/dwarf.png');
background-position: center 3px;
top: 1px; }

.table-wrapper .line .player .clan, .table-wrapper .line .player .dell {
height: 100%;
width: 25px;
display: inline-block;
position: absolute;
right: 5px;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 4px; }

.table-wrapper .line .player .text {
position: relative;
left: 15px; }

.table-wrapper .line .perfom {
width: 18.43%; }

.table-wrapper .line .wins {
width: 19.96%; }

.table-wrapper .line .flost {
width: 19.96%; }

.table-wrapper .title-line {
height: 47px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row; }

.table-wrapper .title-line .rank, .table-wrapper .title-line .level, .table-wrapper .title-line .player, .table-wrapper .title-line .perfom, .table-wrapper .title-line .wins, .table-wrapper .title-line .flost, .table-wrapper .title-line .llogin, .table-wrapper .title-line .influ {
height: 100%;
background-color: inherit;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 47px;
text-align: center;
color: #d5ca92;
font-size: 14px;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-wrapper .title-line .rank {
width: 7.5565%;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-wrapper .title-line .level {
width: 7.565%;
position: relative; }

.table-wrapper .title-line .level .img {
width: 9px;
height: 100%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 3px;
position: absolute;
right: 5px; }

.table-wrapper .title-line .player {
width: 25.58%; }

.table-wrapper .title-line .perfom {
width: 18.43%; }

.table-wrapper .title-line .wins {
width: 19.96%; }

.table-wrapper .title-line .flost {
width: 19.96%; }

.table-wrapper-guild {
display: none;
position: relative;
max-width: 700px;
width: 100%;
margin: 18px auto auto; }

.table-wrapper-guild .top_ornament {
height: 5px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url('img/up-line.png'); }

.table-wrapper-guild .line.one {
border-top: 1px solid #624d3f; }

.table-wrapper-guild .line {
height: 35px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #624d3f; }

.table-wrapper-guild .line .rank, .table-wrapper-guild .line .guild_name, .table-wrapper-guild .line .perfo, .table-wrapper-guild .line .members {
height: 100%;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
background-color: #0d0904;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 28px;
text-align: center;
color: #d5ca92;
font-size: 14px; }

.table-wrapper-guild .line .rank {
width: 7.53%; }

.table-wrapper-guild .line .perfo {
width: 35.2132%;
position: relative; }

.table-wrapper-guild .line .perfo .img {
width: 9px;
height: 100%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 3px;
position: absolute;
right: 5px; }

.table-wrapper-guild .line .guild_name {
width: 36.45%;
position: relative;
text-align: center;
display: flex; }

.table-wrapper-guild .line .guild_name .logo {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/Icons.png');
background-position: center 3px; }

.table-wrapper-guild .line .guild_name .clan {
height: 100%;
width: 25px;
position: absolute;
display: inline-block;
left: 22%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 4px; }

.table-wrapper-guild .line .guild_name .text {
position: relative;
width: 100%; }

.table-wrapper-guild .line .members {
width: 19.96%; }

.table-wrapper-guild .title-line {
height: 47px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row; }

.table-wrapper-guild .title-line .rank, .table-wrapper-guild .title-line .perfo, .table-wrapper-guild .title-line .guild_name, .table-wrapper-guild .title-line .members {
height: 100%;
background-color: inherit;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 47px;
text-align: center;
color: #d5ca92;
font-size: 14px;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-wrapper-guild .title-line .rank {
width: 7.5565%;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-wrapper-guild .title-line .perfo {
width: 35.2132%;
position: relative; }

.table-wrapper-guild .title-line .perfo .img {
width: 9px;
height: 100%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 3px;
position: absolute;
right: 5px; }

.table-wrapper-guild .title-line .guild_name {
width: 36.45%; }

.table-wrapper-guild .title-line .members {
width: 19.96%; }

.img_lvl_ind {
cursor: pointer; }

.fightPage .popUplivlind {
left: 7px;
top: -73px;
display: block !important; }

.fightPage .line {
display: flex;
justify-content: center; }

.popUplivlind .line .number {
padding-left: 5px; }

.pagination-table {
display: block;
width: 100%;
margin-top: 33px;
text-align: center; }

.pagination-table .one a {
cursor: default;
text-decoration: none; }

.pagination-table .two a, .pagination-table .one a {
color: #d5ca92;
font-size: 12px; }

.pagination-table .slash {
color: #d5ca92;
font-size: 12px; }

.pagination-table .cont_pag_select {
margin-left: 28px;
width: 100px;
height: 21px;
display: inline-block; }

.pagination-table .cont_pag_select .select-page {
background: transparent;
width: 100%;
color: #dcd3a4;
-moz-appearance: window;
-webkit-appearance: none;
padding-left: 26px;
font-size: 12px;
background-color: #0b0805;
border: 1px solid #312c1d;
background-image: url('img/choseB.png');
background-repeat: no-repeat;
background-position: right center; }

.pagination-table .cont_pag_select .select-page:focus {
outline: -webkit-focus-ring-color auto 0px; }

.pagination-table .cont_pag_select .select-page option {
color: #dcd3a4;
background-color: #0b0805;
font-size: 12px; }

.filter_for_fight {
position: absolute;
margin-top: 22px;
right: 25px;
width: 215px;
display: inline-flex;
flex-direction: column;
height: 50px; }

.filter_for_fight .category {
width: 100%; }

.filter_for_fight .category .text {
font-size: 12px;
color: #dcd3a4;
display: inline-block;
width: 27%;
text-align: center; }

.filter_for_fight .sortBy {
width: 100%; }

.filter_for_fight .sortBy .text {
font-size: 12px;
color: #dcd3a4;
display: inline-block;
width: 27%;
text-align: center; }

.filter_for_fight .sortBy .cont_pag_select {
width: 70%; }

.filter_for_fight .cont_pag_select {
width: 70%;
height: 21px;
display: inline-block; }

.filter_for_fight .cont_pag_select .select-page {
background: transparent;
width: 100%;
color: #dcd3a4;
-moz-appearance: window;
-webkit-appearance: none;
position: relative;
font-size: 12px;
background-color: #0b0805;
border: 1px solid #312c1d;
background-image: url('img/choseB.png');
background-repeat: no-repeat;
background-position: right center; }

.filter_for_fight .cont_pag_select .select-page:focus {
outline: -webkit-focus-ring-color auto 0px; }

.filter_for_fight .cont_pag_select .select-page option {
color: #dcd3a4;
background-color: #0b0805;
font-size: 12px;
text-align: center; }

.cont_pag_select .enemy {
-moz-text-align-last: center;
text-align-last: center;
padding-right: 25px;
padding-left: 10px; }

.cont_pag_select .type_pl_or_gu {
-moz-text-align-last: center;
text-align-last: center;
padding-right: 25px;
padding-left: 10px; }

.cont_pag_select .sort-type {
-moz-text-align-last: center;
text-align-last: center;
padding-right: 25px;
padding-left: 10px; }

.guild_page .block-short-near-menu {
background-image: url('img/background2.png');
height: 995px;
top: -368px; }

.guild_info_block {
margin: auto;
padding-top: 48px;
width: 307px;
color: #d5ca92;
font-family: "Times New Roman", Times, serif; }

.guild_info_block .about_guild {
display: flex;
flex-direction: row;
align-items: center;
height: 56px;
background-image: url('img/title_and_xp.png');
position: relative;
justify-content: center;
z-index: 2; }

.guild_info_block .about_guild span {
position: relative;
display: block; }

.guild_info_block .about_guild .guild_lvl {
position: absolute;
left: 15px;
font-size: 16px;
padding: 0px 9px;
border-radius: 10px; }

.guild_info_block .about_guild .guild_flag {
position: absolute;
width: 22px;
height: 22px;
background-image: url('img/flag.png');
left: 62px;
background-repeat: no-repeat;
background-size: contain;
top: 20px; }

.guild_info_block .about_guild .guild_name {
font-size: 16px; }

.guild_info_block .about_guild .about_ring {
position: absolute;
width: 17px;
height: 17px;
background-image: url('img/ring.png');
background-repeat: no-repeat;
right: 74px;
z-index: 2;
top: 21px; }

.guild_info_block .about_guild .guild_ring_count {
background: #000;
text-align: right;
right: 57px;
position: absolute;
width: 25px;
height: 23px;
line-height: 23px;
font-size: 11px;
padding-right: 3px;
top: 18px; }

.guild_info_block .popUpLVL {
top: 88px;
left: 273px; }

.guild_info_block .popUpLVL .text, .guild_info_block .popUpLVL .number {
display: inline-block; }

.guild_info_block .guild_exp {
position: relative;
top: -10px;
z-index: 2; }

.guild_info_block .guild_exp span.exp_line {
width: 176px;
display: block;
height: 10px;
margin: auto;
border-right-width: thin  !important;
border-bottom-width: thin  !important; }

.guild_info_block .guild_exp span.exp_line {
height: 5.5px;
border: thin  solid #ba9468;
background-repeat: no-repeat;
margin-top: 1px; }

.guild_info_block .guild_exp span.exp_line .percent {
display: block;
width: 100%;
height: 100%;
background-image: url('img/heeal_line2b.png'), url('exp_line.png');
background-repeat: no-repeat;
background-position: right 0px, right;
background-size: 1% 100% , 99.7% 60%; }

.guild_info_block .tournament_info {
width: 210px;
height: 104px;
position: relative;
top: -15px;
font-size: 15px;
background-image: url('img/tournament.png');
background-repeat: no-repeat;
background-position: bottom;
margin: auto;
padding: 21px 10px 10px 10px; }

.guild_info_block .tournament_info .tournament_info_text {
display: flex;
flex-direction: column;
align-items: center; }

.guild_info_block .tournament_info .tournament_info_text .det {
color: #d5ca92;
text-decoration: underline; }

.skills__block.guild {
height: 110px; }

.skills__block.guild .skill.empty {
position: relative; }

.skills__block.guild .skill.empty .digital {
display: flex;
width: 58px;
height: 59px;
position: absolute;
bottom: 4px;
left: 13px;
justify-content: center;
align-items: center;
font-family: "Times New Roman", Times, serif;
font-size: 21px; }

.skills__block.guild .skill.empty .digital.red {
color: #d10000; }

.skills__block.guild .skill .skillAura#skillAura4 {
display: block;
top: 45px;
left: 50px; }

.skills__block.guild .row-two .skill.empty a.more_active {
background-image: url('img/plus_split_more.png'); }

.skills__block.guild .row-two .skill.empty a.more_active:hover {
background-image: url('img/plus_split_more.png'); }

.skills__block.guild .row-two .skill.empty a.no-hover:hover {
background-position: 0 0; }

.skills__block.guild .ok:disabled {
background-image: url('img/long_button_grey.png');
cursor: not-allowed; }

.skills__block.guild .ok:disabled:hover {
background-image: url('img/long_button_grey.png');
background-position: center;
color: inherit; }

.black_back_for_tournament_window, .black_back_for_buildings {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
overflow: hidden;
outline: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none; }

.black_back_for_buildings {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.black_back_for_buildings .windosw_what_t_Build {
top: initial;
left: initial; }

.black_back_for_buildings {
display: none; }

.table-wrapper.guild .line .player {
width: 33.10%; }

.table-wrapper.guild .line .player .logo {
background-image: url('img/face.png'); }

.table-wrapper.guild .line .player .logo.skel {
background-image: url('img/face_scileton.png'); }

.table-wrapper.guild .line .player .dell {
background-image: none;
background-position: center;
cursor: pointer;
text-align: center;
color: #494542;
font-family: Arial, Helvetica, sans-serif; }

.table-wrapper.guild .line .player .dell:hover {
text-decoration: underline; }

.table-wrapper.guild .line .player .crown {
position: relative;
left: 10px;
background-image: url('img/crown-icon.png');
background-position: center;
top: -1px; }

.table-wrapper.guild .line .influ {
width: 33.10%; }

.table-wrapper.guild .line .llogin {
width: 19.17%;
color: #3b3b3b; }

.table-wrapper.guild .line .llogin.green {
color: #00ff06; }

.table-wrapper.guild .line .llogin.red {
color: #920000; }

.table-wrapper.guild .title-line .player {
width: 33.10%; }

.table-wrapper.guild .title-line .influ {
width: 33.10%; }

.table-wrapper.guild .title-line .influ .ring {
position: relative;
width: 17px;
height: 17px;
background-image: url('img/ring.png');
background-repeat: no-repeat;
z-index: 2;
display: inline-block;
top: 4px; }

.table-wrapper.guild .title-line .llogin {
width: 19.17%; }

.bottomButton {
width: 351px;
margin: auto;
margin-top: 22px;
color: #d5ca92; }

.bottomButton .title {
text-align: center;
margin: 0;
font-size: 14px;
font-family: "Times New Roman", Times, serif; }

.bottomButton .buttons {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: space-between; }

.bottomButton .buttons .active_btutton, .bottomButton .buttons .active_btutton.long {
left: initial;
right: initial;
top: initial;
position: relative; }

.bottomButton .buttons .active_btutton.long {
background-image: url('img/pl_name.png');
width: 205px; }

.bottomButton .buttons .active_btutton.long input {
width: 80%;
height: 18px;
text-align: center;
background-color: transparent;
border: 0;
padding: 1px 0 0; }

.bottomButton .buttons .active_btutton.long input::-webkit-input-placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: 100; }

.bottomButton .buttons .active_btutton.long input::-moz-placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: 100; }

.bottomButton .buttons .active_btutton.long input::-ms-input-placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: 100; }

.bottomButton .buttons .active_btutton.long input::placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: 100; }

.bottomButton .buttons .active_btutton.long input:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px; }

.bottomButton .buttons .active_btutton.long input:focus::-webkit-input-placeholder {
opacity: 0; }

.bottomButton .buttons .active_btutton.long input:focus:-moz-placeholder {
opacity: 0; }

.bottomButton .buttons .active_btutton.long input:focus::-moz-placeholder {
opacity: 0; }

.bottomButton .buttons .active_btutton.long input:focus:-ms-input-placeholder {
opacity: 0; }

.no_guild_page .block-short-near-menu {
background-image: url('img/background2.png');
height: 995px;
top: -368px;
padding-top: 1px; }

.no_guild_page .block-short-near-menu .title_page {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
top: initial;
left: initial;
width: 250px;
min-height: 50px;
background-image: url('img/pageTitle_r2.png');
background-repeat: no-repeat;
background-position: center;
text-transform: uppercase;
margin: 50px auto auto; }

.no_guild_page .block-short-near-menu .symbol, .no_guild_page .block-short-near-menu .symbol.bottom {
width: 43px;
height: 13px;
/* background-image: url('img/assets/img/Guild/symbol.png'); */
background-repeat: no-repeat;
display: block;
margin: 80px auto auto; }

.no_guild_page .block-short-near-menu .symbol.bottom {
margin-top: 60px; }

.no_guild_page .block-short-near-menu .wrapper_create_guild {
margin: 48px auto auto;
max-width: 698px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 1px;
height: 505px;
/* background-image: url('img/assets/img/Guild/guild_new_back2.png'); */
background-repeat: no-repeat;
background-size: contain;
color: #d5ca92; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .title {
margin-top: 50px;
font-size: 17px;
font-family: "Times New Roman", Times, serif;
font-weight: 400;
margin-bottom: 0; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name {
margin-top: 90px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
width: 305px;
height: 55px;
/* background-image: url('img/assets/img/Guild/new_guild_input.png');*/ }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input {
width: 195px;
height: 28px;
background-color: transparent;
border: 0;
text-align: center;
color: #d5ca92;
font-size: 15px; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input::-webkit-input-placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-weight: 100; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input::-moz-placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-weight: 100; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input::-ms-input-placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-weight: 100; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input::placeholder {
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-weight: 100; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input:focus {
color: #d5ca92;
font-size: 15px;
padding-bottom: 1px; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input:focus::-webkit-input-placeholder {
opacity: 0; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input:focus:-moz-placeholder {
opacity: 0; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input:focus::-moz-placeholder {
opacity: 0; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name input:focus:-ms-input-placeholder {
opacity: 0; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp {
margin-top: 55px; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .title_bt_sp {
padding: 0;
margin: 0 0 5px;
font-family: "Times New Roman", Times, serif;
text-align: center; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag {
width: 113px;
height: 56px;
/* background-image: url('img/assets/img/Guild/wings.png'); */
background-repeat: no-repeat;
background-position: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .flag {
width: 42px;
height: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: relative;
left: 1px;
background-image: url('img/31.png');
background-repeat: no-repeat;
background-position: center; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .left, .no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .right {
width: 29px;
height: 29px;
position: relative;
background-color: transparent;
background-repeat: no-repeat;
border: 0;
padding: 0;
cursor: pointer; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .left {
/* background-image: url('img/assets/img/Guild/Unclicked-Diamonds.png'); */
background-position: left; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .left:active {
/* background-image: url('img/assets/img/Guild/Clicked-Diamonds.png'); */
background-position: left; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .right {
/* background-image: url('img/assets/img/Guild/Unclicked-Diamonds.png'); */
background-position: right; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .chose_flag .right:active {
/* background-image: url('img/assets/img/Guild/Clicked-Diamonds.png'); */
background-position: right; }

.no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp .counter {
text-align: center;
margin-top: 5px;
margin-bottom: 0;
font-size: 12px; }

.no_guild_page .block-short-near-menu .wrapper_create_guild button.create {
margin-top: 30px; }

.popDefault {
width: 240px;
height: 82px;
background-image: url('img/big.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3;
text-align: center;
padding: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
display: block; }

.popDefault .line {
display: block;
line-height: 1.532; }

.popDefault .line:first-child {
padding-top: 10px; }

.popDefault .line .text {
color: #92745f; }

.popDefault .line .number {
color: #d5ca92; }

.popDefault .line .number.red {
color: red; }

.popDefault.buid {
top: 69px;
left: 55px; }

.indDef {
width: 240px;
height: 82px;
background-image: url('img/big.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 3;
text-align: center;
padding: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
left: 7px;
top: -71px;
display: block; }

.indDef .line {
display: block;
line-height: 1.532;
border-bottom: 0; }

.indDef .line:first-child {
padding-top: 10px; }

.indDef .line .text {
color: #92745f; }

.indDef .line .number {
color: #d5ca92; }

.indDef .line .number.red {
color: red; }

.expLineTitle {
left: 485px;
top: 98px; }

.skills__block.guild .skill .skillAura#skillAura4,
.popDefault.buid,
.expLineTitle,
.guild_info_block .popUpLVL,
.tournament_window,
.windows_liderboard,
.windosw_what_t_Build,
.window_tourn_standart {
display: none; }

.skills__block.guild .skill .skillAura#skillAura4 {
top: 75px;
left: 66px; }

.windosw_what_t_Build,
.tournament_window {
display: block; }

.tournament_window {
height: 374px;
width: 264px;
background-image: url('img/tournament_details.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
padding: 6px;
top: 25%;
left: 42%;
z-index: 1051; }

.tournament_window .wrapper {
height: 100%;
width: 100%;
color: #dcd3a4;
text-align: center; }

.tournament_window .wrapper .title {
text-align: center;
font-size: 24px;
padding: 0;
margin: 17px 0 12px;
font-family: "Times New Roman", Times, serif; }

.tournament_window .wrapper .table .top_ornament {
height: 5px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url('img/up-line.png'); }

.tournament_window .wrapper .table .line.one {
border-top: 1px solid #624d3f; }

.tournament_window .wrapper .table .line.last {
border-bottom: 0; }

.tournament_window .wrapper .table .line {
height: 35px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #624d3f; }

.tournament_window .wrapper .table .line .rank, .tournament_window .wrapper .table .line .prize {
height: 100%;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
background-color: #0d0904;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 28px;
text-align: center;
color: #d5ca92;
font-size: 14px; }

.tournament_window .wrapper .table .line .rank {
width: 50%; }

.tournament_window .wrapper .table .line .prize {
width: 50%;
position: relative;
text-align: left;
display: flex;
justify-content: center; }

.tournament_window .wrapper .table .line .prize .logo {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/ambrosia.png');
background-position: center 3px;
top: 1px; }

.tournament_window .wrapper .table .line .prize .text {
position: relative;
left: 15px; }

.tournament_window .wrapper .table .title-line {
height: 47px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row; }

.tournament_window .wrapper .table .title-line .rank, .tournament_window .wrapper .table .title-line .prize {
height: 100%;
background-color: inherit;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 47px;
text-align: center;
color: #d5ca92;
font-size: 14px;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat;
font-family: "Times New Roman", Times, serif; }

.tournament_window .wrapper .table .title-line .rank {
width: 50%;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat;
font-family: "Times New Roman", Times, serif; }

.tournament_window .wrapper .table .title-line .prize {
width: 50%; }

.tournament_window .wrapper .ok {
position: relative;
top: 3px; }

.windows_liderboard {
width: 777px;
height: 754px;
background-image: url('img/liderboard.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 4;
padding: 6px;
left: 0; }

.windows_liderboard .wrapper {
height: 100%;
width: 100%;
color: #dcd3a4;
text-align: center; }

.windows_liderboard .wrapper .title {
text-align: center;
font-size: 24px;
padding: 0;
margin: 17px 0 12px; }

.windows_liderboard .wrapper .ok {
top: 8px;
position: relative; }

.table-for_window_tl {
display: block;
position: relative;
max-width: 700px;
max-height: 594px;
width: 100%;
margin: 12px auto auto;
font-family: "Times New Roman", Times, serif;
font-weight: 400; }

.table-for_window_tl .top_ornament {
height: 5px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url('img/up-line.png'); }

.table-for_window_tl .line.one {
border-top: 1px solid #624d3f; }

.table-for_window_tl .line {
height: 35px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #624d3f; }

.table-for_window_tl .line .rank, .table-for_window_tl .line .guild, .table-for_window_tl .line .members, .table-for_window_tl .line .infl, .table-for_window_tl .line .prize {
height: 100%;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
background-color: #0d0904;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 28px;
text-align: center;
color: #d5ca92;
font-size: 14px; }

.table-for_window_tl .line .rank {
width: 8.2758%; }

.table-for_window_tl .line .prize {
width: 11.4482%;
position: relative;
text-align: left;
display: flex;
justify-content: normal; }

.table-for_window_tl .line .prize .logo {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/ambrosia.png');
background-position: center 3px;
top: 1px; }

.table-for_window_tl .line .prize .text {
position: relative;
left: 15px; }

.table-for_window_tl .line .guild {
width: 29.7931%;
position: relative;
text-align: left;
display: flex;
padding-left: 10px; }

.table-for_window_tl .line .guild .logo {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/tlflag.png');
background-position: center 3px;
top: 1px; }

.table-for_window_tl .line .guild .clan, .table-for_window_tl .line .guild .dell {
height: 100%;
width: 25px;
display: inline-block;
position: absolute;
right: 5px;
background-repeat: no-repeat;
background-image: url('img/tlflag.png');
background-position: center 4px; }

.table-for_window_tl .line .guild .text {
position: relative;
left: 15px; }

.table-for_window_tl .line .guild .ring_block {
position: relative;
left: 30px;
top: -2px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row; }

.table-for_window_tl .line .guild .ring_block .ring {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/tlflag.png');
background-position: center 3px;
top: 1px; }

.table-for_window_tl .line .guild .ring_block .ring {
position: relative;
left: 10px;
background-image: url('img/ring.png');
background-position: center;
background-repeat: no-repeat; }

.table-for_window_tl .line .guild .ring_block .ring.none {
background-image: none; }

.table-for_window_tl .line .guild .ring_block .count_ring {
position: relative;
padding-left: 10px;
top: 3px; }

.table-for_window_tl .line .members {
width: 11.86%; }

.table-for_window_tl .line .infl {
width: 39.3103%; }

.table-for_window_tl .title-line {
height: 47px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row; }

.table-for_window_tl .title-line .rank, .table-for_window_tl .title-line .guild, .table-for_window_tl .title-line .members, .table-for_window_tl .title-line .infl, .table-for_window_tl .title-line .prize {
height: 100%;
background-color: inherit;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 47px;
text-align: center;
color: #d5ca92;
font-size: 14px;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-for_window_tl .title-line .rank {
width: 8.2758%;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-for_window_tl .title-line .prize {
width: 11.4482%; }

.table-for_window_tl .title-line .guild {
width: 29.7931%; }

.table-for_window_tl .title-line .members {
width: 11.86%; }

.table-for_window_tl .title-line .infl {
width: 39.3103%; }

.windows_liderboard .scroller {
overflow-x: hidden;
overflow-y: scroll;
/* Track */
/* Handle */
/* Handle on hover */ }

.windows_liderboard .scroller::-webkit-scrollbar {
width: 15px;
border-radius: 5px;
padding-left: 10px; }

.windows_liderboard .scroller::-webkit-scrollbar-track {
border: 1px solid #312c1d;
background: #090604; }

.windows_liderboard .scroller::-webkit-scrollbar-thumb {
background-image: url('img/scrollline.png');
background-repeat: no-repeat;
border-radius: 5px;
background-size: 79% 100%;
background-position: center; }

.windows_liderboard .scroller::-webkit-scrollbar-button:vertical:decrement {
background-image: url('img/scrollline-button-up.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.windows_liderboard .scroller::-webkit-scrollbar-button:vertical:increment {
background-image: url('img/scrollline-button-down.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.windosw_what_t_Build {
max-width: 780px;
width: 100%;
height: 533px;
background-image: url('img/tobuild-.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
padding: 6px;
top: 25%;
left: 25.5%;
z-index: 1051;
font-family: "Times New Roman", Times, serif; }

.windosw_what_t_Build .wrapper {
height: 100%;
width: 100%;
color: #dcd3a4;
text-align: center; }

.windosw_what_t_Build .wrapper .title {
text-align: center;
font-size: 24px;
padding: 0;
margin: 20px 0 30px; }

.windosw_what_t_Build .wrapper .description {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #92745f;
padding: 0;
margin: 0 0 40px; }

.windosw_what_t_Build .wrapper .ok {
position: relative;
top: 18px; }

.skills__block.guild .row-three .skill {
background-image: url('img/skillBlock.png'); }

.skills__block.guild .row-one .skill {
cursor: pointer; }

.windosw_what_t_Build .skills__block .skill .body_for_im_building {
width: 75px;
height: 66px;
display: block;
float: left;
margin: 9px 0px 9px 9px;
background-image: url('img/golden-ring_false.png');
background-repeat: no-repeat;
background-size: contain;
cursor: pointer; }

.windosw_what_t_Build .skills__block .skill .body_for_im_building.selected {
background-image: url('img/golden-ring_2.png'); }

.windosw_what_t_Build .skills__block .row-one .skill.one {
background-image: url('img/skillBlock.png'); }

.skills__block.guild .row-one .skill.prem,
.skills__block.guild .row-two .skill.prem,
.skills__block.guild .row-three .skill.prem {
background-image: url('img/skillBlockPrem.png'); }

.skills__block.guild .row-one .skill.prem .body_for_im_building,
.skills__block.guild .row-two .skill.prem .body_for_im_building,
.skills__block.guild .row-three .skill.prem .body_for_im_building {
background-image: url('img/golden-ring_2.png'); }

#skillAura1, #skillAura2, #skillAura3, #skillAura4,
#build_1, #build_2, #build_3, #build_4, #build_5, #build_6, #build_7, #build_8, #build_9 {
display: none; }

.skills__block.guild .row-one .skill .skillAura {
top: -10px; }

.skills__block.guild .row-two .skill .skillAura {
top: -105px; }

.skills__block.guild .row-three .skill .skillAura {
top: -200px; }

#build_1, #build_2, #build_3,
#build_4, #build_5, #build_6, #build_7, #build_8, #build_9 {
left: 81px; }

.window_tourn_standart,
.window_tourn_standart.qualification,
.window_tourn_standart.win {
max-width: 349px;
width: 100%;
height: 300px;
background-image: url('img/tourn_standart.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 4;
padding: 6px;
left: 29%;
font-family: "Times New Roman", Times, serif; }

.window_tourn_standart .wrapper,
.window_tourn_standart.qualification .wrapper,
.window_tourn_standart.win .wrapper {
height: 100%;
width: 100%;
color: #dcd3a4;
text-align: center; }

.window_tourn_standart .wrapper .title,
.window_tourn_standart.qualification .wrapper .title,
.window_tourn_standart.win .wrapper .title {
max-width: 170px;
width: 100%;
text-align: center;
font-size: 24px;
padding: 0;
margin: 20px auto 35px;
line-height: 27px; }

.window_tourn_standart .wrapper .description,
.window_tourn_standart.qualification .wrapper .description,
.window_tourn_standart.win .wrapper .description {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #92745f;
max-width: 228px;
width: 100%;
padding: 0;
margin: auto auto 25px; }

.window_tourn_standart .wrapper .time,
.window_tourn_standart.qualification .wrapper .time,
.window_tourn_standart.win .wrapper .time {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #92745f;
padding: 0;
margin: 25px 0; }

.window_tourn_standart .wrapper .alert,
.window_tourn_standart.qualification .wrapper .alert,
.window_tourn_standart.win .wrapper .alert {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
padding: 0;
color: #00ff12;
margin: 25px 0; }

.window_tourn_standart .wrapper .great,
.window_tourn_standart.qualification .wrapper .great,
.window_tourn_standart.win .wrapper .great {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
padding: 0;
margin: 0;
color: #00ff12; }

.window_tourn_standart .wrapper .reward,
.window_tourn_standart.qualification .wrapper .reward,
.window_tourn_standart.win .wrapper .reward {
margin-bottom: 25px; }

.window_tourn_standart .wrapper .text,
.window_tourn_standart.qualification .wrapper .text,
.window_tourn_standart.win .wrapper .text {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #dcd3a4;
padding: 0;
margin: 0; }

.window_tourn_standart .wrapper .improve,
.window_tourn_standart.qualification .wrapper .improve,
.window_tourn_standart.win .wrapper .improve {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #dcd3a4;
padding: 0;
margin: 0; }

.window_tourn_standart .wrapper .improve .build-name,
.window_tourn_standart.qualification .wrapper .improve .build-name,
.window_tourn_standart.win .wrapper .improve .build-name {
color: #00ff12; }

.window_tourn_standart.qualification .wrapper .title {
max-width: 243px; }

.window_tourn_standart.cant_create .wrapper .description {
color: #dcd3a4; }

.window_tourn_standart.win .wrapper .title {
max-width: 243px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .block-short-near-menu {
background-image: url('img/background.png');
min-height: 1040px;
max-height: 1060px;
padding-top: 1px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .block-short-near-menu .title_page {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
top: initial;
left: initial;
width: 250px;
min-height: 50px;
margin: 38px auto auto;
color: #d5ca92;
text-align: center;
background-image: url('img/pageTitle_r2.png');
background-repeat: no-repeat;
background-position: center;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password {
margin-top: 35px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place {
width: 62%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space {
max-width: 418px;
width: 100%;
text-align: right; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .label {
text-align: left;
color: #dcd3a4;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
margin-bottom: 10px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row input {
width: 406px;
color: #dcd3a4;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: #060402;
border: 1px solid #2f1d13;
padding-left: 10px;
height: 24px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row input:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row input:focus::-webkit-input-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row input:focus:-moz-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row input:focus::-moz-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row input:focus:-ms-input-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row span.star {
width: 12px;
color: #ff0000; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row .star.none {
visibility: hidden; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .input_place .input_space .input_row:nth-child(4) {
margin-bottom: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .button_place {
width: 38%; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password .button_place .button_space {
max-width: 278px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation {
margin-top: 35px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place {
width: 62%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space {
max-width: 418px;
width: 100%;
text-align: right; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .label {
text-align: left;
color: #dcd3a4;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
margin-bottom: 10px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row input {
width: 406px;
color: #dcd3a4;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: #060402;
border: 1px solid #2f1d13;
padding-left: 10px;
height: 24px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row input:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row input:focus::-webkit-input-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row input:focus:-moz-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row input:focus::-moz-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row input:focus:-ms-input-placeholder {
opacity: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row span.star {
width: 12px;
color: #ff0000; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row .star.none {
visibility: hidden; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row:nth-child(4) {
margin-bottom: 0; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row .cont_pag_select {
width: 406px;
height: 24px;
display: inline-block;
line-height: 24px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row .cont_pag_select .select-page {
background: transparent;
width: 100%;
height: 24px;
color: #dcd3a4;
-moz-appearance: window;
-webkit-appearance: none;
padding-left: 10px;
font-size: 14px;
background-color: #060402;
border: 1px solid #2f1d13;
background-image: url('img/arrow-chose.png');
background-repeat: no-repeat;
background-position: right center; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row .cont_pag_select .select-page:focus {
outline: -webkit-focus-ring-color auto 0px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row .cont_pag_select .select-page option {
color: #dcd3a4;
background-color: #060402;
font-size: 14px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .input_place .input_space .input_row .cont_pag_select .type_secret_question {
-moz-text-align-last: left;
text-align-last: left;
line-height: 16px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .button_place {
width: 38%; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation .button_place .button_space {
max-width: 278px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper {
max-width: 640px;
width: 100%;
height: 470px;
margin: 35px auto auto;
position: relative;
color: #dcd3a4;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .title {
text-align: left;
margin: 0;
margin-bottom: 10px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table {
background-color: #060402;
border: 1px solid #2f1d13;
height: 423px;
overflow: hidden;
position: relative; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part {
display: flex;
position: relative; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part .date, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part .item_l, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part .price, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part .method, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part .idNumber, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .date, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .item_l, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .price, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .method, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .idNumber {
width: 20%;
position: relative;
height: 35px;
text-align: center;
line-height: 35px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .header_part {
border-bottom: 1px solid #2f1d13; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part {
flex-direction: column;
overflow-y: scroll;
flex: 1;
display: block;
height: 386px;
/* Track */
/* Handle */
/* Handle on hover */ }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part::-webkit-scrollbar {
width: 15px;
border-radius: 5px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part::-webkit-scrollbar-track {
border: 1px solid #312c1d;
background: #090604; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part::-webkit-scrollbar-thumb {
background-image: url('img/scrollline.png');
background-repeat: no-repeat;
border-radius: 5px;
background-size: 79% 100%;
background-position: center; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part::-webkit-scrollbar-button:vertical:decrement {
background-image: url('img/scrollline-button-up.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part::-webkit-scrollbar-button:vertical:increment {
background-image: url('img/scrollline-button-down.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information {
display: flex;
flex-direction: row;
width: 100%; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information .date, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information .item_l, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information .price, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information .method, .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information .idNumber {
width: 20%;
position: relative;
height: 35px;
text-align: center;
line-height: 35px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .latest_purchases_wrapper .latest_purchases_table .content_part .row_information .item_l .ambrosia {
height: 22px;
width: 22px;
position: relative;
display: inline-block;
left: 2px;
background-repeat: no-repeat;
background-image: url('img/ambrosia.png');
background-position: 2px;
top: 5px; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.message_page .block-short-near-menu {
background-image: url('img/background_2.png');
min-height: 634px;
max-height: 649px;
padding: 15px 19px 79px 20px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; }

.wrapper-page-type-2 {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: auto;
background-size: cover;
background-color: #0f0905; }

.wrapper-page-type-2__left {
height: auto;
width: 17.22%;
border: 1px solid #2f1d13; }

.wrapper-page-type-2__left_revice {
border-right: 1px solid transparent; }

.wrapper-page-type-2__right {
width: 82.78%;
height: auto;
border: 1px solid #2f1d13;
border-left: none;
border-bottom: none; }

.wrapper-page-type-2__right_flex {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; }

.menu-page-type-2 .list {
margin: 0;
padding: 0;
width: 100%; }

.menu-page-type-2 .list .item {
max-width: 133px;
width: 99%;
height: 55px;
background-color: #0c0805;
background-image: url('img/deco-left.png');
background-repeat: no-repeat;
background-size: contain;
background-position: left;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin: 3px 0px; }

.menu-page-type-2 .list .item:nth-of-type(2) {
margin-top: 2px; }

.menu-page-type-2 .list .item__buy {
height: 83px;
background-image: url('img/button_purchare.png');
background-position: center;
margin: 1px 0px;
margin-bottom: 0; }

.menu-page-type-2 .list .item__filter {
height: 134px;
line-height: inherit;
background-image: url('img/left-top.png'), url('left-bottom.png'), url('right-top.png'), url('right-bottom.png');
background-position: top left, bottom left, top right, bottom right;
background-repeat: no-repeat;
background-size: auto; }

.menu-page-type-2 .list .item .link {
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
line-height: 55px;
border: 1px solid #2f1d13;
border-left: none; }

.menu-page-type-2 .list .item .link__filter {
height: inherit;
line-height: inherit; }

.menu-page-type-2 .list .item .link__filter span {
background-position: 95%;
color: inherit;
text-align: left;
padding-left: 20px; }

.menu-page-type-2 .list .item .link__filter:hover {
background-position: initial;
background-image: none !important;
background-size: auto	!important;
background-color: transparent !important; }

.menu-page-type-2 .list .item .link__buy {
height: inherit;
line-height: 83px; }

.menu-page-type-2 .list .item .link__buy span {
background-position: right;
background-image: url('img/ambrosia_shadow.png');
background-size: 16px;
padding-right: 20px;
color: inherit;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }

.menu-page-type-2 .list .item .link__buy:hover {
background-origin: border-box;
background-image: url('img/button_purchare.png') !important; }

.menu-page-type-2 .list .item .link:hover {
color: #d5ca92;
text-decoration: none;
background-color: #1d0d04;
background-image: url('img/deco-left.png');
background-repeat: no-repeat;
background-size: contain;
background-position: left; }

.menu-page-type-2 .list .item .link_selected {
color: #2aff00; }

.menu-page-type-2 .list .item .link_selected:hover {
color: #2aff00; }

.chat {
max-width: 590px;
width: 100%;
height: 440px;
display: block;
flex-direction: column;
margin: 23px auto 0 auto;
border: 1px solid #2f1d13;
background-color: #060402;
flex: 1;
overflow: auto;
overflow-x: hidden;
position: relative;
/* width */
/* Track */
/* Handle */
/* Handle on hover */ }

.chat .chat_wrapper {
max-width: 590px; }

.chat::-webkit-scrollbar {
width: 15px;
border-radius: 5px; }

.chat::-webkit-scrollbar-track {
border: 1px solid #312c1d;
background: #090604; }

.chat::-webkit-scrollbar-thumb {
background-image: url('img/scrollline.png');
background-repeat: no-repeat;
border-radius: 5px;
background-size: 79% 100%;
background-position: center; }

.chat::-webkit-scrollbar-button:vertical:decrement {
background-image: url('img/scrollline-button-up.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.chat::-webkit-scrollbar-button:vertical:increment {
background-image: url('img/scrollline-button-down.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.chat__message {
margin: 7px 7px 7px 10px;
padding: 7px 12px 7px 12px;
min-height: 24px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
width: auto;
position: relative;
background-color: transparent;
display: flex;
flex-direction: column;
justify-content: center;
flex: none; }

.chat__message__text {
margin: 0;
padding: 0;
width: 90%;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.35; }

.chat__message .join, .chat__message .lvl_up {
color: #00ff06; }

.chat__message .leave {
color: #ff0000; }

.chat__message__time {
position: absolute;
right: 10px;
top: 10px;
line-height: 1;
color: #a57c46;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }

.chat__message__login {
margin: 0;
padding: 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #a57c46;
line-height: 1.35; }

.chat__message__login .rank {
color: inherit; }

.chat__message-message {
background-color: #29211a; }

.new_message {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
max-width: 590px;
width: 100%;
margin: 20px  auto 0 auto;
flex-direction: row;
align-items: center;
justify-content: space-between; }

.new_message__field {
max-width: 442px;
width: 100%;
height: 25px;
border: 1px solid #2f1d13;
background-color: #060402;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
padding-left: 13px; }

.new_message__field:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px; }

.new_message__button {
left: inherit;
right: inherit;
top: inherit;
position: relative;
background-image: url('img/around-button.png');
min-height: 40px; }

.message-revice {
border: 1px solid #2f1d13; }

.message-revice__header {
width: 100%;
height: 54px; }

.message-revice__header__row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
height: inherit; }

.message-revice__header__row .check, .message-revice__header__row .player, .message-revice__header__row .subject, .message-revice__header__row .date {
background-image: url('img/deco-left.png'), url('deco-right.png');
background-repeat: no-repeat;
background-position: center  left, center right;
border: 1px solid #2f1d13;
border-left: 0;
border-top: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.message-revice__header__row .check .title, .message-revice__header__row .player .title, .message-revice__header__row .subject .title, .message-revice__header__row .date .title {
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0; }

.message-revice__header__row .check {
width: 8.3850%; }

.message-revice__header__row .check .chbox.one label {
margin: 0; }

.message-revice__header__row .check .chbox.one label .checkbox-custom {
position: relative;
right: unset;
left: unset;
width: 21px;
height: 21px; }

.message-revice__header__row .player {
width: 27.1738%; }

.message-revice__header__row .subject {
width: 36.3354%; }

.message-revice__header__row .date {
width: 27.9503%; }

.message-revice__content {
width: 100%;
height: auto; }

.message-revice__content__row {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
height: 54px; }

.message-revice__content__row .check, .message-revice__content__row .player, .message-revice__content__row .subject, .message-revice__content__row .date {
border-bottom: 1px solid #2f1d13;
border-left: 0;
border-top: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.message-revice__content__row .check .text, .message-revice__content__row .player .text, .message-revice__content__row .subject .text, .message-revice__content__row .date .text {
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0; }

.message-revice__content__row .check {
width: 8.3850%; }

.message-revice__content__row .check label {
margin: 0; }

.message-revice__content__row .check label .checkbox-custom {
position: relative;
right: unset;
left: unset;
width: 21px;
height: 21px; }

.message-revice__content__row .player {
width: 27.1738%; }

.message-revice__content__row .player .logo_race {
width: 16.94%;
display: block;
position: relative;
left: 2px; }

.message-revice__content__row .player .logo_race .img {
width: 22px;
height: 22px;
display: block;
background-image: url('img/Race-icon.png');
background-repeat: no-repeat;
background-position: center; }

.message-revice__content__row .player .login {
width: 65.53%;
margin: 0;
padding: 0;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
position: relative;
left: 2px; }

.message-revice__content__row .player .logo_clan {
width: 16.94%;
display: block; }

.message-revice__content__row .player .logo_clan .img {
width: 22px;
height: 22px;
display: block;
background-image: url('img/guild-banner.png');
background-repeat: no-repeat;
background-position: center; }

.message-revice__content__row .subject {
width: 36.3354%; }

.message-revice__content__row .date {
width: 27.9503%; }

.message-revice__content__row .check #check_input_1,
.message-revice__content__row .check #check_input_2,
.message-revice__content__row .check #check_input_3,
.message-revice__content__row .check #check_input_4,
.message-revice__content__row .check #check_input_5,
.message-revice__content__row .check #check_input_6,
.message-revice__content__row .check #check_input_7 {
display: none; }

.message-revice__content__row .check .checkbox-custom {
display: inline-block;
background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEWSdF9QPzM0KCALCAUAAADP46GOAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEVJREFUWMPt2UENACAMADFAATggs4B/b2jYB7Kk96+Ca02F6ivSrfkdjzjpYsMwDMMwDMMwDMMwDMMwDMMw/BoXXREq0QXJPDU3HQf9ogAAAABJRU5ErkJggg==");
background-size: contain;
background-repeat: no-repeat; }

.message-revice__content__row .check #check_input_1:checked + .checkbox-custom,
.message-revice__content__row .check #check_input_2:checked + .checkbox-custom,
.message-revice__content__row .check #check_input_3:checked + .checkbox-custom,
.message-revice__content__row .check #check_input_4:checked + .checkbox-custom,
.message-revice__content__row .check #check_input_5:checked + .checkbox-custom,
.message-revice__content__row .check #check_input_6:checked + .checkbox-custom,
.message-revice__content__row .check #check_input_7:checked + .checkbox-custom {
background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4BAMAAADLSivhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEWSdF9QPzM0KCALCAUAAADP46GOAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFFJREFUWMPt2bENgDAQBEEDDdgdoK/AEv335hZ4EvTybD7hRdeaCnWMSDf67/iMJ13c8IZ4vp3CBcMwDMMwDMMwDMMwDMPwd5wL3gwXvSJUogUU2ZdEYL3fIAAAAABJRU5ErkJggg==");
background-repeat: no-repeat; }

.message-revice-nav {
width: 100%;
max-width: 575px;
margin: 35px auto 0px auto;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }

.message-revice-nav__select-or-unselect .select, .message-revice-nav__select-or-unselect .seperate, .message-revice-nav__select-or-unselect .deselect {
color: inherit;
font-family: inherit;
font-size: inherit; }

.message-revice-nav__select-or-unselect .select:hover, .message-revice-nav__select-or-unselect .seperate:hover, .message-revice-nav__select-or-unselect .deselect:hover {
text-decoration: none; }

.message-revice-nav__pagination a.page {
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }

.message-revice-nav__pagination a.page:hover {
text-decoration: none; }

.message-new {
max-width: 575px;
width: 100%;
height: auto;
margin-top: 15px;
margin-left: 15px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column; }

.message-new__line {
max-width: 500px;
width: 87.33%;
height: 1px;
display: block;
position: absolute;
right: 3px;
bottom: -15px;
background-image: url('img/line.png');
background-repeat: no-repeat;
background-position: center; }

.message-new__name {
height: 25px;
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
margin: 0;
align-items: center;
position: relative; }

.message-new__name p {
margin: 0;
padding: 0;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
width: 12.66%; }

.message-new__name_field {
max-width: 500px;
height: 25px;
border: 1px solid #2f1d13;
background-color: #060402;
padding-left: 15px;
font-size: 14px;
width: 87.33%;
color: #d5ca92;
padding-bottom: 1px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.message-new__name_field::-webkit-input-placeholder {
color: #6e6e6e; }

.message-new__name_field::-moz-placeholder {
color: #6e6e6e; }

.message-new__name_field::-ms-input-placeholder {
color: #6e6e6e; }

.message-new__name_field::placeholder {
color: #6e6e6e; }

.message-new__name_field:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px; }

.message-new__name_field:focus::-webkit-input-placeholder {
opacity: 0; }

.message-new__name_field:focus:-moz-placeholder {
opacity: 0; }

.message-new__name_field:focus::-moz-placeholder {
opacity: 0; }

.message-new__name_field:focus:-ms-input- {
opacity: 0; }

.message-new__subject {
height: 25px;
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
margin: 30px 0 0 0;
align-items: center;
position: relative; }

.message-new__subject p {
margin: 0;
padding: 0;
color: #d5ca92;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
width: 12.66%; }

.message-new__subject_field {
max-width: 500px;
height: 25px;
border: 1px solid #2f1d13;
background-color: #060402;
padding-left: 15px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
width: 87.33%;
color: #d5ca92; }

.message-new__subject_field::-webkit-input-placeholder {
color: #6e6e6e; }

.message-new__subject_field::-moz-placeholder {
color: #6e6e6e; }

.message-new__subject_field::-ms-input-placeholder {
color: #6e6e6e; }

.message-new__subject_field::placeholder {
color: #6e6e6e; }

.message-new__subject_field:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.message-new__subject_field:focus::-webkit-input-placeholder {
opacity: 0; }

.message-new__subject_field:focus:-moz-placeholder {
opacity: 0; }

.message-new__subject_field:focus::-moz-placeholder {
opacity: 0; }

.message-new__textarea {
width: 100%;
height: 260px;
margin-top: 35px; }

.message-new__textarea_field {
width: 100%;
height: 100%;
border: 1px solid #2f1d13;
background-color: #060402;
padding: 21px 21px 1px;
color: #d5ca92;
font-size: 14px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
resize: none; }

.message-new__textarea_field:focus {
color: #d5ca92;
font-size: 14px;
padding-bottom: 1px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.message-new__wordleft {
color: #d5ca92;
font-size: 14px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-top: 21px; }

.message-new__wordleft .number {
color: #624d3f; }

.message-new__buttons {
margin: 40px auto 0 auto;
width: 420px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: space-around; }

.message-new__buttons span {
text-transform: capitalize; }

.referal_page .block-short-near-menu {
background-image: url('img/background.png');
height: 1024px;
top: -368px;
padding-top: 1px; }

.referal_page .block-short-near-menu .title_page {
position: relative;
margin: 32px  auto 0 auto;
left: initial;
top: initial; }

.referal_page .block-short-near-menu .pagination-table {
margin-top: 30px; }

.referal-info {
max-width: 700px;
width: 100%;
height: 200px;
border: 1px solid #1f1810;
background-color: #100705;
margin: 30px auto auto;
padding: 13px 22px 22px; }

.referal-info__quotes {
color: #45412e;
font-size: 60px;
font-family: "BaskOldFace";
max-width: 600px;
width: 100%;
height: 20px;
margin: auto;
display: block;
line-height: 1; }

.referal-info__quotes_left {
text-align: left;
line-height: 0.8; }

.referal-info__quotes_right {
text-align: right;
line-height: 0.644; }

.referal-info__description {
max-width: 460px;
width: 100%;
margin: auto;
color: #d5ca92;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
text-align: center; }

.referal-info__input {
max-width: 370px;
width: 100%;
height: 25px;
text-align: center;
display: block;
border: 1px solid #2f1d13;
background-color: #060402;
color: #d5ca92;
font-size: 14px;
margin: 8px auto auto; }

.table-wrapper-bem {
display: block;
position: relative;
max-width: 700px;
width: 100%;
margin: 24px auto auto;
font-family: "Times New Roman", Times, serif;
font-weight: 400; }

.table-wrapper-bem .top_ornament {
height: 5px;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url('img/up-line.png'); }

.table-wrapper-bem .line__after_header {
border-top: 1px solid #624d3f; }

.table-wrapper-bem .line__referal {
color: #d5ca92;
color-line-height: 34px;
color-margin: 0;
color-padding: 0;
color-padding-left: 8px; }

.table-wrapper-bem .line__referal .text {
font-size: 14px;
font-family: "Times New Roman", Times, serif; }

.table-wrapper-bem .line {
height: 35px;
width: 100%;
margin-top: 1px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #624d3f; }

.table-wrapper-bem .line__item {
height: 100%;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
background-color: #0d0904;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 28px;
text-align: center;
color: #d5ca92;
font-size: 14px; }

.table-wrapper-bem .line__item_rank {
width: 7.5565%; }

.table-wrapper-bem .line__item_level {
width: 7.565%;
position: relative; }

.table-wrapper-bem .line__item_level .img {
width: 9px;
height: 100%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 3px;
position: absolute;
right: 5px; }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_0 {
background-image: url('img/2.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_1 {
background-image: url('img/1.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_2 {
background-image: url('img/2.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_3 {
background-image: url('img/3.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_4 {
background-image: url('img/4.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_5 {
background-image: url('img/5.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_6 {
background-image: url('img/6.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_7 {
background-image: url('img/7.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_8 {
background-image: url('img/8.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_9 {
background-image: url('img/9.png'); }

.table-wrapper-bem .line__item_level #img_lvl_ind_id_10 {
background-image: url('img/10.png'); }

.table-wrapper-bem .line__item_player {
width: 25.58%;
position: relative;
text-align: left;
display: flex; }

.table-wrapper-bem .line__item_player .logo, .table-wrapper-bem .line__item_player .crown {
height: 100%;
width: 22px;
position: relative;
display: inline-block;
left: 5px;
background-repeat: no-repeat;
background-image: url('img/dwarf.png');
background-position: center 3px;
top: 1px; }

.table-wrapper-bem .line__item_player .clan, .table-wrapper-bem .line__item_player .dell {
height: 100%;
width: 25px;
display: inline-block;
position: absolute;
right: 5px;
background-repeat: no-repeat;
background-image: url('img/22.png');
background-position: center 4px; }

.table-wrapper-bem .line__item_player .text {
position: relative;
left: 15px; }

.table-wrapper-bem .line__item_perfom {
width: 18.43%; }

.table-wrapper-bem .line__item_wins {
width: 19.96%; }

.table-wrapper-bem .line__item_flost {
width: 19.96%; }

.table-wrapper-bem .line__header {
height: 47px;
width: 100%;
display: flex;
flex-direction: row;
margin: -2px auto; }

.table-wrapper-bem .line__header .line__item_rank, .table-wrapper-bem .line__header .line__item_level, .table-wrapper-bem .line__header .line__item_player, .table-wrapper-bem .line__header .line__item_perfom, .table-wrapper-bem .line__header .line__item_wins, .table-wrapper-bem .line__header .line__item_flost, .table-wrapper-bem .line__header .line__item_llogin, .table-wrapper-bem .line__header .line__item_influ {
height: 100%;
background-color: inherit;
margin-left: 1px;
-webkit-background-clip: content-box;
background-clip: content-box;
line-height: 47px;
text-align: center;
color: #d5ca92;
font-size: 14px;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-wrapper-bem .line__header .line__item_rank {
width: 7.5565%;
background-image: url('img/right-ornament.png'), url('leftt-ornament.png');
background-position: left center, right center;
background-repeat: no-repeat; }

.table-wrapper-bem .line__header .line__item_level {
width: 7.565%;
position: relative; }

.table-wrapper-bem .line__header .line__item_level .img {
width: 9px;
height: 100%;
background-repeat: no-repeat;
background-image: url('img/1.png');
background-position: center 3px;
position: absolute;
right: 5px; }

.table-wrapper-bem .line__header .line__item_player {
width: 25.58%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center; }

.table-wrapper-bem .line__header .line__item_perfom {
width: 18.43%; }

.table-wrapper-bem .line__header .line__item_wins {
width: 19.96%; }

.table-wrapper-bem .line__header .line__item_flost {
width: 19.96%; }

.wrapper-for-conent-two.wrapper-for-conent-two__armor.premium_page .block-short-near-menu {
background-image: url('img/background.png');
min-height: 606px;
max-height: 610px;
padding: 15px 20px 79px 19px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; }

.wrapper-page-type-2__right {
border-left: 1px solid #2f1d13;
border-bottom: 1px solid #2f1d13;
height: 99.5%;
align-self: start; }

.wrapper-page-type-2__right .premium {
width: 100%;
height: 100%;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: space-around; }

.wrapper-page-type-2__right .premium__left-home {
position: relative;
height: 100%;
width: 72.25%; }

.wrapper-page-type-2__right .premium__left-home .description {
height: 177px;
background-image: url('img/background-top3.png');
background-repeat: no-repeat;
background-size: cover;
margin-top: 3px;
border: 1px solid #2f1d13; }

.wrapper-page-type-2__right .premium__left-home .description__title, .wrapper-page-type-2__right .premium__left-home .description__instruction, .wrapper-page-type-2__right .premium__left-home .description__point {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
color: #d5ca92;
margin: 0;
padding: 0 0 0 15px; }

.wrapper-page-type-2__right .premium__left-home .description__title {
height: 43px;
background-image: url('img/background-top__tile.png');
background-repeat: no-repeat;
background-position: left;
line-height: 43px;
margin-top: 4px; }

.wrapper-page-type-2__right .premium__left-home .description__instruction {
padding: 15px 20px 15px 15px; }

.wrapper-page-type-2__right .premium__right-home {
position: relative;
height: 100%;
width: 25.3125%; }

.premium-table {
width: 100%;
height: auto; }

.premium-table__header {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row; }

.premium-table__header .column {
width: 50%;
height: 47px;
background-image: url('img/left-top.png'), url('left-bottom.png'), url('right-top.png'), url('right-bottom.png');
background-position: top left, bottom left, top right, bottom right;
background-repeat: no-repeat;
background-color: #0f0703;
border: 1px solid #2f1d13;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.premium-table__header .column:nth-of-type(1) {
border-right: 0; }

.premium-table__header .column .text {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
color: #d5ca92; }

.premium-table__content {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column; }

.premium-table__content .row-t {
width: 100%;
display: flex;
flex-direction: row; }

.premium-table__content .row-t .column {
width: 50%;
height: 47px;
border-bottom: 1px solid #2f1d13;
border-right: 1px solid #2f1d13;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.premium-table__content .row-t .column:nth-of-type(2) {
border-right: 0; }

.premium-table__content .row-t .column .text {
font-size: 14px;
font-family: "Times New Roman", Times, serif;
padding: 0;
margin: 0;
color: #d5ca92; }

.premium-table__content .row-t .column .text__timer {
color: #6e6e6e;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif; }

.premium-table__content .row-t .column .text .activate {
color: #037c00;
text-decoration: underline; }

.premium-table__content .row-t .column .text .deactivate {
color: #bd0000;
text-decoration: underline; }

.aside-prem {
width: 100%;
height: 100%; }

.prem__sale {
width: 100%;
height: 177px;
position: relative;
margin-top: 3px;
overflow: hidden;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
background-image: url('img/left-column-ornament.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%; }

.prem__sale__img {
margin: auto;
position: relative;
height: 167px;
width: calc(100% - 10px); }

.prem__sale__text {
position: absolute;
bottom: 5px;
right: 5px;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #30ff00;
background-color: rgba(0, 0, 0, 0.8); }

.prem__unlock {
max-width: 167px;
width: 100%;
height: 137px;
position: relative;
background-image: url('img/left-top.png'), url('left-bottom.png'), url('right-top.png'), url('right-bottom.png');
background-position: top left, bottom left, top right, bottom right;
background-repeat: no-repeat;
background-color: #0c0805;
border: 1px solid #2f1d13;
margin-top: 2px;
display: flex;
flex-direction: column;
align-items: center; }

.prem__unlock__title {
color: #d5ca92;
padding: 0;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
margin: 17px 0 0; }

.prem__unlock__cost {
font-size: 14px;
margin-top: 7px;
font-family: "Times New Roman", Times, serif; }

.prem__unlock__timer {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 7px 0 0 0;
color: #6e6e6e; }

.prem__unlock__button {
left: initial;
right: initial;
top: initial;
bottom: 7px; }

.champion {
max-width: 600px;
width: 98.5%;
position: relative;
height: 299px;
background-image: url('img/champion-window.png');
background-position: center;
background-repeat: no-repeat;
background-color: #0f0905;
background-size: 100% 100%;
margin: 10px auto auto;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row; }

.champion__left {
width: 34.9%;
height: inherit; }

.champion__right {
width: 65.081%;
height: inherit;
padding-top: 32px;
padding-right: 10px;
padding-bottom: 7px;
position: relative; }

.champ-logo-cost {
width: 85.79%;
height: 100%;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
margin: auto;
left: 15px;
flex-direction: column; }

.champ-logo-cost__wrapp-img {
width: 100%;
height: 193px;
margin: -7px auto 0;
position: relative;
background-image: url('img/champion-frame.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.champ-logo-cost__img {
width: 152px;
height: auto;
margin: auto;
position: relative;
margin-top: 14px; }

.champ-logo-cost__name {
height: 37px;
width: 100%;
background-image: url('img/name.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative; }

.champ-logo-cost__name .text {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
color: #d5ca92;
font-family: "Times New Roman", Times, serif; }

.champ-logo-cost__cost {
height: 39px;
width: 100%;
background-image: url('img/cost.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center; }

.champ-logo-cost__cost .text {
margin: 0;
padding: 0;
position: relative;
bottom: -1px;
width: 100%;
text-align: center; }

.champ-logo-cost__cost .text .money-string_ambrosia {
color: #d5ca92;
background-position: 84%; }

.cha-right-wrapper {
width: 100%;
height: 100%;
text-align: center; }

.cha-right-wrapper .text {
margin: 20px auto;
color: #d5ca92;
width: 90%;
color: #ab9667;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
line-height: 1.365;
font-style: italic;
font-weight: 400; }

.cha-right-wrapper .champ__unlock__button {
left: 31%;
right: initial;
top: initial;
bottom: 17px; }

.champions {
width: 100%;
height: 100%;
position: relative;
display: inline-block;
overflow: auto;
/* Track */
/* Handle */
/* Handle on hover */ }

.champions::-webkit-scrollbar {
width: 15px;
border-radius: 5px; }

.champions::-webkit-scrollbar-track {
border: 1px solid #312c1d;
background: #090604; }

.champions::-webkit-scrollbar-thumb {
background-image: url('img/scrollline.png');
background-repeat: no-repeat;
border-radius: 5px;
background-size: 79% 100%;
background-position: center; }

.champions::-webkit-scrollbar-button:vertical:decrement {
background-image: url('img/scrollline-button-up.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.champions::-webkit-scrollbar-button:vertical:increment {
background-image: url('img/scrollline-button-down.png'), -webkit-linear-gradient(left, #f9f9f9 50%, #e2e2e2 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 1px solid #312c1d; }

.link__filter__title {
margin: 0;
color: #d5ca92;
text-align: left;
padding: 15px 15px 0 15px; }

.link__filter__checker {
position: relative;
width: 100%;
display: flex;
flex-direction: column; }

.link__filter__checker .chbox.one, .link__filter__checker .chbox.two, .link__filter__checker .chbox.three {
position: relative; }

.link__filter__checker .chbox.one label, .link__filter__checker .chbox.two label, .link__filter__checker .chbox.three label {
margin-bottom: 0; }

.link__filter__checker .chbox.one .checkbox-custom, .link__filter__checker .chbox.two .checkbox-custom, .link__filter__checker .chbox.three .checkbox-custom {
right: 96px; }

.link__filter .chbox.one #chelem_1:checked + .cl-red {
font-size: 22px; }

.filter-prem {
width: 100%;
height: 100%;
position: relative; }

.filter-prem__premiums-row {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: space-evenly;
position: relative;
margin-top: 20px; }

.filter-prem__premium {
max-width: 44.24%;
width: 100%;
height: 223px;
background-image: url('img/premium-acc2.png');
background-repeat: no-repeat;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center; }

.filter-prem__premium .duration {
width: 100%;
position: absolute;
height: 35px;
line-height: 35px;
font-size: 36px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #492f1c;
top: 30px;
left: -1px; }

.filter-prem__premium .title {
width: 100%;
height: 21px;
margin: 0;
padding: 0;
position: absolute;
font-size: 17px;
font-family: "Times New Roman", Times, serif;
line-height: 21px;
color: #dcd3a4;
text-align: center;
top: 90px; }

.filter-prem__premium .description {
width: 100%;
height: 15px;
margin: 0;
padding: 0;
position: absolute;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
line-height: 15px;
color: #dcd3a4;
text-align: center;
top: 131px; }

.filter-prem__premium .line {
height: 1px;
width: 100%;
background-image: url('img/line.png');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 181px; }

.filter-prem__premium .button_b {
left: initial;
right: initial;
top: initial;
bottom: 15px; }

.filter-prem__premium .button_b .money-string {
color: #dcd3a4;
padding-right: 20px;
background-position: 100% 0px;
top: 1px; }

.filter-boots {
width: 100%;
height: 100%;
position: relative; }

.filter-boots__boots-row {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
justify-content: space-evenly;
position: relative;
margin-top: 33px; }

.filter-boots__boots-row:nth-of-type(1) {
margin-top: 10px; }

.filter-boots__premium {
max-width: 31.3084%;
width: 100%;
height: 214px;
background-image: url('img/boosts-frame2.png');
background-repeat: no-repeat;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center; }

.filter-boots__premium .boost-wrap-img {
width: 100%;
position: absolute;
height: 60px;
top: 17px;
text-align: center; }

.filter-boots__premium .boost-wrap-img .boost-img {
position: relative;
left: 9px;
height: auto; }

.filter-boots__premium .boost-wrap-img .gold {
top: 5px; }

.filter-boots__premium .title {
width: 100%;
height: 21px;
margin: 0;
padding: 0;
position: absolute;
font-size: 17px;
font-family: "Times New Roman", Times, serif;
line-height: 21px;
color: #dcd3a4;
text-align: center;
top: 85px; }

.filter-boots__premium .description, .filter-boots__premium .description-2 {
width: 100%;
height: 15px;
margin: 0;
padding: 0;
position: absolute;
font-size: 13px;
font-family: "Times New Roman", Times, serif;
line-height: 15px;
color: #dcd3a4;
text-align: center;
top: 126px; }

.filter-boots__premium .description-2 {
top: 144px; }

.filter-boots__premium .line {
height: 1px;
width: 100%;
background-image: url('img/line.png');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 184px; }

.filter-boots__premium .button_b {
left: initial;
right: initial;
top: initial;
bottom: -24px; }

.filter-boots__premium .button_b .money-string {
color: #dcd3a4;
padding-right: 20px;
background-position: 100% 0px;
top: 1px; }

.wrapper-for-conent-two.champion_page {
background-image: url('img/wrapper_small3_2.png'), url('1366.jpg');
background-size: 100% 400px, 100% 631px;
min-height: 884px;
background-position: bottom center,  top center;
background-repeat: no-repeat; }

.wrapper-for-conent-two.champion_page .block-short-near-menu {
background-image: url('img/background.png');
background-image: none;
max-width: 811px;
min-height: 565px;
max-height: 570px;
padding: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
top: 0; 
margin: 0;
margin: auto;
}

.main_champion {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: auto;
background-size: cover;
background-color: rgba(0, 0, 0, 0);
justify-content: space-between; }

.main_champion__left {
height: auto;
width: 50%;
background-image: url('img/bakground-left2.png');
background-repeat: no-repeat;
background-size: contain; }

.main_champion__left-list {
background-image: url('img/background-left3.png');
width: 56.043%; }

.main_champion__right {
width: 50%;
height: auto;
/* background-image: url(assets/img/Champion-creation/bakground-right3.png); */
background-image: url('img/bakground-right_new_2.png');
background-repeat: no-repeat;
background-size: contain; }

.main_champion__right-list {
background-image: url('img/background-right3.png');
width: 43.97%; }

.main_champion__right-creation {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row; }

.main_champion__right_flex {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; }

.mc-hero {
max-width: 401px;
width: 100%;
position: relative;
height: 389px;
z-index: 1; }

.mc-hero__decoration {
width: 100%;
height: 100%;
background-image: url('img/hero_background_2.png');
background-repeat: no-repeat;
position: absolute;
z-index: 5;
top: -7px; }

.mc-hero__hero-img {
width: 100%;
height: 100%;
background-image: url('img/hero_background_3.png');
background-repeat: no-repeat;
background-position: 78% 76%;
position: absolute;
z-index: 4; }

.mc-hero__background {
width: 100%;
height: 100%;
background-image: url('img/hero_background_1.png');
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 3;
background-size: 93%; }

.mc-hero__under_hero {
height: 140px;
width: 100%;
bottom: -118px;
background-image: url('img/under_hero4.png');
background-repeat: no-repeat;
background-position: center;
position: absolute;
z-index: 2; }

.mc-stats {
height: 177px;
width: 100%;
position: relative;
z-index: 2;
background-repeat: no-repeat;
top: -36px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row; }

.mc-stats__item {
height: 170px;
width: 66px;
position: absolute;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-direction: column;
top: 19px; }

.mc-stats__item.head {
left: 53px; }

.mc-stats__item.eye {
left: 169px; }

.mc-stats__item.body {
right: 57px; }

.mc-stats__logo {
width: 41px;
height: 39px;
position: relative;
margin: 0 auto; }

.switcher {
height: 112px;
width: 66px;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url('img/wings.png');
background-position: center;
background-repeat: no-repeat; }

.switcher__arrow-up, .switcher__field, .switcher__arrow-down {
background-repeat: no-repeat;
background-color: transparent;
position: relative;
border: 0;
padding: 0;
margin: 0; }

.switcher__arrow-up {
height: 40px;
width: 40px;
background-image: url('img/arrow_unclicked.png');
background-position: 55% -10%; }

.switcher__arrow-up:active {
background-image: url('img/arrow_clicked.png');
cursor: pointer; }

.switcher__field {
width: 66px;
height: 56px;
background-image: url('img/middle.png');
background-position: center;
color: #dcd3a4;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center; }

.switcher__arrow-down {
height: 40px;
width: 40px;
background-image: url('img/arrow_unclicked.png');
background-position: 55% 110%; }

.switcher__arrow-down:active {
background-image: url('img/arrow_clicked.png');
cursor: pointer; }

.mc-r-content {
width: 73.51%;
height: 100%;
padding-top: 23px;
padding-left: 12px;
padding-bottom: 30px; }

.mc-r-content__step-2 .inner .select_decorative {
margin-top: 7px; }

.mc-r-content__step-2 .inner .skill-single {
margin-top: 18px; }

.mc-r-content__step-2 .inner .skill-tooltip {
left: 44px;
top: 70px; }

.mc-r-content__step-2 .inner .title_page-bem.main-title {
margin-top: 20px; }

.mc-r-content .inner {
width: 100%;
height: 100%;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-direction: column; }

.mc-r-content .inner .title_page-bem {
margin-top: 30px;
line-height: 54px; }

.mc-r-content .inner .title_page-bem.c {
margin-top: 36px; }

.mc-r-content .inner .title_page-bem.unique {
margin-top: 15px; }

.mc-r-content .inner .input_decorative {
margin-top: 15px; }

.mc-r-content .inner .input_decorative.password-again {
margin-top: 30px; }

.mc-r-content .inner .button-next {
margin-top: 50px; }

.mc-r-content .inner .old-stats {
margin: 12px auto 0 auto; }

.mc-r-steps {
width: 26.49%;
height: 100%;
padding-bottom: 19.5px;
padding-right: 8px;
padding-top: 13px;
margin-left: 0; }

.mc-r-steps .inner {
width: 100%;
height: 100%;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-direction: column; }

.mc-r-steps .inner .step {
height: 33.3333%;
width: 100%;
position: relative;
background-position: center;
background-repeat: no-repeat;
padding: 11px 0 11px 0;
pointer-events: none;
background-size: 100% 100%;
outline: none; }

.mc-r-steps .inner .step:hover {
text-decoration: none; }

.mc-r-steps .inner .step__number, .mc-r-steps .inner .step__part {
font-size: 19px;
font-family: "Times New Roman", Times, serif;
color: #dcd3a4;
text-align: center; }

.mc-r-steps .inner .step__number {
margin-top: 40px;
margin-bottom: 10px; }

.mc-r-steps .inner .step__top.passive, .mc-r-steps .inner .step__center.passive, .mc-r-steps .inner .step__bottom.passive {
background-image: none;
pointer-events: auto; }

.mc-r-steps .inner .step__top.passive .step__number, .mc-r-steps .inner .step__top.passive .step__part, .mc-r-steps .inner .step__center.passive .step__number, .mc-r-steps .inner .step__center.passive .step__part, .mc-r-steps .inner .step__bottom.passive .step__number, .mc-r-steps .inner .step__bottom.passive .step__part {
  color: #2c2215; }

.mc-r-steps .inner .step__top {
background-image: url('img/side_button_top2.png');
background-position: -1px 0px; }

.mc-r-steps .inner .step__center {
background-image: url('img/side_button_center3.png'); }

.mc-r-steps .inner .step__bottom {
background-image: url('img/side_button_bottom4.png'); }

.pup_champion_eye, .pup_champion_body, .pup_champion_head {
left: 54px;
display: none;
justify-content: center;
align-items: center; }

.pup_champion_eye .line:first-child, .pup_champion_body .line:first-child, .pup_champion_head .line:first-child {
padding: 0px; }

.wrapper-for-conent-two.champion_list {
background-image: url('img/wrapper_small5.png'), url('1366.jpg');
background-size: 100% 400px, 100% 631px;
min-height: 759px;
background-position: 1px 139%,  top center;
background-repeat: no-repeat;
top: -7px; }

.wrapper-for-conent-two.champion_list .block-short-near-menu {
background-image: url('img/background.png');
background-image: none;
max-width: 728px;
min-height: 399px;
max-height: 401px;
padding: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
top: 0; 
margin:auto}

.wrapper-for-conent-two.champion_list .tail-complete {
top: -3px; }

.ch-list-contant {
width: 100%;
height: 100%;
position: relative;
padding: 25px 17px 25px 10px; }

.ch-list-contant .inner {
width: 100%;
height: 100%;
position: relative; }

.ch-list-contant .inner .champions-list {
padding: 1px 2px 1px 2px; }

.ch-list-contant .inner .champions-list .champion-list {
width: 100%;
height: 86px;
border: 1px solid #2f1d13;
background-color: #0c0805;
background-image: url('img/left-top.png'), url('left-bottom.png'), url('right-top.png'), url('right-bottom.png');
background-position: top left, bottom left, top right, bottom right;
background-repeat: no-repeat;
background-size: auto;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 1px; }

.ch-list-contant .inner .champions-list .champion-list:hover {
  text-decoration: none;
  background-color: #100b07; }

.ch-list-contant .inner .champions-list .champion-list-create-new .new-champion {
  padding: 0  0 0 38px;
  margin: 0;
  position: relative;
  color: #3c2e24;
  font-size: 15px;
  font-family: "Times New Roman", Times, serif; }

.ch-list-contant .inner .champions-list .champion-list .name, .ch-list-contant .inner .champions-list .champion-list .lvl {
  margin: 0;
  padding: 0  0 0 38px;
  position: relative;
  display: block; }

.ch-list-contant .inner .champions-list .champion-list .name {
  font-size: 17px;
  font-family: "Times New Roman", Times, serif;
  color: #dcd3a4; }

.ch-list-contant .inner .champions-list .champion-list .lvl {
  font-size: 12px;
  font-family: "Times New Roman", Times, serif;
  color: #92745f; }

.logged {
    height: 24px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.27);
    position: relative;
    top: 0;
    margin-bottom: 30px; }

.logged .text-info {
      padding: 0;
      margin: 07px 0 0 0;
      text-align: center;
      font-size: 13px;
      font-family: Arial, Helvetica, sans-serif;
      color: #dcd3a4 !important; }

.wrapper-for-conent-two.pre-battle_page {
    background-image: url('img/background.png');
    background-size: 100% 400px, 100% 631px;
    min-height: 884px;
    background-position: bottom center,  top center;
    background-repeat: no-repeat;
    padding: 1px; }

.wrapper-for-conent-two.pre-battle_page .block-short-near-menu {
      background-image: url('img/background.png');
      background-image: none;
      max-width: 921px;
      min-height: 560px;
      max-height: 565px;
      padding: 0;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      top: 0;
      margin-top: 90px; }

.wrapper-for-conent-two.pre-battle_page .block-short-near-menu .main-battle {
        width: 100%;
        display: flex;
        height: auto;
        position: relative;
        justify-content: center; }

.pb-champions {
    width: 100%;
    height: 488px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute; }

.pb-champions .hero {
      width: 100%;
      height: auto;
      display: flex;
      background-repeat: no-repeat;
      background-position: center; }

.pb-champions .title {
      height: 66px;
      width: 100%;
      display: flex; }

.pb-champions .title .text {
        padding: 0;
        margin: 0;
        color: #9e8a4f;
        font-family: "Times New Roman", Times, serif;
        font-size: 31.5px;
        line-height: 66px;
        text-align: center;
        width: 100%;
        height: 100%; }

.pb-champions__left, .pb-champions__right {
      width: 380px;
      height: auto;
      display: flex;
      flex-direction: column; }

.pb-skills-pasive {
    max-width: 837px;
    width: 100%;
    height: 143px;
    display: flex;
    justify-content: center;
    margin: auto;
    position: absolute;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/background_-all_skills.png');
    background-size: 100% 100%;
    z-index: 2; }

.pb-skills-pasive__navigation {
      width: 53px;
      height: 100%;
      position: absolute;
      display: flex;
      align-items: center; }

.pb-skills-pasive__navigation .button {
        width: 40px;
        height: 30px;
        border: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer; }

.pb-skills-pasive__navigation_left {
        justify-content: flex-end;
        left: 0; }

.pb-skills-pasive__navigation_left .button {
          background-image: url('img/button_unclicked.png');
          background-position: left center; }

.pb-skills-pasive__navigation_left .button:active {
            background-image: url('img/button_clicked.png'); }

.pb-skills-pasive__navigation_right {
        justify-content: flex-start;
        right: 0; }

.pb-skills-pasive__navigation_right .button {
          background-image: url('img/button_unclicked.png');
          background-position: right center; }

.pb-skills-pasive__navigation_right .button:active {
            background-image: url('img/button_clicked.png'); }

.pb-skills-pasive .pb-skills {
      width: 77.44%;
      height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }

.pb-skill {
    width: 63px;
    height: 63px;
    background-image: url('img/skill-pasive.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer; }

.pb-skill__will-active {
      background-image: url('img/skill-will-active.png'); }

.pb-skill__active {
      background-image: url('img/skill-active.png'); }

.pb-skills-active {
    width: 492px;
    height: 139px;
    display: flex;
    justify-content: center;
    margin: auto;
    position: absolute;
    bottom: 127px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/background_-active_skills2.png');
    z-index: 1; }

.pb-skills-active .pb-skills {
      max-width: 291px;
      width: 77.44%;
      height: 113px;
      margin: 15px auto 0;
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }

/*==========  Desktop First  ==========*/

@media (max-width: 1200px) {
    .hero_stats .name .popUpLvlVi, .line_container .hpLineTitle {
      right: -19px; }
    section.main {
      background-image: url('img/1200.jpg');
      background-position: center; } }

@media (max-width: 1100px) {
    section.main {
      background-position: top left; } }

@media (max-width: 1040px) {
    .popUpPlus1, .popUpPlus2, .popUpPlus3 {
      left: inherit;
      right: 36px; }
    section.main {
      background-image: url('img/900.jpg');
      background-position: top left; } }

@media (max-width: 860px) {
    .main_champion__right,
    .main_champion__left {
      background-size: 100% 100%; }
    .mc-r-steps {
      padding-bottom: 9px; } }

@media (max-width: 850px) {
    .mc-r-steps {
      padding-bottom: 10px; } }

@media (max-width: 840px) {
    .mc-r-steps {
      padding-bottom: 9.5px; } }

@media (max-width: 825px) {
    .wrapper-for-conent-two.champion_list .block-short-near-menu {
      min-height: 330px;
      max-height: 330px; }
    .ch-list-contant .inner .champions-list .champion-list {
      height: 70px; }
    .main_champion__left-list .mc-hero__background {
      background-size: 93% 91%; }
    .main_champion__left-list .mc-hero__hero-img {
      background-size: 88%;
      background-position: 53% 76%; }
    .mc-r-steps .inner .step {
      background-size: 100% 98%; }
    .mc-r-steps {
      padding-right: 6px;
      padding-bottom: 8.5px; }
    .main_champion__right,
    .main_champion__left {
      background-size: 100% 100%; }
    .mc-hero__hero-img,
    .mc-hero__background,
    .mc-hero__under_hero {
      background-size: 100%; }
    .mc-hero__decoration {
      background-size: 100% 100%; }
    .mc-hero__background {
      /* background-image: url(assets/img/Champion-creation/hero_background_1.1.png); */
      background-size: 93% 95%; }
    .mc-hero__under_hero {
      bottom: -111px;
      z-index: 4; }
    .mc-hero {
      height: 330px; }
    .mc-stats {
      top: -42px; }
    .mc-stats__item {
      top: 17px; }
    .mc-stats__item.head {
      left: 40px; }
    .mc-stats__item.eye {
      left: 144px; }
    .mc-stats__item.body {
      right: 42px; }
    .input_decorative,
    .select_decorative {
      background-size: contain; }
    .input_decorative__input {
      max-width: 152px; }
    .title_page-bem {
      background-size: contain; }
    .select_decorative__arrow-left {
      left: 8px; }
    .select_decorative__arrow-right {
      right: 8px; }
    .old-stats {
      background-size: contain; }
    .old-stats .stat {
      width: 200px; }
    .old-stats .stat__one {
      margin-top: 17px; }
    .old-stats .stat__two {
      margin-top: 10px; }
    .old-stats .stat__three {
      margin-top: 12px; }
    .filter-boots__premium .button_b {
      bottom: 7px; }
    .filter-boots__premium .title {
      top: 72px;
      font-size: 16px; }
    .filter-boots__premium .boost-wrap-img {
      height: 48px; }
      .filter-boots__premium .boost-wrap-img .boost-img {
        height: 100%;
        left: 3px; }
    .filter-boots__premium .description {
      top: 108px; }
    .filter-boots__premium .description-2 {
      top: 129px; }
    .menu-page-type-2 .list .item .link__filter span {
      padding-left: 18px; }
    .filter-prem__premium,
    .filter-boots__premium {
      background-size: contain; }
    .filter-prem__premium .duration {
      top: 27px;
      left: -3px; }
    .filter-prem__premium .title {
      top: 79px; }
    .filter-prem__premium .description {
      top: 113px; }
    .filter-prem__premium .line {
      top: 158px; }
    .filter-prem__premium .button_b {
      bottom: 37px; }
    .link__filter__checker .chbox.one .checkbox-custom, .link__filter__checker .chbox.two .checkbox-custom, .link__filter__checker .chbox.three .checkbox-custom {
      right: 84px; }
    .table-wrapper-bem,
    .referal-info {
      max-width: 630px; }
    .new_message__field {
      max-width: 390px; }
    .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_password,
    .wrapper-for-conent-two.wrapper-for-conent-two__armor.account_page .change_iformation {
      max-width: 640px;
      width: 100%;
      margin: auto; }
    .body_forHero_andStats .hero_stats .stats .first .plus_skill:hover,
    .body_forHero_andStats .hero_stats .stats .second .plus_skill:hover,
    .body_forHero_andStats .hero_stats .stats .last .plus_skill:hover {
      background-position: 0px -28px; }
    .block-sword, .block-def {
      display: inline-block;
      margin-left: 0px; }
    .armor_eqipBlock .item, .weapons .item, .armor_eqipBlock__def .block-def {
      margin-top: 12px; }
    .info-block {
      margin-top: 36px;
      width: 216px;
      background-size: 199% 100%; }
    .armor_eqipBlock {
      padding: 34px 14px 28px 30px;
      height: 339px;
      top: -79px; }
    .text-list {
      font-size: 14px;
      width: 195px; }
    .info-block.right {
      background-size: 99.5% 100%; }
      .info-block.right .text-desc {
        font-size: 14px; }
    .info-block.right .buy {
      bottom: -21px;
      left: 22px; }
    .container {
      max-width: 740px; }
    .content {
      bottom: -21px; }
    section.wrapper-for-conent-two .content_two__armor .content_body__armor {
      background-image: url('img/armor_iqip5.png');
      height: 800px;
      background-size: 100%, 100.95%;
      background-position: center 5px, 36% 79.235%; }
    .content .content_body .deamon {
      justify-content: center;
      width: 290px;
      left: 25%; }
    .deamon img.red {
      width: 14px; }
    .deamon img.yellow {
      width: 14px; }
    .deamon img.main {
      width: 290px; }
    .content_top .title {
      left: 31.99%; }
    .content_body {
      background-repeat: no-repeat;
      height: 506px;
      background-size: 100%,100% 75%;
      background-position: 0 0, bottom;
      position: relative;
      display: block;
      flex-direction: colum;
      /* background-image: url("assets/img/Background/topMenu.png"), url("assets/img/Background/topMidle4.png"); */} 
    .content .content_body .deamon .deamon_stat {
      bottom: 31px;
      left: 29px; }
      .content .content_body .deamon .deamon_stat .left {
        position: absolute;
        left: 77px; }
      .content .content_body .deamon .deamon_stat .right {
        right: 74px;
        position: absolute; }
      .content .content_body .deamon .deamon_stat .yellow {
        top: 20%;
        left: 121px;
        position: absolute; }
      .content .content_body .deamon .deamon_stat .red {
        top: 20%;
        left: auto;
        right: 111px;
        position: absolute; }
    .body_forHero_andStats .hero_stats .name .lvl {
      margin-left: 41px; }
    .body_forHero_andStats .hero_stats .name .nick {
      margin-left: 58px; }
    .body_forHero_andStats .hero_stats .name .lvl2 {
      margin-left: 50px; }
    .body_forHero_andStats .hero_stats .stats {
      margin-left: 51.5px; }
      .body_forHero_andStats .hero_stats .stats .first .number {
        margin-left: 31.035%; }
      .body_forHero_andStats .hero_stats .stats .first .plus_skill {
        margin-left: 17.3%;
        width: 28px;
        top: 7px; }
      .body_forHero_andStats .hero_stats .stats .second .number {
        margin-left: 28%; }
      .body_forHero_andStats .hero_stats .stats .second .plus_skill {
        margin-left: 18.75%;
        width: 28px;
        top: 5px; }
      .body_forHero_andStats .hero_stats .stats .last .number {
        margin-left: 31.805%; }
      .body_forHero_andStats .hero_stats .stats .last .plus_skill {
        margin-left: 18.45%;
        width: 28px;
        top: 3px; }
    .row-two .skill.empty a {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 33px;
      left: 127px; }
    .skils {
      min-height: 349px; }
    .gargoyle {
      display: none; }
    .content .content_body .deamon {
      top: -10%; }
    .show_stats_numbeb .hp {
      width: 271px; }
    .show_stats_numbeb .hp .line_container {
      width: 213.5px; }
    .show_stats_numbeb .hp .line_container span.hp_line,
    .show_stats_numbeb .hp .line_container span.exp_line {
      width: 212.5px; }
    .show_stats_numbeb .hp .line_container {
      top: 13.5px; }
    .skills__block .row-one, .skills__block .row-two {
      padding-top: 10px; }
    .content_top {
      min-height: 110px; }
    .equip_and_stat .stat h3.clan {
      background-position-x: 80px; }
    .equip_and_stat .equip, .equip_and_stat .stat {
      padding-left: 0px; }
    .content_top ul {
      right: 24px; }
    .three #skillAura3 {
      left: 27px; }
    section.footer__armor {
      margin-top: -197px; }
    .armor_eqipBlock__def {
      height: 427px; }
      .armor_eqipBlock__def .info-block {
        margin-top: 36px; }
    .info-block__inventory {
      margin-top: 0; }
    .block-long-two-part__top-background {
      width: 325px; }
    .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .info, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .info {
      font-size: 12px;
      padding-left: 1px; }
    .weaponbox__foreground .all_widdth_and_height .block_star {
      width: 245px; }
    .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 {
      width: 120px; }
    .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block {
      width: 118px; }
    .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .blue, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .blue {
      background-position: -98px 5px; }
    .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .green, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .green {
      background-position: -55px 5px; }
    .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-1 .block .bg_diamond .red, .weaponbox__foreground .all_widdth_and_height .block_star .blocks .row-2 .block .bg_diamond .red {
      background-position: -13px 5px; }
    section.footer__inventory {
      margin-top: -55px; }
    .chose_item {
      width: 665px;
      left: 1px; }
      .chose_item .left {
        width: 188px; }
      .chose_item .center {
        width: 420px; }
      .chose_item .change {
        width: 88px; }
    .infoSkill {
      width: 234px; }
    .bg_diamondDisplay {
      left: 19px; }
    .infoSkill .display .dispplay_head .line-diamond-nick .nick {
      left: 70px; }
    .infoSkill .display .dispplay_head .display__desc {
      font-size: 12px;
      left: 29px; }
    .infoSkill_bonus .bonus_line_with_params .ambrosia .amb {
      left: -3px; }
    .infoSkill .display .active_btutton {
      left: 47px; }
    .infoSkill_bonus .bonus_line_with_params .text {
      padding-left: 5px;
      width: 159px; }
    .infoSkill_bonus .bonus_line_with_params .arrow {
      background-position: 0px 3px; }
      .infoSkill_bonus .bonus_line_with_params .arrow:hover {
        background-position: 0px -35px; }
    .title_page {
      left: 31%; }
    .num_soc {
      right: 63px; }
    .changeButton {
      left: -3px; }
    .infoSkill .display .dispplay_head .line-diamond-nick {
      top: 25px; }
    .infoSkill_bonus.skillsPage .bonus_line_with_params .text {
      padding-left: 20px; }
    .infoSkill.skill .bg_diamondDisplay.devil {
      left: 20px; }
    .questPage .comon_quest .comon_left .cont .quest_items.line_one {
      left: 3px;
      top: 8px; }
    .questPage .comon_quest .comon_left .cont .quest_items.line_two {
      top: 36px;
      left: 2px; }
      .questPage .comon_quest .comon_left .cont .quest_items.line_two .quest_item:last-child {
        position: relative;
        left: 2px; }
    .questPage .comon_quest .comon_left .cont .quest_items .quest_item {
      width: 82px;
      height: 82px; }
    .questPage .comon_quest .comon_left .cont .quest_items.line_one .block,
    .questPage .comon_quest .comon_left .cont .quest_items.line_two .block {
      width: 65px;
      height: 65px; }
    .questPage .comon_quest .comon_right .cont .medals .medal_text {
      width: 39px; }
    .questPage .unique_quest .unique_right .cont .medals .medal_text {
      width: 35px; }
    .questPage .comon_quest .comon_right .cont .medals .medal-container {
      width: 65px; }
    .questPage .comon_quest .comon_right .cont .reqtime {
      margin-top: 10px; }
    .select_quest_inique .withZavit {
      width: 99px;
      height: 99px;
      background-image: url('img/quest-deco.png');
      top: 27px;
      left: 2px; }
    .select_quest_inique .quest_left {
      left: -6px; }
    .select_quest_inique .quest_right {
      left: 11px; }
    .table-wrapper {
      max-width: 650px; }
    .block-short-near-menu.fightPage .reset_and_number_soc, .fight-comtroll .reset_and_number_soc {
      width: 100%;
      max-width: 650px; }
    .filter_for_fight {
      right: 0; }
      .filter_for_fight .cont_pag_select {
        position: absolute;
        right: 0; }
    .fight-comtroll {
      top: -367px; }
      .fight-comtroll .reset_and_number_soc .reset {
        margin-left: 0; }
    .enemy_block .body_forHero_andStats .hero_stats .name .lvl2 {
      margin-left: 91px; }
    .enemy_block {
      max-width: 705px; }
    #build_3,
    #build_6,
    #build_9 {
      left: -243px; }
    #build_3 {
      top: -2px; }
    .windosw_what_t_Build .wrapper .description {
      margin-bottom: 15px; }
    .no_guild_page .block-short-near-menu .wrapper_create_guild {
      max-width: 620px;
      background-size: contain; }
    .no_guild_page .block-short-near-menu .wrapper_create_guild .title {
      margin-top: 30px; }
    .no_guild_page .block-short-near-menu .wrapper_create_guild .guild_name {
      margin-top: 82px; }
    .no_guild_page .block-short-near-menu .wrapper_create_guild .block_bt_sp {
      margin-top: 40px; } }

@media (min-width: 1650px) {
    .show_stats_numbeb .hp .line_container span.exp_line {
      border: thin  solid #896c56; }
    .fight-comtroll {
      left: 0px; } }

/*==========  Mobile First  ==========*/

@media (min-width: 1200px) {
    .section.one {
      background-position: top; } }

/*landing page------------------*/

section.landing{
      position: relative;
      width: 100%;
      min-height: 632px;
      background-image: url('img/topbg.jpg');
      background-repeat: no-repeat;
      background-size: 100% 620px ;
      background-position: top;
  
  }

.container__top {
      max-width: 811px;
  }

.landing_top{
    text-align: center;
    top:95px;
    position: relative;
    z-index: 2;
   
  }

.landing_container{
    width: 100%;
    height: 2690px;
  }

.devil{
    position: relative;
    margin:auto;
    top:30px;
    margin-top: 0px;
    width:383px;
    height:482px; 
    background-image: url('img/window.jpg'); 
    background-size: 100%;
    background-repeat: no-repeat;
  }

.devil .create_account{
    position: relative;
    margin: auto;
    top: 29px;
    width: 263px;
    height: 41px;
    background-image: url('img/create_account.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 8px;
    left:8px;
  }

.create_account {
      font-size: 16px;
      font-family: "Times New Roman", Times, serif;
      color: #dcd3a4;
      position: relative;
      top: 11px;
      text-decoration: none;
  }

.youremail{
    width: 279px;
    height: 51px;
    background-image: url('img/youremail.png'); 
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
    top: 100px;
  
  }

.youremail input{
      width: 158px;
      padding-left: 4px;
      position: relative;
      top: 11px;
      background: none;
      border: none;
      font-size: 13px;
      font-family: "Times New Roman", Times, serif;
      color: #dcd3a4;
      text-align: center;
  }

.devil .tos{
      position: relative;
      top: 117px;
      background: none;
      border: none;
      font-size: 12px;
      font-family: "Times New Roman", Times, serif;
      color: #dcd3a4;
      text-align: center;
  }

.devil .tos a{
      font-size: 12px;
      font-family: "Times New Roman", Times, serif;
      color: #dcd3a4;
      border-bottom: 1px solid #dcd3a4;
      text-decoration: none;
  }

.devil .signf{
    position: relative;
    top: 128px;
    padding: 6px;
    text-align: center;
    background: #2a180f;
    padding-left: 30px;
    width: 200px;
    margin: auto;
    border-radius: 3px;
  }

.devil .signf:hover{
    position: relative;
    top: 128px;
    padding: 6px;
    text-align: center;
    background: #40281d;
    padding-left: 30px;
    width: 200px;
    margin: auto;
    cursor: pointer;
  }

.devil .signf a{
      font-size: 16px;
      font-family: "Times New Roman", Times, serif;
      color: #dcd3a4;    
      text-decoration: none;
  }

.devil .signf:before{
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 16px;
    height: 30px;
    background-image: url('img/facebook.jpg'); 
    background-size: 100%;
    background-repeat: no-repeat;
  }

.freesign{
      width: 424px;
      height: 196px;
      position: relative;
      left:-18px;
      top: 50px;    
      margin: auto;
      background-image: url('img/ss.png'); 
      background-size: 100%;
      background-repeat: no-repeat;
  }

.freesign:hover{
      width: 424px;
      height: 196px;
      position: relative;
      left:-18px;
      top: 50px;    
      margin: auto;
      background-image: url('img/hover.png'); 
      background-size: 100%;
      background-repeat: no-repeat;
      cursor: pointer;
  }

.freesign a{
      font-size: 24px;
      font-family: "Times New Roman", Times, serif;
      color: transparent;    
      text-decoration: none;
      position: relative;
      top: 12px;
  }

.landing-content{
    width: 100%;
    height: 1960px;  
    /*background: url(assets/img/Landing/middle-line.png);
    background-repeat: no-repeat;
    background-size: 100%; */
    margin-top: -27px;
    padding-top: 0px;
    font-family: "Times New Roman", Times, serif;
  }

.contents{
    width: 790px;
    height: 442px;
    background-image: url('img/border.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    margin-top: 2px;
    color: #614a31;
    font-size: 17px;
    position: relative;
    line-height: 21px;
  }

.contents:nth-child(2){
    margin-top: 4px;
  }

.contents:nth-child(2):before{
    position: absolute;
    width: 283px;
    height: 1840px;
    content: "";
    left: -281px;
    top:-4px;
    background: url('img/left-stone.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

.contents:nth-child(2):after{
    position: absolute;
    width: 283px;
    height: 1840px;
    content: "";
    left: 791px;
    top:-4px;
    background: url('img/right-stone.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  
  }

.landing-content .cols-3{
    position: relative;
    width: 200px;
    float: left;
    color: #dcd3a4;
    text-align: center;
  }

.landing-content .cols-3:before{
    position: absolute;
    content: "";
    top: -39px;
    left: 76px;
    width: 43px;
    height: 13px;
    background-image: url('img/symbol.png'); 
    background-size: 100%;
    background-repeat: no-repeat;
  }

.landing-content h3{
    color: #d5ca92;
    font-size: 18px;
    margin-bottom: 20px;
  }

.landing-content h3 i{
    font-size: 20px;
    font-style: normal;
  }

.landing-content .cols-3 p:first-child{
    font-size: 18px;
    line-height: 30px;
  }

.landing-content .cols-3 p:first-child i{
    font-size: 20px;
    font-style: normal;
  }

.landing-content .cols-3 p:nth-child(2){
    font-size: 33px;
  }

.landing-content h4{
    color: #d5ca92;
    font-size: 13px;
  
  }

.diamond:first-child {
    margin-left: 55px;
}

.diamond{
    margin: 52px 0 0 20px;
    background-image: url('img/gemsymbol.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 56px 47px;
    width: 56px;
    height: 47px;
    padding: 3px 4px;
  }

.sword h4 {
    position: relative;
    top: 3px; /* Posune text o 2px dolů z jeho stávající pozice bez ovlivnění meče */
}

.sword{
    width: 230px;
    height: 254px;
    background-image: url('img/sword.png'); 
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 45px;
    margin-left: 45px;
    text-align: center;
  }

.cols-5{
        width: 294px;
        float: left;
  }

.cols-7{
      width: 478px;
      float: left;
      padding-top: 36px;
      padding-left: 15px;
  }

.itemsockets{
      position: relative;
      top: -5px;
      left: -35px;
  }

.cols-4{
    width: 228px;
    float: left;
  }

.cols-8{
    width: 520px;
    float: left;
    padding-top: 50px;
  }

.skill{
    height: 75px;
      background-image: url('img/skill1.png');
      background-repeat: no-repeat;
      position: relative;
      width: 220px;
      float: left;
      margin-top: -5px;
      margin-right: 3px;
      background-size: 100%;
  }

.skill_none{
    background-image:none;
  }

.skill_d{
    margin-bottom: 40px;
  }

.skill .icon{
    position: absolute;
    left: 0px;
    top:4px;
  }

.skill h3{
    text-align: center;
    position: relative;
    left: 29px;
    top: 12px;
    color:#dcd3a4;
    font-size: 14px;
    font-weight: 400;
  }

.skill h4{
    text-align: center;
      position: relative;
      left: 29px;
      top: -3px;
      color: #92745f;
      font-size: 11px;
      font-weight: 400;
  
  }

.skill .border{
    position: absolute;
    left: 68px;
    top:30px;
    border:none !important;
  }

.weaponmastery{
    margin-top: 5px;
    margin-left: 9px;
  }

.last-contents{
      width: 788px;
      height: 603px;
      margin: auto;
      margin-top: 2px;
      position: relative;
      background-image: url('img/last-content.png');
      background-size: 100%;
      background-repeat: no-repeat;
      color: #614a31;
      font-size: 18px;
      font-family: "Times New Roman", Times, serif;
      line-height: 21px;
      left: 2px;
      z-index: 2;
  }

.last-contents .daemons{
    float: left;
    width: 100px;
    margin-left: 24px;
  }

.last-contents .daemons img{
      width: 105px;
      border: 1px solid;
      padding: 3px;
  }

.last-contents .daemons span{
      display: block;
      text-align: center;
      margin-top: 6px;
  }

.last-contents .letsplay{
    width: 131px;
    height: 67px;
    background-image: url('img/letsplay.png');
    margin: auto;
    text-align: center;
    margin-top: 35px;
    position: relative;
    left: -3px
  }

.last-contents .letsplay:hover{
    width: 131px;
    height: 67px;
    background-image: url('img/letsplay_hover.png');
    margin: auto;
    text-align: center;
    margin-top: 40px;
    cursor: pointer;
  }

.last-contents .letsplay a{
    position: relative;
    color: #d5ca92;
    top:19px;
    text-decoration: none;
    font-size: 15px;
    font-family: "Times New Roman", Times, serif;
  }

.landing-footer .fb {
      width: 21.5px;
      height: 21.5px;
      display: inline-block;
      background-image: url('img/facebook.jpg');
      background-size: contain;
      margin: 0 5px;
      background-repeat: no-repeat;
  }

.landing-footer .tw {
      width: 21.5px;
      height: 21.5px;
      display: inline-block;
      background-image: url('img/x.jpg');
      background-size: contain;
      margin: 0 5px;
  }

.landing-footer .in{
      width: 21.5px;
      height: 21.5px;
      display: inline-block;
      background-image: url('img/instagram.jpg');
      background-repeat: no-repeat;
      background-size: contain;
      margin: 0 5px; 
  }

.landing-footer .discord{
      width: 21.5px;
      height: 21.5px;
      display: inline-block;
      background-image: url('img/discord.jpg');
      background-repeat: no-repeat;
      background-size: contain;
      margin: 0 5px; 
  }

.landing-footer .language{
    margin-bottom: 30px;
  }

.racesand{
      margin-left: 4px;
      position: relative;
      top: 6px;
  }

.last-contents > div{
    width: 807px;
    margin: auto;
  }

.last-contents h3{
    font-size: 18px;
  }

.last-contents .cols-8{
    height: 215px;
  }

.last-contents .cols-10{
    width: 100%;
    height: 475px;
  }

.landing-footer{
        min-height: 190px;
      margin-top: -22px;
      z-index: 4;
      position: relative;
  }

.gem {
    width: 28px !important;  
    height: auto !important;   
    margin: 0 4px !important;  
    position: relative;
    top: 3px;                
}

.sword h4{
    position: relative;
    top:3px;
  }

.devilstone{
    text-align: center;
      z-index: 0;
      margin-top: -31px;
  }

.loginbtn:hover {
  cursor: pointer;
}

.freesign_btn {
    width: 424px;
    height: 196px;
    position: relative;
    left: -18px;
    top: 30px;
    margin: auto;
    background-image: url('img/ss.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    color: transparent;
}

.freesign_btn:hover {
    width: 424px;
    height: 196px;
    position: relative;
    left: -18px;
    top: 30px;
    margin: auto;
    background-image: url('img/hover.png');
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}