/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
@import url(../flags/flags.css);

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background: transparent
}

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

input[type="search"] {
    -webkit-appearance: textfield
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

*, :focus {
    outline: none
}

body {
    -webkit-fontype-smalloothing: antialiased
}

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

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

select[disabled] {
    cursor: default
}

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

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

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

em, i {
    font-style: italic
}

img {
    vertical-align: top
}

input {
    vertical-align: middle
}

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

dd {
    margin: 0 0 0 40px
}

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

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

blockquote, q {
    quotes: none
}

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

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

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

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

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

button:after {
    content: ""
}

del {
    text-decoration: line-through
}

table {
    width: 100%
}

form {
    margin: 0;
    padding: 0
}

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

:-moz-placeholder {
    opacity: 1
}

::-webkit-input-placeholder {
    opacity: 1;
    color: inherit
}

::-moz-placeholder {
    opacity: 1
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

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

blockquote, q {
    quotes: none
}

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

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

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/regular/GothamPro.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro/regular/GothamPro.woff") format("woff"), url("../fonts/gothampro/regular/GothamPro.ttf") format("truetype"), url("../fonts/gothampro/regular/GothamPro.svg#GothamPro") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/medium/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro/medium/GothamPro-Medium.woff") format("woff"), url("../fonts/gothampro/medium/GothamPro-Medium.ttf") format("truetype"), url("../fonts/gothampro/medium/GothamPro-Medium.svg#GothamPro-Medium") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/gothampro/bold/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro/bold/GothamPro-Bold.woff") format("woff"), url("../fonts/gothampro/bold/GothamPro-Bold.ttf") format("truetype"), url("../fonts/gothampro/bold/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'bebas_neue';
    /*src: url("../fonts/bebasneue/bold/bebasneue_bold.eot");*/
    /*src: url("../fonts/bebasneue/bold/bebasneue_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/bebasneue/bold/bebasneue_bold.woff") format("woff"), url("../fonts/bebasneue/bold/bebasneue_bold.ttf") format("truetype"), url("../fonts/bebasneue/bold/bebasneue_bold.svg#bebas_neuebold") format("svg");*/
    src: url('../fonts/bebasneue/bold/ofont.ru_BebasNeuebold.eot');
    src: local('☺'),
    url('../fonts/bebasneue/bold/ofont.ru_BebasNeuebold.woff') format('woff'),
    url('../fonts/bebasneue/bold/ofont.ru_BebasNeuebold.ttf') format('truetype'),
    url('../fonts/bebasneue/bold/ofont.ru_BebasNeuebold.svg') format('svg');
    font-weight: 700;
    font-style: normal


    /*@font-face {
        font-family: 'Conv_ofont.ru_Bebas Neue bold';
        src: url('fonts/ofont.ru_Bebas Neue bold.eot');
        src: local('☺'), url('fonts/ofont.ru_Bebas Neue bold.woff') format('woff'), url('fonts/ofont.ru_Bebas Neue bold.ttf') format('truetype'), url('fonts/ofont.ru_Bebas Neue bold.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }*/


}

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

.centered {
    display: table;
    width: 100%;
    height: 100%
}

.centered > * {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

body {
    background: #fff;
    color: #525257;
    font-family: "GothamPro", Verdana;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

h1, h2, h3, h4, h5, h6 {
    color: #525257;
    font-family: "PT Sans", sans-serif;
    margin: 0;
    padding: 0
}

h1 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: -1px;
    font-family: "GothamPro"
}
.d-flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.justify-content-between{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.authorization-container, .registration-container {
    height:900px;
}

.authorization-container, .registration-container, .content {
    background: #fff;
    padding: 28px 30px 29px;
    box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06);
    border-radius: 4px;
}

.authorization__btn, .registration__btn {
    text-align: center;
    vertical-align: top;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    height: 41px;
    font-size: 18px;
    line-height: 18px;
    padding: 13px 28px;
    text-transform: uppercase;
    background: #f03726;
    color: #fff;
    border: 0;
    border-radius: 30px;
    position: relative;
    transition: all .3s ease-in-out;
    display: inline-block;
}

.authorization__btn:hover, .registration__btn:hover {
    color: #fff;
    background: #d22d1e;
}

.bx-auth-note {
    font-size: 14px;
}

.bx-auth-label {
    font-size: 14px;
}

.m-0 {
    margin-bottom: 0 !important;
}

.products-price {
    overflow: hidden;
    margin: 30px 0;
    border-radius: 4px;
}

.products-price__header {
    padding: 10px 20px;
    background: rgba(255, 120, 0, 0.3) !important;
}

.products-price__header > .products-price__tr {
    background: none;
}

.products-price__th {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 29px;
    color: #191919;
}

.products-price__body {
    display: table;
    width: 100%;
}

.products-price__tr {
    display: table-row;
    background: rgba(221, 221, 221, 0.5);
}

.products-price__tr:hover {
    background: rgba(255, 120, 0, 0.3);
}

.products-price__tr-title {
    background: #dddddd !important;
}

.products-price__tr-title > .products-price__td {
    font-size: 11px;
    font-weight: 700;
    color: #773800;
}

.products-price__td {
    display: table-cell;
    padding: 9px 10px;
    border-top: 1px solid #fff;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    color: #191919;
}

.trending-games__list {
    display: none;
}

.products-price__tr-active {
    background: rgba(255, 120, 0, 0.3);
}

.products-price__tr-footer {
    overflow: hidden;
}

@media (max-width: 1023px) {
    h1 {
        font-size: 24px;
        line-height: 28px
    }
}

h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700
}

@media (max-width: 767px) {
    h2 {
        font-size: 24px;
        line-height: 24px
    }
}

h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 0 30px
}

h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300
}

h5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300
}

h6 {
    font-size: 12px;
    line-height: 1.4
}

p {
    padding: 0;
    margin: 0
}

hr {
    overflow: hidden;
    height: 1px;
    background: #e9e9e9;
    border: 0;
    margin: 32px 0
}

q, blockquote {
    text-align: center;
    display: block;
    font-style: italic
}

strong, b {
    font-weight: 700
}

a {
    color: #f03726;
    transition: all .3s ease-in-out;
    text-decoration: none
}

a.button {
    text-decoration: none
}

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

a:hover {
    text-decoration: none
}

[class*="icon-"] {
    display: inline-block !important;
    vertical-align: middle
}

img[style*="float: left"], img[style*="float:left"], img[align="left"] {
    margin: 0 20px 5px 0
}

img[style*="float: right"], img[style*="float:right"], img[align="right"] {
    margin: 0 0 5px 20px
}

.static-content .content__main ul li, .default-list li {
    position: relative;
    padding-left: 10px
}

.static-content .content__main ul li:before, .default-list li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: pink;
    border-radius: 50%
}

ol {
    list-style-type: lower-alpha;
    list-style-position: inside;
    counter-reset: item
}

ol li {
    display: block;
    position: relative;
    padding: 0 0 3px 0
}

ol li:last-child {
    padding: 0
}

ol li:before {
    content: counters(item, ")") ") ";
    counter-increment: item;
    display: inline;
    vertical-align: top
}

.upper {
    text-transform: uppercase
}

table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 0
}

tr:hover {
    background: #fafafc
}

tr:hover td:after {
    background: transparent
}

tr:hover + tr td:after {
    background: transparent
}

tr:first-child td:after {
    display: none
}

th, th[class] {
    vertical-align: middle;
    padding: 19px 0 18px 40px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    color: #9292a2;
    text-transform: uppercase;
    background: #fafafc;
    border-bottom: 1px solid #efeff4;
    text-align: left
}

td {
    vertical-align: middle;
    padding: 20px 0 20px 40px;
    position: relative
}

td:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: #efeff4
}

td:first-child:after {
    width: 100%
}

td:last-child {
    padding: 20px 0 20px 40px
}

td:last-child:after {
    width: 100%
}

@media (max-width: 1023px) {
    td {
        padding: 19px 0 11px 40px
    }

    td:after {
        bottom: auto;
        left: 0
    }
}

@media (max-width: 767px) {
    td:first-child:after {
        width: 100%;
        left: 0
    }

    td:last-child {
        padding: 20px 40px 20px 0
    }

    td:last-child:after {
        width: 100%;
        right: 0
    }
}

fieldset {
    display: block
}

label {
    /*display: block*/
}

label:hover {
    cursor: pointer
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
.input{
    background: #fff;
    border: 1px solid #d7d7e0;
    color: #525257;
    font-size: 13px;
    line-height: 16px;
    /*padding: 12px 13px 12px;*/
    padding: 12px 6px 12px;
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    border-radius: 4px;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1)
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="text"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .input::-webkit-input-placeholder {
    color: #bebecc
}

input[type="text"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, .input:-moz-placeholder {
    color: #bebecc;
    opacity: 1
}

input[type="text"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .input::-moz-placeholder {
    color: #bebecc;
    opacity: 1
}

input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .input:-ms-input-placeholder {
    color: #bebecc
}

input[type="text"]:focus:-moz-placeholder, input[type="number"]:focus:-moz-placeholder, input[type="password"]:focus:-moz-placeholder, input[type="email"]:focus:-moz-placeholder, input[type="tel"]:focus:-moz-placeholder, input[type="search"]:focus:-moz-placeholder, textarea:focus:-moz-placeholder, select:focus:-moz-placeholder, .input:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

input[type="text"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, textarea:focus::-moz-placeholder, select:focus::-moz-placeholder, .input:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

input[type="text"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, .input:focus::-webkit-input-placeholder {
    color: transparent
}

input[type="text"]:focus:-ms-input-placeholder, input[type="number"]:focus:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, input[type="search"]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, .input:focus:-ms-input-placeholder {
    color: transparent
}

input[type="text"]:focus::placeholder, input[type="number"]:focus::placeholder, input[type="password"]:focus::placeholder, input[type="email"]:focus::placeholder, input[type="tel"]:focus::placeholder, input[type="search"]:focus::placeholder, textarea:focus::placeholder, select:focus::placeholder, .input:focus::placeholder {
    color: transparent
}

input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus, select:focus, .input:focus {
    border-color: #c3c3d0;
    background: #fff
}

input[type="text"].disabled, input[type="text"][disabled="disabled"], input[type="text"][disabled], input[type="number"].disabled, input[type="number"][disabled="disabled"], input[type="number"][disabled], input[type="password"].disabled, input[type="password"][disabled="disabled"], input[type="password"][disabled], input[type="email"].disabled, input[type="email"][disabled="disabled"], input[type="email"][disabled], input[type="tel"].disabled, input[type="tel"][disabled="disabled"], input[type="tel"][disabled], input[type="search"].disabled, input[type="search"][disabled="disabled"], input[type="search"][disabled], textarea.disabled, textarea[disabled="disabled"], textarea[disabled], select.disabled, select[disabled="disabled"], select[disabled], .input.disabled, .input[disabled="disabled"], .input[disabled] {
    background-color: #fafafc
}

input[type="text"].disabled::-webkit-input-placeholder, input[type="text"][disabled="disabled"]::-webkit-input-placeholder, input[type="text"][disabled]::-webkit-input-placeholder, input[type="number"].disabled::-webkit-input-placeholder, input[type="number"][disabled="disabled"]::-webkit-input-placeholder, input[type="number"][disabled]::-webkit-input-placeholder, input[type="password"].disabled::-webkit-input-placeholder, input[type="password"][disabled="disabled"]::-webkit-input-placeholder, input[type="password"][disabled]::-webkit-input-placeholder, input[type="email"].disabled::-webkit-input-placeholder, input[type="email"][disabled="disabled"]::-webkit-input-placeholder, input[type="email"][disabled]::-webkit-input-placeholder, input[type="tel"].disabled::-webkit-input-placeholder, input[type="tel"][disabled="disabled"]::-webkit-input-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, input[type="search"].disabled::-webkit-input-placeholder, input[type="search"][disabled="disabled"]::-webkit-input-placeholder, input[type="search"][disabled]::-webkit-input-placeholder, textarea.disabled::-webkit-input-placeholder, textarea[disabled="disabled"]::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder, select.disabled::-webkit-input-placeholder, select[disabled="disabled"]::-webkit-input-placeholder, select[disabled]::-webkit-input-placeholder, .input.disabled::-webkit-input-placeholder, .input[disabled="disabled"]::-webkit-input-placeholder, .input[disabled]::-webkit-input-placeholder {
    color: #63636a
}

input[type="text"].disabled:-moz-placeholder, input[type="text"][disabled="disabled"]:-moz-placeholder, input[type="text"][disabled]:-moz-placeholder, input[type="number"].disabled:-moz-placeholder, input[type="number"][disabled="disabled"]:-moz-placeholder, input[type="number"][disabled]:-moz-placeholder, input[type="password"].disabled:-moz-placeholder, input[type="password"][disabled="disabled"]:-moz-placeholder, input[type="password"][disabled]:-moz-placeholder, input[type="email"].disabled:-moz-placeholder, input[type="email"][disabled="disabled"]:-moz-placeholder, input[type="email"][disabled]:-moz-placeholder, input[type="tel"].disabled:-moz-placeholder, input[type="tel"][disabled="disabled"]:-moz-placeholder, input[type="tel"][disabled]:-moz-placeholder, input[type="search"].disabled:-moz-placeholder, input[type="search"][disabled="disabled"]:-moz-placeholder, input[type="search"][disabled]:-moz-placeholder, textarea.disabled:-moz-placeholder, textarea[disabled="disabled"]:-moz-placeholder, textarea[disabled]:-moz-placeholder, select.disabled:-moz-placeholder, select[disabled="disabled"]:-moz-placeholder, select[disabled]:-moz-placeholder, .input.disabled:-moz-placeholder, .input[disabled="disabled"]:-moz-placeholder, .input[disabled]:-moz-placeholder {
    color: #63636a;
    opacity: 1
}

input[type="text"].disabled::-moz-placeholder, input[type="text"][disabled="disabled"]::-moz-placeholder, input[type="text"][disabled]::-moz-placeholder, input[type="number"].disabled::-moz-placeholder, input[type="number"][disabled="disabled"]::-moz-placeholder, input[type="number"][disabled]::-moz-placeholder, input[type="password"].disabled::-moz-placeholder, input[type="password"][disabled="disabled"]::-moz-placeholder, input[type="password"][disabled]::-moz-placeholder, input[type="email"].disabled::-moz-placeholder, input[type="email"][disabled="disabled"]::-moz-placeholder, input[type="email"][disabled]::-moz-placeholder, input[type="tel"].disabled::-moz-placeholder, input[type="tel"][disabled="disabled"]::-moz-placeholder, input[type="tel"][disabled]::-moz-placeholder, input[type="search"].disabled::-moz-placeholder, input[type="search"][disabled="disabled"]::-moz-placeholder, input[type="search"][disabled]::-moz-placeholder, textarea.disabled::-moz-placeholder, textarea[disabled="disabled"]::-moz-placeholder, textarea[disabled]::-moz-placeholder, select.disabled::-moz-placeholder, select[disabled="disabled"]::-moz-placeholder, select[disabled]::-moz-placeholder, .input.disabled::-moz-placeholder, .input[disabled="disabled"]::-moz-placeholder, .input[disabled]::-moz-placeholder {
    color: #63636a;
    opacity: 1
}

input[type="text"].disabled:-ms-input-placeholder, input[type="text"][disabled="disabled"]:-ms-input-placeholder, input[type="text"][disabled]:-ms-input-placeholder, input[type="number"].disabled:-ms-input-placeholder, input[type="number"][disabled="disabled"]:-ms-input-placeholder, input[type="number"][disabled]:-ms-input-placeholder, input[type="password"].disabled:-ms-input-placeholder, input[type="password"][disabled="disabled"]:-ms-input-placeholder, input[type="password"][disabled]:-ms-input-placeholder, input[type="email"].disabled:-ms-input-placeholder, input[type="email"][disabled="disabled"]:-ms-input-placeholder, input[type="email"][disabled]:-ms-input-placeholder, input[type="tel"].disabled:-ms-input-placeholder, input[type="tel"][disabled="disabled"]:-ms-input-placeholder, input[type="tel"][disabled]:-ms-input-placeholder, input[type="search"].disabled:-ms-input-placeholder, input[type="search"][disabled="disabled"]:-ms-input-placeholder, input[type="search"][disabled]:-ms-input-placeholder, textarea.disabled:-ms-input-placeholder, textarea[disabled="disabled"]:-ms-input-placeholder, textarea[disabled]:-ms-input-placeholder, select.disabled:-ms-input-placeholder, select[disabled="disabled"]:-ms-input-placeholder, select[disabled]:-ms-input-placeholder, .input.disabled:-ms-input-placeholder, .input[disabled="disabled"]:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder {
    color: #63636a
}

input[type="text"].disabled:focus:-moz-placeholder, input[type="text"][disabled="disabled"]:focus:-moz-placeholder, input[type="text"][disabled]:focus:-moz-placeholder, input[type="number"].disabled:focus:-moz-placeholder, input[type="number"][disabled="disabled"]:focus:-moz-placeholder, input[type="number"][disabled]:focus:-moz-placeholder, input[type="password"].disabled:focus:-moz-placeholder, input[type="password"][disabled="disabled"]:focus:-moz-placeholder, input[type="password"][disabled]:focus:-moz-placeholder, input[type="email"].disabled:focus:-moz-placeholder, input[type="email"][disabled="disabled"]:focus:-moz-placeholder, input[type="email"][disabled]:focus:-moz-placeholder, input[type="tel"].disabled:focus:-moz-placeholder, input[type="tel"][disabled="disabled"]:focus:-moz-placeholder, input[type="tel"][disabled]:focus:-moz-placeholder, input[type="search"].disabled:focus:-moz-placeholder, input[type="search"][disabled="disabled"]:focus:-moz-placeholder, input[type="search"][disabled]:focus:-moz-placeholder, textarea.disabled:focus:-moz-placeholder, textarea[disabled="disabled"]:focus:-moz-placeholder, textarea[disabled]:focus:-moz-placeholder, select.disabled:focus:-moz-placeholder, select[disabled="disabled"]:focus:-moz-placeholder, select[disabled]:focus:-moz-placeholder, .input.disabled:focus:-moz-placeholder, .input[disabled="disabled"]:focus:-moz-placeholder, .input[disabled]:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

input[type="text"].disabled:focus::-moz-placeholder, input[type="text"][disabled="disabled"]:focus::-moz-placeholder, input[type="text"][disabled]:focus::-moz-placeholder, input[type="number"].disabled:focus::-moz-placeholder, input[type="number"][disabled="disabled"]:focus::-moz-placeholder, input[type="number"][disabled]:focus::-moz-placeholder, input[type="password"].disabled:focus::-moz-placeholder, input[type="password"][disabled="disabled"]:focus::-moz-placeholder, input[type="password"][disabled]:focus::-moz-placeholder, input[type="email"].disabled:focus::-moz-placeholder, input[type="email"][disabled="disabled"]:focus::-moz-placeholder, input[type="email"][disabled]:focus::-moz-placeholder, input[type="tel"].disabled:focus::-moz-placeholder, input[type="tel"][disabled="disabled"]:focus::-moz-placeholder, input[type="tel"][disabled]:focus::-moz-placeholder, input[type="search"].disabled:focus::-moz-placeholder, input[type="search"][disabled="disabled"]:focus::-moz-placeholder, input[type="search"][disabled]:focus::-moz-placeholder, textarea.disabled:focus::-moz-placeholder, textarea[disabled="disabled"]:focus::-moz-placeholder, textarea[disabled]:focus::-moz-placeholder, select.disabled:focus::-moz-placeholder, select[disabled="disabled"]:focus::-moz-placeholder, select[disabled]:focus::-moz-placeholder, .input.disabled:focus::-moz-placeholder, .input[disabled="disabled"]:focus::-moz-placeholder, .input[disabled]:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}

input[type="text"].disabled:focus::-webkit-input-placeholder, input[type="text"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="text"][disabled]:focus::-webkit-input-placeholder, input[type="number"].disabled:focus::-webkit-input-placeholder, input[type="number"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="number"][disabled]:focus::-webkit-input-placeholder, input[type="password"].disabled:focus::-webkit-input-placeholder, input[type="password"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="password"][disabled]:focus::-webkit-input-placeholder, input[type="email"].disabled:focus::-webkit-input-placeholder, input[type="email"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="email"][disabled]:focus::-webkit-input-placeholder, input[type="tel"].disabled:focus::-webkit-input-placeholder, input[type="tel"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="tel"][disabled]:focus::-webkit-input-placeholder, input[type="search"].disabled:focus::-webkit-input-placeholder, input[type="search"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="search"][disabled]:focus::-webkit-input-placeholder, textarea.disabled:focus::-webkit-input-placeholder, textarea[disabled="disabled"]:focus::-webkit-input-placeholder, textarea[disabled]:focus::-webkit-input-placeholder, select.disabled:focus::-webkit-input-placeholder, select[disabled="disabled"]:focus::-webkit-input-placeholder, select[disabled]:focus::-webkit-input-placeholder, .input.disabled:focus::-webkit-input-placeholder, .input[disabled="disabled"]:focus::-webkit-input-placeholder, .input[disabled]:focus::-webkit-input-placeholder {
    color: transparent
}

input[type="text"].disabled:focus:-ms-input-placeholder, input[type="text"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="text"][disabled]:focus:-ms-input-placeholder, input[type="number"].disabled:focus:-ms-input-placeholder, input[type="number"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="number"][disabled]:focus:-ms-input-placeholder, input[type="password"].disabled:focus:-ms-input-placeholder, input[type="password"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="password"][disabled]:focus:-ms-input-placeholder, input[type="email"].disabled:focus:-ms-input-placeholder, input[type="email"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="email"][disabled]:focus:-ms-input-placeholder, input[type="tel"].disabled:focus:-ms-input-placeholder, input[type="tel"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="tel"][disabled]:focus:-ms-input-placeholder, input[type="search"].disabled:focus:-ms-input-placeholder, input[type="search"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="search"][disabled]:focus:-ms-input-placeholder, textarea.disabled:focus:-ms-input-placeholder, textarea[disabled="disabled"]:focus:-ms-input-placeholder, textarea[disabled]:focus:-ms-input-placeholder, select.disabled:focus:-ms-input-placeholder, select[disabled="disabled"]:focus:-ms-input-placeholder, select[disabled]:focus:-ms-input-placeholder, .input.disabled:focus:-ms-input-placeholder, .input[disabled="disabled"]:focus:-ms-input-placeholder, .input[disabled]:focus:-ms-input-placeholder {
    color: transparent
}

input[type="text"].disabled:focus::placeholder, input[type="text"][disabled="disabled"]:focus::placeholder, input[type="text"][disabled]:focus::placeholder, input[type="number"].disabled:focus::placeholder, input[type="number"][disabled="disabled"]:focus::placeholder, input[type="number"][disabled]:focus::placeholder, input[type="password"].disabled:focus::placeholder, input[type="password"][disabled="disabled"]:focus::placeholder, input[type="password"][disabled]:focus::placeholder, input[type="email"].disabled:focus::placeholder, input[type="email"][disabled="disabled"]:focus::placeholder, input[type="email"][disabled]:focus::placeholder, input[type="tel"].disabled:focus::placeholder, input[type="tel"][disabled="disabled"]:focus::placeholder, input[type="tel"][disabled]:focus::placeholder, input[type="search"].disabled:focus::placeholder, input[type="search"][disabled="disabled"]:focus::placeholder, input[type="search"][disabled]:focus::placeholder, textarea.disabled:focus::placeholder, textarea[disabled="disabled"]:focus::placeholder, textarea[disabled]:focus::placeholder, select.disabled:focus::placeholder, select[disabled="disabled"]:focus::placeholder, select[disabled]:focus::placeholder, .input.disabled:focus::placeholder, .input[disabled="disabled"]:focus::placeholder, .input[disabled]:focus::placeholder {
    color: transparent
}

input[type="text"].dark-input, input[type="number"].dark-input, input[type="password"].dark-input, input[type="email"].dark-input, input[type="tel"].dark-input, input[type="search"].dark-input, textarea.dark-input, select.dark-input, .input.dark-input {
    background: #67677d;
    border: 1px solid #747489;
    color: #b9b9cb
}

/*label {*/
/*text-transform: uppercase;*/
/*display: inline-block;*/
/*text-align: left;*/
/*padding: 0 0 20px;*/
/*font-size: 11px;*/
/*color: #9292a2*/
/*}*/

.fake-input {
    display: block;
    background: #fff;
    border: 1px solid #d7d7e0;
    border-radius: 4px;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1);
    position: relative
}

.fake-input input {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: calc(100% - 30px);
    background: transparent;
    margin: 0;
}

.fake-input input:focus .fake-input input.disabled, .fake-input input:disabled {
    background: transparent
}

.fake-input--hours {
    padding-left: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQWxsX2dseXBocyIgZGF0YS1uYW1lPSJBbGwgZ2x5cGhzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MiA5MiIgPjx0aXRsZT5jbG9jazwvdGl0bGU+DQo8cGF0aCBmaWxsPScjY2FjYWQ1JyBkPSJNLTIzMTkuMzEsOTE3LjcyYTQ2LDQ2LDAsMCwwLTQ2LDQ2LDQ2LDQ2LDAsMCwwLDQ2LDQ2LDQ2LDQ2LDAsMCwwLDQ2LTQ2QTQ2LDQ2LDAsMCwwLTIzMTkuMzEsOTE3LjcyWm0wLDgyYTM2LDM2LDAsMCwxLTM2LTM2LDM2LDM2LDAsMCwxLDM2LTM2LDM2LDM2LDAsMCwxLDM2LDM2QTM2LDM2LDAsMCwxLTIzMTkuMzEsOTk5LjcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM2NS4zMSAtOTE3LjcyKSIvPjxwb2x5Z29uIGZpbGw9JyNjYWNhZDUnIHBvaW50cz0iNDkuNSAyMCA0Mi41IDIwIDQyLjUgNDcuNDUgNTkuNTIgNjQuNDcgNjQuNDcgNTkuNTMgNDkuNSA0NC41NSA0OS41IDIwIi8+PC9zdmc+");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 10px
}

.fake-input--database {
    padding-left: 30px;
    background-size: 14px 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQWxsX2dseXBocyIgZGF0YS1uYW1lPSJBbGwgZ2x5cGhzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA4OCI+PHRpdGxlPmRhdGFiYXNlPC90aXRsZT48cGF0aCBmaWxsPSIjY2FjYWQ1IiBkPSJNLTQ4NS42OCwxMzc3LjkyYy00LjIyLDYuODItMTcuNjgsMTEuODEtMzMuNjMsMTEuODFzLTI5LjQxLTUtMzMuNjMtMTEuODFjLTAuODktMS40NC0xLjM3LS42Ny0xLjM3LDB2MTBjMCw5LjY5LDE1LjY3LDE5Ljc1LDM1LDE5Ljc1czM1LTEwLjA1LDM1LTE5Ljc1di0xMEMtNDg0LjMxLDEzNzcuMjUtNDg0Ljc5LDEzNzYuNDgtNDg1LjY4LDEzNzcuOTJabTAuMDYtMjUuNThjLTQuMTUsNi0xNy42NiwxMC40NS0zMy42OSwxMC40NXMtMjkuNTQtNC40Mi0zMy42OS0xMC40NWMtMC44Ni0xLjI0LTEuMzEtLjU3LTEuMzEsMHYxMS43OGMwLDguODEsMTUuNjcsMTYsMzUsMTZzMzUtNy4xNCwzNS0xNnYtMTEuNzhDLTQ4NC4zMSwxMzUxLjc4LTQ4NC43NywxMzUxLjEtNDg1LjYyLDEzNTIuMzVabS0zMy42OS0zMi42MmMtMTkuMzMsMC0zNSw1Ljg5LTM1LDEzLjE2djYuM2MwLDcuNzEsMTUuNjcsMTQsMzUsMTRzMzUtNi4yNSwzNS0xNHYtNi4zQy00ODQuMzEsMTMyNS42Mi01MDAsMTMxOS43Mi01MTkuMzEsMTMxOS43MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU1NC4zMSAtMTMxOS43MikiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 10px
}

.fake-input.disabled {
    background-color: #fafafc
}

.fake-input--currency input {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 65px)
}

textarea {
    height: 132px;
    resize: none
}

input[type="file"] {
    display: inline-block
}

input[type="file"] + label {
    display: block;
    background: #fff;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    padding: 9px 15px;
    text-align: center;
    border-radius: 4px;
    transition: .2s ease-in-out;
    text-transform: none
}

input[type="file"] + label:hover {
    border-color: #696969;
    background: #e9e9e9
}

select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-image: url("");
    background-color: transparent
}

select:focus {
    background-image: url("");
    background-repeat: no-repeat
}

.ui-front {
    z-index: 9999
}

.ui-selectmenu-button {
    border: 1px solid #939393;
    border-radius: 0;
    background: #f3f3f3;
    color: #282828
}

.ui-selectmenu-button[aria-expanded="true"] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #8e8e8e
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 10px 15px 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.ui-selectmenu-button span.ui-icon-triangle-1-s {
    width: 45px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #939393;
    background: url("../img/icons/slct-open.png") center center no-repeat;
    margin: 0
}

.ui-selectmenu-menu .ui-widget-content {
    border-radius: 0;
    background: #f3f3f3;
    color: #282828
}

.ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    padding: 10px 15px 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus {
    border: 0;
    margin: 0;
    font-weight: inherit
}

.ui-widget-header {
    border: 1px solid transparent;
    background: #565669;
    color: #fff;
    font-weight: normal;
    font-family: "bebas_neue", Verdana;
    font-size: 20px
}

.ui-widget-content {
    border: 0px
}

.ui-widget-content a.link {
    color: #f03726;
    margin: 10px 0 0;
    display: inline-block
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid transparent;
    background: transparent;
    font-weight: normal
}

.ui-state-default .ui-icon {
    background-image: url("../img/icons/svg/cross.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    width: 14px;
    height: 14px
}

.ui-dialog {
    padding: 0
}

.ui-dialog ui-widget ui-widget-content ui-corner-all ui-front {
    height: auto;
    width: auto;
    top: 800px;
    left: 412px;
    display: block;
    z-index: 10000;
    max-width: 900px
}

.ui-dialog-confirmation .ui-widget-header, .ui-no-header .ui-widget-header {
    background: #fff
}

.ui-dialog-confirmation .ui-dialog-content .dialog-header, .ui-no-header .ui-dialog-content .dialog-header {
    display: block;
    font-size: 18px;
    text-align: center;
    color: #9292A2;
    margin-bottom: 10px
}

.ui-dialog-confirmation .ui-dialog-content .dialog-description, .ui-no-header .ui-dialog-content .dialog-description {
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.ui-dialog-confirmation .ui-dialog-content .dialog-content-bottom, .ui-no-header .ui-dialog-content .dialog-content-bottom {
    padding: 16px 0;
    text-align: center;
    border-top: 1px solid #efeff4
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 5px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 5px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 5px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 5px
}

.btn{
    outline: 0 !important;
    bottom: 0 !important;
}

button, .header__sell .btn, .btn {
    text-align: center;
    vertical-align: top;
    font-weight: 700;
    font-family: 'bebas_neue';
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 18px;
    padding: 13px 28px;
    text-transform: uppercase;
    background: #f03726;
    color: #fff;
    border: 0;
    border-radius: 30px;
    position: relative;
    transition: all .3s ease-in-out;
    display: inline-block;
    outline: 0 !important;
}

button:hover, button:active, .btn:hover, .btn:active {
    color: #fff;
    background: #d22d1e
}

button.disabled, button[disabled="disabled"], button[disabled], .btn.disabled, .btn[disabled="disabled"], .btn[disabled] {
    background: #ccc;
    color: #aaa;
    cursor: not-allowed
}

button--transparent, .btn--transparent {
    padding: 9px 22px;
    border: 1px solid #f03726;
    background: transparent;
    color: #f03726;
    text-transform: none;
    font-family: "GothamPro";
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    letter-spacing: 0;
    margin-left: 12px
}

button--white, .btn--white {
    background: #fff;
    color: #525257
}

button--lg, .btn--lg {
    padding: 18px 75px
}

button--green, .btn--green {
    background: #20c082
}

button--green:hover, .btn--green:hover {
    background: #269469
}

button--grey, .btn--grey {
    background: #565669
}

button--grey:hover, .btn--grey:hover {
    background: #4c4c4c
}

button--border, .btn--border {
    border: 1px solid #c8c8d0;
    color: #9292a2 !important;
    background: #fff;
    padding: 12px 40px
}

button--border:hover, button--border:active, .btn--border:hover, .btn--border:active {
    background: #fff;
    color: #76768b;
    border-color: #adadb9
}

button_border-red, .btn_border-red {
    border: 1px solid #f03726;
    color: #f03726;
    background: #fff;
    padding: 12px 40px;
    margin-left: 10px;
    display: inline-block;
    width: 200px
}

@media (max-width: 767px) {
    button_border-red, .btn_border-red {
        width: 100%;
        margin-bottom: 10px
    }
}

button_border-red, .btn_border-red {
    border: 1px solid #f03726;
    color: #f03726;
    background: #fff;
    padding: 12px 20px;
    margin-left: 10px;
    display: inline-block;
    width: 175px
}

@media (max-width: 767px) {
    button_border-red, .btn_border-red {
        width: 100%;
        margin-bottom: 10px
    }
}

/*input[type="checkbox"] {*/
/*position: absolute;*/
/*left: -9999px*/
/*}*/

/*input[type="checkbox"] + label {*/
/*display: inline-block;*/
/*vertical-align: top;*/
/*padding: 0 0 0 35px;*/
/*margin-bottom: 10px;*/
/*position: relative;*/
/*cursor: pointer;*/
/*font-size: 13px;*/
/*line-height: 16px;*/
/*width: 100%;*/
/*text-transform: none*/
/*}*/

/*input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {*/
/*position: absolute;*/
/*content: ''*/
/*}*/

input[type="checkbox"] + label:before {
    left: 0;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7e0;
    border-radius: 3px
}

input[type="checkbox"] + label:after {
    top: calc(50% - 6px);
    left: 7px;
    width: 5px;
    height: 10px;
    border-right: 2px solid #f03726;
    border-bottom: 2px solid #f03726;
    background: transparent;
    transform: rotate(45deg);
    opacity: 0
}

input[type="checkbox"]:checked + label:after {
    opacity: 1
}

/*input[type="radio"] {*/
/*position: absolute;*/
/*left: -9999px*/
/*}*/

/*input[type="radio"] + label {*/
/*display: inline-block;*/
/*vertical-align: top;*/
/*padding: 0 0 0 30px;*/
/*position: relative;*/
/*cursor: pointer;*/
/*font-size: 15px;*/
/*line-height: 24px;*/
/*width: auto !important;*/
/*text-transform: none*/
/*}*/

/*input[type="radio"] + label:before, input[type="radio"] + label:after {*/
/*position: absolute;*/
/*content: ''*/
/*}*/

input[type="radio"] + label:before {
    top: calc(50% - 9px);
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #f03726
}

input[type="radio"] + label:after {
    top: calc(50% - 3px);
    left: 6px;
    width: 6px;
    height: 6px;
    background: #f03726;
    border-radius: 50%;
    opacity: 0
}

input[type="radio"]:checked + label:after {
    opacity: 1
}

input[type="radio"]:active {
    top: calc(50% - 3px);
    left: 6px;
    width: 6px;
    height: 6px;
    background: #f03726;
    border-radius: 50%;
    opacity: 0;
}

.radio-inline input[type="radio"]:active {
    opacity: 1;
    width: 13px;
    height: 13px;
    top: 0;
    left: 0;
    border-radius: 0;
}

.rating-stars:after {
    content: " ";
    display: block;
    clear: both
}

.rating-stars.static {
    pointer-events: none
}

.rating-stars:not(old) {
    display: inline-block;
    vertical-align: top
}

.rating-stars:not(old) > input[type="radio"] {
    margin-right: -100%;
    opacity: 0;
    display: none
}

.rating-stars:not(old) > label {
    display: block;
    float: right;
    position: relative;
    margin: 0 1px 0 0;
    padding: 0;
    text-indent: -9999%;
    overflow: hidden;
    top: 0
}

.rating-stars:not(old) > label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.2s linear
}

.rating-stars:not(old) > label:before {
    display: none
}

.rating-stars:not(old) > label:hover:after, .rating-stars:not(old) > label:hover ~ label:after, .rating-stars:not(:hover) > :checked ~ label:after {
    opacity: 1
}

.rating-stars.static {
    position: relative
}

.rating-stars.static .inner {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0
}

.ui-datepicker {
    width: 242px;
    border-radius: 4px;
    box-shadow: 0 0 2px #ccc;
    padding: 10px !important;
    display: none
}

.ui-datepicker .ui-widget-header {
    background: #fff;
    border: 0;
    border-radius: 0;
    padding: 5px 35px 13px
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
    position: absolute;
    /*font-family: 'mymobstr-pt';*/
    /*top: 14px;*/
    top: 3px;
    color: #9B9B9B;
    font-size: 24px;
    height: 24px;
    width: 24px
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev:hover, .ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
    background: #fff;
    border: 0;
    text-decoration: none
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev {
    left: 10px
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev:before {
    /*content: '\e6fe'*/
}

.ui-datepicker .ui-widget-header .ui-datepicker-next {
    right: 10px
}

.ui-datepicker .ui-widget-header .ui-datepicker-next:before {
    /*content: '\e6ff'*/
}

.ui-datepicker .ui-widget-header .ui-datepicker-title {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

.ui-datepicker .ui-datepicker-calendar {
    margin: 0 -10px;
    padding: 0 10px
}

.ui-datepicker thead th {
    font-size: 12px;
    line-height: 16px;
    color: #9B9B9B;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 0 6px;
    text-align: center;
}

.ui-datepicker tbody tr td .ui-state-default {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 5px 8px;
    color: #333;
    border: 0;
    background: #fff;
    display: block;
    text-align: center
}

.ui-datepicker tbody tr td .ui-state-default.ui-state-hover {
    border: 0;
    background: #eee;
    text-decoration: none
}

.ui-datepicker tbody tr td .ui-state-default.ui-state-highlight {
    color: #fff;
    background-color: #f03726;
}

.ui-datepicker tbody tr td .ui-state-default.ui-state-active {
    background: #eee;
    text-decoration: none
}
.ui-datepicker td:last-child{
    padding: inherit;
}

.select .ui-multiselect {
    padding: 13px;
    border-radius: 4px;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1);
    background: #fff;
    border: 1px solid #d7d7e0
}

.select .ui-multiselect-inner {
    padding: 14px 11px 14px;
    font-family: "GothamPro"
}

.select .ui-multiselect-value {
    font-size: 13px;
    line-height: 13px;
    text-transform: none;
    letter-spacing: 0
}

.select .ui-multiselect-arrow {
    top: calc(50% - 8px);
    right: 10px
}

.select .icon-arrow-down {
    width: 14px;
    height: 9px;
    fill: #bfbfc9
}

.select .ui-state-placeholder .ui-multiselect-value {
    color: #bebecc
}

.select--dark .ui-multiselect {
    background: #67677d;
    border: 1px solid #747489
}

.select--dark .ui-multiselect-value {
    color: #b9b9cb
}

.select--dark .ui-state-placeholder .ui-multiselect-value {
    color: #b9b9cb
}

.select .ui-multiselect-value img {
    margin: -2px 13px 0 0
}

.select--hours {
    display: block;
    position: relative
}

.select--hours .ui-multiselect-value {
    padding: 0 0 0 30px
}

.select--hours:before {
    content: '';
    padding-left: 30px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQWxsX2dseXBocyIgZGF0YS1uYW1lPSJBbGwgZ2x5cGhzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MiA5MiIgPjx0aXRsZT5jbG9jazwvdGl0bGU+DQo8cGF0aCBmaWxsPScjY2FjYWQ1JyBkPSJNLTIzMTkuMzEsOTE3LjcyYTQ2LDQ2LDAsMCwwLTQ2LDQ2LDQ2LDQ2LDAsMCwwLDQ2LDQ2LDQ2LDQ2LDAsMCwwLDQ2LTQ2QTQ2LDQ2LDAsMCwwLTIzMTkuMzEsOTE3LjcyWm0wLDgyYTM2LDM2LDAsMCwxLTM2LTM2LDM2LDM2LDAsMCwxLDM2LTM2LDM2LDM2LDAsMCwxLDM2LDM2QTM2LDM2LDAsMCwxLTIzMTkuMzEsOTk5LjcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM2NS4zMSAtOTE3LjcyKSIvPjxwb2x5Z29uIGZpbGw9JyNjYWNhZDUnIHBvaW50cz0iNDkuNSAyMCA0Mi41IDIwIDQyLjUgNDcuNDUgNTkuNTIgNjQuNDcgNjQuNDcgNTkuNTMgNDkuNSA0NC41NSA0OS41IDIwIi8+PC9zdmc+");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 10px;
    position: absolute;
    left: 4px;
    top: 13px;
    width: 18px;
    height: 18px;
    z-index: 100
}

div.ui-multiselect-menu ul label {
    text-transform: none;
    padding: 8px 13px;
    color: #525257;
    font-size: 13px;
    line-height: 20px;
    font-family: "GothamPro"
}

div.ui-multiselect-menu ul label.ui-state-hover, div.ui-multiselect-menu ul label.ui-state-active {
    background: #efeff4 !important;
    border: none !important;
    border-radius: none !important;
    color: #525257
}

.ui-state-placeholder {
    color: #525257
}

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

.ui-multiselect-value img, .option-img img {
    width: 23px;
    float: left;
    margin: 2px 13px 0 0
}

.ui-multiselect-value {
    color: #525257
}

.btn:before {
    content: attr(data-hover);
    -webkit-transform: translate(-150%, 0);
    -moz-transform: translate(-150%, 0);
    -ms-transform: translate(-150%, 0);
    -o-transform: translate(-150%, 0);
    transform: translate(-150%, 0)
}

.btn:after {
    content: attr(data-active);
    -webkit-transform: translate(150%, 0);
    -moz-transform: translate(150%, 0);
    -ms-transform: translate(150%, 0);
    -o-transform: translate(150%, 0);
    transform: translate(150%, 0)
}

.btn:hover span, .btn:active span {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3)
}

.btn:hover:before, .btn:active:after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.btn:active:before {
    -webkit-transform: translate(-150%, 0);
    -moz-transform: translate(-150%, 0);
    -ms-transform: translate(-150%, 0);
    -o-transform: translate(-150%, 0);
    transform: translate(-150%, 0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.tip-yellowsimple {
    z-index: 1000;
    text-align: left;
    border: 1px solid #747489;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px 15px;
    min-width: 50px;
    max-width: 300px;
    color: #b9b9cb;
    background-color: #565669
}

.tip-yellowsimple.tip-inner {
    font: none
}

.editable-buttons {
    display: block;
    vertical-align: top;
    margin-left: 7px;
    zoom: 1;
    *display: inline
}

.editable-input {
    width: 270px
}

.editable-label label {
    padding: 0 0 8px
}

*, *:before, *:after {
    box-sizing: border-box
}

html{
    min-height: 100%;
    height: 100%;
}

body {
    min-height: 100%;
    height: 100%;
    min-width: 320px
}

.container {
    padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
    width: auto;
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

.content__inner {
    padding: 40px 0
}

.content__title-lg {
    padding: 23px 0;
    background: #eeeef4
}

.content__title-sm {
    padding: 17px 30px;
    background: #fafafc;
    border-bottom: 1px solid #efeff4;
    margin: 0 0 24px
}

.content__title-sm h3 {
    padding: 0;
    color: #898997;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: .8px
}

@media (max-width: 1023px) {
    .content__inner {
        padding: 25px 0
    }
}

@media (max-width: 767px) {
    .content__title-sm {
        margin: 0 -20px 24px;
        padding: 17px 20px
    }
}

.wrapper {
    min-height: 100%;
    background: #f7f7fa;
    box-sizing: border-box;
}

.header__chat-link {
    display: inline-block;
    position: relative
}

.header__chat-link.active:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -10px;
    width: 11px;
    height: 11px;
    background: #f03726;
    border: 2px solid #26272f;
    border-radius: 50%
}

.header__chat:hover [class*="icon-"] {
    fill: #9a9ab1;
    transition: all .3s linear
}

.header__top {
    padding: 15px 0 15px;
    background: #2b2b36;
    height: 60px;
}

.header__top-inner {
    position: relative
}

.header__top-inner:after {
    content: " ";
    display: block;
    clear: both
}

.header__top-right {
    float: right
}

.header__country {
    display: inline-block;
    vertical-align: middle;
    padding: 0 23px 0 0;
    margin: 3px 0 0
}

.header__country-link {
    font-size: 13px;
    line-height: 13px;
    color: #868694
}

.header__country-link:hover {
    color: #dcdce6
}

.header__country-link:hover [class*="icon-"] {
    fill: #dcdce6;
    transition: all .3s linear
}

.header__country-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px 0 0
}

.header__country-flag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 0;
    line-height: 0
}

.header__country-flag img {
    max-width: 100%
}

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

.header__country-arrow .icon-arrow-down {
    fill: #868694
}

.header__country-list {
    width: 250px;
    padding: 11px 15px 15px;
    top: 43px;
    z-index: 10
}

@media (max-width: 1023px) {
    .header__country-list.dropdown-list {
        position: static;
        width: 100%;
        border-radius: none;
        box-shadow: none;
        background: #373748;
        margin: 10px 0 0;
        padding: 10px
    }

    .header__country-list.dropdown-list .header__country-links-link {
        color: #868694
    }

    .header__country-list .select2-container--default .select2-selection--single {
        background: #373748
    }

    .header__country-list .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #868694
    }
}

.header__country-links {
    padding: 0 0 10px
}

.header__country-links-item {
    padding: 8px 0;
    position: relative;
}

.header__country-links-item > [class^="select__arrow"]{
    position: absolute;
    top: 16px;
    right: 11px;
}

.header__country-links-item-select {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 6px 8px 5px;
    border-radius: 4px;
    box-shadow: none
}

.header__country-links-link {
    display: block;
    color: #525257;
    position: relative
}

.header__country-links-arrow {
    position: absolute;
    top: 0;
    right: 0
}

.header__country-select {
    display: none;
    padding: 10px
}

.header__country-select-item {
    padding: 10px 0
}

.header__country-select-link {
    color: #525257
}

.header__country-btn {
    text-align: center
}

.header__country-btn .btn {
    padding: 8px 28px;
    background: #f03828;
}

.header__support {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0 0
}

.header__support-link {
    font-size: 13px;
    line-height: 13px;
    color: #868694
}

.header__support-link:hover {
    color: #fff
}

.header__support-link:hover [class*="icon-"] {
    fill: #fff;
    transition: all .3s linear
}

.header__support-text {
    display: inline-block;
    vertical-align: middle;
    color: #868694;
    transition: all .3s linear
}

.header__support-link:hover .header__support-text {
    fill: #fff;
    transition: all .3s linear
}

.header__support-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 0
}

.header__notifications {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px 0 0;
    position: relative
}

.header__notifications-link {
    display: inline-block;
    position: relative
}

.header__notifications-link.active:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -3px;
    width: 11px;
    height: 11px;
    background: #f03726;
    border: 2px solid #26272f;
    border-radius: 50%
}

.header__profile {
    display: inline-block;
    vertical-align: middle;
    padding: 0 31px 0 0;
    position: relative
}

.header__profile-link {
    display: block
}

.header__profile-photo {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0 10px 0 0
}

.header__profile-photo img {
    max-width: 100%;
    min-height: 100%;
    border-radius: 50%
}

.header__profile-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 13px;
    color: #868694;
    padding: 0 7px 0 0;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header__profile-arrow .icon-arrow-down {
    fill: #868694
}

.header__profile:hover {
    cursor: pointer
}

.header__profile:hover .header__profile-name {
    color: #dcdce6;
    transition: all .3s linear
}

.header__profile:hover .icon-arrow-down {
    fill: #dcdce6;
    transition: all .3s linear
}

.header__links {
    display: inline-block;
    margin: -9px 0
}

.header__links-link {
    display: block;
    text-align: center;
    background: #333340;
    padding: 16px 0 16px;
    width: 54px
}

.header__links-icon {
    display: inline-block
}

.header__links:hover .header__news-link {
    background: #434351
}

.header__links:hover [class*="icon-"] {
    fill: #9595a7;
    transition: all .3s linear
}

.header__icon-back {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0
}

.header__icon-back .icon-back {
    width: 20px;
    height: 18px;
    fill: #7c7c8d
}

.header__nav-hamburger {
    display: none;
    padding: 16px 0;
    text-align: center;
    background: #333340;
    width: 54px;
    height: 54px;
    margin: -9px -14px -8px
}

.header__nav-arrow {
    position: absolute;
    line-height: 0;
    top: calc(50% - 3px);
    right: 15px
}

.header__nav-arrow .icon-arrow-down {
    transform: rotate(-90deg);
    fill: #5b5d6b
}

.header__nav {
    float: left
}

.header__nav-btn {
    /* position: absolute; */
    top: 75px;
    left: 190px;
    z-index: 100;
    padding: 14px 10px;
    border: 1px solid #f03726;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    color: #f03726;
    font-weight: 500
}

.header__nav-btn-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 42px 0 0
}

.header__nav-btn .icon-arrow-down {
    width: 12px;
    height: 7px;
    fill: #f03726
}

.header__nav-list {
    position: absolute;
    top: 122px;
    left: 187px;
    z-index: 300;
    display: none;
    width: 212px;
    padding: 12px 0 30px 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.header__nav-list.open {
    display: block
}

.header__nav-list-item:hover .header__nav-category {
    display: block;
    transition: all .3s linear
}

.header__nav-list-backto {
    display: none
}

.header__nav-list-backto-link {
    background: #333340;
    border-bottom: 1px solid #3b3b49;
    padding: 20px 15px 20px 0;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    color: #808091
}

.header__nav-link {
    display: block;
    padding: 16px 21px 16px 26px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    color: #63636a;
    background: #fff;
    position: relative
}

.header__nav-link:hover {
    background: #f7f7fa
}

.header__nav-category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    padding: 0 0 0 212px;
    background: #fff;
    min-height: 453px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.header__nav-category-list {
    border-left: 1px solid #ececf0;
    width: 270px;
    padding-top: 14px;
    min-height: 453px
}

.header__nav-category-list-item:hover .header__nav-subcategory {
    display: block;
    transition: all .3s linear
}

.header__nav-category-link {
    display: block;
    padding: 13px 20px;
    font-size: 13px;
    line-height: 13px;
    color: #63636a;
    background: #fff;
    position: relative
}

.header__nav-category-link:hover {
    background: #f7f7fa
}

.header__nav-category-link--view-all {
    color: #f03726
}

.header__nav-category-link--view-all:hover {
    background: #fff
}

.header__nav-subcategory {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 99%;
    width: 470px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #ececf0;
    padding-top: 14px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

@media (max-width: 1300px) {
    .header__nav-subcategory {
        width: 330px
    }
}

.header__nav-subcategory-link {
    display: inline-block;
    padding: 13px 20px;
    font-size: 13px;
    line-height: 13px;
    color: #63636a;
    background: #fff;
    position: relative
}

.header__nav-subcategory-link:hover {
    color: #f03726
}

.header__nav-subcategory-img {
    position: absolute;
    bottom: -7px;
    right: 0;
    max-width: 360px
}

.header__nav-subcategory-img img {
    max-width: 100%
}

@media (max-width: 1023px) {
    .header__nav-btn {
        display: none
    }

    .header__nav-hamburger {
        display: block
    }

    .header__nav-hamburger.open {
        display: none
    }

    .header__nav-inner {
        height: 100%;
        z-index: 200;
        position: fixed;
        top: 47px;
        left: 0;
        overflow: auto;
        /* display: none */
    }

    .header__nav-inner.active {
        margin-left: 0;
        transition: margin .3s
    }

    .header__nav-menu {
        width: 270px;
        background: #333340;
        height: 100%;
        padding: 25px 15px 0
    }

    .header__nav-list {
        position: static;
        display: block;
        background: #333340;
        box-shadow: none;
        width: 100%
    }

    .header__nav-list-item:hover .header__nav-category {
        display: none
    }

    .header__nav-list-backto {
        display: block
    }

    .header__nav-list-backto:hover {
        background: #333340
    }

    .header__nav-link {
        background: #333340;
        border-bottom: 1px solid #3b3b49;
        padding: 20px 15px 20px 0
    }

    .header__nav-link:hover {
        background: #333340
    }

    .header__nav-link:hover .header__nav-category-list {
        display: none
    }

    .header__nav-category {
        top: 0;
        left: 0;
        background: #333340;
        display: none;
        padding: 0;
        z-index: 100;
        padding: 25px 15px 0;
        width: 270px;
        box-shadow: none
    }

    .header__nav-category-link {
        background: #333340;
        color: #9292a2;
        padding: 20px 15px 20px 0;
        border-bottom: 1px solid #3b3b49
    }

    .header__nav-category-link--view-all {
        color: #f03726;
        border-bottom: none
    }

    .header__nav-category-link--view-all:hover {
        background: #fff
    }

    .header__nav-category-list {
        width: 100%;
        border: none;
        padding: 0
    }

    .header__nav-category-list-item:hover .header__nav-category-link {
        background: #333340
    }

    .header__nav-category-list-item:hover .header__nav-subcategory {
        display: none
    }

    .header__nav-subcategory {
        border: none;
        display: none;
        top: 0;
        left: 0;
        background: #333340;
        width: 270px;
        z-index: 100;
        padding: 25px 15px 0
    }

    .header__nav-subcategory-img {
        display: none
    }

    .header__nav-subcategory-link {
        display: block;
        background: #333340;
        color: #9292a2;
        padding: 20px 15px 20px 0;
        border-bottom: 1px solid #3b3b49
    }

    .header__nav-subcategory-link:hover {
        background: #333340;
        color: #9292a2
    }
}

@media (max-width: 767px) {
    .header__nav-inner {
        height: auto;
        position: absolute;
        top: 46px;
        left: -15px
    }
}

.header__bottom {
    padding: 25px 0;
    background: #f7f7fa
}

.header__logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 240px 0 0
}

.header__search {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 522px);
    padding: 0 51px 0 0
}

.header__search-btn {
    background: transparent;
    padding: 0;
    font-size: 0;
    position: absolute;
    right: 13px;
    top: 29%
}

.header__search-btn:hover {
    background: transparent;
    opacity: .7
}

.header__search-btn.active {
    display: none
}

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

@media (max-width: 1023px) {
    .header__logo {
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px 0 0
    }

    .header__search {
        width: calc(100% - 301px);
        padding: 0 20px 0 0
    }

    .header__profile-name {
        display: none
    }

    .header__profile {
        padding: 0
    }

    .header__links {
        display: none
    }

    .header__country {
        display: inline-block;
        padding: 3px 24px 0
    }

    .header__country-list.dropdown-list {
        position: absolute;
        width: 270px;
        left: -15px;
        top: 36px
    }

    .header__top-left {
        margin: 0;
        display: inline-block
    }
}

@media (max-width: 767px) {
    .header__logo {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 20px 0
    }

    .header__search {
        width: 100%;
        padding: 0 0 20px 0
    }

    .header__sell {
        display: block;
        width: 119px;
        position: absolute;
        left: calc(90% - 90px);
        top: 83px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .header__sell a {
        padding: 13px 20px
    }

    .header__bottom {
        padding: 25px 0 15px;
        background: #f7f7fa
    }

    .header__top-left {
        margin: 0;
        display: inline-block
    }

    .header__country {
        padding: 3px 0 0 24px;
        border-bottom: none
    }

    .header__country-list.dropdown-list {
        position: absolute;
        width: 270px;
        left: -15px;
        top: 36px
    }

    .header__country-text, .header__country-arrow {
        display: none
    }

    .header__support-text {
        display: none
    }
}

.logo {
    display: block;
    background-image: url(../img/sprite.png);
    background-position: 0px 0px;
    width: 138px;
    height: 58px;
    width: 138px;
    height: 57px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /*.logo {*/
    /*background-image: url(../img/sprite@2x.png);*/
    /*background-size: 250px 145px*/
    /*}*/
}

.select__arrow-country {
    position: absolute;
    right: 23px;
    top: 24px
}

.select__arrow-country svg {
    fill: #888
}

.select__arrow-language {
    position: absolute;
    right: 23px;
    top: 70px
}

.select__arrow-language svg {
    fill: #888
}

.select__arrow-currency {
    position: absolute;
    right: 23px;
    top: 116px
}

.select__arrow-currency svg {
    fill: #888
}

.dropdown-list {
    display: none;
    position: absolute;
    z-index: 101;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.08);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.notifications__no-order {
    display: block;
    text-align: center;
    color: #9292a2;
    font-size: 11px;
    padding: 28px 20px
}

.notifications__list {
    right: 30px;
    top: 26px;
    width: 319px
}

.notifications__list-item {
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f5
}

.notifications__list-item-unread {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f5
}

.notifications__list-item-unread a {
    color: #525257
}

.notifications__list-item-unread a:hover {
    color: #f03726
}

.notifications__list-item-unread a:hover.notification__icon-cart {
    fill: #f03726
}

.notifications__list-item-read {
    background: #f4f4f4;
    padding: 15px 20px;
    border-bottom: 1px solid #ffffff
}

.notifications__list-item-read a {
    color: #525257
}

.notifications__list-item-read a:hover {
    color: #f03726
}

.notifications__list-item-read a:hover.notification__icon-cart {
    fill: #f03726
}

.notifications__list-item-title {
    color: #f5f5f5;
    font-family: "bebas_neue", Verdana;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 20px;
    background: #9a9ab1
}

.notifications__list-item:last-child {
    border-bottom: none
}

.notifications__list-item--view-all {
    text-align: center
}

.notifications__list-item-loading {
    padding: 34px 20px 20px;
    border-bottom: 1px solid #f0f0f5
}

.notifications__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 19px 0 0
}

.notifications__icon-cart {
    width: 18px;
    height: 18px;
    fill: #9a9ab1
}

.notifications__info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 43px)
}

.notifications__event {
    display: block;
    padding: 0 0 3px;
    overflow: hidden;
    max-height: 22px
}

.notifications__date {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #9292a2
}

.notifications__link {
    font-size: 18px;
    line-height: 18px;
    font-family: 'bebas_neue';
    font-weight: 700;
    color: #9292a2
}

.notifications__link:hover {
    color: #f03726
}

.notifications__all {
    float: right;
    display: inline-block
}

.notifications__all a {
    font-family: "GothamPro", Verdana;
    color: #F1F1F6;
    font-size: 12px;
    font-weight: 100;
    vertical-align: middle
}

.notifications__all a:hover {
    color: #ffffff
}

@media (max-width: 767px) {
    .notifications__list {
        width: 280px;
        right: -55px
    }
}

.profile__list {
    right: 0;
    top: 40px;
    width: 350px
}

@media (max-width: 1023px) {
    .profile__list {
        top: 46px
    }
}

.profile__list-item {
    border-bottom: 1px solid #f0f0f5;
    height: 60px
}

.profile__list-item:last-child {
    border-bottom: none
}

.profile__list-item--title {
    padding: 10px 20px;
    padding-left: 50px;
    background: #f7f7fa
}

.profile__list-item [class*="icon-"] {
    fill: #c2c2d0
}

.profile__list-item .icon-cart {
    width: 16px;
    height: 16px
}

.profile__list-item__label {
    display: inline-block;
    color: #9292a2;
    padding-bottom: 8px;
    width: 115px
}

.profile__list-item__value {
    display: inline-block;
    font-size: 13px;
    padding: 0 0 0 13px;
    color: #f03726
}

.profile__list-item__loading {
    display: inline-block;
    height: 27px;
    padding: 0 0 0 30px;
    vertical-align: bottom
}

.profile__list-item__logout {
    padding: 0
}

.profile__list-item__logout .profile__link {
    padding: 12px 30px
}

.profile__list-item.grey {
    background-color: #f7f7fa;
    padding: 12px 30px
}

.profile__list-item.grey a {
    width: 49%;
    padding: 12px 30px
}

@media (max-width: 767px) {
    .profile__list-item .btn {
        width: 100%
    }

    .profile__list-item .btn:not(:last-child) {
        margin-bottom: 10px
    }
}

.profile__list-title {
    font-size: 18px;
    line-height: 18px;
    color: #9292a2;
    font-family: 'bebas_neue';
    text-transform: uppercase
}

.profile__list-info {
    padding: 30px 30px 0 30px;
    font-size: 12px
}

.profile__list-info__left {
    display: table-cell;
    vertical-align: top
}

@media (max-width: 1023px) {
    .profile__list-info__left {
        display: none
    }
}

.profile__list-info__left .header__profile-photo {
    width: 100px;
    height: 100px
}

.profile__list-info__left .icon-profile-img {
    width: 50px;
    height: 50px
}

.profile__list-info__right {
    display: table-cell
}

@media (max-width: 767px) {
    .profile__list-info__right {
        display: block;
        padding-left: 0;
        height: 105px
    }
}

.profile__list-info__right .user-rating__med {
    display: inline-block
}

.profile__list-info__item {
    margin-bottom: 2px
}

.profile__list-info__item.small {
    font-size: 11px
}

.profile__list-info__item img {
    width: 24px;
    height: auto
}

.profile__list-info__item .user-name {
    font-size: 20px;
    font-family: inherit;
    font-weight: 600;
    padding-right: 5px;
    max-width: 222px;
    overflow: hidden;
    width: auto;
    text-overflow: ellipsis;
    color: #525257
}

.profile__list-info__item .user-name:hover {
    color: #f03726
}

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

.profile__list .right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 6px
}

.profile__text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px)
}

.profile__link {
    display: block;
    vertical-align: middle;
    padding: 18px 30px 8px;
    font-size: 13px;
    color: #525257;
    position: relative
}

.profile__link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #f03726;
    opacity: 0
}

.profile__link:hover, .profile__link:active {
    color: #f03726
}

.profile__link:hover [class*="icon-"], .profile__link:active [class*="icon-"] {
    fill: #f03726;
    transition: all .3s linear
}

.profile__link:hover:before, .profile__link:active:before {
    opacity: 1;
    transition: all .3s linear
}

.profile__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0
}

.links__list {
    width: 290px;
    right: 0
}

.links__list-item {
    border-bottom: 1px solid #f0f0f5
}

.links__list-item:last-child {
    border-bottom: none
}

.links__link {
    display: block;
    padding: 17px 30px;
    position: relative;
    position: relative
}

.links__link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #f03726;
    opacity: 0
}

.links__link:hover .links__title, .links__link:active .links__title {
    color: #f03726;
    transition: all .3s linear
}

.links__link:hover:before, .links__link:active:before {
    opacity: 1;
    transition: all .3s linear
}

.links__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0
}

.links__info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 52px)
}

.links__title {
    display: block;
    padding: 0 0 3px;
    color: #525257
}

.links__subtitle {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #9292a2
}

.footer__inner {
    background: #2b2b36;
    padding: 30px 0 25px
}

.footer__row {
    padding: 0 0 4px
}

.footer__row:after {
    content: " ";
    display: block;
    clear: both
}

.footer__row:last-child {
    padding: 0
}

.footer__list {
    float: left
}

.footer__social {
    float: right
}

.footer__seal-serverscan {
    max-width: 180px !important;
    max-height: 80px;
    overflow: hidden;
    padding: 0 13px 0 0 !important
}

.footer__seal-comodo {
    padding: 0 13px 3px !important
}

.footer__secure {
    float: left;
    padding: 20px 0 0;
    width: 50%
}

.footer__translate {
    padding: 66px 0 0;
    float: right
}

.footer__translate__action {
    padding: 0 0 10px
}

.footer__translate__action select {
    border-radius: 4px;
    background: #fff;
    padding: 6px 8px 5px
}

.footer__translate__action-link {
    color: #8e8f9b
}

.footer__translate__action-link:hover {
    color: #ffffff
}

.footer__translate__img {
    margin: 0 0 -5px;
    width: 47px;
    height: 18px
}

.footer__translate select {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px 8px 5px;
    border-radius: 4px;
    -moz-appearance: button
}

.footer__copyright {
    float: left;
    margin: 5px 0px 0 0;
    display: block;
    font-size: 12px;
    color: #a9a9a975;
}

.footer__copyright a {
    color: #8e8f9b
}

.footer__copyright a:hover {
    color: #ffffff
}

.footer .goog-te-gadget {
    text-align: right
}

.footer .goog-logo-link {
    color: #8e8f9b;
    font-weight: none
}

@media (max-width: 1168px) {
    .footer__secure {
        width: 60%
    }

    .footer__social {
        float: left;
        padding: 15px 0 0
    }
}

@media (max-width: 1023px) {
    .footer__secure {
        width: 100%
    }

    .footer__social {
        float: left;
        padding: 20px 0 0
    }

    .footer__translate {
        padding: 20px 250px 40px
    }

    .footer__copyright {
        float: none;
        margin: 15px 0 0;
        text-align: center;
        width: 500px;
        display: inline-block
    }

    .footer__row {
        text-align: center;
        display: grid
    }

    .footer .goog-te-gadget {
        text-align: center
    }
}

@media (max-width: 767px) {
    .footer__copyright {
        width: 100%
    }

    .footer__translate {
        float: none;
        padding: 0 0 30px 0;
        margin: 30px 0 0;
        text-align: center
    }

    .footer__translate .goog-te-combo {
        text-align: center
    }

    .footer__inner {
        padding: 46px 0 20px;
        height: auto
    }

    .footer__row {
        padding: 0
    }

    .footer__list, .footer__social, .footer__secure {
        float: none;
        text-align: center
    }

    .footer__list {
        padding: 0 0 40px
    }

    .footer__social {
        padding: 0 0 10px
    }

    .footer__seal-gprotect {
        padding: 20px 0
    }

    .footer__seal-serverscan {
        margin: 0 0 0 10px !important
    }

    .footer .goog-te-gadget {
        text-align: center
    }
}

.menu-overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: #20202b;
    opacity: 0.2;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.menu-overlay.open {
    display: block
}

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

.js-active .header__profile-name, .js-active .header__country-text {
    color: #dcdce6
}

.js-active .js-icon-arrow {
    transform: rotate(180deg);
    fill: #dcdce6
}

.js-active .icon-bell, .js-active .icon-square {
    fill: #9595a7
}

.js-accordion-trigger.active .js-icon-arrow {
    transform: rotate(180deg)
}

.select2-container--default .select2-selection--single {
    background: #fff;
    border: none;
    border-radius: 0
}

.select2-dropdown {
    border-radius: 4px;
    border: 1px solid #d7d7e0;
    box-shadow: none
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d7d7e0;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1);
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCg0KPHBhdGggZmlsbD0iI2ExYTFhYiIgY2xhc3M9InN0NSIgZD0iTTI3LjksNy43YzAuOS0wLjksMi41LTAuOSwzLjQsMGMwLjksMC45LDAuOSwyLjQsMCwzLjRMMTcuNywyNC4zYy0wLjksMC45LTIuNSwwLjktMy40LDBMMC43LDExDQoJYy0wLjktMC45LTAuOS0yLjQsMC0zLjRjMC45LTAuOSwyLjUtMC45LDMuNCwwTDE2LDE4LjZMMjcuOSw3Ljd6Ii8+DQo8L3N2Zz4NCg==");
    background-repeat: no-repeat;
    width: 15px;
    height: 9px;
    border-width: 0
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0;
    transform: rotate(180deg);
    margin-left: -10px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #efeff4;
    color: #525257
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #525257
}

.img-flag {
    width: 30px;
    padding: 0 7px 0 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 0
}

.see-all {
    text-align: center;
    display: block;
    padding: 10px 0 0
}

.sell-land_head {
    display: block;
    max-height: 360px;
    overflow: hidden
}

@media (max-width: 1023px) {
    .sell-land_head {
        max-height: 540px
    }
}

.sell-land_head img {
    width: 100%
}

@media (max-width: 1023px) {
    .sell-land_head img {
        height: 540px
    }
}

.sell-land_head__content-title {
    display: block;
    padding: 60px 0 15px
}

.sell-land_head__content-title h1 {
    color: #ffffff;
    font-family: 'bebas_neue';
    font-size: 45px
}

.sell-land_head__content-info {
    display: block;
    padding: 0 0 25px;
    color: #ffffff;
    font-size: 16px
}

.sell-land_head__content-action a {
    width: 200px;
    height: 50px;
    line-height: 22px;
    font-size: 20px !important
}

.sell-land_head__inner {
    display: block;
    width: 100%;
    max-height: 275px;
    position: absolute;
    top: 200px;
    text-align: center
}

.sell-land_head__inner-left {
    vertical-align: top;
    display: inline-block;
    width: 500px
}

.sell-land_head__inner-right {
    vertical-align: top;
    display: inline-block;
    width: 500px
}

.sell-land_head__inner-right img {
    height: 275px;
    width: auto
}

@media (max-width: 1023px) {
    .sell-land_head__content-title {
        padding: 38px 0 15px
    }

    .sell-land_head__inner-right {
        padding: 15px 0 0
    }
}

@media (max-width: 767px) {
    .sell-land_head__content-title h1 {
        font-size: 38px;
        line-height: 50px
    }

    .sell-land_head__inner {
        top: 300px
    }

    .sell-land_head__inner-left {
        width: 320px;
        padding: 0 15px
    }

    .sell-land_head__inner-right {
        width: 320px;
        padding: 0 15px
    }

    .sell-land_head__inner-right img {
        height: auto !important;
        width: 280px !important;
        padding: 20px 0 0
    }
}

.sell-land_howto {
    display: block;
    background: #ffffff;
    text-align: center
}

.sell-land_howto__title {
    display: inline-block
}

.sell-land_howto__title h1 {
    color: #565669;
    font-family: 'bebas_neue';
    font-size: 45px;
    padding: 80px 0 30px
}

.sell-land_howto__title h1:after {
    display: block;
    content: "";
    height: 2px;
    width: 100px;
    background: #565669;
    margin: 20px auto;
    position: relative;
    opacity: 0.5
}

.sell-land_howto__inner {
    display: block;
    width: 100%;
    max-height: 275px;
    position: absolute;
    text-align: center
}

.sell-land_howto__inner-tn {
    display: block
}

.sell-land_howto__inner-tn-action {
    padding: 40px 0 80px
}

.sell-land_howto__inner-tn-action a {
    width: 200px;
    height: 50px;
    line-height: 22px;
    font-size: 20px !important
}

.sell-land_howto__inner-tn-content {
    vertical-align: middle;
    display: inline-block
}

.sell-land_howto__inner-tn-arw {
    vertical-align: middle;
    display: inline-block;
    padding: 0 30px
}

.sell-land_howto__inner-tn-info {
    text-align: center;
    display: block;
    color: #565669;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 0 0
}

.sell-land_foot {
    display: block;
    max-height: 250px;
    overflow: hidden
}

.sell-land_foot img {
    width: 100%
}

.sell-land_foot__inner {
    display: block;
    width: 100%;
    max-height: 175px;
    position: absolute;
    top: 1080px;
    text-align: center
}

.sell-land_foot__title {
    display: block
}

.sell-land_foot__title h1 {
    color: #565669;
    font-family: 'bebas_neue';
    font-size: 45px;
    padding: 80px 0 30px
}

.sell-land_foot__info {
    display: inline-block;
    padding: 0 0 25px;
    color: #565669;
    font-size: 16px;
    max-width: 900px
}

.sell-land_remarks {
    display: block;
    max-height: 370px;
    text-align: center
}

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

.sell-land_remarks__head-title {
    display: block
}

.sell-land_remarks__head-title h1 {
    color: #565669;
    font-family: 'bebas_neue';
    font-size: 45px;
    padding: 80px 0 15px
}

.sell-land_remarks__head-info {
    display: block;
    padding: 0 0 25px;
    color: #8e8f9b;
    font-size: 16px
}

.sell-land_remarks__content {
    padding: 0 0 80px
}

.sell-land_remarks__content-info {
    vertical-align: middle;
    display: inline-block;
    padding: 20px 15px;
    border: 2px solid #eaeaea;
    background: #ffffff;
    max-width: 320px
}

.sell-land_remarks__content-info-gap1 {
    display: inline-block;
    width: 30px
}

.sell-land_remarks__content-info-gap2 {
    display: inline-block;
    width: 30px
}

.sell-land_remarks__content-info-tn {
    display: inline-block;
    padding: 0 10px 0 0
}

.sell-land_remarks__content-info-tn img {
    border-radius: 50%;
    height: 38px;
    width: 38px;
    border: 3px solid #eaeaea
}

.sell-land_remarks__content-info-text {
    display: inline-block;
    float: right;
    max-width: 230px;
    font-style: italic;
    height: 64px;
    overflow: hidden
}

@media (max-width: 1023px) {
    .sell-land_howto__inner-tn-content {
        max-width: 120px
    }

    .sell-land_howto__inner-tn-content img {
        width: 100%
    }

    .sell-land_howto__inner-tn-arw {
        max-width: 80px;
        padding: 0 15px
    }

    .sell-land_howto__inner-tn-arw img {
        width: 100%
    }

    .sell-land_howto__inner-tn-info {
        font-size: 13px
    }

    .sell-land_howto__inner-tn-action {
        padding: 40px 0 60px
    }

    .sell-land_howto__title h1 {
        padding: 60px 0 25px
    }

    .sell-land_foot {
        max-height: 230px
    }

    .sell-land_foot__inner {
        top: 1140px
    }

    .sell-land_foot__info {
        max-width: 700px
    }

    .sell-land_remarks {
        max-height: 450px
    }

    .sell-land_remarks__head-title h1 {
        font: 38px;
        padding: 60px 0 15px
    }

    .sell-land_remarks__content-info-gap2 {
        display: block;
        height: 20px
    }
}

@media (max-width: 767px) {
    .sell-land_head img {
        height: 450px;
        width: auto
    }

    .sell-land_howto__title h1 {
        font-size: 38px !important;
        padding: 50px 0 20px
    }

    .sell-land_howto__inner-tn-content {
        max-width: 70px
    }

    .sell-land_howto__inner-tn-content img {
        width: 100%
    }

    .sell-land_howto__inner-tn-arw {
        max-width: 24px;
        padding: 0
    }

    .sell-land_howto__inner-tn-arw img {
        width: 100%
    }

    .sell-land_howto__inner-tn-info {
        display: none
    }

    .sell-land_howto__inner-tn-action {
        padding: 30px 0 50px
    }

    .sell-land_foot {
        max-height: 300px
    }

    .sell-land_foot img {
        width: auto
    }

    .sell-land_foot__inner {
        top: 1100px
    }

    .sell-land_foot__title h1 {
        font-size: 38px;
        padding: 40px 0 20px
    }

    .sell-land_foot__info {
        max-width: 300px
    }

    .sell-land_remarks {
        max-height: 570px
    }

    .sell-land_remarks__head-title h1 {
        font-size: 38px
    }

    .sell-land_remarks__content-title h1 {
        font: 38px;
        padding: 60px 0 15px
    }

    .sell-land_remarks__content-info-text {
        max-width: 190px
    }

    .sell-land_remarks__content-info-gap1 {
        display: block;
        height: 20px
    }

    .sell-land_remarks__content-info-gap2 {
        display: block;
        height: 20px
    }
}

.panel {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 0 0 30px
}

.panel__btn-bordered {
    padding: 12px 40px
}

.panel__btn-action {
    float: left;
    margin: -8px 0 0
}

.panel__heading {
    padding: 35px 40px;
    border-bottom: 1px solid #efeff4
}

.panel__heading-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 13px 0 0
}

.panel__heading-icon [class*='icon-'] {
    fill: #525257
}

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

.panel__inner {
    padding: 0 40px 0
}

.panel__sub {
    padding: 30px 0 30px
}

.panel__sub-title {
    padding: 0 0 15px
}

.panel__sub-title-inner {
    float: left;
    font-size: 28px;
    font-weight: 600;
    font-family: "GothamPro";
    color: #000;
    line-height: 30px
}

.panel__sub-title-actiontop {
    float: right;
    font-size: 13px;
    font-family: "GothamPro"
}

.panel__sub-title-borderline {
    border-bottom: 2px solid #999;
    width: 32px
}

.panel__content {
    padding: 0 0 60px;
    border-bottom: 1px solid #efeff4
}

.panel__content-sub {
    padding: 25px 20px;
    border: 1px solid #efeff4
}

.panel__menu {
    padding: 15px 0;
    border-bottom: 1px solid #efeff4;
    font-weight: 600
}

@media (max-width: 767px) {
    .panel__inner {
        padding: 0 15px 35px
    }
}

.sub-panel {
    background: #fff;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 100%
}

.sub-panel__heading {
    padding: 30px 40px 30px
}

.sub-panel__title {
    display: inline-block;
    vertical-align: middle;
    padding: 0
}

.sub-panel__inner {
    padding: 0 40px 0
}

.sub-panel__inner-content {
    padding: 0 0 30px
}

.panel-dialog__large {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 900px;
    padding: 5px 5px 0
}

.panel-dialog__large-heading {
    padding: 15px 15px;
    background: #e9e9e9;
    border: 1px solid #ddd;
    border-radius: 3px
}

.panel-dialog__large-title {
    font-size: 20px;
    font-weight: 600;
    font-family: "bebas_neue", Verdana;
    color: #333
}

.panel-dialog__large-close {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff;
    float: right;
    text-align: center;
    font-weight: 900;
    cursor: pointer;
    color: #333
}

.panel-dialog__large-inner {
    padding: 30px 15px
}

.panel-dialog__large-foot {
    padding: 15px 15px;
    border-top: 1px solid #efeff4;
    height: 70px
}

.panel-dialog__large-foot-btn {
    float: right
}

.panel-dialog__medium {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 600px;
    padding: 5px 5px 0
}

.panel-dialog__medium-heading {
    padding: 15px 15px;
    background: #e9e9e9;
    border: 1px solid #ddd;
    border-radius: 3px
}

.panel-dialog__medium-title {
    font-size: 20px;
    font-weight: 600;
    font-family: "bebas_neue", Verdana;
    color: #333
}

.panel-dialog__medium-close {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff;
    float: right;
    text-align: center;
    font-weight: 900;
    cursor: pointer;
    color: #333
}

.panel-dialog__medium-inner {
    padding: 30px 15px
}

.panel-dialog__medium-foot {
    padding: 15px 15px;
    border-top: 1px solid #efeff4;
    height: 70px
}

.panel-dialog__medium-foot-btn {
    float: right
}

.panel-dialog__small {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 300px;
    padding: 5px 5px 0
}

.panel-dialog__small-heading {
    padding: 15px 15px;
    background: #e9e9e9;
    border: 1px solid #ddd;
    border-radius: 3px
}

.panel-dialog__small-title {
    font-size: 20px;
    font-weight: 600;
    font-family: "bebas_neue", Verdana;
    color: #333
}

.panel-dialog__small-close {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff;
    float: right;
    text-align: center;
    font-weight: 900;
    cursor: pointer;
    color: #333
}

.panel-dialog__small-inner {
    padding: 30px 15px;
    text-align: center
}

.panel-dialog__small-foot {
    padding: 15px 15px;
    border-top: 1px solid #efeff4;
    height: 70px
}

.panel-dialog__small-foot-btn {
    margin: 0 0 0 80px
}

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

.thumbs__list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 10px;
    width: 263px;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.06);
    overflow: hidden;
    position: relative
}

.thumbs__title {
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px
}

.thumbs__img {
    position: relative;
    height: 160px;
    overflow: hidden
}

.thumbs__img img {
    max-width: 100%
}

.thumbs__img .label {
    position: absolute;
    top: 15px;
    left: 15px
}

.thumbs__desription {
    padding: 19px 22px 20px;
    background: #fff;
    height: 100%
}

.thumbs__name {
    display: inline-block;
    max-height: 50px;
    overflow: hidden;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700
}

.thumbs__name-link {
    color: #525257
}

.thumbs__name:hover {
    color: #f03726
}

.thumbs__content {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2
}

.controls {
    width: 270px;
    align-content: center
}

.controls__controls-row {
    display: block;
    padding: 0 0 1px;
    text-align: left;
    clear: both
}

.controls__controls-failed {
    padding: 10px 10px 10px 10px;
    width: 280px
}

.span2 {
    float: left;
    vertical-align: middle;
    width: calc(50% - 4px);
    overflow: hidden;
    color: #9292a2;
    font-size: 12px;
    position: relative
}

.span3 {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: calc(50% - 12px)
}

.span-inner {
    margin-right: 10px;
    display: inline
}

.trade-url {
    margin: 0 auto;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 750px
}

@media (max-width: 767px) {
    .trade-url__table .responsive-table {
        border: 1px solid #efeff4
    }

    .trade-url__table .responsive-table th {
        display: none
    }

    .trade-url__table .responsive-table thead tr {
        display: none;
        padding: 0
    }

    .trade-url__table .responsive-table tr {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #efeff4;
        position: relative
    }

    .trade-url__table .responsive-table tr:last-child {
        border-bottom: none
    }

    .trade-url__table .responsive-table tr:nth-child(2n+2) {
        background: #fafafc
    }

    .trade-url__table .responsive-table tr:hover {
        background: transparent
    }

    .trade-url__table .responsive-table tr:nth-child(2n+2):hover {
        background: #fafafc
    }

    .trade-url__table .responsive-table td {
        display: block;
        padding: 10px 20px
    }

    .trade-url__table .responsive-table td:after {
        display: none
    }

    .trade-url__table .responsive-table td:before {
        content: attr(data-th);
        font-size: 11px;
        line-height: 11px;
        font-weight: 400;
        color: #9292a2;
        text-transform: uppercase;
        display: inline-block;
        width: 100px
    }
}

.trade-url__table-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.trade-url__table-list {
    padding: 10px 0 0
}

.trade-url__table-field th {
    padding: 19px 0 18px 18px
}

.trade-url__table-field th:first-child {
    border-top-left-radius: 4px
}

.trade-url__table-field th:last-child {
    border-top-right-radius: 4px
}

.trade-url__table-label {
    font-weight: 500;
    max-width: 100px;
    max-height: 40px;
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.trade-url__table-content {
    display: block;
    max-width: 500px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0088cc;
    text-align: left;
    direction: rtl;
    white-space: nowrap
}

.trade-url__table tr {
    background: #ffffff
}

.trade-url__table tr:hover {
    background: #fafafc
}

.trade-url__table tr:last-child td:first-child {
    border-bottom-left-radius: 4px
}

.trade-url__table tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

.trade-url__table tr td {
    padding: 20px 0 20px 18px
}

@media (max-width: 767px) {
    .trade-url__table tr td {
        max-width: 260px
    }
}

.trade-url__head {
    padding: 30px 40px 27px;
    border-bottom: 1px solid #efeff4
}

.trade-url__content {
    padding: 24px 40px 60px
}

.trade-url__content .create__content {
    padding: 0;
    max-width: 670px
}

.trade-url__content .create__content-info {
    color: #ffffff
}

.trade-url__content .create__form-field label {
    color: #c4c4ce
}

.trade-url .fake-input input {
    position: relative
}

.trade-url .fake-input .btn-trade {
    padding: 0 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 100;
    background: #20c082;
    font-size: 16px;
    height: 40px;
    display: block;
    border-radius: 3px;
    color: #ffffff
}

.trade-url .fake-input .btn-trade:hover {
    background: #269469
}

@media (max-width: 1023px) {
    .trade-url {
        width: 720px
    }
}

@media (max-width: 767px) {
    .trade-url {
        width: 100%
    }

    .trade-url__content {
        padding: 24px 15px 60px
    }

    .trade-url__content .create__content {
        padding: 0
    }

    .trade-url__head {
        padding: 30px 15px 27px
    }
}

.cookie {
    text-align: center;
    padding: 20px 20px 40px;
    position: fixed;
    background: #f1f1f1;
    z-index: 566;
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.49);
    width: 100%;
    bottom: 0
}

.cookie .manage-listing__remove.media-lg {
    float: right;
    position: relative;
    padding: 0 0 12px 20px
}

@media (max-width: 1023px) {
    .cookie .manage-listing__remove.media-lg {
        display: inline
    }
}

@media (max-width: 767px) {
    .cookie .manage-listing__remove.media-lg {
        padding: 0 0 60px 20px
    }
}

.cookie .manage-listing__remove.media-lg .icon-cross {
    width: 12px;
    height: 12px;
    fill: #acacb8
}

.main-title {
    text-align: center;
    padding: 0 0 25px
}

.main-title.hide {
    display: none
}

@media (max-width: 767px) {
    .main-title {
        text-align: left
    }
}

.temprow {
    padding: 0 0 15px
}

.temp-bg {
    background: #2b2b36;
    padding: 10px
}

.icon-close {
    width: 14px;
    height: 14px;
    fill: #c4c4ce
}

.steam-box {
    width: 18px;
    height: 18px;
    fill: #000000
}

.icon-chevron-md {
    width: 9px;
    height: 15px
}

.icon-arrow-top {
    width: 25px;
    height: 22px;
    fill: #ffffff
}

.icon-platform {
    width: 19px;
    height: 18px;
    fill: #737387
}

.icon-arrow-right {
    width: 8px;
    height: 14px;
    fill: #f03726
}

.icon-arrow-right-steps {
    width: 25px;
    height: 14px;
    fill: #ffffff;
    padding: 0 0 0 10px
}

@media (max-width: 767px) {
    .icon-arrow-right-steps {
        display: none
    }
}

.icon-ins0 {
    width: 19px;
    height: 19px;
    fill: #f03726
}

.icon-ins30 {
    width: 25px;
    height: 30px;
    fill: #f03726
}

.icon-ins90 {
    width: 25px;
    height: 30px;
    fill: #f03726
}

.icon-ins7 {
    width: 18px;
    height: 18px;
    fill: #f03726
}

.icon-ins14 {
    width: 25px;
    height: 30px;
    fill: #f03726
}

.icon-arrow-down {
    width: 11px;
    height: 9px;
    fill: #f03726
}

.icon-pay-method {
    width: 16px;
    height: 20px;
    fill: #9292a2;
    margin: -3px 0 0
}

.icon-thumbs-up {
    width: 16px;
    height: 35px;
    fill: #20c082
}

.icon-thumbs-down {
    width: 16px;
    height: 35px;
    fill: #f03726
}

.icon-cart {
    width: 18px;
    height: 18px;
    fill: #1693da
}

.icon-clipboard {
    width: 14px;
    height: 20px;
    fill: #525257
}

.icon-chat {
    width: 20px;
    height: 18px;
    fill: #63636a
}

.icon-account, .icon-currency, .icon-items {
    width: 21px;
    height: 21px;
    fill: #9292a2
}

.icon-boosting_service {
    width: 32px;
    height: 32px;
    fill: #9292a2
}

.icon-twitter {
    width: 18px;
    height: 15px;
    fill: #737387
}

.icon-instagram {
    width: 17px;
    height: 17px;
    fill: #737387
}

.icon-fb {
    width: 10px;
    height: 18px;
    fill: #737387
}

.icon-google {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-weibo {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-wechat {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-steam {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-qq {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-baidu {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-skype {
    width: 24px;
    height: 15px;
    fill: #737387
}

.icon-clock {
    width: 16px;
    height: 15px;
    fill: #f03726
}

.icon-archive {
    width: 16px;
    height: 13px;
    fill: #f03726
}

.icon-boost {
    width: 36px;
    height: 36px;
    fill: #88889a
}

.icon-dash {
    width: 18px;
    height: 18px;
    fill: #c5c4f4;
    margin: 0 0 5px;
    position: unset
}

.icon-back {
    width: 32px;
    height: 29px;
    fill: #88889a
}

.icon-deactivate {
    width: 12px;
    height: 12px;
    fill: #a2a2b2
}

.icon-deactivate.icon-activate {
    transform: rotate(180deg)
}

.icon-edit {
    width: 16px;
    height: 16px;
    fill: #a2a2b2
}

.icon-remove {
    width: 15px;
    height: 16px;
    fill: #a2a2b2
}

.icon-pistol {
    width: 40px;
    height: 29px;
    fill: #88889a
}

.icon-aim {
    width: 33px;
    height: 33px;
    fill: #88889a
}

.icon-uzi {
    width: 40px;
    height: 34px;
    fill: #88889a
}

.icon-knive {
    width: 41px;
    height: 35px;
    fill: #88889a
}

.icon-key {
    width: 34px;
    height: 34px;
    fill: #88889a
}

.icon-case {
    width: 38px;
    height: 33px;
    fill: #88889a
}

.icon-lifebuoy {
    width: 19px;
    height: 18px;
    fill: #737387
}

.icon-bell {
    width: 18px;
    height: 18px;
    fill: #737387
}

.icon-square {
    width: 18px;
    height: 18px;
    fill: #737387
}

.icon-users {
    width: 15px;
    height: 13px;
    fill: #fff
}

.icon-search {
    width: 18px;
    height: 19px;
    fill: #b0b0b6
}

.icon-circle-help {
    width: 18px;
    height: 18px;
    fill: #c4c4ce
}

.icon-add-users {
    width: 20px;
    height: 18px;
    fill: #a2a2b2
}

.icon-forward {
    width: 18px;
    height: 18px;
    fill: #a2a2b2
}

.icon-circle-plus {
    width: 19px;
    height: 17px
}

.icon-bookmark {
    width: 8px;
    height: 15px
}

.icon-logout {
    width: 16px;
    height: 16px
}

.icon-checkmark {
    width: 36px;
    height: 29px;
    fill: #fff
}

.icon-checkmark-green {
    width: 18px;
    height: 18px;
    fill: #20c082
}

.icon-upload {
    width: 20px;
    height: 17px;
    fill: #a2a2b2
}

.icon-download {
    width: 20px;
    height: 17px;
    fill: #a2a2b2
}

.icon-upload-cloud {
    width: 46px;
    height: 43px;
    fill: #afafbf
}

.icon-info {
    width: 20px;
    height: 20px;
    fill: #20c082
}

.icon-cross {
    width: 10px;
    height: 10px;
    fill: #acacb8
}

.icon-cross--lg {
    width: 19px;
    height: 19px
}

.icon-config {
    width: 17px;
    height: 17px;
    fill: #a2a2b2
}

.icon-trading-cards {
    width: 30px;
    height: 30px;
    fill: #88889a
}

.icon-camera {
    width: 32px;
    height: 26px;
    fill: #fff
}

.icon-comment {
    width: 16px;
    height: 14px;
    fill: #ababb7
}

.icon-comment-green {
    width: 16px;
    height: 14px;
    fill: #20c082
}

.icon-file {
    width: 14px;
    height: 18px;
    fill: #ababb7
}

.icon-file-complaint {
    width: 14px;
    height: 18px;
    fill: #f03726;
    margin: 0 0 3px
}

.icon-star {
    width: 18px;
    height: 18px;
    fill: #f5cb25
}

.icon-plus {
    width: 12px;
    height: 12px;
    fill: #b2b2b8
}

.icon-minus {
    width: 12px;
    height: 12px;
    fill: #b2b2b8
}

.icon-shield {
    width: 30px;
    height: 30px;
    fill: #fff
}

.icon-lock {
    width: 14px;
    height: 17px;
    fill: #a2a2b2
}

.icon-refresh {
    width: 14px;
    height: 17px;
    fill: #a2a2b2
}

.icon-hamburger {
    width: 24px;
    height: 16px;
    fill: #737387
}

.icon-cross-menu {
    width: 16px;
    height: 16px;
    fill: #737387
}

.icon-arrow-slider {
    width: 16px;
    height: 26px;
    fill: #f03726
}

.icon-complete {
    width: 54px;
    height: 58px;
    fill: #20c082
}

.icon-share {
    width: 12px;
    height: 12px;
    fill: #b2b2b8
}

.icon-no-image {
    width: 60px;
    height: 60px;
    fill: #9292A2
}

.icon-circle-check {
    width: 48px;
    height: 48px;
    fill: #20c082
}

.icon-chat-v2-green {
    width: 24px;
    height: 24px;
    fill: #20c082
}

.icon-chat-v2-off {
    width: 24px;
    height: 24px
}

.icon-chat-beta {
    width: 48px;
    height: 24px;
    fill: #428bca
}

.icon-chat-beta-green {
    width: 48px;
    height: 24px;
    fill: #20c082
}

.icon-chat-beta-order {
    width: 48px;
    height: 14px;
    fill: #428bca
}

.icon-chat-beta-off {
    width: 48px;
    height: 24px
}

.icon-level {
    background-image: url(../img/sprite.png);
    background-position: -32px -112px;
    width: 20px;
    height: 20px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-level {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-seller {
    background-image: url(../img/sprite.png);
    background-position: -107px -112px;
    width: 20px;
    height: 20px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-seller {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-logo-off {
    background-image: url(../img/sprite.png);
    background-position: -143px -50px;
    width: 33px;
    height: 34px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-logo-off {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-logo-z {
    background-image: url(../img/sprite.png);
    background-position: -181px -50px;
    width: 31px;
    height: 32px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-logo-z {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-logo-port {
    background-image: url(../img/sprite.png);
    background-position: 0px -112px;
    width: 27px;
    height: 33px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-logo-port {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-seller-level {
    background-image: url(../img/sprite.png);
    background-position: -57px -112px;
    width: 20px;
    height: 20px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-seller-level {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-normal-seller {
    background-image: url(../img/sprite.png);
    background-position: -217px -50px;
    width: 20px;
    height: 20px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-normal-seller {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-seller-s {
    background-image: url(../img/sprite.png);
    background-position: -82px -112px;
    width: 20px;
    height: 20px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-seller-s {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.icon-seller-legendary {
    background-image: url(../img/sprite.png);
    background-position: -132px -112px;
    width: 20px;
    height: 20px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-seller-legendary {
        background-image: url(../img/sprite@2x.png);
        background-size: 250px 145px
    }
}

.label {
    display: inline-block;
    /*padding: 6px 12px;*/
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'PT Sans', sans-serif;
    /*color: #f03726*/
}

.label--dark-text {
    font-family: "GothamPro";
    color: #444448;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.label--red {
    background: #f78734;
    font-weight: 500;
    font-family: "GothamPro";
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    color: #fff
}

.label--violet {
    background: #6565cf;
    font-weight: 500;
    font-family: "GothamPro";
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    color: #fff
}

.breadcrumbs {
    /*padding: 35px 0 25px;*/
    padding: 10px 15px;
    background: #eeeef4
}

.breadcrumbs:after {
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
}

.breadcrumbs__list-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 35px 0 0;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase
}

.breadcrumbs__list-item:after {
    content: '>';
    position: absolute;
    top: 0;
    right: 15px
}

.breadcrumbs__list-item:last-child:after {
    content: ''
}

.breadcrumbs__link {
    color: #525257
}

.breadcrumbs__link:hover {
    color: #9292a2
}

.breadcrumbs__current {
    color: #9292a2
}

.breadcrumbs-embed {
    padding: 25px 0 15px;
    background: #eeeef4
}

.breadcrumbs-embed-inner {
    padding: 0 40px
}

.breadcrumbs-embed__list-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 35px 0 0;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase
}

.breadcrumbs-embed__list-item:after {
    content: '>';
    position: absolute;
    top: 0;
    right: 15px
}

.breadcrumbs-embed__list-item:last-child:after {
    content: ''
}

.breadcrumbs-embed__link {
    color: #525257
}

.breadcrumbs-embed__link:hover {
    color: #9292a2
}

.breadcrumbs-embed__current {
    color: #9292a2
}

.pgn {
    padding: 25px 40px 24px;
    text-align: center
}

.pgn:after {
    content: " ";
    display: block;
    clear: both
}

.pgn__list-item {
    display: inline-block;
    vertical-align: middle;
    min-width: 34px;
    font-size: 16px;
    line-height: 16px
}

.pgn__link {
    text-align: center;
    color: #525257;
    border-radius: 4px
}

.pgn__link:hover, .pgn__link:active {
    color: #f03726
}

.pgn__link.active {
    display: block;
    color: #f03726;
    border: 1px solid #f03726;
    height: 30px;
    min-width: 30px;
    padding: 6px 2px
}

.pgn__link--next {
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-family: 'bebas_neue';
    font-weight: 700;
    letter-spacing: 1px;
    color: #f03726;
    margin: 7px 0 0
}

.pgn__link--next:after {
    display: none
}

.pgn__link--next:active {
    display: inline-block;
    border: none
}

.pgn__link--next:hover {
    opacity: .8
}

.pgn__link--first {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-family: 'bebas_neue';
    font-weight: 700;
    letter-spacing: 1px;
    color: #f03726;
    margin: 7px 0 0
}

.pgn__link--first:after {
    display: none
}

.pgn__link--first:active {
    display: inline-block;
    border: none
}

.pgn__link--first:hover {
    opacity: .8
}

.pgn__link--last {
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-family: 'bebas_neue';
    font-weight: 700;
    letter-spacing: 1px;
    color: #f03726;
    margin: 7px 0 0
}

.pgn__link--last:after {
    display: none
}

.pgn__link--last:active {
    display: inline-block;
    border: none
}

.pgn__link--last:hover {
    opacity: .8
}

.pgn__arrow {
    padding: 0 0 0 5px
}

@media (max-width: 767px) {
    .pgn {
        display: none
    }
}

.status {
    display: inline-block;
    padding: 4px 9px;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    border: 1px solid #000;
    border-radius: 4px;
    font-weight: 500
}

.status--completed {
    border-color: #20c082;
    color: #20c082
}

.status--verifying {
    border-color: #f7cb2a;
    color: #f7cb2a
}

.status--pending {
    border-color: #f78734;
    color: #f78734
}

.status--processing {
    color: #1693da;
    border-color: #1693da
}

.status--cancelled {
    border-color: #d9534f;
    color: #d9534f
}

.status--refund {
    border-color: #5757ab;
    color: #5757ab
}

.status--dispute {
    border-color: #7A3000;
    color: #7A3000
}

.status--lg {
    padding: 8px 13px
}

.status-xs {
    display: block
}

.status-xs__dot {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    vertical-align: middle
}

.status-xs__label {
    display: inline-block;
    font-size: 10px;
    color: #9292a2
}

.status-xs__id {
    display: inline-block;
    font-size: 10px;
    color: #9292a2;
    font-weight: 100;
    border-left: 1px solid #f0f0f5;
    padding: 0 5px
}

.status-xs__completed {
    background-color: #20c082
}

.status-xs__verifying {
    background-color: #f7cb2a
}

.status-xs__pending {
    background-color: #f78734
}

.status-xs__processing {
    background-color: #1693da
}

.status-xs__cancelled {
    background-color: #d9534f
}

.status-xs__refund {
    background-color: #5757ab
}

.status-xs__dispute {
    background-color: #7A3000
}

.footer__list-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 28px
}

.footer__list-item:first-child {
    padding: 0
}

.footer__link {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #8e8f9b;
    text-transform: uppercase
}
.footer__link:hover {
    color: #fff
}

.footer__link:active,
.footer__link:focus{
    color: #8e8f9b;
}

@media (max-width: 420px) {
    .footer__list-item {
        padding: 0 0 0 15px
    }
}

.secure__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -13px;
    display: inline-block
}

.secure__list:after {
    content: " ";
    display: block;
    clear: both
}

.secure__list-item {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 13px;
    max-width: 150px
}

.secure__list-item--google {
    margin: 13px 0 0;
    float: left
}

.secure__link {
    display: block
}

.secure__link img {
    max-width: 100%
}

.secure__link:hover {
    opacity: .8
}

@media (max-width: 420px) {
    .secure__list-item {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 0 0 20px;
        width: 100%
    }

    .secure__list-item--google {
        float: none
    }
}

.social__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -5px
}

.social__list-item {
    display: inline-block;
    vertical-align: top;
    padding: 5px
}

.social__list--light .social__link {
    background: #fafafc;
    border: 1px solid #efeff4;
    border-radius: 4px
}

.social__list--light .social__link [class*='icon-'] {
    fill: #a8a8ba
}

.social__link {
    display: table;
    width: 40px;
    height: 40px;
    padding: 0 2px;
    text-align: center;
    background: #32333f;
    border-radius: 10px
}

.social__link:hover {
    background: #3f404f
}

.social__icon {
    display: table-cell !important;
    vertical-align: middle;
    font-size: 14px
}

.logos__list {
    font-size: 0;
    line-height: 0
}

.logos__list-item {
    display: inline-block;
    vertical-align: top;
    width: calc(12.5% - 74px);
    margin: 0 25px 0
}

.logos__list-item:first-child {
    margin: 0 25px 0 0
}

.logos__list-item:last-child {
    margin: 0 0 0 25px
}

.logos__link {
    display: block
}

.logos__link img {
    max-width: 100%
}

.logos__link:hover {
    opacity: .8
}

@media (max-width: 1023px) {
    .logos__list {
        text-align: center
    }

    .logos__list-item {
        width: calc(12.5% - 20px);
        margin: 0 10px
    }

    .logos__list-item:first-child {
        margin: 0 10px 0 0
    }

    .logos__list-item:last-child {
        margin: 0 0 0 10px
    }
}

@media (max-width: 767px) {
    .logos__list {
        margin: 0
    }

    .logos__list-item {
        width: auto
    }

    .logos__link {
        width: 83px
    }
}

.top-sellers__list {
    margin: -1px 0 70px;
    width: 100%
}

.top-sellers__list-item {
    display: inline-block;
    width: calc(100% - 576px);
    min-height: 116px;
    vertical-align: top;
    background: #ededf3;
    margin: 0 2px 8px
}

.top-sellers__list-item:after {
    content: " ";
    display: block;
    clear: both
}

.top-sellers__list-item.top3 {
    background: #f5f6f6;
    background: -moz-linear-gradient(-45deg, #fff 0%, #dbdce2 21%, #fff 46%, #dddfe3 76%, #fff 100%);
    background: -webkit-linear-gradient(-45deg, #fff 0%, #dbdce2 21%, #fff 46%, #dddfe3 76%, #fff 100%);
    background: linear-gradient(135deg, #fff 0%, #dbdce2 21%, #fff 46%, #dddfe3 76%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=1)
}

.top-sellers__count {
    display: inline-block;
    vertical-align: top;
    padding: 45px 0 0;
    width: 60px;
    min-height: 116px;
    text-align: center;
    font-size: 23px;
    background: #75a9f9;
    color: #fff;
    font-weight: 500
}

.top-sellers__count-1 {
    display: inline-block;
    vertical-align: top;
    padding: 45px 0 0;
    width: 60px;
    min-height: 116px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    font-weight: 500;
    background: #fceabb;
    background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: -webkit-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1)
}

.top-sellers__count-2 {
    display: inline-block;
    vertical-align: top;
    padding: 45px 0 0;
    width: 60px;
    min-height: 116px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    font-weight: 500;
    background: #f2f6f8;
    background: -moz-linear-gradient(-45deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background: -webkit-linear-gradient(-45deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background: linear-gradient(135deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1)
}

.top-sellers__count-3 {
    display: inline-block;
    vertical-align: top;
    padding: 45px 0 0;
    width: 60px;
    min-height: 116px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    font-weight: 500;
    background: #f3e2c7;
    background: -moz-linear-gradient(-45deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
    background: -webkit-linear-gradient(-45deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
    background: linear-gradient(135deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1)
}

@media (max-width: 1023px) {
    .top-sellers__count {
        width: 30px
    }

    .top-sellers__count-1, .top-sellers__count-2, .top-sellers__count-3 {
        width: 30px
    }
}

.top-sellers__img {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 16px 0;
    position: relative
}

.top-sellers__img img {
    border-radius: 50%;
    height: 50px;
    width: 50px
}

.top-sellers__img .seller__status {
    width: 14px;
    height: 14px;
    border: 3px solid #ffffff;
    right: 0px;
    bottom: -10px;
    border-radius: 50%;
    position: absolute;
    background: #bac4ca
}

.top-sellers__img .seller__status.online {
    background: #16da8e
}

.top-sellers__img .top-seller__flag-se {
    left: calc(45% - -16px);
    transform: scale(0.65);
    top: 8px
}

.top-sellers__description {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 0;
    width: calc(100% - 160px)
}

.top-sellers__description .user-profile__name {
    font-size: 14px;
    display: block;
    padding: 0 5px 0 0
}

.top-sellers__name {
    display: block;
    padding: 0 0 5px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.top-sellers__name-inner {
    color: #525257
}

.top-sellers__name-inner:hover {
    color: #f03726
}

.top-sellers__amount {
    color: #9292a2
}

.top-sellers__btn {
    float: right;
    margin: 5px 0 0
}

.top-sellers__btn-text {
    text-align: center;
    color: #9292a2;
    font-size: 12px;
    padding: 5px 0 5px 28px;
    line-height: 17px
}

.top-sellers__btn-text span {
    font-weight: 500
}

.top-sellers .user-profile__caption-note {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.top-sellers .user-profile__name-text .editable {
    color: #525257;
    padding: 0 5px 0 0
}

.top-sellers .user-profile__name-text .editable:hover {
    color: #f03726
}

.top-sellers .top-sellers__img, .top-sellers .top-sellers__description {
    padding-top: 10px
}

@media (max-width: 1168px) {
    .top-sellers__list-item {
        width: calc(100% - 503px)
    }
}

@media (max-width: 1023px) {
    .top-sellers__img {
        margin-left: 8px
    }

    .top-sellers__btn-text {
        padding: 5px 0 5px 8px;
        font-size: 10px
    }

    .top-sellers__list {
        width: 100%
    }

    .top-sellers__list-item {
        width: calc(100% - 375px)
    }

    .top-sellers__description {
        width: calc(100% - 115px)
    }

    .top-sellers__description .btn--transparent {
        padding: 9px 0;
        width: 86px;
        font-size: 12px
    }

    .top-sellers .user-profile__name-text .editable {
        max-width: 150px
    }
}

@media (max-width: 767px) {
    .top-sellers {
        padding: 33px 15px 29px
    }

    .top-sellers__list {
        margin: -1px 0 0
    }

    .top-sellers__list-item {
        width: 100%;
        margin: 0 0 8px
    }

    .top-sellers__btn {
        margin: 5px 0 15px;
        text-align: center;
        float: none;
        margin: 0
    }

    .top-sellers__btn-text {
        padding: 0 10px 0 0;
        display: inline-block
    }

    .top-sellers__description {
        width: calc(100% - 125px);
        padding: 5px 0 0
    }

    .top-sellers__description .btn--transparent {
        padding: 6px 0;
        width: 66px;
        font-size: 10px;
        margin-left: 0
    }

    .top-sellers .user-profile__caption-note {
        white-space: normal;
        height: 20px
    }

    .top-sellers .main-title {
        text-align: center
    }
}

.recommendations__list {
    font-size: 0;
    line-height: 0
}

.recommendations__list-item {
    display: inline-block;
    margin: 0 15px 70px;
    width: 250px;
    height: 400px;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.06);
    overflow: visible;
    position: relative
}

.recommendations__img {
    background: #f8f8f8;
    position: relative;
    height: 184px;
    overflow: hidden;
    min-width: 250px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #f5f5f5
}

.recommendations__img img {
    min-width: 255px;
    height: 184px;
    max-width: 350px
}

.recommendations__img .label {
    position: absolute;
    top: 15px;
    left: 15px
}

.recommendations__description {
    padding: 19px 22px 20px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left
}

.recommendations__top, .recommendations__bottom {
    display: none
}

.recommendations__title {
    height: 93px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px
}

.recommendations__name {
    display: inline-block;
    max-height: 64px;
    overflow: hidden;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.recommendations__name-link {
    color: #525257;
    text-overflow: ellipsis
}

.recommendations__name-link:hover {
    color: #f03726
}

.recommendations__series {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2
}

.recommendations__person-img {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin: 0 10px 0 0;
    position: relative
}

.recommendations__person-img img {
    max-width: 100%;
    border-radius: 50%;
    height: 34px;
    width: 34px
}

.recommendations__person-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 13px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9292a2;
    padding: 0 5px 0 0;
    max-width: 140px
}

.recommendations__person-name:hover {
    color: #f03726
}

.recommendations__icon {
    position: absolute;
    right: 20px;
    bottom: 23px;
    width: 31px;
    height: 31px;
    border: 1px solid #20c082;
    border-radius: 50%;
    display: table;
    text-align: center
}

.recommendations__icon--blue {
    border-color: #1693da
}

.recommendations__icon-inner {
    display: table-cell
}

.recommendations__icon-inner .icon-account {
    width: 14px;
    height: 15px;
    fill: #20c082
}

.recommendations__icon-inner .icon-currency {
    width: 17px;
    height: 16px;
    fill: #1693da
}

@media (max-width: 1168px) {
    .recommendations__list-item {
        width: calc((100% / 3) - 30px);
        height: 370px;
        margin-top: 20px;
        margin-right: 15px
    }

    .recommendations__img img {
        width: 100%;
        height: 190px
    }

    .recommendations__series {
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 1023px) {
    .recommendations__img {
        height: 156px;
        min-width: 210px
    }

    .recommendations__img img {
        min-width: 210px;
        height: 156px
    }

    .recommendations__person-name {
        max-width: 104px
    }
}

@media (max-width: 767px) {
    .recommendations__list {
        width: 100%
    }

    .recommendations__list-item {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
        border-bottom: 1px solid #dfdfe8;
        border-radius: 0;
        box-shadow: none
    }

    .recommendations__list-item:first-child {
        margin: 0 0 15px;
        border-top: 1px solid #dfdfe8;
        padding: 15px 0 0
    }

    .recommendations__img {
        display: none;
        height: 100%;
        min-width: 290px;
        background: #ffffff;
        max-width: 384px;
        max-height: 277px
    }

    .recommendations__img img {
        min-width: 290px;
        height: 100%;
        max-width: 384px;
        max-height: 277px;
        width: 100%
    }

    .recommendations__description {
        display: none;
        padding: 16px 20px 20px
    }

    .recommendations__title {
        height: 110px
    }

    .recommendations__series {
        padding: 5px 0 0
    }

    .recommendations__person-name {
        max-width: 183px
    }

    .recommendations__name-link {
        overflow: hidden;
        max-width: 344px;
        display: block;
        width: 100%
    }

    .recommendations__top {
        display: block;
        min-width: 290px;
        max-width: 384px;
        width: 100%
    }

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

    .recommendations__top-img img {
        width: 100%;
        max-width: 121px;
        max-height: 87px;
        border-radius: 3px
    }

    .recommendations__top-img .label {
        display: none
    }

    .recommendations__top-description {
        display: inline-block;
        text-align: left;
        text-overflow: ellipsis;
        max-width: 260px;
        width: calc(100% - 122px);
        padding: 0 0 0 20px
    }

    .recommendations__top-description .recommendations__name {
        max-height: 33px;
        margin: 0 0 5px
    }

    .recommendations__top-description .recommendations__title {
        height: 60px
    }

    .recommendations__top-description .recommendations__series {
        font-size: 10px;
        padding: 0
    }

    .recommendations__top .products__price {
        text-align: left;
        float: none;
        margin: 0;
        display: grid;
        padding: 0;
        width: 100%;
        top: unset
    }

    .recommendations__top .products__price-discount {
        padding: 0 0 8px;
        font-size: 12px
    }

    .recommendations__top .products__price-discount-num {
        font-weight: unset
    }

    .recommendations__top .products__price-num {
        font-size: 24px;
        color: #f03726;
        font-family: 'bebas_neue'
    }

    .recommendations__bottom {
        display: block;
        min-width: 290px;
        max-width: 384px;
        width: 100%;
        padding: 8px 0 15px
    }

    .recommendations__bottom .seller__photo {
        vertical-align: top;
        margin: 0 22px 0 0
    }

    .recommendations__bottom .seller__level-icon-counter {
        left: 155px;
        bottom: 33px;
        top: unset
    }

    .recommendations__bottom .seller__status-check {
        position: absolute;
        left: 30px;
        width: 14px;
        height: 14px
    }

    .recommendations__bottom .seller__status-check:before {
        top: 2px;
        left: 4px
    }

    .recommendations__bottom .user-profile__status-inner {
        display: inline-block
    }

    .recommendations__bottom-btn {
        float: right;
        text-align: center
    }

    .recommendations__bottom-btn .btn {
        background-color: #72bb53;
        padding: 8px 22px
    }

    .recommendations__bottom li {
        min-width: 33px
    }
}

.events {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 8px
}

.events__title {
    padding: 0 0 31px
}

.events__list-item {
    padding: 10px 0;
    border-top: 1px solid #efeff4
}

.events__list-item:first-child {
    border: none
}

.events__logo {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin: 0 30px 0 0
}

.events__time {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 13px;
    border: 1px solid #c8c8d0;
    border-radius: 4px;
    margin: 0 40px 0 0
}

.events__time-inner {
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    font-weight: 500
}

.events__description {
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    overflow: hidden;
    max-width: 370px
}

.events__info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 180px);
    padding: 0 5px 0 0
}

.events__name {
    display: block;
    height: 21px;
    overflow: hidden;
    margin: 0 0 5px
}

.events__name-link {
    font-size: 14px;
    line-height: 16px;
    color: #525257;
    font-weight: 700
}

.events__name-link:hover {
    color: #f03726
}

.events__note {
    display: block;
    color: #9292a2
}

.events__time-left {
    display: inline-block;
    vertical-align: middle;
    color: #9292a2
}

.events .btn {
    padding: 13px 36px
}

@media (max-width: 767px) {
    .events {
        padding: 33px 15px 28px
    }

    .events__list-item {
        padding: 17px 0 12px
    }

    .events__logo {
        vertical-align: top;
        margin: 0 14px 0 0
    }

    .events__description {
        height: auto
    }

    .events__name {
        height: 18px;
        margin: 0
    }

    .events__info {
        vertical-align: top;
        width: calc(100% - 90px)
    }

    .events__time {
        margin: 0 40px 10px 0
    }
}

.trending-games__nav {
    display: block;
    padding: 0 0 20px;
    text-align: center
}

.trending-games__nav .tooltip {
    opacity: 1;
    z-index: 1;
}

.trending-games__nav-btn {
    display: inline-block;
    padding: 0 5px
}

.trending-games__nav-btn:hover {
    filter: none
}

.trending-games__nav-icon {
    display: table;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin: 0 auto 2px
}

.trending-games__nav-icon span .g2g-icon .i-med-service-1 {
    display: none
}

.trending-games__nav-icon span .g2g-icon .i-med-service-16 {
    display: none
}

.trending-games__nav-icon span .g2g-icon .i-med-service-5 {
    display: none
}

.trending-games__nav-icon span .g2g-icon .i-med-service-18 {
    display: none
}

.trending-games__nav-icon span .g2g-icon .i-med-service-17 {
    display: none
}

.trending-games__nav-icon span .g2g-icon .i-med-service-19 {
    display: none
}

.trending-games__sm {
    display: none
}

.trending-games__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.trending-games__list-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 30px;
    width: 25%;
    border-radius: 5px;
    position: relative
}

.trending-games__link {
    display: block;
    border-radius: 5px
}

.trending-games__link img {
    width: 100%;
    border-radius: 5px;
    min-width: 243px;
    height: 170px
}

.trending-games__link:hover {
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.49)
}

.trending-games__link .trending-games__flag img {
    border-radius: 0;
    max-width: 100%
}

.trending-games__caption {
    position: absolute;
    bottom: 47px;
    left: 31px
}

.trending-games__name {
    display: block;
    padding: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.trending-games__flag {
    position: absolute;
    bottom: 47px;
    right: 31px;
    width: 30px
}

@media (max-width: 1023px) {
    .trending-games__sm {
        display: none
    }

    .trending-games__link img {
        min-width: 216px;
        height: 156px
    }

    .trending-games__list-item {
        width: 33.33%
    }

    .trending-games__caption {
        text-align: left;
        bottom: 35px;
        left: 26px
    }

    .trending-games__flag {
        bottom: 37px;
        right: 24px
    }
}

@media (max-width: 767px) {
    .trending-games__nav {
        display: none
    }

    .trending-games__nav-icon {
        width: 34px;
        height: 34px
    }

    .trending-games__sm {
        display: block;
        padding: 0 0 20px;
        text-align: center
    }

    .trending-games__list {
        margin: 0
    }

    .trending-games__list-item {
        padding: 0 15px 15px;
        width: auto
    }

    .trending-games__link {
        width: 130px;
        height: 170px;
        background: #fff
    }

    .trending-games__link img {
        height: 94px;
        min-width: 130px
    }

    .trending-games__caption {
        position: static;
        padding: 10px 12px 18px
    }

    .trending-games__flag {
        bottom: auto;
        top: 65px;
        right: 22px
    }

    .trending-games__name {
        color: #525257;
        font-size: 14px;
        line-height: 14px
    }

    .trending-games .label {
        color: #9292a2;
        padding: 0
    }
}

.product-nav {
    background: #eeeef4
}

.product-nav.product-nav__top {
    background: #e3e3ec;
    padding: 16px 10px 16px 0
}

.product-nav__list {
    font-size: 0;
    line-height: 0
}

.product-nav__list.slick-initialized .slick-slide {
    display: table-cell;
    float: none
}

.product-nav__list-item {
    display: table-cell;
    vertical-align: top;
    padding: 10px 16px;
    border-right: 1px solid #e2e2ea;
    width: 129px
}

.product-nav__list-item:first-child:not(.active) {
    padding: 10px 16px;
    width: 108px
}

.product-nav__list-item:first-child:not(.active) .product-nav__link {
    display: inline-block
}

.product-nav__list-item:last-child {
    border: none
}

.product-nav__list-item--backto {
    vertical-align: middle;
    border-right: none;
    width: 270px;
    padding: 20px 10px 20px 0
}

.product-nav__list-item.active {
    background: #ffffff
}

.product-nav__list--backto .product-nav__list-item--backto {
    vertical-align: middle;
    border-right: none;
    width: 270px;
    padding: 20px 10px 20px 0
}

@media (max-width: 1023px) {
    .product-nav__list--backto .product-nav__list-item--backto {
        margin: 10px 0 0;
        width: 100%
    }
}

.product-nav__sublist {
    background: #fff;
    display: none
}

.product-nav__sublist .slider-arrow {
    background: transparent;
    border-radius: none;
    position: absolute;
    top: calc(50% - 13px);
    right: 0;
    z-index: 100;
    cursor: pointer
}

.product-nav__sublist .slider-arrow .icon-arrow-slider {
    width: 16px;
    height: 26px
}

.product-nav__sublist .slider-arrow--left {
    left: 0;
    right: auto
}

.product-nav__sublist .slider-arrow--left .icon-arrow-slider {
    transform: rotate(180deg)
}

.product-nav__sublist .slider-arrow.slick-disabled {
    display: none !important
}

.product-nav__sublist .items-sort__list {
    max-width: 1100px
}

.product-nav__link {
    display: block;
    text-align: center;
    position: relative
}

.product-nav__link:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #eeeef4 transparent transparent transparent;
    bottom: -22px;
    left: calc(50% - 6px);
    display: none
}

.product-nav__link.active [class*="icon-"] {
    fill: #fff
}

.product-nav__link.active .product-nav__icon {
    background: #f03726
}

.product-nav__link.active .product-nav__title {
    color: #525257
}

.product-nav__link--sub.active:after {
    display: block
}

.product-nav__link:hover .product-nav__title {
    color: #525257
}

.product-nav__icon {
    display: table;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin: 0 auto 2px
}

.product-nav__icon.bg-grey {
    background: #e3e3ec
}

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

.product-nav__title {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
    color: #9292a2;
    height: 15px;
    overflow: hidden
}

@media (max-width: 1023px) {
    .product-nav.product-nav__top {
        padding: 10px 10px 10px 0
    }
}

.seller__title {
    padding: 0 0 15px;
    border-bottom: 1px solid #efeff4
}

.seller__title-orders {
    display: inline
}

.seller__photo {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin: 0 10px 0 0;
    position: relative
}

.seller__photo img {
    border-radius: 50%;
    width: 34px;
    height: 34px
}

.seller__status {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #bac4ca;
    border-radius: 50%;
    border: 2px solid #fff;
    right: -5px;
    bottom: -2px
}

.seller__status--lg {
    width: 15px;
    height: 15px;
    right: 15px;
    border-width: 3px
}

@media (max-width: 767px) {
    .seller__status--lg {
        right: 8px
    }
}

.seller__name {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
    color: #525257;
    width: auto;
    max-width: 143px;
    overflow: hidden;
    text-overflow: ellipsis
}

.seller__name:hover {
    color: #f03726
}

.seller__status-check {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: #bac4ca;
    border-radius: 5px;
    transform: rotate(45deg);
    position: relative
}

.seller__status-check:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 4px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.seller__info {
    padding: 14px 0 0
}

.seller__info-item {
    display: inline-block;
    padding: 0 0 10px
}

.seller__info-item:last-child {
    padding: 0
}

.seller__info-item .rating__pic {
    padding: 0
}

.seller__info-column {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.seller__info-column--right {
    padding-left: 20px;
    border-left: 1px solid #efeff4
}

.seller__level-icon {
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
    position: relative
}

.seller__level-icon-counter {
    position: absolute;
    top: -5px;
    right: -9px;
    background: #f03726;
    border-radius: 3px;
    font-size: 9px;
    color: #ffffff;
    width: 26px;
    height: 14px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    padding: 0 3px
}

.seller__level-text {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 35px)
}

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

.seller__country {
    display: block
}

.seller__country-img {
    padding: 0 9px 0 0
}

.seller__country-name {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase
}

.seller__label {
    margin: 0 0 20px
}

@media (max-width: 1023px) {
    .seller__name {
        max-width: 124px
    }
}

@media (max-width: 767px) {
    .seller__level-text {
        width: auto
    }

    .seller__name {
        max-width: 135px
    }
}

.online, .verified {
    background: #16da8e
}

.recently-viewed__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.recently-viewed__list-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    height: 145px;
    padding: 0 15px 0 15px;
    overflow: hidden;
    border-radius: 4px
}

.recently-viewed__list-item:first-child {
    margin: 0
}

.recently-viewed__link {
    display: block;
    padding: 17px 20px 30px;
    background: #fff;
    border-radius: 4px;
    height: 200px
}

.recently-viewed__link:hover .recently-viewed__name {
    color: #f03726
}

.recently-viewed__img {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    padding: 0 20px 0 0
}

.recently-viewed__img img {
    max-width: 100%
}

@media (max-width: 1023px) {
    .recently-viewed__img img {
        max-width: 100%;
        width: 80px;
        height: 50px
    }
}

.recently-viewed__info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 130px)
}

.recently-viewed__name {
    display: block;
    padding: 0 0 7px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #525257;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden
}

.recently-viewed__game-name {
    display: block;
    padding: 13px 0 14px;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    height: 0px;
    color: #9292a2
}

.recently-viewed__price {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #f03726;
    font-family: 'bebas_neue'
}

.recently-viewed .slider-arrow {
    position: absolute;
    top: calc(50% - 13px);
    right: -10px;
    cursor: pointer
}

.recently-viewed .slider-arrow--left {
    right: auto;
    left: -10px
}

.recently-viewed .slider-arrow--left .icon-arrow-slider {
    transform: rotate(180deg)
}

.recently-viewed .slider-arrow:hover {
    opacity: .8
}

.recently-viewed .products__price-discount {
    font-size: 14px;
    padding: 12px 0
}

@media (max-width: 1210px) {
    .recently-viewed__list {
        max-width: 1100px;
        margin: 0 auto
    }
}

@media (max-width: 1023px) {
    .recently-viewed__list-item {
        width: calc(100% / 3 - 30px);
        height: 265px
    }

    .recently-viewed__img {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 0 14px
    }

    .recently-viewed__info {
        display: block;
        width: 100%
    }
}

@media (max-width: 767px) {
    .recently-viewed__list-item {
        width: 100%;
        height: 145px;
        padding: 0
    }

    .recently-viewed__img {
        display: inline-block;
        width: 100px;
        padding: 0 20px 0 0
    }

    .recently-viewed__info {
        display: inline-block;
        width: calc(100% - 100px)
    }

    .recently-viewed .slider-arrow {
        position: absolute;
        top: auto;
        bottom: -50px;
        right: 70px;
        cursor: pointer
    }

    .recently-viewed .slider-arrow--left {
        right: auto;
        left: 70px
    }

    .recently-viewed .slider-arrow--left .icon-arrow-slider {
        transform: rotate(180deg)
    }
}

.news__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.news__list-item {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 30px);
    height: 160px;
    margin: 0 15px 0;
    border-radius: 6px;
    position: relative;
    box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.16);
    overflow: hidden
}

.news__list-item img {
    max-height: 100%
}

.news__info {
    position: absolute;
    top: 22px;
    left: 30px
}

.news__info-inner {
    height: 70px
}

.news__title {
    display: block;
    padding: 0 0 7px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 700
}

.news__subtitle {
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    display: block;
    padding: 0 0 25px
}

.news .hide {
    display: none
}

@media (max-width: 1023px) {
    .news__info {
        top: 16px
    }

    .news__info-inner {
        height: 85px
    }

    .news__title {
        font-size: 18px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    .news {
        display: none
    }
}

.user-menu {
    padding: 0 0 0 20px
}

.user-menu__item {
    display: inline-block;
    padding: 0 0 17px 37px;
    position: relative
}

.user-menu__item:first-child {
    padding: 0 0 17px
}

.user-menu__link {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #9292a2;
    position: relative
}

.user-menu__link-arrow {
    padding: 0 0 0 5px
}

.user-menu__link:after {
    content: "";
    position: absolute;
    width: calc(100% + 40px);
    height: 2px;
    background: #f03726;
    bottom: -23px;
    left: -20px;
    display: none
}

.user-menu__link:hover {
    color: #f03726
}

.user-menu__link.active {
    color: #f03726
}

.user-menu__link.active:after {
    display: block
}

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

.user-menu__link.js-active:after {
    display: none
}

.user-menu--white .user-menu__link {
    color: #c5c4f4
}

.user-menu--white .user-menu__link:after {
    background: #fff
}

.user-menu--white .user-menu__link:hover, .user-menu--white .user-menu__link.active, .user-menu--white .user-menu__link:active {
    color: #fff
}

.user-menu--white .user-menu__link:hover .icon-arrow-down, .user-menu--white .user-menu__link.active .icon-arrow-down, .user-menu--white .user-menu__link:active .icon-arrow-down {
    fill: #fff;
    transition: all .3s linear
}

.user-menu--white .icon-arrow-down {
    fill: #c5c4f4
}

.user-menu__dropdown-list {
    top: 37px;
    left: calc(50% - 45px);
    width: 130px;
    background: #5757ab;
    padding: 5px 0;
    box-shadow: 0px 5px 5px 0px rgba(39, 39, 113, 0.16)
}

.user-menu__dropdown-list-item {
    padding: 8px 15px 0 15px
}

.user-menu__dropdown-list-item:last-child {
    padding-bottom: 10px
}

.user-menu__dropdown-list-link {
    text-transform: uppercase;
    color: #c5c4f4;
    font-size: 11px;
    line-height: 11px
}

.user-menu__dropdown-list-link:hover {
    color: #fff
}

@media (max-width: 1023px) {
    .user-menu__item {
        padding: 0 0 17px 26px
    }

    .user-menu--white .user-menu__item {
        display: block
    }
}

@media (max-width: 767px) {
    .user-menu__item {
        display: inline;
        width: 100%;
        padding: 0 5px;
        text-align: center
    }

    .user-menu__item:first-child {
        padding: 0
    }

    .user-menu__link {
        display: inline-block;
        padding: 10px 2px 15px
    }

    .user-menu__link:after {
        bottom: 0;
        width: 100%;
        left: 0px
    }

    .user-menu__dropdown-list {
        position: static;
        margin: 0 auto
    }
}

.user-label {
    display: inline-block
}

.user-label__text {
    display: block;
    font-size: 10px;
    color: #9292a2;
    text-transform: uppercase;
    text-align: left
}

.user-label__photo {
    vertical-align: top
}

.user-label__link:hover .seller__name {
    color: #f03726
}

@media (max-width: 767px) {
    .user-label__link {
        padding: 0 0 20px;
        display: block
    }
}

.manage__nav {
    border-radius: 4px
}

.manage__nav-item:first-child .manage__nav-link:after {
    display: none
}

.manage__nav-item:hover .manage__nav-link:after {
    display: none
}

.manage__nav-item:hover + .manage__nav-item .manage__nav-link:after {
    display: none
}

.manage__nav-link {
    display: block;
    padding: 16px 10px 18px 30px;
    background: #fff;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: #525257
}

.manage__nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    background: #f03726;
    height: 100%;
    opacity: 0
}

.manage__nav-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 60px);
    height: 1px;
    background: #efeff4
}

.manage__nav-link:active, .manage__nav-link:hover {
    background: #fafafc
}

.manage__nav-link.active {
    background: #fafafc
}

.manage__nav-link.active:after {
    background: #fafafc;
    width: 100%;
    bottom: -1px;
    z-index: 2;
    top: auto;
    left: 0
}

.manage__nav-link.active:before {
    opacity: 1
}

@media (max-width: 1023px) {
    .manage__nav {
        display: none
    }
}

.sales {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 35px 30px
}

.sales__list-item {
    padding: 16px 30px;
    margin: 0 -30px;
    border-top: 1px solid #efeff4;
    background: #fff
}

.sales__list-item:after {
    content: " ";
    display: block;
    clear: both
}

.sales__list-item:nth-child(2n+2) {
    background: #fafafc
}

.sales__photo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 18px 0 0
}

.sales__photo-wrap {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden
}

.sales__photo-wrap img {
    max-width: 100%;
    border-radius: 50%
}

.sales__name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 250px);
    padding: 0 5px 0 0
}

.sales__country {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px 0 0;
    width: 29px;
    height: 15px
}

.sales__country img {
    max-width: 100%
}

.sales__btn {
    float: right;
    margin: 10px 0 0
}

.sales__btn .following {
    pointer-events: none;
    cursor: context-menu;
    background: #f03726;
    border-color: #f03726;
    color: #fff;
    font-size: 13px;
    padding: 8px 8px
}

.sales__btn .following-user {
    background: #f03726;
    border-color: #f03726;
    color: #fff;
    font-size: 13px;
    padding: 8px 8px
}

@media (max-width: 767px) {
    .sales {
        padding: 35px 20px
    }

    .sales__list-item {
        margin: 0 -15px;
        padding: 16px 10px
    }

    .sales__photo {
        padding: 0 10px 0 0
    }

    .sales__country {
        display: none
    }
}

.tabs-list {
    font-size: 0;
    line-height: 0
}

.tabs-list__item {
    display: inline-block
}

.tabs-list__link {
    display: block;
    padding: 12px 15px;
    background: #fafafc;
    font-size: 13px;
    line-height: 13px;
    color: #63636a;
    position: relative;
    border: 1px solid #d7d7e0;
    border-left: none
}

.tabs-list__link--first {
    border-left: 1px solid #d7d7e0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tabs-list__link--last {
    border-left: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.tabs-list__link:after {
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: 2px;
    background: #f03726;
    bottom: -1px;
    left: -1px;
    opacity: 0
}

.tabs-list__link:active, .tabs-list__link:hover {
    background: #fff
}

.tabs-list__link.active {
    background: #fff
}

.tabs-list__link.active:after {
    opacity: 1
}

.tabs-list__amount {
    color: #f03726
}

.currency {
    padding: 0 0 30px
}

.currency__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.currency__list-item {
    display: inline-block;
    width: 33.33%;
    padding: 0 15px
}

.currency__inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 31px 20px 30px;
    text-align: center
}

.currency__amount {
    display: block;
    padding: 0 0 4px;
    font-size: 36px;
    line-height: 36px;
    color: #525257;
    font-family: 'bebas_neue';
    text-transform: uppercase
}

.currency__text {
    display: block;
    padding: 0 0 30px;
    font-size: 14px;
    line-height: 14px
}

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

@media (max-width: 767px) {
    .currency__list {
        margin: 0
    }

    .currency__list-item {
        width: 100%;
        padding: 0 0 10px
    }
}

.users-rating {
    font-size: 0
}

.users-rating__item {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #6f6fc5;
    padding: 0 20px;
    height: 70px
}

.users-rating__item--left {
    padding: 15px 20px 29px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
    width: 117px;
    text-align: center
}

.users-rating__item--right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 18px 20px 24px;
    border-left: none;
    width: 100%;
    width: 117px;
    text-align: center
}

.users-rating__icon {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 10px 0 0
}

.users-rating__icon:hover {
    opacity: .8
}

.users-rating__amount {
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
    line-height: 33px
}

.users-rating__amount--middle-align {
    vertical-align: top
}

.users-rating--dark-border .users-rating__item {
    border-color: #efeff4
}

@media (max-width: 1023px) {
    .users-rating__item {
        display: block;
        height: 65px
    }

    .users-rating__item--left {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0px;
        display: inline-block
    }

    .users-rating__item--right {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px;
        border-left: none;
        display: inline-block
    }
}

@media (max-width: 767px) {
    .users-rating__item {
        display: inline-block;
        width: 50%;
        text-align: center;
        height: 60px
    }

    .users-rating__item--left {
        padding: 17px 20px 17px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px;
        display: inline-block !important;
        max-width: 172px;
        text-align: center
    }

    .users-rating__item--right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0px;
        padding: 23px 20px 17px;
        border-top: 1px solid #6f6fc5;
        border-left: none;
        display: inline-block !important;
        max-width: 172px;
        text-align: center
    }
}

.user-statistic {
    font-size: 0
}

.user-statistic__follow {
    color: #9292a2;
    display: inline-block;
    vertical-align: bottom;
    padding: 18px 20px 10px;
    height: 70px
}

.user-statistic__item {
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #efeff4;
    padding: 14px 20px;
    height: 70px
}

.user-statistic__item--left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
    max-width: 235px;
    text-align: center
}

.user-statistic__item--right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    width: 100%;
    max-width: 235px;
    text-align: center
}

.user-statistic__percent {
    display: block;
    padding: 0 0 3px;
    font-size: 24px;
    line-height: 24px;
    font-family: 'bebas_neue'
}

.user-statistic__text {
    display: block;
    font-size: 13px;
    line-height: 13px
}

@media (max-width: 1023px) {
    .user-statistic__item {
        display: block;
        height: 74px
    }

    .user-statistic__item--left {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0px;
        padding: 10px 20px
    }

    .user-statistic__item--right {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px;
        border-top: none;
        border-left: 1px solid #efeff4;
        padding: 10px 20px
    }

    .user-statistic__percent {
        display: block;
        vertical-align: top;
        padding: 0
    }

    .user-statistic__text {
        display: block;
        vertical-align: top;
        line-height: 16px;
        padding: 5px 0 0
    }
}

@media (max-width: 767px) {
    .user-statistic__item {
        height: 64px;
        padding: 10px 20px
    }

    .user-statistic__item--left {
        max-width: 344px
    }

    .user-statistic__item--right {
        max-width: 344px
    }

    .user-statistic__percent {
        vertical-align: middle;
        float: none;
        width: 100%
    }

    .user-statistic__text {
        width: auto;
        vertical-align: middle;
        float: none
    }
}

.sales-history__table-error {
    color: #f03726;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    text-align: left;
    display: list-item;
    margin: 45px 0 0 10px
}

.sales-history__table-row-list {
    cursor: pointer
}

.sales-history__table-row-unread {
    font-weight: 700
}

.sales-history__table-row-read {
    background: #F1F1F6;
    border-bottom: 1px solid #ffffff
}

.sales-history__table-order {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.sales-history__table-row__no-result {
    text-align: center;
    border-bottom: 1px solid #efeff4
}

@media (max-width: 1023px) {
    .sales-history__table-row__no-result {
        border-top: 1px solid #efeff4
    }
}

@media (max-width: 767px) {
    .sales-history__table-row__no-result {
        border-top: 1px solid #efeff4
    }
}

.sales-history__table-row__no-result span {
    font-size: 18px;
    color: #9292a2
}

.sales-history__table-dateorder {
    padding: 0 0 0 40px;
    max-width: 50px
}

.sales-history__table-dateorder .order-date {
    font-size: 13px;
    line-height: 14px;
    color: #525257;
    white-space: nowrap
}

.sales-history__table-dateorder .order-number {
    font-size: 11px;
    line-height: 14px;
    color: #9292a2;
    padding-top: 5px
}

.sales-history__table-productorder {
    cursor: pointer;
    height: 100px
}

.sales-history__table-productorder:hover .sales-history__product-name {
    color: #f03726;
    text-decoration: underline
}

.sales-history__table-product {
    max-width: 250px
}

.sales-history__table-product-details {
    font-weight: 700;
    max-width: 550px;
    width: 550px
}

.sales-history__table-price {
    font-size: 14px;
    line-height: 14px
}

.sales-history__table-seller {
    line-height: 0
}

.sales-history__table-details {
    text-align: right
}

.sales-history__table-btn {
    background: transparent;
    padding: 11px 26px;
    border: 1px solid #c8c8d0;
    border-radius: 4px;
    color: #9292a2;
    font-family: "GothamPro";
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-transform: none;
    letter-spacing: 0
}

.sales-history__table-btn:hover {
    background: transparent;
    color: #525257;
    border-color: #525257
}

.sales-history__table-amount {
    padding: 20px 40px 20px 40px !important
}

@media (max-width: 1023px) {
    .sales-history__table-amount {
        padding: 10px 20px !important
    }
}

@media (max-width: 767px) {
    .sales-history__table-amount {
        padding: 10px 20px !important
    }
}

@media (max-width: 1023px) {
    .sales-history-dateorder {
        padding: 0 20px
    }

    .sales-history__table-details {
        padding: 0 0 0 120px;
        text-align: left
    }

    .sales-history__table-product {
        font-weight: 700;
        max-width: 700px
    }

    .sales-history__table-product-details {
        font-weight: 700;
        width: 100%;
        max-width: 730px;
        padding-bottom: 60px !important
    }
}

@media (max-width: 767px) {
    .sales-history-dateorder {
        padding: 0 20px !important
    }

    .sales-history__table-product {
        padding: 0 20px !important
    }

    .sales-history__table-product-details {
        font-weight: 700;
        width: 100%;
        padding-bottom: 60px !important
    }
}

.sales-history__table-sorter {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 4px;
    position: relative
}

.sales-history__table-sorter:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22All_glyphs%22%20data-name%3D%22All%20glyphs%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2034%22%3E%3Ctitle%3EVector%20Smart%20Object1%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23bfbfc9%22%20d%3D%22M-1091.9%2C2956.54c-2%2C2.09-23.48%2C22.51-23.48%2C22.51a5.49%2C5.49%2C0%2C0%2C1-3.94%2C1.67%2C5.48%2C5.48%2C0%2C0%2C1-3.94-1.67s-21.44-20.42-23.48-22.51a6%2C6%2C0%2C0%2C1%2C0-8.08c2.17-2.23%2C5.21-2.41%2C7.88%2C0l19.54%2C18.73%2C19.54-18.73c2.67-2.41%2C5.71-2.23%2C7.88%2C0A6%2C6%2C0%2C0%2C1-1091.9%2C2956.54Z%22%20transform%3D%22translate%281148.32%20-2946.72%29%22%2F%3E%3C%2Fsvg%3E");
    top: 7px;
    right: -7px
}

.sales-history__table-sorter:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    top: 0;
    right: -7px;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22All_glyphs%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2058%2034%22%20style%3D%22enable-background%3Anew%200%200%2058%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%23BFBFC9%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Ctitle%3EVector%20Smart%20Object2%3C%2Ftitle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M1.7%2C24.2c2-2.1%2C23.5-22.5%2C23.5-22.5c1-1.1%2C2.5-1.7%2C3.9-1.7c1.5%2C0%2C2.9%2C0.6%2C3.9%2C1.7c0%2C0%2C21.4%2C20.4%2C23.5%2C22.5%0D%0A%09c2.1%2C2.3%2C2.1%2C5.8%2C0%2C8.1c-2.2%2C2.2-5.2%2C2.4-7.9%2C0L29.1%2C13.5L9.5%2C32.2c-2.7%2C2.4-5.7%2C2.2-7.9%2C0C-0.5%2C29.9-0.6%2C26.4%2C1.7%2C24.2z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

table.js-table-sorter thead tr .headerSortDown .sales-history__table-sorter:after {
    top: 3px
}

table.js-table-sorter thead tr .headerSortDown .sales-history__table-sorter:before {
    display: none
}

table.js-table-sorter thead tr .headerSortUp .sales-history__table-sorter:before {
    top: 3px
}

table.js-table-sorter thead tr .headerSortUp .sales-history__table-sorter:after {
    display: none
}

.order {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px;
    padding: 0 0 30px
}

.order__item {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding: 0 15px
}

.order__item-wrap {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 0 0 10px
}

.order__balance {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    padding: 0 15px
}

.order__balance-wrap {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 0 0 10px
}

.order__title {
    padding: 29px 40px 28px
}

.order__title:after {
    content: " ";
    display: block;
    clear: both
}

.order__title-icon {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 15px 0 0;
    line-height: 24px
}

.order__title-head {
    display: inline-block;
    vertical-align: bottom;
    padding: 0
}

.order__config {
    float: right;
    margin: 4px 0 0
}

.order__table tr:hover {
    background: transparent
}

.order__table tr:hover td:after {
    background: #efeff4
}

.order__table tr:hover + tr td:after {
    background: #efeff4
}

.order__table-order {
    width: 293px
}

.order__table-price {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #63636a;
    width: 92px;
    text-align: right
}

.order__number {
    display: inline-block;
    padding: 0 0 6px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #63636a
}

.order__number:hover, .order__number:active {
    color: #f03726
}

.order__date {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2
}

@media (max-width: 1023px) {
    .order {
        padding: 0
    }

    .order__item {
        display: block;
        width: 100%;
        padding: 0 15px 20px
    }

    .order__date {
        padding: 0 0 10px
    }

    .order__title {
        padding: 28px 40px
    }
}

@media (max-width: 500px) {
    .order__title {
        padding: 28px 20px
    }

    .order__table-order, .order__table-status {
        padding: 19px 0 19px 15px
    }

    .order td.order__table-price {
        padding: 19px 10px 19px 10px
    }

    .order th.order__table-price {
        padding: 19px 0 19px 10px
    }

    .order th.order__table-order, .order th.order__table-status {
        padding: 19px 0 19px 15px
    }

    .order .status {
        padding: 6px;
        font-size: 10px
    }
}

th.order__table-price, td.order__table-price {
    padding: 20px 40px 20px 10px
}

.comments {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 0 0 25px
}

.comments--empty .comments__title {
    border-bottom: 1px solid #efeff4
}

.comments__empty {
    display: block;
    padding: 86px 0 70px;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    color: #dadae5;
    font-weight: 700
}

.comments__table tr:hover {
    background: transparent
}

.comments__table td {
    vertical-align: top
}

.comments__table-author {
    width: 230px
}

.comments__table-comment {
    width: 30%;
    padding-right: 40px
}

.comments__table-responseto {
    width: 245px
}

.comments__table-date {
    width: 200px
}

.comments__table td {
    padding: 30px 0 30px 40px
}

.comments__title {
    padding: 28px 40px
}

.comments__title:after {
    content: " ";
    display: block;
    clear: both
}

.comments__title-icon {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 15px 0 0;
    line-height: 24px
}

.comments__title-head {
    display: inline-block;
    vertical-align: bottom;
    padding: 0
}

@media (max-width: 767px) {
    .comments__title {
        padding: 20px
    }
}

.comments__config {
    float: right
}

.comments__seller .seller__title {
    padding: 0;
    border: none
}

@media (max-width: 767px) {
    .comments__table-comment {
        width: 100%
    }

    .comments__empty {
        font-size: 24px;
        line-height: 24px;
        padding: 40px 0 20px
    }

    .comments__date {
        display: block
    }

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

    .comments__seller .seller__photo {
        vertical-align: middle
    }

    .comments__seller .seller__name {
        display: block;
        padding: 0 0 2px
    }

    .comments thead {
        display: block;
        height: 10px;
        background: #fafafc
    }

    .comments tr {
        display: block;
        border-bottom: 1px solid #efeff4
    }

    .comments tr:hover {
        background: transparent
    }

    .comments tr:first-child {
        border-top: 1px solid #efeff4
    }

    .comments td {
        display: block;
        padding: 15px 20px
    }

    .comments td:after {
        display: none
    }
}

td.comments__table-responseto {
    padding-top: 32px
}

.responseto__game-name {
    display: block;
    padding: 0 0 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #63636a
}

.responseto__subname {
    font-size: 13px;
    line-height: 13px;
    color: #9292a2
}

.rating {
    padding: 32px 30px 6px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.rating__list-item {
    margin: 0 0 30px;
    display: inline;
    width: 260px
}

.rating__pic {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px 0 0;
    position: relative
}

.rating__icon {
    display: table;
    width: 48px;
    height: 48px;
    background: #fff;
    border: 3px solid #efeff4;
    border-radius: 50%;
    text-align: center
}

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

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

.rating__item {
    display: block;
    padding: 0 0 5px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500
}

.rating__level {
    display: block;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #9292a2
}

@media (max-width: 1023px) {
    .rating {
        padding: 32px 30px 9px
    }

    .rating__level {
        width: 120px
    }
}

@media (max-width: 767px) {
    .rating {
        padding: 30px 20px 6px
    }

    .rating__list {
        column-count: auto
    }

    .rating__level {
        width: 100%
    }
}

.not-seller {
    padding: 32px 30px 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.not-seller__list-item {
    padding: 0 0 30px
}

.not-seller__pic {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px 0 0;
    position: relative
}

.not-seller__icon {
    display: table;
    width: 48px;
    height: 48px;
    background: #fff;
    border: 2px solid #efeff4;
    border-radius: 50%;
    text-align: center
}

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

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

.not-seller__item {
    display: block;
    padding: 0 0 5px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500
}

.not-seller__level {
    display: block;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #9292a2
}

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

@media (max-width: 1023px) {
    .not-seller {
        padding: 32px 30px 9px
    }

    .not-seller__list {
        column-count: 3
    }
}

@media (max-width: 767px) {
    .not-seller {
        padding: 30px 20px 6px
    }

    .not-seller__list {
        column-count: auto
    }
}

.search-results__list {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.search-results__list-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 15px 0;
    overflow: hidden;
    margin: 0 0 20px
}

.search-results__list-inner {
    display: block;
    position: relative;
    border-radius: 8px;
    max-width: 263px
}

.search-results__img {
    width: 100%;
    min-width: 263px;
    height: 190px;
    border-radius: 4px
}

.search-results__link {
    display: inline-block;
    color: #525257
}

@media (max-width: 767px) {
    .search-results__link {
        background-color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

.search-results__seller .seller__name {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    padding: 0 10px 0 0;
    margin: 0 0 10px
}

.search-results__seller .seller__status-check {
    margin: 0 0 10px
}

.search-results__seller .seller__level-text {
    font-size: 13px;
    line-height: 13px
}

@media (max-width: 1110px) {
    .search-results__list-item {
        width: calc(100% / 3);
        text-align: center
    }
}

@media (max-width: 1023px) {
    .search-results__img {
        min-width: 226px;
        height: 163px
    }
}

@media (max-width: 767px) {
    .search-results__list-item {
        width: 50%;
        padding: 0 15px 0px
    }

    .search-results__img {
        min-width: 130px;
        height: auto;
        max-width: 263px
    }
}

input[type="text"].products__count-input {
    width: 120px
}

@media (max-width: 767px) {
    input[type="text"].products__count-input {
        width: 100%
    }
}

.insurance_1 {
    padding: 4px 0 0;
    display: block
}

.more-info {
    display: none;
    padding: 0 30px 20px
}

.more-info__inner {
    padding: 38px 30px;
    background: #565669;
    position: relative;
    border-radius: 4px
}

.more-info__close {
    display: none
}

.more-info.active {
    display: block
}

.more-info__game-info {
    overflow: hidden;
    padding: 0 0 40px
}

.more-info__game-info .game-info__list {
    column-count: 2;
    margin: -1px 0 0 0;
    column-gap: 35px;
    column-width: 50%
}

.more-info__text {
    color: #b9b9cb
}

@media (max-width: 767px) {
    .more-info {
        padding: 0
    }

    .more-info__inner {
        padding: 25px 15px;
        background: #565669;
        position: fixed;
        border-radius: 0px;
        z-index: 2;
        top: 0px;
        left: 0px;
        overflow: hidden;
        overflow-y: auto;
        max-height: -webkit-fill-available;
        height: 100%
    }

    .more-info__close {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        color: #b9b9cb;
        z-index: 2
    }

    .more-info__close-icon {
        background-image: url(../img/icons/svg/cross.svg);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
        width: 14px;
        height: 14px;
        display: block
    }
}

.items-sort__list {
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    line-height: 0
}

.items-sort__list-item {
    display: inline-block;
    vertical-align: bottom;
    padding: 25px 10px;
    border-left: 1px solid #e2e2ea;
    width: 129px;
    height: 110px;
    text-align: center
}

.items-sort__list-item:first-child {
    border: none;
    padding: 25px 10px 25px 0;
    width: 97px
}

.items-sort__link {
    display: inline-block;
    text-align: center
}

.items-sort__link:hover .items-sort__title {
    color: #525257
}

.items-sort__link.active [class*="icon-"], .items-sort__link:active [class*="icon-"] {
    fill: #f03726
}

.items-sort__link.active .items-sort__title, .items-sort__link:active .items-sort__title {
    color: #525257
}

.items-sort__icon {
    display: block;
    padding: 0 0 15px
}

.items-sort__title {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.manage-listing__actions-details {
    display: inline-block
}

.manage-listing__actions-list {
    font-size: 12px;
    display: block;
    border-top: 1px dashed #d6d6d6;
    margin-top: 10px;
    padding-top: 10px;
    clear: both
}

.manage-listing__actions-list ul {
    display: inline-block
}

.manage-listing__actions-list-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0
}

.manage-listing__actions-list-item:last-child {
    padding: 0
}

.manage-listing__actions-list ul li {
    float: left;
    position: relative
}

.manage-listing__actions-list ul li:not(:last-child) {
    padding-right: 17px
}

.manage-listing__actions-list ul li:not(:last-child):after {
    content: "|";
    font-size: 12px;
    position: absolute;
    right: 8px;
    color: #d6d6d6
}

.manage-listing__actions-link {
    display: table;
    width: 36px;
    height: 36px;
    border: 1px solid #c8c8d0;
    border-radius: 4px;
    text-align: center;
    position: relative
}

.manage-listing__actions-link:active, .manage-listing__actions-link.active, .manage-listing__actions-link:hover {
    border-color: #f03726
}

.manage-listing__actions-link:active [class*='icon-'], .manage-listing__actions-link.active [class*='icon-'], .manage-listing__actions-link:hover [class*='icon-'] {
    fill: #f03726
}

.manage-listing__actions-link:hover .link-title {
    opacity: 1;
    transition: all .3s linear
}

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

.manage-listing__remove {
    position: absolute
}

.manage-listing__remove.media-lg {
    top: 0;
    right: 0;
    padding: 8px 14px
}

.manage-listing__remove.media-sm, .manage-listing__remove.media-xs {
    top: 0;
    right: 0;
    display: none;
    padding: 0 14px
}

@media (max-width: 1023px) {
    .manage-listing__remove.media-lg {
        display: none
    }

    .manage-listing__remove.media-sm {
        display: block
    }
}

@media (max-width: 767px) {
    .manage-listing__remove.media-sm {
        display: none
    }

    .manage-listing__remove.media-xs {
        display: block
    }
}

.link-title {
    position: absolute;
    left: 50%;
    top: -44px;
    padding: 10px 12px;
    background: #565669;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%)
}

.link-title:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: calc(50% - 5.5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5.5px 0 5.5px;
    border-color: #565669 transparent transparent transparent
}

.search-sort {
    background: #eeeef4
}

.search-sort__list {
    font-size: 0;
    line-height: 0
}

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

.search-sort__link {
    display: table;
    width: 108px;
    height: 80px;
    position: relative;
    text-align: center
}

.search-sort__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f03726;
    opacity: 0;
    pointer-events: none
}

.search-sort__link-inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    text-transform: uppercase
}

.search-sort__link:hover .search-sort__link-inner, .search-sort__link:active .search-sort__link-inner {
    color: #525257
}

.search-sort__link:hover .user-statistic__follow, .search-sort__link:active .user-statistic__follow {
    color: #525257
}

.search-sort__link.active {
    background: #f7f7fa
}

.search-sort__link.active .search-sort__link-inner {
    color: #525257
}

.search-sort__link.active .user-statistic__follow {
    color: #525257
}

.search-sort__link.active:after {
    opacity: 1
}

.search-sort__steps {
    display: table;
    width: 208px;
    height: 80px;
    position: relative;
    text-align: center
}

.search-sort__steps:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f03726;
    opacity: 0;
    pointer-events: none
}

.search-sort__steps-inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    text-transform: uppercase
}

.search-sort__steps:hover .search-sort__link-inner, .search-sort__steps:active .search-sort__link-inner {
    color: #525257
}

.search-sort__steps:hover .user-statistic__follow, .search-sort__steps:active .user-statistic__follow {
    color: #525257
}

.search-sort__steps.active {
    background: #f7f7fa
}

.search-sort__steps.active .search-sort__link-inner {
    color: #525257
}

.search-sort__steps.active .user-statistic__follow {
    color: #525257
}

.search-sort__steps.active:after {
    opacity: 1
}

@media (max-width: 1023px) {
    .search-sort__steps {
        display: table;
        width: 177px;
        height: 65px;
        position: relative;
        text-align: center
    }
}

@media (max-width: 767px) {
    .search-sort__steps {
        display: table;
        width: 280px;
        height: 55px;
        position: relative;
        text-align: center;
        margin: 5px 5px 0
    }

    .search-sort__list {
        margin: 0 -15px
    }

    .search-sort__link {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 15px
    }

    .search-sort__link:after {
        width: 3px;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0
    }
}

.steps-sort {
    background: #1C7050
}

.steps-sort__list {
    font-size: 0;
    line-height: 0
}

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

.steps-sort__link {
    display: table;
    width: 108px;
    height: 80px;
    position: relative;
    text-align: center
}

.steps-sort__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f03726;
    opacity: 0;
    pointer-events: none
}

.steps-sort__link-inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    line-height: 11px;
    color: #2BA877;
    text-transform: uppercase
}

.steps-sort__link:hover .search-sort__link-inner, .steps-sort__link:active .search-sort__link-inner {
    color: #525257
}

.steps-sort__link:hover .user-statistic__follow, .steps-sort__link:active .user-statistic__follow {
    color: #525257
}

.steps-sort__link.active {
    background: #f7f7fa
}

.steps-sort__link.active .search-sort__link-inner {
    color: #525257
}

.steps-sort__link.active .user-statistic__follow {
    color: #525257
}

.steps-sort__link.active:after {
    opacity: 1
}

.steps-sort__steps {
    display: table;
    width: 208px;
    height: 80px;
    position: relative;
    text-align: center
}

.steps-sort__steps:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #30BB84;
    opacity: 0;
    pointer-events: none
}

.steps-sort__steps-inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    text-transform: uppercase
}

.steps-sort__steps:hover .steps-sort__link-inner, .steps-sort__steps:active .steps-sort__link-inner {
    color: #ffffff
}

.steps-sort__steps:hover .icon-arrow-right-steps, .steps-sort__steps:active .icon-arrow-right-steps {
    color: #ffffff
}

.steps-sort__steps:hover .user-statistic__follow, .steps-sort__steps:active .user-statistic__follow {
    color: #ffffff
}

.steps-sort__steps.active {
    background: #269469
}

.steps-sort__steps.active .steps-sort__link-inner {
    color: #ffffff
}

.steps-sort__steps.active .icon-arrow-right-steps {
    color: #ffffff
}

.steps-sort__steps.active .user-statistic__follow {
    color: #ffffff
}

.steps-sort__steps.active:after {
    opacity: 1
}

@media (max-width: 1023px) {
    .steps-sort__steps {
        display: table;
        width: 177px;
        height: 65px;
        position: relative;
        text-align: center
    }
}

@media (max-width: 767px) {
    .steps-sort__steps {
        display: table;
        width: 280px;
        height: 55px;
        position: relative;
        text-align: center;
        margin: 5px 5px 0
    }

    .steps-sort__list {
        margin: 0 -15px
    }

    .steps-sort__link {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 15px
    }

    .steps-sort__link:after {
        width: 3px;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0
    }
}

.manage__table-product {
    padding: 19px 0 18px 5px;
    width: 420px
}

.manage__table-check {
    vertical-align: top;
    padding-top: 49px;
    width: 71px
}

.manage__table-check input[type="checkbox"] + label:before {
    top: 0
}

.manage__table-check input[type="checkbox"] + label:after {
    top: 2px
}

.manage__table-actions {
    width: 240px
}

.manage__table .products__main-info-right {
    width: 271px;
    text-align: left
}

.manage__table--currency .products__main-info-right {
    width: auto;
    padding: 0
}

.manage__products-img {
    display: table;
    width: 120px;
    height: 74px
}

.manage__products-img-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 12px 35px
}

.manage__delievery-eta {
    display: block;
    padding: 0 0 10px;
    font-size: 12px
}

.manage__delievery-eta:last-child {
    padding: 0
}

.manage__delievery-eta-hours {
    color: #f03726
}

.manage__main-info {
    width: auto;
    padding: 0
}

.manage__main-info--currency .products__main-info-right {
    padding-left: 0
}

.manage__delievery-method {
    display: block;
    padding: 0 0 10px
}

.manage__price {
    display: block;
    padding: 0 0 15px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500
}

.manage__actions {
    display: block;
    padding: 0 0 12px
}

.manage__share {
    display: block;
    text-align: left;
    margin-top: 8px
}

.manage__share-link {
    display: inline-block;
    background: #426cbc;
    border-radius: 3px
}

.manage__share-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 6px 2px;
    background-color: #365899;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.manage__share-icon .icon-fb {
    fill: #fff;
    width: 6px;
    height: 14px
}

.manage__share-icon svg {
    fill: #ffffff
}

.manage__share-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px 0 6px;
    font-size: 12px;
    line-height: 12px;
    color: #fff
}

.manage__share:hover {
    opacity: .8;
    transition: all .3s linear
}

.manage .products__num {
    text-align: left
}

@media (max-width: 1100px) {
    .manage__table-product {
        width: 25%
    }

    .manage .products__main-info-left {
        padding: 0 0 10px
    }

    .manage .products__main-info-right {
        width: 100%;
        text-align: left;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .manage__share {
        text-align: left
    }
}

@media (max-width: 425px) {
    .manage__table-product {
        width: calc(100% - 80px)
    }
}

th.manage__table-product {
    padding: 19px 0 18px 5px;
    width: 369px
}

@media (max-width: 1023px) {
    th.manage__table-product {
        width: 100%
    }
}

th.manage__table-check label:before {
    top: -5px
}

th.manage__table-check label:after {
    top: -2px
}

.slider__list {
    overflow: hidden
}

.slider__list-item {
    position: relative;
    height: 100%
}

.slider__list-item img {
    width: 100% !important
}

.slider__info {
    width: 470px;
    position: absolute;
    top: 20%;
    right: 100px
}

.slider__info-title {
    color: #fff;
    font-size: 55px;
    line-height: 55px;
    font-family: 'bebas_neue';
    display: block;
    padding: 0 0 6px;
    letter-spacing: 2.3px
}

.slider__info-subtitle {
    display: block;
    padding: 0 0 30px;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.slider__info-btn {
    text-transform: none;
    font-family: "GothamPro";
    font-weight: 500;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 28px
}

.slider .slick-dots {
    position: absolute;
    top: 90%;
    right: 50%
}

.slider .slick-dots li {
    display: inline-block;
    padding: 4px 0
}

.slider .slick-dots button {
    display: block;
    padding: 0;
    background: transparent;
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    position: relative;
    text-indent: -9999px
}

.slider .slick-dots button:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 50%
}

@media (max-width: 1023px) {
    .slider .slick-dots {
        top: 85%
    }
}

@media (max-width: 767px) {
    .slider .slick-dots {
        top: 75%;
        right: 40%
    }

    .slider .slick-dots li {
        display: inline-block;
        padding: 0 4px
    }
}

.slider .slick-active button {
    border-color: #fff
}

.slider .slick-active button:after {
    display: none
}

@media (max-width: 1023px) {
    .slider__list-item img {
        width: 100% !important;
        height: auto;
        min-height: 213px
    }
}

@media (max-width: 767px) {
    .slider__info {
        top: 63px;
        text-align: center;
        left: 0;
        right: 0;
        width: auto
    }

    .slider__info-title {
        font-size: 34px;
        line-height: 34px;
        padding: 0 0 14px
    }

    .slider__info-subtitle {
        font-size: 14px;
        line-height: 16px;
        width: 250px;
        margin: 0 auto
    }

    .slider__list-item img {
        width: 100% !important;
        height: auto;
        min-height: 89px
    }
}

.news {
    padding: 39px 0 33px
}

.trending-games {
    padding: 40px 0 80px;
    position: relative
}

.trending-games__list {
    margin: 0 -15px 19px
}

.trending-games__title {
    padding: 0 0 42px;
    text-align: center
}

.trending-games__btn {
    text-align: center
}

@media (max-width: 1023px) {
    .trending-games {
        text-align: center
    }

    .trending-games__list {
        margin: 0 0 20px
    }
}

@media (max-width: 767px) {
    .trending-games {
        padding: 46px 0 0
    }

    .trending-games__list {
        margin: 0 -15px
    }

    .trending-games__title {
        text-align: left;
        padding: 0 0 35px
    }

    .trending-games__btn {
        position: absolute;
        top: 33px;
        right: 0
    }

    .trending-games__btn .btn {
        padding: 11px 15px;
        font-size: 16px;
        line-height: 16px
    }
}

.recommendations {
    background: #ededf3;
    padding: 54px 0
}

.recommendations__heading {
    text-align: center;
    padding: 0 0 43px
}

.recommendations__heading .hide {
    display: none
}

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

.recommendations .seller__info-item {
    padding: 0 1px 10px 0
}

@media (max-width: 1180px) {
    .recommendations {
        padding: 54px 0 36px;
        text-align: center
    }

    .recommendations__list {
        text-align: left
    }
}

@media (max-width: 767px) {
    .recommendations {
        background: transparent;
        padding: 22px 0 40px
    }

    .recommendations__heading {
        text-align: left;
        padding: 10px 0 18px
    }
}

.top-seller {
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    background: #3f7cd6;
    box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.06);
    padding: 27px 19px 37px;
    border-radius: 4px;
    text-align: center
}

.top-seller h3, .top-seller h2, .top-seller h1 {
    color: #ffffff
}

.top-seller__title {
    display: block;
    text-align: center;
    padding: 0 0 42px;
    color: #525257;
    font-family: 'bebas_neue'
}

.top-seller__flag-se {
    position: absolute;
    left: 80px
}

.top-seller__flag-se img {
    vertical-align: middle;
    height: 24px !important;
    width: 32px !important;
    border: none !important;
    border-radius: 2px !important
}

.top-seller__flag img {
    vertical-align: middle;
    height: 24px;
    width: 32px;
    margin: 4px 3px 0 0;
    border-radius: 2px
}

.top-seller__photo {
    display: block;
    margin: 0 0 18px;
    text-align: center;
    position: relative
}

.top-seller__photo-inner {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    overflow: hidden
}

.top-seller__photo img {
    max-width: 100%;
    border-radius: 50%;
    border: 5px solid #6f9de0;
    width: 120px;
    height: 120px
}

.top-seller__photo .seller__status {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #bac4ca;
    border-radius: 50%;
    border: 4px solid #6f9de0;
    right: 95px;
    bottom: 2px
}

.top-seller__photo .seller__status.online {
    background: #16da8e
}

.top-seller__name {
    display: block;
    height: 36px;
    margin: 0 0 2px;
    font-size: 16px;
    line-height: 12px;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 296px
}

.top-seller__name a {
    color: #ffffff
}

.top-seller__name a:hover {
    color: #ffe100
}

.top-seller__caption {
    border-bottom: 1px solid #6f9de0;
    border-top: 1px solid #6f9de0;
    padding: 8px 0;
    display: block
}

.top-seller__caption-text {
    display: block;
    height: 85px;
    overflow: hidden;
    color: #ffffff;
    line-height: 20px;
    font-size: 14px;
    font-style: italic;
    text-overflow: ellipsis;
    min-width: 296px
}

.top-seller__info {
    padding: 8px 0 10px
}

.top-seller__info li {
    display: inline-block
}

.top-seller__info li:last-child {
    float: right
}

.top-seller__info li .btn--transparent, .top-seller__info li .top-sellers__btn-text {
    display: inline-block
}

.top-seller__info li a.btn--transparent {
    padding: 9px 0;
    width: 88px;
    margin-top: 6px;
    text-align: center;
    vertical-align: top;
    border-radius: 30px;
    position: relative;
    transition: all .3s ease-in-out
}

.top-seller__info .seller__level-icon {
    padding-right: 0
}

.top-seller__btn {
    font-size: 13px;
    line-height: 13px;
    font-family: "GothamPro";
    letter-spacing: 0;
    text-transform: none;
    font-weight: 500;
    padding: 9px 15px 10px;
    background: #ffffff
}

.top-seller__sales {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 10px 0
}

.top-seller__sales-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px 0 0
}

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

.top-seller__sales-text span {
    font-weight: 500;
    font-size: 14px
}

.top-seller .user-profile__name-text .editable {
    width: auto;
    max-width: 240px;
    overflow: hidden;
    display: table-cell;
    text-overflow: ellipsis;
    padding: 0 5px 20px 0;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px
}

.top-seller .user-profile__name-text .editable:hover {
    color: #FEFF00
}

@media (max-width: 1023px) {
    .top-seller {
        display: inline-block;
        align-content: center;
        width: 100%
    }

    .top-seller__caption-text {
        font-size: 11px;
        min-width: 226px
    }

    .top-seller__flag-se {
        left: calc(45% - 60px)
    }

    .top-seller__photo .seller__status {
        right: calc(39% - 20px)
    }
}

@media (max-width: 767px) {
    .top-seller {
        display: inline-block;
        padding: 27px 15px 20px;
        width: 100%
    }

    .top-seller__title {
        text-align: left
    }

    .top-seller__btn {
        margin: 10px 0 0
    }

    .top-seller__sales {
        padding: 10px 0 0
    }

    .top-seller__flag-se {
        left: calc(48% - 65px)
    }

    .top-seller__photo .seller__status {
        right: calc(46% - 25px)
    }

    .top-seller__caption-text {
        font-size: 12px;
        min-width: 260px
    }

    .top-seller__info li a.btn {
        margin-top: 5px
    }
}

.top-events {
    padding: 80px 0 0
}

@media (max-width: 1023px) {
    .top-events {
        padding: 61px 0 0
    }
}

@media (max-width: 767px) {
    .top-events {
        padding: 0px 0 50px
    }

    .top-events__inner {
        margin: 0 -15px
    }
}

.top-sellers {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media (max-width: 767px) {
    .top-sellers {
        width: 100%;
        display: block
    }
}

.events {
    display: inline-block;
    vertical-align: top;
    width: 350px
}

.events__list {
    padding: 0 0 28px
}

@media (max-width: 1023px) {
    .events {
        width: 38%
    }
}

@media (max-width: 767px) {
    .events {
        width: 100%;
        display: block;
        padding: 15px
    }
}

.advertisement {
    padding: 0 0 67px
}

.advertisement__list {
    font-size: 0;
    line-height: 0;
    text-align: center
}

.advertisement__list-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px
}

.advertisement__list-item:first-child {
    padding: 0 15px 0 0
}

.advertisement__list-item:last-child {
    padding: 0 0 0 15px
}

.advertisement__list-item img {
    max-width: 100%
}

@media (max-width: 767px) {
    .advertisement {
        padding: 0 0 20px
    }

    .advertisement__list-item {
        display: block;
        width: 100%
    }

    .advertisement__list-item:first-child {
        padding: 0 0 20px
    }

    .advertisement__list-item:last-child {
        padding: 0 0 10px
    }
}

.logos {
    padding: 30px 0 30px;
    background: #fff
}

.profile-heading__users-rating {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0
}

.profile-heading__users-rating .users-rating__amount {
    color: #fff
}

.profile-heading__top {
    padding: 30px 0 25px;
    background: #5757ab
}

.profile-heading__top:after {
    content: " ";
    display: block;
    clear: both
}

.profile-heading__info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 328px)
}

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

.profile-heading__btn .btn {
    padding: 12px 22px
}

.profile-heading__right {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 30px 0 0
}

.profile-heading__photo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 19px 0 0
}

.profile-heading__photo-wrap {
    width: 110px;
    height: 110px
}

.profile-heading__photo-wrap img {
    border-radius: 50%;
    max-width: 100%
}

.profile-heading__caption {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 150px)
}

.profile-heading__name {
    display: block;
    padding: 0 0 10px
}

.profile-heading__name-text {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 100px);
    padding: 0 10px 0 0;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -1px
}

.profile-heading__status {
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding-top: 4px
}

.profile-heading__status-last {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 10px 0 0
}

.profile-heading__status-icon {
    padding: 0 4px 0 0
}

.profile-heading__bottom {
    padding: 20px 0 0;
    background: #6363bb
}

.profile-heading__menu {
    max-width: 1170px;
    margin: 0 auto
}

.profile-heading__accord-active {
    display: none;
    height: 64px;
    padding: 23px 0 0 15px;
    color: #c5c4f4;
    font-size: 13px;
    text-transform: uppercase
}

.profile-heading__accord-btn {
    display: none;
    height: 64px;
    padding: 22px 0 0;
    text-align: center;
    background: #6969cb;
    float: right;
    width: 60px
}

.profile-heading__accord-btn .icon-arrow-down {
    width: 20px;
    height: 12px;
    fill: #a0a0e0
}

.profile-heading .user-profile__name {
    color: #ffffff
}

.profile-heading .user-profile__status-inner {
    left: 15px;
    width: 290px;
    padding: 15px 0 0
}

.profile-heading .users-rating__amount {
    color: #ffffff
}

.profile-heading .users-rating__item {
    border-color: #c5c4f4
}

.profile-heading .user-statistic {
    color: #ffffff
}

.profile-heading .user-statistic__text {
    color: #c5c4f4
}

.profile-heading .user-statistic__item {
    border-color: #c5c4f4
}

@media (max-width: 1023px) {
    .profile-heading__top {
        padding: 25px 0
    }

    .profile-heading__info {
        width: calc(100% - 250px)
    }

    .profile-heading__user-menu {
        display: none;
        padding: 0 290px;
        text-align: center;
        background: #5c5cb1
    }

    .profile-heading__accord-active, .profile-heading__accord-btn {
        display: inline-block
    }

    .profile-heading__bottom {
        padding: 0
    }

    .profile-heading .user-menu__item {
        padding: 10px 24px;
        width: 100%
    }

    .profile-heading .user-menu__item:first-child {
        padding: 20px 0 10px
    }

    .profile-heading .user-menu__item:last-child {
        padding: 10px 24px 25px
    }

    .profile-heading .user-menu__link:after {
        bottom: -12px
    }

    .profile-heading .user-menu__link-hide {
        display: none
    }

    .profile-heading .user-menu__link-sub {
        display: none
    }

    .profile-heading .user-menu__link-sub.active {
        display: inline-block
    }

    .profile-heading .user-menu__link-active {
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 767px) {
    .profile-heading__top {
        padding: 25px 0
    }

    .profile-heading__bottom {
        padding: 0
    }

    .profile-heading__users-rating {
        display: block;
        padding: 0 0 20px
    }

    .profile-heading__btn {
        display: block
    }

    .profile-heading__caption {
        width: calc(100% - 95px)
    }

    .profile-heading__photo-wrap {
        width: 70px;
        height: 70px
    }

    .profile-heading__info {
        display: block;
        padding: 0 0 20px;
        width: 100%
    }

    .profile-heading__name-text {
        font-size: 18px;
        line-height: 18px;
        max-width: 100%
    }

    .profile-heading__accord-active, .profile-heading__accord-btn {
        display: inline-block
    }

    .profile-heading__user-menu {
        display: none;
        padding: 0;
        background: #5c5cb1
    }

    .profile-heading .users-rating__item {
        width: 50%
    }

    .profile-heading .users-rating__item--right, .profile-heading .users-rating__item--left {
        max-width: 192px
    }

    .profile-heading .user-profile__user-rating {
        padding: 10px 0 20px
    }

    .profile-heading .user-profile__user-statistic {
        max-width: 384px
    }

    .profile-heading .user-profile__title {
        width: 100%;
        height: 130px
    }

    .profile-heading .user-statistic__item--left, .profile-heading .user-statistic__item--right {
        max-width: 384px
    }

    .profile-heading .user-menu__item {
        padding: 3px 20px
    }

    .profile-heading .user-menu__item:first-child {
        padding: 15px 0 3px
    }

    .profile-heading .user-menu__item:last-child {
        padding: 3px 0 15px
    }

    .profile-heading .user-menu__link:after {
        bottom: 5px
    }
}

.video-link {
    display: block;
    height: 100%;
    position: relative
}

.video-link__btn {
    position: absolute;
    left: calc(50% - 28px);
    top: calc(50% - 20px);
    opacity: .9;
    width: 57px
}

.video-link__btn img {
    max-width: 100%
}

.video-link__btn--sm {
    width: 30px;
    left: calc(50% - 15px);
    top: calc(50% - 14px)
}

.video-link__caption {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: 500;
    text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.25)
}

.video-link:hover .video-link__btn {
    transform: scale(1.05);
    transition: transform .1s linear
}

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

.list-action input[type="file"] + label {
    display: inline-block;
    background: #f7f7fa;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    margin: 0 10px 0 0
}

.list-action__btn {
    display: inline-block;
    background: #f7f7fa;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    font-family: "GothamPro";
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 16px;
    text-align: center;
    border-radius: 4px;
    transition: .2s ease-in-out;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    height: 35px
}

.list-action__btn:hover {
    background: #fafafc;
    color: #848496
}

.list-action__label-input {
    text-transform: none;
    padding: 10px 16px
}

.list-action__btn-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    opacity: 0
}

.list-action__btn-input:hover {
    cursor: pointer
}

.list-action__btn-green {
    display: inline-block;
    background: #fff;
    font-size: 13px;
    line-height: 13px;
    color: #20c082;
    font-family: "GothamPro";
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 16px;
    text-align: center;
    border-radius: 4px;
    transition: .1s ease-in-out;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    height: 35px
}

.list-action__btn-green:hover {
    border: 1px solid #20c082;
    color: #1caa73
}

.list-action__btn-default {
    display: inline-block;
    background: #fff;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    font-family: "GothamPro";
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 16px;
    text-align: center;
    border-radius: 4px;
    transition: .1s ease-in-out;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    height: 35px
}

.list-action__btn-default:hover {
    color: #848496;
    border: 1px solid #999
}

.list-action__btn-chat-v2 {
    display: inline-block;
    padding: 0 0 0 10px
}

.list-action__btn-chat-v2:hover {
    color: #1caa73
}

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

.list-action__list-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 13px
}

.list-action__icon {
    padding: 0 4px 0 0
}

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

.list-action__help {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

@media (max-width: 1023px) {
    .list-action__help {
        margin-left: -4px
    }
}

@media (max-width: 767px) {
    .list-action {
        width: 100%
    }

    .list-action__list {
        width: calc(100% - 50px);
        font-size: 0;
        line-height: 0
    }

    .list-action__list-item {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px 0 0
    }

    .list-action__btn {
        width: 100%;
        height: 100%
    }

    .list-action__help {
        margin-left: -4px
    }

    .list-action__btn-chat-v2 {
        padding: 0 20px 0 10px
    }
}

@media (max-width: 440px) {
    .list-action__list-item {
        padding: 0 0 10px;
        width: 100%
    }

    .list-action__list-item:last-child {
        padding: 0
    }
}

.file-attach {
    background: #fafafc;
    border-radius: 6px;
    padding: 30px 40px 39px;
    border: 1px dashed #d7d7e0;
    text-align: center
}

.file-attach__icon {
    display: block;
    padding: 0 0 5px
}

.file-attach__text {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #bebecc
}

.notes__inner {
    padding: 17px 25px 17px 60px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    border: 1px solid #eaeaf1;
    overflow: hidden
}

.notes__inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #20c082
}

.notes__title {
    display: block;
    padding: 0 0 3px;
    font-weight: 700
}

.notes__icon {
    position: absolute;
    top: 17px;
    left: 25px;
    line-height: 0
}

.notes__icon--cross {
    left: auto;
    right: 25px;
    top: 25px
}

.notes__icon--cross:hover {
    opacity: .6
}

.notes__content {
    width: calc(100% - 40px)
}

.notes--blue .notes__inner:before {
    background: #1693da
}

.notes--blue .icon-info {
    fill: #1693da
}

.notes--blue .notes__label {
    color: #1693da;
    font-weight: 700
}

.notes--green .notes__inner:before {
    background: #20c082
}

.notes--green .icon-info {
    fill: #20c082
}

.notes--green .notes__label {
    color: #20c082;
    font-weight: 700
}

.notes--yellow .notes__inner:before {
    background: #FFB500
}

.notes--yellow .icon-info {
    fill: #FFB500
}

.notes--yellow .notes__label {
    color: #FFB500;
    font-weight: 700
}

.notes--red .notes__inner:before {
    background: #f03726
}

.notes--red .icon-info {
    fill: #f03726
}

.notes--red .notes__label {
    color: #f03726;
    font-weight: 700
}

.overview__notes {
    padding: 0 0 18px
}

.overview__username {
    color: #ffffff;
    width: auto;
    padding: 0 5px 0 0;
    max-width: 250px;
    overflow: hidden;
    display: table-cell;
    text-overflow: ellipsis
}

.overview__username:hover {
    color: #f03726
}

@media (max-width: 767px) {
    .overview__username {
        max-width: 132px
    }
}

.config {
    position: relative
}

.config__link {
    display: block
}

.config__link:hover {
    opacity: .8
}

.config__icon {
    padding: 0 7px 0 0
}

.config [class*='icon-'] {
    fill: #a2a2b2
}

.config__list {
    width: 140px;
    top: 25px;
    right: 0;
    border-top-right: 4px;
    border-top-left: 4px
}

.config__list-item {
    border-bottom: 1px solid #f0f0f5
}

.config__list-item:last-child {
    border: none
}

.config__list-link {
    display: block;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 13px;
    color: #525257
}

.config__list-link:hover {
    background: #f7f7fa
}

.filter__overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: #20202b;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101
}

.filter__overlay-inner {
    padding: 200px 0 0;
    display: block
}

.filter__list {
    display: none;
    padding: 41px 25px 34px;
    background: #565669;
    border-radius: 4px;
    color: #b9b9cb;
    margin: 20px 0 0;
    position: relative
}

.filter__list:before {
    content: '';
    position: absolute;
    top: -5px;
    right: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 5px 6.5px;
    border-color: transparent transparent #565669 transparent
}

@media (max-width: 767px) {
    .filter__list:before {
        display: none
    }
}

.filter__list-top {
    padding: 0 0 6px
}

.filter__list-top:after {
    content: " ";
    display: block;
    clear: both
}

.filter__list input + label:after {
    border-color: #fff
}

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

.filter__btn {
    float: right;
    margin: 10px 0 0
}

.filter__input-amount {
    display: inline-block;
    vertical-align: middle;
    width: 350px;
    padding: 0 0 0 100px
}

.filter__input-amount label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0
}

.filter__input-amount input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 107px)
}

.filter__selects-row {
    padding: 0 0 14px;
    margin: 0 -25px;
    font-size: 0
}

.filter__selects-item {
    display: inline-block;
    width: 33.33%;
    padding: 0 25px 0 25px
}

.filter__selects-title {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
    width: 108px;
    overflow: hidden;
    font-size: 13px
}

.filter__selects-select {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 108px)
}

.filter__selects .select {
    width: 100% !important
}

.filter__selects .select.platform ul li {
    display: inline-block;
    padding: 0 15px 0 0;
    vertical-align: middle
}

.filter__selects .select.platform ul li svg {
    width: 24px;
    height: 23px
}

.filter__selects .select.platform ul li svg:hover, .filter__selects .select.platform ul li svg.active {
    fill: #f03726
}

.filter__selects .select.platform ul li span {
    font-size: 14px;
    font-weight: 500;
    color: #737387;
    vertical-align: bottom;
    margin: 3px 0 0;
    display: block
}

.filter__selects .select.platform ul li span:hover, .filter__selects .select.platform ul li span.active {
    color: #f03726
}

.filter__selects .select.platform ul li span img {
    width: 24px;
    height: 24px;
    margin: 3px 0 0 3px
}

.filter__selects .select.platform ul li span.android, .filter__selects .select.platform ul li span.apple {
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff
}

.filter__selects .select.platform ul li span.android.hide, .filter__selects .select.platform ul li span.apple.hide {
    display: none
}

.filter__selects .select.platform ul li span.android:hover, .filter__selects .select.platform ul li span.apple:hover {
    border-radius: 50%;
    border: 1px solid #f03726
}

.filter__selects .select.platform ul li span.android-h, .filter__selects .select.platform ul li span.apple-h {
    display: none
}

.filter__selects .select.platform ul li span.android-h.active, .filter__selects .select.platform ul li span.apple-h.active {
    display: block
}

.filter__selects .select.platform ul li span.android-h.active.android, .filter__selects .select.platform ul li span.apple-h.active.android {
    display: none
}

.filter__text-field {
    background: #fff;
    border: 1px solid #d7d7e0;
    border-radius: 4px;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 108px)
}

@media (max-width: 850px) {
    .filter__selects-item {
        width: 100%;
        padding: 0 0 10px
    }

    .filter__selects-row {
        margin: 0
    }

    .filter__input-amount {
        padding: 20px 0 20px;
        width: 100%;
        display: block
    }

    .filter__btn {
        float: none;
        display: block;
        text-align: center;
        padding: 20px 0 0
    }

    .filter__btn .btn {
        display: block
    }
}

.backto {
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px 0 0
}

.backto__link {
    text-transform: uppercase;
    font-weight: 700;
    color: #9292a2
}

.backto__icon {
    padding: 0 10px 0 0
}

.pvm-heading {
    max-width: 800px;
    margin: 15% auto
}

.pvm-heading_left {
    display: flex;
    width: 50%;
    align-content: center;
    justify-content: center;
    margin: auto;
    float: left
}

.pvm-heading_right {
    display: flex;
    width: 50%;
    align-content: center;
    text-align: center;
    line-height: 170%;
    justify-content: center;
    float: right
}

.img {
    width: 190px;
    height: auto
}

.form__error .form__error-text {
    color: #f03726;
    font-size: 12px;
    margin-top: 6px;
    line-height: 14px
}

.form__error .form__error-text ul {
    list-style: outside disc none;
    margin-left: 14px
}

.form__error .form__error-text ul li {
    margin-bottom: 4px
}

.form__error .form__error-text-quantity {
    width: 150px;
    color: #f03726;
    font-size: 12px;
    margin-top: 6px;
    line-height: 14px
}

@media (max-width: 767px) {
    .form__error .form__error-text-quantity {
        width: 100%
    }
}

.form__error .select2--select + .select2-container .select2-selection {
    border: 1px solid #f03726;
    box-shadow: none
}

.form__error input[type="text"], .form__error input[type="password"], .form__error input[type="email"], .form__error input[type="tel"], .form__error input[type="search"], .form__error textarea, .form__error select, .form__error .input {
    border: 1px solid #f03726;
    box-shadow: none
}

.form__error .fake-input {
    border: 1px solid #f03726
}

.form__error .fake-input input[type="text"], .form__error .fake-input input[type="password"], .form__error .fake-input input[type="email"], .form__error .fake-input input[type="tel"], .form__error .fake-input input[type="search"], .form__error .fake-input textarea, .form__error .fake-input select, .form__error .fake-input .input {
    border: none
}

.affiliate {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.affiliate__heading {
    padding: 28px 40px;
    border-bottom: 1px solid #efeff4
}

@media (max-width: 767px) {
    .affiliate__heading {
        padding: 28px 20px
    }
}

.affiliate-content {
    padding: 28px 40px 50px
}

@media (max-width: 767px) {
    .affiliate-content {
        padding: 28px 20px 30px
    }
}

.affiliate-content__heading {
    font-family: 'bebas_neue';
    font-size: 24px;
    margin-bottom: 16px;
    color: #9292a2;
    letter-spacing: 0.03em
}

.affiliate-content__description {
    font-size: 12px;
    margin-bottom: 26px
}

.affiliate__create-reflink {
    padding: 28px 40px;
    background: #f7f7fa;
    display: block
}

@media (max-width: 767px) {
    .affiliate__create-reflink {
        padding: 28px 20px
    }
}

.affiliate__create-reflink__left {
    display: inline-block;
    padding-right: 30px;
    width: 50%
}

@media (max-width: 1023px) {
    .affiliate__create-reflink__left {
        display: block;
        padding-right: 0;
        width: 100%;
        text-align: center
    }
}

@media (max-width: 767px) {
    .affiliate__create-reflink__left {
        padding-right: 0
    }
}

.affiliate__create-reflink__right {
    float: right;
    width: 50%;
    text-align: right
}

@media (max-width: 1023px) {
    .affiliate__create-reflink__right {
        float: none;
        margin-top: 20px;
        display: block;
        text-align: right;
        text-align: center;
        width: 100%
    }
}

@media (max-width: 767px) {
    .affiliate__create-reflink__right {
        float: none;
        margin-top: 20px
    }
}

.affiliate__create-reflink__heading {
    font-family: 'bebas_neue';
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: 0.03em;
    line-height: 26px
}

.affiliate__create-reflink__description {
    font-size: 12px
}

.affiliate__members {
    padding: 28px 40px;
    background: #eeeef4
}

@media (max-width: 767px) {
    .affiliate__members {
        padding: 20px 20px
    }
}

.affiliate__members__heading {
    font-family: 'bebas_neue';
    font-size: 24px;
    letter-spacing: 0.03em;
    display: inline-block;
    padding-right: 30px
}

.affiliate__members__faq {
    float: right
}

@media (max-width: 767px) {
    .affiliate__members__faq {
        float: none;
        display: block;
        margin-top: 10px
    }
}

.affiliate__tab-header ul {
    background-color: #f7f7fa;
    padding: 0 40px
}

@media (max-width: 767px) {
    .affiliate__tab-header ul {
        padding: 0
    }
}

.affiliate__tab-header ul:before, .affiliate__tab-header ul:after {
    display: table;
    content: " "
}

.affiliate__tab-header ul:after {
    clear: both
}

.affiliate__tab-header ul li {
    float: left;
    text-align: center
}

@media (max-width: 767px) {
    .affiliate__tab-header ul li {
        width: 50%
    }
}

.affiliate__tab-header ul li a {
    padding: 20px;
    display: block;
    text-transform: uppercase;
    color: #525257
}

.affiliate__tab-header ul li.active {
    background-color: #ffffff;
    border-bottom: 2px solid #F03726
}

.affiliate__tab-content {
    display: block;
    padding: 30px 40px
}

@media (max-width: 767px) {
    .affiliate__tab-content {
        padding: 30px 12px
    }
}

.affiliate-container .notes {
    margin-bottom: 20px
}

.affiliate-container .notes .icon-circled-info {
    width: 20px;
    height: 18px;
    fill: #1693da
}

.affiliate-container .notes__label {
    padding-right: 10px
}

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

@media (max-width: 767px) {
    .affiliate-container .responsive-table {
        border: 1px solid #efeff4
    }

    .affiliate-container .responsive-table th {
        display: none
    }

    .affiliate-container .responsive-table thead tr {
        display: none;
        padding: 0
    }

    .affiliate-container .responsive-table tr {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #efeff4;
        position: relative
    }

    .affiliate-container .responsive-table tr:last-child {
        border-bottom: none
    }

    .affiliate-container .responsive-table tr:nth-child(2n+2) {
        background: #fafafc
    }

    .affiliate-container .responsive-table tr:hover {
        background: transparent
    }

    .affiliate-container .responsive-table tr:nth-child(2n+2):hover {
        background: #fafafc
    }

    .affiliate-container .responsive-table td {
        display: block;
        padding: 10px 20px
    }

    .affiliate-container .responsive-table td:after {
        display: none
    }

    .affiliate-container .responsive-table td:before {
        content: attr(data-th);
        font-size: 11px;
        line-height: 11px;
        font-weight: 400;
        color: #9292a2;
        text-transform: uppercase;
        display: inline-block;
        width: 100px
    }
}

@media (max-width: 1023px) {
    .affiliate-container .responsive-table {
        border: 1px solid #efeff4
    }

    .affiliate-container .responsive-table th {
        display: none
    }

    .affiliate-container .responsive-table thead tr {
        display: none;
        padding: 0
    }

    .affiliate-container .responsive-table tr {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #efeff4;
        position: relative
    }

    .affiliate-container .responsive-table tr:last-child {
        border-bottom: none
    }

    .affiliate-container .responsive-table tr:nth-child(2n+2) {
        background: #fafafc
    }

    .affiliate-container .responsive-table tr:hover {
        background: transparent
    }

    .affiliate-container .responsive-table tr:nth-child(2n+2):hover {
        background: #fafafc
    }

    .affiliate-container .responsive-table td {
        display: block;
        padding: 10px 20px
    }

    .affiliate-container .responsive-table td:after {
        display: none
    }

    .affiliate-container .responsive-table td:before {
        content: attr(data-th);
        font-size: 11px;
        line-height: 11px;
        font-weight: 400;
        color: #9292a2;
        text-transform: uppercase;
        display: inline-block;
        width: 100px
    }
}

.reward-feed__filter-top {
    padding: 30px 20px 20px;
    background: #eeeef4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.reward-feed__filter-bottom {
    padding: 30px 20px;
    background: #f7f7fa;
    color: #9292a2;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

@media (max-width: 767px) {
    .reward-feed__filter-bottom {
        padding: 20px
    }
}

.reward-feed__filter-by {
    margin-bottom: 20px
}

.reward-feed__filter-by .select {
    display: inline-block;
    margin: 0 10px;
    width: 160px
}

@media (max-width: 767px) {
    .reward-feed__filter-by .select {
        width: 100%;
        margin: 0 0 4px
    }
}

.reward-feed__filter-title {
    font-family: 'bebas_neue';
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: 0.03em
}

.reward-feed__filter-description {
    font-size: 12px;
    color: #9292a2
}

.reward-feed-result {
    margin-top: 30px
}

.reward-feed-result__table-cell__no-result {
    text-align: center;
    border-bottom: 1px solid #efeff4
}

@media (max-width: 1023px) {
    .reward-feed-result__table-cell__no-result {
        border-top: 1px solid #efeff4
    }
}

@media (max-width: 767px) {
    .reward-feed-result__table-cell__no-result {
        border-top: 1px solid #efeff4
    }
}

.reward-feed-result__table-cell__no-result span {
    font-size: 18px;
    color: #9292a2
}

.reward-feed-result__table tr:last-child td {
    border-bottom: 1px solid #efeff4
}

@media (max-width: 767px) {
    .reward-feed-result__table tr:last-child td {
        border-bottom: 1px solid transparent
    }
}

@media (max-width: 1023px) {
    .reward-feed-result__table tr:last-child td {
        border-bottom: 1px solid transparent
    }
}

.reflink__filter {
    margin-top: 20px
}

.reflink__filter-top {
    padding: 30px 20px 20px;
    background: #eeeef4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.reflink__filter-bottom {
    padding: 30px 20px;
    background: #f7f7fa;
    color: #9292a2;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

@media (max-width: 767px) {
    .reflink__filter-bottom {
        padding: 20px
    }
}

.reflink__filter-by {
    display: inline-block
}

@media (max-width: 767px) {
    .reflink__filter-by {
        display: block
    }
}

.reflink__filter-by .select {
    display: inline-block;
    margin: 0 10px;
    width: 160px
}

@media (max-width: 767px) {
    .reflink__filter-by .select {
        width: 100%;
        margin: 0 0 4px
    }
}

.reflink__sort-by {
    float: right;
    margin-top: 10px
}

@media (max-width: 767px) {
    .reflink__sort-by {
        float: none;
        margin-top: 20px
    }
}

.reflink-result {
    margin-top: 30px
}

.reflink-result__table-cell__no-result {
    text-align: center;
    border-bottom: 1px solid #efeff4
}

@media (max-width: 1023px) {
    .reflink-result__table-cell__no-result {
        border-top: 1px solid #efeff4
    }
}

@media (max-width: 767px) {
    .reflink-result__table-cell__no-result {
        border-top: 1px solid #efeff4
    }
}

.reflink-result__table-cell__no-result span {
    font-size: 18px;
    color: #9292a2
}

.reflink-result__table-actions-list {
    display: block;
    padding-right: 20px;
    text-align: right
}

@media (max-width: 1023px) {
    .reflink-result__table-actions-list {
        float: left;
        text-align: left
    }
}

@media (max-width: 767px) {
    .reflink-result__table-actions-list {
        float: left;
        text-align: left
    }
}

.reflink-result__table-actions-list-link {
    margin: 0 4px
}

.reflink-result__table-actions-list-link [class*="icon-"] {
    width: 18px;
    height: 18px;
    fill: #f03726
}

.create-reflink__form {
    padding: 20px
}

.create-reflink__step {
    border-bottom: 1px solid #efeff4;
    margin-bottom: 30px
}

.create-reflink__step-title {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500
}

.create-reflink__step-desc {
    margin-bottom: 4px;
    font-size: 11px;
    color: #9292a2
}

.create-reflink__step-field {
    margin: 20px 0 30px
}

.create-reflink__step-field span {
    display: inline-block;
    font-size: 18px;
    color: green;
    padding-right: 10px
}

.create-reflink__step-field input {
    display: inline-block;
    width: calc(100% - 170px)
}

@media (max-width: 767px) {
    .create-reflink__step-field input {
        width: 100%;
        margin-top: 10px
    }
}

.create-reflink__step.step-2 input {
    width: 100%
}

.create-reflink__recommended-links {
    margin: 20px 0
}

.create-reflink__recommended-links-label {
    font-size: 11px
}

.create-reflink__recommended-links-lists {
    margin-top: 10px
}

.create-reflink__recommended-links-lists li {
    margin: 10px 0
}

.create-reflink__recommended-links-lists li a {
    color: #f03726;
    font-size: 11px;
    font-weight: 500
}

.create-reflink__bulk {
    padding-bottom: 20px;
    text-align: right
}

.share-reflink-top {
    padding: 20px;
    border-bottom: 1px solid #efeff4
}

.share-reflink-bottom {
    padding: 20px
}

.share-reflink-bottom__title {
    font-size: 16px
}

.share-reflink__title, .share-reflink__link {
    margin-bottom: 10px
}

.share-reflink__title-title, .share-reflink__link-title {
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
    color: #525257
}

.share-reflink__title-value, .share-reflink__link-value {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    word-break: break-all
}

.share-reflink__title-value {
    color: #f03726
}

.create {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 750px;
    padding: 32px 0 0
}

.create__heading {
    padding: 0 15px 33px 40px;
    border-bottom: 1px solid #efeff4
}

.create__title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 376px);
    float: left
}

.create__item {
    padding: 50px 40px 50px;
    border-bottom: 1px solid #efeff4
}

.create__item-heading {
    padding: 0 0 49px
}

.create__item-heading--settings {
    padding: 0 0 38px
}

.create__item-heading--settings .create__item-heading-top {
    padding: 0 0 15px
}

.create__item-heading-top {
    display: block;
    padding: 0 0 30px
}

.create__item-heading.skins-csgo {
    padding: 0 0 10px
}

.create__item-title {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px 0 0;
    letter-spacing: .6px
}

.create__item-text {
    width: 511px;
    padding: 0 0 0 60px
}

.create__item.skins-csgo {
    background: #78788c;
    color: #ffffff;
    border-bottom: none
}

.create__item.skins-csgo .fake-input input {
    position: relative;
    width: calc(100% - 80px)
}

.create__item.skins-csgo .fake-input .btn-trade {
    padding: 0 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 100;
    background: #20c082;
    font-size: 16px;
    height: 40px;
    display: block;
    border-radius: 3px;
    color: #ffffff
}

.create__item.skins-csgo .fake-input .btn-trade:hover {
    background: #269469
}

.create__item.skins-csgo h3 {
    color: #ffffff
}

.create__item.skins-csgo .create__item-heading {
    padding: 0 0 20px
}

.create__item.skins-csgo .create__form-field label {
    color: #c4c4ce
}

.create__item.skins-csgo .create__num {
    border-color: #c4c4ce
}

.create__item.skins-csgo .create__num-inner {
    color: #c4c4ce
}

.create__item.skins-csgo .icon-search {
    fill: #666666
}

.create__item.skins-csgo .create__selected-ham-item:first-child {
    padding: 0 0 40px
}

.create__item.skins-csgo .create__selected-ham-item:first-child .create__inv-item-icon {
    right: 20px;
    top: 15px
}

.create__item.skins-csgo .create__selected-ham-item .create__selected-item.error .create__inv-item-icon {
    top: 45px
}

.create__num {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px 3px;
    margin: 0 17px 0 0;
    border: 1px solid #898997;
    border-radius: 50%
}

.create__num-inner {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    color: #898997
}

.create__content {
    padding: 0 0 0 60px
}

.create__content-info {
    padding: 0 0 28px;
    display: block
}

.create__content-disc {
    color: #c4c4ce;
    font-size: 11px;
    padding: 7px 0 0;
    display: block
}

.create__content-disc strong {
    text-transform: uppercase
}

.create__content-upload {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: normal;
    color: #47525d;
    background-color: #fff;
    margin: 0;
    width: 560px
}

.create__content-upload .upload-img__foot {
    padding: 10px 0 0
}

.create__content-upload .upload-img__foot-msg {
    padding: 10px 0
}

.create__user {
    margin: 15px 0 0;
    padding: 12px 13px;
    width: 100%;
    max-width: 470px;
    background: #efeff4;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    color: #525257
}

.create__user-name {
    display: inline-block;
    text-transform: none;
    color: #0066cc;
    font-size: 14px
}

.create__inv {
    padding: 30px 0 30px 60px
}

.create__inv-search {
    max-width: 548px;
    display: block;
    padding: 0 0 15px
}

.create__inv-search .fake-input {
    background: #78788c
}

.create__inv-search .fake-input input {
    color: #d7d7e0
}

.create__inv-search .fake-input input:focus {
    background: #78788c;
    color: #d7d7e0
}

.create__inv-search .fake-input .icon-search {
    fill: #b0b0b6
}

.create__inv-inner ul {
    overflow: hidden;
    overflow-y: auto;
    max-height: 370px;
    max-width: 548px;
    display: block
}

.create__inv-item {
    display: inline-block;
    max-width: 126px;
    width: calc(100% - 407px);
    height: 166px;
    background: #efeff4;
    border-radius: 4px;
    margin: 0 3px 12px 0;
    position: relative;
    color: #525257;
    text-align: center;
    border: 2px solid #efeff4
}

.create__inv-item.exist {
    background: #686879;
    border: 2px solid #686879
}

.create__inv-item.exist .create__inv-item-info {
    background: #686879;
    color: #c4c4ce;
    border-top: 1px solid #7a7a7f
}

.create__inv-item.exist .create__inv-item-icon svg {
    fill: #c4c4ce
}

.create__inv-item.exist:hover {
    border: 2px solid rgba(0, 0, 0, 0.73)
}

.create__inv-item.exist:hover .create__inv-item-overlay {
    display: block
}

.create__inv-item-link {
    z-index: 100
}

.create__inv-item-overlay {
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 150;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.73);
    display: none;
    height: 100%
}

.create__inv-item-overlay-action {
    position: absolute;
    color: #ffffff;
    left: 33px;
    top: 58px;
    text-align: center;
    text-transform: uppercase
}

.create__inv-item:hover {
    background: #ffffff;
    transition: all .3s ease-in-out
}

.create__inv-item:hover .create__inv-item-icon svg {
    fill: #20c082;
    transition: all .3s ease-in-out
}

.create__inv-item:hover .create__inv-item-info {
    background-color: #ffffff;
    transition: all .3s ease-in-out
}

.create__inv-item:active {
    background: #ffffff;
    border: 2px solid #20c082
}

.create__inv-item:active .create__inv-item-icon svg {
    fill: #20c082;
    transition: all .3s ease-in-out
}

.create__inv-item:active .create__inv-item-info {
    background-color: #ffffff;
    transition: all .3s ease-in-out
}

.create__inv-item.active {
    background: #ffffff;
    border: 2px solid #20c082
}

.create__inv-item.active .create__inv-item-icon svg {
    fill: #20c082;
    transition: all .3s ease-in-out
}

.create__inv-item.active .create__inv-item-info {
    background-color: #ffffff;
    transition: all .3s ease-in-out
}

.create__inv-item-icon {
    position: absolute;
    z-index: 101;
    right: 5px;
    top: 3px
}

.create__inv-item-icon.hide {
    display: none
}

.create__inv-item-inv {
    position: absolute;
    z-index: 101;
    left: 5px;
    top: 4px
}

.create__inv-item-inv svg {
    fill: #c4c4ce
}

.create__inv-item-inv svg:hover {
    fill: #000000;
    transition: all .3s ease-in-out
}

.create__inv-item-img img {
    width: 100%;
    height: 90px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 3px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.create__inv-item-info {
    border-top: 1px solid #d1d1de;
    color: #525257;
    position: absolute;
    z-index: 101;
    right: 0px;
    bottom: 13px;
    padding: 7px 3px 0;
    font-size: 11px;
    line-height: 15px;
    width: 100%;
    height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(239, 239, 244, 0.8)
}

.create__inv-item-price {
    display: block;
    font-size: 12px;
    color: #20c082;
    text-align: center;
    z-index: 101;
    position: absolute;
    width: 100%;
    padding: 5px 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.create__selected-ham-item:first-child .create__selected-ham-content {
    display: block
}

.create__selected-ham-item:first-child .create__selected-ham-link {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.create__selected-ham-item .create__selected-ham-content {
    display: block
}

.create__selected-ham-item .create__selected-ham-link {
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.create__selected-ham-item.complete .create__selected-ham-link {
    background: #20c082
}

.create__selected-ham-item.complete .create__selected-ham-link .icon-plus, .create__selected-ham-item.complete .create__selected-ham-link .icon-minus {
    fill: #ffffff
}

.create__selected-ham-item.complete .create__selected-ham-content {
    border-left: 1px solid #20c082;
    border-right: 1px solid #20c082;
    border-bottom: 1px solid #20c082
}

.create__selected-ham-more {
    width: 100%;
    margin: 15px 0 0
}

.create__selected-ham-more.btn {
    background: #686879
}

.create__selected-ham-more.btn:hover {
    opacity: .8
}

.create__selected-ham-link {
    display: block;
    padding: 17px 22px 13px;
    background: #686879;
    border-bottom: 1px solid #5e5e6f
}

.create__selected-ham-link .icon-minus {
    display: none
}

.create__selected-ham-link.active .icon-plus {
    display: none
}

.create__selected-ham-link.active .icon-minus {
    display: inline-block
}

.create__selected-ham-link-btn {
    float: right
}

.create__selected-ham-link-title {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: #ffffff
}

.create__selected-ham-link:after {
    content: " ";
    display: block;
    clear: both
}

.create__selected-ham-content {
    display: none
}

.create__selected-ham-content .create__inv-item-img img {
    height: 95px
}

.create__selected-ham-info {
    padding: 20px 36px 10px
}

.create__selected-item {
    position: relative;
    border: 1px solid #686879;
    border-radius: 4px;
    background: #717186;
    padding: 40px 0 60px 60px;
    margin: 20px 0 0
}

.create__selected-item-inner {
    padding: 15px 0 0
}

.create__selected-item:first-child {
    margin: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.create__selected-item.error {
    border: 1px solid #f03726;
    position: relative;
    padding: 70px 0 60px 60px
}

@media (max-width: 767px) {
    .create__selected-item.error {
        padding: 60px 10px 45px
    }
}

.create__selected-item-error {
    width: 100%;
    height: auto;
    background: #f03726;
    display: block;
    position: absolute;
    padding: 6px 10px 2px;
    top: 0;
    left: 0
}

.create__selected-item-error svg {
    fill: #ffffff;
    width: 15px;
    height: 15px
}

.create__selected-item-error span {
    color: #ffffff;
    font-size: 12px;
    vertical-align: top;
    padding: 0 0 0 5px
}

.create__selected-item-count {
    color: #c4c4ce
}

.create__selected-item-img .create__inv-item {
    width: 100%
}

.create__selected-item-info {
    display: inline-block;
    vertical-align: top;
    max-width: 415px;
    padding: 0 0 0 20px
}

.create__selected-item-info .create__form-field-item:first-child {
    width: 150px
}

.create__selected-item-info .create__form-field-item:last-child {
    width: 240px
}

.create__selected-item-duration .create__input-title--insuarence {
    padding: 10px 0 20px;
    color: #c4c4ce
}

.create__selected-item-duration .create__form-field .create__input-radio label {
    color: #ffffff
}

.create__selected-item-duration .create__form-field .create__input-radio label:before {
    border-color: #5e5e6f
}

.create__selected-item-duration .create__form-field .create__input-radio label:after {
    background-color: #ffffff
}

.create__selected-item-eta {
    padding: 30px 0 0
}

.create__selected-item-eta-inner label {
    color: #c4c4ce
}

.create__selected-item-eta-inner .create__action-eta {
    padding: 5px 5px 0 10px;
    border: 1px dotted #c4c4ce;
    border-radius: 4px
}

.create__selected-item-eta-inner .create__action-eta .form__error-text {
    max-width: 185px
}

.create__selected-item-eta-inner .create__form-eta, .create__selected-item-eta-inner .create__form-eta-offline {
    width: unset;
    padding: 15px 0 25px;
    height: 125px
}

.create__selected-item-eta-inner .create__form-eta label, .create__selected-item-eta-inner .create__form-eta-offline label {
    color: #ffffff
}

.create__selected-item-eta-inner .create__form-field-item:last-child {
    width: 185px;
    padding: 0
}

.create__selected-item-eta-inner .create__form-field-item:first-child {
    width: 185px
}

.create__selected-item-eta-inner .create__form-eta {
    border-bottom: none
}

.create__selected-item-eta-inner .create__form-eta-offline:last-child {
    padding: 15px 0 25px
}

.create__selected-sprice {
    padding: 10px 0 0;
    float: right
}

.create__selected-sprice-label {
    color: #d4d4db;
    vertical-align: top
}

.create__selected-sprice-amount {
    vertical-align: top
}

.create__form-field {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 470px;
    padding: 0 0 25px;
    font-size: 0;
    line-height: 0
}

.create__form-field label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.create__form-field:last-child {
    padding: 0
}

.create__form-field-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px
}

.create__form-field-item:first-child {
    padding: 0 10px 0 0
}

.create__form-field-item:last-child {
    padding: 0 0 0 10px
}

.create__form-field--wth-pad {
    padding: 0
}

.create__form-eta {
    display: inline-block;
    vertical-align: middle;
    width: 460px;
    padding: 15px 0 25px;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px dashed #d7d7e0
}

.create__form-eta label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.create__form-eta:last-child {
    padding: 0
}

.create__form-eta-offline {
    display: inline-block;
    vertical-align: middle;
    width: 460px;
    padding: 0 0 25px;
    font-size: 0;
    line-height: 0;
    border-bottom: none
}

.create__form-eta-offline label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.create__form-eta-offline:last-child {
    padding: 25px 0 30px
}

@media (max-width: 767px) {
    .create__form-eta-offline {
        width: 100%
    }
}

@media (max-width: 767px) {
    .create__form-eta {
        width: 100%;
        max-width: none
    }
}

.create__form-note {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 487px);
    font-size: 11px;
    line-height: 14px;
    color: #bebecc;
    padding: 0 0 0 20px
}

.create__input-title {
    display: block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.create__input-title--insuarence {
    display: block;
    padding: 0 0 30px
}

.create__input-radio {
    display: inline-block;
    vertical-align: middle;
    padding: 0 44px 15px 0
}

.create__input-radio:last-child {
    padding: 0 0 15px
}

.create__input-radio input + label {
    text-transform: none;
    font-size: 11px;
    line-height: 11px;
    color: #525257
}

.create__input-radio-group {
    display: block
}

.create__input-radio-group .form__error-text {
    margin-top: 12px
}

.create__input {
    display: block;
    margin: 0 0 20px
}

.create__input:last-child {
    margin: 0
}

.create__action {
    padding: 40px 100px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.create__action.skins {
    background: #686879
}

.create__action.skins label {
    color: #d4d4db
}

.create__action-agreement {
    padding: 0 0 30px
}

.create__action-agreement label {
    color: #63636a
}

.create__action-agreement .form__error-text {
    margin-top: 12px;
    color: #f03726;
    line-height: 14px
}

.create__action-subscribe {
    padding: 0 0 30px
}

.create__action-subscribe label {
    color: #63636a
}

.create__action-subscribe .form__error-text {
    margin-top: 12px;
    color: #f03726;
    line-height: 14px
}

.create__action-btn .btn--green {
    width: auto !important;
    padding: 12px 20px !important
}

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

.create__action-duration {
    padding: 0 20px 20px 10px;
    display: inline-block;
    width: 200px
}

.create__action-duration-group {
    display: block
}

.create__action-duration-group .form__error-text {
    padding-left: 10px
}

.create__action-delivery {
    padding: 0 0 20px;
    border-bottom: 1px solid #f1f1f1
}

.create__action-eta {
    padding: 30px 0 0
}

.create__action-eta-heading--top {
    display: block;
    padding: 0 0 38px
}

.create__action-eta-heading--title {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px 0 0;
    letter-spacing: .6px
}

.create__btn {
    padding: 12px 40px
}

.create__btn--white {
    border: 1px solid #c8c8d0;
    color: #9292a2;
    margin: 0 0 0 10px
}

.create__btn--white:hover, .create__btn--white:active {
    background: #fff;
    color: #76768b;
    border-color: #adadb9
}

.create__btn-add {
    text-align: center;
    vertical-align: top;
    font-weight: 700;
    font-family: 'bebas_neue';
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 18px;
    padding: 0 4px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    position: relative;
    transition: all .3s ease-in-out;
    display: inline-block;
    width: 100%;
    background: #759301
}

.create__btn-add span {
    font-family: "GothamPro", Verdana;
    font-size: 13px;
    vertical-align: top;
    padding: 22px 0 0;
    display: inline-block
}

.create__btn-add img {
    float: left
}

@media (max-width: 767px) {
    .create__btn-add span {
        display: block;
        padding: 10px 0
    }

    .create__btn-add img {
        float: none
    }
}

.create__btn-more {
    background: #525260
}

.create__btn-more:hover {
    background: #454552;
    text-decoration: none !important
}

.create__btn.btn {
    width: 48%;
    padding: 12px 0
}

.create__btn.btn--transparent {
    border: 1px solid #78788c;
    background: transparent;
    color: #78788c;
    font-family: 'bebas_neue';
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 0
}

.create__btn.btn--green {
    color: #ffffff;
    float: right
}

.create__select-game {
    display: block;
    padding: 0 0 20px
}

.create__select-game-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 9px 0 0
}

.create__select-game-icon [class*="icon-"] {
    fill: #fff
}

.create__game-description {
    margin: 0 0 0 -60px;
    padding: 0 0 50px
}

.create__game-description-inner {
    padding: 38px 150px 40px 61px;
    background: #fbfafc;
    border: 1px solid #eeeef5;
    position: relative
}

.create__game-description .create__form-field {
    padding: 0 0 20px
}

.create__game-description textarea {
    height: 88px
}

.create__game-description-title {
    display: block;
    padding: 0 0 30px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700
}

.create__game-description-close {
    position: absolute;
    top: 33px;
    right: 28px
}

.create__game-description-close:hover {
    opacity: .6
}

.create__game-description-form {
    padding: 0 0 8px
}

.create__notes {
    padding-bottom: 20px;
    width: 750px;
    margin: 0 auto
}

.create__sub-notes {
    width: 460px;
    padding-bottom: 20px
}

.create-confirm__content {
    padding: 32px 40px 37px;
    background: #ffffff
}

.create-confirm__content-list {
    padding: 20px 36px 0
}

.create-confirm__content-list ul {
    display: block
}

.create-confirm__content-list ul .create__inv-item {
    margin: 0 10px 20px
}

.create-confirm__content-list ul .create__inv-item.success {
    background: #ffffff;
    border: 2px solid #20c082;
    height: 200px
}

.create-confirm__content-list ul .create__inv-item.success svg {
    fill: #ffffff
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-info {
    bottom: 30px
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-price {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: 'bebas_neue';
    letter-spacing: 1px;
    font-size: 14px
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-img img {
    top: 22px
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-action {
    position: absolute;
    z-index: 101;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 30px;
    background-color: #20c082
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-action a {
    display: inline-block;
    height: 100%;
    width: 46%;
    text-align: center;
    color: #ffffff;
    padding: 6px 0 0
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-action a:hover {
    background-color: #1EB479
}

@media (max-width: 767px) {
    .create-confirm__content-list ul .create__inv-item.success .create__inv-item-action a {
        width: 45%
    }
}

.create-confirm__content-list ul .create__inv-item.success .create__inv-item-action span {
    background-color: #1EB479;
    width: 1px;
    display: inline-block
}

.create-confirm__content-list ul .create__inv-item.failed {
    background: #ffffff;
    border: 1px solid #f03726;
    margin: 0 20px 65px 0
}

.create-confirm__content-list ul .create__inv-item.failed svg {
    fill: #f03726
}

.create-confirm__content-list ul .create__inv-item.failed .create__inv-item-info {
    padding: 7px 1px 0
}

.create-confirm__content-list ul .create__inv-item.failed .create__inv-item ul {
    list-style: outside disc none
}

.create-confirm__content-list ul .create__inv-item.failed .create__inv-item-error {
    position: absolute;
    height: auto;
    bottom: -40px;
    max-height: 35px;
    list-style: outside disc none;
    margin-left: 10px
}

.create-confirm__content-list ul .create__inv-item.failed .create__inv-item-error-item {
    padding: 5px 0 0;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    color: #f03726
}

.create-confirm__content-list ul .create__inv-item.failed .create__inv-item-error-item.hide {
    display: none
}

.create-confirm__content-list ul .create__inv-item.exist {
    background: #ffffff;
    border: 1px solid #1693da;
    height: 188px
}

.create-confirm__content-list ul .create__inv-item.exist svg {
    fill: #1693da
}

.create-confirm__content-list ul .create__inv-item.exist .create__inv-item-info {
    bottom: 35px;
    padding: 7px 1px 0
}

.create-confirm__content-list ul .create__inv-item.exist .create__inv-item-price {
    bottom: 0px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: 'bebas_neue';
    letter-spacing: 1px;
    font-size: 14px;
    background: #1693da
}

.create-confirm__content-list ul .create__inv-item-info {
    background-color: #ffffff
}

.create-confirm__content-date {
    padding: 0 0 20px;
    color: #9292a2
}

.create-confirm__content-date-label {
    color: #525257
}

.create-confirm__content h2 {
    font-family: "GothamPro", Verdana;
    font-weight: 100;
    font-size: 26px;
    padding: 0 0 10px;
    border-bottom: 1px solid #efeff4
}

.create-confirm__icon {
    width: 20px;
    height: 20px;
    fill: #c4c4ce;
    margin: 0 5px 0
}

.create-confirm__icon.success {
    fill: #20c082
}

.create-confirm__icon.failed {
    fill: #f03726
}

.create-confirm__icon.exist {
    fill: #1693da
}

@media (max-width: 1023px) {
    .create {
        width: 720px
    }

    .create__notes {
        width: 720px
    }

    .create__action {
        padding: 50px 100px 0 100px
    }

    .create__action.skins {
        padding: 50px 100px
    }

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

@media (max-width: 767px) {
    .create {
        width: 100%;
        padding: 20px 0 0
    }

    .create-confirm__content-list ul li {
        max-width: 138px;
        width: 100%
    }

    .create-confirm__content-list ul .create__inv-item.success {
        max-width: 138px;
        width: calc(100% - 185px);
        min-width: 107px;
        height: 185px;
        margin: 0 3px 20px
    }

    .create-confirm__content-list ul .create__inv-item.success .create__inv-item-img img {
        height: 80px
    }

    .create__inv {
        padding: 30px 0 30px
    }

    .create__inv-inner {
        text-align: center
    }

    .create__inv-item {
        max-width: 172px;
        width: calc(100% - 163px);
        min-width: 125px;
        height: 155px
    }

    .create__inv-item-img img {
        height: calc(100% - 35px)
    }

    .create__notes {
        width: 100%
    }

    .create__sub-notes {
        width: 100%
    }

    .create__heading {
        padding: 0 15px 18px
    }

    .create__title {
        display: block;
        width: 100%;
        padding-bottom: 15px
    }

    .create__item {
        padding: 35px 15px 40px
    }

    .create__content {
        padding: 0
    }

    .create__form {
        display: block;
        position: relative
    }

    .create__form-field {
        width: 100%
    }

    .create__form-field-item {
        display: block;
        width: 100%;
        padding: 0 0 25px
    }

    .create__form-field-item:first-child {
        padding: 0 0 25px 0
    }

    .create__form-field-item:last-child {
        padding: 0 0 0
    }

    .create__form-field--wth-pad {
        padding: 0 0 15px
    }

    .create__form-note {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        text-align: right
    }

    .create__game-description {
        margin: 0
    }

    .create__game-description-inner {
        padding: 20px
    }

    .create__input-radio {
        padding: 10px;
        width: 130px
    }

    .create__input-radio:last-child {
        padding: 10px
    }

    .create__input-radio-group .form__error-text {
        padding-left: 10px
    }

    .create__item-text {
        width: 100%
    }

    .create__action {
        padding: 40px 15px
    }

    .create__action.skins {
        padding: 40px 15px
    }

    .create__selected-item {
        padding: 30px 10px 45px
    }

    .create__selected-item-inner .create__inv-item {
        width: 100%;
        height: 85px;
        max-width: none;
        text-align: left
    }

    .create__selected-item-inner .create__inv-item-img {
        display: inline-block
    }

    .create__selected-item-inner .create__inv-item-img img {
        max-width: 100px;
        height: 80px
    }

    .create__selected-item-inner .create__inv-item-info {
        display: inline-block;
        position: inherit;
        border-top: none;
        vertical-align: top;
        font-size: 12px;
        width: calc(100% - 135px);
        line-height: 18px;
        padding: 15px 0 0 10px;
        max-height: 90px;
        height: auto;
        background-color: rgba(239, 239, 244, 0)
    }

    .create__selected-item-info {
        padding: 10px 0 0 0;
        width: 100%;
        max-width: 463px
    }

    .create__selected-item-info .create__form-field-item:first-child {
        display: inline-block;
        width: 40%;
        padding: 0
    }

    .create__selected-item-info .create__form-field-item:last-child {
        display: inline-block;
        width: 60%;
        padding: 0 0 0 15px
    }

    .create__selected-item-info .create__form-field .create__input-radio {
        width: 32%
    }

    .create__selected-item-eta .create__form-field-item:last-child {
        width: 100%
    }

    .create__selected-item-eta .create__form-eta {
        width: 46%
    }

    .create__selected-item-eta .create__form-eta-offline {
        width: 46%
    }

    .create__selected-item-eta .create__form-eta-offline:last-child {
        padding: 15px 0 25px 5px
    }

    .create__selected-item-eta .create__form-eta-offline .create__form-field-item {
        width: 120px
    }

    .create__selected-item-eta .create__form-eta .create__form-field-item {
        width: 120px
    }

    .create__selected-item-duration .create__input-radio {
        padding: 10px 0 10px 10px
    }

    .create__selected-item-duration .create__input-radio label {
        padding: 0 0 0 23px
    }

    .create__selected-item-img {
        width: 100%
    }

    .create__selected-list {
        padding: 0
    }

    .create__selected-ham-item .create-confirm__content-list {
        padding: 20px 15px 0;
        text-align: center
    }
}

@media (max-width: 650px) {
    .create__inv {
        padding: 30px 0 30px
    }

    .create__selected-ham-item .create-confirm__content-list {
        padding: 20px 0 0
    }

    .create-confirm__content-list ul li {
        max-width: 107px
    }
}

@media (max-width: 480px) {
    .create__selected-item-inner .create__inv-item-info {
        width: calc(100% - 130px)
    }

    .create__selected-item-eta-inner .create__form-eta .select2-container, .create__selected-item-eta-inner .create__form-eta-offline .select2-container {
        width: 85% !important
    }
}

.list-more {
    padding: 0 0 50px;
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.list-more__link {
    width: 230px
}

.game-description__btn {
    padding: 13px 26px
}

.currency-icon {
    width: 50px
}

.bulk__item {
    padding: 50px 25px 10px
}

.bulk__form-field {
    display: block;
    vertical-align: middle;
    width: 412px;
    padding: 0 0 25px;
    font-size: 0;
    line-height: 0
}

.bulk__form-field label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.bulk__form-field:last-child {
    padding: 0
}

.bulk__form-field-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px
}

.bulk__form-field-item:first-child {
    padding: 0 10px 0 0
}

.bulk__form-field-item:last-child {
    padding: 0 0 0 10px
}

.bulk__form-field--wth-pad {
    padding: 0
}

.bulk__btn-inner {
    padding: 25px 0 0
}

.bulk__btn-content {
    padding-bottom: 25px;
    text-align: right;
    display: block
}

.bulk__btn-link {
    color: #fff !important
}

@media (max-width: 767px) {
    .bulk__item {
        padding: 40px 0 40px
    }

    .bulk__form-field {
        width: 100%
    }

    .bulk__btn-content {
        padding-top: 30px
    }
}

.upload-list__item {
    min-height: auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.upload-list__heading {
    padding: 35px 40px;
    border-bottom: 1px solid #efeff4
}

.upload-list__inner {
    padding: 35px 40px 40px
}

.upload-list__title {
    padding: 30px 40px 10px
}

.upload-list__action {
    padding: 0 40px 80px
}

.upload-list__action-left {
    width: 70%;
    float: left
}

.upload-list__action-right {
    width: 30%;
    float: right
}

.upload-list__icon {
    padding: 0 10px 0 0
}

.upload-list__icon-item {
    width: 40px;
    height: 34px;
    fill: #f78734
}

.upload-list__icon-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.upload-list__icon-blue {
    width: 40px;
    height: 34px;
    fill: #1693da
}

.upload-list__icon-green {
    width: 40px;
    height: 34px;
    fill: #20c082;
    float: left
}

.upload-list__btn {
    padding: 0 15px 0 0;
    float: right
}

.upload-list__btn-main {
    float: left;
    padding: 0 0 0 20px
}

@media (max-width: 1023px) {
    .upload-list__action-left {
        width: 50%;
        float: left
    }

    .upload-list__action-right {
        width: 50%;
        float: right
    }
}

@media (max-width: 767px) {
    .upload-list__heading {
        padding: 35px 20px
    }

    .upload-list__title {
        padding: 30px 20px 10px
    }

    .upload-list__action {
        padding: 0 20px 40px
    }

    .upload-list__action-left {
        width: 100%;
        padding: 0 0 20px
    }

    .upload-list__action-right {
        width: 100%;
        float: none
    }

    .upload-list__action-right .upload-list__btn {
        margin: 0;
        width: 48%
    }

    .upload-list__action-right .upload-list__btn:last-child {
        margin: 0 8px 0 0;
        width: 48%
    }

    .upload-list__action-right .upload-list__btn .btn--border {
        width: 100%
    }

    .upload-list__btn {
        float: none;
        margin: 0 50px 0;
        display: inline-block;
        padding: 0 0 15px 0
    }

    .upload-list__btn:last-child {
        margin: 0 60px 0
    }

    .upload-list__btn-main {
        padding: 0 10px 0;
        width: 85%
    }

    .upload-list__btn-main a {
        width: 100%
    }

    .upload-list__icon {
        display: inline-block;
        float: left
    }

    .upload-list__icon-green {
        float: none;
        display: block;
        text-align: center
    }

    .upload-list__icon-text {
        padding: 8px 0 0 5px
    }
}

.upload-change__item {
    padding: 15px 25px;
    border-top: 1px solid #e6e6e6
}

.upload-change__item-changed {
    display: inline-block;
    padding: 0 20px 0 0;
    border-right: 1px solid #e6e6e6
}

.upload-change__item-unchanged {
    display: inline-block;
    padding: 0 0 0 20px
}

@media (max-width: 1023px) {
    .upload-change__item {
        padding: 15px 5px
    }
}

@media (max-width: 767px) {
    .upload-change__item {
        padding: 15px 0
    }

    .upload-change__item-changed {
        display: block;
        padding: 0 0 7px;
        border-right: none;
        border-bottom: 1px solid #e6e6e6
    }

    .upload-change__item-unchanged {
        display: block;
        padding: 7px 0 0
    }
}

.upload-review {
    padding: 0 0 70px
}

.list-valid {
    padding: 0
}

.list-valid__table-product {
    width: 350px;
    vertical-align: top
}

.list-valid__table-protype {
    max-width: 110px;
    vertical-align: top
}

.list-valid__table-eta {
    max-width: 180px;
    vertical-align: top
}

.list-valid__table-method {
    vertical-align: top;
    max-width: 180px
}

.list-valid__table-price {
    padding: 20px 40px;
    width: 320px;
    vertical-align: top
}

.list-valid__list-item {
    padding: 0 0 3px
}

.list-valid__label {
    display: inline-block;
    vertical-align: top;
    width: 135px;
    font-size: 13px
}

.list-valid__label-eta {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    font-size: 13px
}

.list-valid__info {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 100px);
    font-size: 13px
}

.list-valid__title {
    padding: 10px 0 0;
    max-height: 30px;
    overflow: hidden;
    font-weight: 600
}

.list-valid__description {
    max-height: 40px;
    overflow: hidden
}

.list-valid__description-error {
    padding: 10px 0 0
}

@media (max-width: 1023px) {
    .list-valid__table-product {
        width: 100%;
        padding: 0 20px 0 0
    }
}

@media (max-width: 767px) {
    .list-valid__table-product {
        width: 100%;
        padding: 0 20px !important
    }
}

.upload-img {
    padding: 0
}

.upload-img__sub {
    padding: 0;
    width: 580px
}

@media (max-width: 767px) {
    .upload-img__sub {
        width: 100%
    }
}

.upload-img__acc-info {
    width: 70%;
    float: left;
    padding: 0 0 20px
}

@media (max-width: 767px) {
    .upload-img__acc-info {
        width: 100%
    }
}

.upload-img__table-thumbnail {
    width: 135px;
    vertical-align: top;
    padding: 20px 0
}

.upload-img__table-name {
    width: 285px;
    vertical-align: top
}

.upload-img__table-name-text {
    max-height: 40px;
    max-width: 240px;
    overflow: hidden
}

.upload-img__table-name-primary {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0 0
}

.upload-img__table-name-primary input + label {
    text-transform: none;
    font-size: 11px;
    line-height: 11px;
    color: #525257
}

.upload-img__table-action {
    width: 188px;
    vertical-align: top
}

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

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

.upload-img__action-delete {
    display: inline-block;
    vertical-align: top;
    padding: 8px 0 0
}

.upload-img__action-btn {
    display: inline-block;
    background: #f7f7fa;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    font-family: "GothamPro";
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 16px;
    text-align: center;
    border-radius: 4px;
    transition: .2s ease-in-out;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    height: 35px;
    width: 130px
}

.upload-img__foot {
    padding: 10px 0 40px
}

.upload-img__foot-msg {
    padding: 10px 0 10px 40px
}

.upload-img__foot-btn {
    float: left;
    padding: 0 50px 0 0
}

@media (max-width: 1023px) {
    .upload-img__table-thumbnail {
        display: inline-block !important;
        padding: 10px 20px 10px 0 !important
    }

    .upload-img__table-name {
        display: inline-block !important;
        width: 240px
    }

    .upload-img__table-action {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .upload-img__table-name {
        width: 100%;
        max-width: 320px;
        padding: 10px 20px 0 !important
    }

    .upload-img__table-thumbnail {
        padding: 0 0 0 20px !important
    }

    .upload-img__table-action {
        padding: 0 20px 10px !important
    }
}

.bulk-guide {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.bulk-guide__head {
    padding: 30px 40px 0
}

.bulk-guide__content {
    padding: 30px 40px 80px
}

.bulk-guide__content-inner {
    border: 1px solid #efeff4;
    border-radius: 3px;
    padding: 10px 20px 15px;
    margin: 0 0 30px
}

.thanks {
    position: relative;
    width: 400px;
    min-height: 300px;
    background: white;
    border: 2px solid #f03726;
    margin: auto;
    text-align: center;
}

.thanksp1 {
    background: #f03726;
    color: white;
}

.footerThanks {
    padding: 10px 70px;
    display: inline-table;
    color: #de1119;
    text-decoration: underline;
}

.thimg {
    width: 100px;
    height: 100px;
}

.content__inner {
    /*min-height: 80vh;*/
}

.changegame {
    float: right;
}

.modal-dialog {
    z-index: 10000;
}

.changegame:hover {
    color: black;
}

.bulk-guide__content-title {
    color: #9292a2;
    font-size: 20px;
    line-height: 34px;
    font-weight: 200;
    letter-spacing: -1px;
    font-family: "GothamPro";
    border-bottom: 1px solid #efeff4;
    padding: 0 0 6px;
    display: block;
    letter-spacing: 0.2px
}

.bulk-guide__content-list {
    font-size: 12px;
    line-height: 24px;
    padding: 10px 0 0;
    display: block
}

.bulk-guide__content-list ul {
    list-style: outside disc none;
    margin-left: 14px
}

@media (max-width: 1023px) {
    .bulk-guide__head {
        padding: 30px 30px 0
    }

    .bulk-guide__content {
        padding: 30px 15px 40px
    }
}

.floating-balance__info {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.floating-balance__info--detailed {
    min-height: auto
}

.floating-balance__info--detailed .floating-balance__title {
    width: 100%
}

.floating-balance__info--detailed .floating-balance__heading {
    border-bottom: 1px solid #efeff4
}

.floating-balance__details {
    padding: 34px 40px 40px
}

.floating-balance__details-table {
    width: 420px;
    overflow: hidden;
    padding: 0 0 48px
}

.floating-balance__details-table-lg-fz {
    font-size: 15px
}

.floating-balance__details .game-info__list {
    margin: -1px 0 0
}

.floating-balance__details .game-info__title {
    width: 200px
}

.floating-balance__details-text {
    padding: 0 0 36px;
    font-size: 14px
}

.floating-balance__details-btn {
    padding: 12px 47px;
    float: right
}

.floating-balance__heading {
    padding: 32px 40px 38px
}

.floating-balance__title {
    display: inline-block;
    vertical-align: middle;
    width: 287px;
    padding: 0 10px 0 0
}

.floating-balance__note {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 645px);
    padding: 0 30px 0 0;
    color: #9292a2;
    line-height: 17px
}

.floating-balance__period {
    display: inline-block;
    vertical-align: middle;
    width: 180px
}

.floating-balance__total {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
    text-align: right
}

.floating-balance__total-sum {
    display: block;
    padding: 0 0 3px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: 'bebas_neue';
}

.floating-balance__table-amount {
    font-weight: 500;
    font-size: 16px;
    padding: 20px 40px 20px 20px !important
}

.floating-balance__btn-view {
    display: inline-block;
    border: 1px solid #c8c8d0;
    padding: 10px 23px;
    color: #9292a2;
    font-size: 14px;
    line-height: 14px;
    border-radius: 4px
}

.floating-balance__btn-view:hover {
    color: #76768b;
    border-color: #adadb9
}

.floating-balance__action {
    padding: 85px 23px 20px
}

.floating-balance__action-title {
    display: block;
    padding: 0 0 30px;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #9292a2
}

.floating-balance__action-item {
    padding: 0 0 58px
}

.floating-balance__radio-btn {
    display: block;
    padding: 0 0 20px
}

.floating-balance__radio-btn input + label {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase
}

.floating-balance__radio-btn:last-child {
    padding: 0
}

.floating-balance__radio-btn a:hover {
    text-decoration: underline
}

.floating-balance__label-balance {
    display: inline-block;
    vertical-align: middle;
    width: 130px
}

.floating-balance__label-payment {
    display: inline-block;
    vertical-align: middle;
    width: 200px
}

.floating-balance__input-amount {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    padding: 0 16px 0 0
}

.floating-balance__input-available {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #bebecc
}

@media (max-width: 1023px) {
    .floating-balance__info {
        min-height: auto
    }

    .floating-balance__heading {
        padding: 36px 40px
    }

    .floating-balance__title {
        display: block;
        max-width: 100%;
        padding: 0 0 20px
    }

    .floating-balance__title--wth-pad {
        padding: 0
    }

    .floating-balance__note {
        display: block;
        width: 100%;
        padding: 0 0 20px
    }

    .floating-balance__period {
        display: block;
        padding: 0 0 20px
    }

    .floating-balance__total {
        display: block;
        max-width: 100%;
        padding: 0 0 20px
    }

    .floating-balance__action {
        padding: 20px 15px
    }
}

@media (max-width: 767px) {
    .floating-balance__details {
        padding: 22px 15px 42px
    }

    .floating-balance__heading {
        padding: 21px 15px
    }

    .floating-balance__total {
        text-align: left
    }

    .floating-balance__period {
        width: 100%
    }
}

@media (max-width: 500px) {
    .floating-balance__details-table {
        width: auto
    }

    .floating-balance__details .game-info__title {
        width: auto;
        display: block;
        padding: 0 0 10px
    }
}

.request-alerts {
    padding: 0 40px 20px;
    width: 100%;
    margin: 0 auto
}

.request-payment__heading {
    padding: 45px 40px 25px
}

.request-payment__heading-methods {
    padding: 30px 40px 15px
}

@media (max-width: 767px) {
    .request-payment__heading-methods {
        padding: 30px 15px 15px
    }
}

.request-payment__table-available-balance {
    font-size: 16px
}

.request-payment__btn-view {
    display: inline-block;
    border: 1px solid #c8c8d0;
    padding: 10px 23px;
    color: #9292a2;
    font-size: 14px;
    line-height: 14px;
    border-radius: 4px
}

.request-payment__btn-view:hover {
    color: #76768b;
    border-color: #adadb9
}

.request-payment .floating-balance__title {
    max-width: 100%;
    width: auto
}

.request-payment .floating-balance__note {
    display: block;
    float: right;
    width: 375px;
    padding: 0;
    text-align: right
}

.request-payment .floating-balance__total {
    display: block;
    float: right;
    max-width: 100%
}

@media (max-width: 1023px) {
    .request-payment .floating-balance__title {
        width: 100%;
        padding: 0px
    }

    .request-payment .floating-balance__note {
        text-align: right;
        float: right;
        padding: 0 0 20px
    }

    .request-payment .floating-balance__total {
        float: right;
        text-align: right;
        padding: 0;
        display: inline-block;
        padding-bottom: 10px
    }

    .request-payment__table-available-balance {
        width: 20%;
        padding: 19px 10px 11px 20px
    }

    .request-payment__table-currency {
        width: 15%
    }

    .request-payment__table-floating-balance, .request-payment__table-deposits {
        width: 20%;
        padding: 19px 0 11px 30px
    }
}

@media (max-width: 767px) {
    .request-payment__heading {
        padding: 20px 15px
    }

    .request-payment__table-available-balance {
        width: 100%
    }

    .request-payment__table-currency {
        width: 100%
    }

    .request-payment__table-floating-balance, .request-payment__table-deposits {
        width: 100%
    }
}

@media (max-width: 767px) {
    .request-payment .floating-balance__note {
        text-align: right;
        float: right;
        padding: 0 0 20px;
        width: 260px
    }

    .request-payment .floating-balance__total {
        float: none;
        text-align: center;
        padding: 10px 0 0 0;
        display: inline-block;
        width: 100%;
        padding-bottom: 10px
    }
}

.request-confirm {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.request-confirm__btn {
    padding: 0 0 0 10px
}

.request-confirm__heading {
    padding: 34px 40px 20px
}

.request-confirm__heading:after {
    content: " ";
    display: block;
    clear: both
}

.request-confirm__time {
    float: right;
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2
}

.request-confirm__content {
    display: table;
    width: 100%
}

.request-confirm__content-left {
    display: table-cell;
    vertical-align: top;
    width: 42.8%;
    padding: 40px 40px;
    position: relative
}

.request-confirm__content-right {
    display: table-cell;
    vertical-align: top;
    width: 57.2%;
    padding: 38px 40px
}

.request-confirm__receive-amount {
    font-family: 'bebas_neue';
    font-size: 30px;
    padding: 0 0 20px
}

.request-confirm__title {
    display: block;
    padding: 0 0 30px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500
}

.request-confirm__action {
    padding: 0 0 15px;
    display: inline-flex;
    float: right
}

.request-confirm__list {
    width: 100%
}

.request-confirm__list .game-info__title {
    width: 200px
}

.request-confirm__list-item--red {
    font-weight: 700;
    color: #f03726
}

.request-confirm__list-item--red .game-info__title {
    color: #f03726
}

.request-confirm__list-item--lg-fz {
    font-size: 13px
}

.request-confirm__list--left {
    padding: 0 0 100px
}

.request-confirm__info {
    padding: 32px 40px 37px;
    background: #ffffff
}

.request-confirm .create__btn.btn {
    width: 130px
}

@media (max-width: 1023px) {
    .request-confirm__content {
        display: block;
        position: relative;
        padding: 0 0 150px
    }

    .request-confirm__content-left {
        display: block;
        width: 100%;
        position: static;
        padding: 40px 40px 20px
    }

    .request-confirm__content-right {
        display: block;
        width: 100%
    }

    .request-confirm__list--left {
        padding: 0 0 20px
    }

    .request-confirm__title {
        padding: 0 0 18px
    }

    .request-confirm .game-info__info {
        width: calc(100% - 205px)
    }

    .request-confirm__action {
        bottom: 54px
    }
}

@media (max-width: 767px) {
    .request-confirm__heading {
        padding: 20px 20px
    }

    .request-confirm__content {
        padding: 0 0 128px
    }

    .request-confirm__content-left {
        padding: 27px 15px 0
    }

    .request-confirm__content-right {
        padding: 20px 15px 15px
    }

    .request-confirm__time {
        display: none
    }

    .request-confirm .game-info__info {
        display: block;
        max-width: 100%;
        width: 100%
    }

    .request-confirm__action {
        bottom: 41px;
        left: 5px
    }

    .request-confirm__action a button {
        min-width: 114px;
        margin: 0;
        padding: 12px 0
    }
}

.available-balance {
    float: right;
    color: #20c082
}

.available-balance__amount {
    display: block;
    font-size: 36px;
    line-height: 36px;
    font-family: 'bebas_neue';
}

.available-balance__text {
    display: block;
    text-align: right
}

@media (max-width: 767px) {
    .available-balance__text {
        text-align: center
    }
}

@media (max-width: 767px) {
    .available-balance {
        padding: 10px 0 20px 0;
        float: none;
        text-align: center
    }
}

.general-reserve {
    float: right;
    color: #d9534f;
    padding-right: 15px
}

.general-reserve__amount {
    display: block;
    font-size: 36px;
    line-height: 36px;
    font-family: 'bebas_neue';
    text-align: right
}

@media (max-width: 767px) {
    .general-reserve__amount {
        text-align: center
    }
}

.general-reserve__text {
    display: block;
    text-align: right
}

@media (max-width: 767px) {
    .general-reserve__text {
        text-align: center
    }
}

@media (max-width: 767px) {
    .general-reserve {
        padding: 0px 0 20px 0;
        float: none;
        text-align: center
    }
}

.wallet__text {
    padding: 47px 0 56px;
    width: 847px
}

.wallet__text-title {
    display: block;
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700
}

.wallet__text-text {
    padding: 0 0 20px
}

.wallet__form-field {
    display: block;
    padding: 0 0 30px
}

.wallet__form-field label {
    padding: 0 0 4px
}

.wallet__form-field:last-child {
    padding: 0
}

.wallet__available-balance {
    padding: 0 0 25px
}

.wallet__list {
    background: #fafafc;
    padding: 35px 40px;
    margin: 0 -40px
}

@media (max-width: 767px) {
    .wallet__list {
        padding: 20px 20px
    }
}

.wallet__game-info {
    overflow: visible;
    width: 565px
}

.wallet__game-info .game-info__list-item.border-none {
    border: none
}

.wallet__game-info .game-info__title {
    overflow: visible;
    width: 190px
}

.wallet__game-info .game-info__info {
    width: calc(100% - 195px)
}

.wallet__game-info .game-info__info.bold {
    font-weight: 500
}

.wallet__game-info .game-info__info.green {
    color: #20c082
}

.wallet__amount {
    padding: 35px 40px;
    margin: 0 -40px
}

@media (max-width: 1023px) {
    .wallet__text {
        width: 100%
    }
}

@media (max-width: 767px) {
    .wallet__list {
        margin: 0 -20px
    }

    .wallet__game-info {
        width: 100%
    }

    .wallet__game-info .game-info__title {
        width: 100%
    }

    .wallet__game-info .game-info__info {
        width: 100%
    }
}

.withdraw-currency {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    padding: 13px 5px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #fafafc;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    text-transform: uppercase;
    border-right: 1px solid #e9e9ee
}

.payment-select {
    padding: 0 0 15px
}

.payment-select__title {
    padding: 35px 40px 15px;
    background-color: #ededed
}

.payment-select__list {
    display: inline-block;
    vertical-align: top;
    padding: 40px;
    background-color: #ededed;
    width: 100%
}

.payment-select .btn--border {
    color: #9292a2 !important
}

@media (max-width: 1023px) {
    .payment-select__list {
        min-width: 738px
    }
}

@media (max-width: 767px) {
    .payment-select__list {
        display: inline-block;
        vertical-align: top;
        padding: 15px;
        background-color: #ededed;
        min-width: 263px;
        padding-left: 8%
    }

    .payment-select__title {
        text-align: center
    }
}

.payment-method {
    padding: 30px 40px 25px
}

@media (max-width: 767px) {
    .payment-method {
        padding: 30px 10px 25px
    }
}

.payment-method__heading {
    padding: 30px 0 20px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "GothamPro", Verdana;
    color: #9292a2
}

.payment-method__inner {
    display: inline-block
}

.payment-method__inner-thumbnail img {
    max-width: 180px;
    border: 1px solid #efeff4;
    border-radius: 3px
}

.payment-method__inner-info {
    padding: 0 30px;
    width: 780px;
    float: right;
    text-align: justify
}

.payment-method-options__List {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px;
    border-bottom: 1px solid #f1f1f1
}

.payment-method-options__List-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 30px;
    width: 25%;
    border-radius: 5px;
    position: relative
}

@media (max-width: 1023px) {
    .payment-method-options__List {
        font-size: 0;
        line-height: 0;
        margin: 0 -15px
    }

    .payment-method-options__List-item {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px 30px;
        width: 33.3%;
        border-radius: 5px;
        position: relative
    }
}

@media (max-width: 767px) {
    .payment-method-options__List {
        font-size: 0;
        line-height: 0;
        margin: 0 -15px
    }

    .payment-method-options__List-item {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px 30px;
        width: 50%;
        border-radius: 5px;
        position: relative
    }
}

@media (max-width: 1023px) {
    .payment-method__inner-info {
        width: 470px
    }
}

@media (max-width: 767px) {
    .payment-method__inner-info {
        width: 470px;
        padding: 20px 0;
        float: none
    }
}

.payment-logo__link {
    display: block;
    border-radius: 5px;
    height: 175px
}

.payment-logo__link img {
    width: 100%;
    border-radius: 5px
}

.payment-logo__link:hover {
    box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.49)
}

.payment-logo__caption {
    position: relative;
    bottom: 40px;
    left: 20px;
    max-width: 202px
}

.payment-logo__name {
    display: inline;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    line-height: 17px;
    text-shadow: 1px 1px 2px #666666
}

@media (max-width: 1023px) {
    .payment-logo__link {
        display: block;
        border-radius: 5px;
        height: 143.8px
    }

    .payment-logo__caption {
        position: relative;
        bottom: 40px;
        left: 20px;
        max-width: 158px
    }
}

@media (max-width: 767px) {
    .payment-logo__link {
        width: 120px;
        height: 86.6px;
        background: #fff
    }

    .payment-logo__link img {
        min-height: auto
    }

    .payment-logo__caption {
        position: relative;
        bottom: 80px;
        left: 6px;
        max-width: 107px
    }

    .payment-logo__name {
        display: inline;
        font-weight: 600;
        font-size: 12px;
        color: #ffffff;
        line-height: 15px;
        text-shadow: 1px 1px 7px #000000
    }
}

.payment-actions {
    padding: 0 20px 0 20px;
    font-size: 14px;
    margin: 18px 0
}

.payment-account {
    width: 490px;
    padding: 40px 0 51px
}

@media (max-width: 767px) {
    .payment-account {
        width: 250px
    }
}

.payverify {
    border-bottom: 1px solid #efeff4
}

@media (max-width: 1023px) {
    .payment-actions {
        padding: 0 6px 0 6px;
        font-size: 14px;
        margin: 58px 0
    }
}

@media (max-width: 767px) {
    .payment-actions {
        padding: 0 6px 0 6px;
        font-size: 14px;
        margin: 18px 0
    }
}

.payment-add {
    padding: 0 0 15px
}

.payment-add__heading {
    padding: 32px 40px 20px
}

.payment-add__btn {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    font-family: "GothamPro";
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
    transition: .2s ease-in-out;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    height: 35px
}

.payment-add__btn:hover {
    color: #f03726 !important
}

.payment-add__icon {
    padding: 0
}

.payment-add__sc {
    display: block;
    font-size: 13px;
    color: #9292A2;
    height: 45px
}

.payment-add__sc p {
    float: left;
    width: 144px;
    height: 40px;
    overflow: hidden
}

.payment-add__sc-action {
    float: right;
    display: inline-block;
    vertical-align: middle
}

.payment-add__info {
    display: block;
    font-size: 13px;
    color: #9292A2;
    height: 45px
}

.payment-add__name {
    display: inline-block;
    max-height: 50px;
    overflow: hidden;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #9292a2
}

.payment-add__description {
    border: 1px solid #f1f1f1;
    padding: 19px 22px 20px;
    background: #f7f6f6;
    height: 100%
}

.payment-add__description-title {
    height: 60px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px
}

.payment-add__existing {
    border: 1px solid #f1f1f1;
    padding: 15px 15px 10px;
    background: #f7f6f6;
    height: 100%;
    height: 110px
}

.payment-add__existing-action {
    float: right;
    padding: 10px 0 0
}

.payment-add__existing-action-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 6px
}

.payment-add__existing-title {
    overflow: hidden
}

.payment-add__existing-name {
    display: inline-block;
    max-height: 35px;
    overflow: hidden;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    height: 35px
}

.payment-add__existing-name-link {
    color: #525257
}

.payment-add__existing-name-link:hover {
    color: #f03726
}

.payment-add__img {
    border: 1px solid #f1f1f1;
    position: relative;
    height: 160px;
    overflow: hidden
}

.payment-add__img__unlock {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.payment-add__img__unlock span {
    text-align: center;
    font-weight: 500;
    background: #fff;
    padding: 5px 0;
    margin: 5px 5px 0;
    display: block;
    border-radius: 4px
}

.payment-add__img__unlock span svg {
    padding: 0 5px 0 0
}

.payment-add__img img {
    max-width: 100%;
    min-width: 195px;
    height: 165px
}

.payment-add__link {
    display: block;
    border-radius: 5px
}

.payment-add__link:hover {
    box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.49)
}

.payment-add__title {
    padding: 15px 40px 15px;
    display: block
}

.payment-add__note {
    padding: 0 0 5px;
    display: inherit
}

.payment-add__drop-menu {
    display: inline-block;
    padding: 20px 40px 0
}

.payment-add__list {
    display: inline-block;
    vertical-align: top;
    padding: 40px;
    width: 1140px
}

.payment-add__list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 14px 30px;
    width: 21.4%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative
}

.payment-add__list-item-latest {
    border: 1px solid #20c082;
    display: inline-block;
    vertical-align: top;
    margin: 0 14px 30px;
    width: 22%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative
}

.payment-add__list-item-latest:first-child {
    margin: 0 15px 10px 0
}

.payment-add__list-item-latest:last-child {
    margin: 0 0 10px 15px
}

@media (max-width: 767px) {
    .payment-add__list-item-latest {
        margin: 0 5px 10px;
        width: 44.4%
    }
}

@media (max-width: 1023px) {
    .payment-add__sc {
        display: block;
        font-size: 13px;
        color: #9292A2;
        height: 45px
    }

    .payment-add__sc p {
        float: left;
        width: 90px;
        height: 40px;
        overflow: hidden
    }

    .payment-add__sc-action {
        float: right;
        display: inline-block;
        vertical-align: middle
    }

    .payment-add__existing {
        border: 1px solid #f1f1f1;
        padding: 15px 10px 15px;
        background: #f7f6f6;
        height: 100%;
        height: 110px
    }

    .payment-add__name {
        font-size: 14px
    }

    .payment-add__list {
        width: 738px
    }

    .payment-add__list-item {
        display: inline-block;
        vertical-align: top;
        margin: 0 11px 20px;
        width: 21%;
        height: auto;
        border-radius: 5px;
        box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.06);
        overflow: hidden;
        position: relative
    }

    .payment-add__list-item-latest {
        margin: 0 11px 20px;
        width: 21%
    }

    .payment-add__description {
        padding: 19px 15px 20px
    }

    .payment-add__description-title {
        overflow: hidden;
        height: 80px
    }

    .payment-add__img {
        position: relative;
        height: 103px;
        overflow: hidden
    }

    .payment-add__img img {
        max-width: 100%;
        min-width: 136px;
        height: 131px
    }

    .payment-add__drop-menu {
        padding: 10px 40px 0
    }
}

@media (max-width: 767px) {
    .payment-add__drop-menu {
        padding: 20px 40px 15px
    }

    .payment-add__sc {
        display: block;
        font-size: 13px;
        color: #9292A2;
        height: 45px
    }

    .payment-add__sc p {
        float: left;
        width: 70px;
        height: 40px;
        overflow: hidden;
        font-size: 10px;
        line-height: 13px
    }

    .payment-add__name {
        font-size: 12px;
        float: left
    }

    .payment-add__info {
        font-size: 10px;
        line-height: 13px;
        padding: 7px 0 0;
        float: right
    }

    .payment-add__description {
        padding: 10px 15px 10px
    }

    .payment-add__description-title {
        height: 65px;
        display: inline-grid
    }

    .payment-add__existing {
        border: 1px solid #f1f1f1;
        padding: 10px 10px 10px;
        background: #f7f6f6
    }

    .payment-add__existing-action {
        float: none
    }

    .payment-add__existing-action-item {
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 20px
    }

    .payment-add__existing-action-sc {
        display: inline-block;
        vertical-align: top
    }

    .payment-add__existing-name {
        font-size: 12px
    }

    .payment-add__img {
        height: 100%
    }

    .payment-add__img img {
        min-width: 113px;
        width: 310px;
        height: 100%
    }

    .payment-add__list {
        padding: 15px;
        display: inline-block;
        vertical-align: top;
        background-color: #ffffff;
        width: 100%;
        padding-left: 8%
    }

    .payment-add__list-item {
        margin: 0 5px 10px;
        width: 44.4%;
        height: auto;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
    }

    .payment-add__list-item:first-child {
        margin: 0 5px 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
    }

    .payment-add__list-item:last-child {
        margin: 0 5px 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
    }

    .payment-add__list-item-latest {
        margin: 0 5px 10px;
        width: 44.4%
    }

    .payment-add__title {
        padding: 15px;
        text-align: center
    }
}

.payment-add__img .label {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #f1f1f1;
    color: #525257
}

@media (max-width: 1023px) {
    .payment-add__img .label {
        font-size: 12px;
        padding: 1px 4px
    }
}

.request-complete__heading {
    padding: 80px 40px 80px
}

.request-complete__heading-title {
    margin: 0 500px;
    padding: 0 0 50px
}

.request-complete__heading-content {
    text-align: center
}

.breadcrumb {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 25px;
    text-align: center;
    justify-content: center;
    display: flex
}

@media (max-width: 767px) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb li {
    display: inline-block;
    text-align: center
}

.breadcrumb li a {
    font-size: 12px;
    color: #2BA877;
    display: block;
    background: #f2f2f2;
    text-decoration: none;
    position: relative;
    width: 220px;
    height: 50px;
    position: relative;
    padding: 15px 10px 0 10px;
    text-align: center;
    margin-right: 25px;
    transition: none;
    text-transform: uppercase;
    display: block;
    left: 14px
}

@media (max-width: 1023px) {
    .breadcrumb li a {
        display: inline-block;
        width: 160px;
        height: 50px;
        position: relative;
        text-align: center;
        margin-right: 20px
    }
}

.breadcrumb li a.current {
    cursor: default;
    color: #fff;
    background: #269469;
    pointer-events: none
}

.breadcrumb li a.current:before {
    cursor: default;
    border-color: #269469;
    border-left-color: transparent
}

.breadcrumb li a.current:after {
    cursor: default;
    border-left-color: #269469
}

.breadcrumb li:first-child a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.breadcrumb li:first-child a:before {
    border: none
}

.breadcrumb li:last-child a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.breadcrumb li:last-child a:after {
    border: none
}

.breadcrumb li a:before, .breadcrumb li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #f2f2f2;
    border-width: 25px 16px;
    width: 0;
    height: 0
}

.breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent
}

@media (max-width: 1023px) {
    .breadcrumb li a {
        left: 13px
    }

    .breadcrumb li a:before {
        left: -15px
    }
}

.breadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #f2f2f2
}

.breadcrumb li a:hover {
    color: #FFF;
    background-color: #30BB84
}

.breadcrumb li a:hover:before {
    border-color: #30BB84;
    border-left-color: transparent
}

.breadcrumb li a:hover:after {
    border-left-color: #30BB84
}

@media (max-width: 1023px) {
    .breadcrumb li a {
        left: 13px
    }

    .breadcrumb li a:before {
        left: -15px
    }
}

.breadcrumb .deactive:hover {
    cursor: default;
    color: #2BA877;
    background-color: #f2f2f2
}

.breadcrumb .deactive:hover:before {
    cursor: default;
    border-color: #f2f2f2;
    border-left-color: transparent
}

.breadcrumb .deactive:hover:after {
    cursor: default;
    pointer-events: inherit;
    border-left-color: #f2f2f2
}

.crumbs__mlist {
    display: none
}

@media (max-width: 1023px) {
    .crumbs__steps {
        display: table;
        width: 164px;
        height: 50px;
        position: relative;
        text-align: center
    }

    .crumbs__mlist {
        display: none
    }
}

@media (max-width: 767px) {
    .crumbs {
        padding: 0 0 15px
    }

    .crumbs__list {
        display: none
    }

    .crumbs__mlist {
        display: block;
        background: #269469
    }

    .crumbs__mlist-item {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        width: 768px;
        height: 50px;
        color: #ffffff;
        font-size: 12px;
        font-family: "GothamPro", Verdana;
        text-transform: uppercase
    }

    .crumbs__mlist-item-left {
        float: left;
        width: 35px;
        height: 50px;
        background: #30BB84
    }

    .crumbs__mlist-item-right {
        float: right;
        width: 35px;
        height: 50px;
        background: #30BB84;
        pointer-events: none
    }

    .crumbs__mlist-item.active {
        background: #269469
    }

    .crumbs__mlist-link {
        padding-top: 8px;
        display: block
    }

    .crumbs__mlist-arrow {
        fill: #269469;
        width: 22px;
        height: 22px;
        margin-top: 5px
    }
}

.tdata-link {
    font-weight: 600
}

.tdata-link:hover {
    border-bottom: 1px solid
}

.st .tdata-link__main {
    font-weight: 700
}

.st .tdata-link__main:hover {
    border-bottom: 1px solid
}

.withdraw-heading {
    padding: 32px 40px 0
}

.withdraw-heading:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width: 767px) {
    .withdraw-heading {
        text-align: center
    }
}

.convert-icon {
    width: 10px;
    height: 16px;
    fill: #20c082;
    transform: rotate(180deg);
    margin-bottom: -4px
}

@media (max-width: 1023px) {
    .step-right {
        content: '';
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-right: 0;
        border-left: 15px solid #f2f2f2;
        background: #ffffff;
        position: absolute
    }
}

@media (max-width: 767px) {
    .step-right {
        content: '';
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-right: 0;
        border-left: 15px solid #269469;
        background: #30BB84;
        position: absolute;
        width: 35px;
        margin-left: -25px
    }

    .game-info__title {
        width: 220px
    }
}

.payment-foot {
    height: 100px
}

.payment-foot__line {
    border-bottom: 1px solid #f1f1f1;
    padding: 30px 0 0;
    display: block
}

.payment-foot__btn {
    padding: 30px 0 0 30px;
    float: right
}

.payment-foot__btn-action {
    padding: 12px 0;
    min-width: 130px
}

@media (max-width: 767px) {
    .payment-foot {
        height: 120px
    }

    .payment-foot__btn {
        padding: 30px 0 0
    }

    .payment-foot__btn a {
        padding: 12px 0;
        min-width: 113px
    }
}

.search-result__img {
    width: 100%;
    border-radius: 5px;
    width: 263px;
    height: 190px
}

.search-result__heading {
    padding: 0 0 26px
}

.search-result__heading:after {
    content: " ";
    display: block;
    clear: both
}

.search-result__heading-title {
    float: left
}

.search-result__heading-top:after {
    content: " ";
    display: block;
    clear: both
}

.search-result__title {
    display: block;
    vertical-align: middle;
    padding-bottom: 6px
}

.search-result__result {
    display: inline-block;
    vertical-align: middle;
    color: #9292a2;
    text-transform: uppercase;
    font-size: 11px
}

.search-result__result-request, .search-result__result-section {
    color: #525257
}

.search-result__filters {
    display: block;
    margin: 15px 0 10px;
    border: 1px solid #d7d7e0;
    border-radius: 4px;
    background: #fff
}

.tt-hint:focus {
    border:none;
}

.search-result__filters .fake-input {
    display: inline-block;
    width: calc(100% - 84px);
    background: #fff;
    border-radius: 4px 0 0 4px;
    position: relative;
    border-right: 1px solid #e0e4ec;
    border-left: none;
    border-bottom: none;
    border-top: none;
    box-shadow: none
}

.search-result__filters .fake-input input {
    padding-top: 15px;
    border: none;
    border-radius: none;
    box-shadow: none;
    width: calc(100% - 30px);
    background: transparent
}

.search-result__filters .fake-input input:focus .search-result__filters .fake-input input.disabled, .search-result__filters .fake-input input:disabled {
    background: transparent
}

.search-result__filters .fake-input__filter {
    width: 80px;
    display: inline-block;
    vertical-align: top
}

.search-result__filters .fake-input__filter tr:hover {
    background: #fff
}

.search-result__filters .fake-input__filter-drop {
    position: relative
}

.search-result__filters .fake-input__filter-trigger {
    display: block;
    text-align: center;
    padding: 11px 0 9px;
    color: #a2a2b2
}

.search-result__filters .fake-input__filter-list {
    display: none;
    position: absolute;
    z-index: 101;
    top: 100%;
    right: -2px;
    width: 282px;
    /* border: 1px solid #e0e4ec; */
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 12px 15px 14px
}

@media (max-width: 767px) {
    .search-result__filters .fake-input__filter-list {
        width: 320px;
        right: -1px
    }
}

.search-result__filters .fake-input__filter-table {
    border: 1px solid #e6e9ef;
    border-collapse: collapse;
    border-spacing: 0
}

.search-result__filters .fake-input__filter-table-data {
    width: 37px;
    border-right: 1px solid #e6e9ef;
    border-bottom: 1px solid #e6e9ef;
    padding: 0
}

.search-result__filters .fake-input__filter-table-link {
    display: block;
    text-align: center;
    height: 22px;
    line-height: 25px;
    color: #20abff;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    color: #f03726
}

.search-result__filters .fake-input__filter-table-link.ln-disabled {
    color: #696d83
}

.search-result__filters .fake-input__filter-table-link:hover {
    color: #696d83;
    background: #f6f7f9
}

@media (max-width: 767px) {
    .search-result__filters .fake-input__filter-table-link {
        height: 40px;
        padding-top: 6px
    }
}

@media (max-width: 767px) {
    .search-result {
        width: 100%
    }
}

.search-result__search-btn {
    background: transparent;
    padding: 0;
    font-size: 0;
    position: absolute;
    right: 13px;
    top: 29%
}

.search-result__search-btn:hover {
    background: transparent;
    opacity: .7
}

.search-result__search-btn.active {
    display: none
}

@media (max-width: 1023px) {
    .search-result__result {
        float: none;
        margin: 0;
        display: block
    }
}

@media (max-width: 767px) {
    .search-result__heading-title {
        float: none;
        padding: 0 0 25px
    }

    .search-result__filters {
        display: block;
        float: none
    }

    .search-result__filter {
        float: right
    }

    .search-result__sort {
        float: left;
        margin: 10px 0 0
    }
}

.sort {
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px 0 0
}

.sort__list {
    top: 26px;
    right: 0;
    width: 170px
}

.sort__list-item {
    border-bottom: 1px solid #f0f0f5
}

.sort__list-link {
    display: block;
    padding: 15px;
    color: #525257;
    text-align: left
}

.sort__list-link:hover {
    color: #f03726
}

.sort__link-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.sort .icon-arrow-down {
    fill: #bfbfc9
}

.sort__text {
    padding: 0 5px 0 0;
    color: #9292a2
}

@media (max-width: 767px) {
    .sort__list {
        right: -40px
    }
}

.sort-order {
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 30px
}

.sort-order__list {
    top: 26px;
    right: 0;
    width: 170px
}

.sort-order__list-item {
    border-bottom: 1px solid #f0f0f5
}

.sort-order__list-link {
    display: block;
    padding: 15px;
    color: #525257
}

.sort-order__list-link:hover {
    color: #f03726
}

.sort-order__link-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.sort-order .icon-arrow-down {
    fill: #bfbfc9
}

.sort-order__text {
    padding: 0 5px 0 0;
    color: #9292a2
}

@media (max-width: 767px) {
    .sort-order__list {
        right: -40px
    }
}

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

.filter__link {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 4px;
    border: 1px solid #c4c4ce;
    color: #9292a2;
    font-size: 14px
}

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

.filter__link:hover {
    opacity: .8
}

.filter__icon {
    padding: 0 5px 0 0
}

@media (max-width: 1023px) {
    .filter__link {
        padding: 8px 9px
    }

    .filter__link-text {
        display: none
    }

    .filter__icon {
        padding: 0
    }
}

.search-type {
    padding: 10px 15px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    border-radius: 50%
}

.search-type .g2g-icon[class*="i-med-"] {
    display: none
}

@media (max-width: 1023px) {
    .search-type .g2g-icon[class*="i-med-"] {
        display: block
    }

    .search-type .g2g-icon[class*="i-lg-"] {
        display: none
    }
}

@media (max-width: 767px) {
    .search-type {
        top: -5px;
        right: -10px
    }
}

.search-results {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    text-align: left
}

.search-results .result-title {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    letter-spacing: 0.05em;
    max-height: 36px;
    overflow: hidden
}

.search-results .result-info {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 8px;
    background-color: #fff;
    border-radius: 5px;
    display: inline-block
}

@media (max-width: 1023px) {
    .search-results {
        padding: 25px 20px 18px
    }
}

@media (max-width: 767px) {
    .search-results {
        padding: 15px;
        position: initial;
        text-align: center;
        height: 105px
    }

    .search-results .result-title {
        color: #9292a2;
        font-size: 12px;
        font-weight: 500
    }

    .search-results .result-info {
        font-weight: normal;
        color: #525257;
        background: none;
        padding: 0;
        font-size: 12px
    }

    .search-results .result-info__inner {
        display: block;
        font-size: 14px;
        font-weight: 500
    }
}

.search-load-more {
    text-align: center;
    padding-top: 20px
}

.manage-categories__title {
    padding: 0 0 35px
}

.current-listing {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #9292a2;
    font-size: 11px;
    line-height: 11px
}

.current-listing__name {
    font-weight: 700;
    display: block;
    padding: 7px 0
}

.manage {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.manage__heading {
    padding: 0 40px;
    border-bottom: 1px solid #efeff4
}

.manage__heading-right {
    float: left
}

.manage__heading-left {
    float: left;
    padding: 4px 16px 0 0
}

.manage__heading-top {
    padding: 28px 0 21px
}

.manage__heading-top:after {
    content: " ";
    display: block;
    clear: both
}

.manage__heading-bottom {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #eeeef4
}

.manage__heading-bottom:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width: 1023px) {
    .manage__heading-bottom {
        display: block
    }
}

.manage__heading-middle {
    width: 100%;
    display: flex;
    padding: 15px 0 15px;
    background-color: #fafafc
}

.manage__heading-middle-text {
    padding-left: 30px;
    padding-top: 10px
}

.manage__alert-icon {
    margin: 0 0 0 4px;
    width: 15px;
    height: 15px;
    fill: #f03726;
    vertical-align: sub
}

.manage__title, .manage__filter-search {
    display: inline-block;
    vertical-align: middle
}

.manage__title {
    padding: 0 46px 0 0
}

.manage__title h1 {
    padding: 0 0 2px
}

.manage__heading-bottom-left {
    float: left;
    padding: 23px 40px;
    background-color: #eeeef4;
    width: 300px
}

.manage__heading-bottom-left .manage__oval:first-child {
    margin-left: 0
}

@media (max-width: 1023px) {
    .manage__heading-bottom-left {
        float: none;
        width: 100%
    }
}

.manage__heading-bottom-right {
    padding: 23px 40px;
    background-color: #fafafc;
    width: calc(100% - 300px)
}

@media (max-width: 1023px) {
    .manage__heading-bottom-right {
        width: 100%
    }
}

.manage__heading-middle-list {
    padding-left: 5%
}

.manage__heading-more-details {
    position: relative;
    text-align: right;
    border-bottom: 2px solid #eeeef4;
    box-shadow: 0 2px 2px -2px gray;
    background-color: #fafafc
}

@media (max-width: 767px) {
    .manage__heading-more-details {
        text-align: center
    }
}

.manage__heading-more-details-list {
    padding-top: 50px;
    background-color: #eeeef4;
    padding: 20px 0 10px 50px
}

.manage__heading-more-details-list-title {
    padding-bottom: 20px
}

.manage .list-inner {
    display: flex;
    list-style: none;
    justify-content: space-around
}

.manage .list-inner-info {
    color: #1693da
}

.manage__table-item {
    padding: 19px 0 18px 20px;
    vertical-align: top;
    width: 106px
}

.manage__table .products__description-title {
    float: left;
    vertical-align: middle;
    min-width: 70px;
    overflow: hidden;
    color: #9292a2;
    font-size: 12px;
    position: relative;
    max-width: 70px;
    padding: 0 10px 0 0
}

.manage__table-table th {
    background-color: #ffffff;
    text-transform: none;
    line-height: 20px;
    text-align: right
}

.manage__table-table th.manage__table-product .sort__list {
    right: initial
}

@media (max-width: 1023px) {
    .manage__table-table th.manage__table-check {
        width: 60px
    }
}

@media (max-width: 767px) {
    .manage__table-table th.manage__table-check {
        width: 20px;
        padding: 19px 0 18px 20px
    }
}

.manage__table-table tr {
    position: relative
}

@media (max-width: 767px) {
    .manage__table-table tr {
        padding: 0
    }
}

.manage__table-table td:not(.manage__table-product) {
    padding: 19px 20px 18px 20px;
    vertical-align: top
}

.manage__table-table td.manage__table-check {
    padding-left: 40px
}

.manage__table-table td .manage__editable {
    display: block;
    margin-bottom: 4px;
    font-size: 12px
}

@media (max-width: 1023px) {
    .manage__table-table td {
        display: inline-block
    }

    .manage__table-table td.manage__table-product {
        width: 50%
    }

    .manage__table-table td.manage__table-item {
        width: calc(50% - 80px)
    }

    .manage__table-table td.manage__table-check {
        width: 70px
    }

    .manage__table-table td.manage__table-delievery-method {
        width: calc(30% + 40px);
        padding: 10px 0 18px 30px
    }

    .manage__table-table td.manage__table-delievery-eta {
        padding: 10px 0 18px 80px;
        width: calc(30% - 30px)
    }

    .manage__table-table td.manage__table-actions {
        padding: 10px 40px 18px 10px;
        width: auto
    }
}

@media (max-width: 767px) {
    .manage__table-table td {
        display: inline-block
    }

    .manage__table-table td.manage__table-product {
        width: 240px
    }

    .manage__table-table td.manage__table-item, .manage__table-table td.manage__table-delievery-method, .manage__table-table td.manage__table-delievery-eta {
        width: 100%;
        padding: 5px 20px 5px 50px
    }

    .manage__table-table td.manage__table-actions {
        width: 100%;
        padding: 5px 20px 20px 50px
    }

    .manage__table-table td.manage__table-check {
        width: 20px;
        display: inline-block;
        padding: 19px 20px 18px 20px
    }
}

.manage__table-table tfoot td {
    text-align: center;
    border-top: 1px solid #efeff4
}

.manage__table-table tfoot tr:hover {
    background: none
}

.manage__table-heading {
    padding: 23px 40px;
    display: block
}

.manage__table-heading-left {
    display: inline-block
}

@media (max-width: 767px) {
    .manage__table-heading-left {
        display: block
    }
}

.manage__table-heading-left .fake-input {
    display: table-cell;
    vertical-align: middle;
    width: 260px
}

@media (max-width: 1023px) {
    .manage__table-heading-left .fake-input {
        width: 180px
    }
}

@media (max-width: 767px) {
    .manage__table-heading-left .fake-input {
        display: inline-block;
        width: 100%
    }
}

.manage__table-heading-left .search-result__text {
    padding-left: 6px;
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 767px) {
    .manage__table-heading-left .search-result__text {
        display: inline-block;
        margin-top: 6px
    }
}

.manage__table-heading-right {
    float: right;
    padding: 0px 25px 0px 25px
}

@media (max-width: 1023px) {
    .manage__table-heading-right {
        padding: 0
    }
}

@media (max-width: 767px) {
    .manage__table-heading-right {
        float: none;
        margin-top: 20px
    }
}

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

.manage__btn {
    float: right
}

.manage__listing-sort {
    width: 288px;
    padding: 0 147px 0 0
}

.manage__action-string {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 22px 0 24px;
    background: #565669;
    z-index: 102
}

.manage__action-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0
}

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

.manage__action-link {
    padding: 0 15px 0 0
}

.manage__action-link:hover [class*='icon-'] {
    fill: #fff;
    transition: all .3s linear
}

.manage__action-btns {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0 13px 0 80px
}

.manage__action-btns .btn:hover span {
    color: #fff;
    transform: none;
    opacity: 1
}

.manage__action-amount {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11px;
    color: #d5d5e2
}

.manage__oval {
    border-radius: 30px;
    background-color: #e3e3ec;
    box-shadow: 0px 4px 0px #9292A2;
    margin-bottom: 10px
}

@media (max-width: 1023px) {
    .manage__oval {
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 767px) {
    .manage__oval {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .manage__oval {
        margin-bottom: 0;
        margin-left: 5px
    }
}

@media (max-width: 767px) {
    .manage__oval {
        margin-bottom: 24px;
        margin-left: 0
    }
}

.manage__oval.active {
    background-color: #ffffff;
    box-shadow: none;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .manage__oval.active {
        margin-bottom: 20px
    }
}

.manage__oval a {
    color: #525257;
    display: block
}

.manage__oval .text-left {
    width: 120px;
    padding: 8px 12px 7px 20px;
    display: table-cell;
    border-right: 1px solid #d6d6d6;
    vertical-align: middle
}

@media (max-width: 1023px) {
    .manage__oval .text-left {
        width: 122px
    }
}

.manage__oval .text-right {
    padding: 7px 30px 4px 8px;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle
}

.manage__oval .text-middle-successful {
    width: 90%;
    color: #009045;
    padding: 8px 30px 7px 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.manage__oval .text-middle-failed {
    width: 90%;
    color: #f03726;
    padding: 8px 33px 7px 35px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.manage__filter-list {
    display: flex
}

@media (max-width: 767px) {
    .manage__filter-list {
        display: block
    }
}

.manage__filter-list .filter-list {
    position: relative;
    display: inline-block;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    width: 120px;
    margin-left: 10px
}

.manage__filter-list .filter-list:first-child {
    margin-left: 0px
}

@media (max-width: 767px) {
    .manage__filter-list .filter-list {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }
}

.manage__filter-list .filter-list span {
    display: block;
    text-align: center
}

.manage__filter-list .filter-list span.counter {
    padding: 30px 20px;
    font-size: 22px
}

@media (max-width: 767px) {
    .manage__filter-list .filter-list span.counter {
        display: inline-block;
        padding: 10px
    }
}

.manage__filter-list .filter-list span.list-text {
    padding: 0 20px 5px 20px;
    color: #525257
}

@media (max-width: 767px) {
    .manage__filter-list .filter-list span.list-text {
        float: left;
        width: 50%;
        text-align: left;
        padding: 10px
    }
}

.manage__filter-list .filter-list.active {
    background-color: #ffffff;
    border-bottom: 4px solid #f03726
}

.manage__delete-popup {
    padding: 30px 0px 30px 0px
}

.manage__edit-image {
    padding: 33px 0;
    position: relative;
    display: table;
    width: 100%
}

.manage__edit-image:first-child {
    padding-top: 26px
}

.manage__edit-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #efeff4
}

.manage__edit-image__img {
    width: 120px;
    display: table-cell;
    padding-right: 30px
}

.manage__edit-image__img img {
    max-width: 100%
}

.manage__edit-image__info {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
    width: auto
}

.manage__edit-image__info span {
    display: block
}

.manage__edit-image__no-image {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
    width: auto;
    text-align: center;
    color: #9292A2;
    font-size: 18px
}

.manage__edit-image__no-image span {
    display: block
}

.manage__edit-image__action {
    display: table-cell;
    vertical-align: middle;
    width: 1px
}

.manage__edit-image__action-link {
    display: block;
    margin-bottom: 6px
}

.manage__edit-image__action-link .list-action__btn {
    width: 136px
}

.manage__edit-image__title {
    width: 230px;
    word-break: break-all
}

.manage__edit-image__msg {
    display: block;
    padding: 10px 0
}

.manage__edit-image__msg-noimage {
    display: block;
    padding: 10px 270px 0 0
}

.manage__edit-image .icon-archive {
    fill: #a2a2b2
}

.manage__edit-supported {
    padding: 30px 0px
}

.manage__edit-supported__tab .manage__tab-header ul {
    background-color: #EEEEF4;
    padding: 0 10px
}

.manage__edit-supported__tab .manage__tab-header ul:before, .manage__edit-supported__tab .manage__tab-header ul:after {
    display: table;
    content: " "
}

.manage__edit-supported__tab .manage__tab-header ul:after {
    clear: both
}

.manage__edit-supported__tab .manage__tab-header ul li {
    float: left
}

.manage__edit-supported__tab .manage__tab-header ul li a {
    padding: 20px;
    display: block;
    text-transform: uppercase
}

.manage__edit-supported__tab .manage__tab-header ul li.active {
    background-color: #F7F7FA;
    border-bottom: 2px solid #F03726
}

.manage__edit-supported__tab .manage__tab-content {
    border: 1px solid #eeeef4;
    padding: 30px 30px 0;
    clear: both
}

.manage__edit-supported__tab .manage__tab-content .tab-pane {
    display: inline-block;
    width: 100%
}

.manage__edit-supported__tab .manage__tab-content .tab-pane .notes__icon-close {
    left: auto;
    right: 17px
}

.manage__edit-supported__tab .manage__tab-content .tab-pane.hide {
    display: none
}

.manage__edit-supported__tab .manage__tab-content .tab-pane .form-field {
    display: block;
    padding: 0 0 25px 0
}

.manage__edit-supported__tab .manage__tab-content .tab-pane .form-field label {
    display: inline-block;
    padding: 0 0 10px
}

.manage__edit-supported__tab .manage__tab-content .tab-pane .manage__edit-image {
    padding-top: 0
}

@media (max-width: 1175px) {
    .manage__btn {
        float: none
    }

    .manage__listing-sort {
        padding: 0 20px 0 0;
        width: 160px
    }

    .manage__title, .manage__filter-search {
        float: none;
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 1023px) {
    .manage__table-heading {
        padding: 23px 40px 0
    }

    .manage__edit-image__img {
        display: block;
        padding: 0 15px
    }

    .manage__oval.active {
        margin-bottom: 0;
        box-shadow: 0px 4px 0px #CBCBCB
    }
}

@media (max-width: 767px) {
    .manage__oval.active {
        margin-bottom: 24px
    }

    .manage__heading {
        padding: 0 20px
    }

    .manage__title {
        padding: 0 0 15px
    }

    .manage__filter-search {
        display: block;
        padding: 0
    }

    .manage .list-action__help {
        display: none
    }

    .manage__listing-sort {
        padding: 0 0 15px;
        display: block;
        width: 100%
    }

    .manage__list-action {
        display: block
    }

    .manage__list-action .list-action__list {
        width: 100%
    }

    .manage__heading-right {
        text-align: center
    }

    .manage__action-link {
        display: block;
        padding: 0 0 15px
    }

    .manage__action-string {
        text-align: center
    }

    .manage__action-btns {
        display: block;
        text-align: center;
        padding: 0 0 15px
    }

    .manage__action-string .btn {
        width: 100%
    }

    .manage__edit-image {
        padding: 13px 5px
    }

    .manage__edit-image__img {
        display: block;
        margin: 0 auto;
        padding: 0 15px
    }

    .manage__edit-image__info, .manage__edit-image__action {
        width: 100%;
        display: block;
        padding-right: 0
    }

    .manage__edit-image__info span {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .manage__edit-image__msg-noimage {
        width: 100%;
        display: block;
        padding-right: 0
    }

    .manage__edit-image__msg-noimage span {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .manage__edit-image__action-link .list-action__btn {
        width: 100%
    }

    .manage__edit-image__title {
        width: 100%
    }
}

.manage-payment {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.manage-payment__foot {
    height: 75px
}

.manage-payment__foot-bordered {
    border-top: 1px solid #f1f1f1;
    height: 75px
}

.manage-payment__heading {
    padding: 32px 40px 34px;
    border-bottom: 1px solid #efeff4
}

.manage-payment__heading:after {
    content: " ";
    display: block;
    clear: both
}

.manage-payment__content {
    padding: 36px 40px 42px
}

.manage-payment__form {
    width: 490px;
    padding: 0 0 51px
}

.manage-payment__form-field {
    padding: 0 0 30px 0;
    width: 100%
}

.manage-payment__form-field--lg {
    width: 760px;
    padding: 0 0 9px 0
}

.manage-payment__form-input {
    display: inline-block;
    vertical-align: middle;
    width: 460px
}

.manage-payment__form-amount {
    font-size: 28px;
    display: block;
    padding: 10px 0 40px;
    font-family: 'bebas_neue';
    text-transform: uppercase;
    cursor: default
}

.manage-payment__text {
    width: 847px;
    padding: 0 0 28px
}

.manage-payment__text p {
    padding: 0 0 20px
}

.manage-payment__links {
    padding: 0 0 0 30px
}

.manage-payment__links-item {
    padding: 0 30px 0 0
}

.manage-payment__links-item a:hover {
    text-decoration: underline
}

.manage-payment__btn {
    padding: 30px 0 0 30px;
    float: right
}

.manage-payment__btn-btn {
    padding: 13px 42px
}

.manage-payment__title {
    float: left
}

.manage-payment__add-btn {
    float: right
}

.manage-payment__list {
    padding: 0 0 50px
}

.manage-payment__list .game-info__title {
    width: 206px
}

.manage-payment__list .game-info__info {
    width: calc(100% - 210px)
}

.manage-payment__subtitle {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    display: block;
    padding: 0 0 30px
}

@media (max-width: 1023px) {
    .manage-payment__text {
        width: 100%
    }

    .manage-payment__form-field--lg {
        width: 100%
    }

    .manage-payment__form-input {
        display: block;
        padding: 0 0 10px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .manage-payment__heading {
        padding: 20px
    }

    .manage-payment__content {
        padding: 20px
    }

    .manage-payment__form {
        width: 100%;
        padding: 0 0 20px
    }

    .manage-payment__form-field {
        padding: 0 0 20px 0
    }

    .manage-payment__form-field:last-child {
        padding: 0
    }

    .manage-payment__list {
        padding: 0 0 20px
    }

    .manage-payment__list .game-info__title {
        display: block;
        width: auto;
        padding: 0 0 10px
    }

    .manage-payment__list .game-info__info {
        display: block;
        width: auto;
        max-width: 100%
    }

    .manage-payment__title {
        float: none;
        padding: 0 0 10px
    }

    .manage-payment__add-btn {
        float: none
    }

    .manage-payment__links {
        padding-left: 0
    }

    .manage-payment__btn {
        padding-left: 0
    }
}

.security-token {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px
}

@media (max-width: 1023px) {
    .security-token {
        padding: 0
    }
}

.products__desc.multiline__ellipsis {
    overflow: hidden;
    position: relative;
    line-height: 18px;
    max-height: 54px;
    text-align: justify;
    padding-right: 12px;
    width: 100%;
    display: block
}

.products__desc.multiline__ellipsis:before {
    content: '...';
    position: absolute;
    right: 1px;
    bottom: 0;
    background: #fff;
    width: 10px
}

.products__desc.multiline__ellipsis:after {
    content: '';
    position: absolute;
    right: 1px;
    width: 10px;
    height: 18px;
    background: #fff
}

.products__title.multiline__ellipsis {
    overflow: hidden;
    position: relative;
    line-height: 18px;
    max-height: 36px;
    text-align: justify;
    padding-right: 12px;
    width: 100%;
    display: block
}

.products__title.multiline__ellipsis:before {
    content: '...';
    position: absolute;
    right: 1px;
    bottom: 0;
    background: #fff;
    width: 10px
}

.products__title.multiline__ellipsis:after {
    content: '';
    position: absolute;
    right: 1px;
    width: 10px;
    height: 18px;
    background: #fff
}

.hide {
    display: none
}

@media (max-width: 1023px) {
    .manage .products__main-info-left {
        display: inline-block
    }

    .manage .products__main-info-right {
        padding: 0 0 0 20px !important;
        display: inline-block;
        width: calc(100% - 124px)
    }

    .manage__table tr {
        padding: 20px 0 0;
        display: block;
        position: relative
    }

    .manage__table tr:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #efeff4;
        bottom: 0;
        left: 0
    }

    .manage__table tfoot tr {
        padding-top: 0
    }

    .manage__table tfoot tr td {
        border-top: 0
    }

    .manage__table tfoot tr td.pagination {
        width: 100%;
        padding: 19px 40px
    }

    .manage__table td:after {
        display: none
    }

    td.manage__table-product {
        width: 29%
    }

    td.manage__table-check {
        width: 50px;
        padding-top: 53px
    }

    .manage__main-info {
        width: auto
    }

    .manage__delievery-method {
        display: block
    }
}

@media (max-width: 767px) {
    .manage .products__main-info-right {
        padding: 0 20px 0 0 !important;
        display: block;
        width: 100%
    }

    .manage__table tr:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #efeff4;
        bottom: 0;
        left: 0
    }

    .manage .products__name {
        padding: 0
    }

    .manage .products__description {
        padding: 5px 0 10px
    }
}

.btn-xedit .btn {
    padding: 13px 0;
    width: 48%;
    max-width: 129px;
    overflow: hidden;
    max-height: 45px
}

.editable-buttons {
    margin-left: 0 !important;
    width: 100%
}

.editable-buttons .xedit-action {
    max-width: 270px
}

.editable-buttons .xedit-action li {
    padding: 0 5px;
    width: 48%
}

.editable-buttons .xedit-action li:first-child {
    padding: 0 3px 0 0
}

.editable-buttons .xedit-action li:last-child {
    padding: 0 0 0 3px
}

.editable-buttons .xedit-action li .xedit-action-btn {
    width: 100%
}

.editable-buttons .xedit-action li .xedit-action-btn:hover {
    background: #66667a
}

@media (max-width: 767px) {
    .tip-yellowsimple {
        left: 10px
    }

    .tip-arrow {
        display: none
    }
}

.sales-history {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.sales-history__heading {
    padding: 24px 40px 27px
}

.sales-history__heading:after {
    content: " ";
    display: block;
    clear: both
}

.sales-history__heading .icon-cart {
    fill: #525257
}

.sales-history__title {
    float: left;
    width: 300px;
    padding: 0 20px 0 0
}

.sales-history__title-text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 42px)
}

.sales-history__title-icon {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px 0 0
}

.sales-history__search {
    float: right;
    margin: 3px 0 0
}

.sales-history__search .fake-input {
    width: 200px;
    float: left;
    margin-left: 20px
}

.sales-history__filters {
    float: right;
    margin: 6px 0 0
}

.sales-history__content {
    padding: 0px
}

.sales-history__pgn {
    border-top: 1px solid #efeff4
}

.sales-history__product-name {
    color: #525257
}

.sales-history__product-id {
    color: #0066cc
}

.sales-history__sort {
    padding: 10px
}

@media (max-width: 1023px) {
    .sales-history__content {
        padding: 0
    }

    .sales-history__heading {
        border-bottom: 1px solid #efeff4;
        padding: 20px 20px 20px
    }

    .sales-history__search .fake-input {
        width: 180px;
        float: left;
        margin-left: 10px
    }

    .sales-history__product-name {
        text-decoration: underline
    }
}

@media (max-width: 767px) {
    .sales-history__heading {
        padding: 20px 15px
    }

    .sales-history__title {
        float: none;
        display: block;
        width: 100%;
        padding: 0 0 30px
    }

    .sales-history__filters {
        float: none
    }

    .sales-history__filters:after {
        content: " ";
        display: block;
        clear: both
    }

    .sales-history__search {
        width: 300px;
        float: right;
        display: block;
        padding: 0 0 10px
    }

    .sales-history__search .fake-input {
        float: right;
        width: 200px;
        margin-left: 10px;
        margin-bottom: 10px
    }

    .sales-history__filter {
        float: right
    }

    .sales-history__pgn {
        display: block
    }

    .sales-history__sort {
        float: right;
        margin: 6px 0 0
    }

    .sales-history .pgn {
        display: block
    }
}

.purchase-history__table-product-details {
    font-weight: 700;
    max-width: 790px;
    width: 100%
}

@media (max-width: 1023px) {
    .responsive-table thead tr {
        padding: 0
    }
}

.pop__alerts {
    padding: 20px 0;
    width: auto;
    margin: 0 auto
}

.pop__details {
    padding: 20px;
    max-width: 598px;
    margin: 0 auto;
    background: #fafafc
}

.pop__note-title {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 12px;
    color: #9292a2;
    text-transform: uppercase;
    padding: 10px 0 5px
}

.pop__note-info {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    padding: 0 0 10px
}

.pop__note-link {
    color: #f03726 !important
}

.pop__list {
    margin: -1px 0 0
}

.pop__list-item {
    padding: 8px 0 0;
    border-top: 1px solid #efeff4
}

.pop__list-item:first-child {
    border-top: none
}

.trade {
    padding: 0 0 20px
}

.trade__inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.trade__heading {
    padding: 35px 40px 31px;
    border-bottom: 1px solid #efeff4
}

.trade__heading-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 13px 0 0
}

.trade__heading-icon [class*='icon-'] {
    fill: #525257
}

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

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

.trade__content-left {
    display: table-cell;
    vertical-align: top;
    width: 56.6%;
    padding: 39px 40px
}

.trade__content-right {
    display: table-cell;
    vertical-align: top;
    width: 42.63%;
    padding: 47px 40px 29px;
    background: #fafafc
}

.trade__content-dynamic {
    vertical-align: top;
    padding: 20px 40px 40px 40px;
    background: #fafafc;
    border: 1px solid #f1f1f1
}

.trade__content-heading {
    padding: 35px 40px 28px 40px
}

.trade__content-heading:after {
    content: " ";
    display: block;
    clear: both
}

.trade__order {
    padding: none
}

.trade__order__top {
    display: block;
    padding: 0 0 13px;
    font-size: 14px;
    line-height: 11px
}

.trade__order__top-num {
    text-transform: uppercase;
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700
}

.trade__date {
    font-size: 12px;
    float: right;
    color: #9292a2;
    margin: 10px 0 0
}

.trade .game-info__title {
    width: 220px
}

.trade__game-info {
    padding: 0 0 30px
}

.trade__game-info--seller {
    padding: 14px 0
}

.trade__game-info--seller .game-info__info {
    vertical-align: middle
}

.trade__game-info--seller .game-info__title {
    vertical-align: middle
}

.trade__report {
    float: right;
    margin: 9px 0 0
}

.trade__report:hover {
    text-decoration: underline
}

.trade__action {
    padding: 0 0 40px
}

.trade__action:after {
    content: " ";
    display: block;
    clear: both
}

.trade__action-inner {
    display: inline-block;
    width: 50%
}

.trade__action-inner input:last-child {
    padding: 12px 13px 12px
}

@media (max-width: 767px) {
    .trade__action-inner {
        padding: 0 0 15px;
        width: 100%
    }
}

.trade__action .trade__list-action3 {
    float: none;
    padding: 0
}

.trade__list-action {
    float: right;
    padding: 0 0 30px 0
}

@media (max-width: 767px) {
    .trade__list-action .list-action__list-item {
        padding-bottom: 10px
    }
}

.trade__list-action2 {
    float: right;
    padding: 20px 0 0
}

@media (max-width: 767px) {
    .trade__list-action2 .list-action__list-item {
        padding-bottom: 10px
    }
}

.trade__list-action3 {
    float: right;
    padding: 20px 0 0 0
}

@media (max-width: 767px) {
    .trade__list-action3 .list-action__list-item {
        padding-bottom: 10px
    }
}

.trade__list-action4 {
    float: right;
    padding: 20px 0 0 0
}

@media (max-width: 767px) {
    .trade__list-action4 .list-action__list-item {
        padding-bottom: 10px
    }
}

.trade__info-item {
    padding: 0 0 36px
}

.trade__info-item:last-child {
    padding: 0
}

.trade__info-item--border {
    padding: 25px 0;
    border-bottom: 1px solid #ececf1
}

.trade__info-item--border:first-child {
    padding: 0 0 25px
}

.trade__info-item--border-last {
    border-bottom: none
}

.trade__info-title {
    display: block;
    padding: 0 0 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.trade__delievery-status {
    padding: 40px 0 40px
}

.trade__trade-history .trade-history__status {
    float: none;
    margin: 0
}

.trade__trade-history .trade-history__info {
    float: none;
    width: 100%;
    padding: 0 0 10px
}

.trade__trade-history .trade-history__info--btns {
    padding: 0
}

.trade__trade-history .trade-history__list-item {
    padding: 21px 0
}

.trade__field-row {
    display: block;
    padding: 0 0 16px
}

.trade__field-row:last-child {
    padding: 0
}

.trade__field-input {
    display: block;
    padding: 0 0 16px;
    max-width: 528px
}

.trade__field-input:last-child {
    padding: 0
}

.trade__label {
    display: inline-block;
    vertical-align: middle;
    width: 170px;
    padding: 0 10px 0 0
}

.trade__label label {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    padding: 0
}

.trade__input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 174px)
}

.trade__submit {
    text-align: right;
    padding-top: 13px;
    max-width: none
}

.trade__submit .btn {
    padding: 13px 36px
}

.trade__include-inner {
    padding: 20px;
    display: block
}

.trade .trade__field-input + .trade__submit {
    max-width: none
}

.trade .request-alerts {
    padding: 0 0 20px
}

@media (max-width: 1023px) {
    .trade__heading {
        padding: 37px 20px
    }

    .trade__content {
        display: block
    }

    .trade__content-left {
        display: block;
        width: 100%;
        padding: 40px 40px 20px
    }

    .trade__content-right {
        display: block;
        width: 100%;
        padding: 48px 40px 20px
    }

    .trade__content-heading {
        padding: 20px 20px;
        background-color: #fafafc;
        border-bottom: 1px solid #ececf1
    }

    .trade__date {
        margin: 10px 0 0
    }

    .trade__order-num {
        padding: 0 10px 0 0
    }

    .trade__order__top {
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        padding: 0;
        line-height: 0
    }
}

@media (max-width: 767px) {
    .trade__inner {
        margin: 0 -15px
    }

    .trade__heading {
        padding: 20px 15px
    }

    .trade__content {
        display: block
    }

    .trade__content-left {
        display: block;
        width: 100%;
        padding: 40px 15px 20px
    }

    .trade__content-right {
        display: block;
        width: 100%;
        padding: 40px 15px 20px
    }

    .trade__content-heading {
        padding: 20px 20px;
        background-color: #fafafc;
        border-bottom: 1px solid #ececf1
    }

    .trade__content-dynamic {
        vertical-align: top;
        padding: 20px 20px 40px 20px;
        background: #fafafc;
        border: 1px solid #f1f1f1
    }

    .trade__date {
        margin: 0;
        float: none;
        display: inherit;
        padding: 20px 0 0 0
    }

    .trade__order-num {
        padding: 0 0 10px
    }

    .trade__order-status {
        display: block
    }

    .trade__order__top-num {
        padding: 0 0 15px;
        display: block
    }

    .trade__list-action {
        float: none
    }

    .trade__label {
        display: block
    }

    .trade__input {
        width: 100%
    }

    .trade__action {
        text-align: center
    }

    .trade__report {
        display: inline-block;
        float: none;
        margin: 0 0 10px
    }

    .trade .game-info__info {
        display: block
    }
}

.rate {
    padding: 0 0 20px
}

.rate__inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 27px 40px 28px
}

.rate__inner:after {
    content: " ";
    display: block;
    clear: both
}

.rate__btns {
    float: right
}

.rate__btns-item {
    display: inline-block;
    padding: 0 20px 0 0
}

.rate__btns-item:last-child {
    padding: 0
}

.rate__btns-btn {
    display: table;
    background: transparent;
    border: 1px solid #20c082;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0
}

.rate__btns-btn--red {
    border-color: #f03726
}

.rate__btns-btn:hover {
    background: transparent;
    opacity: .8
}

.rate__text {
    float: left;
    margin: 13px 0 0
}

.rate__text-icon {
    padding: 0 14px 0 0
}

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

.rate__title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    padding: 0 20px 0 0
}

@media (max-width: 767px) {
    .rate__inner {
        margin: 0 -15px;
        padding: 30px 15px 34px
    }

    .rate__btns {
        float: none;
        padding: 0 0 0 35px
    }

    .rate__text {
        display: block;
        float: none;
        padding: 0 0 25px
    }

    .rate__text-icon {
        vertical-align: top
    }

    .rate__text-text {
        vertical-align: top
    }

    .rate__title {
        display: block;
        padding: 0 0 10px
    }
}

.trade-history {
    padding: 0 0 20px
}

.trade-history__inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 32px 40px 53px
}

.trade-history__title {
    padding: 0 0 19px
}

.trade-history__list-item {
    padding: 21px 0;
    border-top: 1px solid #ececf1
}

.trade-history__list-item:after {
    content: " ";
    display: block;
    clear: both
}

.trade-history__list-item:first-child {
    border-top: none
}

.trade-history__list-item:last-child {
    border-bottom: 1px solid #ececf1
}

.trade-history__list-confirm {
    padding: 35px 0 25px
}

.trade-history__status {
    float: none;
    margin: 18px 0 0
}

.trade-history__date {
    display: block;
    padding: 0 0 8px;
    color: #9292a2
}

.trade-history__date--inline {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
    width: 156px
}

.trade-history__date--w {
    width: auto;
    float: left;
    margin: 15px 0 0
}

.trade-history__info {
    display: block;
    width: calc(100% - 94px);
    float: left
}

.trade-history__info-text p {
    width: 370px
}

.trade-history__info-game {
    color: #9292a2
}

.trade-history__info-message {
    padding: 0px
}

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

.trade-history__form-input {
    display: inline-block;
    width: 140px;
    padding: 0 20px 0 0
}

.trade-history__form input {
    padding: 12px 13px 11px
}

.trade-history__form .btn {
    padding: 13px 22px
}

@media (max-width: 1170px) {
    .trade-history__form {
        padding: 10px 0 0
    }
}

@media (max-width: 1023px) {
    .trade-history__form {
        padding: 0;
        float: right;
        margin: -10px 0 0
    }
}

@media (max-width: 767px) {
    .trade-history__form {
        float: none;
        margin: 0;
        display: block
    }
}

.trade-history__btns {
    float: right;
    padding: 10px 0 0 0;
    margin: -65px 0 0
}

.trade-history__btns-head {
    display: block;
    padding: 0 0 10px;
    font-weight: 500
}

.trade-history__btns-note {
    padding: 0 0 40px;
    border-top: 1px solid #f1f1f1;
    color: #9292a2
}

.trade-history__btns-note-text {
    padding: 15px 0 0;
    display: block
}

.trade-history__btns-btn {
    padding: 0 10px 0 10px;
    float: right
}

.trade-history__btns-btn:last-child {
    padding: 0
}

.trade-history__btns-pop1 {
    border-top: 1px solid #f1f1f1;
    padding: 15px 0 0;
    margin: -20px 0 0
}

.trade-history__btns-pop2 {
    border-top: 1px solid #f1f1f1;
    padding: 15px 0 0;
    margin: -20px 12px 0
}

.trade-history__btn {
    padding: 13px 38px
}

@media (max-width: 900px) {
    .trade-history__btns {
        float: none;
        padding: 10px 0 0 0
    }

    .trade-history__btns-head {
        padding: 0 0 10px 400px
    }

    .trade-history__btns-btn {
        padding: 0 10px 0 10px
    }

    .trade-history__btns-btn:last-child {
        padding: 0
    }

    .trade-history__date {
        padding: 0 0 10px
    }

    .trade-history__inner {
        margin: 0 -15px;
        padding: 35px 15px 25px
    }

    .trade-history__info {
        float: none;
        padding: 0 0 15px;
        width: 100%
    }

    .trade-history__status {
        float: none;
        margin: 0
    }
}

@media (max-width: 767px) {
    .trade-history__info-text p {
        width: 230px
    }

    .trade-history__btns {
        align-content: center;
        padding: 10px 0 0 0;
        margin: 20px 0 0
    }

    .trade-history__btns-head {
        padding: 0 0 10px 0
    }

    .trade-history__btns-btn {
        padding: 0 10px 0 10px
    }

    .trade-history__btns-btn:last-child {
        padding: 0
    }

    .trade-history__btns-pop1 {
        border-top: 1px solid #f1f1f1;
        padding: 15px 0 0;
        margin: -20px 12px 0
    }

    .trade-history__btns-pop2 {
        border-top: 1px solid #f1f1f1;
        padding: 15px 0 0
    }
}

.delievery-status__top {
    display: block;
    padding: 0 0 13px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px
}

.delievery-status__top:after {
    content: " ";
    display: block;
    clear: both
}

.delievery-status__title {
    float: left
}

.delievery-status__count {
    float: right
}

@media (max-width: 767px) {
    .delievery-status__title {
        float: none;
        display: block;
        padding: 0 0 10px
    }

    .delievery-status__count {
        float: none;
        display: block
    }
}

.progressbar {
    width: 100%;
    height: 5px;
    background: #e1e1e9;
    border-radius: 5px;
    position: relative
}

.progressbar__inner {
    width: 0;
    height: 100%;
    background: #1693da;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.user-action__activity-inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 32px 0 40px
}

.user-action__activity-heading {
    padding: 0 30px;
    border-bottom: 1px solid #efeff4
}

.user-action__post {
    background: #fafafc;
    padding: 25px 24px 25px 31px;
    border-bottom: 1px solid #efeff4
}

.user-action__post textarea {
    height: 76px;
    margin: 0 0 15px
}

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

.user-action__post-btn .btn {
    padding: 13px 40px
}

.user-action__post-photo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 16px
}

.user-action__post-photo .icon-camera {
    width: 19px;
    height: 16px;
    fill: #a2a2b2
}

.action-form {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    width: 750px;
    padding: 32px 0 40px
}

.action-form__form-field {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0 0 25px;
    font-size: 0;
    line-height: 0
}

.action-form__form-field label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.action-form__form-field:last-child {
    padding: 0
}

.action-form__form-field-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px
}

.action-form__form-field-item:first-child {
    padding: 0 10px 0 0
}

.action-form__form-field-item:last-child {
    padding: 0 0 0 10px
}

.action-form__form-field--wth-pad {
    padding: 0
}

.action-form__input-title {
    display: block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.action-form__input-title--insuarence {
    display: block;
    padding: 0 0 30px
}

.purchase-title {
    float: left
}

.purchase-title-shorten {
    float: left;
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 400px) {
    .purchase-title {
        float: left;
        padding-bottom: 15px;
        width: 100%
    }
}

.checklist {
    padding: 0 0 15px
}

.checklist-last {
    padding: 0 0 25px
}

.checklist-ordernumber {
    padding: 25px 0
}

.dialog-p {
    padding: 20px 0 40px 0;
    font-family: "GothamPro", Verdana
}

.dialog-c {
    text-align: center;
    padding: 20px 0 40px 0;
    font-family: "GothamPro", Verdana
}

.delievery-note {
    border: 1px solid #f1f1f1;
    padding: 15px 15px;
    line-height: 28px
}

.delievery-note-box {
    padding: 0 0 15px 0
}

.delievery-note-inner {
    padding: 0 10px 0 0
}

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

.upload-screen input[type="file"] + label {
    display: inline-block;
    background: #f7f7fa;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    margin: 0 10px 0 0
}

.upload-screen__btn {
    display: inline-block;
    background: #f7f7fa;
    font-size: 13px;
    line-height: 13px;
    color: #9292a2;
    font-family: "GothamPro";
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 16px;
    text-align: center;
    border-radius: 4px;
    transition: .2s ease-in-out;
    box-shadow: 0px 1px 0px 0px #e6e6ec;
    height: 35px;
    cursor: pointer
}

.upload-screen__btn:hover {
    background: #fafafc;
    color: #848496
}

.upload-screen__btn.blue {
    color: #1493D8
}

.upload-screen__btn.blue .icon-upload {
    fill: #1493D8
}

.upload-screen__btn-input {
    opacity: 0;
    position: absolute;
    cursor: pointer
}

.upload-screen__alert {
    display: inline-block;
    padding: 0 0 0 10px
}

@media (max-width: 767px) {
    .upload-screen__alert {
        padding: 10px 0 0
    }
}

.order-detail__action {
    float: right
}

.pop-info__list {
    margin: -1px 0 0
}

.pop-info__list-item {
    padding: 20px 0;
    border-top: 1px solid #efeff4
}

.pop-info__list-item:first-child {
    border-top: none
}

.pop-info__list-item .game-info__title {
    max-width: none;
    width: 100%;
    max-width: 270px;
    padding: 0 0 5px
}

.pop-info__list-item .game-info__title:after {
    right: unset;
    padding-left: 5px
}

.pop-info__list-item .game-info .list-action__label-input {
    max-width: 380px
}

.pop-info__info {
    display: block;
    vertical-align: top;
    font-size: 13px
}

.pop-info__info .upload-screen__btn input {
    max-width: 120px
}

.pop-info__info .list-action__btn {
    vertical-align: top
}

.game-info__input {
    display: inline-block
}

.game-info__input-link {
    color: #0066cc;
    text-decoration: underline
}

.game-info__input-inner {
    display: none;
    padding: 8px 0 0
}

.game-info__input-inner-btn {
    vertical-align: top;
    display: inline-block
}

.game-info__input-inner-content {
    display: inline-block;
    max-width: 230px
}

.game-info__input-inner-content input {
    padding: 12px 13px 12px;
    display: inline-block;
    max-width: 230px
}

.game-info__input-inner-content .trade__field-input:last-child {
    padding: 12px 13px 12px
}

@media (max-width: 767px) {
    .game-info__input {
        position: relative;
        z-index: 101;
        background: #f7f7fa;
        padding: 10px;
        border-radius: 3px;
        box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.06)
    }

    .game-info__input .menu-overlay {
        display: none
    }
}

.purchase-order__notes {
    padding: 0 0 18px
}

.purchase-order__notes .notes__inner.verify.timer .notes__content {
    max-width: none
}

@media (max-width: 767px) {
    .purchase-order__notes .notes__inner.verify.timer .notes__content {
        width: 100%;
        text-align: center;
        padding: 0 0 15px;
        line-height: 18px
    }
}

.purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer {
    padding: 0 0 0 5px
}

.purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer:after {
    content: ''
}

.purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer span:after {
    content: '';
    padding: 0
}

@media (max-width: 767px) {
    .purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer .days, .purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer .hours, .purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer .minutes, .purchase-order__notes .notes__inner.verify.timer .notes__content .countdown_timer .seconds {
        display: inline-block
    }
}

.purchase-order__notes .notes__inner.verify .notes__content {
    float: left;
    max-width: 750px
}

@media (max-width: 767px) {
    .purchase-order__notes .notes__inner.verify .notes__content {
        width: 100%;
        text-align: center;
        padding: 0 0 15px;
        line-height: 18px
    }
}

.purchase-order__notes .notes__inner.verify .notes__content span {
    font-weight: 500
}

.purchase-order__notes .notes__inner.verify .notes__content span:after {
    content: '-';
    padding: 0 4px;
    font-weight: 100
}

@media (max-width: 767px) {
    .purchase-order__notes .notes__inner.verify .notes__content span {
        display: block;
        padding: 0 0 5px
    }

    .purchase-order__notes .notes__inner.verify .notes__content span:after {
        content: none;
        padding: 0
    }
}

.purchase-order__notes .notes__inner.verify .btn {
    display: inline-block;
    background: #1693da;
    border-radius: 4px;
    float: right;
    padding: 13px 5px;
    min-width: 230px;
    font-family: "GothamPro", Verdana;
    font-size: 13px;
    text-transform: none;
    font-weight: 100
}

.purchase-order__notes .notes__inner.verify .btn:hover {
    background: #007bc1
}

.purchase-order__notes .notes__inner.verify .btn svg {
    fill: #ffffff;
    margin: 0 5px 0 0
}

@media (max-width: 1023px) {
    .purchase-order__notes .notes__inner.verify .btn {
        float: none;
        margin: 5px 0 0 0
    }
}

@media (max-width: 767px) {
    .purchase-order__notes .notes__inner.verify .btn {
        float: none;
        text-align: center
    }
}

@media (max-width: 767px) {
    .purchase-order__notes .notes__inner.verify {
        padding: 17px 25px;
        text-align: center
    }

    .purchase-order__notes .notes__inner.verify .notes__icon {
        position: relative;
        top: unset;
        left: unset;
        display: block;
        text-align: center
    }

    .purchase-order__notes .notes__inner.verify .notes__icon svg {
        width: 60px;
        height: 60px;
        margin: 10px 0 20px
    }
}

.game-country-flag {
    height: 31px
}

.banner {
    vertical-align: middle;
    margin: 0 auto;
    max-height: 130px;
    background: #eeeef4;
    overflow: hidden
}

.banner img {
    width: 100%
}

.banner__content {
    position: absolute;
    top: 173px;
    max-width: 1170px;
    margin: 0 auto;
    width: 100%
}

.banner__content ul {
    height: 31px
}

.banner__seller {
    position: absolute;
    top: 7px;
    right: 70px;
    height: 80px;
    max-width: 250px;
    width: auto;
    background: #3f7cd6;
    padding: 6px 8px;
    border-radius: 40px;
    box-shadow: 0 8px 6px -6px #1f3f6f
}

.banner__seller-photo {
    display: inline-block;
    padding: 0 7px 0 0
}

.banner__seller-photo img {
    border-radius: 50%;
    border: 4px solid #6f9de0;
    width: 68px !important;
    height: 68px !important
}

.banner__seller-content {
    display: inline-block;
    vertical-align: top;
    padding: 7px 25px 0 0;
    color: #ffffff;
    float: right
}

.banner__seller-content-name {
    display: block;
    font-weight: 500;
    padding: 0 0 8px;
    max-width: 124px;
    overflow: hidden;
    text-overflow: ellipsis
}

.banner__seller-content-status {
    display: block;
    font-weight: 800;
    font-size: 30px;
    color: yellow
}

.banner__title {
    font-size: 34px;
    line-height: 30px;
    font-family: 'bebas_neue';
    color: #fff;
    letter-spacing: 1px;
    width: 100%
}

.banner__title.store {
    width: 68%
}

.banner__smsell {
    display: none
}

@media (max-width: 1210px) {
    .banner__inner {
        left: 60px
    }

    .banner__seller {
        right: 70px
    }
}

@media (max-width: 1023px) {
    .banner {
        max-height: 150px
    }

    .banner img {
        height: 150px;
        width: auto
    }

    .banner__content {
        top: 185px;
        width: 500px;
        padding: 0 20px;
        width: 100%
    }

    .banner__title {
        font-size: 34px;
        line-height: 32px;
        width: 100%
    }

    .banner__title.store {
        width: 60%
    }

    .banner__seller {
        right: 20px
    }

    .banner__smsell {
        display: none
    }
}

@media (max-width: 767px) {
    .banner {
        height: 150px
    }

    .banner__content {
        top: 248px;
        padding: 0 20px;
        width: 93%
    }

    .banner__title {
        font-size: 30px;
        line-height: 30px;
        width: 100%
    }

    .banner__title.store {
        width: 100%
    }

    .banner__seller {
        display: none
    }

    .banner__smsell {
        display: block;
        padding: 10px 15px 0;
        height: 52px;
        width: 100%;
        background: #3f7cd6
    }

    .banner__smsell-photo {
        display: inline-block;
        padding: 0 7px 0 0
    }

    .banner__smsell-photo img {
        height: 34px;
        width: 34px;
        border-radius: 50%;
        border: 2px solid #6f9de0
    }

    .banner__smsell-content {
        display: inline-block;
        padding: 0 0 8px;
        max-width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #ffffff;
        font-size: 16px;
        font-weight: 500
    }

    .banner__smsell-status {
        float: right;
        padding: 5px 0 5px 15px;
        border-left: 2px solid #6f9de0;
        color: yellow;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        width: auto
    }

    .banner .flag {
        -moz-transform: scale(1.32);
        margin: 0 15px 0 0
    }
}

.game-details-seo {
    order: 3
}

.products {
    position: relative;
    padding-bottom: 0
}

.products-alert {
    padding: 12px 20px;
    background: #ffa500;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #ffffff
}

.products-alert__close {
    float: right
}

.products-alert__text {
    color: #ffa500
}

.products__list {
    display: table;
    width: 100%;
    border-collapse: separate
}

.products__list-item {
    border-bottom: 1px solid #efeff4;
    background: #fff;
    position: relative
}

.products__list-item:after {
    content: " ";
    display: block;
    clear: both
}

.products__list-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.products__list-item:nth-child(2n+2) {
    background: #fafafc
}

.products__list--sm-pad .products__main-info-right {
    padding: 20px 0 0 20px
}

.products__list--currency .products__link {
    font-size: 13px;
    line-height: 13px
}

.products__list--currency .products-currency__main-info {
    width: 276px
}

.products__list--currency .products-currency__main-info-right {
    padding: 0 0 20px
}

@media (max-width: 767px) {
    .products__list--currency .products-currency__main-info {
        width: 100%;
        border-right: none
    }
}

.products__list--currency .products__statistic-item {
    display: block;
    vertical-align: middle
}

.products__list--currency .products__statistic-item:first-child {
    width: 126px;
    padding: 0 10px 0 0
}

@media (max-width: 1023px) {
    .products__list--currency .products__statistic-item:first-child {
        width: auto;
        display: block
    }
}

.products__list--currency .products__statistic--count .products__statistic-item:last-child {
    padding: 0
}

.products__list--currency .products__statistic-wrap {
    display: block;
    padding: 0 0 8px
}

.products__list--currency .products__statistic-icon {
    display: inline-block;
    position: relative
}

.products__list--currency .products__statistic-icon .link-title {
    width: 240px;
    text-align: center
}

.products__list--currency .products__statistic-icon:hover .link-title {
    opacity: 1
}

.products__list--currency .products__sales-data {
    width: 450px
}

@media (max-width: 960px) {
    .products__list--currency .products__sales-data {
        width: 59%;
        margin: 0 auto
    }
}

.products-csgo-key .products-alert, .products-csgo-skin .products-alert {
    margin-bottom: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.products-csgo-key .products__amount, .products-csgo-skin .products__amount {
    color: #d7d7e0
}

.products-csgo-key .sort__text, .products-csgo-skin .sort__text {
    color: #d7d7e0
}

.products-csgo-key .sort__link, .products-csgo-skin .sort__link {
    color: #ffffff
}

.products-csgo-key .filter__link, .products-csgo-skin .filter__link {
    border: none;
    background: #78788c;
    color: #d4d4db
}

.products-csgo-key .filter__link svg, .products-csgo-skin .filter__link svg {
    fill: #9292a2
}

.products-csgo-key .fake-input, .products-csgo-skin .fake-input {
    background: #78788c
}

.products-csgo-key .fake-input input, .products-csgo-skin .fake-input input {
    color: #d7d7e0
}

.products-csgo-key .fake-input input:focus, .products-csgo-skin .fake-input input:focus {
    background: #78788c;
    color: #d7d7e0
}

.products-csgo-key__content-list-info {
    background-color: rgba(239, 239, 244, 0.8);
    padding: 0 15px 5px;
    z-index: 90;
    position: absolute;
    width: 100%;
    color: #565669;
    bottom: 70px
}

.products-csgo-skin {
    position: relative;
    padding-bottom: 0px;
    padding: 40px 0px;
    background: #67677d
}

.products-csgo-skin__content {
    margin: 0px 0px 50px
}

.products-csgo-skin__content-list-item {
    width: 262px;
    box-shadow: rgba(85, 85, 85, 0.08) 0px 5px 5px 0px;
    position: relative;
    background: #eaebf2;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px 30px
}

@media (max-width: 1168px) {
    .products-csgo-skin__content-list-item {
        width: calc((100% / 3) - 23px)
    }
}

@media (max-width: 767px) {
    .products-csgo-skin__content-list-item {
        width: 100%;
        margin: 0 0 30px
    }
}

.products-csgo-skin__content-list-filter {
    position: absolute;
    right: 10px
}

.products-csgo-skin__content-list-filter-icon {
    fill: #c4c4ce;
    width: 17px;
    height: 16px
}

.products-csgo-skin__content-list-filter-icon:hover {
    fill: #ffffff;
    transition: all .3s ease-in-out
}

.products-csgo-skin__content-list-head {
    min-height: 200px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 15px 15px 0;
    background: #78788c;
    background: -moz-linear-gradient(top, #78788c 10%, #d3d2d8 45%, #eaebf2 100%);
    background: -webkit-linear-gradient(top, #78788c 10%, #d3d2d8 45%, #eaebf2 100%);
    background: linear-gradient(to bottom, #78788c 10%, #d3d2d8 45%, #eaebf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78788c', endColorstr='#eaebf2', GradientType=0)
}

.products-csgo-skin__content-list-title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    max-width: 210px;
    height: 18px;
    display: block
}

.products-csgo-skin__content-list-title:hover {
    color: #d4ff04
}

@media (max-width: 1168px) {
    .products-csgo-skin__content-list-title {
        max-width: 175px;
        font-size: 8px
    }
}

@media (max-width: 767px) {
    .products-csgo-skin__content-list-title {
        max-width: 235px;
        font-size: 10px
    }
}

.products-csgo-skin__content-list-details {
    font-size: 8px;
    color: #d4d4db
}

@media (max-width: 1168px) {
    .products-csgo-skin__content-list-details {
        max-width: 175px;
        font-size: 7px
    }
}

@media (max-width: 767px) {
    .products-csgo-skin__content-list-details {
        max-width: 235px;
        font-size: 8px
    }
}

.products-csgo-skin__content-list-info {
    background-color: rgba(239, 239, 244, 0.8);
    padding: 0 15px 5px;
    z-index: 90;
    position: absolute;
    width: 100%;
    color: #565669
}

.products-csgo-skin__content-list-foot {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #78788c;
    padding: 15px;
    margin: 197px 0 0;
    text-align: center
}

.products-csgo-skin__content-label {
    display: block;
    position: absolute;
    top: 175px;
    z-index: 100
}

.products-csgo-skin__content-label .locked, .products-csgo-skin__content-label .open {
    padding: 0 5px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    font-weight: 500;
    border-radius: 3px;
    font-size: 11px;
    color: #ffffff
}

.products-csgo-skin__content-label .locked {
    background: #ffa500
}

.products-csgo-skin__content-label .locked span {
    padding-right: 2px
}

.products-csgo-skin__content-label .open {
    background: #72bb53
}

.products-csgo-skin__content-stick {
    z-index: 90;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50px;
    padding: 0 15px
}

.products-csgo-skin__content-stick-img {
    display: inline-block
}

.products-csgo-skin__content-stick-img img {
    width: 42px;
    height: auto
}

@media (max-width: 1168px) {
    .products-csgo-skin__content-stick-img img {
        width: 35px
    }
}

@media (max-width: 767px) {
    .products-csgo-skin__content-stick-img img {
        width: 42px
    }
}

.products-csgo-skin__content-img {
    position: absolute;
    z-index: 89;
    left: 0px;
    top: 45px;
    width: 100%;
    height: auto;
    text-align: center
}

.products-csgo-skin__content-img img {
    padding: 0 15px;
    width: 100%
}

.products-csgo-skin__content-btn {
    display: inline-block;
    width: 48%;
    border-radius: 3px;
    padding: 10px 0;
    color: #ffffff;
    font-family: bebas_neue;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase
}

.products-csgo-skin__content-btn.inspect {
    background: #565669;
    margin: 0 5px 0 0
}

.products-csgo-skin__content-btn.inspect:hover {
    background: #383844
}

.products-csgo-skin__content-btn.buy {
    background: #72bb53
}

.products-csgo-skin__content-btn.buy:hover {
    background: #629c44
}

@media (max-width: 1168px) {
    .products-csgo-skin__content-btn {
        width: 47%
    }
}

@media (max-width: 767px) {
    .products-csgo-skin__content-btn {
        width: 48%
    }
}

.products-csgo-skin__wear {
    padding: 0 0 8px;
    text-align: center
}

.products-csgo-skin__wear-info {
    display: block;
    font-size: 11px;
    padding: 2px 0 2px;
    color: #9292a2
}

.products-csgo-skin__wear-bar {
    height: 8px;
    width: 100%;
    background: #e2e2ea;
    border-radius: 4px
}

@media (max-width: 767px) {
    .products-csgo-skin__wear-bar {
        width: calc(100% - 11px)
    }
}

.products-csgo-skin__wear-bar-1, .products-csgo-skin__wear-bar-2, .products-csgo-skin__wear-bar-3, .products-csgo-skin__wear-bar-4, .products-csgo-skin__wear-bar-5 {
    display: inline-block;
    height: 8px;
    margin: 0 -4px 5px 0
}

.products-csgo-skin__wear-bar-1 {
    width: 7%;
    background: #008000;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.products-csgo-skin__wear-bar-2 {
    width: 8%;
    background: #5cb85c
}

.products-csgo-skin__wear-bar-3 {
    width: 23%;
    background: #f0ad4e
}

.products-csgo-skin__wear-bar-4 {
    width: 7%;
    background: #d9534f
}

.products-csgo-skin__wear-bar-5 {
    width: 55%;
    background: #993a38;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.products-csgo-skin__wear-prog {
    position: absolute;
    top: 18px;
    padding: 0 10px
}

.products-csgo-skin__wear-prog-arrow {
    fill: #383844;
    width: 11px;
    height: 11px
}

.products-csgo-skin__info {
    text-align: center
}

.products-csgo-skin__info-price {
    font-family: bebas_neue;
    font-size: 32px;
    padding: 10px 0 17px;
    display: block
}

.products-csgo-skin__info-avg {
    display: block;
    padding: 0 0 5px
}

.products-csgo-skin__info-avg-amount {
    padding: 2px 0 0
}

.products-csgo-skin__info-avg svg {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 3px 0 0
}

.products-csgo-skin__info-eta {
    display: block !important
}

.products-csgo-skin__info-eta svg {
    fill: #78788c;
    margin: 0 3px 0 0
}

.products-csgo-skin__info-seller {
    position: relative;
    text-align: left;
    border-top: 1px dotted #d4d4f5;
    padding: 10px 0 5px;
    margin: 10px 0 0
}

.products-csgo-skin__info-seller .seller__status-check {
    position: absolute;
    top: 0px;
    right: -11px
}

.products-csgo-skin__info-seller .seller__status-check .tooltip__content {
    transform: rotate(-45deg)
}

.products-csgo-skin__info-seller .seller__level-icon-counter {
    top: -4px;
    right: -16px
}

.products-csgo-skin__info-seller .user-rating__med {
    display: block
}

.products-csgo-skin__info-seller .user-profile__status-inner {
    display: inline-block;
    float: right;
    position: relative;
    max-width: 190px;
    padding: 0 10px 0 0
}

@media (max-width: 1023px) {
    .products-csgo-skin__info-seller .user-profile__status-inner {
        padding: 0 8px 0 0
    }

    .products-csgo-skin__info-seller .user-profile__status-inner .yos {
        display: none
    }
}

@media (max-width: 767px) {
    .products-csgo-skin__info-seller .user-profile__status-inner {
        max-width: 210px
    }

    .products-csgo-skin__info-seller .user-profile__status-inner .yos {
        display: inline-block
    }
}

.products-csgo-skin__info-seller .user-profile__status-inner .user-profile__status {
    padding: 0
}

.products-csgo-skin__info-seller .user-profile__status-inner .user-profile__status:first-child {
    padding: 0 5px 0 0
}

.products-csgo-skin__info-seller .user-profile__status-inner .user-profile__status:last-child {
    padding: 0 0 0 5px
}

.products-csgo-skin__border {
    border-top: 1px dotted #d4d4f5;
    display: block
}

@media (max-width: 767px) {
    .products-csgo-skin {
        padding: 80px 0 40px
    }
}

.products__filter-search {
    width: 260px;
    float: right
}

@media (max-width: 767px) {
    .products__filter-search {
        width: 100%
    }
}

.products__heading {
    padding: 6px 0 17px;
    clear: both
}

.products__heading-inner:after {
    content: " ";
    display: block;
    clear: both
}

.products__heading-right {
    float: right;
    margin: 6px 0 0
}

@media (max-width: 767px) {
    .products__heading-right {
        margin: 0;
        float: none
    }
}

.products__heading-left {
    float: left
}

.products__sort {
    position: relative
}

.products__sort--border:after {
    content: '';
    position: absolute;
    top: -3px;
    right: 9px;
    width: 1px;
    height: 30px;
    background: #dfdfe8
}

.products__title, .products__desc {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    margin-bottom: 10px
}

.products__amount {
    text-transform: uppercase;
    font-size: 11px;
    color: #9292a2;
    display: inline-block;
    vertical-align: middle
}

.products__content {
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    background: #fff;
    margin: 0 0 50px
}

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

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

@media (max-width: 767px) {
    .products__sort-wrap {
        display: block;
        padding: 0 0 20px
    }
}

.products__row {
    display: table-row
}

.products__seller, .products__main-info, .products__sales-data {
    display: table-cell;
    vertical-align: middle;
    padding: 26px 30px 20px;
    border-right: 1px solid #efeff4;
    position: relative
}

.products__seller:last-child, .products__main-info:last-child, .products__sales-data:last-child {
    border: none
}

.products__seller {
    width: 24%;
    vertical-align: top
}

.products__seller-hide {
    display: none;
    transform: rotate(-90deg);
    height: 28px;
    width: 120px;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.products__seller-hide-icon {
    display: block;
    text-align: center
}

.products__seller-hide-icon .icon-arrow-down {
    fill: #9292a2
}

.products__seller-hide-text {
    color: #9292a2
}

.products__seller .seller .products__action-link {
    display: none
}

.products__sales-data {
    width: 450px
}

.products__main-info {
    width: 420px;
    padding: 20px 30px 20px
}

.products__main-info-left, .products__main-info-right {
    display: inline-block;
    vertical-align: top
}

.products__main-info-left {
    width: 120px;
    padding: 20px 0 0
}

.products__main-info-right {
    width: calc(100% - 130px);
    padding-left: 20px;
    padding-bottom: 30px;
    max-width: 229px
}

.products__main-info-right a:hover {
    color: #f03726
}

.products__main-info-right .seller__name {
    display: none
}

.products__num {
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    padding: 8px 0 4px
}

.products__img {
    display: block;
    line-height: 0
}

.products__img img {
    max-width: 118px;
    width: 118px;
    height: 87px;
    border-radius: 3px
}

.products__img--platform {
    background: #fff;
    border: 1px solid #eeeef3;
    border-radius: 3px
}

.products__img:hover {
    opacity: .8
}

.products__note {
    color: #f03726;
    font-size: 11px;
    line-height: 11px
}

.products__name {
    display: block;
    overflow: hidden;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #525257;
    text-overflow: ellipsis
}

.products__description {
    display: block;
    padding: 0 0 10px
}

.products__description-platform {
    padding: 0 0 5px 2px
}

.products__description-platform li {
    display: none
}

.products__description-platform li.active {
    display: block
}

.products__description-platform li span {
    vertical-align: top
}

.products__description-platform li img {
    width: 18px
}

.products__description-item {
    display: block;
    padding: 0 0 1px;
    text-align: left;
    clear: both
}

.products__description-item:last-child {
    padding: 0
}

.products__description-title {
    float: left;
    vertical-align: middle;
    width: 70px;
    overflow: hidden;
    color: #9292a2;
    font-size: 12px;
    position: relative
}

.products__description-title:after {
    content: ':';
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 2px;
    padding-right: 2px
}

@media (max-width: 1023px) {
    .products__description-title {
        width: calc(60% - 4px)
    }
}

@media (max-width: 767px) {
    .products__description-title {
        width: calc(50% - 7px)
    }
}

.products__description-info {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: calc(50% - 12px)
}

@media (max-width: 1023px) {
    .products__description-info {
        width: auto
    }
}

@media (max-width: 767px) {
    .products__description-info {
        width: auto
    }
}

.products__description--block .products__description-title {
    padding: 0 0 5px
}

.products__description--block .products__description-info {
    display: block
}

.products__link {
    font-size: 11px;
    line-height: 11px
}

.products__link--report {
    font-size: 10px;
    line-height: 14px;
    color: #9292a2;
    text-decoration: underline
}

.products__link:hover {
    text-decoration: underline;
    color: #f03726
}

.products__statistic {
    float: left
}

.products__price {
    float: right;
    display: grid;
    text-align: center
}

.products__statistic-item {
    display: block;
    padding: 0 0 10px
}

.products__statistic-item:last-child {
    padding: 0
}

.products__statistic-insurance, .products__statistic-hours, .products__statistic-amount {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    font-size: 13px
}

.products__statistic-ins {
    position: absolute;
    color: #ffffff;
    margin: 1px 0 0 4px;
    font-size: 8px;
    display: none
}

.products__statistic-ins:first-child {
    margin: 1px 0 0 7px
}

.products__statistic-ins:last-child {
    margin: 1px 0 0 5px
}

.products__statistic-ins.active {
    display: block
}

.products__statistic--count .products__statistic-item:last-child {
    padding: 0 0 10px
}

.products__exch-rate {
    font-size: 11px;
    line-height: 11px;
    color: #9292a2;
    text-transform: none;
    padding: 0 0 10px 0
}

.products__count-input {
    display: block;
    width: 120px;
    margin: 0 0 5px
}

.products__price-price {
    font-size: 14px;
    display: inline-block;
    vertical-align: top
}

.products__price-discount {
    padding: 0 0 5px;
    display: block;
    text-decoration: line-through;
    color: #9292a2
}

.products__price-discount-num {
    display: inline-block;
    padding: 0 5px 0 0;
    font-weight: 600;
    color: #d22d1e
}

.products__price-num {
    display: block;
    padding: 0 0 10px;
    font-size: 32px;
    line-height: 24px;
    font-family: 'bebas_neue';
}

.products__price-note {
    font-size: 13px;
    color: #9292a2
}

.products__price-note .left {
    padding: 0 20px 0 0;
    text-align: center
}

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

.products__price--items {
    margin: 39px 0 0
}

@media (max-width: 1023px) {
    .products__price--items {
        margin: 20px 0 0
    }
}

.products__price--boost {
    margin: 20px 0 0
}

.products__price--trading-cards {
    margin: 20px 0 0
}

.products__price--currency {
    margin: 21px 0 0
}

.products__sales-data {
    position: relative
}

.products__action {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 10px
}

.products__action-btn a {
    width: 155px
}

.products__action-link {
    padding: 5px 0 0
}

.products__action-link--left {
    position: absolute;
    left: 30px;
    right: auto
}

.products__account-includes-list {
    padding: 20px 0 30px;
    min-width: 320px;
    text-align: center
}

.products__account-includes-list .products__description-info {
    display: block;
    width: 100%;
    line-height: 28px;
    color: #f03726
}

.products__account-includes .products__description-title {
    width: 100%;
    text-decoration: underline;
    color: #f03726
}

.products__account-includes .products__description-title:after {
    right: auto;
    content: none
}

.products__account-includes .products__description-info {
    width: 100%
}

.products__more {
    display: none
}

@media (max-width: 1185px) {
    .products__list--currency .products__statistic {
        padding: 0 0 20px
    }

    .products__list--currency .products__statistic-item {
        display: block;
        padding: 0 0 20px 0
    }

    .products__list--currency .products__statistic-item:last-child {
        padding: 0
    }

    .products__list--currency .products__price-price {
        padding: 0 0 20px
    }

    .products__list--currency .products__price-num {
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px 0 0
    }

    .products__list--currency .products__price-note {
        display: inline-block;
        vertical-align: middle
    }

    .products__list--currency .products__action {
        display: block
    }

    .products__list--currency .products__action-btn {
        padding: 0 0 10px
    }

    .products__statistic {
        padding: 0 0 20px;
        max-width: 150px
    }

    .products__statistic-item {
        display: block
    }

    .products__statistic-item:last-child {
        padding: 0
    }

    .products__price {
        padding: 0 0 0 30px
    }

    .products__price-num {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 10px 0
    }

    .products__price-note {
        display: block;
        vertical-align: middle
    }

    .products__action {
        display: block;
        text-align: left;
        padding: 10px 0 10px
    }
}

@media (max-width: 1023px) {
    .products__heading-left {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }

    .products__heading-right {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 100%
    }

    .products__heading-right:after {
        content: " ";
        display: block;
        clear: both
    }

    .products__heading-right .sort {
        float: left;
        margin: 9px 0 0
    }

    .products__heading-right .sort__list {
        right: -125px
    }

    .products__heading-right .sort:after {
        content: '';
        position: absolute;
        top: -3px;
        left: -11px;
        width: 1px;
        height: 30px;
        background: #dfdfe8
    }

    .products__heading-right--right {
        float: right;
        width: auto
    }

    .products__heading-right--right .sort:after {
        display: none
    }

    .products__filter {
        float: right
    }

    .products__sort {
        padding: 0 17px 0 0
    }

    .products__sort--border:after {
        right: 7px
    }

    .products__price {
        padding: 0 0 0 20px;
        width: 165px
    }

    .products__seller {
        width: 60px;
        padding: 0;
        position: relative
    }

    .products__seller-hide {
        display: block;
        position: absolute;
        left: -27px;
        top: 95px
    }

    .products__seller .seller {
        display: none;
        position: absolute;
        left: 53px;
        top: 0;
        background: #fff;
        height: 100%;
        padding: 50px 30px;
        width: 255px;
        z-index: 2
    }

    .products__main-info {
        width: 45%
    }

    .products__main-info-left, .products__main-info-right {
        display: block
    }

    .products__main-info-left {
        padding: 0 0 20px
    }

    .products__main-info-right {
        padding: 0 0 10px 0;
        width: 100%
    }

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

    .products__action-link--left {
        bottom: auto;
        top: 38px;
        right: 30px;
        left: auto
    }

    .products__action-link--left-tablet {
        right: auto;
        left: 30px
    }

    .products__sales-data {
        text-align: left;
        width: 700px
    }

    .products__list--sm-pad .products__main-info-right {
        padding: 0px 0px 10px
    }
}

@media (max-width: 800px) {
    .products__heading-right {
        width: 100%;
        padding: 10px 0 0
    }

    .products__heading-right--right {
        float: right
    }

    .products__title {
        padding: 0 20px 0 0
    }
}

@media (max-width: 767px) {
    .products {
        box-shadow: none;
        padding-top: 80px
    }

    .products__heading {
        padding: 10px 0 15px
    }

    .products__heading-left {
        float: none;
        padding: 0 0 20px
    }

    .products__heading-right {
        display: block;
        width: 100%;
        margin: 0
    }

    .products__heading-right--right {
        float: none
    }

    .products__heading-right .sort {
        width: auto
    }

    .products__heading-right .sort__list {
        right: -95px
    }

    .products-alert {
        font-size: 10px;
        line-height: 17px;
        text-align: center
    }

    .products__filter {
        float: none
    }

    .products__filter .filter__link {
        float: right
    }

    .products__content {
        background: transparent;
        box-shadow: none
    }

    .products__content .products__statistic form {
        padding: 0;
        width: 45%;
        top: 65px;
        position: absolute;
        z-index: 1
    }

    .products__sort {
        display: block;
        width: inherit;
        padding: 0 0 10px
    }

    .products__sort-wrap {
        padding: 0
    }

    .products .game-protect {
        float: right
    }

    .products__filter {
        display: block
    }

    .products__price {
        float: none;
        margin: 58px 0 20px 0;
        padding: 0;
        text-align: right;
        width: 100%;
        top: -100px;
        position: relative;
        height: 0
    }

    .products__price-num {
        font-size: 16px;
        font-family: "GothamPro";
        font-weight: 500;
        padding: 0
    }

    .products__price-price {
        padding: 5px 15px
    }

    .products__price-note {
        display: block;
        vertical-align: middle;
        padding: 2px 0 0;
        text-align: -moz-center
    }

    .products__price-note .left {
        float: none;
        text-align: right;
        padding: 0 10px 0 0;
        font-size: 10px
    }

    .products__price-note .left .g2g-icon.i-sm-wor {
        transform: scale(0.65)
    }

    .products__name {
        text-align: left;
        padding: 0 15px 0 0;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
        font-weight: 100;
        margin: 0;
        text-align: justify;
        text-justify: inter-word
    }

    .products__seller {
        display: block;
        width: 100%;
        padding: 0 15px 0;
        border-right: none;
        position: absolute;
        bottom: 0;
        background: #f7f6f6;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        z-index: 1
    }

    .products__seller-hide {
        display: none
    }

    .products__seller .seller {
        display: block;
        position: static;
        padding: 0;
        height: auto;
        width: auto;
        border-bottom: none;
        background: #f7f6f6
    }

    .products__seller .seller__info, .products__seller .seller__title {
        display: inline-block
    }

    .products__seller .seller__info {
        padding: 5px 0 0;
        left: -20px;
        position: relative
    }

    .products__seller .seller__title {
        border-bottom: none;
        padding: 0 0 10px
    }

    .products__seller .seller__name {
        display: none
    }

    .products__seller .seller .products__action-link {
        display: inline-block;
        float: right;
        background: #ffffff;
        width: 38px;
        height: 40px;
        float: right;
        margin: 12px 0 0;
        padding: 8px 0 12px;
        border: 1px solid #ebebeb;
        text-align: center;
        border-radius: 3px
    }

    .products__seller .seller .products__action-link svg {
        fill: #9292a2;
        width: 20px;
        height: 20px
    }

    .products__num {
        display: none;
        padding: 0 0 10px;
        text-align: center
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .products__num {
        padding: 10px 0
    }
}

@media (max-width: 767px) {
    .products__list-item {
        display: block;
        padding: 18px 0 0;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
        margin: 0 0 20px;
        border: none;
        box-shadow: 0px 5px 10px 0px rgba(85, 85, 85, 0.15)
    }

    .products__list-item:nth-child(2n+2) {
        background: #fff
    }

    .products__list-item .seller__status-check {
        vertical-align: top;
        right: 20px;
        border-radius: 3px;
        width: 13px;
        height: 13px
    }

    .products__list-item .seller__status-check:before {
        top: 2px;
        left: 4px;
        width: 4px;
        height: 8px
    }

    .products__list-item .seller__info-item {
        width: 36px
    }

    .products__list-item .seller__info-item .g2g-icon[class*="i-lg-"] {
        transform: scale(0.75)
    }

    .products__list-item .seller__info-item .rating__pic .circle-progress {
        display: none
    }

    .products__list-item .seller__info-item .rating__pic .seller__level-icon-counter {
        top: 4px
    }

    .products__list-item .seller__info-item .rating__icon {
        display: block;
        width: none;
        height: none;
        background: none;
        border-radius: 0;
        border: 0
    }

    .products__list-item .seller__info-item .rating__icon .g2g-icon[class*="i-lg-"] {
        background-position-y: -73px
    }

    .products__list--currency .products__statistic {
        width: 100%;
        padding: 0 0 20px
    }

    .products__list--sm-pad .products__main-info-right {
        padding: 0;
        max-width: 237px;
        width: calc(100% - 147px)
    }

    .products__row {
        display: block;
        position: relative;
        padding: 0 0 65px
    }

    .products__main-info {
        display: block;
        width: 100%;
        padding: 0;
        border-right: none
    }

    .products__main-info-left, .products__main-info-right {
        display: inline-block
    }

    .products__main-info-left .products__action-link, .products__main-info-right .products__action-link {
        display: none
    }

    .products__main-info-left {
        padding: 0 15px 15px;
        width: 143px
    }

    .products__main-info-right {
        padding: 0 20px;
        width: calc(100% - 115px)
    }

    .products__main-info-right .seller__name {
        display: inline-block;
        padding: 0 15px 0 0;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
        font-weight: 100;
        margin: 0;
        max-width: 200px;
        width: 100%
    }

    .products__img {
        text-align: center;
        width: 100%
    }

    .products__img img {
        display: block;
        width: 111px;
        max-width: none;
        height: 80px
    }

    .products__description {
        padding: 5px 15px 0 0;
        text-align: left
    }

    .products__description-item {
        display: inline-block;
        color: #9292a2
    }

    .products__description-item:last-child .products__description-info:after {
        content: none
    }

    .products__description-title {
        display: none
    }

    .products__description-info {
        font-size: 10px
    }

    .products__description-info:after {
        display: inline-block;
        content: ".";
        padding: 0 3px
    }

    .products__description-platform {
        display: inline-block
    }

    .products__statistic {
        display: block;
        float: none;
        width: 100%;
        padding: 0 5px 30px 15px;
        max-width: none;
        text-align: right
    }

    .products__statistic-item {
        display: inline-block;
        padding: 0 10px 0 0;
        color: #9292a2;
        font-size: 10px
    }

    .products__statistic--count {
        padding: 0 15px 30px
    }

    .products__statistic-hours, .products__statistic-amount, .products__statistic-insurance {
        padding-left: 3px;
        font-size: 10px;
        padding-top: 1px;
        vertical-align: top
    }

    .products__statistic-icon svg {
        width: 15px
    }

    .products__statistic-ins {
        margin: 0 0 0 3px;
        font-size: 7px
    }

    .products__statistic-ins:first-child {
        margin: 0 0 0 5px
    }

    .products__sales-data {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0;
        border-right: none
    }

    .products__action {
        text-align: right;
        padding: 7px 0 0
    }

    .products__action-btn a {
        width: auto
    }

    .products__action-btn .btn {
        border-radius: 3px;
        padding: 11px 0;
        width: 45%
    }

    .products__action-link {
        display: block;
        position: static;
        padding: 5px 0;
        text-decoration: underline
    }

    .products__account-includes-list {
        width: 100%;
        min-width: 275px
    }

    .products__account-includes-list .products__description-info {
        display: block;
        font-size: 11px
    }

    .products__account-includes-list .products__description-info:after {
        content: none
    }

    .products__account-includes .products__description-title {
        display: inline-block;
        color: #3d8af7;
        text-decoration: underline;
        float: none;
        font-size: 10px
    }

    .products__account-includes .products__description-title:after {
        content: none
    }

    .products__more {
        display: inline-block;
        background: #ffffff;
        width: 38px;
        height: 40px;
        float: right;
        margin: 12px 0 0;
        padding: 10px 0;
        border: 1px solid #ebebeb;
        text-align: center;
        border-radius: 3px
    }
}

.dynamic-filter {
    background-color: #fff;
    box-shadow: 0 8px 6px -6px #d7d7e0
}

.dynamic-filter-breadcrumb__list li {
    display: inline-block;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 11px
}

.dynamic-filter-breadcrumb__list li:not(:last-child):after {
    content: "\003e";
    display: inline-block;
    padding: 0 10px
}

.dynamic-filter-nav {
    border-top: 1px solid #e2e2ea;
    border-bottom: 1px solid #e2e2ea
}

.dynamic-filter-nav__list {
    font-size: 0;
    line-height: 0
}

.dynamic-filter-nav__list.slick-initialized .slick-slide {
    display: table-cell;
    float: none
}

.dynamic-filter-nav__list-item {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #e2e2ea;
    border-bottom: 3px solid transparent;
    text-align: center;
    position: relative
}

.dynamic-filter-nav__list-item:first-child .dynamic-filter-nav__link {
    display: inline-block
}

.dynamic-filter-nav__list-item:last-child {
    border: none
}

.dynamic-filter-nav__list-item:nth-child(9) {
    border-right: 1px solid transparent
}

.dynamic-filter-nav__list-item:nth-child(10).active {
    border-bottom: 3px solid transparent
}

.dynamic-filter-nav__list-item:hover {
    border-bottom: 3px solid #f03726
}

.dynamic-filter-nav__list-item:hover .dynamic-filter-nav__title {
    font-weight: bold;
    color: #525257
}

.dynamic-filter-nav__list-item.active {
    background: #ffffff;
    border-bottom: 3px solid #f03726
}

.dynamic-filter-nav__list-item.active .dynamic-filter-nav__title {
    font-weight: bold;
    color: #525257
}

.dynamic-filter-nav__list-item .icon-arrow-down {
    position: absolute;
    fill: #9292a2;
    top: 8px;
    right: 10px
}

.dynamic-filter-nav__link {
    display: block;
    text-align: center;
    position: relative;
    padding: 16px 16px 13px 16px;
    width: calc(1140px / 9)
}

.dynamic-filter-nav__link:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #eeeef4 transparent transparent transparent;
    bottom: -22px;
    left: calc(50% - 6px);
    display: none
}

.dynamic-filter-nav__link.active [class*="icon-"] {
    fill: #fff
}

.dynamic-filter-nav__link.active .dynamic-filter-nav__icon {
    background: #f03726
}

.dynamic-filter-nav__link.active .dynamic-filter-nav__title {
    color: #525257
}

.dynamic-filter-nav__icon {
    display: table;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 10px
}

.dynamic-filter-nav__icon-img {
    max-width: 50px;
    height: auto
}

.dynamic-filter-nav__icon.bg-grey {
    background: #e3e3ec
}

.dynamic-filter-nav__icon-inner {
    display: table-cell;
    vertical-align: middle
}

.dynamic-filter-nav__icon .icon-currency {
    width: 36px;
    height: 36px
}

.dynamic-filter-nav__icon .icon-up {
    width: 36px;
    height: 36px;
    transform: rotate(-90deg);
    fill: #9292a2
}

.dynamic-filter-nav__title {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
    color: #9292a2
}

.filter__selects {
    padding-top: 20px;
    padding-bottom: 6px
}

.filter__checkbox {
    display: inline-block
}

.filter__checkbox input[type="checkbox"] + label {
    font-size: 11px;
    vertical-align: middle;
    padding: 0 0 0 26px;
    margin-bottom: 0
}

.filter__checkbox:after {
    content: "|";
    padding: 0 4px;
    display: inline-block
}

.icon-search {
    width: 18px;
    height: 17px
}

.flex-container {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap
}

.flex-container > div {
    width: 100%
}

.report-listing__bulk {
    padding-bottom: 20px;
    border-bottom: 1px solid #efeff4
}

.report-listing__success {
    text-align: center
}

.report-listing__success-msg {
    color: #9292a2
}

.report-listing__success .icon-circle-check {
    width: 48px;
    height: 48px;
    fill: #20c082
}

.store-credit__bulk {
    padding-bottom: 20px;
    border-bottom: 1px solid #efeff4
}

.store-credit__bulk .bulk__header {
    display: block;
    padding-bottom: 20px
}

.store-credit__bulk__item {
    padding: 20px 25px 0
}

.store-credit__bulk__item .bulk__btn-content-txt {
    font-size: 11px;
    color: #9292a2;
    display: block;
    padding-top: 6px;
    padding-bottom: 20px
}

.store-credit__bulk__item .bulk__btn-inner-center {
    padding-bottom: 10px
}

.store-credit__bulk__item .bulk__btn-inner-center .bulk__btn-content {
    text-align: center
}

.store-credit__bulk__item .bulk__btn-inner-center .bulk__btn-link {
    width: 280px
}

@media (max-width: 767px) {
    .store-credit__bulk__item .bulk__btn-inner-center .bulk__btn-link {
        width: 100%
    }
}

.sell-product {
    padding: 50px 0;
    background: #EDEDF3;
    text-align: center;
    margin-bottom: 50px
}

.sell-product__title {
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2ea
}

.sell-product__link-list {
    margin-top: 20px
}

.sell-product__link-list li {
    display: inline-block;
    margin-right: 60px;
    margin-bottom: 10px
}

.sell-product__link-list li:last-child {
    margin-right: 0
}

.sell-product__link-list li a {
    text-transform: uppercase;
    font-family: 'bebas_neue';
    font-size: 20px;
    letter-spacing: .06rem
}

@media (max-width: 767px) {
    .sell-product__link-list li {
        display: block;
        margin-right: 0
    }
}

.game-description {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    background: #fff;
    padding: 34px 25px 19px;
    position: relative;
    margin-bottom: 50px
}

.game-description:after {
    content: '';
    position: absolute;
    top: 0;
    left: 415px;
    width: 1px;
    height: 100%;
    background: #efeff4
}

.game-description__left {
    display: inline-block;
    vertical-align: top;
    width: 415px;
    padding-right: 50px
}

.game-description__right {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 420px)
}

.game-description__title {
    padding: 0 0 34px
}

.game-description__text {
    font-size: 14px;
    line-height: 22px;
    color: #a2a2b0;
    padding: 0 0 23px
}

.game-description__text:last-child {
    padding: 0
}

@media (max-width: 767px) {
    .game-description:after {
        display: none
    }

    .game-description__left {
        display: block;
        width: 100%;
        padding: 0 0 20px
    }

    .game-description__right {
        display: block;
        width: 100%
    }
}

.products-detail {
    /*font-size: 0*/
}

.products-detail__csgo-keys {
    height: 45px;
    background: #e2e2ea;
    padding: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.products-detail__csgo-keys .products-csgo-skin__info-avg {
    display: block;
    font-size: 12px;
    float: right
}

.products-detail__csgo-keys .products-csgo-skin__info-avg-amount {
    font-weight: 500;
    padding: 0 0 0 3px
}

@media (max-width: 767px) {
    .products-detail__csgo-keys .products-csgo-skin__info-avg {
        float: none
    }
}

.products-detail__csgo-skin {
    height: 100px;
    background: #e2e2ea;
    padding: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.products-detail__csgo-skin .products-csgo-skin__wear-bar-1, .products-detail__csgo-skin .products-csgo-skin__wear-bar-2, .products-detail__csgo-skin .products-csgo-skin__wear-bar-3, .products-detail__csgo-skin .products-csgo-skin__wear-bar-4, .products-detail__csgo-skin .products-csgo-skin__wear-bar-5 {
    margin: 0 0 5px 0
}

.products-detail__csgo-skin .products-csgo-skin__wear-info {
    text-align: left;
    margin: 0 0 7px;
    color: #525257;
    font-size: 13px
}

.products-detail__csgo-skin .products-csgo-skin__wear-prog {
    top: 27px
}

.products-detail__csgo-skin .products-csgo-skin__content-btn.inspect {
    width: 30%;
    margin: 5px 0 0;
    vertical-align: top;
    float: right
}

@media (max-width: 767px) {
    .products-detail__csgo-skin .products-csgo-skin__content-btn.inspect {
        float: none;
        margin: 5px 0 10px
    }
}

.products-detail__csgo-skin .products-csgo-skin__info-avg {
    display: block;
    font-size: 12px;
    padding: 5px 0 0;
    float: right
}

.products-detail__csgo-skin .products-csgo-skin__info-avg-amount {
    font-weight: 500;
    padding: 0 0 0 3px
}

@media (max-width: 767px) {
    .products-detail__csgo-skin .products-csgo-skin__info-avg {
        float: none
    }
}

@media (max-width: 767px) {
    .products-detail__csgo-skin {
        height: 150px
    }

    .products-detail__csgo-skin .products-csgo-skin__wear-bar {
        width: 100%
    }
}

.products-detail__price-discount {
    padding: 0 0 5px;
    display: block;
    text-decoration: line-through;
    color: #9292a2
}

.products-detail__price-discount-num {
    display: inline-block;
    padding: 0 5px 0 0;
    font-weight: 600;
    color: #d22d1e
}

.products-detail__left {
    display: inline-block;
    vertical-align: top;
    width: 43%;
    padding: 0 30px 0 0
}

.products-detail__center {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.products-detail__right {
    display: inline-block;
    vertical-align: top;
    width: 57%
}

.products-detail__right-inner {
    background: #fff;
    padding: 28px 30px 29px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    border-radius: 4px
}

.products-detail__right-inner.csgo-skin .products-csgo-skin__wear {
    display: inline-block;
    position: relative;
    width: 262px
}

.sel{
    position: relative;
}
.sel__arrow{
    position: absolute;
    top: 7px;
    right: 11px;
}
.sel__select{
}

@media (max-width: 767px) {
    .products-detail__right-inner.csgo-skin .products-csgo-skin__wear {
        max-width: none;
        display: block
    }
}

.products-detail__more {
    display: inline-block;
    text-align: center;
    width: 100%;
    max-width: 78px;
    height: 63px;
    border-radius: 4px;
    background: #f8f8f8;
    margin: 0 0 0 4px;
    padding: 10px 5px;
    border: 1px solid #e6e6e6;
    color: #9292a2;
    vertical-align: top
}

.products-detail__more-icon {
    display: block;
    font-size: 24px
}

.products-detail__more-label {
    display: block;
    font-size: 14px;
    padding: 3px 0 0;
    font-weight: 500
}

.products-detail__more:hover {
    color: #525257;
    background: #ffffff
}

.products-detail__img {
    margin: 0 0 20px;
    background: #fff;
    line-height: 0;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.products-detail__img--items {
    display: table;
    width: 100%;
    padding: 50px;
    text-align: center;
    border-radius: 4px
}

.products-detail__img--items .products-detail__img-inner {
    display: table-cell;
    vertical-align: middle
}

.products-detail__img--items .products-detail__img-inner img {
    max-width: 100%;
    width: auto;
    min-height: auto
}

@media (max-width: 1023px) {
    .products-detail__img--items {
        padding: 25px
    }
}

.products-detail__img.csgo-skin .magnific-popup {
    position: relative
}

.products-detail__img.csgo-skin .products-csgo-skin__content-stick {
    top: 15px
}

.products-detail__img.csgo-skin .products-csgo-skin__content-stick-img img {
    width: 60px
}

@media (max-width: 1023px) {
    .products-detail__img.csgo-skin .products-csgo-skin__content-stick-img img {
        width: 38px
    }
}

.products-detail__img.csgo-skin .lightbox-img img {
    min-height: unset !important;
    min-width: unset !important
}

.products-detail__seller-inner {
    background: #fff;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    border-radius: 4px;
    padding: 20px 30px;
    margin: 95px 0 0
}

.products-detail__seller-inner.csgo-skin {
    margin: 15px 0 0
}

@media (max-width: 1168px) {
    .products-detail__seller-inner.csgo-skin .seller__name {
        max-width: 140px
    }
}

@media (max-width: 1023px) {
    .products-detail__seller-inner.csgo-skin .seller__name {
        max-width: 200px
    }
}

.products-detail__seller-inner .seller__photo {
    width: 68px;
    height: 68px
}

.products-detail__seller-inner .seller__photo img {
    width: 68px;
    height: 68px
}

.products-detail__seller-inner .seller__title {
    height: 108px
}

.products-detail__seller-inner .seller__status {
    right: 3px;
    width: 14px;
    height: 14px;
    border: 3px solid #fff
}

.products-detail__seller-inner .seller__btn .btn--transparent {
    margin-left: 0
}

@media (max-width: 1023px) {
    .products-detail__seller-inner {
        margin: 75px 0 0
    }

    .products-detail__seller-inner .seller__title {
        height: 180px;
        text-align: center
    }
}

@media (max-width: 767px) {
    .products-detail__seller-inner {
        margin: 80px 0 0
    }

    .products-detail__seller-inner .seller__title {
        height: 180px
    }
}

.products-detail__seller-info {
    padding: 0
}

.products-detail__seller-info li {
    padding-bottom: 3px;
    padding-top: 3px
}

.products-detail .seller__level-text {
    width: auto
}

.products-detail__title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    display: block;
    padding-bottom: 15px
}

.products-detail__num {
    padding-bottom: 11px
}

.products-detail__game-info {
    padding: 0 0 30px;
    margin: 0 -15px
}

.products-detail__game-info .game-info__list {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 20px
}

.products-detail .game-info__info {
    display: inline-block;
    width: calc(100% - 150px);
    text-overflow: ellipsis;
    overflow: hidden
}

.products-detail__sales-data {
    padding: 35px 20px 15px;
    background: #fafafc;
    width: auto;
    display: block;
    text-align: left;
    margin: 0 0 37px;
    border: none
}

.products-detail__sales-data:after {
    content: " ";
    display: block;
    clear: both
}

.products-detail__sales-data .products__statistic {
    float: left;
    width: auto
}

.products-detail__sales-data .products__statistic ul {
    padding: 0 20px 0 0
}

.products-detail__sales-data .products__statistic--count {
    float: left;
    width: auto;
    padding: 0 20px 0 0
}

.products-detail__sales-data .products__statistic--count .products__statistic-item {
    display: block;
    padding: 0 0 15px
}

.products-detail__sales-data .products__statistic-form {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    text-align: center
}

.products-detail__sales-data .products__statistic-inner {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px 0 0
}

.products-detail__sales-data .products__price {
    float: right;
    padding: 0 0 10px 25px
}

.products-detail__sales-data .products__price-price {
    padding: 0
}

.products-detail__sales-data .products__price-num {
    padding: 0 0 6px
}

.products-detail__sales-data .products__price-discount {
    padding: 0 0 5px;
    display: block;
    text-decoration: line-through;
    color: #9292a2
}

.products-detail__sales-data .products__price-discount-num {
    display: inline-block;
    padding: 0 5px 0 0;
    font-weight: 600;
    color: #d22d1e
}

.products-detail__sales-data .products__action-btn {
    padding: 0
}

.products-detail__sales-data .products__statistic-item {
    display: inline-block;
    padding: 0 20px 0 0
}

.products-detail__sales-data .products__statistic-item:last-child {
    padding: 0;
    padding-bottom: 3px;
    padding-top: 3px
}

.products-detail__sales-data .products__price-new {
    display: inline-block;
    vertical-align: sub
}

.products-detail__sales-data--boost {
    padding: 34px 20px 37px
}

.products-detail__sales-data--boost .products__price {
    margin: 8px 0 0
}

.products-detail .game-info__title {
    width: 150px
}

.products-detail__link {
    font-size: 13px
}

.products-detail__link:hover {
    text-decoration: underline
}

.products-detail__content {
    padding: 0 0 95px
}

.products-detail .seller__btn {
    float: right;
    margin: 7px 0 0;
    text-align: center
}

.products-detail .seller__btn-note {
    padding: 10px 0 0;
    font-size: 12px;
    width: 100px;
    color: #9292a2
}

.products-detail .seller__btn-total {
    display: block
}

.products-detail .seller__name {
    font-size: 14px;
    font-weight: 700;
    max-width: 200px
}

@media (max-width: 1168px) {
    .products-detail .seller__name {
        max-width: 140px
    }
}

@media (max-width: 1023px) {
    .products-detail .seller__name {
        max-width: 200px
    }
}

.products-detail .seller__progress {
    font-size: 13px;
    color: #9292a2;
    display: block
}

.products-detail .seller__info-item {
    display: inline-block;
    font-size: 13px;
    padding: 0 10px 0 0
}

@media (max-width: 1023px) {
    .products-detail__sales-data .products__price {
        margin: 10px 0 0;
        width: 100%;
        position: static
    }

    .products-detail__sales-data .products__price-num {
        display: block
    }

    .products-detail__sales-data .products__price-note {
        display: block;
        padding: 0 0 10px
    }
}

@media (max-width: 1023px) {
    .products-detail__right {
        display: inline-block;
        width: 57%;
        vertical-align: top
    }

    .products-detail__btn {
        float: none;
        padding: 0 0 0 56px
    }

    .products-detail__caption {
        padding: 0 0 15px
    }

    .products-detail__content {
        padding: 0 0 57px
    }

    .products-detail .products__statistic {
        padding: 0 0 30px;
        display: block;
        float: none
    }

    .products-detail .products__statistic li {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .products-detail .products__price {
        float: none;
        margin: 0;
        display: block;
        padding: 25px 0 0
    }

    .products-detail .products__price:after {
        content: " ";
        display: block;
        clear: both
    }

    .products-detail .products__price-price {
        padding: 0
    }

    .products-detail .products__price-note {
        display: block
    }

    .products-detail .products__price-num {
        padding: 0 0 6px
    }

    .products-detail__sales-data {
        text-align: left
    }

    .products-detail__sales-data .products__statistic-form {
        width: 100%
    }

    .products-detail__sales-data .products__statistic-form input {
        width: 100%;
        text-align: right
    }

    .products-detail__seller-info {
        text-align: center
    }

    .products-detail__seller .seller__info-item {
        display: inline-block;
        padding: 0 0 8px 0
    }

    .products-detail__seller .seller__info-item li {
        padding-bottom: 3px;
        padding-top: 3px
    }

    .products-detail .seller__btn {
        float: none;
        margin: 0;
        padding: 10px 0 0 0
    }

    .products-detail .seller__btn-note {
        display: inline
    }

    .products-detail .seller__btn-total {
        padding: 10px 0 0
    }

    .products-detail .seller__photo {
        margin: 0 0 10px
    }

    .products-detail .seller__title {
        height: auto
    }

    .products-detail .game-info__list {
        width: 100%;
        display: block
    }

    .products-detail .game-info__list-item:first-child {
        border-top: 1px solid #efeff4
    }

    .products-detail__more {
        width: 50px;
        height: 43px;
        padding: 7px 5px 0;
        line-height: 13px
    }

    .products-detail__more-icon {
        font-size: 16px
    }

    .products-detail__more-label {
        font-size: 11px;
        padding: 0
    }
}

@media (max-width: 767px) {
    .products-detail__seller-info {
        text-align: center;
        padding: 0
    }

    .products-detail__right {
        min-width: 287px;
        display: block;
        width: 100%
    }

    .products-detail__right-inner {
        background: #fff;
        margin: 0 0px;
        padding: 25px 15px
    }

    .products-detail__left {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        width: 100%;
        display: block
    }

    .products-detail__seller {
        padding: 0 0 40px;
        min-width: 287px
    }

    .products-detail__seller-inner {
        padding: 20px 15px
    }

    .products-detail__seller-inner .seller__title {
        text-align: center
    }

    .products-detail__title {
        font-size: 18px;
        line-height: 23px;
        padding-bottom: 40px
    }

    .products-detail__btn {
        float: right;
        padding: 0
    }

    .products-detail__num {
        text-align: left
    }

    .products-detail__sales-data {
        margin: 0 -15px
    }

    .products-detail__sales-data .products__statistic-form {
        text-align: right;
        width: 100%
    }

    .products-detail .products__statistic {
        width: auto;
        display: block;
        vertical-align: top;
        padding: 0 0 20px 0;
        float: none
    }

    .products-detail .products__statistic li {
        display: inline-block;
        padding: 3px 10px 5px
    }

    .products-detail .products__statistic-item {
        display: block;
        padding: 0 0 12px
    }

    .products-detail .products__statistic-item:last-child {
        padding: 0
    }

    .products-detail .products__price {
        display: inline-block;
        width: 100%
    }

    .products-detail .products__price-price {
        float: none;
        display: block;
        padding: 5px 0
    }

    .products-detail .products__statistic-inner {
        display: block;
        padding: 0 0 10px
    }

    .products-detail .products__action {
        display: block;
        float: none
    }

    .products-detail .seller__btn {
        padding: 10px 0 0
    }

    .products-detail .seller__progress {
        text-align: left
    }
}

.game-info {
    overflow: hidden
}

.game-info__list {
    margin: -1px 0 0
}

.game-info__list-item {
    padding: 8px 0 8px;
    border-top: 1px solid #efeff4
}

.game-info__list-item:first-child {
    border-top: none
}

.game-info__list--light .game-info__list-item {
    border-color: #646478
}

.game-info__list--light .game-info__info, .game-info__list--light .game-info__title {
    color: #b9b9cb
}

.game-info__title {
    display: inline-block;
    vertical-align: top;
    max-width: 177px;
    min-width: 77px;
    font-size: 11px;
    color: #9292a2;
    text-transform: uppercase;
    padding: 0 15px 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-info__title:after {
    content: ':';
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 2px;
    padding-right: 2px
}

.game-info__info {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 100px);
    font-size: 13px
}

.game-info__info-link {
    color: #1693da
}

.game-info__info-link:hover {
    text-decoration: underline
}

.game-info__info-redtext {
    color: #f03726
}

@media (max-width: 767px) {
    .game-info__title {
        width: 100%;
        max-width: none
    }

    .game-info__title:after {
        display: none
    }

    .game-info__info {
        max-width: 240px
    }
}

.description2 {
    padding: 0;
    border: 1px solid #f0f0f0
}

.description2__title {
    display: block;
    padding: 0 0 30px
}

.description2__text {
    font-size: 13px;
    padding: 0 0 28px
}

.description2__include {
    background-color: #ffffff
}

.description2__include-title {
    text-transform: uppercase;
    color: #9292a2;
    font-size: 11px;
    line-height: 11px;
    display: block;
    padding: 0 0 20px
}

.description2__include-btn {
    float: right
}

.description2__include-link {
    display: block;
    padding: 17px 22px 13px;
    background: #20c082;
    border-bottom: 1px solid #efeff4
}

.description2__include-link:after {
    content: " ";
    display: block;
    clear: both
}

.description2__include-link .icon-minus {
    display: none;
    fill: #ffffff
}

.description2__include-link .icon-plus {
    fill: #ffffff
}

.description2__include-link .description__include-text {
    color: #ffffff
}

.description2__include-link.active .icon-plus {
    display: none
}

.description2__include-link.active .icon-minus {
    display: inline-block
}

.description2__include-text {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: #ffffff
}

.description2__include-inner {
    padding: 20px;
    display: none
}

.description2__include-img {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px 0 0
}

.description2__include-img-inner {
    width: 100px;
    overflow: hidden
}

.description2__include-img-inner img {
    max-width: 100%
}

.description2__include-info {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
    width: calc(100% - 130px)
}

.description2__include-info p {
    padding: 0 0 15px
}

.description2__include-info2 {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
    width: 100%
}

.description2__include-info2 p {
    padding: 0 0 15px
}

@media (max-width: 1023px) {
    .description2__game-info {
        margin: 0 -30px
    }

    .description2__game-info .game-info__list-item {
        padding: 10px 20px 8px 30px
    }

    .description2 .game-info__title {
        width: 120px
    }
}

@media (max-width: 767px) {
    .description2 {
        padding: 0
    }

    .description2__game-info {
        margin: 0
    }

    .description2__game-info .game-info__list-item {
        padding: 10px 0px 8px 0px
    }
}

.description {
    padding: 0 0 35px
}

.description__title {
    display: block;
    padding: 0 0 30px
}

.description__text {
    font-size: 13px;
    padding: 0 0 28px
}

.description__include-title {
    text-transform: uppercase;
    color: #9292a2;
    font-size: 11px;
    line-height: 11px;
    display: block;
    padding: 0 0 20px
}

.description__include-btn {
    float: right
}

.description__include-link {
    display: block;
    padding: 17px 22px 13px;
    background: #fafafc;
    border-bottom: 1px solid #efeff4
}

.description__include-link:after {
    content: " ";
    display: block;
    clear: both
}

.description__include-link .icon-minus {
    display: none
}

.description__include-link.active .icon-plus {
    display: none
}

.description__include-link.active .icon-minus {
    display: inline-block
}

.description__include-text {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: #525257
}

.description__include-inner {
    padding: 20px;
    display: none
}

.description__include-img {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px 0 0
}

.description__include-img-inner {
    width: 100px;
    overflow: hidden
}

.description__include-img-inner img {
    max-width: 100%
}

.description__include-info {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
    width: calc(100% - 130px)
}

.description__include-info p {
    padding: 0 0 15px
}

.description__include-info2 {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
    width: 100%
}

.description__include-info2 p {
    padding: 0 0 15px
}

@media (max-width: 1023px) {
    .description__game-info {
        margin: 0 -30px
    }

    .description__game-info .game-info__list-item {
        padding: 10px 20px 8px 30px
    }

    .description .game-info__title {
        width: 120px
    }
}

@media (max-width: 767px) {
    .description {
        padding: 40px 0 35px
    }

    .description__game-info {
        margin: 0
    }

    .description__game-info .game-info__list-item {
        padding: 10px 0px 8px 0px
    }
}

.recently-viewed {
    padding: 0 0 60px
}

.recently-viewed__title {
    padding: 0 0 42px;
    text-align: center
}

@media (max-width: 767px) {
    .recently-viewed__title {
        padding: 0 0 26px
    }
}

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

.game-protect__inner {
    background: #3f7cd6;
    border-radius: 6px;
    padding: 10px 14px;
    width: 175px
}

.game-protect__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0
}

.game-protect__text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 45px)
}

.game-protect__text-top {
    display: block;
    padding: 0 0 3px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-family: 'bebas_neue';
}

.game-protect__text-bottom {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #adcdfb
}

.products-currency__main-info-left {
    width: auto;
    display: block
}

.products-currency__main-info-right {
    width: auto;
    padding: 0;
    display: block
}

.products-currency__main-info {
    width: auto
}

.products-currency .products__statistic-item {
    display: inline-block;
    vertical-align: middle
}

.products-currency .products__statistic {
    width: auto
}

.products-currency .products__sales-data {
    width: 590px
}

@media (max-width: 767px) {
    .products-currency .products__sales-data {
        width: 100%
    }
}

.lightbox_1 {
    float: left;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%
}

.lightbox_1__img {
    border-radius: 4px
}

.lightbox_1__img img {
    width: 100%;
    border-radius: 4px
}

.lightbox_1 ul {
    max-width: 360px;
    overflow: hidden;
    display: inline-block
}

@media (max-width: 1023px) {
    .lightbox_1 ul {
        max-width: 224px
    }
}

.lightbox_1 li {
    float: left;
    width: 72px;
    height: 63px;
    background: #ffffff
}

@media (max-width: 1023px) {
    .lightbox_1 li {
        height: 43px;
        width: 53px
    }
}

@media (max-width: 767px) {
    .lightbox_1 li {
        height: 43px
    }
}

.lightbox_1 li:not(:first-child) {
    margin-left: 4px
}

.lightbox_1 li img {
    border-radius: 4px;
    max-width: 72px;
    height: 63px;
    width: 100%
}

@media (max-width: 1023px) {
    .lightbox_1 li img {
        height: 43px;
        width: 53px
    }
}

@media (max-width: 767px) {
    .lightbox_1 li img {
        height: 43px
    }
}

.lightbox_1 li a {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px
}

#lightgallery {
    background: #fff;
    border-radius: 4px;
    height: 332px;
    width: 100%;
    display: table
}

#lightgallery .lightbox-img {
    display: none
}

#lightgallery .lightbox-img img {
    max-width: 100%;
    max-height: 332px;
    min-width: 400px;
    min-height: 332px;
    border-radius: 4px
}

#lightgallery .lightbox-img.active {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

@media (max-width: 1023px) {
    #lightgallery {
        height: 207px
    }

    #lightgallery .lightbox-img img {
        max-width: 287px;
        max-height: 207px;
        min-width: 287px;
        min-height: 207px
    }
}

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(overlay.png) repeat;
    text-align: center
}

.user-profile-bg {
    position: relative;
    line-height: 0;
    min-height: 270px;
    max-height: 315px;
    overflow: hidden
}

.user-profile-bg img {
    width: 100%
}

.user-profile-bg__upload {
    width: 50%;
    max-width: 1170px;
    text-align: center;
    padding: 50px 0 0;
    margin: 0 auto
}

.user-profile-bg__upload-btn {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer
}

.user-profile-bg__progress {
    width: 50%;
    max-width: 1170px;
    text-align: center;
    padding: 140px 0 0;
    margin: 0 auto;
    display: block
}

.user-profile-bg__progress.hidden {
    display: none
}

.user-profile-bg__overlay, .user-profile-bg .banner-dropzone-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 43, 54, 0.3);
    opacity: 0
}

.user-profile-bg__overlay-icon, .user-profile-bg__overlay-text, .user-profile-bg .banner-dropzone-preview-icon, .user-profile-bg .banner-dropzone-preview-text {
    display: inline-block;
    vertical-align: middle
}

.user-profile-bg__overlay-icon, .user-profile-bg .banner-dropzone-preview-icon {
    background: rgba(43, 43, 54, 0.3);
    width: 110px;
    height: 110px;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 38px 5px;
    text-align: center;
    margin: 0 14px 0 0
}

.user-profile-bg__overlay-text, .user-profile-bg .banner-dropzone-preview-text {
    width: calc(100% - 110px)
}

.user-profile-bg__overlay-title, .user-profile-bg .banner-dropzone-preview-title {
    display: block;
    padding: 0 0 5px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #fff
}

.user-profile-bg__overlay-note, .user-profile-bg .banner-dropzone-preview-note {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

@media (max-width: 1023px) {
    .user-profile-bg__overlay, .user-profile-bg .banner-dropzone-preview {
        padding: 25px 0 23px
    }
}

@media (max-width: 767px) {
    .user-profile-bg__overlay, .user-profile-bg .banner-dropzone-preview {
        padding: 0 0 23px
    }

    .user-profile-bg__overlay-icon, .user-profile-bg .banner-dropzone-preview-icon {
        vertical-align: top;
        width: 55px;
        height: 55px
    }

    .user-profile-bg__overlay-icon svg, .user-profile-bg .banner-dropzone-preview-icon svg {
        margin: 12px 0 0
    }

    .user-profile-bg__overlay-text, .user-profile-bg .banner-dropzone-preview-text {
        display: none
    }
}

.user-profile-bg__photo {
    position: absolute;
    top: 39px;
    left: 39px;
    z-index: 10
}

.user-profile-bg__photo .user-profile__photo-inner {
    border: 4px solid #fff
}

.user-profile-bg__photo-overlay {
    position: absolute;
    border-radius: 50%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background: rgba(43, 43, 54, 0.6);
    top: 4px;
    left: 4px;
    padding: 27px 0
}

.user-profile-bg__photo-icon {
    display: block;
    padding: 0 0 10px;
    text-align: center
}

.user-profile-bg__photo-text {
    display: block;
    width: 45px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #fff
}

.user-profile-bg__photo .icon-camera {
    width: 24px;
    height: 19px
}

.user-profile-bg__photo:hover {
    opacity: .8;
    transition: all .3s linear
}

.user-profile-bg__options {
    background: #f5f6fA;
    padding: 15px 0;
    text-align: center;
    margin: 0 0 10px
}

.user-profile-bg__options-title {
    display: block;
    text-align: center;
    padding: 0 0 10px;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 10px 10px
}

.user-profile-bg__options-item {
    display: inline-block;
    width: 48%;
    cursor: pointer
}

.user-profile-bg__options-item.active img {
    border: 2px solid #20c082
}

.user-profile-bg__options-item img {
    width: 100%;
    border: 2px solid #ffffff;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.user-profile-bg__options-item img:hover {
    border: 2px solid #20c082
}

.user-profile-bg__options-item.avatar {
    width: 19%
}

@media (max-width: 767px) {
    .user-profile-bg__options-item.avatar {
        width: 30%;
        display: inline-block
    }
}

.user-profile-bg:hover .user-profile-bg__overlay {
    opacity: 1;
    transition: all .3s linear
}

@media (max-width: 1023px) {
    .user-profile-bg {
        min-height: 192px
    }

    .user-profile-bg__upload {
        padding: 20px 0 0
    }

    .user-profile-bg__overlay {
        height: 100%
    }

    .user-profile-bg__overlay-icon {
        width: 70px;
        height: 70px;
        padding: 0
    }

    .user-profile-bg__overlay-icon svg {
        margin: 18px 0 0
    }
}

@media (max-width: 767px) {
    .user-profile-bg {
        min-height: 90px;
        width: 100%;
        max-height: 94px
    }

    .user-profile-bg__upload {
        padding: 12px 0 0
    }

    .user-profile-bg__photo {
        top: 20px;
        left: calc(50% - 60px)
    }

    .user-profile-bg__options-item {
        display: block;
        width: 100%;
        padding: 0 10px
    }

    .user-profile-bg__options-title {
        padding: 0 10px 10px
    }
}

.user-profile__inner {
    position: relative;
    z-index: 1;
    top: -40px
}

@media (max-width: 1023px) {
    .user-profile__inner {
        top: -20px
    }
}

.user-profile__heading {
    padding: 0 0 30px
}

.user-profile__heading-inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.user-profile__heading-top {
    padding: 36px 30px 35px;
    height: 270px
}

.user-profile__heading-bottom {
    padding: 18px 30px 0;
    background: #fafafc;
    border-top: 1px solid #f1f1f5
}

.user-profile__heading-bottom:after {
    content: " ";
    display: block;
    clear: both
}

.user-profile__title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 520px)
}

.user-profile__photo {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 0 0
}

.user-profile__photo-inner {
    position: relative;
    border-radius: 50%;
    height: 110px;
    width: 110px;
    background-image: url(../pic/photo/user-profile-bg.jpg)
}

.user-profile__photo-inner img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    max-width: 100%
}

@media (max-width: 767px) {
    .user-profile__photo-inner img {
        width: 70px;
        height: 70px
    }
}

.user-profile__photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 43, 54, 0.3);
    opacity: 0;
    max-height: 110px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff
}

.user-profile__photo-overlay:hover {
    opacity: 1;
    transition: all .3s linear
}

@media (max-width: 767px) {
    .user-profile__photo-overlay {
        max-height: 70px
    }
}

.user-profile__photo-icon {
    width: 24px;
    height: 24px;
    padding: 24px 0 21px;
    text-align: center;
    margin: 0 0 0 40px
}

@media (max-width: 767px) {
    .user-profile__photo-icon {
        padding: 23px 0 0;
        margin: 0 0 0 20px
    }
}

.user-profile__photo-text {
    padding: 8px 0 0;
    font-weight: 500
}

@media (max-width: 767px) {
    .user-profile__photo-text {
        display: none
    }
}

.user-profile__photo-note {
    font-size: 9px;
    color: #f1f1f1;
    margin: -3px 0 0
}

@media (max-width: 767px) {
    .user-profile__photo-note {
        display: none
    }
}

.user-profile__user-stats {
    display: inline-block;
    float: right
}

.user-profile__user-statistic {
    padding: 0 0 10px;
    width: auto;
    max-width: 290px;
    text-align: right
}

.user-profile__caption, .user-profile__user-rating {
    display: inline-block;
    vertical-align: middle
}

.user-profile__caption {
    width: calc(100% - 140px)
}

.user-profile__caption .hide {
    display: none
}

.user-profile__caption-default {
    display: block;
    height: 20px;
    overflow: hidden;
    color: #0088cc;
    padding: 4px 0 0
}

.user-profile__caption-note {
    display: block;
    height: 20px;
    overflow: hidden;
    color: #9292a2;
    padding: 4px 0 0
}

.user-profile__caption-note a {
    color: #0088cc
}

.user-profile__name {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    padding: 0 0 7px;
    position: relative
}

.user-profile__name-text .editable {
    width: auto;
    max-width: 338px;
    overflow: hidden;
    display: table-cell;
    text-overflow: ellipsis;
    padding: 0 5px 0 0
}

.user-profile__status {
    display: inline-block;
    padding: 10px 0 10px
}

.user-profile__status:first-child {
    display: inline-block;
    padding: 10px 5px 10px 0
}

.user-profile__status:last-child {
    display: inline-block;
    padding: 10px 0 10px 5px
}

.user-profile__status-inner {
    max-width: 172px;
    max-height: 72px;
    overflow: visible
}

.user-profile__followers-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0
}

.user-profile__followers-amount {
    display: inline-block;
    vertical-align: middle;
    color: #9292a2
}

.user-profile__followers__list-item {
    padding: 16px 30px;
    margin: 0 -30px;
    border-top: 1px solid;
    background: #fff
}

.user-profile__user-rating {
    float: right
}

.user-profile__menu {
    float: left
}

.user-profile__user-menu {
    padding: 0
}

.user-profile__cogs {
    float: right
}

.user-profile__time-activity {
    display: inline-block;
    vertical-align: middle;
    color: #9292a2
}

.user-profile__config {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px
}

.user-profile__accord-btn {
    display: none;
    padding: 28px 0 26px;
    background: #fafafc
}

.user-profile__accord-btn .icon-arrow-down {
    width: 20px;
    height: 12px;
    fill: #c6c6d5
}

@media (max-width: 1023px) {
    .user-profile__heading-top {
        padding: 25px 30px;
        height: 250px
    }

    .user-profile__title {
        width: calc(100% - 296px)
    }

    .user-profile__name--edit {
        padding: 0 0 12px
    }

    .user-profile__name-text .editable {
        max-width: 200px;
        font-size: 14px
    }

    .user-profile__caption-note {
        font-size: 11px;
        text-overflow: ellipsis;
        max-width: 240px
    }
}

@media (max-width: 767px) {
    .user-profile__user-stats {
        display: block;
        float: none
    }

    .user-profile__user-statistic {
        float: none;
        max-width: 344px
    }

    .user-profile__inner {
        top: 0
    }

    .user-profile__title {
        width: 100%
    }

    .user-profile__heading-bottom {
        padding: 10px 0 0;
        text-align: center
    }

    .user-profile__heading-top {
        padding: 25px 20px;
        height: 445px
    }

    .user-profile__menu {
        float: none
    }

    .user-profile__photo {
        vertical-align: top
    }

    .user-profile__photo-inner {
        width: 70px;
        height: 70px
    }

    .user-profile__followers {
        margin: 10px 0 0 -90px
    }

    .user-profile__name {
        font-size: 18px
    }

    .user-profile__name-text .editable {
        max-width: 178px
    }

    .user-profile__name--edit {
        padding: 0 0 10px
    }

    .user-profile__accord-btn {
        display: block
    }

    .user-profile__caption {
        width: calc(100% - 94px);
        padding: 0 0 10px
    }

    .user-profile__caption-note, .user-profile__caption-default {
        height: 80px
    }

    .user-profile__user-rating, .user-profile__user-statistic {
        display: block
    }

    .user-profile__user-rating {
        padding: 0 0 20px;
        float: none
    }

    .user-profile__cogs {
        float: none
    }

    .user-profile__user-menu {
        float: none;
        display: block
    }

    .user-profile__status {
        padding: 0
    }

    .user-profile__status:first-child {
        padding: 0 5px 0 0
    }

    .user-profile__status:last-child {
        padding: 0 0 0 5px
    }
}

.profile-photo {
    border-radius: 100%;
    width: 50px;
    height: 50px
}

.followers {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 0 30px
}

.followers__list-item {
    padding: 16px 30px;
    margin: 0 -30px;
    border-top: 1px solid #efeff4;
    background: #fff
}

.followers__list-item:nth-child(2n+2) {
    background: #fafafc
}

.followers__photo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 18px 0 0
}

.followers__name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 250px);
    padding: 0 5px 0 0
}

.followers__name-text {
    color: #000;
    vertical-align: top;
    height: 22px;
    display: inline-block;
    padding: 2px 15px 0 0;
    font-weight: 500;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden
}

.followers__name-text:hover {
    color: #f03726
}

.followers__name-caption {
    color: #9292a2;
    vertical-align: top;
    height: 22px;
    display: inline-block;
    padding: 3px 0 0;
    max-width: 500px;
    text-overflow: ellipsis;
    overflow: hidden
}

.followers__country {
    vertical-align: middle;
    padding: 0 6px 0 0;
    width: 29px;
    height: 15px
}

.followers__country img {
    max-width: 100%
}

.followers__btn {
    float: right;
    margin: 10px 0 0
}

@media (max-width: 767px) {
    .followers__list-item {
        margin: 0 -15px;
        padding: 16px 10px;
        height: 145px
    }

    .followers__photo {
        padding: 0 10px 0 0
    }

    .followers__country {
        display: none
    }

    .followers__btn {
        margin: 78px 0 0
    }

    .followers__name-caption {
        height: 46px;
        width: 180px;
        font-size: 10px;
        line-height: 15px
    }
}

.user-profile__content:after {
    content: " ";
    display: block;
    clear: both
}

.user-profile__main {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 390px)
}

.user-profile__follow {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.user-profile__sidebar {
    display: inline-block;
    vertical-align: top;
    width: 386px;
    padding: 0 0 0 28px
}

.user-profile__sidebar-item {
    padding: 0 0 30px
}

.user-profile__sidebar--right {
    padding: 0 27px 0 0;
    width: 386px
}

.user-profile__about {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 33px 30px 45px
}

.user-profile__about-title {
    padding: 0 0 22px
}

.user-profile__about-info {
    padding: 0 0 47px;
    position: relative
}

.user-profile__about-text {
    padding: 0 0 26px
}

.user-profile__country {
    position: relative;
    padding: 20px 0 0
}

.user-profile__country-inner {
    display: inline-block;
    border: 1px solid #efeff4;
    border-radius: 4px
}

.user-profile__country-item {
    padding: 9px 20px 9px 20px
}

.user-profile__country-item:last-child {
    border-top: 1px solid #efeff4
}

.user-profile__country-title {
    text-transform: uppercase;
    color: #9292a2;
    display: inline-block;
    vertical-align: middle;
    width: 84px;
    padding: 0 10px 0 0;
    font-size: 11px
}

.user-profile__country-flag {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    padding: 0 3px 0 0
}

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

.user-profile__links {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    position: relative
}

.user-profile__links-inner {
    padding: 52px 40px 44px
}

@media (max-width: 767px) {
    .user-profile__links-inner {
        padding: 34px 33px 30px
    }
}

.user-profile__links-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px 0 0
}

.user-profile__links-item:last-child {
    padding: 0 0 0
}

.user-profile__links-link {
    display: block
}

.user-profile__links-link--youtube {
    max-width: 107px
}

.user-profile__links-link--twitch {
    max-width: 127px
}

.user-profile__links-link img {
    max-width: 100%
}

@media (max-width: 767px) {
    .user-profile__links-link--youtube {
        max-width: 81px
    }

    .user-profile__links-link--twitch {
        max-width: 84px
    }
}

.user-profile__links-edit {
    display: none;
    padding: 30px 30px 40px
}

.user-profile__label {
    display: block;
    padding: 0 0 10px;
    text-transform: uppercase;
    color: #9292a2;
    font-size: 11px;
    line-height: 11px
}

.user-profile__input-row {
    text-align: left;
    display: block;
    padding: 0 0 30px
}

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

.user-profile__edit-btn--cancel {
    padding: 0 0 0 10px
}

.user-profile__social {
    position: relative
}

.user-profile__manage {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

@media (max-width: 1023px) {
    .user-profile__main {
        width: 100%;
        display: block;
        padding: 0 0 20px
    }

    .user-profile__sidebar {
        width: 100%;
        display: block;
        padding: 0
    }
}

@media (max-width: 767px) {
    .user-profile__about {
        padding: 35px 20px
    }

    .user-profile__about-info {
        padding: 0 0 37px
    }

    .user-profile__country-inner {
        display: block
    }

    .user-profile__country-title {
        display: block
    }

    .user-profile__sidebar-item {
        padding: 0 0 20px
    }

    .user-profile__manage {
        margin: 0 -15px
    }
}

.edit-link {
    position: absolute;
    color: #9292a2;
    line-height: 15px;
    font-size: 14px
}

.edit-link__icon {
    display: inline-block;
    padding: 0 3px 0 0
}

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

.manage-profile__inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.manage-profile__user-profile-bg {
    height: 190px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.manage-profile__user-profile-bg .user-profile-bg__overlay {
    opacity: 1;
    padding: 52px 24px 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.manage-profile__user-profile-bg .user-profile-bg__overlay:hover {
    opacity: .8;
    transition: all .3s linear
}

.manage-profile__user-profile-bg .user-profile-bg__new-image {
    float: right
}

.manage-profile__user-profile-bg .user-profile-bg__overlay-text {
    width: auto
}

.manage-profile__user-profile-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.manage-profile__wrapper {
    padding: 40px
}

.manage-profile__content {
    width: 100%
}

.manage-profile__content-item {
    padding: 0 0 60px
}

.manage-profile__content-item--sm-padding {
    padding: 0 0 40px
}

.manage-profile__field-row {
    display: block;
    text-align: left;
    padding: 0 0 25px 0
}

.manage-profile__field-row:last-child {
    padding: 0 0 0 0
}

.manage-profile__field-row label {
    padding: 0 0 5px
}

.manage-profile__btn {
    text-align: right
}

@media (max-width: 1023px) {
    .manage-profile__wrapper {
        padding: 40px 20px
    }

    .manage-profile__user-profile-bg {
        height: auto
    }

    .manage-profile__content {
        width: 100%
    }

    .manage-profile__field-row {
        padding: 0 0 20px
    }

    .manage-profile__field-row:last-child {
        padding: 0
    }
}

@media (max-width: 767px) {
    .manage-profile {
        margin: 0 -15px
    }

    .manage-profile .user-profile__photo-inner {
        width: 120px;
        height: 120px
    }

    .manage-profile .user-profile-bg__new-image {
        display: block;
        float: none;
        text-align: center
    }

    .manage-profile .user-profile-bg__overlay {
        padding: 170px 0px 40px
    }

    .manage-profile .user-profile-bg__overlay-text {
        width: auto
    }

    .manage-profile__user-profile-bg {
        display: block;
        height: 300px;
        overflow: hidden
    }

    .manage-profile__user-profile-bg img {
        width: auto
    }
}

@media (max-width: 370px) {
    .manage-profile .user-profile-bg__overlay-text {
        width: calc(100% - 110px)
    }
}

.user-profile-categories {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.user-profile-categories__content {
    padding: 30px 30px 25px
}

.user-profile-categories__product-nav {
    padding: 0 0 0 60px
}

.user-profile-store {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.user-profile-store__heading-top {
    padding: 25px 30px 22px;
    border-bottom: 1px solid #efeff4
}

.user-profile-store__heading-top:after {
    content: " ";
    display: block;
    clear: both
}

.user-profile-store__heading-bottom {
    padding: 15px 30px;
    border-bottom: 1px solid #efeff4
}

.user-profile-store__title {
    float: left
}

.user-profile-store__title h3 {
    padding: 0 0 10px
}

.user-profile-store__title-note {
    color: #9292a2
}

.user-profile-store__filters {
    float: right
}

.user-profile-store__products {
    border-bottom: 1px solid #efeff4
}

@media (max-width: 520px) {
    .user-profile-store__title {
        float: none;
        padding: 0 0 20px
    }

    .user-profile-store__filters {
        float: none
    }
}

.user-profile__activity-inner {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 32px 0 40px
}

.user-profile__activity-heading {
    padding: 0 30px;
    border-bottom: 1px solid #efeff4
}

.user-profile__post {
    background: #fafafc;
    padding: 25px 24px 25px 31px;
    border-bottom: 1px solid #efeff4
}

.user-profile__post textarea {
    height: 76px;
    margin: 0 0 15px
}

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

.user-profile__post-btn .btn {
    padding: 13px 40px
}

.user-profile__post-photo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 16px
}

.user-profile__post-photo .icon-camera {
    width: 19px;
    height: 16px;
    fill: #a2a2b2
}

.activity__list-item {
    padding: 20px 30px;
    border-top: 1px solid #efeff4
}

.activity__list-item:nth-child(2n+2) {
    background: #fafafc
}

.activity__list-item:first-child {
    border-top: none
}

.activity__list-item:last-child {
    border-bottom: 1px solid #efeff4
}

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

.activity__img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 17px 0 0;
    text-align: center
}

.activity__img-wrap {
    display: table;
    width: 80px;
    height: 48px
}

.activity__img-inner {
    display: block;
    background: #ececf3;
    padding: 7px 20px
}

.activity__img-inner img {
    max-width: 100%
}

.activity__info {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
    width: calc(100% - 180px);
    font-size: 14px;
    line-height: 18px
}

.activity__time {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    text-align: right
}

.activity__advertise-banner {
    padding-top: 20px;
    line-height: 0
}

.activity__advertise-link {
    display: block
}

.activity__advertise-link img {
    width: 100%
}

.activity__video {
    display: inline-block;
    vertical-align: middle;
    width: 172px;
    height: 92px;
    padding: 0 10px 0 0
}

.activity__inner {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 155px)
}

@media (max-width: 639px) {
    .activity__img {
        display: block;
        padding: 0 0 10px
    }

    .activity__info {
        display: block;
        padding: 0 0 10px;
        width: 100%
    }

    .activity__inner {
        width: 100%
    }

    .activity__time {
        display: block;
        width: 100%;
        text-align: left
    }

    .activity__video {
        margin: 0 0 10px
    }
}

.manage__accord-btn {
    display: none;
    padding: 20px;
    text-align: center
}

.manage__accord-btn .icon-arrow-down {
    width: 20px;
    height: 20px
}

@media (max-width: 1023px) {
    .manage__accord-btn {
        display: block
    }
}

.links__edit-link {
    top: 20px;
    right: 20px
}

@media (max-width: 767px) {
    .links__edit-link {
        top: 10px
    }
}

.social__edit-link {
    top: 5px;
    right: -8px
}

.country__edit-link {
    top: 13px;
    right: -8px
}

@media (max-width: 767px) {
    .country__edit-link {
        top: -25px
    }
}

.about-info__edit-link {
    top: 4px;
    right: -8px
}

.user-profile-name__edit-link {
    top: 4px;
    margin: 0 0 0 35px;
    font-weight: 400
}

@media (max-width: 1023px) {
    .user-profile-name__edit-link {
        top: 28px;
        margin: 0;
        left: 0
    }
}

.user-status {
    width: 23px;
    height: 23px;
    right: 10px;
    position: absolute;
    background: #bac4ca;
    border-radius: 50%;
    border: 4px solid #fff;
    bottom: 0
}

.user-status__online {
    width: 23px;
    height: 23px;
    right: 10px;
    position: absolute;
    background: #16da8e;
    border-radius: 50%;
    border: 4px solid #fff;
    bottom: 0
}

.user-rating {
    display: table;
    border-radius: 50%
}

.user-rating__progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px
}

.user-rating__progress canvas {
    position: relative
}

.user-rating__med {
    display: none
}

.user-rating g2g-icon[class*="i-med-"][class*="muser"] {
    display: none
}

@media (max-width: 1023px) {
    .user-rating__lg {
        display: none
    }

    .user-rating__med {
        display: inline-block
    }
}

@media (max-width: 767px) {
    .user-rating__lg {
        display: none
    }

    .user-rating__med {
        display: inline-block;
        display: table;
        border-radius: 50%
    }

    .user-rating g2g-icon[class*="i-lg-"][class*="muser"] {
        display: none
    }

    .user-rating g2g-icon[class*="i-med-"][class*="muser"] {
        display: inline-block
    }
}

.store__icon-cart {
    width: 16px;
    height: 16px;
    fill: #f03726
}

.store__share {
    text-align: right;
    padding: 0 0 10px
}

@media (max-width: 767px) {
    .user-status {
        width: 15px;
        height: 15px;
        right: 5px;
        position: absolute;
        background: #bac4ca;
        border-radius: 50%;
        border: 3px solid #fff;
        bottom: 0
    }

    .user-status__online {
        width: 15px;
        height: 15px;
        right: 5px;
        position: absolute;
        background: #16da8e;
        border-radius: 50%;
        border: 3px solid #fff;
        bottom: 0
    }
}

#fountainG {
    position: relative;
    width: 114px;
    height: 14px;
    margin: auto
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: #ababab;
    width: 14px;
    height: 14px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s
}

#fountainG_2 {
    left: 14px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s
}

#fountainG_3 {
    left: 28px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s
}

#fountainG_4 {
    left: 43px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s
}

#fountainG_5 {
    left: 57px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s
}

#fountainG_6 {
    left: 71px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s
}

#fountainG_7 {
    left: 85px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

#fountainG_8 {
    left: 100px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s
}

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: #fff
    }
    100% {
        transform: scale(0.3);
        background-color: #3d3d3d
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: #fff
    }
    100% {
        -o-transform: scale(0.3);
        background-color: #3d3d3d
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: #fff
    }
    100% {
        -ms-transform: scale(0.3);
        background-color: #3d3d3d
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: #fff
    }
    100% {
        -webkit-transform: scale(0.3);
        background-color: #3d3d3d
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: #fff
    }
    100% {
        -moz-transform: scale(0.3);
        background-color: #3d3d3d
    }
}

.dz-max-files-reached {
    pointer-events: none;
    cursor: default
}

.profile__username-update {
    text-align: center
}

.profile__username-update a {
    color: #f03726
}

.register {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    max-width: 750px;
    margin: 0 auto;
    padding: 50px 130px 60px
}

.register__block {
    padding: 0 0 50px
}

.register__block--sm-padding {
    padding: 0 0 40px
}

.register__form-field {
    padding: 0 0 30px 30px;
    width: 100%
}

.register__form-field:last-child {
    padding: 0 0 0 30px
}

.register__form-field-error {
    max-width: 100px
}

.register__btn {
    text-align: right
}

.register__btn--newborder {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    max-width: 750px;
    margin: 0 auto;
    border-top: 1px solid #efeff4;
    padding: 40px 100px 40px 100px
}

.register__newheader {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    max-width: 750px;
    margin: 0 auto;
    border-bottom: 1px solid #efeff4;
    padding: 40px 100px 40px 55px
}

.register__newfield {
    opacity: 0.0;
    display: none
}

.register__remove {
    position: absolute
}

.register__remove.media-lg {
    top: 16px;
    right: 10px
}

@media (max-width: 767px) {
    .register {
        padding: 20px
    }

    .register__block {
        padding: 0 0 30px
    }

    .register__block--sm-padding {
        padding: 0 0 30px
    }

    .register__form-field {
        padding: 0 0 15px 0
    }

    .register__form-field:last-child {
        padding: 0
    }
}

.statement {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 0 0 60px
}

.statement__balance-status {
    width: 470px
}

.statement__filter {
    padding: 30px 40px
}

.statement__date {
    width: 490px;
    padding: 0 0 30px
}

.statement__heading {
    padding: 49px 40px 25px
}

.statement__heading:after {
    content: " ";
    display: block;
    clear: both
}

.statement__table-row {
    border-bottom: 1px solid #efeff4
}

.statement__table-date {
    width: 180px
}

.statement__table-activity {
    width: 378px;
    font-weight: 500
}

.statement__table-credit {
    color: #269469
}

.statement__table-balance {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500
}

.statement__btn-view {
    padding: 10px 22px;
    border: 1px solid #c8c8d0;
    font-size: 14px;
    line-height: 14px;
    color: #9292a2;
    border-radius: 4px
}

.statement__title, .statement__heading-middle {
    float: left
}

.statement__title {
    width: 190px;
    padding: 0 10px 0 0;
    margin: 4px 0 0
}

.statement__period {
    display: inline-block;
    vertical-align: middle;
    width: 445px;
    padding: 0 25px 0 0;
    margin: 0 -10px
}

.statement__period-item {
    display: inline-block;
    vertical-align: middle;
    width: 198px;
    padding: 0 10px
}

.statement__btn {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    padding: 0 10px 0 0
}

.statement__balance {
    float: right;
    margin: 8px 0 0
}

.statement__balance-amount {
    display: block;
    padding: 0 0 10px;
    font-size: 36px;
    font-family: 'bebas_neue';
}

.statement__balance-note {
    display: block;
    font-size: 13px
}

.statement__sort {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
    float: right;
    margin-top: -85px
}

@media (max-width: 1140px) {
    .statement__heading-middle {
        text-align: center;
        padding: 27px 0 0;
        border-top: 1px solid #efeff4;
        float: none;
        clear: both
    }
}

@media (max-width: 1023px) {
    .statement__title {
        width: auto;
        padding: 0 0 0 40px
    }

    .statement__balance {
        padding: 0 40px 12px 0
    }

    .statement__heading {
        padding: 30px 0 29px;
        border-bottom: 1px solid #efeff4
    }

    .statement__table-date, .statement__table-activity {
        width: 100%
    }

    .statement__filter {
        border-bottom: 1px solid #f1f1f1
    }
}

@media (max-width: 767px) {
    .statement__date {
        width: 100%
    }

    .statement__filter {
        padding: 30px 20px
    }

    .statement__heading-middle {
        padding: 27px 30px 0
    }

    .statement__title {
        float: none;
        margin: 0;
        padding: 0 0px 23px 30px
    }

    .statement__balance {
        float: none;
        padding: 0 0 35px 30px
    }

    .statement__balance-amount {
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px 0 0;
        font-size: 30px
    }

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

    .statement__balance-status {
        width: 250px
    }

    .statement__period {
        display: block;
        padding: 0 0 15px;
        width: auto;
        text-align: left;
        margin: 0
    }

    .statement__period-item {
        width: 100%
    }

    .statement__period-item:first-child {
        padding: 0 0 5px
    }

    .statement__period-item:last-child {
        padding: 5px 0 0
    }

    .statement__btn {
        width: auto;
        float: left
    }

    .statement__sort {
        float: right;
        margin: 12px 0 0
    }

    .statement__sort .sort__list {
        right: 0
    }
}

.pre-checkout {
    position: relative;
    display: table;
    width: 100%;
    padding: 37px 22px 30px 40px
}

.pre-checkout__form {
    display: block;
    margin-bottom: 10px
}

.pre-checkout__form a {
    color: #f03726
}

.pre-checkout__form-field {
    display: block;
    vertical-align: middle;
    width: 412px;
    padding: 0 0 15px;
    font-size: 0;
    line-height: 0
}

.pre-checkout-container {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06)
}

.pre-checkout-title {
    padding: 37px 22px 30px 40px;
    border-bottom: 1px solid #efeff4
}

@media (max-width: 767px) {
    .pre-checkout-title {
        padding: 18px 15px
    }

    .pre-checkout-title h1 {
        font-size: 18px;
        font-weight: 500
    }
}

.pre-checkout:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #efeff4
}

@media (max-width: 1023px) {
    .pre-checkout {
        padding: 37px 20px 30px
    }
}

@media (max-width: 767px) {
    .pre-checkout {
        display: block;
        width: auto;
        padding: 0 30px 25px;
        margin: 0 -15px
    }
}

.pre-checkout__btn-group {
    display: block;
    padding-top: 40px
}

.pre-checkout__side {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 0 0 0 37px
}

.pre-checkout__side:first-child {
    padding: 0 40px 0 0
}

.pre-checkout__side--right {
    margin: 3px 0 0
}

.pre-checkout__title {
    display: block;
    padding: 0 30px 17px;
    margin: 0 0 25px;
    border-bottom: 1px solid #efeff4;
    font-size: 24px;
    line-height: 24px;
    color: #898997;
    font-family: 'bebas_neue';
    font-weight: 700
}

.pre-checkout__subtitle {
    display: block;
    padding: 0 0 31px 30px
}

.pre-checkout label {
    padding: 0 0 8px;
    font-size: 11px;
    line-height: 11px;
    text-align: left;
    text-transform: uppercase;
    color: #9292a2
}

.pre-checkout__input-field {
    display: block;
    padding: 0 0 23px;
    text-align: left
}

.pre-checkout__personal-info {
    padding: 0 0 10px 30px;
    border-bottom: 1px solid #efeff4
}

.pre-checkout__personal-info + .pre-checkout__note {
    padding: 40px 0 0 30px
}

@media (max-width: 767px) {
    .pre-checkout__personal-info + .pre-checkout__note {
        padding: 0
    }
}

.pre-checkout__product-info {
    padding: 40px 0 10px 30px;
    border-bottom: 1px solid #efeff4
}

.pre-checkout__product-info + .pre-checkout__note {
    padding: 40px 0 0 30px
}

@media (max-width: 767px) {
    .pre-checkout__product-info + .pre-checkout__note {
        padding: 0
    }
}

.pre-checkout__note {
    padding: 0 0 0 30px
}

.pre-checkout__note textarea {
    margin: 0 0 27px
}

.pre-checkout__note--sm-pad {
    padding: 6px 0 0 30px
}

@media (max-width: 1023px) {
    .pre-checkout__note {
        padding: 0
    }
}

@media (max-width: 767px) {
    .pre-checkout__note {
        padding: 0
    }
}

.pre-checkout__agreement {
    display: block
}

.pre-checkout__agreement label {
    text-transform: none;
    font-size: 12px;
    line-height: 12px;
    color: #525257
}

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

@media (max-width: 1023px) {
    .pre-checkout__agreement {
        margin: 0
    }
}

.pre-checkout__balance {
    padding: 0 0 30px;
    position: relative
}

.pre-checkout__balance:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width: 1023px) {
    .pre-checkout__balance:after {
        left: -70px;
        width: calc(100% + 92px)
    }
}

@media (max-width: 767px) {
    .pre-checkout__balance:after {
        width: calc(100% + 40px);
        left: -20px
    }
}

.pre-checkout__balance-item {
    display: block;
    padding: 0 0 30px
}

.pre-checkout__balance-item--lg-pad {
    padding: 0 0 50px
}

@media (max-width: 1023px) {
    .pre-checkout__balance-item--lg-pad {
        padding: 0 0 35px
    }
}

@media (max-width: 767px) {
    .pre-checkout__balance-item--lg-pad {
        padding: 0 0 50px
    }
}

.pre-checkout__balance-price {
    float: right;
    font-size: 24px;
    line-height: 24px;
    font-family: 'bebas_neue';
    margin: -2px 0 0
}

.pre-checkout__balance-price--red {
    color: #f03726
}

.pre-checkout__balance-title {
    font-size: 14px;
    line-height: 14px
}

.pre-checkout__balance-title--red {
    color: #f03726
}

.pre-checkout__balance-row {
    padding: 0 0 25px
}

.pre-checkout__balance-btn {
    text-align: right
}

.pre-checkout__balance-btn-btn {
    padding: 13px 33px
}

@media (max-width: 767px) {
    .pre-checkout__balance-btn-btn {
        width: 100%
    }
}

.pre-checkout__coupon-input input {
    display: inline-block;
    width: calc(100% - 111px)
}

.pre-checkout__coupon-input .btn {
    margin: 0 -16px 0 16px
}

.pre-checkout__store-credit-deduction {
    text-align: right;
    display: block;
    color: #C4C4CE;
    font-size: 14px
}

.pre-checkout__payable-amount {
    background: #fafafc;
    padding: 2px 30px 14px;
    margin: 0 0 20px
}

.pre-checkout__payable-amount table td {
    padding: 0
}

.pre-checkout__payable-amount table td:after {
    display: none
}

.pre-checkout__payable-amount table td .pre-checkout__payable-amount-price, .pre-checkout__payable-amount table td .pre-checkout__payable-amount-rebate {
    text-align: right;
    display: block
}

.pre-checkout__payable-amount table td .pre-checkout__payable-amount-rebate {
    float: right
}

.pre-checkout__payable-amount table td .pre-checkout__payable-amount-rebate .left, .pre-checkout__payable-amount table td .pre-checkout__payable-amount-rebate .right {
    text-align: left;
    display: table-cell;
    vertical-align: middle
}

.pre-checkout__payable-amount table td .pre-checkout__payable-amount-rebate .right {
    padding-left: 6px
}

@media (max-width: 767px) {
    .pre-checkout__payable-amount {
        margin: 0 0 31px;
        padding: 2px 10px 14px
    }
}

.pre-checkout__payable-amount-title {
    display: block;
    padding: 0 0 10px;
    font-size: 14px;
    line-height: 14px
}

.pre-checkout__payable-amount-price {
    display: block;
    padding: 0 0 11px;
    font-size: 30px;
    line-height: 30px;
    font-family: 'bebas_neue';
}

.pre-checkout__payable-amount-rebate {
    color: #9292a2;
    font-size: 14px
}

.pre-checkout__credit {
    padding: 30px 0 0
}

.pre-checkout__credit:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width: 1023px) {
    .pre-checkout__subtitle {
        padding: 0 0 10px
    }

    .pre-checkout:after {
        display: none
    }

    .pre-checkout__side {
        width: 100%;
        padding: 0
    }

    .pre-checkout__side:first-child {
        padding: 0 30px;
        position: relative
    }

    .pre-checkout__side:first-child:after {
        display: none
    }

    .pre-checkout__side--right {
        margin: 0;
        padding: 51px 30px 0
    }

    .pre-checkout__credit-item {
        padding: 0 0 16px
    }

    .pre-checkout .content__title-sm {
        margin: 0 -30px 24px
    }

    .pre-checkout__personal-info {
        padding: 0 0 10px
    }

    .pre-checkout__product-info {
        padding: 40px 0 10px
    }

    .pre-checkout__product-info + .pre-checkout__note {
        padding: 40px 0 0
    }
}

@media (max-width: 767px) {
    .pre-checkout__btn-group a {
        margin-left: 0
    }

    .pre-checkout__side--right {
        padding: 5px 0 0
    }

    .pre-checkout__side:first-child {
        padding: 0 0 46px 0
    }

    .pre-checkout__personal-info, .pre-checkout__subtitle, .pre-checkout__product-info {
        padding: 0
    }

    .pre-checkout__subtitle {
        padding-bottom: 20px
    }

    .pre-checkout__coupon-input {
        position: relative
    }

    .pre-checkout__coupon-input input {
        display: inline-block;
        width: 90%
    }

    .pre-checkout__coupon-input .btn {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .pre-checkout__subtitle-text {
        padding: 0 0 15px
    }

    .pre-checkout__balance-btn .btn {
        width: 100%
    }

    .pre-checkout .content__title-sm {
        margin: 0 0 24px;
        text-align: center
    }
}

.pre-checkout__phone-verification {
    padding-top: 40px
}

.pre-checkout__subtitle-text, .pre-checkout__list {
    padding: 0 0 21px
}

.pre-checkout__list li {
    padding: 0 0 20px
}

.pre-checkout__list li:last-child {
    padding: 0
}

.pre-checkout__subtitle-text--dark {
    color: #525257;
    font-weight: 500
}

.pre-checkout__item {
    padding: 0 0 20px;
    border-top: 1px solid #ececf1;
    line-height: 200%
}

.pre-checkout__item:after {
    content: " ";
    display: block;
    clear: both
}

.pre-checkout__item:first-child {
    border-top: none
}

.pre-checkout__item:last-child {
    border-bottom: none
}

.pre-checkout__item li {
    padding: 20px 0
}

.pre-checkout__item li:last-child {
    padding: 30px 0 0 0
}

.pre-checkout__quantity {
    padding: 0 0 40px 30px
}

.pre-checkout__quantity input {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    margin: 0 14px 0 0
}

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

.pre-checkout__instock-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 0;
    line-height: 0
}

@media (max-width: 1023px) {
    .pre-checkout__quantity {
        padding: 0 0 40px
    }

    .pre-checkout__quantity input {
        width: 310px
    }
}

@media (max-width: 767px) {
    .pre-checkout__quantity {
        padding: 0 0 32px
    }

    .pre-checkout__quantity input {
        width: 100%
    }
}

@media (max-width: 600px) {
    .pre-checkout__quantity input {
        margin: 0 0 16px
    }

    .pre-checkout__instock {
        display: block
    }
}

.pre-checkout__delievery-method {
    padding: 0 0 13px
}

.pre-checkout__delievery-method-item {
    padding: 0 0 25px 30px
}

.pre-checkout__delievery-method-item .tooltip {
    float: right
}

.pre-checkout__delievery-method-option {
    display: block;
    padding: 0 0 10px
}

.pre-checkout__delievery-method-form {
    padding: 0 0 0 30px
}

.pre-checkout__delievery-method input + label {
    font-size: 11px;
    line-height: 11px;
    vertical-align: middle;
    padding: 0 10px 0 25px;
    text-transform: uppercase
}

.pre-checkout__delievery-method input + label:before {
    top: calc(50% - 9px)
}

@media (max-width: 1023px) {
    .pre-checkout__delievery-method-item {
        padding: 0 0 30px
    }

    .pre-checkout__delievery-method-form {
        padding: 0
    }
}

.pre-checkout-currency__note {
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    color: #9292a2
}

.pre-checkout--success {
    padding: 0
}

.pre-checkout--success:after {
    display: none
}

.pre-checkout__top {
    background: #16da8e;
    padding: 55px 40px 49px;
    position: relative
}

.pre-checkout__top:after {
    content: " ";
    display: block;
    clear: both
}

.pre-checkout__top:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: url("../img/triangle.png") repeat-x;
    background-position: -10px 0
}

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

.pre-checkout__btn-lg {
    padding: 13px 40px
}

.pre-checkout__success {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 230px);
    padding: 0 20px 0 0
}

.pre-checkout__success-icon {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    border: 5px solid #fff;
    border-radius: 50%;
    text-align: center;
    padding: 15px 0 15px;
    margin: 0 21px 0 0
}

.pre-checkout__success-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 170px)
}

.pre-checkout__success-title {
    display: block;
    padding: 0 0 10px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #fff
}

.pre-checkout__order-number {
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.pre-checkout__info {
    padding: 32px 40px 37px
}

.pre-checkout__share {
    display: inline-block
}

@media (max-width: 1023px) {
    .pre-checkout__top {
        padding: 28px 40px
    }

    .pre-checkout__btn {
        display: block;
        padding: 0 0 0 95px
    }

    .pre-checkout__success {
        display: block;
        padding: 0 0 5px;
        width: 100%
    }

    .pre-checkout__success-text {
        width: calc(100% - 130px)
    }

    .pre-checkout__success-title {
        padding: 0 0 6px
    }
}

@media (max-width: 767px) {
    .pre-checkout__btn {
        text-align: center;
        padding: 0
    }

    .pre-checkout__success {
        text-align: center;
        padding: 0 0 14px
    }

    .pre-checkout__success-icon {
        display: block;
        width: 50px;
        height: 50px;
        padding: 10px 0;
        margin: 0 auto 23px
    }

    .pre-checkout__success-icon .icon-checkmark {
        width: 26px;
        height: 21px
    }

    .pre-checkout__success-text {
        display: block;
        width: 100%
    }

    .pre-checkout__success-title {
        font-size: 16px;
        line-height: 18px
    }

    .pre-checkout__order-number {
        font-size: 13px;
        line-height: 13px
    }
}

.checkout__info-list {
    width: 520px;
    padding: 0 0 20px
}

.checkout__info-list .game-info__title {
    width: 200px
}

.checkout__info-list .game-info__list-item:first-child {
    border-top: none
}

@media (max-width: 767px) {
    .checkout__info-list .game-info__list-item {
        border-top: none
    }

    .checkout__info-list .game-info__title {
        display: block;
        width: 100%
    }

    .checkout__info-list .game-info__info {
        display: block;
        width: 100%
    }
}

@media (max-width: 767px) {
    .checkout__info-list {
        width: 100%
    }
}

.js-tab-content {
    display: none
}

.js-tab-content.active {
    display: block
}

.verification {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 32px 0 0px
}

.verification__heading {
    padding: 0 15px 33px 40px;
    border-bottom: 1px solid #efeff4
}

.verification__title {
    vertical-align: middle
}

.verification__title-note {
    padding: 5px 0 0;
    display: block;
    color: #9292a2
}

.verification__type {
    padding: 20px 40px;
    text-align: center
}

.verification__type-action {
    display: inline-block;
    text-align: center;
    min-width: 210px;
    height: 65px;
    padding: 9px 0 0;
    border: 1px solid #f1f1f1;
    margin: 0 8px 0 0
}

.verification__type-action:last-child {
    margin: 0
}

.verification__type-action-active {
    display: inline-block;
    text-align: center;
    min-width: 210px;
    height: 65px;
    padding: 9px 0 0;
    border: 2px solid #ececec;
    margin: 0 8px 0 0
}

.verification__type-action-active .verification__type-title {
    display: block;
    font-weight: 500;
    color: #525257
}

.verification__type-title {
    display: block;
    font-weight: 500;
    color: #9292a2
}

.verification__type-status {
    display: block;
    padding: 3px 0 0;
    color: #9292a2
}

.verification__type-status-1 {
    color: #20c082
}

.verification__type-status-2 {
    color: #1693da
}

.verification__type-status .active {
    display: block
}

.verification__type-status li {
    display: none
}

.verification__item .content__title-sm {
    width: 490px
}

@media (max-width: 767px) {
    .verification__item .content__title-sm {
        width: auto
    }
}

.verification__item .content__title-sm--settings {
    padding: 0 0 38px
}

.verification__item .content__title-sm--settings .create__item-heading-top {
    padding: 0 0 15px
}

.verification__item .content__title-sm-top {
    display: block;
    padding: 0 0 30px
}

.verification__item-title {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px 0 0;
    letter-spacing: .6px
}

.verification__item-note {
    font-size: 11px
}

.verification__item-text {
    width: 511px;
    padding: 0 0 0 60px
}

.verification__item.phone-verification .verification__phone-field {
    width: 760px
}

@media (max-width: 767px) {
    .verification__item.phone-verification .verification__phone-field {
        width: 100%
    }
}

.verification__phone-tooltip {
    display: inline-block;
    padding: 10px 4px
}

.verification__phone-field {
    display: block;
    padding: 0 0px 9px 0px
}

@media (max-width: 767px) {
    .verification__phone-field {
        width: 100%
    }
}

.verification__phone-field .security-token {
    padding-left: 0;
    display: block;
    margin-bottom: 20px
}

.verification__phone-input {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px;
    width: calc(100% + 30px)
}

.verification__phone-input input {
    float: left;
    margin-right: 10px;
    width: 70px
}

.verification__phone-input input:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .verification__phone-input input {
        margin-right: 1px;
        width: calc((100% - 6px) / 6)
    }
}

.verification__phone-input .form__error-text {
    margin: 10px 0
}

@media (max-width: 767px) {
    .verification__phone-input {
        width: 100%;
        padding-right: 0
    }
}

.verification__phone__links-item {
    display: block;
    margin-bottom: 10px
}

.verification__content {
    padding: 40px 40px 50px;
    border-bottom: 1px solid #efeff4
}

@media (max-width: 767px) {
    .verification__content {
        padding: 0 20px 50px
    }
}

.verification__item-content-upload {
    padding-bottom: 10px
}

.verification__item-content-upload-subtext {
    padding-top: 6px
}

.verification__item-content-upload-subtext > ul {
    list-style: disc;
    margin-left: 14px
}

.verification__item-content-upload-right {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    width: calc(100% - 68px)
}

.verification__item-content-upload-right .fileuploader-input {
    padding: 20px 0 !important
}

.verification__item-content-upload-right .fileuploader-input img {
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .verification__item-content-upload-right .fileuploader-input {
        padding: 0 !important
    }
}

@media (max-width: 767px) {
    .verification__item-content-upload-right {
        width: 100%;
        padding-left: 0;
        text-align: center
    }

    .verification__item-content-upload-right .create__content-upload {
        text-align: center
    }
}

.verification__item-content-upload .icon-photoid {
    width: 48px;
    height: 48px;
    fill: #1493D8
}

@media (max-width: 767px) {
    .verification__item-content-upload .icon-photoid {
        width: 60px;
        height: 60px;
        margin: 0 0 20px 90px
    }
}

.verification__item-content-upload .icon-circle-check {
    width: 48px;
    height: 48px;
    fill: #20c082
}

@media (max-width: 767px) {
    .verification__item-content-upload .icon-circle-check {
        display: inline-block
    }
}

@media (max-width: 767px) {
    .verification__item-content-upload {
        text-align: center
    }

    .verification__item-content-upload .icon-photoid {
        margin: 0
    }
}

.verification__item-content-text {
    padding: 10px 20px 20px;
    margin-top: 20px;
    background-color: #FAFAFC
}

.verification__item-content-text ul {
    list-style-type: decimal;
    margin-left: 20px;
    line-height: 20px
}

.verification__item-content-subtext {
    font-size: 14px;
    margin: 10px 0;
    color: #9292a2;
    text-transform: uppercase
}

.verification__upload-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.verification .list-action__btn-input {
    display: inline-block
}

.verification__form-field {
    display: inline-block;
    vertical-align: middle;
    width: 460px;
    padding: 0 0 25px;
    font-size: 0;
    line-height: 0
}

.verification__form-field label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.verification__form-field:last-child {
    padding: 0
}

.verification__form-field-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px
}

.verification__form-field-item:first-child {
    padding: 0 10px 0 0
}

.verification__form-field-item:last-child {
    padding: 0 0 0 10px
}

.verification__form-field--wth-pad {
    padding: 0
}

.verification__form-eta {
    display: inline-block;
    vertical-align: middle;
    width: 460px;
    padding: 15px 0 25px;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px dashed #d7d7e0
}

.verification__form-eta label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.verification__form-eta:last-child {
    padding: 0
}

.verification__form-eta-offline {
    display: inline-block;
    vertical-align: middle;
    width: 460px;
    padding: 0 0 25px;
    font-size: 0;
    line-height: 0;
    border-bottom: none
}

.verification__form-eta-offline label {
    display: inline-block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.verification__form-eta-offline:last-child {
    padding: 25px 0 30px
}

@media (max-width: 767px) {
    .verification__form-eta-offline {
        width: 100%
    }
}

@media (max-width: 767px) {
    .verification__form-eta {
        width: 100%
    }
}

.verification__form-note {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 487px);
    font-size: 11px;
    line-height: 14px;
    color: #bebecc;
    padding: 0 0 0 20px
}

.verification__input-title {
    display: block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    color: #9292a2
}

.verification__input-title--insuarence {
    display: block;
    padding: 0 0 30px
}

.verification__input-radio {
    display: inline-block;
    vertical-align: middle;
    padding: 0 44px 15px 0
}

.verification__input-radio:last-child {
    padding: 0 0 15px
}

.verification__input-radio input + label {
    text-transform: none;
    font-size: 11px;
    line-height: 11px;
    color: #525257
}

.verification__input-radio-group {
    display: block
}

.verification__input-radio-group .form__error-text {
    margin-top: 12px
}

.verification__input {
    display: block;
    margin: 0 0 20px
}

.verification__input:last-child {
    margin: 0
}

.verification__action {
    padding: 40px
}

.verification__action-content {
    float: right;
    padding-left: 6px
}

@media (max-width: 767px) {
    .verification__action-content {
        width: 100%;
        padding-left: 0;
        padding-bottom: 6px
    }

    .verification__action-content .btn {
        width: 100%
    }
}

.verification__action-btn {
    text-align: right
}

.verification__btn {
    padding: 12px 40px
}

.verification__btn--white {
    border: 1px solid #c8c8d0;
    color: #9292a2;
    margin: 0 0 0 10px
}

.verification__btn--white:hover, .verification__btn--white:active {
    background: #fff;
    color: #76768b;
    border-color: #adadb9
}

.verification__token-msg-text {
    margin: 0 0 16px;
    font-size: 12px;
    display: inline-block
}

.verification__token-msg .icon-checkmark-green {
    margin-left: 4px;
    display: inline-block
}

.verification__product {
    padding: 24px 40px;
    text-transform: uppercase;
    font-family: "bebas_neue", Verdana;
    font-size: 24px;
    background: #e3e3ec
}

@media (max-width: 767px) {
    .verification__title-note {
        padding: 5px 25px 0 0
    }

    .verification__type-action, .verification__type-action-active {
        margin: 0 0 8px
    }

    .verification__type-action:last-child, .verification__type-action-active:last-child {
        margin: 0 0 8px
    }
}

.lost-mobile-phone__input {
    display: block;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: center
}

.lost-mobile-phone__input input {
    display: inline-block;
    margin-right: 10px;
    width: 70px
}

.lost-mobile-phone__input input:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .lost-mobile-phone__input input {
        margin-right: 1px;
        width: calc((100% - 4px) / 6)
    }
}

.lost-mobile-phone__input .form__error-text {
    margin: 10px 0
}

@media (max-width: 767px) {
    .lost-mobile-phone__input {
        width: 100%;
        padding-right: 0
    }
}

.lost-mobile-phone__success-bulk {
    text-align: center
}

.lost-mobile-phone__success-msg {
    padding: 20px 30px
}

.popup {
    display: none;
    width: 945px
}

@media (max-width: 980px) {
    .popup {
        width: 700px
    }
}

@media (max-width: 767px) {
    .popup {
        width: 285px
    }
}

.edit-product {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, 0.06);
    padding: 20px 0 50px
}

.edit-product__content {
    padding: 0 0 30px
}

.edit-product__block {
    padding: 50px 50px 25px;
    border-bottom: 1px solid #efeff4;
    font-size: 0;
    line-height: 0
}

.edit-product__block:last-child {
    border: none
}

.edit-product__column {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 23px
}

.edit-product__column:last-child {
    padding: 0 0 0 23px
}

.edit-product__column:first-child {
    padding: 0 23px 0 0
}

.edit-product__field {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 75px)
}

.edit-product__field-sm {
    width: 250px;
    padding: 0 20px 0 0;
    display: inline-block;
    vertical-align: top
}

.edit-product__radiobuttons {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 55px
}

.edit-product__count {
    width: 70px
}

.edit-product__row {
    display: block;
    padding: 0 0 25px
}

.edit-product__row .select {
    width: 399px !important
}

@media (max-width: 980px) {
    .edit-product__row .select {
        width: 277px !important
    }
}

@media (max-width: 767px) {
    .edit-product__row .select {
        width: 245px !important
    }
}

.edit-product__row--sm .select {
    width: 220px !important
}

@media (max-width: 980px) {
    .edit-product__row--sm .select {
        width: 600px !important
    }
}

@media (max-width: 767px) {
    .edit-product__row--sm .select {
        width: 245px !important
    }
}

.edit-product__btn-icon .icon-remove {
    fill: #fff
}

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

.edit-product__img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0
}

.edit-product__img-link {
    display: block;
    width: 120px;
    position: relative;
    line-height: 0
}

.edit-product__img-link img {
    max-width: 100%
}

.edit-product__img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(43, 43, 54, 0.6)
}

.edit-product__img-overlay .icon-camera {
    width: 24px;
    height: 19px
}

.edit-product__img-overlay-inner {
    display: table;
    width: 100%;
    height: 100%
}

.edit-product__img-overlay-info {
    display: table-cell;
    vertical-align: middle
}

.edit-product__img-icon {
    display: block;
    padding: 0 0 5px;
    text-align: center
}

.edit-product__img-text {
    display: block;
    width: 50px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 12px
}

.edit-product__btns {
    text-align: right;
    padding: 0 50px
}

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

.edit-product__btn {
    padding: 0 10px 0 0
}

.edit-product__btn:last-child {
    padding: 0
}

@media (max-width: 1023px) {
    .edit-product__field-sm {
        display: block;
        width: 100%;
        padding: 0 0 20px
    }

    .edit-product__field-sm:last-child {
        padding: 0
    }

    .edit-product__radiobuttons {
        padding: 0
    }

    .edit-product__btns {
        text-align: center
    }
}

@media (max-width: 767px) {
    .edit-product__block {
        padding: 20px
    }

    .edit-product__column {
        width: 100%;
        display: block;
        padding: 0
    }

    .edit-product__column:first-child {
        padding: 0
    }

    .edit-product__column:last-child {
        padding: 0
    }

    .edit-product__btn {
        display: block;
        padding: 0 0 10px
    }

    .edit-product__field {
        display: block;
        width: 100%
    }

    .edit-product__row {
        position: relative
    }

    .edit-product__row .select {
        width: 200px
    }

    .edit-product__img {
        text-align: center;
        display: block;
        padding: 0 0 10px
    }

    .edit-product__img-link {
        display: inline-block
    }

    .edit-product__top-btns {
        display: block;
        text-align: center
    }
}

.load-more {
    padding: 0 0 50px;
    text-align: center
}

.load-more__link {
    width: 250px
}

@media (max-width: 767px) {
    .load-more {
        display: block
    }

    .load-more__link {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .hide-tablet {
        display: none
    }
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none
    }
}

.show-mobile {
    display: none
}

@media (max-width: 767px) {
    .show-mobile {
        display: inline-block
    }
}

.tablet-res, .mobile-res {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    display: none
}

@media (max-width: 1023px) {
    .tablet-res {
        display: block
    }
}

@media (max-width: 767px) {
    .mobile-res {
        display: block
    }
}

.circle-progress {
    position: absolute;
    left: 0px;
    top: 1px;
    width: 48px;
    height: 48px
}

.circle-progress canvas {
    position: relative
}

.fancybox-overlay {
    background: rgba(32, 32, 43, 0.5)
}

.fancybox-close {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%0A%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20width%3D%22600.000000pt%22%20height%3D%22600.000000pt%22%20viewBox%3D%220%200%20600.000000%20600.000000%22%0A%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%0A%3Cmetadata%3E%0ACreated%20by%20potrace%201.10%2C%20written%20by%20Peter%20Selinger%202001-2011%0A%3C%2Fmetadata%3E%0A%3Cg%20transform%3D%22translate%280.000000%2C600.000000%29%20scale%280.100000%2C-0.100000%29%22%0Afill%3D%22%23a3a3b0%22%20stroke%3D%22none%22%3E%0A%3Cpath%20d%3D%22M510%205987%20c0%20-7%20-41%20-53%20-91%20-102%20-50%20-50%20-95%20-98%20-101%20-109%20-9%20-16%0A152%20-181%201291%20-1320%20716%20-716%201301%20-1306%201301%20-1311%200%20-5%20-611%20-621%20-1357%0A-1367%20l-1358%20-1358%20113%20-112%20112%20-113%201358%201358%20c746%20746%201362%201357%201367%201357%0A5%200%20595%20-585%201311%20-1301%201139%20-1139%201304%20-1300%201320%20-1291%2011%206%2059%2051%20109%20101%0A49%2050%2095%2091%20102%2091%207%200%2013%209%2013%2020%200%2011%20-6%2020%20-13%2020%20-6%200%20-597%20585%20-1312%0A1300%20l-1300%201300%201205%201205%201205%201205%20-113%20112%20-112%20113%20-1205%20-1205%20-1205%0A-1205%20-1300%201300%20c-715%20715%20-1300%201306%20-1300%201312%200%207%20-9%2013%20-20%2013%20-11%200%20-20%0A-6%20-20%20-13z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 20px
}

.video-popup {
    height: 90vh;
    width: 100%
}

.content-popup {
    width: 550px
}

#clock {
    background-image: url("");
    background-size: cover;
    background-position: center;
    height: 250px;
    width: 250px;
    border: 1px solid #bbb
}

.error {
    border: 2px solid #f03726;
    border-radius: 5px
}

.error__message {
    color: #f03726
}

.error-text {
    color: #f03726;
    font-weight: 600
}

.body-scroll-hidden {
    overflow: hidden
}

.loader, .loader:before, .loader:after {
    border-radius: 50%
}

.loader {
    color: #c4c4ce;
    font-size: 11px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:before, .loader:after {
    position: absolute;
    content: ''
}

.loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #fff;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s
}

.loader:after {
    width: 5.2em;
    height: 10.2em;
    background: #fff;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease
}

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

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

.loading-icon {
    display: inline-block;
    border: 16px solid #ffffff;
    border-top: 16px solid #898997;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: icon_spin 1s linear infinite;
    animation: icon_spin 1s linear infinite
}

.loading-icon-sm {
    border: 4px solid #ffffff;
    border-top: 4px solid #898997;
    width: 17px;
    height: 17px
}

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

.gamer-protect {
    position: absolute;
    top: 0;
    height: 60px
}

.gamer-protect a {
    padding: 15px 20px;
    width: auto;
    display: block;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #3F7CD6
}

.gamer-protect__title {
    color: #fff;
    text-transform: uppercase;
    font-family: 'bebas_neue';
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle
}

.gamer-protect__subtitle {
    color: #8AAEEA;
    text-decoration: underline;
    padding-left: 4px
}

@media (max-width: 767px) {
    .gamer-protect {
        min-width: 290px;
        max-width: 312px
    }

    .gamer-protect a {
        padding: 15px 15px
    }
}

.select2--select + .select2-container--default .select2-selection--single {
    height: 42px;
    background-color: #ffffff;
    border: 1px solid #d7d7e0;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1);
    padding-left: 4px;
    padding-top: 6px;
    border-radius: 4px
}

.select2--select + .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px
}

.header__country-links-item .select2--select + .select2-container--default.select2-container--open {
    border-bottom: 1px solid #d7d7e0
}

.header__country-links-item .select2--select + .select2-container--default .select2-selection--single {
    height: 32px;
    border: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .header__country-links-item .select2--select + .select2-container--default .select2-selection--single {
        height: 36px
    }
}

.tooltip {
    outline: none;
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: color;
    transition-timing-function: ease;
    opacity: 1;
    visibility: visible;
}

.tooltip:hover, .tooltip:focus {
    cursor: pointer
}

.tooltip:hover .tooltip__content.focused, .tooltip:hover .tooltip__shorten.focused, .tooltip:hover .tooltip__homepage.focused, .tooltip:hover .tooltip__content-right.focused, .tooltip:hover .tooltip__content-left.focused, .tooltip:focus .tooltip__content.focused, .tooltip:focus .tooltip__shorten.focused, .tooltip:focus .tooltip__homepage.focused, .tooltip:focus .tooltip__content-right.focused, .tooltip:focus .tooltip__content-left.focused {
    opacity: 1;
    visibility: visible;
    overflow: visible
}

.tooltip__content {
    display: block;
    max-width: 220px;
    min-width: 20px;
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    display: block;
    border-radius: 3px;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.2s, 0.1s, 0.2s, 0.1s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #333333;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    height: auto;
    line-height: 20px;
    margin-top: 8px;
    right: calc(100% - 88px);
    text-align: left
}

.tooltip__content-right {
    width: 220px;
    max-width: 220px;
    min-width: 20px;
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    border-radius: 3px;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.2s, 0.1s, 0.2s, 0.1s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #333333;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    height: auto;
    line-height: 18px;
    top: 50px;
    left: -18px;
    margin-top: 8px
}

.tooltip__content-right > a {
    color: #1693da
}

.tooltip__content-left {
    width: 220px;
    max-width: 220px;
    min-width: 20px;
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    border-radius: 3px;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.2s, 0.1s, 0.2s, 0.1s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #333333;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    height: auto;
    line-height: 18px;
    top: 50px;
    right: -18px;
    margin-top: 8px
}

.tooltip__content-left > a {
    color: #1693da
}

.tooltip__content > a {
    color: #1693da
}

@media (max-width: 767px) {
    .tooltip__content {
        right: calc(100% - 73px)
    }
}

.pagination ul li {
    display: inline-block;
    font-size: 14px
}

.pagination ul li.first a, .pagination ul li.last a, .pagination ul li.previous a, .pagination ul li.next a {
    padding: 5px 7px
}

.pagination ul li a {
    padding: 5px 13px;
    display: inline-block
}

.pagination ul li.selected {
    border: 1px solid #d6d6d6;
    border-radius: 3px
}

.pagination ul li.selected a {
    color: #50515F
}

.pagination ul li .icon-pagination {
    width: 13px;
    height: 13px;
    fill: #f03726
}

.pagination ul li.hidden {
    display: none
}

@media (max-width: 767px) {
    .pagination ul li.page {
        display: none
    }

    .pagination ul li.selected {
        display: inline-block;
        max-width: 80px
    }
}

.twitter-typeahead input.js-search {
    background: transparent
}

.tt-menu {
    width: 100%;
    background-color: #fff;
    margin-top: 4px;
    box-shadow: inset 2px 2px 3px 0px rgba(124, 124, 143, 0.1);
    border: 1px solid #d7d7e0;
    border-radius: 3px
}

.tt-menu .tt-dataset .tt-suggestion {
    list-style: none
}

.tt-menu .tt-dataset .tt-suggestion a {
    display: block;
    padding: 10px
}

.tt-menu .tt-dataset .tt-suggestion a span {
    color: #525257
}

.tt-menu .tt-dataset .tt-suggestion a:hover, .tt-menu .tt-dataset .tt-suggestion a:focus {
    background-color: #d22d1e
}

.tt-menu .tt-dataset .tt-suggestion a:hover span, .tt-menu .tt-dataset .tt-suggestion a:focus span {
    color: #fff
}

.errorbox {
    display: block;
    position: relative;
    margin-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    vertical-align: middle;
    text-align: middle;
    font-family: "Roboto", sans-serif;
    font-weight: lighter;
    font-style: thin;
    font-size: 30px
}

.errorcontainer {
    margin: 0 auto;
    position: relative
}

.error-logo {
    display: block;
    padding-top: 35px;
    text-align: center;
    margin: 0 auto
}

.errordowntext {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: normal;
    font-style: thick;
    font-family: "Arial", sans-serif;
    font-size: 26px;
    text-align: center;
    line-height: 110%
}

.errordowntext2 {
    margin: 0 auto;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 10px;
    line-height: 110%
}

.p-oops {
    text-align: center;
    margin: 0 auto
}

.maintenancelogo {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 50px;
    display: block
}

@media (max-width: 767px) {
    .maintenancelogo {
        width: 280px;
        height: auto
    }
}

.downmenufooter {
    margin: 0 auto;
    text-align: center
}

.maintenance-menus {
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0
}

.maintenance-menus li {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 6px 20px
}

.maintenance-menus li a {
    display: inline-block;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 1023px) {
    .maintenance-menus {
        display: block
    }

    .maintenance-menus li a {
        padding: 0 10px
    }
}

@media (max-width: 767px) {
    .maintenance-menus {
        display: block;
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px
    }

    .maintenance-menus li {
        display: block
    }

    .maintenance-menus li a {
        padding: 2px 10px
    }
}

.maintenance-dt {
    text-align: center;
    padding-bottom: 20px;
    margin: 0 auto;
    font-weight: normal;
    font-size: 26px;
    line-height: 110%
}

@media (max-width: 767px) {
    .maintenance-dt {
        font-size: 19px
    }
}

.maintenance-dt2 {
    padding-bottom: 40px;
    text-align: center;
    margin: 0 auto;
    font-weight: lighter;
    font-size: 28px;
    line-height: 32px
}

@media (max-width: 767px) {
    .maintenance-dt2 {
        font-size: 20px;
        line-height: 24px
    }
}

.footer-slinksm {
    border: 0 none;
    font: inherit;
    margin-top: 20px;
    text-align: center
}

.footer-slinksm div {
    display: block
}

.social-linksm {
    display: table;
    width: 40px;
    height: 40px;
    padding: 0 6px;
    text-align: center;
    background: #dbdddd;
    border-radius: 10px
}

@media (max-width: 767px) {
    .social-linksm {
        display: table;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 6px;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.icons-slinksm {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px
}

@media (max-width: 767px) {
    .icons-slinksm {
        display: inline-block;
        font-size: 5px;
        vertical-align: middle
    }
}

.g2g-icon {
    background-image: url("../img/icons-2017-beta.png");
    display: inline-block;
    vertical-align: middle
}

.g2g-icon[class*="i-sm-"] {
    width: 24px;
    height: 25px
}

.g2g-icon[class*="i-med-"] {
    width: 32px;
    height: 33px
}

.g2g-icon[class*="i-lg-"] {
    width: 50px;
    height: 51px
}

.g2g-icon.i-sm-buyer-1 {
    background-position: -10px -6px
}

.g2g-icon.i-sm-buyer-1 {
    background-position: -10px -6px
}

.g2g-icon.i-sm-buyer-12 {
    background-position: -40px -6px
}

.g2g-icon.i-sm-buyer-15 {
    background-position: -70px -6px
}

.g2g-icon.i-sm-buyer-4 {
    background-position: -100px -6px
}

.g2g-icon.i-sm-buyer-5 {
    background-position: -130px -6px
}

.g2g-icon.i-sm-buyer-3 {
    background-position: -160px -6px
}

.g2g-icon.i-med-buyer-1 {
    background-position: -65px -224px
}

.g2g-icon.i-med-buyer-2 {
    background-position: -65px -224px
}

.g2g-icon.i-med-buyer-12 {
    background-position: -192px -224px
}

.g2g-icon.i-med-buyer-15 {
    background-position: -319px -224px
}

.g2g-icon.i-med-buyer-4 {
    background-position: -446px -224px
}

.g2g-icon.i-med-buyer-5 {
    background-position: -573px -224px
}

.g2g-icon.i-med-buyer-3 {
    background-position: -700px -224px
}

.g2g-icon.i-lg-buyer-1 {
    background-position: -10px -224px
}

.g2g-icon.i-lg-buyer-2 {
    background-position: -10px -224px
}

.g2g-icon.i-lg-buyer-12 {
    background-position: -137px -224px
}

.g2g-icon.i-lg-buyer-15 {
    background-position: -264px -224px
}

.g2g-icon.i-lg-buyer-4 {
    background-position: -391px -224px
}

.g2g-icon.i-lg-buyer-5 {
    background-position: -518px -224px
}

.g2g-icon.i-lg-buyer-3 {
    background-position: -645px -224px
}

.g2g-icon.i-lg-seller-1 {
    background-position: -10px -162px
}

.g2g-icon.i-lg-seller-2 {
    background-position: -137px -162px
}

.g2g-icon.i-lg-seller-3 {
    background-position: -264px -162px
}

.g2g-icon.i-lg-seller-5 {
    background-position: -391px -162px
}

.g2g-icon.i-lg-seller-4 {
    background-position: -518px -162px
}

.g2g-icon.i-lg-seller-6 {
    background-position: -645px -162px
}

.g2g-icon.i-med-seller-1 {
    background-position: -65px -162px
}

.g2g-icon.i-med-seller-2 {
    background-position: -192px -162px
}

.g2g-icon.i-med-seller-3 {
    background-position: -319px -162px
}

.g2g-icon.i-med-seller-5 {
    background-position: -446px -162px
}

.g2g-icon.i-med-seller-4 {
    background-position: -573px -162px
}

.g2g-icon.i-med-seller-6 {
    background-position: -700px -162px
}

.g2g-icon.i-sm-seller-1 {
    background-position: -10px -37px
}

.g2g-icon.i-sm-seller-2 {
    background-position: -40px -37px
}

.g2g-icon.i-sm-seller-3 {
    background-position: -70px -37px
}

.g2g-icon.i-sm-seller-5 {
    background-position: -100px -37px
}

.g2g-icon.i-sm-seller-4 {
    background-position: -130px -37px
}

.g2g-icon.i-sm-seller-6 {
    background-position: -160px -37px
}

.g2g-icon.i-lg-service-1 {
    background-position: -10px -70px
}

.g2g-icon.i-lg-service-1.inactive {
    background-position: -10px -349px
}

.g2g-icon.i-lg-service-16 {
    background-position: -137px -70px
}

.g2g-icon.i-lg-service-16.inactive {
    background-position: -137px -349px
}

.g2g-icon.i-lg-service-5 {
    background-position: -264px -70px
}

.g2g-icon.i-lg-service-5.inactive {
    background-position: -264px -349px
}

.g2g-icon.i-lg-service-17 {
    background-position: -391px -70px
}

.g2g-icon.i-lg-service-17.inactive {
    background-position: -391px -349px
}

.g2g-icon.i-lg-service-18 {
    background-position: -518px -70px
}

.g2g-icon.i-lg-service-18.inactive {
    background-position: -518px -349px
}

.g2g-icon.i-lg-service-19 {
    background-position: -645px -70px
}

.g2g-icon.i-lg-service-19.inactive {
    background-position: -645px -349px
}

.g2g-icon.i-lg-service-20 {
    background-position: -770px -70px
}

.g2g-icon.i-lg-service-20.inactive {
    background-position: -770px -349px
}

.g2g-icon.i-lg-service-4 {
    background-position: -10px -348px
}

.g2g-icon.i-med-service-1 {
    background-position: -65px -70px
}

.g2g-icon.i-med-service-1.inactive {
    background-position: -65px -349px
}

.g2g-icon.i-med-service-16 {
    background-position: -192px -70px
}

.g2g-icon.i-med-service-16.inactive {
    background-position: -192px -349px
}

.g2g-icon.i-med-service-5 {
    background-position: -319px -70px
}

.g2g-icon.i-med-service-5.inactive {
    background-position: -319px -349px
}

.g2g-icon.i-med-service-17 {
    background-position: -446px -70px
}

.g2g-icon.i-med-service-17.inactive {
    background-position: -446px -349px
}

.g2g-icon.i-med-service-18 {
    background-position: -573px -70px
}

.g2g-icon.i-med-service-18.inactive {
    background-position: -573px -349px
}

.g2g-icon.i-med-service-19 {
    background-position: -700px -70px
}

.g2g-icon.i-med-service-19.inactive {
    background-position: -700px -349px
}

.g2g-icon.i-med-service-20 {
    background-position: -825px -70px
}

.g2g-icon.i-med-service-20.inactive {
    background-position: -825px -349px
}

.g2g-icon.i-med-service-4 {
    background-position: -65px -348px
}

.g2g-icon.i-sm-service-1 {
    background-position: -102px -70px
}

.g2g-icon.i-sm-service-16 {
    background-position: -229px -70px
}

.g2g-icon.i-sm-service-5 {
    background-position: -356px -70px
}

.g2g-icon.i-sm-service-17 {
    background-position: -483px -70px
}

.g2g-icon.i-sm-service-18 {
    background-position: -610px -70px
}

.g2g-icon.i-sm-service-19 {
    background-position: -737px -70px
}

.g2g-icon.i-lg-years-1 {
    background-position: -10px -288px
}

.g2g-icon.i-lg-years-2 {
    background-position: -137px -288px
}

.g2g-icon.i-lg-years-3 {
    background-position: -264px -288px
}

.g2g-icon.i-lg-years-4 {
    background-position: -391px -288px
}

.g2g-icon.i-lg-years-5 {
    background-position: -518px -288px
}

.g2g-icon.i-lg-years-6 {
    background-position: -645px -288px
}

.g2g-icon.i-lg-years-7 {
    background-position: -772px -288px
}

.g2g-icon.i-lg-years-8 {
    background-position: -899px -288px
}

.g2g-icon.i-lg-years-9 {
    background-position: -1026px -288px
}

.g2g-icon.i-lg-years-10 {
    background-position: -1153px -288px
}

.g2g-icon.i-med-years-1 {
    background-position: -65px -288px
}

.g2g-icon.i-med-years-2 {
    background-position: -192px -288px
}

.g2g-icon.i-med-years-3 {
    background-position: -319px -288px
}

.g2g-icon.i-med-years-4 {
    background-position: -446px -288px
}

.g2g-icon.i-med-years-5 {
    background-position: -573px -288px
}

.g2g-icon.i-med-years-6 {
    background-position: -700px -288px
}

.g2g-icon.i-med-years-7 {
    background-position: -827px -288px
}

.g2g-icon.i-med-years-8 {
    background-position: -954px -288px
}

.g2g-icon.i-med-years-9 {
    background-position: -1081px -288px
}

.g2g-icon.i-med-years-10 {
    background-position: -1208px -288px
}

.g2g-icon.i-lg-ogm-4 {
    background-position: -10px -348px
}

.g2g-icon.i-med-ogm-4 {
    background-position: -65px -348px
}

.g2g-icon.i-med-wor {
    background-position: -10px -125px
}

.g2g-icon.i-sm-wor {
    width: 27px;
    height: 27px;
    background-position: -47px -125px
}

.g2g-icon.i-lg-beta {
    background-position: -10px -288px
}

.g2g-icon.i-med-beta {
    background-position: -65px -288px
}

.listNav {
    margin: 20px 0
}

.listNav .ln-letters a {
    font-size: 12px;
    padding: 8px 0;
    width: calc(100% / 28);
    text-align: center;
    font-weight: bold
}

.listNav .ln-letters a.ln-disabled {
    font-weight: normal;
    color: #9292a2
}

.listNav .ln-letters a.ln-selected {
    color: #525257
}

@media (max-width: 1023px) {
    .listNav .ln-letters a {
        width: calc(100% / 14)
    }

    .listNav .ln-letters a:nth-of-type(14) {
        border-right: 1px solid silver
    }

    .listNav .ln-letters a:nth-of-type(1), .listNav .ln-letters a:nth-of-type(2), .listNav .ln-letters a:nth-of-type(3), .listNav .ln-letters a:nth-of-type(4), .listNav .ln-letters a:nth-of-type(5), .listNav .ln-letters a:nth-of-type(6), .listNav .ln-letters a:nth-of-type(7), .listNav .ln-letters a:nth-of-type(8), .listNav .ln-letters a:nth-of-type(9), .listNav .ln-letters a:nth-of-type(10), .listNav .ln-letters a:nth-of-type(11), .listNav .ln-letters a:nth-of-type(12), .listNav .ln-letters a:nth-of-type(13), .listNav .ln-letters a:nth-of-type(14) {
        border-bottom: 1px solid transparent
    }
}

@media (max-width: 767px) {
    .listNav .ln-letters a {
        width: calc(100% / 6);
        border-top: 1px solid transparent
    }

    .listNav .ln-letters a.ln-last {
        width: calc((100% / 6) + 1px)
    }

    .listNav .ln-letters a:nth-of-type(1n+1) {
        border-bottom: 1px solid silver
    }

    .listNav .ln-letters a:nth-of-type(1), .listNav .ln-letters a:nth-of-type(2), .listNav .ln-letters a:nth-of-type(3), .listNav .ln-letters a:nth-of-type(4), .listNav .ln-letters a:nth-of-type(5), .listNav .ln-letters a:nth-of-type(6) {
        border-top: 1px solid silver
    }

    .listNav .ln-letters a:nth-of-type(14) {
        border-right: none
    }

    .listNav .ln-letters a:nth-of-type(6), .listNav .ln-letters a:nth-of-type(12), .listNav .ln-letters a:nth-of-type(18), .listNav .ln-letters a:nth-of-type(24) {
        border-right: 1px solid silver
    }
}

.js-dynamic-filter {
    overflow-x: hidden;
    transition: max-height .5s ease;
    position: relative
}

.js-dynamic-filter.dfilter-down {
    max-height: 300px
}

.js-dynamic-filter.dfilter-up {
    max-height: 0
}

.js-dfilter-container {
    position: relative;
    height: 154px;
    overflow-x: hidden;
    display: block
}

.js-dfilter-container .container {
    border-bottom: 1px solid #e2e2ea
}

.dfilter-arrow {
    display: block;
    position: absolute;
    top: calc(50% - 16px);
    z-index: 1000;
    width: 32px;
    height: 32px
}

.dfilter-arrow:hover {
    cursor: pointer
}

.dfilter-arrow--next {
    right: -6px
}

.dfilter-arrow--prev {
    left: -6px
}

.dfilter-arrow--icon {
    width: 32px;
    height: 32px;
    fill: #f03726
}

.text-blue {
    color: #1693da
}

#loadFacebookG {
    width: 38px;
    height: 25px;
    display: block;
    position: relative;
    margin: auto
}

#loadFacebookG-sm {
    width: 38px;
    height: 13px;
    display: block;
    position: relative;
    margin: auto
}

.facebook_blockG {
    background-color: #b0b2c4;
    border: 1px solid transparent;
    float: left;
    height: 25px;
    margin-left: 2px;
    width: 7px;
    opacity: 0.1;
    animation-name: bounceG;
    -o-animation-name: bounceG;
    -ms-animation-name: bounceG;
    -webkit-animation-name: bounceG;
    -moz-animation-name: bounceG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7)
}

.facebook_blockG-sm {
    background-color: #b0b2c4;
    border: 1px solid transparent;
    float: left;
    height: 13px;
    margin-left: 5px;
    width: 6px;
    opacity: 0.1;
    animation-name: bounceG;
    -o-animation-name: bounceG;
    -ms-animation-name: bounceG;
    -webkit-animation-name: bounceG;
    -moz-animation-name: bounceG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7)
}

.facebook_blockG-white {
    background-color: #f1f1f1;
    border: 1px solid transparent;
    float: left;
    height: 25px;
    margin-left: 2px;
    width: 7px;
    opacity: 0.1;
    animation-name: bounceG;
    -o-animation-name: bounceG;
    -ms-animation-name: bounceG;
    -webkit-animation-name: bounceG;
    -moz-animation-name: bounceG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7)
}

.facebook_blockG-whitesm {
    background-color: #f1f1f1;
    border: 1px solid transparent;
    float: left;
    height: 13px;
    margin-left: 5px;
    width: 6px;
    opacity: 0.1;
    animation-name: bounceG;
    -o-animation-name: bounceG;
    -ms-animation-name: bounceG;
    -webkit-animation-name: bounceG;
    -moz-animation-name: bounceG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7)
}

#blockG_1 {
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s
}

#blockG_2 {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s
}

#blockG_3 {
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s
}

@keyframes bounceG {
    0% {
        transform: scale(1.2);
        opacity: 1
    }
    100% {
        transform: scale(0.7);
        opacity: 0.1
    }
}

@-o-keyframes bounceG {
    0% {
        -o-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -o-transform: scale(0.7);
        opacity: 0.1
    }
}

@-ms-keyframes bounceG {
    0% {
        -ms-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -ms-transform: scale(0.7);
        opacity: 0.1
    }
}

@-webkit-keyframes bounceG {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1
    }
}

@-moz-keyframes bounceG {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1
    }
}

.no-order__content {
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 30px 0 0
}

.no-order__icon {
    display: block;
    padding: 40px 0 0;
    text-align: center
}

.no-order__icon svg {
    width: 60px;
    height: 60px
}

.no-result__icon {
    display: block;
    padding: 20px 0 0;
    text-align: center
}

.no-result__icon svg {
    width: 60px;
    height: 60px
}

.no-result__content {
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 30px 0 50px
}

.ui-dialog .ui-dialog-titlebar .ui-corner-all {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.index-intro__inner {
    font-size: 0;
    line-height: 0
}

.index-intro {
    position: relative;
    z-index: 0;
    padding: 50px 0
}

@media (max-width: 739px) {
    .index-intro {
        background-color: #e6e9ef;
        border-bottom: 1px solid #e1e4eb;
        padding: 0 0 20px
    }
}

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

.index-intro__col-lg {
    width: calc(100% - 280px)
}

@media (max-width: 1024px) {
    .index-intro__col-lg {
        width: calc(100% - 200px)
    }
}

@media (max-width: 739px) {
    .index-intro__col-lg {
        width: calc(100% + 35px);
        margin: 0 -20px -21px
    }
}

.index-intro__col-sm {
    width: 280px;
    padding-left: 20px
}

@media (max-width: 1024px) {
    .index-intro__col-sm {
        width: 200px
    }
}

@media (max-width: 739px) {
    .index-intro__col-sm {
        width: 100%;
        padding-left: 0
    }
}

.index-intro__row {
    padding-bottom: 15px;
    position: relative
}

@media (max-width: 1024px) {
    .index-intro__row {
        padding-bottom: 11px
    }
}

@media (max-width: 739px) {
    .index-intro__row {
        padding-bottom: 0
    }
}

.index-intro__row:last-child {
    padding-bottom: 0
}

.promo {
    display: block;
    height: 121px;
    border-radius: 5px;
    overflow: hidden
}

.promo-btn {
    position: absolute;
    top: 74px;
    padding: 0 0 0 10px
}

.promo-btn .btn {
    background: #2b2b36;
    padding: 6px 19px
}

.promo-btn .btn:hover {
    background: #3b3b4a
}

@media (max-width: 1024px) {
    .promo {
        height: 84px
    }

    .promo-btn {
        top: 50px;
        padding: 0 0 0 6px
    }

    .promo-btn .btn {
        padding: 4px 12px;
        font-size: 12px
    }
}

.promo img {
    width: 100%;
    height: 121px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

@media (max-width: 1024px) {
    .promo img {
        height: 84px
    }
}

.promo:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.promo-rows {
    display: none
}

@media (max-width: 739px) {
    .promo--mobile-hidden {
        display: none
    }

    .promo-rows {
        display: block
    }

    .promo-rows li {
        display: block;
        height: 38px;
        border-bottom: 1px solid #d7d7e0;
        background: #efeff4
    }

    .promo-rows li a {
        width: 100%;
        height: 100%;
        display: block
    }

    .promo-rows li a span {
        display: inline-block
    }

    .promo-rows li a span svg {
        fill: #d7d7e0
    }

    .promo-rows__title {
        padding: 9px 0 0 15px;
        font-family: 'bebas_neue';
        font-size: 16px;
        letter-spacing: 1.82px
    }

    .promo-rows__arrow {
        padding: 9px 15px 0 0;
        float: right
    }
}

.intro-gallery {
    position: relative;
    height: 395px;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .intro-gallery {
        height: 274px
    }
}

@media (max-width: 739px) {
    .intro-gallery {
        height: auto;
        border-radius: 0
    }
}

.intro-gallery__list-item {
    height: 100%
}

.intro-gallery__bg {
    background-color: #000;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

@media (max-width: 739px) {
    .intro-gallery__bg {
        display: none
    }
}

.intro-gallery__bg-item {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.intro-gallery__bg-item.active {
    z-index: 5;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.intro-gallery__bg-item.active.unactive {
    z-index: 4
}

.intro-gallery__bg-item.top {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out
}

.intro-gallery__bg-item.top.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.intro-gallery__bg-item span {
    display: block;
    background: rgba(39, 62, 84, 0.7);
    overflow: hidden;
    height: 100%;
    z-index: 2
}

.intro-gallery__nav {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: auto;
    top: auto;
    bottom: 13px;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 0;
    line-height: 0
}

@media (max-width: 739px) {
    .intro-gallery__nav {
        width: 100%;
        height: auto;
        top: auto;
        bottom: 13px;
        right: 0;
        left: 0;
        text-align: center
    }
}

.intro-gallery__nav:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.intro-gallery__nav-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 739px) {
    .intro-gallery__nav-inner {
        padding: 0
    }
}

.intro-gallery__nav-inner .slick-dots {
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin: 0;
}

.intro-gallery__nav-inner .slick-dots li {
    display: inline-block;
    margin: 0 5px 8px
}

@media (max-width: 739px) {
    .intro-gallery__nav-inner .slick-dots li {
        display: inline-block;
        margin: 0 4px
    }
}

.intro-gallery__nav-inner .slick-dots li button:after {
    content: ""
}

.intro-gallery__nav-inner .slick-dots li.slick-active .slick-custom-dot > svg > circle {
    -webkit-animation: show100 33s;
    animation: show100 33s
}

.intro-gallery__nav-inner .slick-dots li.slick-active .slick-custom-dot {
    background-color: #fff
}

.intro-gallery__nav-inner .slick-arrow {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-25%)
}

@media (max-width: 739px) {
    .intro-gallery__nav-inner .slick-arrow {
        display: none !important
    }
}

.intro-gallery__nav-inner .slick-arrow--prev {
    top: 0;
    left: -55px
}

.intro-gallery__nav-inner .slick-arrow--next {
    /*bottom: 0;*/
    /*right: -60px;*/
    top: 0;
    right: -55px;
    left: unset
}

.intro-gallery__nav-inner .slick-dots li.slick-active .slick-custom-dot > svg > circle {
    -webkit-animation: show100 33s;
    animation: show100 33s
}

.intro-gallery-item {
    position: relative;
    z-index: 0;
    display: block;
    height: 395px;
    padding: 0 0 28px 41px;
    font-size: 0;
    line-height: 0;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .intro-gallery-item {
        height: 274px;
        padding: 0 0 21px 20px
    }
}

@media (max-width: 739px) {
    .intro-gallery-item {
        height: auto;
        border-radius: 0;
        padding: 0
    }
}

.intro-gallery-item:before {
    content: '';
    display: inline-block;
    vertical-align: bottom;
    height: 100%
}

.intro-gallery-item__title {
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    color: #fefefe;
    padding: 0 0 8px
}

@media (max-width: 1024px) {
    .intro-gallery-item__title {
        font-size: 32px
    }
}

@media (max-width: 739px) {
    .intro-gallery-item__title {
        font-size: 18px;
        position: absolute;
        bottom: 30px;
        left: 20px;
        padding: 0
    }
}

.intro-gallery-item__img {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px
}

@media (max-width: 739px) {
    .intro-gallery-item__img {
        border-radius: 0
    }
}

@media (max-width: 739px) {
    .intro-gallery-item__img {
        position: static;
        height: auto;
        width: 100%
    }
}

.intro-gallery-item__label {
    position: absolute;
    top: 40px;
    left: 40px;
    background: #f03726;
    color: #ffffff
}

.intro-gallery-item__label hide {
    display: none
}

@media (max-width: 1024px) {
    .intro-gallery-item__label {
        top: 30px;
        left: 20px
    }
}

@media (max-width: 739px) {
    .intro-gallery-item__label {
        top: 20px
    }
}

.slick-arrow {
    -webkit-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.slick-arrow:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.slick-vertical .slick-slide {
    border: none
}

.slick-custom-dot {
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%
}

.slick-custom-dot svg {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: transparent
}

.slick-custom-dot svg circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 534;
    stroke-dashoffset: 537;
    -webkit-transition: stroke-dashoffset 8s;
    transition: stroke-dashoffset 8s
}

@-webkit-keyframes show100 {
    from {
        stroke-dashoffset: 537
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes show100 {
    from {
        stroke-dashoffset: 537
    }
    to {
        stroke-dashoffset: 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    width: 8px;
    height: 8px;
    font-size: 0;
    line-height: 0
}

.slick-dots li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.slick-dots li.slick-active button {
    width: 8px;
    height: 8px;
    background-color: #98a0af;
    -webkit-transition: none;
    transition: none
}

.slick-dots button {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    padding: 0;
    border-radius: 50%;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #dbdfe6;
    -webkit-transition: none;
    transition: none
}

.slick-arrow {
    fill: #dee2e8;
    cursor: pointer
}

.slick-arrow:hover {
    fill: #98a0af
}

.slick-vertical .slick-slide {
    border: none
}

.slick-custom-dot {
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%
}

.slick-custom-dot svg {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: transparent
}

.slick-custom-dot svg circle {
    fill: transparent;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 534;
    stroke-dashoffset: 537;
    -webkit-transition: stroke-dashoffset 8s;
    transition: stroke-dashoffset 8s
}

.fixed {
    position: fixed;
    bottom: 78px;
    right: 10px;
    z-index: 567
}

.fixed-list__item {
    display: block;
    vertical-align: top
}

.fixed-list__item-list {
    display: none
}

.fixed-list__link {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 37px;
    background: rgba(86, 86, 105, 0.4);
    transition: .2s ease-in-out
}

.fixed-list__link:hover {
    background: #565669
}

.fixed-list__action, .fixed-list__inner {
    display: none
}

@media (max-width: 1023px) {
    .fixed {
        right: -20px;
        bottom: 125px
    }

    .fixed-list__link, .fixed-list:hover {
        width: 50px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        background: #67677d;
        border-right: 7px solid #565669;
        box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08)
    }

    .fixed-list__action {
        display: block;
        width: 50px;
        height: 40px;
        text-align: center;
        line-height: 37px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        background: #d22d1e;
        border-right: 7px solid #841c12;
        box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
        margin: 0 0 6px
    }

    .fixed-list__action svg {
        width: 15px
    }

    .fixed-list__action.hide {
        display: none
    }

    .fixed-list__item {
        padding-right: 20px
    }

    .fixed-list__item-list {
        display: none;
        bottom: 90px;
        right: 19px;
        width: 350px;
        position: absolute;
        z-index: 101;
        box-shadow: 0px 5px 15px 0px rgba(85, 85, 85, 0.08);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        transition: all .3s linear
    }

    .fixed-list__item-list .menu-overlay {
        opacity: 0.8
    }

    .fixed-list__item-list .fixed-list__action {
        display: none
    }

    .fixed-list__inner {
        display: block;
        color: #ffffff;
        height: 40px;
        line-height: 41px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        background: #d22d1e;
        border-right: 7px solid #841c12;
        box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.5);
        padding: 0 0 0 20px;
        margin: 0 0 13px
    }

    .fixed-list__inner svg {
        width: 15px;
        padding: 0 0 4px
    }

    .fixed-list__inner.hide {
        display: none
    }

    .fixed-list__inner-text {
        padding: 0 0 0 10px;
        font-size: 16px;
        vertical-align: top
    }
}

#livechat-compact-container {
    right: 30px
}

.dialog-style {
    padding: 0 15px 20px
}

.dialog-style .trade__game-info {
    max-width: 546px
}

.dialog-style .bulk__btn-content {
    padding-top: 10px
}

.dialog-style .fileuploader {
    max-width: none;
    margin: 15px 0 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.modal-backdrop {
    height: 100%!important;
}

.main-content_buyend{
    /*padding-bottom: -220px;*/
}

/*.main-content ~ .footer{*/
/*position: relative;*/
/*margin-top: -220px;*/
/*}*/

.modal-header .close{
    margin-top: -10px;
}


.modal-open,
.modal{
    padding: 0 !important;
}

.ui-datepicker .ui-datepicker-title{
    margin: 0 .8em;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
    display: inline-block;
    padding: 5px;
    -webkit-appearance: menulist;
}

.table_thanks td{
    padding: 20px 40px;
}
.tooltip[role="tooltip"] {
    position: absolute;
}

.shidden { display:none}
/*.content.main-page{*/
/*margin: 0 auto;*/
/*padding-left: 0;*/
/*padding-right: 0;*/
/*max-width: 1170px;*/
/*}*/


.headerlogo {
    display: block;
    /*background-image: url(../img/logo.png);
    background-position: 50% 50%;
    background-size:cover;*/

    width: 138px;
    height: 57px;
}