@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent
}

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

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

dfn {
    font-style: italic
}

.h1,
h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box
}

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: not-allowed
}

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;
    box-sizing: content-box
}

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    font-size: 100%;
    box-sizing: border-box
}

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

body {
    padding: 0;
    margin: 0;
    font-family: Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: .625rem
}

select {
    width: 100%
}

#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: .625rem;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.account-layout .notification-center header,
.row {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.account-layout .notification-center header:after,
.account-layout .notification-center header:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.account-layout .notification-center header:after,
.row:after {
    clear: both
}

.account-layout .notification-center header.collapse>.column,
.account-layout .notification-center header.collapse>.columns,
.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.account-layout .notification-center .row header,
.account-layout .notification-center header .row,
.account-layout .notification-center header header,
.row .account-layout .notification-center header,
.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media screen and (min-width:40em) {

    .account-layout .notification-center .row header,
    .account-layout .notification-center header .row,
    .account-layout .notification-center header header,
    .row .account-layout .notification-center header,
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.account-layout .notification-center .row header.collapse,
.account-layout .notification-center header .row.collapse,
.account-layout .notification-center header header.collapse,
.row .account-layout .notification-center header.collapse,
.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.account-layout .notification-center header.expanded,
.row.expanded {
    max-width: none
}

.account-layout .notification-center .row.expanded header,
.account-layout .notification-center header.expanded .row,
.account-layout .notification-center header.expanded header,
.row.expanded .account-layout .notification-center header,
.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width:40em) {

    .column,
    .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.account-layout .notification-center header.column,
.account-layout .notification-center header.columns,
.column.row.row,
.row.row.columns {
    float: none
}

.account-layout .notification-center .row header.column,
.account-layout .notification-center .row header.columns,
.account-layout .notification-center header .column.row.row,
.account-layout .notification-center header .row.row.columns,
.account-layout .notification-center header header.column,
.account-layout .notification-center header header.columns,
.row .account-layout .notification-center header.column,
.row .account-layout .notification-center header.columns,
.row .column.row.row,
.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

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

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

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

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

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

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

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

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

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

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

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

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

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

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

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

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

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

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

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

.small-12 {
    width: 100%
}

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

.small-up-1>.column,
.small-up-1>.columns {
    width: 100%;
    float: left
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    width: 50%;
    float: left
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(odd),
.small-up-2>.columns:nth-of-type(odd) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    width: 33.33333%;
    float: left
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    width: 25%;
    float: left
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    width: 20%;
    float: left
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    width: 16.66667%;
    float: left
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    width: 14.28571%;
    float: left
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    width: 12.5%;
    float: left
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.account-layout .notification-center .expanded.row header.small-collapse,
.account-layout .notification-center .small-collapse header,
.account-layout .notification-center header.expanded .small-collapse.row,
.account-layout .notification-center header.expanded header.small-collapse,
.expanded.row .account-layout .notification-center header.small-collapse,
.expanded.row .small-collapse.row,
.small-collapse .account-layout .notification-center header,
.small-collapse .row {
    margin-left: 0;
    margin-right: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-left: .625rem;
    padding-right: .625rem
}

.small-centered {
    margin-left: auto;
    margin-right: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-pull-0,
.small-push-0,
.small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (min-width:40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

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

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

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

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

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

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

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

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

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

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

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

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

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

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

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

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

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

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

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

    .medium-12 {
        width: 100%
    }

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

    .medium-up-1>.column,
    .medium-up-1>.columns {
        width: 100%;
        float: left
    }

    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        width: 50%;
        float: left
    }

    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(odd),
    .medium-up-2>.columns:nth-of-type(odd) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        width: 25%;
        float: left
    }

    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        width: 20%;
        float: left
    }

    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .account-layout .notification-center .expanded.row header.medium-collapse,
    .account-layout .notification-center .medium-collapse header,
    .account-layout .notification-center header.expanded .medium-collapse.row,
    .account-layout .notification-center header.expanded header.medium-collapse,
    .expanded.row .account-layout .notification-center header.medium-collapse,
    .expanded.row .medium-collapse.row,
    .medium-collapse .account-layout .notification-center header,
    .medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .medium-centered {
        margin-left: auto;
        margin-right: auto
    }

    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-pull-0,
    .medium-push-0,
    .medium-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width:64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

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

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

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

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

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

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

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

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

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

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

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

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

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

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

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

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

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

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

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

    .large-12 {
        width: 100%
    }

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

    .large-up-1>.column,
    .large-up-1>.columns {
        width: 100%;
        float: left
    }

    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        width: 50%;
        float: left
    }

    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(odd),
    .large-up-2>.columns:nth-of-type(odd) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        width: 25%;
        float: left
    }

    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        width: 20%;
        float: left
    }

    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .account-layout .notification-center .expanded.row header.large-collapse,
    .account-layout .notification-center .large-collapse header,
    .account-layout .notification-center header.expanded .large-collapse.row,
    .account-layout .notification-center header.expanded header.large-collapse,
    .expanded.row .account-layout .notification-center header.large-collapse,
    .expanded.row .large-collapse.row,
    .large-collapse .account-layout .notification-center header,
    .large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .large-centered {
        margin-left: auto;
        margin-right: auto
    }

    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-pull-0,
    .large-push-0,
    .large-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.5
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #bfbfbf;
    line-height: 0
}

.h1,
h1 {
    font-size: 1.5rem
}

.h2,
h2 {
    font-size: 1.25rem
}

.h3,
h3 {
    font-size: 1.1875rem
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: 1.0625rem
}

.h6,
h6 {
    font-size: 1rem
}

@media screen and (min-width:40em) {

    .h1,
    .h2,
    h1,
    h2 {
        font-size: 1.875rem
    }

    .h3,
    h3 {
        font-size: 1.0625rem
    }

    .h4,
    h4 {
        font-size: 1.5625rem
    }

    .h5,
    h5 {
        font-size: 1.25rem
    }

    .h6,
    h6 {
        font-size: 1rem
    }
}

a {
    color: #222;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a:focus,
a:hover {
    color: #dbdbdb
}

a img {
    border: 0
}

hr {
    max-width: 78.75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

dl,
ol,
ul {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,
ul {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #bfbfbf
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #1e2835
}

cite {
    display: block;
    font-size: .8125rem;
    color: #1e2835
}

cite:before {
    content: "\2014 \0020"
}

abbr {
    color: #fff;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a
}

code {
    font-weight: 400;
    border: 1px solid #bfbfbf;
    padding: .125rem .3125rem .0625rem
}

code,
kbd {
    font-family: Consolas, Liberation Mono, Courier, monospace;
    color: #0a0a0a;
    background-color: #ececec
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0;
    border-radius: .625rem
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #1e2835
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

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

    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

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

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #1e2835;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    .h2,
    .h3,
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    .h2,
    .h3,
    h2,
    h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: .625rem;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: #0a0a0a;
    color: #fff
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,
.button:hover {
    background-color: #090909;
    color: #fff
}

.button.tiny {
    font-size: .6rem
}

.button.small,
.game-button .button.offers-count {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #0a0a0a;
    color: #fff
}

.button.primary:focus,
.button.primary:hover {
    background-color: #080808;
    color: #fff
}

.button.secondary {
    background-color: #777;
    color: #fff
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #5f5f5f;
    color: #fff
}

.button.success {
    background-color: #3adb76;
    color: #fff
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #fff
}

.button.warning {
    background-color: #ffae00;
    color: #fff
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #fff
}

.button.alert {
    background-color: #ec5840;
    color: #fff
}

.button.alert:focus,
.button.alert:hover {
    background-color: #da3116;
    color: #fff
}

.button.hollow {
    border: 1px solid #0a0a0a;
    color: #0a0a0a
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #050505;
    color: #050505
}

.button.hollow.primary {
    border: 1px solid #0a0a0a;
    color: #0a0a0a
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #050505;
    color: #050505
}

.button.hollow.secondary {
    border: 1px solid #777;
    color: #777
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #3c3c3c;
    color: #3c3c3c
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #881f0e;
    color: #881f0e
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #0a0a0a;
    color: #fff
}

.button.disabled.primary,
.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #0a0a0a;
    color: #fff
}

.button.disabled.secondary,
.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #777;
    color: #fff
}

.button.disabled.success,
.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #3adb76;
    color: #fff
}

.button.disabled.warning,
.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #fff
}

.button.disabled.alert,
.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #ec5840;
    color: #fff
}

.button.dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: .4em inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}

.button.arrow-only:after {
    margin-left: 0;
    float: none;
    top: -.1em
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #bfbfbf;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fff;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    border-radius: .625rem;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    border: 1px solid #1e2835;
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 5px #bfbfbf;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bfbfbf
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bfbfbf
}

input::placeholder,
textarea::placeholder {
    color: #bfbfbf
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #ececec;
    cursor: default
}

[type=button],
[type=submit] {
    border-radius: .625rem;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child {
    border-radius: .625rem 0 0 .625rem
}

.input-group>:last-child>* {
    border-radius: 0 .625rem .625rem 0
}

.input-group-button,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #ececec;
    color: #0a0a0a;
    border: 1px solid #bfbfbf;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%
}

.input-group-button a,
.input-group-button button,
.input-group-button input {
    margin: 0
}

.input-group .input-group-button {
    display: table-cell
}

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

legend {
    margin-bottom: .5rem;
    max-width: 100%
}

.fieldset {
    border: 1px solid #bfbfbf;
    padding: 1.25rem;
    margin: 1.125rem 0
}

.fieldset legend {
    background: #1e2835;
    padding: 0 .1875rem;
    margin: 0;
    margin-left: -.1875rem
}

select {
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #bfbfbf;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fff;
    border-radius: .625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2830, 40, 53%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:disabled {
    background-color: #ececec;
    cursor: default
}

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, .1);
    border-color: #ec5840
}

.form-error,
.is-invalid-label {
    color: #ec5840
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.accordion {
    list-style-type: none;
    background: #fff;
    margin-left: 0
}

.accordion-item:first-child>:first-child {
    border-radius: .625rem .625rem 0 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0 0 .625rem .625rem
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: .75rem;
    color: #0a0a0a;
    position: relative;
    border: 1px solid #ececec;
    border-bottom: 0
}

:last-child:not(.is-active)>.accordion-title {
    border-radius: 0 0 .625rem .625rem;
    border-bottom: 1px solid #ececec
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #ececec
}

.accordion-title:before {
    content: "+";
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

.is-active>.accordion-title:before {
    content: "–"
}

.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #ececec;
    border-bottom: 0;
    background-color: #fff;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #ececec
}

.is-accordion-submenu-parent>a {
    position: relative
}

.is-accordion-submenu-parent>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.badge {
    display: inline-block;
    padding: .3em;
    min-width: 2.1em;
    text-align: center;
    border-radius: 50%;
    background: #0a0a0a
}

.badge.secondary {
    background: #777;
    color: #fff
}

.badge.success {
    background: #3adb76;
    color: #fff
}

.badge.warning {
    background: #ffae00;
    color: #fff
}

.badge.alert {
    background: #ec5840;
    color: #fff
}

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem
}

.breadcrumbs:after,
.breadcrumbs:before {
    content: " ";
    display: table
}

.breadcrumbs:after {
    clear: both
}

.breadcrumbs li {
    float: left;
    color: var(--primary-color);
    font-size: .8125rem;
    cursor: default
}

.breadcrumbs li:not(:last-child):after {
    color: #bfbfbf;
    content: "/";
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1
}

.breadcrumbs a {
    color: #1e2835
}

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

.breadcrumbs .disabled {
    color: #bfbfbf;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group:after,
.button-group:before {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: .9rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button,
.game-button .button-group.offers-count .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded:after,
.button-group.expanded:before {
    display: none
}

.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px
}

.button-group.primary .button {
    background-color: #0a0a0a;
    color: #fff
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #080808;
    color: #fff
}

.button-group.secondary .button {
    background-color: #777;
    color: #fff
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #5f5f5f;
    color: #fff
}

.button-group.success .button {
    background-color: #3adb76;
    color: #fff
}

.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #fff
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #fff
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #fff
}

.button-group.alert .button {
    background-color: #ec5840;
    color: #fff
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #da3116;
    color: #fff
}

.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button,
.button-group.stacked .button {
    width: 100%
}

.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked .button:last-child {
    margin-bottom: 0
}

@media screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid hsla(0, 0%, 4%, .25);
    border-radius: .625rem;
    position: relative;
    color: #fff;
    background-color: #fff
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #dadada
}

.callout.secondary {
    background-color: #ebebeb
}

.callout.success {
    background-color: #e1faea
}

.callout.warning {
    background-color: #fff3d9
}

.callout.alert {
    background-color: #fce6e2
}

.callout.small,
.game-button .callout.offers-count {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.close-button {
    position: absolute;
    color: #1e2835;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    vertical-align: middle
}

[data-whatinput=mouse] .menu>li {
    outline: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 0;
    line-height: 1
}

.menu a,
.menu button,
.menu input {
    margin-bottom: 0
}

.menu>li>a i,
.menu>li>a i+span,
.menu>li>a img,
.menu>li>a img+span,
.menu>li>a svg,
.menu>li>a svg+span {
    vertical-align: middle
}

.menu>li>a i,
.menu>li>a img,
.menu>li>a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu>li {
    display: table-cell
}

.menu.vertical>li {
    display: block
}

@media screen and (min-width:40em) {
    .menu.medium-horizontal>li {
        display: table-cell
    }

    .menu.medium-vertical>li {
        display: block
    }
}

@media screen and (min-width:64em) {
    .menu.large-horizontal>li {
        display: table-cell
    }

    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 0
}

.menu.simple a {
    padding: 0
}

.menu.align-right:after,
.menu.align-right:before {
    content: " ";
    display: table
}

.menu.align-right:after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a i,
.menu.icon-top>li>a img,
.menu.icon-top>li>a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    color: #fff;
    background: #0a0a0a
}

.menu-text {
    font-weight: 700;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 0
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff
}

.menu-icon:hover:after {
    background: #bfbfbf;
    box-shadow: 0 7px 0 #bfbfbf, 0 14px 0 #bfbfbf
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon.dark:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a
}

.menu-icon.dark:hover:after {
    background: #1e2835;
    box-shadow: 0 7px 0 #1e2835, 0 14px 0 #1e2835
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block !important
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fff;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back>a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    background-color: #1e2835;
    border: none;
    border-radius: .625rem;
    display: block;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 220px;
    z-index: 10
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small,
.game-button .dropdown-pane.offers-count {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a:after {
    right: 14px;
    margin-top: -3px
}

.dropdown.menu.vertical>li.opens-left>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.dropdown.menu.vertical>li.opens-right>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    border-right-width: 0
}

@media screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #fff transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a:after {
        right: 14px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #fff transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }

    .dropdown.menu.medium-vertical>li.opens-right>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #fff;
        border-left-style: solid;
        border-right-width: 0
    }
}

@media screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #fff transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a:after {
        right: 14px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li.opens-left>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #fff transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }

    .dropdown.menu.large-vertical>li.opens-right>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #fff;
        border-left-style: solid;
        border-right-width: 0
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fff;
    border: 1px solid #bfbfbf
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
    right: 14px;
    margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    border-right-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen {
    padding-bottom: 56.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: .625rem;
    background: #0a0a0a;
    color: #fff
}

.label.secondary {
    background: #777;
    color: #fff
}

.label.success {
    background: #3adb76;
    color: #fff
}

.label.warning {
    background: #ffae00;
    color: #fff
}

.label.alert {
    background: #ec5840;
    color: #fff
}

.media-object {
    margin-bottom: 1rem;
    display: block
}

.media-object img {
    max-width: none
}

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block
    }

    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

body,
html {
    height: 100%
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    min-height: 100%;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.off-canvas-wrapper-inner:after,
.off-canvas-wrapper-inner:before {
    content: " ";
    display: table
}

.off-canvas-wrapper-inner:after {
    clear: both
}

.off-canvas-content {
    min-height: 100%;
    background: #1e2835;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: .1px;
    box-shadow: 0 0 10px hsla(0, 0%, 4%, .5)
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .25);
    cursor: pointer;
    transition: background .5s ease
}

.off-canvas {
    position: absolute;
    background: #ececec;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}

.is-open-left {
    -webkit-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}

.is-open-right {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px)
}

@media screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed
    }

    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed
    }

    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
}

@media screen and (min-width:64em) {
    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed
    }

    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed
    }

    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
}

.orbit,
.orbit-container {
    position: relative
}

.orbit-container {
    margin: 0;
    overflow: hidden;
    list-style: none
}

.orbit-slide {
    width: 100%;
    max-height: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: #fff;
    background-color: hsla(0, 0%, 4%, .5)
}

.orbit-next,
.orbit-previous {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fff
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: hsla(0, 0%, 4%, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    background-color: #bfbfbf;
    border-radius: 50%
}

.orbit-bullets button.is-active,
.orbit-bullets button:hover {
    background-color: #1e2835
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination:after,
.pagination:before {
    content: " ";
    display: table
}

.pagination:after {
    clear: both
}

.pagination li {
    font-size: 1.0625rem;
    margin-right: .0625rem;
    border-radius: 0;
    display: none
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    color: #fff;
    display: block;
    padding: .1875rem 0;
    border-radius: .625rem
}

.pagination a:hover,
.pagination button:hover {
    background: none
}

.pagination .current {
    padding: .1875rem 0;
    background: none;
    color: var(--primary-color);
    cursor: default
}

.pagination .disabled {
    padding: .1875rem 0;
    color: #fff;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis:after {
    content: "\2026";
    padding: .1875rem 0;
    color: #fff
}

.pagination-previous.disabled:before,
.pagination-previous a:before {
    content: "\00ab";
    display: inline-block;
    margin-right: .5rem
}

.pagination-next.disabled:after,
.pagination-next a:after {
    content: "\00bb";
    display: inline-block;
    margin-left: .5rem
}

.progress {
    background-color: #bfbfbf;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: .625rem
}

.progress.primary .progress-meter {
    background-color: #0a0a0a
}

.progress.secondary .progress-meter {
    background-color: #777
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #ec5840
}

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #0a0a0a;
    border-radius: .625rem
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    border-radius: .625rem
}

.slider {
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #ececec;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #bfbfbf;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #0a0a0a;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: .625rem
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #090909
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: absolute;
    left: auto;
    right: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: hsla(0, 0%, 4%, .45);
    overflow-y: scroll
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    border-radius: .625rem;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 78.75rem
    }
}

@media screen and (min-width:40em) {
    .reveal .reveal {
        left: auto;
        right: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 78.75rem
    }
}

@media screen and (min-width:40em) {

    .game-button .reveal.offers-count,
    .reveal.small {
        width: 50%;
        max-width: 78.75rem
    }
}

@media screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 78.75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    font-weight: 700;
    font-size: .875rem
}

.switch-input {
    opacity: 0;
    position: absolute;
    margin-bottom: 0
}

.switch-paddle {
    background: #bfbfbf;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all .25s ease-out;
    border-radius: .625rem;
    color: inherit;
    font-weight: inherit
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle:after {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    height: 1.5rem;
    left: .25rem;
    top: .25rem;
    width: 1.5rem;
    transition: all .25s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: .625rem
}

input:checked~.switch-paddle {
    background: #0a0a0a
}

input:checked~.switch-paddle:after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle:after {
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
    left: 1.75rem
}

.game-button .switch.offers-count,
.switch.small {
    height: 1.75rem
}

.game-button .switch.offers-count .switch-paddle,
.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.game-button .switch.offers-count .switch-paddle:after,
.switch.small .switch-paddle:after {
    width: 1.25rem;
    height: 1.25rem
}

.game-button .switch.offers-count input:checked~.switch-paddle:after,
.switch.small input:checked~.switch-paddle:after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle:after {
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: .625rem
}

tbody,
tfoot,
thead {
    border: 1px solid #f2f2f2;
    background-color: #fff
}

caption {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

thead {
    background: #f9f9f9;
    color: #fff
}

tfoot {
    background: #f2f2f2;
    color: #fff
}

tfoot tr,
thead tr {
    background: transparent
}

tfoot td,
tfoot th,
thead td,
thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

tbody tr:nth-child(2n) {
    background-color: #f2f2f2
}

tbody td,
tbody th {
    padding: .5rem .625rem .625rem
}

@media screen and (max-width:63.9375em) {

    table.stack tfoot,
    table.stack thead {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f4f4f4
}

table.hover tfoot tr:hover {
    background-color: #ededed
}

table.hover tbody tr:hover {
    background-color: #fafafa
}

table.hover tbody tr:nth-of-type(2n):hover {
    background-color: #ededed
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fff;
    border: 1px solid #ececec
}

.tabs:after,
.tabs:before {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs.vertical>li {
    width: auto;
    float: none;
    display: block
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #0a0a0a
}

.tabs.primary>li>a {
    color: #fff
}

.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
    background: #161616
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: .75rem
}

.tabs-title>a:hover {
    background: #fff
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: #ececec
}

.tabs-content {
    background: #fff;
    transition: all .5s ease;
    border: 1px solid #ececec;
    border-top: 0
}

.tabs-content.vertical {
    border: 1px solid #ececec;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px hsla(0, 0%, 4%, .2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow .2s ease-out;
    border-radius: .625rem;
    margin-bottom: 1rem
}

.thumbnail:focus,
.thumbnail:hover {
    box-shadow: 0 0 6px 1px hsla(0, 0%, 4%, .5)
}

.title-bar {
    background: #0a0a0a;
    color: #fff;
    padding: .5rem
}

.title-bar:after,
.title-bar:before {
    content: " ";
    display: table
}

.title-bar:after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    vertical-align: middle
}

.has-tip,
.title-bar-title {
    font-weight: 700;
    display: inline-block
}

.has-tip {
    border-bottom: 1px dotted #1e2835;
    position: relative;
    cursor: help
}

.tooltip {
    background-color: #0a0a0a;
    color: #fff;
    font-size: 80%;
    padding: .75rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + .6495rem);
    max-width: 10rem !important;
    border-radius: .625rem
}

.tooltip:before {
    border: .75rem inset;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top:before,
.tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0
}

.tooltip.top:before {
    border: .75rem inset;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto
}

.tooltip.left:before {
    border: .75rem inset;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    left: 100%
}

.tooltip.left:before,
.tooltip.right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right:before {
    border: .75rem inset;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    left: auto;
    right: 100%
}

.top-bar {
    padding: .5rem
}

.top-bar:after,
.top-bar:before {
    content: " ";
    display: table
}

.top-bar:after {
    clear: both
}

.top-bar,
.top-bar ul {
    background-color: #ececec
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    width: 100%
}

@media screen and (min-width:40em) {

    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width:63.9375em) {

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width:74.9375em) {

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix:after,
.clearfix:before,
.market-filters .form-field:after,
.market-filters .form-field:before {
    content: " ";
    display: table
}

.clearfix:after,
.market-filters .form-field:after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    opacity: 0
}

.slow {
    transition-duration: .75s !important
}

.fast {
    transition-duration: .25s !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: a;
    animation-name: a
}

@-webkit-keyframes a {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes a {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: b;
    animation-name: b
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: b;
    animation-name: b
}

@keyframes b {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.wiggle {
    -webkit-animation-name: c;
    animation-name: c
}

@-webkit-keyframes c {

    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes c {

    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: .75s !important;
    animation-duration: .75s !important
}

.fast {
    -webkit-animation-duration: .25s !important;
    animation-duration: .25s !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}

body {
    overflow-x: hidden;
}

.section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media screen and (min-width:64em) {
    .section {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #eee;
    margin-top:2rem;
}

@media screen and (min-width:64em) {
    footer {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

footer .copyrights-wrapper {
    text-align: center
}

@media screen and (min-width:64em) {
    footer .copyrights-wrapper {
    }
}

div.bg-light,
div.cart-header,
footer.bg-light,
footer.cart-header,
section.bg-light,
section.cart-header {
    background-color: #ececec;
    color: #000;
}

.global-loader {
    background-color: rgba(0, 0, 0, .4);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2001
}

.global-loader>.in {
    position: absolute;
    background-image: url(../../img/global-loader_v=1.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    width: 140px;
    height: 140px;
    top: calc(50% - 70px);
    left: calc(50% - 70px)
}

.videodetector {
    display: none;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 20px 0
}

.videodetector.loaded {
    display: block
}

.videodetector embed,
.videodetector iframe,
.videodetector object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videodetector .remove-videodetector {
    display: none
}

.bg-light-pattern,
.reveal,
.transactions .confirm__box,
div.bg-light.pattern,
div.pattern.cart-header,
footer.bg-light.pattern,
footer.pattern.cart-header,
section.bg-light.pattern,
section.pattern.cart-header {
    background: white;
}

.light-blue-link {
    color: #7590aa
}

.first-section {
    padding-top: 2rem
}

@media screen and (min-width:64em) {
    .first-section {
        padding-top: 2.5rem
    }
}

.feature {
    margin-bottom: 1.5rem
}

@media screen and (min-width:64em) {
    .feature {
        margin: 1.5rem 0;
    }
}

.feature:nth-child(odd) {
    clear: both
}

.feature p {
    color: #bfbfbf;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px
}

.white-box {
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 1.25rem;
    border-radius: .5rem;
    color: #0a0a0a
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.invisible {
    visibility: visible;
    display: none
}

.pb-0 {
    padding-bottom: 0
}

.features {
    margin-top: 2rem
}

@media screen and (min-width:64em) {
    .features {
        margin-top: 0
    }
}

@media (min-width:1290px) {
    .content-header-wrapper {
        padding-left: 0
    }
}

.not-available-content {
    filter: blur(.125rem);
    -webkit-filter: blur(.125rem);
    -moz-filter: blur(.125rem);
    -o-filter: blur(.125rem);
    -ms-filter: blur(.125rem);
    pointer-events: none;
    position: relative
}

.not-available-content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.introjs-tooltip {
    color: #0a0a0a
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../../bower_components/font-awesome/fonts/fontawesome-webfont_v=4.6.3.eot);
    src: url(../../bower_components/font-awesome/fonts/fontawesome-webfont_.eot#iefix&v=4.6.3) format("embedded-opentype"), url(../../bower_components/font-awesome/fonts/fontawesome-webfont_v=4.6.3.woff2) format("woff2"), url(../../bower_components/font-awesome/fonts/fontawesome-webfont_v=4.6.3.woff) format("woff"), url(../../bower_components/font-awesome/fonts/fontawesome-webfont_v=4.6.3.ttf) format("truetype"), url(../../bower_components/font-awesome/fonts/fontawesome-webfont_v=4.6.3.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: d 2s infinite linear;
    animation: d 2s infinite linear
}

.fa-pulse {
    -webkit-animation: d 1s infinite steps(8);
    animation: d 1s infinite steps(8)
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,
.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,
.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,
.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,
.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-gavel:before,
.fa-legal:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,
.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,
.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,
.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-inr:before,
.fa-rupee:before {
    content: ""
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: ""
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: ""
}

.fa-krw:before,
.fa-won:before {
    content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,
.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,
.fa-car:before {
    content: ""
}

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: ""
}

.fa-empire:before,
.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,
.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,
.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,
.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,
.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,
.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.h1,
.h2,
h1,
h2 {
    font-weight: 300;
    margin-bottom: 2.5rem
}

.underline.h1,
.underline.h2,
.underline.h3,
h1.underline,
h2.underline,
h3.underline {
    position: relative;
    font-family: var(--font-heading);
    text-transform: uppercase;
}

.underline.h1:after,
.underline.h2:after,
.underline.h3:after,
h1.underline:after,
h2.underline:after,
h3.underline:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 2em;
    bottom: 0;
    left: 0
}

.underline.red.h1:after,
.underline.red.h2:after,
.underline.red.h3:after,
h1.underline.red:after,
h2.underline.red:after,
h3.underline.red:after {
    background-color: var(--primary-color)
}

.h3,
h3 {
    line-height: 1.8em;
    font-weight: 400
}

.auction-title.h3,
h3.auction-title {
    text-decoration: underline;
    font-size: 1rem;
    line-height: 1.3125rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    display: block
}

.text-bold {
    font-weight: 700 !important
}

.pt30 {
    padding-top: 30px !important
}

.color-black {
    color: #000 !important
}

.color-white {
    color: #fff !important
}

.game-button .offers-count,
.small {
    font-size: .8125rem
}

.muted,
.user-details-modal .transaction-quality .stars-row .avg,
.user-rating-stars .avg {
    color: #bfbfbf
}

.account-layout .new-deposit .credit-info span,
.account-layout .new-deposit .h2,
.account-layout .new-deposit.new-deposit .partners label span.name,
.account-layout .new-deposit.new-deposit ul li.i-deposit,
.account-layout .new-deposit.new-deposit ul li.i-net-usd,
.account-layout .new-deposit h2,
.account-layout .new-deposit table th,
.account-layout .tabs .current-deposit span,
.account-layout .user-menu li,
.account-layout .why-make-deposit .h3,
.account-layout .why-make-deposit h3,
.articles .category-menu li,
.auction-item .informations .h2,
.auction-item .informations h2,
.auction-promotion-modal .current-position span,
.auction-promotion-modal .offer-summary .title,
.blue-button a,
.blue-button button,
.blue-button span,
.cart-menu-container .cart-menu .icon span,
.cart-wrapper .steps ul li,
.current-deposit-mobile span,
.diamonds-packages li .amount,
.diamonds-packages li .price span.save,
.discount-slider-controller .h5,
.discount-slider-controller h5,
.dropzone .dz-message .h5,
.dropzone .dz-message h5,
.forms .h2,
.forms h2,
.gray-button a,
.gray-button button,
.gray-button span,
.green-button a,
.green-button button,
.green-button span,
.header-user-info .communications,
.header-user-info .user-info-name-experience .nickname,
.help-center__box li a,
.market-auction .auction-details .form .discount table th,
.market-auction .auction-details .form .slider-price-currency label,
.market-auction .auction-details .form .slider-price label,
.market-auction .h1,
.market-auction .h2,
.market-auction h1,
.market-auction h2,
.market-filters .form-field label,
.market-filters .h2,
.market-filters h2,
.notification-center .notification .url,
.notification-center .notification p b,
.notification-center .notification p strong,
.notification-center .notifications-main .notification .h2 span,
.notification-center .notifications-main .notification h2 span,
.pagination li,
.proxima-bold,
.red-button a,
.red-button button,
.red-button span,
.seller-panel .h2,
.seller-panel .offer-section .h3,
.seller-panel .offer-section .h3:before,
.seller-panel .offer-section.step-1 p,
.seller-panel .offer-section.step-3 .offer-summary .title,
.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider .current-position span,
.seller-panel .offer-section.step-3 .section-title,
.seller-panel .offer-section.step-3 label,
.seller-panel .offer-section h3,
.seller-panel .offer-section h3:before,
.seller-panel h2,
.slider.range .ui-slider-handle,
.slider.range .ui-state-active,
.slider.single .ui-slider-handle,
.slider.single .ui-state-active,
.stock-market .h2,
.stock-market h2,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider .current-position span,
.tabs.white-tabs .tabs-title a,
.ui-slider .ui-slider-tooltip,
.user-details-modal .comments-rating .text-right,
.user-details-modal .last-comments .comment .nickname,
.user-details-modal .modal-header .nickname,
.user-info-block .avatar span,
.username,
table.gray th {
    font-weight: 400
}

.account-layout .new-deposit .credit-info,
.account-layout .new-deposit table td,
.account-layout .tabs .current-deposit,
.account-layout .user-menu li span,
.articles .category-menu li span,
.cart-menu-container .cart-menu a,
.discount-slider-controller .price-container .price,
.header-user-info .deposit,
.market-auction .auction-details .form .discount table td,
.market-filters button.clear-filters,
.messages-content .add-new-message .message textarea,
.notification-center .notifications-main .notification .h2,
.notification-center .notifications-main .notification h2,
.proxima-regular,
.seller-panel .offer-section.step-3 .discounts .discount-slider-controller label,
.ui-tooltip,
.user-experience,
body,
table.gray td {
    
    font-weight: 400
}

.auction-item-new .price,
.auction-item .informations .prices .price,
.cart-item-list .cart-item .amount,
.cart-summary,
.market-auction .auction-details .form .slider-price-currency .actual-price .price,
.market-auction .auction-details .form .slider-price .actual-price .price,
.market-auction .auction-details .form .total-price .total,
.proxima-light {
    font-weight: 400
}

.notification-center .notification .h2,
.notification-center .notification h2,
.outage,
.server .server-name {
    font-family: var(--font-heading)
}

.big-price,
.cart-item-list .cart-item .amount,
.cart-summary .name {
    font-size: 1.875rem;
    color: #000;
    white-space: nowrap;
    font-weight: 400
}

.table-center-wrap {
    display: table;
    table-layout: fixed;
    height: 100%
}

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

.transform-center-margin {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.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
}

.section-main-header {
    padding-bottom: 15px
}

.banner_cta_diablo {
    background-position: -315px -150px
}

.banner_cta_diablo,
.banner_cta_diablo_off {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 245px;
    height: 55px
}

.banner_cta_diablo_off {
    background-position: -315px -225px
}

.banner_cta_path {
    background-position: 0 -315px
}

.banner_cta_path,
.banner_cta_path_off {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 245px;
    height: 55px
}

.banner_cta_path_off {
    background-position: -265px -315px
}

.banner_cta_wow {
    background-position: -315px -75px
}

.banner_cta_wow,
.banner_cta_wow_off {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 245px;
    height: 55px
}

.banner_cta_wow_off {
    background-position: -315px 0
}

.banner-carousel>._item {
    display: none
}

.banner-carousel>._item:first-child {
    display: block
}

.banner-carousel .slick-dots {
    margin: 0;
    line-height: 1;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 10px
}

.banner-carousel .slick-dots li {
    vertical-align: middle;
    outline: none;
    display: inline-block;
    text-align: center;
    padding: 0 8px;
    width: 6px;
    position: relative
}

.banner-carousel .slick-dots li button {
    vertical-align: middle;
    position: absolute;
    opacity: .4;
    border-radius: 50%;
    border: none;
    color: transparent;
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    outline: none;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -287px -591px;
    width: 10px;
    height: 10px
}

.banner-carousel .slick-dots li.slick-active {
    width: 10px
}

.banner-carousel .slick-dots li.slick-active button {
    opacity: 1;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -197px -591px;
    width: 10px;
    height: 10px
}

.banner-carousel .slick-arrow {
    display: none !important;
    color: transparent;
    border: none;
    outline: none;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    z-index: 1;
    box-sizing: content-box;
    left: auto;
    right: auto
}

.banner-carousel .slick-arrow,
.banner-carousel .slick-arrow:hover {
    transition: all .1s ease-in-out
}

.banner-carousel .slick-arrow.slick-prev {
    background: no-repeat 50%;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -356px;
    width: 21px;
    height: 36px;
    left: -2.5rem
}

.banner-carousel .slick-arrow.slick-prev:hover {
    left: -2.8125rem;
    padding-right: 5px
}

.banner-carousel .slick-arrow.slick-next {
    background: no-repeat 50%;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -300px;
    width: 21px;
    height: 36px;
    left: calc(100% + 2.5rem - 21px)
}

.banner-carousel .slick-arrow.slick-next:hover {
    left: calc(100% + 2.5rem - 21px);
    background-position: -740px -300px;
    padding-left: 5px
}

.banner-carousel .slick-list {
    position: relative;
    width: 100%;
}

.banner-carousel ._item {
    min-height: 488px;
    background: no-repeat bottom transparent;
    background-size: cover;
    outline: none;
    padding: 2rem 1rem
}

.banner-carousel ._item .item_title {
    font-family: Libre Baskerville, serif;
    color: #fafafa;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2
}

.banner-carousel ._item .item_title br {
    display: none
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .banner-carousel ._item .item_title {
        background-image: none !important
    }
}

.banner-carousel ._item p {
    color: #8f9090;
    font-size: 1rem;
    font-family: Tinos, serif;
    line-height: 1.4
}

.banner-carousel ._item p br {
    display: none
}

.banner-carousel ._item .cta {
    display: inline-block;
    position: relative;
    left: -50px
}

.banner-carousel ._item .cta.banner_cta_diablo_off:hover,
.banner-carousel ._item .cta.banner_cta_path_off:hover {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -315px -150px;
    width: 245px;
    height: 55px
}

.banner-carousel ._item .cta.banner_cta_wow_off:hover {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -315px -75px;
    width: 245px;
    height: 55px
}

.banner-carousel ._item._item-diablo .item_title {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-diablo p {
    color: #fff
}

.banner-carousel ._item._item-diablo .hollow-button-blue2 {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-diablo .hollow-button-blue2:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-diablo .hollow-button-blue2 span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-path {
    background-image: url(../../img/banner/mobilka.jpg)
}

.banner-carousel ._item._item-path .item_title {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-path p {
    color: #fff
}

.banner-carousel ._item._item-path .hollow-button-blue2 {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-path .hollow-button-blue2:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-path .hollow-button-blue2 span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-temtem {
    background-image: url(../../img/banner/TEMTEM_Metamorph_705x680.jpg);
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-temtem .item_title,
.banner-carousel ._item._item-temtem p {
    color: #fff;
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-temtem .btn-temtem {
    font-size: 28px;
    width: 207px;
    height: 55px;
    background: url(../../img/banner/temtem-btn.png) no-repeat 50%/contain;
    display: inline-block;
    text-align: center;
    line-height: 55px;
    margin-top: 22px
}

.banner-carousel ._item._item-temtem .btn-temtem:hover {
    color: #fff;
    -webkit-filter: drop-shadow(5px 5px 0 rgba(58, 44, 84, .5));
    filter: drop-shadow(5px 5px 0 rgba(58, 44, 84, .5))
}

.banner-carousel ._item._item-wolcen {
    background-image: url(../../img/banner/Wolcen_705x680.jpg);
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-wolcen .item_title,
.banner-carousel ._item._item-wolcen p {
    color: #fff;
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-wolcen .hollow-button-blue2 {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000;
    border-color: #8e6646;
    box-shadow: 0 0 7px 3px rgba(142, 102, 70, .6)
}

.banner-carousel ._item._item-wolcen .hollow-button-blue2:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-wolcen .hollow-button-blue2 span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-hypixel {
    background-image: url(../../img/banner/Hypixel_705x680.jpg);
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-hypixel .item_title,
.banner-carousel ._item._item-hypixel p {
    color: #fff;
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-hypixel .hollow-button-blue2 {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-hypixel .hollow-button-blue2:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-hypixel .hollow-button-blue2 span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-dual {
    background-image: url(../../img/banner/DualUniverse_705x680.jpg);
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-dual .item_title,
.banner-carousel ._item._item-dual p {
    color: #fff;
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-dual .hollow-button-blue2 {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-dual .hollow-button-blue2:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-dual .hollow-button-blue2 span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-tarkov {
    background-image: url(../../img/banner/tarkov-baner-mobile.jpg);
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-tarkov .item_title,
.banner-carousel ._item._item-tarkov p {
    color: #fff;
    font-family: var(--font-heading)
}

.banner-carousel ._item._item-tarkov .hollow-button-blue2 {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000;
    border-color: #8e6646;
    box-shadow: 0 0 7px 3px rgba(142, 102, 70, .6)
}

.banner-carousel ._item._item-tarkov .hollow-button-blue2:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-tarkov .hollow-button-blue2 span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-wow {
    background-image: url(../../img/banner/WoWClassic_-705x680.jpg)
}

.banner-carousel ._item._item-wow .item_title {
    color: #f6fae8;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-wow p {
    color: #e0e2d1
}

.banner-carousel ._item._item-wow .hollow-button-grey {
    font-family: Libre Baskerville, serif;
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-wow .hollow-button-grey:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-wow .hollow-button-grey span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-warframe {
    background-image: url(../../img/banner/Warframe_-mobile.jpg)
}

.banner-carousel ._item._item-warframe .item_title {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-warframe p {
    color: #fff
}

.banner-carousel ._item._item-warframe .hollow-button-blue {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-warframe .hollow-button-blue:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-warframe .hollow-button-blue span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-f76 {
    background-image: url(../../img/banner/Fallout76_mobile.jpg)
}

.banner-carousel ._item._item-f76 .item_title {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-f76 p {
    color: #fff
}

.banner-carousel ._item._item-f76 .hollow-button-yellow {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000
}

.banner-carousel ._item._item-f76 .hollow-button-yellow:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-f76 .hollow-button-yellow span {
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-rl {
    position: relative;
    background-image: url(../../img/banner_rl_bg_mobile2.png);
    background-position: 50% 50%
}

.banner-carousel ._item._item-rl .wrap-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%
}

.banner-carousel ._item._item-rl .rl-button {
    position: relative;
    width: 60%;
    margin: 0 auto;
    max-width: 500px;
    min-height: 230px;
    display: block
}

.banner-carousel ._item._item-rl .rl-button:after,
.banner-carousel ._item._item-rl .rl-button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 210px
}

.banner-carousel ._item._item-rl .rl-button:before {
    z-index: 1;
    background: url(../../img/banner_rl_trade_button_shadow.png) no-repeat;
    background-size: contain;
    transition: top .33s
}

.banner-carousel ._item._item-rl .rl-button:after {
    background: url(../../img/banner_rl_trade_button.png) no-repeat;
    background-size: contain;
    z-index: 2
}

.banner-carousel ._item._item-rl .rl-button:hover:before {
    top: -10px
}

.banner-carousel ._item._item-cr {
    background-image: url(../../img/banner_bg_cr_mobile2.png);
    background-position: 85% bottom
}

.banner-carousel ._item._item-cr p {
    color: #fff
}

.banner-carousel ._item._item-cr .hollow-button-green {
    font-size: 1.1rem;
    padding: 7px 15px 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.banner-carousel ._item._item-cr .hollow-button-green:before {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    top: 0
}

.banner-carousel ._item._item-cr .hollow-button-green span {
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width:40em) {
    .banner-carousel ._item {
        min-height: 568px
    }

    .banner-carousel ._item .item_title {
        font-size: 1.875rem;
        margin-bottom: 3rem
    }

    .banner-carousel ._item p {
        font-size: 1.25rem
    }
}

@media screen and (min-width:64em) {
    .banner-carousel ._item {
        min-height: 488px;
        background-position: 50%;
        padding-left: 8vw
    }

    .banner-carousel ._item .table-center-wrap {
        width: 40%;
        max-width: 500px
    }

    .banner-carousel ._item .table-center-wrap .table-center {
        height: 488px
    }

    .banner-carousel ._item._item-diablo {
    }

    .banner-carousel ._item._item-diablo .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-diablo .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-diablo .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-path {
        background-image: url(../../img/banner/desktop.jpg)
    }

    .banner-carousel ._item._item-path .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-path .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-path .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-temtem {
        background-image: url(../../img/banner/TEMTEM_Metamorph_1250x550.jpg)
    }

    .banner-carousel ._item._item-temtem .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-temtem .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-temtem .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-wolcen {
        background-image: url(../../img/banner/Wolcen_1250x550.jpg)
    }

    .banner-carousel ._item._item-wolcen .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-wolcen .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-wolcen .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-hypixel {
        background-image: url(../../img/banner/Hypixel_1250x550.jpg)
    }

    .banner-carousel ._item._item-hypixel .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-hypixel .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-hypixel .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-dual {
        background-image: url(../../img/banner/DualUniverse_1250x550.jpg)
    }

    .banner-carousel ._item._item-dual .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-dual .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-dual .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-tarkov {
        background-image: url(../../img/banner/tarkov-baner.jpg)
    }

    .banner-carousel ._item._item-tarkov .hollow-button-blue2 {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-tarkov .hollow-button-blue2:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-tarkov .table-center-wrap {
        position: static
    }

    .banner-carousel ._item._item-wow {
        background-image: url(../../img/banner/WoWClassic_-1250x550.jpg)
    }

    .banner-carousel ._item._item-wow .hollow-button-grey {
        font-size: 1.15rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-wow .hollow-button-grey:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-rl {
        background-image: url(../../img/banner_rl_bg_desktop.png);
        min-height: 552px
    }

    .banner-carousel ._item._item-rl .wrap-content {
        width: auto;
        left: 1vw;
        top: 1vw;
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-cr {
        background-image: url(../../img/banner_bg_cr_desktop.png)
    }

    .banner-carousel ._item._item-cr .hollow-button-green {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-cr .hollow-button-green:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-warframe {
        background-image: url(../../img/banner/Warframe_1250x550.jpg)
    }

    .banner-carousel ._item._item-warframe .hollow-button-blue {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-warframe .hollow-button-blue:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item._item-f76 {
        background-image: url(../../img/banner/Fallout76_desktop.jpg)
    }

    .banner-carousel ._item._item-f76 .hollow-button-yellow {
        font-size: 1.45rem;
        padding: 9px 17px
    }

    .banner-carousel ._item._item-f76 .hollow-button-yellow:before {
        -webkit-transform: none;
        transform: none
    }

    .banner-carousel ._item .item_title br,
    .banner-carousel ._item p br {
        display: inline
    }
}

@media screen and (min-width:75em) {
    .banner-carousel .slick-arrow {
        display: inline-block !important
    }
}

.bg-light.header,
.header.cart-header {
    padding-bottom: 0;
    background-repeat: repeat-x, repeat;
    background-position: bottom, bottom;
    box-shadow: none;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 20px
}

@media screen and (min-width:64em) {

    .bg-light.header,
    .header.cart-header {
        padding-bottom: 0
    }
}

.bg-light.header .top,
.header.cart-header .top {
}

@media screen and (min-width:64em) {

    .bg-light.header .top,
    .header.cart-header .top {
    }
}

@media screen and (min-width:64em) {

    .bg-light.header .menu,
    .header.cart-header .menu {
        clear: both;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}

.header {
    position: relative;
    z-index: 99
}

.header .logo-container {
    padding-left: 0
}

@media (min-width:480px) and (max-width:1023px) {
    .header .logo-container {
        width: 50%
    }
}.c-pwa-simple-banner {
    display: block;
    line-height: 0;
    text-align: center
}

.c-pwa-global-banner {
    position: relative;
    z-index: 6100
}

.c-pwa-brand-utility-links {
    display: flex
}

#homepage .wide-image-container {
    background: #2f2f2f;
    padding: 32px 0;
    border-radius: 0;
}
@media(max-width: 1024px) {
    .c-pwa-brand-utility-links {
        flex-direction:column
    }

}

.c-pwa-brand-utility-links__link {
    align-items: center;
    color: var(--link-navigation-utility-text);
    font: 1.2rem/1.4 var(--font-body);
    letter-spacing: .05rem;
    text-decoration: none;
    text-transform: capitalize
}

.c-pwa-brand-utility-links__link:focus,.c-pwa-brand-utility-links__link:hover {
    color: var(--link-navigation-utility-text-hover)
}

@media(max-width: 1024px) {
    .c-pwa-brand-utility-links__link {
        background-color:var(--cell-secondary-background);
        border-bottom: 1px solid var(--cell-border);
        display: flex;
        font: 1.4rem/1.4 var(--font-body);
        letter-spacing: .05rem;
        padding: 15px 20px
    }
}

@media(min-width: 1025px) {
    .c-pwa-brand-utility-links__link {
        align-items:center;
        display: flex;
        flex-wrap: nowrap;
        margin-right: 20px;
        white-space: nowrap
    }
}

.c-pwa-brand-utility-links__link:focus,.c-pwa-brand-utility-links__link:hover {
    text-decoration: none
}

.c-pwa-brand-utility-links__icon {
    height: 20px;
    margin-right: 5px;
    width: 20px;
    fill: currentColor
}

.c-pwa-brand-utility-links__list-item {
    list-style: none;
    margin: 0
}

.c-pwa-live-text-banner__heading {
    color: var(--text-dark);
    color: inherit;
    font: .9rem / 1.4 var(--font-heading);
    letter-spacing: .05rem;
    padding: 1rem;
    vertical-align: middle;
    text-align: center;
    color: white;
}
.c-pwa-live-text-banner-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-pwa-live-text-banner__preheading {
    color: var(--text-dark);
    color: inherit;
    font: 1.2rem / 1.4 var(--font-body);
    letter-spacing: .02rem;
    padding: 0 15px;
    vertical-align: middle;
}

.header .link {
    color: #151f2c;
    font-size: 13px;
    line-height: 31px;
    line-height: 50px;
    float: left;
    padding-left: 25px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.header .link img {
    padding-right: 3px
}

.header .green-button {
    float: right
}

.navigation {
    font-family: var(--font-body);
}

@media screen and (min-width:64em) {
    .navigation {
        height: 4.875rem;
        margin-bottom: 20px;
        margin-top: 0;
        /* background: #eee; */
        border: 1px solid #eee;
        border-width: 1px 0;
        margin-top: 2rem;
    }
}

.navigation:after {
    right: -70px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.navigation .shadow {
    position: absolute;
    left: 66px;
    right: 66px;
    top: -37px;
    background-repeat: repeat-x;
    height: 37px;
    pointer-events: none
}

.navigation ul.menu {
    font-size: 13px;
    transition: all .5s;
}

@media screen and (min-width:64em) {
    .navigation ul.menu {
        width: 100%;
        text-align: center;
    }
}

.navigation ul.menu li {
    padding-left: 19px;
    padding-right: 19px;
    position: relative;
    display: block
}

@media screen and (min-width:64em) {
    .navigation ul.menu li {
        height: 4.875rem;
        display: inline-block
    }
}

.navigation ul.menu li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .2s;
    right: 50%;
    height: 3px;
    background-color: var(--primary-color);
    box-shadow: 0 -1px 10px rgba(228, 0, 70, .6)
}

.navigation ul.menu li.hasarrow a:after {
    content: "";
    background-image: url(../../img/icon-arrows.png);
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-left: 15px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.navigation ul.menu li:last-child:hover:after {
    left: 100px;
    right: 100px
}

.navigation ul.menu li:last-child:hover a:after {
    color: var(--primary-color);
    text-shadow: 0 0 3px rgba(228, 0, 70, .6)
}

.navigation ul.menu li.active a {
    background-color: transparent
}

.navigation ul.menu li>a {
    padding: 1.5rem 0
}

@media screen and (min-width:64em) {
    .navigation ul.menu li>a {
        padding: .7rem 0;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 500
    }
}

.navigation ul.menu li a.active,
.navigation ul.menu li a:hover {
    color: var(--primary-color);
    text-shadow: 0 0 3px rgba(228, 0, 70, .6);
    background-color: transparent
}

.navigation ul.menu li.active:after,
.navigation ul.menu li :hover:after {
    left: 20px;
    right: 20px
}

.navigation ul.menu li.active a,
.navigation ul.menu li :hover a {
    color: var(--primary-color);
    text-shadow: 0 0 3px rgba(228, 0, 70, .6);
    background-color: transparent
}

.header-user-info .user-info-block {
    float: left
}

.header-user-info .user-info-name-experience {
    float: left;
    padding-top: .5625rem;
    margin-left: 1.125rem;
    margin-right: .9375rem;
    height: 5.625rem
}

@media screen and (min-width:40em) {
    .header-user-info .user-info-name-experience {
        border-right: 1px solid #c3c8ce;
        padding-right: 1.4375rem;
        max-width: 137px
    }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .header-user-info .user-info-name-experience {
        margin-left: 0;
        margin-right: 0
    }
}

.header-user-info .user-info-name-experience .nickname {
    color: #7590aa;
    font-size: 1rem;
    text-decoration: underline
}

.header-user-info .deposit {
    display: block;
    float: left;
    height: 5.625rem;
    padding: 1.1875rem .9375rem 0 0;
    text-align: center;
    color: #bfbfbf;
    font-size: .8125rem
}

@media only screen and (max-width:40em) {
    .header-user-info .deposit:not(.diamonds) {
        clear: both
    }
}

.header-user-info .deposit span {
    display: block;
    font-size: 1.875rem;
    color: #151f2c;
    line-height: 1
}

.header-user-info .deposit span i {
    color: #d80041
}

.header-user-info .deposit span i:not(.odealoicon-cr) {
    display: block;
    float: left;
    margin-right: .6875rem;
    margin-top: .375rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -621px -652px;
    width: 24px;
    height: 20px
}

.header-user-info .deposit span mark {
    background: none
}

@media screen and (min-width:40em) {
    .header-user-info .diamonds {
        border-right: 1px solid #c3c8ce;
        padding-right: 1rem
    }
}

.header-user-info .diamonds span i:not(.odealoicon-cr) {
    margin-top: .375rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -364px -652px;
    width: 25px;
    height: 22px
}

.header-user-info .communications {
    float: left;
    padding: 1rem;
    font-size: .625rem;
    color: #fff
}

@media screen and (min-width:40em) {
    .header-user-info .communications {
        padding: 2rem 1rem
    }
}

@media screen and (min-width:64em) {
    .header-user-info .communications {
        border-right: 1px solid #c3c8ce;
        padding: 2rem 1rem;
        height: 5.625rem
    }
}

@media only screen and (max-width:40em) {
    .header-user-info .communications {
        clear: both
    }
}

.header-user-info .communications .messages {
    position: relative;
    display: block;
    float: left;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -652px;
    width: 39px;
    height: 29px;
    margin-right: 1.0625rem
}

.header-user-info .communications .messages.blank {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -602px;
    width: 39px;
    height: 29px
}

.header-user-info .communications .messages span {
    position: absolute;
    right: 0;
    bottom: -.0625rem;
    width: .875rem;
    text-align: center
}

.header-user-info .communications .alerts {
    position: relative;
    display: block;
    float: left;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -104px;
    width: 29px;
    height: 30px;
    margin-top: .0625rem
}

.header-user-info .communications .alerts.blank {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -154px;
    width: 29px;
    height: 30px
}

.header-user-info .communications .alerts span {
    position: absolute;
    right: 0;
    bottom: -.0625rem;
    width: .875rem;
    text-align: center
}

.header-user-info .settings-container {
    display: block;
    float: left;
    margin: 1rem 0;
    position: relative
}

@media screen and (min-width:40em) {
    .header-user-info .settings-container {
        margin: 2rem 0
    }
}

@media screen and (min-width:64em) {
    .header-user-info .settings-container {
        margin: 2rem 1rem
    }
}

.header-user-info .settings-container .settings {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -502px;
    width: 26px;
    height: 26px
}

.header-user-info .settings-container .sell-item {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -678px -701px;
    width: 24px;
    height: 24px;
    margin-right: .625rem
}

.cart-menu-container .cart-menu {
    position: relative;
    float: right;
    max-width: 14.25rem;
    background: #141e2a;
    height: 3.5625rem;
    border-radius: .5rem;
    border-bottom: 1px solid #273a50;
    border-top: 1px solid #111923;
    text-align: center;
    margin-top: -.5rem;
    padding: 0 1.5625rem;
    white-space: nowrap;
    margin-right: .625rem;
    padding-top: .1875rem;
    display: flex;
    align-items: center;
}

.cart-menu-container .cart-menu a {
    font-size: 1.2rem;
    color: #fff;
    display: flex;
    margin: 0 auto;
    align-items: center;
}

.cart-menu-container .cart-menu .icon {
    position: relative;
    float: left;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -115px -652px;
    width: 36px;
    height: 29px;
    margin-top: -0.2rem;
}

.cart-menu-container .cart-menu .icon.blank {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -59px -652px;
    width: 36px;
    height: 29px;
    transform: scale(.8);
}

.cart-menu-container .cart-menu .icon span {
    font-size: .625rem;
    position: absolute;
    top: 0;
    right: 0;
    width: .875rem;
    text-align: center
}

.cart-container-desktop {
    display: none;
    position: relative
}

@media screen and (min-width:64em) {
    .cart-container-desktop {
        display: block
    }
}

.cart-container-mobile {
    display: block;
    position: relative
}

@media screen and (min-width:64em) {
    .cart-container-mobile {
        display: none
    }
}

.buttons-wrapper {
    padding: 0 10px 10px;
    text-align: center;
    float: left;
    width: 100%
}

@media (min-width:480px) and (max-width:1023px) {
    .buttons-wrapper {
        width: 50%;
        margin-top: 1em;
        text-align: right
    }
}

@media screen and (min-width:64em) {
    .buttons-wrapper {
        display: none
    }
}

.custom-toggle-button {
    padding: .75rem 1.4375rem;
    margin: 0;
    background: #eb0448;
    color: #fff;
    border: 0;
    border-radius: 0;
    display: inline-block;
    position: relative
}

@media screen and (min-width:64em) {
    .custom-toggle-button {
        display: none
    }
}

.custom-toggle-button:hover {
    cursor: pointer
}

.custom-toggle-button:focus {
    outline: none
}

.custom-toggle-target {
    margin-bottom: 1em;
    display: none
}

@media screen and (min-width:64em) {
    .custom-toggle-target {
        margin-bottom: 0;
        display: block
    }
}

#user-panel-wrapper {
    padding-top: 10px
}

@media screen and (min-width:64em) {
    #user-panel-wrapper {
        padding-top: 0
    }
}

.show {
    display: block !important
}

@media screen and (min-width:64em) {
    .show {
        display: inherit
    }
}

.search-form {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width:64em) {
    .search-form {
        display: block
    }
}

.search-form fieldset {
    border: 1px solid #fff;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 50px 5px #f1f1f1, inset 0 0 0 1px #ececec;
    display: block;
    width: calc(100% - 53px);
    float: left;
    position: relative
}

.search-form fieldset .search-input {
    background-color: transparent;
    display: inline-block;
    height: 34px;
    border: none;
    outline: none;
    color: #b8b8b8;
    box-shadow: none;
    margin: 0 0;
    padding: 0 20px 0 0;
    width: 100%;
    color: #000;
    font-size: 13px;
}

@media screen and (min-width:75em) {
    .search-form fieldset .search-input {
        width: 100%
    }
}

.search-form fieldset .select2-container {
    width: 49% !important
}

.search-form fieldset .select2-container:before {
    content: "";
    height: 40px;
    width: 1px;
    display: block;
    background-color: #ececec;
    float: left;
    margin-top: 5px;
    margin-right: 4px
}

.search-form fieldset .transparent-input {
    display: none
}

.search-form fieldset .select2-selection--single {
    background-color: transparent;
    box-shadow: none;
    border: none
}

.search-form .icon-search-submit-button {
    background: #000;
    width: 33px;
    height: 34px;
    display: block;
    float: left;
    outline: none;
}

.header .search-form-cnt {
    margin-left: auto;
    margin-right: auto;
    float: none
}

@media screen and (min-width:40em) {
    .header .search-form-cnt {
        margin-bottom: 1rem
    }
}

@media screen and (min-width:64em) {
    .header .search-form-cnt {
        float: left
    }
}

@media screen and (min-width:75em) {
    .header .search-form-cnt {
        margin-bottom: 0
    }
}

@media screen and (min-width:64em) {
    .header .user-info-cnt {
        width: auto;
        float: right
    }
}

@media screen and (min-width:75em) {
    .header .user-info-cnt {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:40em) {
    .header .header-user-info {
        display: inline-block
    }
}

@media screen and (min-width:75em) {
    .header .header-user-info {
        display: block
    }
}

.header .logo-container {
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    text-align: center
}

@media screen and (min-width:40em) {
    .header .logo-container {
        text-align: left;
        margin-top: 1rem;
        margin-bottom: 0
    }
}

@media screen and (min-width:75em) {
    .header.logged-in .top .logo-container {
        padding-left: 0;
        width: 20%
    }
}

.header.logged-in .top .large-5 {
    width: 100%
}

@media only screen and (min-width:40em) {
    .header.logged-in .top .large-5 {
        width: 37.5%
    }
}

@media only screen and (min-width:64em) and (max-width:75em) {
    .header.logged-in .top .large-5 {
        clear: both;
        margin-top: 1rem;
        margin-left: 1%;
        width: calc(99% - 788px)
    }
}

@media only screen and (min-width:75.01em) {
    .header.logged-in .top .large-5 {
        width: 13%
    }
}

.header.logged-in .top .user-info-cnt {
    text-align: center
}

@media screen and (min-width:40em) {
    .header.logged-in .top .user-info-cnt {
        margin-top: 1rem
    }
}

@media screen and (min-width:75em) {
    .header.logged-in .top .user-info-cnt {
        margin-top: 0;
        text-align: left;
        width: auto
    }
}

.header.logged-in .top .search-form fieldset .search-input {
    width: 100%;
    border-right: none
}

.header.logged-in .top .search-form fieldset .select2-container {
    display: none
}

@media only screen and (min-width:40em) {
    .header.logged-in.full-searcher .top .large-5 {
        width: 32%
    }
}

@media only screen and (min-width:80em) {
    .header.logged-in.full-searcher .top .large-5 {
        width: 35%
    }
}

.header.logged-in.full-searcher .top .large-4 {
    width: 33.33333%
}

.header.logged-in.full-searcher .top .large-4 .communications,
.header.logged-in.full-searcher .top .large-4 .deposit {
    display: none
}

.header.logged-in.full-searcher .top .search-form fieldset .search-input {
    width: calc(51% - 40px);
    border-right: none
}

.header.logged-in.full-searcher .top .search-form fieldset .select2-container {
    display: inline-block
}

@media only screen and (min-width:64em) {

    .header.logged-in.full-searcher .header-link-to-profile,
    .header.logged-in.full-searcher .user-info-name-experience {
        display: none
    }
}

.header.not-logged .top {
    margin-bottom: 0
}

.header.not-logged .menu,
.header.not-logged .top .logo-container {
    margin-top: 0
}

.header.not-logged .cart-menu {
    margin-top: 7px
}

.header.not-logged #hide-megabox {
    margin-top: 13px
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .header-link-to-profile {
        display: none
    }
}

.header-user-info .wrapper {
    position: relative;
    float: left
}

@media only screen and (max-width:40em) {
    .header-user-info .wrapper {
        float: none
    }
}

.header-user-info .wrapper.wrapper-account {
    overflow: hidden;
    max-width: 270px
}

.header-user-info .wrapper.wrapper-balance .tooltip-icon-wrapper.tooltip-icon-wrapper {
    top: 60%;
    background: none
}

.payment-security {
    background-color: #4fbb2e;
    border-radius: 10px;
    background-image: url(../../img/tmp/green_pattern.png);
    background-size: auto 100%
}

@media screen and (min-width:64em) {
    .payment-security {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.payment-security p {
    font-weight: 300;
    max-width: 475px
}

.payment-security.no-bottom-mgr {
    margin-bottom: 0
}

.payment-security .h2,
.payment-security h2 {
    margin-bottom: 1rem
}

@media screen and (min-width:64em) {

    .payment-security .h2,
    .payment-security h2 {
        margin-bottom: 2.5rem
    }
}

.payment-features {
    text-align: center;
    margin-top: 2rem
}

@media screen and (min-width:64em) {
    .payment-features {
        margin-top: 0
    }
}

.payment-features span {
    display: inline-block;
    width: 106px;
    margin: 6px;
    height: 80px;
    background-color: #f8f8f8;
    position: relative;
    border-radius: 5px
}

.payment-features span div {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto
}

.diamonds-packages {
    margin: 0;
    padding: 0;
    list-style: none
}

.diamonds-packages li {
    width: 28.75rem;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: .5rem;
    margin-bottom: 1.25rem !important;
    padding: 1.1875rem !important;
    color: #0a0a0a;
    max-width: 100%;
    margin: 0 auto
}

@media only screen and (min-width:30em) {
    .diamonds-packages li {
        height: 5.875rem
    }
}

@media (min-width:1240px) {
    .diamonds-packages li {
        float: right;
        margin: 0
    }
}

@media (min-width:1240px) {
    .diamonds-packages li:nth-of-type(odd) {
        float: left
    }
}

.diamonds-packages li .amount {
    width: 5rem;
    padding-top: 2.5rem;
    text-align: center;
    color: var(--primary-color);
    font-size: 1.0625rem;
    line-height: 1;
    position: relative;
    background: none !important;
    margin: 0 auto;
    height: 4rem
}

@media only screen and (min-width:30em) {
    .diamonds-packages li .amount {
        float: left;
        margin: 0;
        height: auto
    }
}

.diamonds-packages li .amount:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.diamonds-packages li .amount.icon-one-diamond:after {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -549px;
    width: 35px;
    height: 33px
}

.diamonds-packages li .amount.icon-two-diamonds:after {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -580px -481px;
    width: 52px;
    height: 35px
}

.diamonds-packages li .amount.icon-three-diamonds:after {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -580px -125px;
    width: 67px;
    height: 35px
}

@media only screen and (max-width:30em) {
    .diamonds-packages li .green-button {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media only screen and (max-width:30em) {
    .diamonds-packages li .green-button a {
        float: none;
        display: inline-block
    }
}

.diamonds-packages li .bonus {
    text-align: center;
    line-height: 1
}

@media only screen and (min-width:30em) {
    .diamonds-packages li .bonus {
        float: left;
        text-align: right
    }
}

.diamonds-packages li .bonus>div {
    white-space: nowrap;
    color: #b8b8b8;
    font-size: 1.875rem;
    padding: 0 .3125rem;
    width: 100%
}

@media only screen and (min-width:30em) {
    .diamonds-packages li .bonus>div {
        width: 5.625rem;
        height: 3.375rem;
        display: table-cell;
        vertical-align: middle
    }
}

.diamonds-packages li .bonus span.cnt {
    position: relative
}

.diamonds-packages li .bonus span.cnt:after {
    position: absolute;
    content: "";
    height: 0;
    border-top: .0625rem solid #b8b8b8;
    border-bottom: .0625rem solid #b8b8b8;
    top: 50%;
    left: 0;
    right: 0
}

.diamonds-packages li .bonus span.sub {
    font-size: 1.0625rem
}

.diamonds-packages li .price {
    text-align: center;
    font-size: 1.875rem;
    line-height: 1
}

@media only screen and (min-width:30em) {
    .diamonds-packages li .price {
        float: right;
        margin-right: 1.25rem;
        max-width: 5.6875rem;
        text-align: left
    }
}

.diamonds-packages li .price>div {
    height: 3.375rem;
    width: 100%
}

@media only screen and (min-width:30em) {
    .diamonds-packages li .price>div {
        max-width: 6.875rem;
        display: table-cell;
        vertical-align: middle
    }
}

.diamonds-packages li .price span.sub {
    font-size: 1.0625rem
}

.diamonds-packages li .price span.save {
    display: block;
    font-size: .8125rem;
    color: var(--primary-color);
    margin-top: .3125rem
}

@media only screen and (min-width:30em) {
    .diamonds-packages li .buy {
        float: right
    }
}

.diamonds-container {
    margin-top: 10px
}

.diamonds-container .terms {
    display: block;
    text-decoration: underline;
    font-size: .8125rem;
    margin-top: 10px
}

@media screen and (min-width:64em) {
    .diamonds-container .terms {
        margin-top: 20px
    }
}

@media screen and (min-width:75em) {
    .diamonds-container .terms {
        margin-top: 0
    }
}

@media screen and (min-width:64em) {
    .diamonds-container .text-right {
        margin-right: -15px
    }
}

.diamonds-container .green-button {
    float: right
}

.diamonds-container .green-button a {
    padding: 0 50px
}

.diamonds-container .muted,
.diamonds-container .user-details-modal .transaction-quality .stars-row .avg,
.diamonds-container .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .diamonds-container .avg,
.user-rating-stars .diamonds-container .avg {
    float: right;
    display: block;
    font-size: .8125rem;
    margin-top: 20px
}

.breadcrumbs {
    margin: -1.5625rem 0 1.5625rem;
    display: none
}

@media screen and (min-width:64em) {
    .breadcrumbs {
        display: block
    }
}

.breadcrumbs li:not(:last-child) {
    text-decoration: underline;
    color: #8f8f8f
}

.breadcrumbs li:not(:last-child):after {
    text-decoration: none;
    -webkit-text-decoration-color: #1e2835;
    text-decoration-color: #1e2835;
    display: inline-block;
    content: "»";
    top: 0
}

.breadcrumbs li:not(:last-child) a {
    color: #8f8f8f
}

.blue-button *,
.green-button *,
.red-button * {
    outline: none
}

.blue-button a,
.blue-button button,
.blue-button span,
.gray-button a,
.gray-button button,
.gray-button span,
.green-button a,
.green-button button,
.green-button span,
.red-button a,
.red-button button,
.red-button span {
    text-align: center;
    float: left;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .8125rem;
    text-transform: uppercase;
    text-shadow: 0 0 3px hsla(0, 0%, 100%, .3);
    position: relative;
    transition: all .3s;
    cursor: pointer;
    color: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    z-index: 3
}

.blue-button a:before,
.blue-button button:before,
.blue-button span:before,
.gray-button a:before,
.gray-button button:before,
.gray-button span:before,
.green-button a:before,
.green-button button:before,
.green-button span:before,
.red-button a:before,
.red-button button:before,
.red-button span:before {
    border: none;
    content: "";
    position: absolute;
    border-radius: 12px;
    top: -4px;
    right: -2px;
    left: -2px;
    bottom: 0;
    transition: all .3s
}

.blue-button a:after,
.blue-button button:after,
.blue-button span:after,
.gray-button a:after,
.gray-button button:after,
.gray-button span:after,
.green-button a:after,
.green-button button:after,
.green-button span:after,
.red-button a:after,
.red-button button:after,
.red-button span:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    transition: all .55s cubic-bezier(.19, 1, .22, 1);
    width: 50px;
    z-index: -10
}

.blue-button a:hover,
.blue-button button:hover,
.blue-button span:hover,
.gray-button a:hover,
.gray-button button:hover,
.gray-button span:hover,
.green-button a:hover,
.green-button button:hover,
.green-button span:hover,
.red-button a:hover,
.red-button button:hover,
.red-button span:hover {
    text-shadow: 0 0 9px hsla(0, 0%, 100%, .7)
}

.blue-button a:hover:after,
.blue-button button:hover:after,
.blue-button span:hover:after,
.gray-button a:hover:after,
.gray-button button:hover:after,
.gray-button span:hover:after,
.green-button a:hover:after,
.green-button button:hover:after,
.green-button span:hover:after,
.red-button a:hover:after,
.red-button button:hover:after,
.red-button span:hover:after {
    left: 120%;
    transition: all .55s cubic-bezier(.19, 1, .22, 1)
}

.red-button a,
.red-button button,
.red-button span {
    background: linear-gradient(0deg, rgba(0, 96, 27, 0), rgba(30, 85, 34, .1) 12%, rgba(252, 4, 86, .3) 50%, rgba(250, 5, 85, .3) 0, rgba(37, 83, 36, .1) 85%, rgba(0, 96, 27, 0)), linear-gradient(90deg, rgba(0, 96, 27, 0), rgba(30, 85, 34, .1) 12%, rgba(252, 4, 86, .3) 50%, rgba(250, 5, 85, .3) 0, rgba(37, 83, 36, .1) 85%, rgba(0, 96, 27, 0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAMUlEQVQIW2Pcx2n6X+27IIM0DxPD0y//GBifMLj9Z0ACjP95PP6DZG5xvmcAqcRQAQDRVhKpsCPIQgAAAABJRU5ErkJggg==);
    border: 2px solid #e20045
}

.red-button a:before,
.red-button button:before,
.red-button span:before {
    border-top: 3px solid #be063d
}

.green-button a,
.green-button button,
.green-button span {
    background: linear-gradient(159deg, rgba(66, 195, 27, .7) 12%, rgba(66, 195, 27, 0) 88%), linear-gradient(90deg, rgba(0, 96, 27, 0), rgba(9, 111, 27, .12) 12%, rgba(75, 219, 31, .5) 50%, rgba(74, 218, 31, .5) 0, rgba(11, 114, 28, .12) 85%, rgba(0, 96, 27, 0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAMUlEQVQIW2N0Wez3/5/UBQYFgyCGBxfWMTA67ZX7z4AEGJPeFvwHyTA9M2AAqcRQAQAHOxN1Uz9ZlgAAAABJRU5ErkJggg==);
    border: 2px solid #41b61f
}

.green-button a:before,
.green-button button:before,
.green-button span:before {
    border-top: 3px solid #359e16
}

.blue-button a,
.blue-button button,
.blue-button span {
    background: linear-gradient(0deg, transparent 95%, hsla(0, 0%, 100%, .2)), linear-gradient(0deg, rgba(13, 84, 110, 0) 85%, rgba(13, 84, 110, .62)), linear-gradient(159deg, rgba(25, 155, 201, .75) 9%, rgba(25, 155, 201, 0) 90%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAMUlEQVQIW2MUbln//9+7twz/Pn9lYOLlZmAULJrznwEJMPKnTvwPkmESEmYAqcRQAQDyTBF9bYOgfQAAAABJRU5ErkJggg==);
    border: 2px solid #159dce
}

.blue-button a:before,
.blue-button button:before,
.blue-button span:before {
    border-top: 3px solid #2590b7
}

.gray-button a,
.gray-button button,
.gray-button span {
    background: linear-gradient(0deg, transparent 95%, hsla(0, 0%, 100%, .2)), linear-gradient(0deg, rgba(89, 89, 89, 0) 85%, rgba(89, 89, 89, .62)), linear-gradient(159deg, hsla(0, 2%, 75%, .75) 9%, hsla(0, 2%, 75%, 0) 90%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAANElEQVQImQXBwQ0AMAgDsUvfkVibdUH8U1vdnd3l7rDN212SYJskvLtDElWFJJ5tAGYGgA8DsRdvtkWVXwAAAABJRU5ErkJggg==);
    border: 2px solid #a3a3a3
}

.gray-button a:before,
.gray-button button:before,
.gray-button span:before {
    border-top: 3px solid #9da9ae
}

.game-button {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

@media screen and (min-width:40em) {
    .game-button {
        margin: 0 22px 22px 0;
        width: auto
    }
}

.game-button .name {
    border-radius: 10px;
    background: linear-gradient(90deg, transparent, rgba(4, 13, 23, .0506) 11%, rgba(37, 113, 203, .22) 49%, rgba(38, 113, 204, .2178) 50%, rgba(5, 14, 25, .0528) 87%, transparent), linear-gradient(0deg, rgba(0, 0, 0, .2), transparent), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAMElEQVQIW2OUVtb7z8zKziCqpMXw+t41BkY5DdP/DEiA0dgr/j9I5u/vnwwglRgqACh8Du0n8zfpAAAAAElFTkSuQmCC);
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .2);
    padding: 3px;
    border-top: 1px solid #4f84aa;
    position: relative;
    font-family: var(--font-heading);
    height: 64px;
    line-height: 55px;
    cursor: pointer;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    float: left;
    transition: all .5s;
    width: 100%
}

@media screen and (min-width:40em) {
    .game-button .name {
        width: auto
    }
}

.game-button .name:before {
    border: 2px solid #1e2835;
    content: "";
    position: absolute;
    border-radius: 10px;
    top: -3px;
    right: 0;
    left: 0;
    bottom: 0
}

.game-button .name:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .2s;
    right: 50%;
    height: 3px;
    background-color: var(--primary-color);
    box-shadow: 0 -1px 10px rgba(228, 0, 70, .6)
}

.game-button .offers-count {
    display: block;
    widows: auto;
    clear: both;
    padding-top: .5em;
    font-weight: 600;
    transition: all .5s
}

.game-button.selected .name,
.game-button:hover .name {
    color: var(--primary-color);
    text-shadow: 0 0 3px rgba(228, 0, 70, .6)
}

.game-button.selected .name:after,
.game-button:hover .name:after {
    left: 60px;
    right: 60px
}

.game-button.selected .offers-count,
.game-button:hover .offers-count {
    color: var(--primary-color)
}

a.blue {
    color: #6886a3;
    text-decoration: underline
}

.games-list .game-button {
    width: 100%;
    margin: 0;
    margin-bottom: 15px
}

@media screen and (min-width:40em) {
    .games-list .game-button {
        width: auto;
        margin: 0 11px;
        margin-bottom: 30px
    }
}

.games-list .game-button a.name {
    width: 100%
}

@media screen and (min-width:40em) {
    .games-list .game-button a.name {
        width: auto
    }
}

a.arrow-right {
    font-size: .8125rem;
    font-weight: 700;
    margin-top: 13px
}

a.arrow-right:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -148px -751px;
    width: 6px;
    height: 10px
}

a.arrow-right span {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    display: inline-block
}

#inital-time-tour {
    display: none
}

@media screen and (min-width:64em) {
    #inital-time-tour {
        display: block
    }
}

.hollow-button-green {
    font-family: var(--font-heading), sans-serif;
    padding: 7px 30px;
    border: 4px solid #4ebc2a;
    background: transparent;
    color: #fff;
    font-size: 1.75rem;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 0 7px 3px rgba(78, 188, 42, .6);
    display: block;
    margin-top: 25px
}

.hollow-button-green:before {
    content: "";
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -52px;
    width: 32px;
    height: 32px;
    position: relative;
    top: 6px;
    margin-right: 15px
}

.hollow-button-blue {
    border: 4px solid #49a6fb;
    border-radius: 12px;
    box-shadow: 0 0 7px 3px rgba(73, 166, 251, .6)
}

.hollow-button-blue,
.hollow-button-yellow {
    font-family: var(--font-heading), sans-serif;
    padding: 7px 30px;
    background: transparent;
    color: #fff;
    font-size: 1.75rem;
    width: 100%;
    display: block;
    margin-top: 25px
}

.hollow-button-yellow {
    border: 4px solid #ffc010;
    border-radius: 12px;
    box-shadow: 0 0 7px 3px rgba(251, 211, 73, .6)
}

.hollow-button-blue2 {
    border: 4px solid #6c7477;
    border-radius: 12px;
    box-shadow: 0 0 7px 3px rgba(92, 98, 88, .6)
}

.hollow-button-blue2,
.hollow-button-grey {
    font-family: var(--font-heading), sans-serif;
    padding: 7px 30px;
    background: transparent;
    color: #fff;
    font-size: 1.75rem;
    width: 100%;
    display: block;
    margin-top: 25px
}

.hollow-button-grey {
    border: 4px solid #155e1a;
    border-radius: 12px;
    box-shadow: 0 0 7px 3px rgba(33, 149, 51, .6)
}

.auction-list hr {
    margin-top: 1.5rem;
    border-top: 1px solid #010c1b;
    border-bottom: 1px solid rgba(156, 166, 178, .6)
}

.table-discount {
    width: auto;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
    margin-bottom: 0
}

.table-discount tr:first-child td:first-child {
    border-top-left-radius: .5rem
}

.table-discount tr:first-child td:last-child {
    border-top-right-radius: .5rem
}

.table-discount tr:last-child td:first-child {
    border-bottom-left-radius: .5rem
}

.table-discount tr:last-child td:last-child {
    border-bottom-right-radius: .5rem
}

.table-discount tr:first-child td {
    border-top: .0625rem solid #d7d7d7
}

.table-discount tr td {
    text-align: center;
    vertical-align: middle;
    width: 55px;
    height: 1.5625rem;
    padding: 0;
    font-size: .8125rem;
    color: #0a0a0a;
    background: #fff;
    border-right: .0625rem solid #d7d7d7;
    border-bottom: .0625rem solid #d7d7d7
}

.table-discount tr td:first-child {
    border-left: .0625rem solid #d7d7d7;
    background: #e5e5e5;
    font-weight: 700;
    width: 110px
}

.table-discount.powerleveling:first-child td:first-child {
    border-top-left-radius: 0
}

.table-discount.powerleveling:first-child td:last-child {
    border-top-right-radius: 0
}

.table-discount.powerleveling thead th {
    background: #e5e5e5;
    height: 1.5625rem;
    text-align: center;
    padding: 0;
    font-size: .875rem;
    font-weight: 700;
    color: #0a0a0a;
    border-top: .0625rem solid #d7d7d7;
    border-right: .0625rem solid #d7d7d7
}

.table-discount.powerleveling thead th:first-child {
    border-top-left-radius: .5rem;
    border-left: .0625rem solid #d7d7d7
}

.table-discount.powerleveling thead th:last-child {
    border-top-right-radius: .5rem
}

.table-discount.powerleveling tr td {
    width: 110px
}

.table-discount.powerleveling tr td:first-child {
    border-left: .0625rem solid #d7d7d7;
    background: #fff;
    font-weight: 400
}

.auction.auction-homepage {
    padding-top: 15px
}

.auction.auction-homepage .auction-name {
    margin-bottom: 15px;
    line-height: 1.3rem;
    text-decoration: underline
}

.auction.auction-homepage .price {
    position: relative;
    font-size: 30px;
    line-height: 30px
}

.auction.auction-homepage .user-profile-link {
    text-decoration: underline;
    white-space: nowrap
}

.auction.auction-currency .auction-time,
.auction.auction-currency .delivery-time {
    display: block
}

.market-filters .form-field .range-inputs input[type=text] a,
.white-bg a {
    color: #111
}

.market-filters .form-field .range-inputs input[type=text] a:hover,
.white-bg a:hover {
    color: #555
}

.word-wrap {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.promoted-auctions {
    margin-top: 1.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.promoted-auction {
    float: none;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: .625rem;
    font-size: .813rem;
    font-weight: 400;
    color: #1e2835
}
.promoted-auction img{
    display: block;
    width: 100%;
}

.promoted-auction .seller {
    color: #959595;
    margin-bottom: 1rem
}

.promoted-auction .seller a {
    color: #959595;
    display: inline-block;
    width: calc(100% - 25px)
}

.promoted-auction .seller .seller--by {
    display: inline
}

.promoted-auction .seller .seller--seller {
    display: none
}

.promoted-auction a[data-text] {
    color: #000;
    overflow: hidden;
    line-height: 1.25;
    font-size: 1rem;
    font-weight: normal;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
}

.promoted-auction a[data-text]:hover {
    text-decoration: underline
}

.promoted-auction a[data-image] {
    display: block;
    width: 100%;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 1rem
}

.promoted-auction a[data-image] span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.promoted-auction .server-info {
    color: #959595;
    margin-bottom: 1rem
}

.promoted-auction .server-info a {
    color: #959595
}

.promoted-auction .server-info a:hover {
    text-decoration: underline
}

.promoted-auction .footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.promoted-auction .footer .tooltip-icon-wrapper {
    position: static;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    display: inline-block
}

.promoted-auction .footer .price {
    font-size: .92rem;
    font-weight: 400
}

.promoted-auction .muted,
.promoted-auction .user-details-modal .transaction-quality .stars-row .avg,
.promoted-auction .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .promoted-auction .avg,
.user-rating-stars .promoted-auction .avg {
    color: #1e2835
}

.promoted-auction .icon-box-black {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -391px;
    width: 17px;
    height: 14px
}

.promoted-auction .i-inline-block {
    margin-right: 0
}

/*! jQuery UI - v1.11.4 - 2016-03-22
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

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

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png.html) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png.html) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png.html) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png.html) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png.html) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png.html) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

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

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png.html)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png.html)
}

.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png.html)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png.html)
}

.ui-state-error-text .ui-icon,
.ui-state-error .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png.html)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

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

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

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

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

.ui-widget-overlay,
.ui-widget-shadow {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    border-radius: 8px
}

.tabs {
    background: 0;
    border: 0
}

.tabs.white-tabs {
    position: relative;
    bottom: -.0625rem;
    z-index: 3
}

.tabs.white-tabs .tabs-title {
    position: relative;
    border-radius: 0;
    cursor: pointer;
    border-top: 1px solid #6b88a3;
    border-bottom: 1px solid #222b33;
    background: url(../../img/bg-tabs.png) repeat-x 0 0;
    float: none
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title {
        float: left;
        margin-right: .4375rem;
        border-radius: .375rem .375rem 0 0;
        margin-top: .5rem
    }
}

.tabs.white-tabs .tabs-title:before {
    content: "";
    position: absolute;
    background: #4c5e71;
    height: .6875rem;
    width: 100%;
    left: 0;
    top: -.375rem;
    z-index: -1;
    border-radius: .375rem .375rem 0 0;
    display: none
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title:before {
        display: block
    }
}

.tabs.white-tabs .tabs-title:after {
    content: "";
    position: absolute;
    display: block;
    height: .125rem;
    left: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    z-index: -1;
    background: rgba(97, 86, 84, .5);
    border-radius: 10px
}

.tabs.white-tabs .tabs-title a {
    background: 0;
    padding: 0 .3125rem;
    text-transform: uppercase;
    font-size: .75rem
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title a {
        border-radius: .375rem .375rem 0 0;
        padding: 0 1rem;
        font-size: .625rem
    }
}

@media screen and (min-width:64em) {
    .tabs.white-tabs .tabs-title a {
        padding: 0 1rem;
        font-size: .8125rem
    }
}

@media screen and (min-width:75em) {
    .tabs.white-tabs .tabs-title a {
        padding: 0 1.5rem
    }
}

.tabs.white-tabs .tabs-title a span {
    display: block;
    padding: 1.125rem 0 1.0625rem;
    text-shadow: 2px -1px 0 #182f3f
}

.tabs.white-tabs .tabs-title a span small {
    display: block;
    position: absolute;
    left: -1.5rem;
    right: -1.5rem;
    text-align: center;
    font-size: 70%
}

.tabs.white-tabs .tabs-title.is-active {
    background: #fff url(../../img/bg-tabs-active.png) repeat-x 0 0;
    border: 0;
    border-top: 1px solid #fff
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title.is-active {
        margin-top: .125rem
    }
}

.tabs.white-tabs .tabs-title.is-active:after {
    display: none
}

.tabs.white-tabs .tabs-title.is-active:before {
    content: "";
    position: absolute;
    background: #b5b5b5;
    height: .6875rem;
    width: 100%;
    left: 0;
    top: -.375rem;
    z-index: -1;
    border-radius: .375rem .375rem 0 0;
    display: none
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title.is-active:before {
        display: block
    }
}

.tabs.white-tabs .tabs-title.is-active a {
    position: relative;
    color: var(--primary-color)
}

.tabs.white-tabs .tabs-title.is-active a:after,
.tabs.white-tabs .tabs-title.is-active a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -.1875rem;
    left: -.4375rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -530px -360px;
    width: 10px;
    height: 10px
}

.tabs.white-tabs .tabs-title.is-active a:after {
    left: auto;
    right: -.5rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -167px -591px;
    width: 10px;
    height: 10px;
    display: none
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title.is-active a:after {
        display: block
    }
}

.tabs.white-tabs .tabs-title.is-active a span {
    position: relative;
    color: var(--primary-color);
    padding: 1.125rem 0 1.0625rem;
    text-shadow: 2px -1px 0 #e5e5e5
}

@media (min-width:700px) {
    .tabs.white-tabs .tabs-title.is-active a span {
        padding: 1.5rem 0 1.375rem
    }
}

.tabs.white-tabs .tabs-title.is-active a span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: .25rem;
    left: 0;
    bottom: 0;
    border-radius: .125rem;
    background: #e30045
}

.tabs.white-tabs .tabs-title.is-clickable-active {
    background: #fff url(../../img/bg-tabs-active.png) repeat-x 0 0;
    border: 0;
    border-top: 1px solid #fff;
    margin-top: .125rem
}

.tabs.white-tabs .tabs-title.is-clickable-active:after {
    display: none
}

.tabs.white-tabs .tabs-title.is-clickable-active:before {
    content: "";
    position: absolute;
    background: #b5b5b5;
    height: .6875rem;
    width: 100%;
    left: 0;
    top: -.375rem;
    z-index: -1;
    border-radius: .375rem .375rem 0 0
}

.tabs.white-tabs .tabs-title.is-clickable-active a {
    position: relative;
    color: var(--primary-color)
}

.tabs.white-tabs .tabs-title.is-clickable-active a:after,
.tabs.white-tabs .tabs-title.is-clickable-active a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -.1875rem;
    left: -.4375rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -530px -360px;
    width: 10px;
    height: 10px
}

.tabs.white-tabs .tabs-title.is-clickable-active a:after {
    left: auto;
    right: -.5rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -167px -591px;
    width: 10px;
    height: 10px
}

.tabs.white-tabs .tabs-title.is-clickable-active a span {
    position: relative;
    color: var(--primary-color);
    padding: 1.5rem 0 1.375rem;
    text-shadow: 2px -1px 0 #e5e5e5
}

.tabs.white-tabs .tabs-title.is-clickable-active a span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: .25rem;
    left: 0;
    bottom: 0;
    border-radius: .125rem;
    background: #e30045
}

.tabs.white-tabs .tabs-title.first a:before,
.tabs.white-tabs .tabs-title.last a:after {
    display: none
}

.tabs-content {
    background: none;
    border: 0
}

.tabs-content.white-tabs {
    position: relative;
    z-index: 1
}

.tabs-content.white-tabs:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: -.375rem;
    width: 100%;
    height: .875rem;
    z-index: 1;
}

.white-tabs .tabs-panel {
    position: relative;
    background: #fff;
    color: #0a0a0a;
    padding: 1.3125rem;
    z-index: 2
}

@media screen and (min-width:40em) {
    .white-tabs .tabs-panel {
        border-radius: 0 .625rem .625rem .625rem
    }
}

.white-tabs.without-bg .tabs-panel {
    background: none;
    padding: 0
}

.white-tabs.without-padding .tabs-panel {
    padding: 0
}

.tab-bg-white-left {
    position: relative;
    background: #fff;
    padding: 1.3125rem
}

@media screen and (min-width:64em) {
    .tab-bg-white-left {
        border-radius: 0 0 0 .625rem
    }
}

@media screen and (min-width:64em) {
    .tab-bg-white-left:after {
        content: "";
        position: absolute;
        right: -.75rem;
        bottom: -.4375rem;
        background-image: url(../../img/sprites_ver=0.3.png);
        background-position: -46px -751px;
        width: 23px;
        height: 13px
    }
}

.tab-bg-white-top {
    background: #fff;
    padding: 1.3125rem
}

@media screen and (min-width:64em) {
    .tab-bg-white-top {
        border-radius: 0 .625rem 0 0
    }
}

.tab-bg-white-bottom {
    background: #fff;
    padding: 1.3125rem
}

@media screen and (min-width:64em) {
    .tab-bg-white-bottom {
        border-radius: 0 0 .625rem .625rem
    }
}

.tab-bg-white-right {
    background: #fff;
}

@media screen and (min-width:64em) {
}

.tab-bg-white {
    background: #fff;
    padding: 1.3125rem
}

#game-formats-tabs {
    display: none
}

@media screen and (min-width:40em) {
    #game-formats-tabs {
        display: block
    }
}

.tabs-header-mobile {
    padding: 0 10px;
    margin-top: 15px;
    float: right
}

@media screen and (min-width:40em) {
    .tabs-header-mobile {
        display: none
    }
}

.tabs-header-mobile .tabs-header-toggle-wrapper {
    text-align: center
}

.tabs-header-mobile .tabs-header-toggle-wrapper .tabs-header-toogle {
    padding: .75rem 1.4375rem;
    margin: 0;
    background: #eb0448;
    color: #fff;
    border: 0;
    border-radius: 0;
    display: inline-block;
    position: relative
}

.tabs-header-mobile .tabs-header-toggle-wrapper .tabs-header-toogle:focus {
    outline: none
}

.tabs-sell-item-button {
    margin: 20px 0
}

@media screen and (min-width:40em) {
    .tabs-sell-item-button {
        margin: 0
    }
}

.scrolled-tabs-container {
    position: relative
}

.scrolled-tabs {
    margin-left: 0
}

.scrolled-tabs .tabs-title {
    list-style: none
}

@media (min-width:700px) {
    .tabs-with-scrolling {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .scrolled-tabs-container {
        overflow: hidden;
        margin: -5px 0
    }

    .tabs-with-scrolling .tabs-title {
        float: none !important
    }

    .scrolled-tabs {
        display: -ms-flexbox;
        display: flex;
        padding: 5px .4375rem;
        padding-right: 0;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .scrolled-tabs .tabs-title {
        list-style: none;
        white-space: nowrap;
        float: none
    }
}

.scrolled-tabs:after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.scrolled-tabs-arrows {
    white-space: nowrap;
    margin-right: 0 !important;
    position: relative
}

.scrolled-tabs-arrows:after {
    display: block !important;
    content: "";
    position: absolute;
    top: 100% !important;
    right: 0 !important;
    width: 10px !important;
    height: 10px !important;
    left: auto !important;
    background: #fff !important;
    border-radius: 0 !important
}

.scrolled-tabs-arrows a:after {
    display: none !important
}

.scrolled-tabs-arrows a {
    padding: 17px 10px !important
}

.scrolled-tabs-arrow {
    font-size: 1.5rem;
    padding: 0 .3rem;
    outline: none !important
}

.tabs-with-scrolling>.tabs-title.first {
    margin-right: 0
}

.tabs-with-scrolling>.right {
    margin-left: auto
}

.tabs-with-scrolling>.right>div {
    margin-left: 8px
}

@media (max-width:639.98px) {
    .tabs-header-mobile-space {
        width: calc(100% - 80px)
    }
}

.white-tabs a {
    color: inherit
}

.account-layout .user-menu,
.articles .category-menu,
.floating-box,
.rounded-white-box {
    background: #fff;
    border-radius: .625rem;
    color: #0a0a0a
}

.account-layout .user-menu a,
.articles .category-menu a,
.floating-box a,
.rounded-white-box a {
    color: #0a0a0a
}

.account-layout .new-deposit.new-deposit ul,
.account-layout .new-deposit.new-deposit ul li,
.account-layout .user-menu,
.account-layout .user-menu li,
.articles .category-menu,
.articles .category-menu li,
.auction-item .informations .details,
.auction-item .informations .details li,
.cart-wrapper .steps ul,
.cart-wrapper .steps ul li,
.clear-ul,
.clear-ul li,
.market-auction .auction-details .time-info-container .details,
.market-auction .auction-details .time-info-container .details li,
.messages-content .conversation-content,
.messages-content .conversation-content li,
.messages-content .people-list ul,
.messages-content .people-list ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.account-layout .user-menu-container {
    margin-bottom: 30px
}

@media screen and (min-width:64em) {
    .account-layout .user-menu-container {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: .625rem
    }
}

@media screen and (min-width:64em) {
    .account-layout>.large-9 {
        padding-right: 0;
        padding-left: .625rem
    }
}

.account-layout .user-menu {
    padding: 1.5625rem 0
}

.account-layout .user-menu li {
    height: 2.5625rem;
    margin: 0 1.25rem;
    border-bottom: 1px solid #e9e9e9;
    padding: .75rem .1875rem;
    font-size: .8125rem;
    position: relative
}

.account-layout .user-menu li span {
    float: right;
    color: #b0b0b0
}

.account-layout .user-menu li.current,
.account-layout .user-menu li.is-active,
.account-layout .user-menu li:hover {
    height: 2.625rem;
    margin: 0;
    border-bottom: 0;
    border-top: 2px solid #e9e9e9;
    padding: .75rem 1.4375rem;
    margin-top: -.0625rem;
    background: url(../../img/user-menu-bg.png)
}

.account-layout .user-menu li.current a,
.account-layout .user-menu li.is-active a,
.account-layout .user-menu li:hover a {
    color: #fff
}

.account-layout .user-menu li.current span,
.account-layout .user-menu li.is-active span,
.account-layout .user-menu li:hover span {
    display: none
}

.account-layout .user-menu li.current:after,
.account-layout .user-menu li.is-active:after {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -36px;
    width: 16px;
    height: 17px;
    position: absolute;
    display: block;
    content: "";
    right: 24px;
    top: 12px
}

.account-layout .user-menu li a {
    display: block;
    height: 2.5625rem
}

.account-layout .tabs .current-deposit {
    font-size: 1.0625rem;
    color: #fff;
    padding-top: .6875rem
}

@media only screen and (max-width:53.125em) {
    .account-layout .tabs .current-deposit {
        display: none
    }
}

.account-layout .why-make-deposit {
    text-align: center;
    font-size: .8125rem
}

.account-layout .why-make-deposit .h3,
.account-layout .why-make-deposit h3 {
    font-size: .99625rem;
    color: #4fbb2e;
    margin-bottom: .6875rem
}

.account-layout .why-make-deposit .image {
    margin: 0 auto 1.4375rem
}

.account-layout .why-make-deposit.easy-access .image {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -263px -236px;
    width: 27px;
    height: 42px
}

.account-layout .why-make-deposit.speedy-shopping .image {
    margin-top: .0625rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -580px -243px;
    width: 53px;
    height: 41px
}

.account-layout .why-make-deposit.extra-diamonds .image {
    margin-top: .0625rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -591px;
    width: 48px;
    height: 41px
}

.account-layout .why-make-deposit.safe-place .image {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -433px;
    width: 32px;
    height: 42px
}

.account-layout .new-deposit {
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    padding: 1.5625rem;
    margin-bottom: 1.5625rem
}

.account-layout .new-deposit .h2,
.account-layout .new-deposit h2 {
    font-size: .99625rem;
    color: #0a0a0a;
    margin: 0
}

.account-layout .new-deposit .slider {
    margin: 1.25rem 0 0
}

.account-layout .new-deposit .inputs {
    clear: both;
    margin-top: 2.5rem;
    width: 100%
}

@media screen and (min-width:40em) {
    .account-layout .new-deposit .inputs {
        float: left;
        width: 6.375rem
    }
}

.account-layout .new-deposit .credit-info {
    display: table;
    font-size: 1rem;
    height: 50px;
    line-height: 110%;
    margin-top: 1rem
}

@media screen and (min-width:64em) {
    .account-layout .new-deposit .credit-info {
        float: left;
        margin-left: .75rem;
        margin-top: 2.0625rem;
        text-align: left
    }
}

.account-layout .new-deposit .credit-info span {
    color: var(--primary-color)
}

.account-layout .new-deposit .credit-info .cnt {
    display: table-cell;
    vertical-align: middle
}

.account-layout .new-deposit .credit-info .extra-deposit-info {
    display: none;
    text-align: center
}

.account-layout .new-deposit .credit-info .extra-deposit-info span {
    position: relative
}

.account-layout .new-deposit .credit-info .extra-deposit-info span:after {
    content: "";
    position: absolute;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -364px -652px;
    width: 25px;
    height: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -1.6875rem
}

.account-layout .new-deposit .green-button {
    float: right;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width:64em) {
    .account-layout .new-deposit .green-button {
        margin-top: 2.0625rem;
        margin-bottom: 0
    }
}

.account-layout .new-deposit .gain-extra {
    margin-top: 1.125rem
}

.account-layout .new-deposit table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff
}

.account-layout .new-deposit table td,
.account-layout .new-deposit table th {
    text-align: center;
    vertical-align: middle;
    height: 1.375rem;
    padding: 0;
    font-size: .9375rem;
    color: #0a0a0a;
    background: #fff;
    border-right: .0625rem solid #d7d7d7;
    border-bottom: .0625rem solid #d7d7d7
}

.account-layout .new-deposit table td:first-child,
.account-layout .new-deposit table th:first-child {
    border-left: .0625rem solid #d7d7d7
}

.account-layout .new-deposit table th {
    border-top: .0625rem solid #d7d7d7;
    border-bottom: 0;
    background: #e5e5e5;
    height: 1.5625rem;
    font-size: .875rem
}

.account-layout .new-deposit tr:first-child th:first-child {
    border-top-left-radius: .5rem
}

.account-layout .new-deposit tr:first-child th:last-child {
    border-top-right-radius: .5rem
}

.account-layout .new-deposit tr:last-child td:first-child {
    border-bottom-left-radius: .5rem
}

.account-layout .new-deposit tr:last-child td:last-child {
    border-bottom-right-radius: .5rem
}

.account-layout .new-deposit tr.current td {
    background: #4fbb2e;
    color: #fff
}

.account-layout .new-deposit.withdraw .no-deposit {
    filter: blur(.125rem);
    -webkit-filter: blur(.125rem);
    -moz-filter: blur(.125rem);
    -o-filter: blur(.125rem);
    -ms-filter: blur(.125rem)
}

.account-layout .new-deposit.withdraw .slider-container {
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .account-layout .new-deposit.withdraw .slider-container {
        width: 19.375rem
    }
}

.account-layout .new-deposit.withdraw .inputs {
    clear: none;
    margin-top: .625rem
}

@media screen and (min-width:40em) {
    .account-layout .new-deposit.withdraw .inputs {
        float: right;
        width: 6.25rem
    }
}

.account-layout .new-deposit.withdraw ul li {
    font-size: 1rem;
    margin-top: .625rem
}

.account-layout .new-deposit.withdraw ul li span {
    float: right;
    text-align: right
}

.account-layout .new-deposit.withdraw ul li.i-deposit {
    margin-top: 1.25rem
}

.account-layout .new-deposit.withdraw ul li a {
    color: #0a0a0a;
    cursor: default
}

.account-layout .new-deposit.withdraw .partners label {
    background: red;
    display: block;
    width: 13.4375rem;
    height: 10.25rem;
    text-align: center;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    padding: 5rem .9375rem .9375rem
}

.account-layout .new-deposit.withdraw .partners label span {
    display: block;
    font-size: .8125rem;
    color: #b0b0b0;
    line-height: 120%
}

.account-layout .new-deposit.withdraw .partners label span.name {
    color: #0a0a0a;
    font-size: 1.0625rem;
    margin-top: .5625rem
}

.account-layout .new-deposit.withdraw .partners label.partner-paypal_express_checkout_and_doctrine_orm {
    background: url(../../img/logo-paypal.png) no-repeat center .625rem
}

.account-layout .new-deposit.withdraw .partners label.partner-skrill_checkout_via_omnipay {
    background: url(../../img/logo-skrill.png) no-repeat center .625rem
}

.account-layout .new-deposit.new-deposit .slider-container {
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .account-layout .new-deposit.new-deposit .slider-container {
        width: 19.375rem
    }
}

.account-layout .new-deposit.new-deposit .inputs {
    clear: none;
    margin-top: .625rem
}

@media screen and (min-width:40em) {
    .account-layout .new-deposit.new-deposit .inputs {
        float: right;
        width: 6.25rem
    }
}

.account-layout .new-deposit.new-deposit ul li {
    font-size: 1rem;
    margin-top: .625rem
}

.account-layout .new-deposit.new-deposit ul li span {
    float: right;
    text-align: right
}

.account-layout .new-deposit.new-deposit ul li.i-deposit {
    margin-top: 1.25rem
}

.account-layout .new-deposit.new-deposit ul li a {
    color: #0a0a0a;
    cursor: default
}

.account-layout .new-deposit.new-deposit .partners label {
    float: left;
    display: block;
    width: 13.4375rem;
    height: 11.5rem;
    text-align: center;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    padding: 5rem .9375rem .9375rem;
    margin-bottom: 1.875rem
}

.account-layout .new-deposit.new-deposit .partners label:nth-child(2n) {
    float: right
}

.account-layout .new-deposit.new-deposit .partners label span {
    display: block;
    font-size: .8125rem;
    color: #b0b0b0;
    line-height: 120%
}

.account-layout .new-deposit.new-deposit .partners label span.name {
    color: #0a0a0a;
    font-size: 1.0625rem;
    margin-top: .5625rem
}

.account-layout .new-deposit.new-deposit .partners label.partner-paypal_express_checkout_and_doctrine_orm {
    background: url(../../img/logo-paypal_blank.png) no-repeat center .625rem
}

.account-layout .new-deposit.new-deposit .partners label.partner-skrill_checkout_via_omnipay {
    background: url(../../img/logo-skrill.png) no-repeat center .625rem
}

.account-layout .new-deposit.new-deposit .partners label.partner-webmoney_withdraw_only {
    background: url(../../img/logo-webmoney.png) no-repeat center .625rem
}

.account-layout .new-deposit.new-deposit .partners label.partner-payoneer {
    background: url(../../img/icon_payoneer.png) no-repeat center .625rem
}

.account-layout .new-deposit.new-deposit .partners label.partner-mastercard {
    background: url(../../img/icon-mastercard.png) no-repeat center .625rem
}

.account-layout .new-deposit.new-deposit .withdrawal-info {
    font-size: 10px;
    font-style: italic
}

.user-info-block {
    margin: 0;
    padding: 0;
    width: 6.25rem
}

.user-info-block .avatar {
    position: relative;
    width: 4.75rem;
    height: 4.75rem;
    margin-left: .0625rem;
    border-radius: .5rem
}

.user-info-block .avatar img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: .5rem
}

.user-info-block .avatar span {
    display: block;
    position: absolute;
    color: #fff
}

.user-info-block .avatar span.level {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -316px -652px;
    width: 28px;
    height: 22px;
    text-align: center;
    padding-left: .3125rem;
    top: .3125rem;
    right: -1.4375rem;
    line-height: 22px;
    font-size: .75rem
}

.user-info-block .avatar span.buyer,
.user-info-block .avatar span.seller {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -665px -652px;
    width: 23px;
    height: 18px;
    text-align: center;
    padding-left: .3125rem;
    top: 2.0625rem;
    right: -1.125rem;
    line-height: 18px;
    font-size: .625rem
}

.user-info-block .avatar span.buyer {
    top: 3.3125rem
}

.user-info-block.online .avatar span.level {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -548px;
    width: 29px;
    height: 22px;
    line-height: 22px
}

.user-info-block .authentication-level {
    position: relative
}

.user-info-block .authentication-level span {
    position: absolute
}

.user-info-block.bg-black .authentication-level {
    margin-left: -.25rem;
    margin-top: .1875rem
}

.user-info-block.bg-black .authentication-level.level-1 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -117px -537px;
    width: 83px;
    height: 22px
}

.user-info-block.bg-black .authentication-level.level-2 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -220px -537px;
    width: 83px;
    height: 22px
}

.user-info-block.bg-black .authentication-level.level-3 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -323px -537px;
    width: 83px;
    height: 22px
}

.user-info-block.bg-black .authentication-level.level-4 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -426px -537px;
    width: 83px;
    height: 22px
}

.user-info-block.bg-black .authentication-level.level-5 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -472px -466px;
    width: 88px;
    height: 22px
}

.user-info-block.bg-black .authentication-level span {
    top: .5rem
}

.user-info-block.bg-black .authentication-level span.level-1,
.user-info-block.bg-black .authentication-level span.level-2,
.user-info-block.bg-black .authentication-level span.level-3,
.user-info-block.bg-black .authentication-level span.level-4,
.user-info-block.bg-black .authentication-level span.level-5 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -453px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-black .authentication-level span.level-1 {
    left: .4375rem
}

.user-info-block.bg-black .authentication-level span.level-2 {
    left: 1.375rem
}

.user-info-block.bg-black .authentication-level span.level-3 {
    left: 2.3125rem
}

.user-info-block.bg-black .authentication-level span.level-4 {
    left: 3.25rem
}

.user-info-block.bg-black .authentication-level span.level-5 {
    left: 4.1875rem
}

.user-info-block.bg-black .authentication-level span.level-1.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -487px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-black .authentication-level span.level-2.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -521px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-black .authentication-level span.level-3.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -351px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-black .authentication-level span.level-4.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -419px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-black .authentication-level span.level-5.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -317px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-white .authentication-level {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -68px -591px;
    width: 79px;
    height: 10px;
    margin-top: .5625rem
}

.user-info-block.bg-white .authentication-level span {
    top: .125rem
}

.user-info-block.bg-white .authentication-level span.level-1,
.user-info-block.bg-white .authentication-level span.level-2,
.user-info-block.bg-white .authentication-level span.level-3,
.user-info-block.bg-white .authentication-level span.level-4,
.user-info-block.bg-white .authentication-level span.level-5 {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -385px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-white .authentication-level span.level-1 {
    left: .125rem
}

.user-info-block.bg-white .authentication-level span.level-2 {
    left: 1.0625rem
}

.user-info-block.bg-white .authentication-level span.level-3 {
    left: 2rem
}

.user-info-block.bg-white .authentication-level span.level-4 {
    left: 2.9375rem
}

.user-info-block.bg-white .authentication-level span.level-5 {
    left: 3.875rem
}

.user-info-block.bg-white .authentication-level span.level-1.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -487px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-white .authentication-level span.level-2.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -521px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-white .authentication-level span.level-3.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -351px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-white .authentication-level span.level-4.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -419px -591px;
    width: 14px;
    height: 6px
}

.user-info-block.bg-white .authentication-level span.level-5.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -317px -591px;
    width: 14px;
    height: 6px
}

.user-experience {
    color: #bfbfbf;
    font-size: .8125rem
}

.user-experience .mask {
    width: 7.0625rem;
    height: .9375rem;
    background: #e4e4e4;
    border: .0625rem solid #fff;
    border-radius: .375rem;
    padding: .125rem;
    margin-top: .25rem;
    margin-bottom: .125rem
}

.user-experience .mask .experience {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -529px -537px;
    width: 107px;
    height: 9px
}

.user-experience.on-dark .mask {
    border: none;
    border-bottom: .0625rem solid #3a5166;
    background-color: #151a1e
}

.username {
    font-size: .99875rem;
    color: #7590aa;
    text-decoration: underline;
    padding-top: .0625rem
}

.username,
time {
    line-height: 1
}

.market-filters .form-field .range-inputs .settings-form input.input[type=text],
.market-filters .form-field .range-inputs .settings-form input[type=text].tag-editor,
.settings-form .input.white-bg,
.settings-form .market-filters .form-field .range-inputs input.input[type=text],
.settings-form .market-filters .form-field .range-inputs input[type=text].tag-editor,
.settings-form .white-bg.tag-editor {
    margin-bottom: 10px
}

.settings-form .dropzone.images {
    float: left;
    width: 9.375rem;
    margin-right: 15px;
    padding: 60px 30px
}

.settings-form .uploader {
    float: left;
    width: 12.5rem;
    padding: 0;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem
}

.settings-form .uploader .red-button {
    margin-top: 1.25rem
}

.add-fav-games .select2-container {
    margin-bottom: 15px;
    width: 100% !important
}

#authorizationContainer {
    margin-top: -15px
}

.authorisation>.columns {
    margin-top: 15px
}

.authorisation .green-button {
    width: 100%
}

.authorisation .green-button button {
    width: 100%;
    margin-top: 0
}

.authorisation .benft {
    font-size: .99625rem;
    color: #0a0a0a;
    margin: 0;
    font-weight: 700
}

.authorisation ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 30px
}

.authorisation p,
.authorisation ul li {
    font-size: .875rem
}

.authorisation .h2,
.authorisation h2 {
    margin-bottom: 10px
}

.authorisation .red {
    color: var(--primary-color)
}

.authorisation .country-flag-select .select2 {
    margin-bottom: .9375rem !important
}

.authorisation .submit-verification-code .green-button {
    margin-top: 4.5rem
}

.authorisation .panel-container {
    filter: blur(.125rem);
    -webkit-filter: blur(.125rem);
    -moz-filter: blur(.125rem);
    -o-filter: blur(.125rem);
    -ms-filter: blur(.125rem)
}

.authorisation .overlay {
    display: none
}

.authorisation .has-overlay {
    position: relative
}

.authorisation .has-overlay .overlay {
    display: block;
    z-index: 1005;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.authorisation .has-overlay .overlay .overlay-container {
    position: absolute;
    top: 40%;
    left: 20%;
    margin: 0;
    background: #fff;
    color: #111;
    width: 60%;
    padding: 1.375rem .9375rem;
    text-align: center;
    border: 1px solid #111
}

.authorisation .has-overlay .overlay .overlay-container .icon-tick {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -194px -701px;
    width: 24px;
    height: 24px;
    float: left
}

.authorisation .has-overlay .overlay .overlay-container .icon-notice-readed {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -590px -701px;
    width: 24px;
    height: 24px;
    float: left
}

.authorisation .has-overlay .overlay .overlay-container p {
    margin-bottom: 0
}

.authorisation .panel-container-overlay {
    display: block;
    z-index: 1004;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .3)
}

.authorisation .unblurred {
    -webkit-filter: none;
    filter: none
}

.authorisation .unblurred .panel-container-overlay {
    display: none
}

.password-change input[type=submit] {
    color: red
}

.password-change input[type=password] {
    width: 40%
}

.password-change label {
    color: #fff
}

.current-deposit-mobile {
    margin-bottom: 20px;
    text-align: right
}

@media only screen and (min-width:53.125em) {
    .current-deposit-mobile {
        display: none
    }
}

html.no-smil .has-overlay {
    position: relative
}

html.no-smil .has-overlay .filter-fix {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .7);
    z-index: 1234
}

.user-info-block.user-not-available .avatar:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    border-radius: inherit;
    overflow: hidden;
    background: url(../../img/shop-closed.png) 50% no-repeat transparent;
    background-size: cover
}

.partners-upper-row {
    min-width: 450px
}

@media only screen and (max-width:560px) {
    .partners-upper-row {
        min-width: 0
    }

    .partners-upper-row .partners label {
        float: left !important;
        margin-bottom: 30px
    }
}

.user-games.white-box {
    padding: 1.25rem .75rem -.25rem;
    margin-bottom: 3rem
}

.user-games .game-button .offers-count {
    color: #000
}

.user-games .game-button.selected .offers-count {
    color: var(--primary-color)
}

img.user-badge {
    min-width: 150px;
    width: 100%;
    max-width: 240px
}

.user-badge {
    height: 27px;
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, .2);
    border-radius: 3px;
    border: 1px solid #e3e7ed;
    background-image: linear-gradient(180deg, #2f4057 0, #1e2936), linear-gradient(0deg, #134301 0, #2d7d0f);
    display: block;
    padding: 0 9px;
    color: #fff
}

.user-badge,
.user-badge * {
    text-decoration: none !important
}

.user-badge * {
    line-height: 1
}

.user-badge__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    height: 23px
}

.user-badge__ss {
    background-color: #3a4d66;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    padding: 3px 5px;
    border-radius: 2px;
    margin-right: 4px;
    line-height: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.user-badge__name {
    display: inline-block;
    margin-right: 8px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    font-size: 13px
}

.user-badge__lvl {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -50px -820px;
    width: 6px;
    height: 15px;
    margin-right: 4px
}

.user-badge__lvl,
.user-badge__lvl_num {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.user-badge__lvl_num {
    background-color: #3a4d66;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    padding: 3px 5px;
    border-radius: 2px;
    margin-right: 7px;
    line-height: 12px
}

.user-badge__lvl_num.pro {
    background-color: #3496bf
}

.user-badge__lvl_num.ss {
    background-color: #bf9934
}

.user-badge__separator {
    width: 1px;
    height: 17px;
    background-color: #606a76;
    margin-right: 5px
}

.user-badge__separator,
.user-badge__star {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.user-badge__star {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -529px;
    width: 15px;
    height: 15px;
    margin-right: 3px
}

.user-badge__points {
    font-size: 11px;
    font-weight: 700;
    line-height: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 1px
}

.user-badge[data-width=small] {
    padding: 0 5px
}

.user-badge[data-width=small] .user-badge__lvl,
.user-badge[data-width=small] .user-badge__star {
    display: none
}

.account-layout .notification-center {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width:75em) {
    .account-layout .notification-center {
        padding-left: 0;
        padding-right: 0
    }
}

.account-layout .notification-center>section:not(:last-child) {
    margin-bottom: 60px
}

.account-layout .notification-center section {
    padding: 0
}

.account-layout .notification-center section header .h2,
.account-layout .notification-center section header h2 {
    margin-bottom: 0
}

.account-layout .notification-center header {
    clear: both;
    margin-bottom: 15px
}

.account-layout .notification-center header .h2,
.account-layout .notification-center header .h3,
.account-layout .notification-center header h2,
.account-layout .notification-center header h3 {
    float: left
}

.account-layout .notification-center header a {
    float: right
}

.notification-details-wrapper {
    position: relative;
    padding-bottom: 70px
}

@media screen and (min-width:40em) {
    .notification-details-wrapper {
        padding-bottom: 0;
        padding-right: 100px
    }
}

.notification-details-wrapper .transaction-details-button {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block
}

@media screen and (min-width:40em) {
    .notification-details-wrapper .transaction-details-button {
        -webkit-transform: none;
        transform: none;
        right: 0;
        top: 0;
        left: inherit;
        bottom: inherit
    }
}

.bottom-border {
    border-bottom: 1px solid #010c1b;
    box-shadow: 0 1px 0 #2c3b4d
}

.i-inline-block {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 8px
}

.icon-watch {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -459px;
    width: 15px;
    height: 15px
}

.icon-box {
    background-position: -836px -425px;
    height: 14px
}

.icon-box,
.icon-server-black-small {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 17px
}

.icon-server-black-small {
    background-position: -836px -252px;
    height: 15px
}

.market-filters .form-field .range-inputs input[type=text] .icon-watch,
.white-bg .icon-watch {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -564px;
    width: 15px;
    height: 15px
}

.market-filters .form-field .range-inputs input[type=text] .icon-box,
.white-bg .icon-box {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -391px;
    width: 17px;
    height: 14px
}

.auction-list .auction {
    padding-bottom: 15px;
    padding-top: 25px
}

.auction-list .auction .auction-thumbnail img {
    max-width: 75px
}

.auction-list .auction .delivery-time {
    margin-right: 10px
}

.auction-list .auction .price {
    font-size: 23px
}

.auction-list.two-color .auction:nth-of-type(2n) {
    border-radius: 15px;
    background: #f3f3f3
}

.account-notifications-section {
    margin-top: 30px
}

@media screen and (min-width:40em) {
    .account-notifications-section {
        margin-top: 0
    }
}

.account-my-offers .h2+span,
.account-my-offers h2+span {
    float: left;
    margin-left: 30px
}

.user-rating-stars {
    font-size: 17px;
    margin-bottom: .5em;
    padding-bottom: .5em
}

.user-rating-stars.hr {
    border-bottom: 1px solid #e8e8e8
}

.user-rating-stars>span {
    display: inline-block
}

.user-rating-stars .name {
    width: 50%
}

.user-rating-stars .stars {
    margin-right: 10px
}

.user-rating-stars .stars .star {
    display: inline-block;
    background-position: -797px -383px
}

.user-rating-stars .stars .star,
.user-rating-stars .stars .star.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 18px;
    height: 17px
}

.user-rating-stars .stars .star.true {
    background-position: -797px -420px
}

.user-rating-stars .avg {
    font-size: 21px
}

.game-button .user-rating-stars.offers-count,
.user-rating-stars.small {
    font-size: 13px
}

.game-button .user-rating-stars.offers-count .stars,
.user-rating-stars.small .stars {
    -webkit-transform: scale(.55);
    transform: scale(.55);
    -webkit-transform-origin: left;
    transform-origin: left;
    margin-right: -40px
}

.game-button .user-rating-stars.offers-count .avg,
.user-rating-stars.small .avg {
    font-size: 13px
}

.forms .h2,
.forms h2 {
    font-size: .99625rem;
    margin-bottom: 2.1875rem
}

.input,
.input:focus,
.tag-editor,
.tag-editor:focus {
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 30px 5px #b8b8b8, inset 0 0 0 1px #ececec;
    display: block;
    width: 300px;
    float: left;
    height: 54px;
    outline: none;
    position: relative;
    padding: 0 25px;
    color: #000;
    max-width: 100% !important
}

@media only screen and (max-width:30em) {

    .input,
    .input:focus,
    .tag-editor,
    .tag-editor:focus {
        width: 100%
    }
}

.input::-webkit-input-placeholder,
.input:focus::-webkit-input-placeholder,
.tag-editor::-webkit-input-placeholder,
.tag-editor:focus::-webkit-input-placeholder {
    color: #b8b8b8
}

.input:-ms-input-placeholder,
.input:focus:-ms-input-placeholder,
.tag-editor:-ms-input-placeholder,
.tag-editor:focus:-ms-input-placeholder {
    color: #b8b8b8
}

.input::placeholder,
.input:focus::placeholder,
.tag-editor::placeholder,
.tag-editor:focus::placeholder {
    color: #b8b8b8
}

.input.white-bg,
.input:focus.white-bg,
.market-filters .form-field .range-inputs input.input[type=text],
.market-filters .form-field .range-inputs input.input[type=text]:focus,
.market-filters .form-field .range-inputs input[type=text].tag-editor,
.market-filters .form-field .range-inputs input[type=text].tag-editor:focus,
.tag-editor:focus.white-bg,
.white-bg.tag-editor {
    float: none;
    width: 100%;
    box-shadow: none;
    border: .0625rem solid #e5e5e5;
    color: #000;
    font-size: 14px
}

.input.white-bg:focus,
.input:focus.white-bg:focus,
.market-filters .form-field .range-inputs input.input[type=text]:focus,
.market-filters .form-field .range-inputs input.input[type=text]:focus:focus,
.market-filters .form-field .range-inputs input[type=text].tag-editor:focus,
.market-filters .form-field .range-inputs input[type=text].tag-editor:focus:focus,
.tag-editor:focus.white-bg:focus,
.white-bg.tag-editor:focus {
    color: #000
}

.game-button .input.offers-count,
.game-button .input.offers-count:focus,
.game-button .offers-count.tag-editor,
.game-button .offers-count.tag-editor:focus,
.input.small,
.input:focus.small,
.small.tag-editor,
.tag-editor:focus.small {
    height: 38px
}

label {
    display: inline-block
}

#position-cost-inputs input {
    padding: 0 10px;
    text-align: center
}

.reveal {
    border: .5rem solid #fff;
    border-radius: 1rem;
    padding: 3.75rem .625rem;
    color: #0a0a0a;
    outline: none;
    overflow: visible
}

@media screen and (min-width:40em) {
    .reveal {
        padding: 1.5625rem
    }
}

.reveal.reveal-dark {
    background-image: url(../../img/bg-dark-pattern.png);
    color: #fff
}

body.is-reveal-open .body-wrapper,
body.is-reveal-open>.header {
    -webkit-filter: blur(.125rem);
    filter: blur(.125rem)
}

.close-button {
    background: none;
    border: 0;
    border-radius: 50%;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -495px;
    width: 34px;
    height: 34px;
    outline: none;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .57);
    top: 10px;
    right: 10px
}

@media screen and (min-width:40em) {
    .close-button {
        top: -1.3125rem;
        right: -1.3125rem
    }
}

@media screen and (min-width:40em) {
    .reveal.tiny {
        width: 60%;
        max-width: 80.625rem
    }
}

@media screen and (min-width:90em) {
    .reveal.tiny {
        width: 40%;
        max-width: 80.625rem
    }
}

.icon-server.h2,
h2.icon-server {
    padding-left: 3.3125rem;
    position: relative;
    margin-bottom: 1.25rem
}

.icon-server.h2:before,
h2.icon-server:before {
    content: "";
    position: absolute;
    width: 2.0625rem;
    height: 1.875rem;
    background: url(../../img/icon-server.png) no-repeat;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.choose-server-modal,
.standard-modal {
    width: 48rem !important;
    padding: 3.5rem 1.25rem 2.3125rem !important;
    max-width: 100%
}

@media screen and (min-width:40em) {

    .choose-server-modal,
    .standard-modal {
        padding: 2.625rem 3.5rem 2.3125rem !important
    }
}

.choose-server-modal p,
.standard-modal p {
    margin-bottom: 1.25rem
}

@media screen and (min-width:40em) {

    .choose-server-modal p,
    .standard-modal p {
        width: 85%
    }
}

.choose-server-modal .red-button,
.standard-modal .red-button {
    margin-top: 1rem
}

@media screen and (min-width:64em) {

    .choose-server-modal .red-button,
    .standard-modal .red-button {
        margin-top: 0
    }
}

#signInModal.sign-in-modal {
    width: 100%;
    padding: .9375rem .625rem
}

@media screen and (min-width:40em) {
    #signInModal.sign-in-modal {
        width: 90%
    }
}

@media screen and (min-width:64em) {
    #signInModal.sign-in-modal {
        width: 56.25rem;
        padding: 1.5625rem 4.6875rem
    }
}

#signInModal.sign-in-modal .login-cnt {
    padding-right: 1.875rem
}

#signInModal.sign-in-modal .registration-cnt {
    float: right;
    margin-top: 30px
}

@media screen and (min-width:64em) {
    #signInModal.sign-in-modal .registration-cnt {
        padding-left: 1.875rem;
        margin-top: 0
    }
}

#signInModal.sign-in-modal .h2,
#signInModal.sign-in-modal h2 {
    margin-bottom: 1.875rem
}

#signInModal.sign-in-modal .register.h2,
#signInModal.sign-in-modal h2.register {
    margin-bottom: 1.25rem
}

#signInModal.sign-in-modal .h5,
#signInModal.sign-in-modal h5 {
    font-size: 1.125rem
}

#signInModal.sign-in-modal p {
    font-size: .8125rem;
    line-height: 130%;
    margin-bottom: 1.375rem
}

#signInModal.sign-in-modal button {
    float: right
}

#signInModal.sign-in-modal .input,
#signInModal.sign-in-modal .input:focus,
#signInModal.sign-in-modal .tag-editor,
#signInModal.sign-in-modal .tag-editor:focus {
    height: 3.125rem;
    color: #0a0a0a
}

#signInModal.sign-in-modal .error.tag-editor,
#signInModal.sign-in-modal .input.error,
#signInModal.sign-in-modal .input:focus.error,
#signInModal.sign-in-modal .tag-editor:focus.error {
    border: .0625rem solid var(--primary-color)
}

#signInModal.sign-in-modal .password-forgotten {
    float: left;
    margin-top: .75rem
}

#signInModal.sign-in-modal .password-forgotten a {
    color: #111;
    text-decoration: underline
}

#signInModal.sign-in-modal #forgotten-password-form {
    display: none
}

@media screen and (min-width:64em) {
    .auction-promotion-modal {
        width: 65%
    }
}

.auction-promotion-modal .promotion-offer-button-wrapper {
    margin-top: 20px
}

@media screen and (min-width:64em) {
    .auction-promotion-modal .promotion-offer-button-wrapper {
        margin-top: 0
    }
}

.auction-promotion-modal .bold {
    font-weight: 700
}

.auction-promotion-modal .checkbox-container {
    margin-bottom: 15px
}

.auction-promotion-modal .offer-summary .icon-diamond,
.auction-promotion-modal .positions-container .icon-diamond {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px 0;
    width: 18px;
    height: 16px;
    vertical-align: text-top;
    display: inline-block;
    margin-left: 7px
}

.auction-promotion-modal .offer-elements span,
.auction-promotion-modal .positions-container span {
    color: #df0245
}

.auction-promotion-modal .offer-elements tr.my-position,
.auction-promotion-modal .positions-container tr.my-position {
    border: 1px solid #252525
}

.auction-promotion-modal .positions-container table tbody tr:nth-child(2n) {
    background: #f9f9f9
}

.auction-promotion-modal .positions-container td {
    text-align: center
}

@media screen and (min-width:64em) {
    .auction-promotion-modal .offer-summary {
        padding-left: 45px
    }
}

.auction-promotion-modal .offer-summary .title {
    font-size: 17px;
    display: block;
    margin-bottom: 25px
}

.auction-promotion-modal .offer-summary .icon-basket {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -252px;
    width: 30px;
    height: 28px;
    vertical-align: bottom;
    margin-right: 6px
}

.auction-promotion-modal .offer-summary .offer-elements {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: block
}

.auction-promotion-modal .slider-max,
.auction-promotion-modal .slider-min {
    display: none
}

.auction-promotion-modal .slider {
    margin-bottom: 1.25rem
}

.auction-promotion-modal .current-position {
    color: var(--primary-color);
    font-size: .875rem
}

@media screen and (min-width:75em) {
    .delete-group-confirmation-modal {
        width: 30%
    }
}

.delete-group-confirmation-modal .green-button {
    margin-right: 20px
}

.reveal {
    height: auto
}

@media screen and (max-width:39.9375em) {
    .reveal {
        min-height: auto
    }
}

.transaction-rate-modal .modal-content>.red-button {
    display: none
}

#first-time-tour-modal .steps .h2,
#first-time-tour-modal .steps h2 {
    margin-bottom: .9375rem
}

#first-time-tour-modal .steps .no-float {
    float: none;
    display: inline-block
}

#first-time-tour-modal .steps .text-below {
    font-size: .875rem;
    color: #bfbfbf;
    margin-top: 10px
}

#first-time-tour-modal .steps .action-wrapper {
    margin-top: 20px
}

#first-time-tour-modal .step-1 .h2+span,
#first-time-tour-modal .step-1 h2+span {
    display: block;
    margin-bottom: 1.25rem
}

#first-time-tour-modal .step-2 .character-name-wrapper {
    margin-top: 10px
}

#first-time-tour-modal .step-3 .h3,
#first-time-tour-modal .step-3 h3 {
    line-height: 1.4em;
    margin-bottom: 0
}

#first-time-tour-modal .step-3 .green-button button {
    float: none;
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: inherit;
    padding: 10px 20px;
    font-size: 1rem
}

#first-time-tour-modal .step-3 .green-button button i {
    display: block;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400
}

.messages-content .people-list-cnt {
    position: relative;
    z-index: 2;
    margin-bottom: 1.25rem
}

@media screen and (min-width:40em) {
    .messages-content .people-list-cnt {
        float: left;
        width: 22.75rem;
        margin-bottom: 0;
        padding-right: 1rem;
        margin-right: -8px;
        margin-left: -15px;
        padding-left: 15px;
        min-height: 518px;
        max-height: 728px;
        overflow: hidden
    }
}

.messages-content .people-list ul li {
    border: .0625rem solid #d7d7d7;
    padding: .5rem;
    border-radius: .5rem;
    margin-bottom: .625rem;
    cursor: pointer
}

.messages-content .people-list ul li .user-info-block {
    float: left;
    margin-right: 1.1875rem
}

.messages-content .people-list ul li .message-author-info {
    float: left;
    width: 12.0625rem
}

.messages-content .people-list ul li .message-author-info .username {
    float: left
}

.messages-content .people-list ul li .message-author-info time {
    float: right;
    color: #bfbfbf;
    font-size: .8125rem
}

.messages-content .people-list ul li .message-author-info p {
    font-size: .8125rem;
    color: #2b2b2b;
    margin-top: .625rem;
    line-height: 120%
}

.messages-content .people-list ul li.current {
    position: relative;
    background: #f1f1f1
}

@media screen and (min-width:40em) {
    .messages-content .people-list ul li.current {
        margin-right: -.5625rem;
        border-right: 0
    }
}

.messages-content .people-list ul li.current .user-info-block:after {
    display: block;
    position: absolute;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -279px -204px;
    width: 12px;
    height: 12px;
    top: 50%;
    right: .9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.messages-content .people-list ul li.current:before {
    content: "";
    position: absolute;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -651px -180px;
    width: 10px;
    height: 17px;
    top: -.625rem;
    right: 0
}

@media screen and (min-width:40em) {
    .messages-content .people-list ul li.current:after {
        content: "";
        position: absolute;
        background-image: url(../../img/sprites_ver=0.3.png);
        background-position: -645px -415px;
        width: 10px;
        height: 17px;
        bottom: -.625rem;
        right: 0
    }
}

@media screen and (min-width:40em) {
    .messages-content .people-list ul li.current:first-of-type {
        border-top-right-radius: 0;
        margin-right: -.875rem
    }
}

.messages-content .people-list ul li.current:first-of-type:before {
    display: none
}

.messages-content .people-list ul li.current:first-of-type:after {
    right: .3125rem
}

.messages-content .people-list ul li.current:first-of-type .user-info-block:after {
    right: 1.25rem
}

@media screen and (min-width:40em) {
    .messages-content .conversaton-scroll {
        overflow: hidden;
        max-height: 481px;
        margin-right: -15px;
        padding-right: 15px
    }
}

.messages-content .conversation-container {
    background: #f1f1f1;
    border: 1px solid #d7d7d7;
    padding: .875rem;
    width: 100%;
    border-radius: .5rem;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .messages-content .conversation-container {
        float: right;
        width: calc(100% - 21.32rem);
        min-height: 518px
    }
}

.messages-content .conversation-content li {
    margin-bottom: 1.25rem
}

.messages-content .conversation-content li .avatar {
    float: left;
    display: block;
    width: 3.1875rem;
    height: 3.1875rem;
    border-radius: .375rem;
    margin-right: 1.4375rem;
    margin-bottom: 10px
}

.messages-content .conversation-content li .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .375rem
}

.messages-content .conversation-content li .message {
    position: relative;
    float: left;
    padding: .9375rem 1.3125rem;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: .5rem;
    max-width: 100%
}

@media only screen and (min-width:25em) {
    .messages-content .conversation-content li .message {
        width: calc(100% - 4.7rem)
    }
}

.messages-content .conversation-content li .message .username {
    float: left
}

.messages-content .conversation-content li .message time {
    float: right;
    color: #bfbfbf;
    font-size: .8125rem
}

.messages-content .conversation-content li .message p {
    font-size: .8125rem;
    line-height: 130%;
    margin-top: .75rem
}

.messages-content .conversation-content li .message:before {
    display: block;
    position: absolute;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -652px -481px;
    width: 10px;
    height: 16px;
    top: 1.3125rem;
    left: -.625rem
}

.messages-content .conversation-content li.own .avatar {
    float: right;
    margin-right: 0;
    margin-left: 1.4375rem
}

.messages-content .conversation-content li.own .username,
.messages-content .conversation-content li.own time {
    color: #fff
}

.messages-content .conversation-content li.own .username:after {
    content: " (you)"
}

.messages-content .conversation-content li.own .message {
    background: #a4b5c5;
    border: 0;
    color: #fff
}

.messages-content .conversation-content li.own .message:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -279px -168px;
    width: 10px;
    height: 16px;
    right: -.5625rem;
    left: auto
}

.messages-content .add-new-message .avatar {
    float: left;
    display: block;
    width: 3.1875rem;
    height: 3.1875rem;
    border-radius: .375rem;
    margin-right: 1.4375rem;
    margin-bottom: 10px
}

.messages-content .add-new-message .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .375rem
}

.messages-content .add-new-message .message {
    max-width: 100%
}

@media screen and (min-width:40em) {
    .messages-content .add-new-message .message {
        float: left;
        width: calc(100% - 4.7rem)
    }
}

.messages-content .add-new-message .message textarea {
    display: block;
    position: relative;
    width: 100%;
    height: 6.875rem;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: .5rem;
    padding: .9375rem 1.3125rem;
    color: #2b2b2b;
    font-size: .8125rem
}

.messages-content .add-new-message .message button {
    float: right
}

.green-button.show-for-small-only {
    margin-top: 20px;
    float: right
}

#empty-conversation p {
    margin-bottom: 0
}

.notification-center .notification {
    width: 100%;
    color: #fff;
    border-radius: .5rem;
    margin-bottom: .625rem;
    padding: .9375rem 1.4375rem
}

.notification-center .notification:last-child {
    margin-bottom: 0
}

.notification-center .notification .h2:before,
.notification-center .notification h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.notification-center .notification.type_alert {
    background: url(../../img/bg-notification-alert.png)
}

.notification-center .notification.type_alert .h2:before,
.notification-center .notification.type_alert h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -412px;
    width: 28px;
    height: 25px
}

.notification-center .notification.type_sell {
    background: url(../../img/bg-notification-sell.png)
}

.notification-center .notification.type_sell.notification-big {
    background: url(../../img/bg-notification-sell-big.png)
}

.notification-center .notification.type_sell .h2:before,
.notification-center .notification.type_sell h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -530px -315px;
    width: 25px;
    height: 25px
}

.notification-center .notification.type_buy {
    background: url(../../img/bg-notification-buy.png)
}

.notification-center .notification.type_buy.notification-big {
    background: url(../../img/bg-notification-buy-big.png)
}

.notification-center .notification.type_buy .h2:before,
.notification-center .notification.type_buy h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -635px;
    width: 25px;
    height: 25px
}

.notification-center .notification.type_notice {
    background: url(../../img/bg-notification-notice.png)
}

.notification-center .notification.type_notice .h2:before,
.notification-center .notification.type_notice h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -271px -652px;
    width: 25px;
    height: 25px
}

.notification-center .notification.type_ok {
    background: url(../../img/bg-notification-ok.png)
}

.notification-center .notification.type_ok .h2:before,
.notification-center .notification.type_ok h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -226px -652px;
    width: 25px;
    height: 25px
}

.notification-center .notification.type_info {
    background: url(../../img/bg-notification-info.png)
}

.notification-center .notification.type_info .h2:before,
.notification-center .notification.type_info h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -590px;
    width: 25px;
    height: 25px
}

.notification-center .notification .h2,
.notification-center .notification h2 {
    position: relative;
    line-height: 1.5625rem;
    margin: 0;
    padding: 0 0 0 2.8125rem;
    font-size: .8125rem;
    text-transform: uppercase
}

@media screen and (min-width:40em) {

    .notification-center .notification .h2,
    .notification-center .notification h2 {
        float: left;
        height: 1.5625rem
    }
}

.notification-center .notification hr {
    margin: .8125rem 0;
    border-top: .0625rem solid rgba(0, 0, 0, .2);
    border-bottom: .0625rem solid hsla(0, 0%, 69%, .2)
}

.notification-center .notification time {
    position: relative;
    font-size: .8125rem;
    color: #fff;
    opacity: .5;
    margin-top: .3125rem;
    margin-left: 1.25rem;
    float: right
}

@media screen and (min-width:40em) {
    .notification-center .notification time {
        margin-left: 0
    }
}

.notification-center .notification time:before {
    position: absolute;
    display: block;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -766px;
    width: 14px;
    height: 14px;
    left: -1.3125rem
}

.notification-center .notification p {
    font-size: .8125rem;
    line-height: 140%
}

@media screen and (min-width:40em) {
    .notification-center .notification p {
        float: left;
        width: 85%
    }
}

.notification-center .notification .url {
    position: relative;
    float: right;
    font-size: .8125rem;
    padding-right: 1rem;
    text-decoration: underline;
    color: hsla(0, 0%, 69%, .2);
    line-height: 1;
    margin-top: .25rem;
    text-align: right
}

@media screen and (min-width:40em) {
    .notification-center .notification .url {
        width: 14%
    }
}

.notification-center .notification .url span {
    color: #fff
}

.notification-center .notification .url:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -656px -537px;
    width: 5px;
    height: 7px;
    right: 0;
    top: .1875rem
}

.notification-center .notification.notification-big.readed,
.notification-center .notification.readed {
    background: none
}

.notification-center .notification.notification-big.readed.type_alert,
.notification-center .notification.readed.type_alert {
    border: .125rem solid var(--primary-color)
}

.notification-center .notification.notification-big.readed.type_alert .h2,
.notification-center .notification.notification-big.readed.type_alert h2,
.notification-center .notification.readed.type_alert .h2,
.notification-center .notification.readed.type_alert h2 {
    color: var(--primary-color)
}

.notification-center .notification.notification-big.readed.type_alert .h2:before,
.notification-center .notification.notification-big.readed.type_alert h2:before,
.notification-center .notification.readed.type_alert .h2:before,
.notification-center .notification.readed.type_alert h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -457px;
    width: 28px;
    height: 25px
}

.notification-center .notification.notification-big.readed.type_sell,
.notification-center .notification.readed.type_sell {
    border: .125rem solid #266187
}

.notification-center .notification.notification-big.readed.type_sell .h2,
.notification-center .notification.notification-big.readed.type_sell h2,
.notification-center .notification.readed.type_sell .h2,
.notification-center .notification.readed.type_sell h2 {
    color: #266187
}

.notification-center .notification.notification-big.readed.type_sell .h2:before,
.notification-center .notification.notification-big.readed.type_sell h2:before,
.notification-center .notification.readed.type_sell .h2:before,
.notification-center .notification.readed.type_sell h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -634px -701px;
    width: 24px;
    height: 24px
}

.notification-center .notification.notification-big.readed.type_buy,
.notification-center .notification.readed.type_buy {
    border: .125rem solid #4287b3
}

.notification-center .notification.notification-big.readed.type_buy .h2,
.notification-center .notification.notification-big.readed.type_buy h2,
.notification-center .notification.readed.type_buy .h2,
.notification-center .notification.readed.type_buy h2 {
    color: #4287b3
}

.notification-center .notification.notification-big.readed.type_buy .h2:before,
.notification-center .notification.notification-big.readed.type_buy h2:before,
.notification-center .notification.readed.type_buy .h2:before,
.notification-center .notification.readed.type_buy h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -150px -701px;
    width: 24px;
    height: 24px
}

.notification-center .notification.notification-big.readed.type_notice,
.notification-center .notification.readed.type_notice {
    border: .125rem solid #fc9612
}

.notification-center .notification.notification-big.readed.type_notice .h2,
.notification-center .notification.notification-big.readed.type_notice h2,
.notification-center .notification.readed.type_notice .h2,
.notification-center .notification.readed.type_notice h2 {
    color: #fc9612
}

.notification-center .notification.notification-big.readed.type_notice .h2:before,
.notification-center .notification.notification-big.readed.type_notice h2:before,
.notification-center .notification.readed.type_notice .h2:before,
.notification-center .notification.readed.type_notice h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -590px -701px;
    width: 24px;
    height: 24px
}

.notification-center .notification.notification-big.readed.type_ok,
.notification-center .notification.readed.type_ok {
    border: .125rem solid #49b52a
}

.notification-center .notification.notification-big.readed.type_ok .h2,
.notification-center .notification.notification-big.readed.type_ok h2,
.notification-center .notification.readed.type_ok .h2,
.notification-center .notification.readed.type_ok h2 {
    color: #49b52a
}

.notification-center .notification.notification-big.readed.type_ok .h2:before,
.notification-center .notification.notification-big.readed.type_ok h2:before,
.notification-center .notification.readed.type_ok .h2:before,
.notification-center .notification.readed.type_ok h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -194px -701px;
    width: 24px;
    height: 24px
}

.notification-center .notification.notification-big.readed.type_info,
.notification-center .notification.readed.type_info {
    border: .125rem solid #7e7e7e
}

.notification-center .notification.notification-big.readed.type_info .h2,
.notification-center .notification.notification-big.readed.type_info h2,
.notification-center .notification.readed.type_info .h2,
.notification-center .notification.readed.type_info h2 {
    color: #7e7e7e
}

.notification-center .notification.notification-big.readed.type_info .h2:before,
.notification-center .notification.notification-big.readed.type_info h2:before,
.notification-center .notification.readed.type_info .h2:before,
.notification-center .notification.readed.type_info h2:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -370px -701px;
    width: 24px;
    height: 24px
}

#toast-container {
    position: absolute
}

#toast-container .toast {
    min-height: 3.625rem;
    padding: 1.25rem 1.625rem;
    border-radius: .5rem;
    right: .9375rem;
    position: relative;
    overflow: hidden;
    opacity: 1;
    max-width: 100%
}

@media screen and (min-width:40em) {
    #toast-container .toast {
        width: 23.5625rem
    }
}

#toast-container .toast .close {
    position: absolute;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -132px -621px;
    width: 8px;
    height: 7px;
    right: .875rem;
    top: .6875rem;
    cursor: pointer
}

#toast-container .toast .toast-message {
    margin: 0;
    padding: 0;
    font-size: .8125rem
}

#toast-container .toast.toast-alert {
    background: url(../../img/bg-notification-small-alert.png) repeat !important
}

#toast-container .toast.toast-sell {
    background: url(../../img/bg-notification-small-sell.png) repeat !important
}

#toast-container .toast.toast-buy {
    background: url(../../img/bg-notification-small-buy.png) repeat !important
}

#toast-container .toast.toast-notice {
    background: url(../../img/bg-notification-small-notice.png) repeat !important
}

#toast-container .toast.toast-ok {
    background: url(../../img/bg-notification-small-ok.png) repeat !important
}

#toast-container .toast.toast-info {
    background: url(../../img/bg-notification-small-info.png) repeat !important
}

.flash-notification {
    display: none
}

.notification-center .notifications-main>a {
    display: block
}

.notification-center .notifications-main>a:not(:last-child) {
    margin-bottom: .625rem
}

.notification-center .notifications-main .notification .h2,
.notification-center .notifications-main .notification h2 {
    font-size: .875rem;
    line-height: 17px;
    margin-bottom: 8px;
    text-transform: none
}

@media screen and (min-width:40em) {

    .notification-center .notifications-main .notification .h2,
    .notification-center .notifications-main .notification h2 {
        max-width: 75%
    }
}

.notification-center .notifications-main .notification .notification-details {
    margin-bottom: 15px
}

.notification-center .notifications-main .notification .notification-details:last-child {
    margin-bottom: 0
}

@media screen and (min-width:40em) {
    .notification-center .notifications-main .notification .notification-details {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 30px
    }
}

.notification-center .notifications-main .notification .notification-details.notification-details-status .value {
    font-size: 14px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.notification-center .notifications-main .notification .notification-details .muted,
.notification-center .notifications-main .notification .notification-details .user-details-modal .transaction-quality .stars-row .avg,
.notification-center .notifications-main .notification .notification-details .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .notification-center .notifications-main .notification .notification-details .avg,
.user-rating-stars .notification-center .notifications-main .notification .notification-details .avg {
    font-size: 13px;
    color: #fff;
    opacity: .5
}

.notification-center .notifications-main .notification .notification-details .value {
    font-weight: 700;
    font-size: 17px
}

.notification-center .notifications-main .notification .notification-details-game {
    position: relative;
    padding-left: 40px
}

.notification-center .notifications-main .notification .notification-details-game:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -409px -652px;
    width: 24px;
    height: 22px
}

.notification-center .notifications-main .notification .notification-details-game-name {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.notification-center .notifications-main .notification .notification-details-game-server {
    font-size: 13px
}

.market-filters .h2,
.market-filters h2 {
    font-size: 1.0625rem;
    margin: 0;
    float: left
}

.market-filters .h2[class*=icon-],
.market-filters [class*=icon-].h2,
.market-filters h2[class*=icon-] {
    position: relative;
    padding-left: 1.6875rem
}

.market-filters .h2.icon-filters:before,
.market-filters .icon-filters.h2:before,
.market-filters h2.icon-filters:before {
    content: "";
    position: absolute;
    left: 0;
    top: .3125rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -634px;
    width: 18px;
    height: 12px
}

.market-filters button.clear-filters {
    float: right;
    border: 0;
    margin: 0;
    padding: 0;
    padding-right: 1.125rem;
    padding-top: .1875rem;
    font-size: .8125rem;
    text-decoration: underline;
    position: relative;
    outline: none
}

.market-filters button.clear-filters:before {
    content: "";
    position: absolute;
    right: 0;
    top: .4375rem;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -160px -621px;
    width: 7px;
    height: 7px
}

.market-filters .form-field {
    padding: 1.25rem 0;
    border-top: .0625rem solid rgba(0, 0, 0, .2);
    border-bottom: .0625rem solid hsla(0, 0%, 69%, .2)
}

.market-filters .form-field:first-of-type {
    border-top: 0;
    padding-top: 0
}

.market-filters .form-field:nth-of-type(5) {
    border-bottom: 0
}

.market-filters .form-field label {
    font-size: 1rem
}

.market-filters .form-field .slider {
    margin: .6875rem 0 .25rem
}

.market-filters .form-field .range-inputs {
    clear: both
}

.market-filters .form-field .range-inputs label {
    display: inline-block;
    font-size: .8125rem;
    width: auto;
    margin-right: .6875rem
}

.market-filters .form-field .range-inputs input[type=text] {
    display: inline-block;
    width: 5.625rem !important
}

.market-filters .form-field .range-inputs input[type=text]:first-of-type {
    margin-right: .6875rem
}

@media only screen and (min-width:30em) {
    .market-filters .form-field .range-inputs input[type=text]:first-of-type {
        margin-right: 1.5625rem
    }
}

.auction-item {
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    padding: .75rem;
    margin-bottom: 1.1875rem;
    min-height: 185px
}

@media screen and (min-width:40em) {
    .auction-item {
        padding: 1.4375rem
    }
}

.auction-item .auction-defails {
    margin-top: 30px
}

@media screen and (min-width:64em) {
    .auction-item .auction-defails {
        float: right;
        margin-top: 0
    }
}

@media screen and (min-width:40em) {
    .auction-item .actions-auction-button-right {
        float: right
    }
}

.auction-item .user {
    margin-right: 2.1875rem
}

@media screen and (min-width:64em) {
    .auction-item .user {
        float: left
    }
}

.auction-item .user .game-button .user-rating-stars.offers-count,
.auction-item .user .user-rating-stars.small,
.game-button .auction-item .user .user-rating-stars.offers-count {
    margin: 0;
    padding: 0
}

.auction-item .image {
    width: 7.875rem;
    height: 7.875rem;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    margin-right: 1.25rem;
    overflow: hidden
}

@media screen and (min-width:40em) {
    .auction-item .image {
        float: left
    }
}

.auction-item .informations {
    position: relative
}

@media screen and (min-width:40em) {
    .auction-item .informations {
        float: left;
        width: 21.875rem
    }
}

@media screen and (min-width:64em) {
    .auction-item .informations {
        height: 7.3125rem
    }
}

.auction-item .informations .h2,
.auction-item .informations h2 {
    font-size: 1rem;
    color: #c6d1dc;
    text-decoration: underline;
    margin: 0
}

.auction-item .informations .h2 span,
.auction-item .informations h2 span {
    color: #6886a3
}

.auction-item .informations .details {
    position: relative
}

@media screen and (min-width:64em) {
    .auction-item .informations .details {
        top: .5rem;
        float: left;
        width: 50%
    }
}

.auction-item .informations .details li {
    display: block;
    color: #bfbfbf;
    font-size: .8125rem;
    position: relative;
    padding-left: 1.5625rem
}

.auction-item .informations .details li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.auction-item .informations .details li.delivery-time:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -145px;
    width: 18px;
    height: 15px
}

.auction-item .informations .details li.time-left:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -666px;
    width: 15px;
    height: 14px
}

@media screen and (min-width:64em) {
    .auction-item .informations .prices {
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        float: left;
        width: 50%
    }
}

.auction-item .informations .prices .sold {
    display: block;
    color: #bfbfbf;
    font-size: .8125rem;
    line-height: 1.5
}

.auction-item .informations .prices .price {
    display: block;
    font-size: 1.5625rem;
    line-height: 1.2;
    color: #0a0a0a
}

.auction-item .actions {
    position: relative;
    margin-top: 20px
}

@media screen and (min-width:64em) {
    .auction-item .actions {
        float: right;
        width: 13.125rem;
        text-align: right;
        margin-top: 0
    }
}

.auction-item .actions button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.auction-item .actions button .icon {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -356px;
    width: 16px;
    height: 15px;
    margin-left: .625rem
}

.auction-item.auction-item-new.highlighted,
.auction-item.highlighted {
    border: .125rem solid #e71c5a;
    border-radius: .625rem
}

.auction-item.auction-item-new.highlighted .h2 span,
.auction-item.auction-item-new.highlighted h2 span,
.auction-item.highlighted .h2 span,
.auction-item.highlighted h2 span {
    color: var(--primary-color)
}

.submit-action-button {
    display: none
}

.market-auction {
    padding: 1rem
}

@media screen and (min-width:40em) {
    .market-auction {
        padding: 2rem
    }
}

.market-auction .h1,
.market-auction .h2,
.market-auction h1,
.market-auction h2 {
    margin-bottom: .75rem;
    font-size: 1.0625rem;
    color: #0a0a0a
}

.market-auction .auction-images {
    float: left;
    width: 19.3125rem;
    max-width: 100%
}

.market-auction .auction-images .image {
    width: 100%;
    height: 12.5625rem;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    overflow: hidden
}

.market-auction .auction-images .image img {
    display: block;
    width: 100%;
    height: 100%
}

.market-auction .auction-images .head-image {
    height: 12.4375rem;
    position: relative;
    width: 100%;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    overflow: hidden
}

.market-auction .auction-images .head-image .img-responsive {
    display: block;
    height: auto;
    margin: 0;
    max-width: 100% !important;
    max-height: 199px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.market-auction .auction-images .head-image img {
    padding: 10px;
    display: block
}

.market-auction .auction-images .thumbnails {
    width: 100%;
    max-height: 6rem;
    margin-top: .625rem
}

.market-auction .auction-images .thumbnails .item {
    float: left;
    width: 6rem;
    height: 6rem;
    margin-right: .625rem;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    overflow: hidden
}

.market-auction .auction-images .thumbnails .item.end,
.market-auction .auction-images .thumbnails .item:last-child {
    margin-right: 0
}

.market-auction .auction-images .thumbnails .item img {
    display: block;
    border-radius: .5rem
}

.market-auction .auction-details {
    float: right;
    width: 54.1875rem;
    max-width: 100%
}

.market-auction .auction-details .time-info-container {
    font-size: .8125rem;
    color: #bfbfbf
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .time-info-container {
        padding-top: 15px
    }
}

.market-auction .auction-details .time-info-container .details {
    position: relative
}

.market-auction .auction-details .time-info-container .details li {
    display: block;
    color: #bfbfbf;
    font-size: .8125rem;
    position: relative;
    padding-left: 1.5625rem
}

.market-auction .auction-details .time-info-container .details li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.market-auction .auction-details .time-info-container .details li.delivery-time:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -145px;
    width: 18px;
    height: 15px
}

.market-auction .auction-details .time-info-container .details li.time-left:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -666px;
    width: 15px;
    height: 14px
}

.market-auction .auction-details .form {
    min-height: 12.5625rem;
    background: #f1f1f1;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    padding: .75rem 1.375rem
}

.market-auction .auction-details .form .slider-price {
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .form .slider-price {
        width: 13.25rem
    }
}

.market-auction .auction-details .form .slider-price label {
    font-size: .99438rem
}

.market-auction .auction-details .form .slider-price .slider {
    margin: .4375rem .125rem .25rem 0
}

.market-auction .auction-details .form .slider-price .inputs {
    clear: both
}

.market-auction .auction-details .form .slider-price .inputs:after {
    display: inline;
    content: " item(s)"
}

.market-auction .auction-details .form .slider-price .input,
.market-auction .auction-details .form .slider-price .tag-editor {
    margin-top: .25rem;
    margin-bottom: 0;
    width: 5rem;
    margin-right: .3125rem;
    color: #b8b8b8;
    display: inline-block;
    text-align: center
}

.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs .input,
.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs .tag-editor {
    width: 3.75rem;
    height: 40px;
    padding: 0 8px
}

.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs .input,
.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs .tag-editor,
.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs label {
    float: left
}

.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs label {
    line-height: 3.25rem;
    margin-right: 5px
}

.market-auction .auction-details .form .slider-price .powerleveling-slider-inputs.inputs:after {
    display: none
}

.market-auction .auction-details .form .slider-price .actual-price {
    text-align: right;
    color: #0a0a0a;
    font-size: .8125rem
}

.market-auction .auction-details .form .slider-price .actual-price span {
    display: block;
    color: #bfbfbf
}

.market-auction .auction-details .form .slider-price .actual-price .price {
    font-size: 1.375rem;
    line-height: 1;
    color: #0a0a0a
}

.market-auction .auction-details .form .slider-price-currency {
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .form .slider-price-currency {
        width: 13.25rem
    }
}

.market-auction .auction-details .form .slider-price-currency label {
    font-size: .99438rem
}

.market-auction .auction-details .form .slider-price-currency .slider {
    margin: .4375rem .125rem .25rem 0
}

.market-auction .auction-details .form .slider-price-currency .inputs {
    clear: both
}

.market-auction .auction-details .form .slider-price-currency .inputs:after {
    display: inline;
    content: " unit(s)"
}

.market-auction .auction-details .form .slider-price-currency .input,
.market-auction .auction-details .form .slider-price-currency .tag-editor {
    margin-top: .25rem;
    margin-bottom: 0;
    width: 5rem;
    margin-right: .3125rem;
    color: #b8b8b8;
    display: inline-block;
    text-align: center
}

.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs .input,
.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs .tag-editor {
    width: 3.75rem;
    height: 40px;
    padding: 0 8px
}

.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs .input,
.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs .tag-editor,
.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs label {
    float: left
}

.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs label {
    line-height: 3.25rem;
    margin-right: 5px
}

.market-auction .auction-details .form .slider-price-currency .powerleveling-slider-inputs.inputs:after {
    display: none
}

.market-auction .auction-details .form .slider-price-currency .actual-price {
    text-align: right;
    color: #0a0a0a;
    font-size: .8125rem
}

.market-auction .auction-details .form .slider-price-currency .actual-price span {
    display: block;
    color: #bfbfbf
}

.market-auction .auction-details .form .slider-price-currency .actual-price .price {
    font-size: 1.375rem;
    line-height: 1;
    color: #0a0a0a
}

.market-auction .auction-details .form .discount {
    float: left;
    width: 100%;
    overflow: hidden;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .form .discount {
        margin-left: 2rem;
        margin-right: 1.875rem;
        width: 20.9375rem
    }
}

.market-auction .auction-details .form .discount table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
    margin-bottom: 0
}

.market-auction .auction-details .form .discount table td,
.market-auction .auction-details .form .discount table th {
    text-align: center;
    vertical-align: middle;
    height: 1.375rem;
    padding: 0;
    font-size: .9375rem;
    color: #0a0a0a;
    background: #fff;
    border-right: .0625rem solid #d7d7d7;
    border-bottom: .0625rem solid #d7d7d7
}

.market-auction .auction-details .form .discount table td:first-child,
.market-auction .auction-details .form .discount table th:first-child {
    border-left: .0625rem solid #d7d7d7
}

.market-auction .auction-details .form .discount table th {
    border-top: .0625rem solid #d7d7d7;
    border-bottom: 0;
    background: #e5e5e5;
    height: 1.5625rem;
    font-size: .875rem
}

.market-auction .auction-details .form .discount tr:first-child th:first-child {
    border-top-left-radius: .5rem
}

.market-auction .auction-details .form .discount tr:first-child th:last-child {
    border-top-right-radius: .5rem
}

.market-auction .auction-details .form .discount tr:last-child td:first-child {
    border-bottom-left-radius: .5rem
}

.market-auction .auction-details .form .discount tr:last-child td:last-child {
    border-bottom-right-radius: .5rem
}

.market-auction .auction-details .form .discount tr.current td {
    background: #4fbb2e;
    color: #fff
}

.market-auction .auction-details .form .discount.powerleveling tr.current td {
    background: none;
    color: #000
}

.market-auction .auction-details .form .total-price {
    position: relative;
    height: 10.375rem;
    float: right;
    width: 13.1875rem;
    text-align: right;
    font-size: .8125rem;
    max-width: 100%;
    margin-top: 15px
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .form .total-price {
        margin-top: 0
    }
}

.market-auction .auction-details .form .total-price>span {
    display: block;
    color: #bfbfbf;
    font-size: .8125rem
}

.market-auction .auction-details .form .total-price .total {
    font-size: 1.875rem;
    color: #0a0a0a;
    line-height: 1
}

.market-auction .auction-details .form .total-price .end {
    position: absolute;
    width: 100%;
    bottom: 0;
    line-height: 1
}

.market-auction .auction-details .form .total-price .end .original-total-price {
    float: left;
    height: 1.125rem;
    font-size: 1rem;
    color: #4fbb2e;
    text-decoration: line-through
}

.market-auction .auction-details .form .total-price .end .discount-rate {
    float: right;
    height: 1.125rem;
    font-size: .8125rem;
    color: #0a0a0a;
    padding-top: .0625rem
}

.market-auction .auction-details .form .total-price .end .green-button {
    float: right;
    margin-top: .4375rem;
    width: 100%
}

.market-auction .auction-details .form .total-price .end .green-button button {
    width: 100%
}

.market-auction .auction-details .user {
    position: relative;
    margin-top: .625rem
}

.market-auction .auction-details .user .user-info-block {
    float: left;
    margin-right: 1.1875rem
}

.market-auction .auction-details .user .links {
    width: 10.25rem;
    max-width: 100%;
    margin-top: 20px
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .user .links {
        float: left;
        margin-top: 0
    }
}

.market-auction .auction-details .user .links .username {
    display: block;
    margin-top: .5625rem;
    margin-bottom: .6875rem
}

.market-auction .auction-details .user .links .other-user-auctions,
.market-auction .auction-details .user .links .user-profile-link {
    display: block;
    color: #d9e1e8;
    text-decoration: underline;
    font-size: .8125rem;
    cursor: pointer
}

.market-auction .auction-details .user .links .other-user-auctions span,
.market-auction .auction-details .user .links .user-profile-link span {
    color: #6886a3;
    cursor: pointer
}

.market-auction .auction-details .user .links .other-user-auctions span.count,
.market-auction .auction-details .user .links .user-profile-link span.count {
    color: #bfbfbf;
    text-decoration: none
}

.market-auction .auction-details .user .line-block {
    font-size: .8125rem;
    margin: 20px 0
}

@media screen and (min-width:40em) {
    .market-auction .auction-details .user .line-block {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        float: right;
        width: calc(100% - 100px - 164px - 19px);
        margin: 0
    }
}

.market-auction .auction-details .user .line-block .line-block-table {
    color: #bfbfbf;
    margin: 0
}

.market-auction .auction-details .user .line-block .line-block-table tbody {
    border: none
}

.market-auction .auction-details .user .line-block .line-block-table tbody td {
    padding: 0;
    text-align: center;
    min-width: 3.125rem;
    vertical-align: middle;
    border-right: 1px solid #d7d7d7
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .user-rating-stars {
    margin: 0;
    padding: 0
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .user-rating-stars .stars {
    font-size: .8125rem
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .user-rating-stars .stars .star {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -227px -591px;
    width: 10px;
    height: 10px
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .user-rating-stars .stars .star.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -257px -591px;
    width: 10px;
    height: 10px
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .send-message {
    font-size: .8125rem
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .fa-paper-plane {
    font-size: .8125rem;
    color: #6886a3;
    margin-right: .625rem
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .comments .fa-comment {
    display: inline-block;
    margin-right: .625rem
}

.market-auction .auction-details .user .line-block .line-block-table tbody td .icon-time {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -666px;
    width: 15px;
    height: 14px;
    height: 15px;
    position: relative;
    top: 3.75px;
    display: inline-block;
    margin-right: .625rem
}

.market-auction .auction-details .user .line-block .line-block-table tbody td:last-child {
    border: none
}

.market-auction .description {
    margin-top: .6875rem;
    font-size: 1rem;
    line-height: 140%;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    background: #fff;
    padding: .625rem
}

@media screen and (min-width:40em) {
    .market-auction .description {
        padding: 2.5rem
    }
}

.market-auction .description>.columns {
    margin-bottom: 20px
}

@media screen and (min-width:40em) {
    .market-auction .description>.columns {
        margin-bottom: 10px
    }
}

.stock-market {
    background: #fff;
    border-radius: 0 .5rem .5rem .5rem;
    padding: 1.25rem .625rem
}

@media screen and (min-width:64em) {
    .stock-market {
        padding: 2.5rem 1.5625rem 2.375rem 2.0625rem
    }
}

.stock-market .h2,
.stock-market h2 {
    margin-bottom: 1.25rem;
    font-size: 1.0625rem;
    color: #0a0a0a
}

@media screen and (min-width:64em) {
    .stock-market .charts {
        float: left;
        width: 35%
    }
}

.stock-market .charts .chart {
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    padding: 1rem .5rem
}

@media screen and (min-width:40em) {
    .stock-market .charts .chart {
        padding: 1.875rem 1.5625rem
    }
}

@media screen and (min-width:64em) {
    .stock-market .auctions {
        float: right;
        width: 63%
    }

    .stock-market .auctions.auctions--nocharts {
        float: none;
        width: 100%;
        position: relative
    }

    .stock-market .auctions.auctions--nocharts>.h2,
    .stock-market .auctions.auctions--nocharts>h2 {
        position: absolute;
        width: 25%;
        top: 0;
        left: 0
    }

    .stock-market .auctions.auctions--nocharts>.market-filters {
        float: left;
        margin-top: 45px;
        width: 25%
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field>.control-label {
        width: 100%;
        float: none
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field>.slider-container {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field>.inputs {
        width: 100%;
        float: none;
        margin-top: 30px;
        margin-left: 0
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field>.unit-description {
        text-align: right;
        margin-top: 10px
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field>.unit-description .desc-left {
        margin-left: 0;
        display: inline;
        width: auto;
        margin-right: 10px;
        float: none
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field>.unit-description .desc-right {
        display: inline;
        width: auto;
        float: none
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .blue-button {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        width: 158px
    }

    .stock-market .auctions.auctions--nocharts>hr {
        display: none
    }

    .stock-market .auctions.auctions--nocharts>.market-list {
        float: right;
        width: 73%
    }

    .stock-market .auctions.auctions--nocharts>.paginator-content {
        clear: both;
        margin-left: 25%
    }
}

.stock-market .auctions .market-filters {
    float: none;
    width: 100%;
    border: .0625rem solid #d7d7d7;
    border-radius: .5rem;
    background: #f2f2f2;
    padding: 1.5625rem
}

.stock-market .auctions .market-filters:after {
    display: none
}

.stock-market .auctions .market-filters .form-field>.control-label {
    margin-right: 10%;
    line-height: 1
}

@media screen and (min-width:64em) {
    .stock-market .auctions .market-filters .form-field>.control-label {
        float: left;
        width: 15%
    }
}

@media screen and (min-width:64em) {
    .stock-market .auctions .market-filters .form-field>.slider-container {
        width: 45%;
        float: left
    }
}

.stock-market .auctions .market-filters .form-field>.inputs {
    margin-left: 10%;
    margin-top: 30px
}

@media screen and (min-width:64em) {
    .stock-market .auctions .market-filters .form-field>.inputs {
        float: left;
        width: 20%;
        margin-top: 0
    }
}

.stock-market .auctions .market-filters .form-field>.inputs .input,
.stock-market .auctions .market-filters .form-field>.inputs .tag-editor {
    width: 70%;
    float: left;
    text-align: center;
    color: #b8b8b8;
    margin: 0
}

.stock-market .auctions .market-filters .form-field>.inputs .input-label {
    float: left;
    display: inline-block !important;
    line-height: 2.375rem;
    margin-left: 4%
}

.stock-market .auctions .market-filters .form-field .unit-description {
    line-height: 1;
    color: #b8b8b8;
    font-size: .8125rem;
    text-align: right;
    margin-top: 10px
}

@media screen and (min-width:64em) {
    .stock-market .auctions .market-filters .form-field .unit-description {
        margin-top: 0
    }
}

.stock-market .auctions .market-filters .form-field .unit-description .desc-left {
    color: #0a0a0a;
    width: 70%;
    float: left
}

@media screen and (min-width:64em) {
    .stock-market .auctions .market-filters .form-field .unit-description .desc-left {
        width: 45%;
        margin-left: 25%
    }
}

.stock-market .auctions .market-filters .form-field .unit-description .desc-right {
    color: #0a0a0a;
    float: left;
    width: 30%
}

@media screen and (min-width:64em) {
    .stock-market .auctions .market-filters .form-field .unit-description .desc-right {
        width: 24%
    }
}

.stock-market .auctions .market-list {
    float: none;
    width: 100%;
    padding: 0
}

.game-content-container {
    padding-top: 30px
}

.game-content {
    background: #fff;
    border-radius: .5rem .5rem .5rem .5rem;
    padding: 1.25rem .625rem
}

@media screen and (min-width:64em) {
    .game-content {
        padding: 2.5rem 1.5625rem 2.375rem 2.0625rem
    }
}

.game-page .auction-nag {
    margin-top: 1.25rem
}

.user-action-link {
    display: block
}

@media screen and (min-width:64em) {
    .hide-for-large-up {
        display: none
    }
}

.actual-price-wrapper {
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (min-width:64em) {
    .actual-price-wrapper {
        padding-top: 0;
        padding-bottom: 0
    }
}

.auction-item-new {
    border: 0;
    border-radius: 0;
    position: relative
}

@media screen and (min-width:40em) {
    .auction-item-new {
        padding: 1.4375rem 0
    }
}

.auction-item-new:not(:last-child) {
    border-bottom: 1px solid #dcdcdc
}

@media screen and (min-width:64em) {
    .auction-item-new:first-child {
        margin-top: 50px
    }
}

.auction-item-new:last-child {
    margin-bottom: 0
}

@media screen and (min-width:40em) {
    .auction-item-new--padding {
        padding: 1.4375rem
    }
}

.auction-item-new .dots-container {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 18px 20px
}

.auction-item-new .dots-container .dots {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -25px -820px;
    width: 5px;
    height: 20px
}

.auction-item-new .dots-container .dots:before {
    content: "";
    display: block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -820px;
    width: 5px;
    height: 20px;
    opacity: 0
}

.auction-item-new .dots-container .dots:hover .dots:before {
    opacity: 1
}

.auction-item-new .auction-defails {
    margin-top: 0
}

@media screen and (min-width:64em) {
    .auction-item-new .auction-defails {
        float: none
    }
}

.auction-item-new .image {
    width: 6.25rem;
    height: 6.25rem
}

.auction-item-new .auction-title {
    font-size: 1rem;
    color: #c6d1dc;
    text-decoration: underline;
    margin: 0;
    font-weight: 700
}

.auction-item-new .auction-title span {
    color: #6886a3
}

.auction-item-new .auction-title a {
    text-decoration: underline;
    color: #c6d1dc
}

.auction-item-new .auction-owner {
    color: #222;
    margin: 0 0 5px
}

.auction-item-new .auction-owner a {
    text-decoration: underline;
    color: #222;
    font-weight: 400
}

.auction-item-new .server {
    margin-top: 0
}

.auction-item-new .informations {
    margin-bottom: 20px
}

@media screen and (min-width:40em) {
    .auction-item-new .informations {
        height: auto;
        width: 230px;
        margin-right: 30px
    }
}

@media screen and (min-width:75em) {
    .auction-item-new .informations {
        margin-bottom: 0
    }
}

.auction-item-new .informations .details {
    width: auto
}

.auction-item-new .informations .details li {
    display: inline-block
}

.auction-item-new .informations .details li:not(:first-child) {
    margin-left: 15px
}

.auction-item-new .server-info a {
    color: #000
}

.auction-item-new .discount {
    float: left;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .auction-item-new .discount {
        float: right
    }
}

.auction-item-new .auction-table-tooltip-icon {
    margin-right: 32px;
    margin-top: 10px;
    position: relative;
    float: left
}

@media screen and (min-width:40em) {

    .auction-item-new .auction-table-tooltip-icon,
    .auction-item-new .table-discount {
        float: right
    }
}

.auction-item-new .new-actions-wrapper,
.auction-item-new form.auction-details {
    margin-top: 20px
}

.auction-item-new .price {
    position: relative;
    margin-right: 20px;
    margin-top: 8px;
    display: block;
    font-size: 1.5625rem;
    line-height: 1.2;
    color: #0a0a0a
}

@media screen and (min-width:64em) {
    .market-filters .form-field.form-sort-moved {
        position: absolute;
        top: 0;
        left: calc(100vw - 262px);
        padding: 0;
        width: 210px;
        border: 0 solid !important
    }
}

@media screen and (min-width:64em) and (min-width:80em) {
    .market-filters .form-field.form-sort-moved {
        left: 1013px
    }
}

@media screen and (min-width:64em) {

    .market-filters .form-field.form-sort-moved .select2-container,
    .market-filters .form-field.form-sort-moved select {
        width: 200px !important
    }

    .market-filters .form-field.form-sort-moved .select2-container * {
        font-size: .9rem
    }

    .market-filters .form-field.form-sort-moved .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 1rem;
        padding-right: 1.5rem;
        line-height: 2.5rem
    }

    .market-filters .form-field.form-sort-moved .select2-container .select2-selection--single {
        height: 2.5rem
    }

    .market-filters .form-field.form-sort-moved>.control-label {
        display: inline-block;
        width: 50px;
        margin-right: 0;
        font-size: .9rem
    }

    .stock-market .auctions.auctions--nocharts>.market-filters .form-field.form-sort-moved {
        top: -70px;
        left: calc(100vw - 300px);
        padding-bottom: 15px
    }
}

@media screen and (min-width:64em) and (min-width:80em) {
    .stock-market .auctions.auctions--nocharts>.market-filters .form-field.form-sort-moved {
        left: 975px
    }
}

@media screen and (min-width:64em) {
    .stock-market .auctions.auctions--nocharts>.market-filters .form-field.form-sort-moved>.control-label {
        width: 50px;
        margin-right: 0
    }

    .select2-container--open {
        font-size: .9rem
    }

    .select2-container--open .select2-dropdown--below.filter_input_select_dropdown {
        margin-top: -2.5rem
    }

    .select2-container--open .select2-dropdown--below.filter_input_select_dropdown .select2-search--dropdown {
        padding-left: 1rem;
        padding-right: 1.5rem
    }

    .select2-container--open .select2-dropdown--below.filter_input_select_dropdown .select2-search--dropdown .select2-search__field {
        height: 2rem
    }

    .select2-container--open .select2-dropdown--below.filter_input_select_dropdown .select2-results__option {
        padding: 0 1.5rem 0 1rem;
        line-height: 2rem
    }

    .select2-container--open .select2-results {
        font-size: .9rem
    }
}

.header-h1 {
    margin-bottom: 0
}

.filter-subcategory {
    margin-bottom: 4px;
    font-size: 14px
}

.filter-subcategory.active {
    text-decoration: underline
}

.green-button.text-center {
    display: inline-block
}

form .clear-filters {
    display: none
}

.promoted-auction {
    position: relative
}

.promoted-auction .dots-container {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 12px 9px
}

.promoted-auction .dots-container .dots {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -25px -820px;
    width: 5px;
    height: 20px
}

.promoted-auction .dots-container .dots:before {
    content: "";
    display: block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -820px;
    width: 5px;
    height: 20px;
    opacity: 0
}

.promoted-auction .dots-container .dots:hover .dots:before {
    opacity: 1
}

.promoted-auction .context-menu-cnt {
    right: 20px
}

.pagination {
    margin-top: 1.625rem
}

.pagination a {
    position: relative
}

.pagination a:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: .5rem;
    left: 0;
    right: 0;
    height: 0;
    border-bottom: .0625rem solid hsla(0, 0%, 100%, .4);
    margin: 0
}

.pagination li {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.pagination li.pagination-next {
    margin-left: 1.125rem;
    font-size: .8125rem
}

.pagination li.pagination-previous {
    margin-right: 1.125rem;
    font-size: .8125rem
}

.pagination market-filters .form-field .range-inputs input[type=text] .pagination .current {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.market-filters .form-field .range-inputs input[type=text] .pagination .ellipsis:after,
.market-filters .form-field .range-inputs input[type=text] .pagination a,
.tabs-panel .pagination .ellipsis:after,
.tabs-panel .pagination a,
.white-bg .pagination .ellipsis:after,
.white-bg .pagination a {
    color: #000
}

.dark-bg .pagination .ellipsis:after,
.dark-bg .pagination a {
    color: #fff
}

.server-select {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 1;
    padding: 0 15px;
    background-repeat: no-repeat
}

@media screen and (min-width:40em) {
    .server-select {
        background: url(../../img/select-server.png);
        background-repeat: no-repeat;
        height: 3.75rem;
        padding: 0;
        padding-left: 2.875rem
    }
}

@media screen and (min-width:64em) {
    .server-select {
        margin-bottom: 0
    }
}

.server-select.server-select-auction-list {
    float: left
}

@media screen and (min-width:40em) {
    .server-select.server-select-auction-list {
        float: right
    }
}

.server-select.server-select-homepage {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    height: auto
}

.server-select .game-name {
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block
}

@media screen and (min-width:40em) {
    .server-select .game-name {
        font-size: 1.875rem;
        white-space: nowrap
    }
}

.server-select .server-name {
    display: block;
    margin-top: .4375rem;
    white-space: nowrap;
    color: #b0b0b0
}

@media screen and (min-width:40em) {
    .server-select .server-name {
        padding-left: 2.3125rem
    }
}

.server-select .server-name .close {
    cursor: pointer;
    padding-left: 4px;
    background-image: url(../../img/icon-close-red.png);
    height: 8px;
    width: 8px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 5px
}

.server-select .server-name .remove-from-cart {
    position: absolute;
    right: 0;
    top: 5px
}

@media screen and (min-width:40em) {
    .server-select.on-white {
        background-image: url(../../img/select-server-gray.png)
    }
}

.server-select.on-white .game-name {
    color: #b0b0b0
}

@media screen and (min-width:40em) {
    .server-select.red {
        background-image: url(../../img/select-server-red.png)
    }
}

.server-select.red .game-name,
.server-select.red .server-name {
    color: var(--primary-color)
}

.settings-my-games .server-select {
    height: auto
}

.settings-my-games .server-select .load-character-name {
    display: block;
    color: #b0b0b0;
    margin-top: .4375rem;
    padding-left: 2.3125rem;
    white-space: nowrap;
    font-size: .875rem
}

.settings-my-games .server-select .remove-from-cart {
    display: block;
    position: absolute;
    right: 0;
    top: .3125rem;
    cursor: pointer;
    color: var(--primary-color);
    padding-right: .1875rem
}

.settings-my-games .server-select .edit-game {
    display: block;
    position: absolute;
    right: 0;
    top: 1.75rem;
    cursor: pointer;
    color: #4fbb2e
}

.megabox {
    position: absolute;
    top: calc(100% - 8px);
    z-index: 10;
    box-shadow: 1px 2px 2px 0 #000, 0 10px 26px .5px rgba(0, 0, 0, .5);
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .2)), #1e2835;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid rgba(117, 144, 170, .09)
}

.megabox .columns {
    padding: 30px 40px
}

.megabox .columns:hover {
    background-color: rgba(117, 144, 170, .09)
}

.megabox .legend {
    font-family: Helvetica, Roboto, Arial, sans-serif;
    color: #7590aa;
    font-weight: 700;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #7590aa
}

.megabox ul {
    list-style: none;
    margin-left: 0;
    margin-top: 7px
}

.megabox ul li {
    padding: 5px 0
}

.megabox ul a {
    font-size: .8125rem;
    text-transform: uppercase
}

.megabox ul a .count {
    color: #7590aa;
    font-family: Helvetica, Roboto, Arial, sans-serif;
    margin-left: 5px
}

.megabox ul a.active,
.megabox ul a.active .count,
.megabox ul a:hover,
.megabox ul a:hover .count {
    color: var(--primary-color);
    text-shadow: 0 0 3px rgba(228, 0, 70, .6)
}

#hide-megabox {
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background-color: #17222f;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), transparent);
    display: block;
    float: right;
    font-family: Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin-top: -.125rem;
    margin-bottom: 15px;
    margin-right: .625rem;
    border-top: 1px solid #111923;
    border-left: 1px solid #111923;
    border-bottom: 1px solid #203043;
    z-index: 20;
    position: relative
}

#hide-megabox img {
    margin-top: -2px;
    margin-left: 5px
}

.tooltip-icon-wrapper {
    position: absolute;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -155px;
    width: 18px;
    height: 18px;
    left: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip-icon-wrapper .tooltip-icon {
    display: block;
    position: relative;
    cursor: pointer;
    width: 18px;
    height: 18px
}

.tooltip-icon-wrapper.t-left.t-move {
    left: -26px
}

.tooltip-icon-wrapper.no-click {
    cursor: default
}

.tooltip-icon-wrapper.red-icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -193px;
    width: 18px;
    height: 18px
}

.tooltip-icon-wrapper.exclamation-mark-icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -79px;
    width: 18px;
    height: 18px
}

.tooltip-icon-wrapper.on-right {
    left: auto;
    right: -5px
}

.tooltip-icon-wrapper.icon-inline-block {
    position: static;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}

.tooltip-modal {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important
}

.tooltip-modal img {
    height: auto !important
}

@media screen and (min-width:64em) {
    .tooltip-modal {
        max-width: 900px !important
    }
}

.tooltip-content {
    display: none !important
}

.arrow:after,
.ui-tooltip {
    background: #fff;
    border: .0625rem solid #e2e2e2
}

.ui-tooltip {
    padding: .5625rem .875rem;
    color: #bfbfbf;
    border-radius: .5rem;
    font-size: .8125rem;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .11);
    line-height: 140%;
    max-width: 800px
}

.ui-tooltip.tooltip-deposit {
    color: #111
}

.ui-tooltip .default-tooltip-row {
    display: block;
    color: #111
}

.ui-tooltip .default-tooltip-row p {
    margin: 0
}

.ui-tooltip .more-details {
    font-size: .625rem
}

.ui-tooltip .cr-tooltip-row {
    display: block;
    padding: 0
}

.ui-tooltip .cr-tooltip-row img {
    max-width: 100px;
    display: block;
    margin: 10px auto
}

.ui-tooltip a {
    color: #7590aa;
    text-decoration: underline
}

.arrow {
    width: 4.375rem;
    height: 1rem;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -2.1875rem;
    bottom: -1rem
}

.arrow.top {
    top: -1rem;
    bottom: auto
}

.arrow.left {
    left: auto;
    right: 20%
}

.arrow:after {
    content: "";
    position: absolute;
    left: 1.25rem;
    top: -1.25rem;
    width: 1.5625rem;
    height: 1.5625rem;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .11);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.arrow.top:after {
    bottom: -1.25rem;
    top: auto
}

.badge {
    display: block;
    padding: 0;
    min-width: unset;
    font-size: .6rem;
    border-radius: 0;
    background: transparent;
    color: #fff;
    margin: 0 auto
}

.badge-name {
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-top: 15px
}

.badge-name.bronze {
    color: #ad9d82
}

.badge-name.silver {
    color: #aaa
}

.badge-name.gold {
    color: #debb82
}

.badge-level {
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    color: #bfbfbf
}

.badge-status {
    padding-top: 15px;
    padding-bottom: 25px
}

.badge-status .completed {
    font-size: 1rem;
    font-weight: 700;
    display: block
}

.badge-status .badge-name {
    margin-top: 0;
    margin-bottom: -8px
}

.badge-status .badge-level {
    display: inline-block;
    margin-right: 10px
}

.badge-description {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.0625rem;
    color: #fff;
    display: block
}

.badge-prize {
    margin-top: 1em
}

.badge-prize .h4,
.badge-prize h4 {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    margin: 0
}

.badge-prize .prize {
    display: block;
    font-size: .8125rem;
    color: #bfbfbf;
    line-height: 17px
}

.badge-dots {
    display: inline-block
}

.badge-dots .dot {
    display: inline-block;
    background-position: -768px -701px
}

.badge-dots .dot,
.badge-dots .dot.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 8px;
    height: 10px
}

.badge-dots .dot.true {
    background-position: -120px -751px
}

.all-badges-header {
    padding: 0 0 15px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    display: none
}

@media screen and (min-width:40em) {
    .all-badges-header {
        display: block
    }
}

.all-badges-header .last-earned {
    float: left;
    width: 19%
}

.all-badges-header .upcoming {
    float: left
}

.badge-item {
    padding: 1.1875rem 0;
    position: relative
}

@media screen and (min-width:40em) {
    .badge-item.badge-item-mini .upcoming-reward {
        width: 33%;
        margin: 0 30px 0 0
    }
}

@media screen and (min-width:40em) {
    .badge-item.badge-item-mini .progress-container {
        width: 55%
    }
}

@media screen and (min-width:40em) {
    .badge-item.badge-item-single-icon .badge-full-icon {
        width: 100%;
        float: none
    }
}

.badge-item .badge-full-icon {
    text-align: center
}

@media screen and (min-width:40em) {
    .badge-item .badge-full-icon {
        float: left;
        width: 14%
    }
}

.badge-item .badge-full-icon.badge-empty {
    opacity: .3
}

.badge-item .badge-full-icon .badge-icon {
    width: 86px;
    height: 86px;
    background-size: 100%;
    position: relative;
    margin: 0 auto
}

.badge-item .badge-full-icon .badge-icon:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36px;
    height: 42px;
    background-size: 100%;
    background-repeat: no-repeat
}

.badge-item .badge-full-icon .badge-icon.verified_user.bronze:after {
    background-image: url(../../img/badges/badge-verified-user-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.verified_user.silver:after {
    background-image: url(../../img/badges/badge-verified-user-silver.png)
}

.badge-item .badge-full-icon .badge-icon.verified_user.gold:after {
    background-image: url(../../img/badges/badge-verified-user-gold.png)
}

.badge-item .badge-full-icon .badge-icon.feedback_raider:after {
    width: 42px
}

.badge-item .badge-full-icon .badge-icon.feedback_raider.bronze:after {
    background-image: url(../../img/badges/badge-feedback-raider-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.feedback_raider.silver:after {
    background-image: url(../../img/badges/badge-feedback-raider-silver.png)
}

.badge-item .badge-full-icon .badge-icon.feedback_raider.gold:after {
    background-image: url(../../img/badges/badge-feedback-raider-gold.png)
}

.badge-item .badge-full-icon .badge-icon.shopaholic:after {
    width: 43px
}

.badge-item .badge-full-icon .badge-icon.shopaholic.bronze:after {
    background-image: url(../../img/badges/badge-shopaholic-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.shopaholic.silver:after {
    background-image: url(../../img/badges/badge-shopaholic-silver.png)
}

.badge-item .badge-full-icon .badge-icon.shopaholic.gold:after {
    background-image: url(../../img/badges/badge-shopaholic-gold.png)
}

.badge-item .badge-full-icon .badge-icon.salesman:after {
    width: 30px
}

.badge-item .badge-full-icon .badge-icon.salesman.bronze:after {
    background-image: url(../../img/badges/badge-salesman-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.salesman.silver:after {
    background-image: url(../../img/badges/badge-salesman-silver.png)
}

.badge-item .badge-full-icon .badge-icon.salesman.gold:after {
    background-image: url(../../img/badges/badge-salesman-gold.png)
}

.badge-item .badge-full-icon .badge-icon.swifthands:after {
    width: 38px
}

.badge-item .badge-full-icon .badge-icon.swifthands.bronze:after {
    background-image: url(../../img/badges/badge-swifthands-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.swifthands.silver:after {
    background-image: url(../../img/badges/badge-swifthands-silver.png)
}

.badge-item .badge-full-icon .badge-icon.swifthands.gold:after {
    background-image: url(../../img/badges/badge-swifthands-gold.png)
}

.badge-item .badge-full-icon .badge-icon.goldrush:after {
    width: 43px;
    height: 36px
}

.badge-item .badge-full-icon .badge-icon.goldrush.bronze:after {
    background-image: url(../../img/badges/badge-gold-rush-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.goldrush.silver:after {
    background-image: url(../../img/badges/badge-gold-rush-silver.png)
}

.badge-item .badge-full-icon .badge-icon.goldrush.gold:after {
    background-image: url(../../img/badges/badge-gold-rush-gold.png)
}

.badge-item .badge-full-icon .badge-icon.first_place:after {
    width: 34px
}

.badge-item .badge-full-icon .badge-icon.first_place.bronze:after {
    background-image: url(../../img/badges/badge-first-place-bronze.png)
}

.badge-item .badge-full-icon .badge-icon.first_place.silver:after {
    background-image: url(../../img/badges/badge-first-place-silver.png)
}

.badge-item .badge-full-icon .badge-icon.first_place.gold:after {
    background-image: url(../../img/badges/badge-first-place-gold.png)
}

@media screen and (min-width:40em) {
    .badge-item .badge-full-icon .badge-icon.badge-icon-big {
        width: 132px;
        height: 133px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big:after {
        width: 53px;
        height: 66px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big.feedback_raider:after {
        width: 61px;
        height: 60px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big.shopaholic:after {
        width: 66px;
        height: 64px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big.salesman:after {
        width: 46px;
        height: 64px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big.swifthands:after {
        width: 59px;
        height: 63px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big.goldrush:after {
        width: 69px;
        height: 54px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big.first_place:after {
        width: 51px;
        height: 64px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big .badge-icon-lvl {
        width: 7px;
        height: 8px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big .badge-icon-lvl:first-child {
        left: 38px;
        bottom: 13px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big .badge-icon-lvl:nth-child(2) {
        left: 50px;
        bottom: 8px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big .badge-icon-lvl:nth-child(3) {
        left: 63px;
        bottom: 6px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big .badge-icon-lvl:nth-child(4) {
        left: 76px;
        bottom: 8px
    }

    .badge-item .badge-full-icon .badge-icon.badge-icon-big .badge-icon-lvl:nth-child(5) {
        left: 88px;
        bottom: 13px
    }
}

.badge-item .badge-full-icon .badge-icon.bronze {
    background-image: url(../../img/badges/badge-bronze-0.png)
}

.badge-item .badge-full-icon .badge-icon.bronze .badge-icon-lvl {
    background-image: url(../../img/badges/badge-bronze-bullet.png)
}

.badge-item .badge-full-icon .badge-icon.silver {
    background-image: url(../../img/badges/badge-silver-0.png)
}

.badge-item .badge-full-icon .badge-icon.silver .badge-icon-lvl {
    background-image: url(../../img/badges/badge-silver-bullet.png)
}

.badge-item .badge-full-icon .badge-icon.gold {
    background-image: url(../../img/badges/badge-gold-0.png)
}

.badge-item .badge-full-icon .badge-icon.gold .badge-icon-lvl {
    background-image: url(../../img/badges/badge-gold-bullet.png)
}

.badge-item .badge-full-icon .badge-icon.lvl-1 .badge-icon-lvl:first-child,
.badge-item .badge-full-icon .badge-icon.lvl-2 .badge-icon-lvl:first-child,
.badge-item .badge-full-icon .badge-icon.lvl-2 .badge-icon-lvl:nth-child(2),
.badge-item .badge-full-icon .badge-icon.lvl-3 .badge-icon-lvl:first-child,
.badge-item .badge-full-icon .badge-icon.lvl-3 .badge-icon-lvl:nth-child(2),
.badge-item .badge-full-icon .badge-icon.lvl-3 .badge-icon-lvl:nth-child(3),
.badge-item .badge-full-icon .badge-icon.lvl-4 .badge-icon-lvl:first-child,
.badge-item .badge-full-icon .badge-icon.lvl-4 .badge-icon-lvl:nth-child(2),
.badge-item .badge-full-icon .badge-icon.lvl-4 .badge-icon-lvl:nth-child(3),
.badge-item .badge-full-icon .badge-icon.lvl-4 .badge-icon-lvl:nth-child(4),
.badge-item .badge-full-icon .badge-icon.lvl-5 .badge-icon-lvl:first-child,
.badge-item .badge-full-icon .badge-icon.lvl-5 .badge-icon-lvl:nth-child(2),
.badge-item .badge-full-icon .badge-icon.lvl-5 .badge-icon-lvl:nth-child(3),
.badge-item .badge-full-icon .badge-icon.lvl-5 .badge-icon-lvl:nth-child(4),
.badge-item .badge-full-icon .badge-icon.lvl-5 .badge-icon-lvl:nth-child(5) {
    opacity: 1
}

.badge-item .badge-full-icon .badge-icon .badge-icon-lvl {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 5px;
    height: 6px;
    opacity: 0
}

.badge-item .badge-full-icon .badge-icon .badge-icon-lvl:first-child {
    left: 25px;
    bottom: 7px
}

.badge-item .badge-full-icon .badge-icon .badge-icon-lvl:nth-child(2) {
    left: 33px;
    bottom: 5px
}

.badge-item .badge-full-icon .badge-icon .badge-icon-lvl:nth-child(3) {
    left: 41px;
    bottom: 4px
}

.badge-item .badge-full-icon .badge-icon .badge-icon-lvl:nth-child(4) {
    left: 49px;
    bottom: 5px
}

.badge-item .badge-full-icon .badge-icon .badge-icon-lvl:nth-child(5) {
    left: 57px;
    bottom: 7px
}

.badge-item .upcoming-reward {
    text-align: center;
    margin: 10px 0
}

@media screen and (min-width:40em) {
    .badge-item .upcoming-reward {
        float: left;
        width: 15%;
        text-align: left;
        margin: 0 30px 0 50px
    }
}

.badge-item .upcoming-reward .badge-name {
    margin-top: 0
}

.badge-item .upcoming-reward .badge-under-name {
    margin-top: -8px
}

.badge-item .upcoming-reward .badge-level {
    display: inline-block
}

.badge-item .upcoming-reward .badge-level-ranks {
    display: inline-block;
    margin-left: 5px
}

.badge-item .upcoming-reward .badge-level-ranks .badge-rank {
    position: relative;
    display: block;
    float: left;
    width: 9px;
    height: 10px;
    margin-right: 2px
}

.badge-item .upcoming-reward .badge-level-ranks .badge-rank:after {
    content: "";
    display: block;
    width: 7px;
    height: 8px;
    position: absolute;
    left: 1px;
    top: 2px;
    opacity: 0
}

.badge-item .upcoming-reward .badge-level-ranks.lvl-1 .badge-rank:first-child:after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-2 .badge-rank:first-child:after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-2 .badge-rank:nth-child(2):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-3 .badge-rank:first-child:after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-3 .badge-rank:nth-child(2):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-3 .badge-rank:nth-child(3):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-4 .badge-rank:first-child:after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-4 .badge-rank:nth-child(2):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-4 .badge-rank:nth-child(3):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-4 .badge-rank:nth-child(4):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-5 .badge-rank:first-child:after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-5 .badge-rank:nth-child(2):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-5 .badge-rank:nth-child(3):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-5 .badge-rank:nth-child(4):after,
.badge-item .upcoming-reward .badge-level-ranks.lvl-5 .badge-rank:nth-child(5):after {
    opacity: 1
}

.badge-item .upcoming-reward .badge-level-ranks.bronze .badge-rank {
    background-image: url(../../img/badges/badge-bronze-bg-bullet.png)
}

.badge-item .upcoming-reward .badge-level-ranks.bronze .badge-rank:after {
    background-image: url(../../img/badges/badge-bronze-bullet.png)
}

.badge-item .upcoming-reward .badge-level-ranks.silver .badge-rank {
    background-image: url(../../img/badges/badge-silver-bg-bullet.png)
}

.badge-item .upcoming-reward .badge-level-ranks.silver .badge-rank:after {
    background-image: url(../../img/badges/badge-silver-bullet.png)
}

.badge-item .upcoming-reward .badge-level-ranks.gold .badge-rank {
    background-image: url(../../img/badges/badge-gold-bg-bullet.png)
}

.badge-item .upcoming-reward .badge-level-ranks.gold .badge-rank:after {
    background-image: url(../../img/badges/badge-gold-bullet.png)
}

.badge-item .upcoming-reward .earn {
    font-size: 14px;
    margin-top: 10px
}

.badge-item .upcoming-reward .earn p {
    margin: 0;
    font-weight: 700
}

.badge-item .upcoming-reward .earn>div {
    color: silver
}

.badge-item .upcoming-reward .earn .icon-diamond,
.badge-item .upcoming-reward .earn .icon-star {
    display: inline-block;
    margin-right: 2px
}

.badge-item .upcoming-reward .earn .icon-star {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -257px -591px;
    width: 10px;
    height: 10px
}

.badge-item .upcoming-reward .earn .icon-diamond {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -546px -390px;
    width: 12px;
    height: 12px
}

.badge-item .progress-container {
    text-align: center
}

@media screen and (min-width:40em) {
    .badge-item .progress-container {
        float: left;
        width: 60%;
        text-align: left
    }
}

.badge-item .progress-container .progress-bar-wrapper .progress-bar-bg {
    background: #e4e4e4;
    width: 218px;
    height: 16px;
    padding: 4px;
    margin: 8px auto 0;
    border-radius: 10px
}

@media screen and (min-width:40em) {
    .badge-item .progress-container .progress-bar-wrapper .progress-bar-bg {
        margin: 4px 0 0
    }
}

.badge-item .progress-container .progress-bar-wrapper .progress-bar {
    background-image: url(../../img/badges/progress-bar.png);
    height: 8px;
    border-radius: 6px;
    max-width: 100%
}

.badge-item .progress-container .progress-bar-text {
    font-weight: 700
}

.badge-item .progress-container .description {
    font-size: .8125rem;
    line-height: 1.0625rem;
    margin-top: 10px
}

.account-layout .notification-center .my-badges-section .white-box {
    padding-top: 0;
    margin-top: 15px
}

.account-layout .notification-center .my-badges-section .arrow-right,
.account-layout .notification-center .my-badges-section .white-box {
    color: #0a0a0a
}

.account-layout .notification-center .my-badges-section .bottom-border {
    border-bottom: 1px solid #dcdcdc;
    box-shadow: none
}

.account-layout .notification-center .my-badges-section header {
    margin-bottom: 0;
    margin-top: 10px
}

.account-layout .notification-center .my-badges-section header a {
    margin-top: 6px
}

.account-layout .notification-center .my-badges-section .last-earned {
    margin-top: 40px
}

.account-layout .notification-center .my-badges-section .no-records {
    margin-top: 20px
}

.account-layout .notification-center .my-badges-section .no-records span {
    padding: .5rem 1.4rem
}

.account-layout .notification-center .user-details-modal .white-box>header>.columns,
.user-details-modal .account-layout .notification-center .white-box>header>.columns,
.user-details-modal .white-box>.row>.columns {
    padding-left: .4rem;
    padding-right: .4rem
}

@media screen and (min-width:40em) {
    .user-details-modal .white-box .badge-item {
        padding: 0
    }
}

.badge-center {
    padding-top: 0
}

.badge-center header {
    margin-bottom: 30px
}

.badge-center .white-box {
    color: #0a0a0a
}

.badge-center .badge-item .badge-full-icon.badge-empty {
    opacity: .15
}

.badge-center .bottom-border {
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none
}

.badge-center a {
    color: #7590aa;
    text-decoration: underline
}

.user-details-modal.reveal.large {
    max-width: 86.25rem;
    padding-left: 0;
    padding-right: 0;
    top: 50px !important
}

.account-layout .notification-center .user-details-modal>header,
.user-details-modal>.row {
    margin-left: 20px;
    margin-right: 17px;
    max-width: 100%
}

.user-details-modal .white-box {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 20px
}

.user-details-modal .modal-header .user-info,
.user-details-modal .modal-header .user-info-block {
    display: block;
    float: left
}

.user-details-modal .modal-header .user-info {
    margin-left: 20px;
    margin-top: 12px;
    margin-right: 30px
}

.user-details-modal .modal-header .user-info .muted,
.user-details-modal .modal-header .user-info .transaction-quality .stars-row .avg,
.user-details-modal .modal-header .user-info .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .modal-header .user-info .avg,
.user-rating-stars .user-details-modal .modal-header .user-info .avg {
    font-size: 13px;
    margin-top: 5px
}

.user-details-modal .modal-header .green-button,
.user-details-modal .modal-header .red-button {
    padding: 23px 10px;
    display: inline-block
}

.user-details-modal .modal-header .nickname {
    color: #7590aa;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    float: left;
    line-height: 1em;
    display: block;
    width: 100%
}

.user-details-modal hr {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #fff;
    margin-left: 0;
    margin-right: 0;
    max-width: none
}

.user-details-modal .general-info .lbl {
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    display: inline-block
}

.user-details-modal .general-info .avatar {
    position: relative
}

.user-details-modal .general-info .avatar img {
    width: 100%
}

.user-details-modal .general-info .avatar .online {
    position: absolute;
    bottom: 0;
    right: 15px;
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 22px;
    background-color: #4fbb2e;
    border-radius: 8px;
    padding: 0 8px
}

.user-details-modal .general-info .user-info-block {
    width: auto;
    height: auto;
    text-align: right
}

.user-details-modal .general-info .user-info-block .authentication-level {
    margin-right: 0;
    display: inline-block
}

.user-details-modal .general-info .authentication {
    margin-top: 9px
}

.user-details-modal .general-info .authentication .large-5 {
    padding-right: 0
}

.user-details-modal .general-info .authentication .lbl {
    margin-top: 3px
}

.user-details-modal .general-info .dates span:not(.lbl) {
    margin-right: 6px
}

.user-details-modal .general-info .counters span:not(.lbl) {
    margin-right: 3px
}

.user-details-modal .general-info .counters .large-6,
.user-details-modal .general-info .dates .large-6 {
    padding-right: 0
}

.user-details-modal .comments-rating {
    padding-bottom: 20px
}

.user-details-modal .comments-rating table {
    font-size: 13px;
    text-align: center;
    border: none
}

.user-details-modal .comments-rating table tbody {
    border: none
}

.user-details-modal .comments-rating table tbody tr {
    border-bottom: 1px solid #e8e8e8
}

.user-details-modal .comments-rating table tbody tr.header {
    border: none
}

.user-details-modal .comments-rating table tbody tr:not(.header) th {
    width: 60px;
    text-align: right;
    padding-right: 10px
}

.user-details-modal .comments-rating table tbody td,
.user-details-modal .comments-rating table tbody th {
    padding: 5px 0;
    background-color: #fff
}

.user-details-modal .comments-rating .text-right {
    font-size: 13px;
    font-weight: 400
}

.user-details-modal .last-comments .h3,
.user-details-modal .last-comments h3 {
    float: left
}

.user-details-modal .last-comments .filter {
    float: right;
    font-size: 13px;
    margin-top: 5px
}

.user-details-modal .last-comments .filter>span {
    text-decoration: underline;
    cursor: pointer;
    padding: 0 3px;
    font-weight: 600
}

.user-details-modal .last-comments .comment {
    margin: 19px -15px;
    max-width: none
}

.user-details-modal .last-comments .comment .nickname {
    color: #7590aa;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    float: left;
    line-height: 1em
}

.user-details-modal .last-comments .comment time {
    font-size: 13px;
    color: #bfbfbf;
    float: right
}

.user-details-modal .last-comments .comment .comment-status {
    font-size: 13px;
    display: block;
    clear: both;
    margin-bottom: 5px;
    font-weight: 400
}

.user-details-modal .last-comments .comment .comment-content {
    color: #2b2b2b;
    font-size: 13px;
    display: block;
    font-weight: 600
}

.user-details-modal .last-comments .comment .large-8 {
    padding-left: 5px
}

.user-details-modal .last-comments .comment .comment-body {
    border-radius: 8px;
    border: 2px solid transparent;
    padding: 15px 20px;
    position: relative
}

.user-details-modal .last-comments .comment .comment-body:before {
    content: "";
    height: 13px;
    width: 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid transparent;
    background-color: #fff;
    display: block;
    position: absolute;
    border-top: none;
    border-right: none;
    left: -8px;
    top: 16px
}

.user-details-modal .last-comments .comment.positive .comment-body,
.user-details-modal .last-comments .comment.positive .comment-body:before {
    border-color: #4fbb2e
}

.user-details-modal .last-comments .comment.positive .comment-status {
    color: #4fbb2e
}

.user-details-modal .last-comments .comment.neutral .comment-body,
.user-details-modal .last-comments .comment.neutral .comment-body:before {
    border-color: #b8b8b8
}

.user-details-modal .last-comments .comment.neutral .comment-status {
    color: #b8b8b8
}

.user-details-modal .last-comments .comment.negative .comment-body,
.user-details-modal .last-comments .comment.negative .comment-body:before {
    border-color: var(--primary-color)
}

.user-details-modal .last-comments .comment.negative .comment-status {
    color: var(--primary-color)
}

.account-layout .notification-center .user-details-modal .last-earned-badges header,
.user-details-modal .last-earned-badges .account-layout .notification-center header,
.user-details-modal .last-earned-badges .row {
    margin: 20px 0
}

.user-details-modal .transaction-quality .stars-row {
    font-size: 17px;
    margin-bottom: .5em;
    padding-bottom: .5em
}

.user-details-modal .transaction-quality .stars-row.hr {
    border-bottom: 1px solid #e8e8e8
}

.user-details-modal .transaction-quality .stars-row>span {
    display: inline-block
}

.user-details-modal .transaction-quality .stars-row .name {
    width: 50%
}

.user-details-modal .transaction-quality .stars-row .stars {
    margin-right: 10px
}

.user-details-modal .transaction-quality .stars-row .stars .star {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -383px;
    width: 18px;
    height: 17px
}

.user-details-modal .transaction-quality .stars-row .stars .star.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -420px;
    width: 18px;
    height: 17px
}

.user-details-modal .transaction-quality .stars-row .avg {
    font-size: 21px
}

.game-button .user-details-modal .transaction-quality .stars-row.offers-count,
.user-details-modal .transaction-quality .game-button .stars-row.offers-count,
.user-details-modal .transaction-quality .stars-row.small {
    font-size: 13px
}

.game-button .user-details-modal .transaction-quality .stars-row.offers-count .stars,
.user-details-modal .transaction-quality .game-button .stars-row.offers-count .stars,
.user-details-modal .transaction-quality .stars-row.small .stars {
    -webkit-transform: scale(.55);
    transform: scale(.55);
    -webkit-transform-origin: left;
    transform-origin: left;
    margin-right: -40px
}

.game-button .user-details-modal .transaction-quality .stars-row.offers-count .avg,
.user-details-modal .transaction-quality .game-button .stars-row.offers-count .avg,
.user-details-modal .transaction-quality .stars-row.small .avg {
    font-size: 13px
}

.user-details-modal .red {
    color: var(--primary-color)
}

.user-details-modal .green {
    color: #4fbb2e
}

.flag-fr {
    background-position: -88px -785px;
    width: 22px;
    height: 15px
}

.flag-fr,
.icon-seller {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icon-seller {
    background-position: -797px -269px;
    width: 18px;
    height: 18px
}

.icon-green-lock {
    background-position: -836px -494px
}

.icon-green-lock,
.icon-green-plus {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 15px;
    height: 15px
}

.icon-green-plus {
    background-position: -836px -599px
}

.icon-buyer {
    display: inline-block;
    background-position: -797px -231px;
    width: 18px;
    height: 18px
}

.icheckbox_minimal,
.icon-buyer,
.iradio_minimal {
    vertical-align: middle;
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    margin: 0;
    padding: 0;
    background-position: -797px -529px;
    width: 17px;
    height: 17px;
    border: none;
    cursor: pointer;
    margin-right: .625rem
}

.icheckbox_minimal.hover {
    background-position: -797px -714px
}

.icheckbox_minimal.checked,
.icheckbox_minimal.hover {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 17px;
    height: 17px
}

.icheckbox_minimal.checked {
    background-position: -645px -349px
}

.icheckbox_minimal.disabled {
    background-position: -797px -640px;
    cursor: default
}

.icheckbox_minimal.checked.disabled,
.icheckbox_minimal.disabled {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 17px;
    height: 17px
}

.icheckbox_minimal.checked.disabled {
    background-position: -797px -566px
}

.iradio_minimal {
    background-position: -453px -652px
}

.iradio_minimal,
.iradio_minimal.checked {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 22px;
    height: 22px
}

.iradio_minimal.checked {
    background-position: -495px -652px
}

.checkbox-container .icheckbox_minimal,
.checkbox-container .icheckbox_minimal.hover {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -579px -652px;
    width: 22px;
    height: 22px
}

.checkbox-container .icheckbox_minimal.checked {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -537px -652px;
    width: 22px;
    height: 22px
}

.seller-panel {
    counter-reset: a
}

.seller-panel .h2,
.seller-panel h2 {
    font-size: 1.0625rem
}

.seller-panel .offer-section {
    margin-left: 1.3125rem;
    border-left: .125rem solid #44b127;
    padding-left: 1rem;
    padding-bottom: 2rem;
    padding-right: 1rem
}

@media screen and (min-width:40em) {
    .seller-panel .offer-section {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media screen and (min-width:64em) {
    .seller-panel .offer-section {
        padding-right: 0
    }
}

.seller-panel .offer-section .h3,
.seller-panel .offer-section h3 {
    position: relative;
    font-size: 1.0625rem;
    color: #44b127;
    line-height: 1;
    margin-bottom: 1.9375rem;
    padding-left: 1.25rem
}

@media screen and (min-width:40em) {

    .seller-panel .offer-section .h3,
    .seller-panel .offer-section h3 {
        padding-left: 0
    }
}

.seller-panel .offer-section .h3:before,
.seller-panel .offer-section h3:before {
    content: counter(a);
    counter-increment: a;
    position: absolute;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -580px -349px;
    width: 45px;
    height: 46px;
    left: -1.125rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    padding-top: .8125rem
}

@media screen and (min-width:40em) {

    .seller-panel .offer-section .h3:before,
    .seller-panel .offer-section h3:before {
        left: -2.625rem
    }
}

.seller-panel .offer-section.step-1 p {
    font-size: 1rem;
    color: #fff;
    margin: 1.9375rem 0 .4375rem
}

.seller-panel .offer-section.step-1 .all-games select {
    width: 18.6875rem
}

.seller-panel .offer-section.step-1 .all-games .select2 {
    margin-right: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width:64em) {
    .seller-panel .offer-section.step-1 .all-games .select2 {
        margin-bottom: 0
    }
}

.seller-panel .offer-section.hidden {
    border-left: .125rem solid #b0b0b0
}

.seller-panel .offer-section.hidden .content {
    display: none
}

.seller-panel .offer-section.hidden .h3,
.seller-panel .offer-section.hidden h3 {
    color: #ccd2cf
}

.seller-panel .offer-section.hidden .h3:before,
.seller-panel .offer-section.hidden h3:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -580px -415px;
    width: 45px;
    height: 46px;
    color: #a0a0a0
}

.seller-panel .offer-section.step-3 .checkbox-container:not(:last-child) {
    margin-bottom: 20px
}

.seller-panel .offer-section.step-3 label {
    display: block;
    font-size: 1rem;
    color: #fff;
    margin-bottom: .5625rem;
    line-height: 1
}

.seller-panel .offer-section.step-3 hr {
    border-top: .0625rem solid #070c15;
    border-bottom: .0625rem solid hsla(0, 0%, 69%, .2)
}

.seller-panel .offer-section.step-3 .input,
.seller-panel .offer-section.step-3 .tag-editor {
    float: none;
    display: block;
    width: 100%
}

.seller-panel .offer-section.step-3 .items-form {
    float: left;
    width: 18.125rem;
    padding-right: 1.4375rem;
    max-width: 100%
}

@media screen and (min-width:64em) {
    .seller-panel .offer-section.step-3 .items-form {
        border-right: .0625rem solid #070c15;
        height: 15.4375rem
    }
}

.seller-panel .offer-section.step-3 .items-form .input,
.seller-panel .offer-section.step-3 .items-form .tag-editor {
    width: 8.75rem;
    margin-bottom: 1.25rem;
    font-size: .875rem
}

.seller-panel .offer-section.step-3 .powerleveling-form .h2,
.seller-panel .offer-section.step-3 .powerleveling-form h2 {
    margin-bottom: 0
}

.seller-panel .offer-section.step-3 .powerleveling-form .range-button-container .green-button,
.seller-panel .offer-section.step-3 .powerleveling-form .range-button-container .red-button {
    display: inline-block;
    margin-bottom: 20px
}

.seller-panel .offer-section.step-3 .powerleveling-form .add-button .green-button {
    display: block
}

.seller-panel .offer-section.step-3 .powerleveling-form .add-button .red-button {
    display: none
}

.seller-panel .offer-section.step-3 .powerleveling-form .delete-button .red-button {
    display: block
}

.seller-panel .offer-section.step-3 .powerleveling-form .delete-button .green-button,
.seller-panel .offer-section.step-3 .powerleveling-form .no-button .green-button,
.seller-panel .offer-section.step-3 .powerleveling-form .no-button .red-button {
    display: none
}

.seller-panel .offer-section.step-3 .powerleveling-form .range-row {
    margin-top: 15px;
    max-width: 78.75rem;
    margin-left: auto;
    margin-right: auto
}

.seller-panel .offer-section.step-3 .powerleveling-form .range-row:after,
.seller-panel .offer-section.step-3 .powerleveling-form .range-row:before {
    content: " ";
    display: table
}

.seller-panel .offer-section.step-3 .powerleveling-form .range-row:after {
    clear: both
}

.seller-panel .offer-section.step-3 .powerleveling-form label {
    float: left;
    line-height: 3.2;
    margin-right: 15px;
    width: 100px;
    clear: both
}

@media (min-width:1200px) {
    .seller-panel .offer-section.step-3 .powerleveling-form label {
        margin-left: 15px;
        width: auto;
        clear: none
    }
}

.seller-panel .offer-section.step-3 .powerleveling-form label:first-child {
    margin-left: 0
}

.seller-panel .offer-section.step-3 .powerleveling-form .input,
.seller-panel .offer-section.step-3 .powerleveling-form .tag-editor {
    width: 5.625rem;
    font-size: .875rem;
    height: 3.1875rem;
    padding: 0 15px
}

.seller-panel .offer-section.step-3 .powerleveling-form .table-container {
    margin-top: 20px;
    width: 100%
}

@media screen and (min-width:64em) {
    .seller-panel .offer-section.step-3 .powerleveling-form .table-container {
        width: 75%
    }
}

.seller-panel .offer-section.step-3 .powerleveling-form table {
    margin-top: 10px
}

.seller-panel .offer-section.step-3 .powerleveling-form table tbody tr:nth-child(2n) {
    background: #f9f9f9
}

.seller-panel .offer-section.step-3 .powerleveling-form td,
.seller-panel .offer-section.step-3 .powerleveling-form th {
    text-align: center;
    color: #000;
    width: 25%
}

.seller-panel .offer-section.step-3 .powerleveling-form td:last-child,
.seller-panel .offer-section.step-3 .powerleveling-form th:last-child {
    width: 50%
}

.seller-panel .offer-section.step-3 .discounts {
    float: left;
    width: 35.125rem;
    max-width: 100%;
    margin-top: 20px
}

@media screen and (min-width:64em) {
    .seller-panel .offer-section.step-3 .discounts {
        height: 17.3125rem;
        border-left: .0625rem solid hsla(0, 0%, 69%, .2);
        padding-left: 1.4375rem;
        margin-top: 0
    }
}

.seller-panel .offer-section.step-3 .discounts .discount-slider-controller .input,
.seller-panel .offer-section.step-3 .discounts .discount-slider-controller .tag-editor {
    width: 4.8125rem;
    float: left;
    height: 3.3125rem;
    box-shadow: inset 0 0 18px 0 rgba(0, 0, 0, .11), 0 2px 1.96px .04px rgba(0, 0, 0, .07);
    margin-bottom: 0
}

.seller-panel .offer-section.step-3 .discounts .discount-slider-controller label {
    height: 3.3125rem;
    line-height: 3.25rem;
    float: left;
    padding-left: .3125rem;
    color: #0a0a0a;
    font-size: 1rem;
    margin-bottom: 0
}

.seller-panel .offer-section.step-3 .discounts .discount-slider-controller label:first-of-type {
    padding-right: 1.6875rem
}

.seller-panel .offer-section.step-3 .uploader {
    float: left;
    width: 12.5rem
}

.seller-panel .offer-section.step-3 .uploader .red-button {
    margin-top: 1.25rem
}

.seller-panel .offer-section.step-3 .images {
    float: left;
    background: none !important;
    padding: 0 !important;
    margin-top: 20px
}

@media screen and (min-width:64em) {
    .seller-panel .offer-section.step-3 .images {
        width: 39.6875rem;
        margin-left: .9375rem;
        margin-top: 0
    }
}

.seller-panel .offer-section.step-3 .deliver-time {
    width: 11.25rem;
    float: left;
    margin-right: 1.25rem
}

.seller-panel .offer-section.step-3 .deliver-time .ui-spinner {
    float: left
}

.seller-panel .offer-section.step-3 .deliver-time .minutes {
    float: left;
    margin-left: .625rem;
    line-height: 3.125rem
}

.seller-panel .offer-section.step-3 .section-title {
    color: #b0b0b0;
    margin-bottom: 1.25rem;
    display: block
}

.seller-panel .offer-section.step-3 .offer-duration {
    width: 14.375rem;
    float: left
}

.seller-panel .offer-section.step-3 .icon-diamond {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px 0;
    width: 18px;
    height: 16px;
    vertical-align: text-top;
    display: inline-block;
    margin-left: 7px
}

.seller-panel .offer-section.step-3 .offer-summary .title {
    font-size: 17px;
    display: block;
    margin-top: 13px
}

.seller-panel .offer-section.step-3 .offer-summary .icon-basket {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px -204px;
    width: 30px;
    height: 28px;
    vertical-align: bottom;
    margin-right: 6px
}

.seller-panel .offer-section.step-3 .offer-summary .offer-elements {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: block;
    margin-bottom: 18px
}

.seller-panel .offer-section.step-3 .offer-summary .offer-elements span {
    color: #df0245
}

.seller-panel .offer-section.step-3 .offer-summary .offer-elements:first-of-type {
    margin-top: 40px
}

.seller-panel .offer-section.step-3 .offer-summary hr {
    margin-bottom: 7px;
    margin-top: 16px
}

.seller-panel .offer-section.step-3 .offer-summary .total-cost {
    color: #df0245;
    font-size: 20px;
    display: block
}

.seller-panel .offer-section.step-3 .offer-summary .commision-info {
    font-size: 13px;
    line-height: 24px;
    display: block;
    margin-top: 29px
}

.seller-panel .offer-section.step-3 .offer-summary .commision-info span {
    color: #b0b0b0;
    font-weight: 400;
    line-height: 18px;
    display: block;
    max-width: 200px
}

.seller-panel .offer-section.step-3 .promotion-form .positions-container table tbody tr:nth-child(2n) {
    background: #f9f9f9
}

.seller-panel .offer-section.step-3 .promotion-form .positions-container span {
    color: #df0245
}

.seller-panel .offer-section.step-3 .promotion-form .positions-container td,
.seller-panel .offer-section.step-3 .promotion-form .positions-container th {
    text-align: center;
    color: #000
}

.seller-panel .offer-section.step-3 .promotion-form label {
    text-transform: uppercase
}

.game-button .seller-panel .offer-section.step-3 .promotion-form .offers-count,
.seller-panel .offer-section.step-3 .promotion-form .game-button .offers-count,
.seller-panel .offer-section.step-3 .promotion-form .small {
    font-size: .8125rem;
    line-height: 1.125rem;
    padding-left: 2.0625rem;
    display: block
}

.seller-panel .offer-section.step-3 .promotion-form .checkbox-container {
    margin-bottom: 1.875rem
}

.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider {
    margin-bottom: 1.25rem
}

.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider .slider-max,
.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider .slider-min {
    display: none
}

.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider .slider {
    margin-left: 1.6875rem;
    margin-bottom: .375rem
}

.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider .current-position {
    margin-left: 1.6875rem;
    color: #4fbb2e;
    font-size: .875rem
}

.seller-panel .offer-section.step-3 .promotion-form .price-diamond {
    color: #df0245
}

.seller-panel .offer-section.step-3 .promotion-form .slider-container {
    margin-left: 1.875rem
}

.seller-panel .offer-section.step-3 .cke-editor {
    border-radius: .5rem;
    overflow: hidden
}

.border-right-hr,
.seller-panel .offer-section.step-3 .promotion-form,
.seller-panel .offer-section.step-3 .promotion-form .checkbox-slider,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider {
    border-right: .0625rem solid #070c15;
    box-shadow: .0625rem 0 hsla(0, 0%, 69%, .2)
}

.my-favorite-games {
    background: #fff;
    border-radius: .5rem;
    position: relative;
    padding: 1.5625rem
}

.my-favorite-games:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: -.1875rem;
    height: 1.25rem;
    background: #d1d1d1;
    border-radius: .5rem .5rem 0 0;
    z-index: -1
}

.my-favorite-games a {
    display: block;
    padding-left: 2.625rem;
    position: relative;
    margin-bottom: .8125rem
}

.my-favorite-games a .iradio_minimal {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.currency-amount .inputs,
.currency-price .inputs {
    width: 8.75rem;
    margin-bottom: 1.25rem;
    font-size: .875rem;
    float: left
}

.currency-amount .slider-container,
.currency-price .slider-container {
    float: left;
    width: calc(100% - 160px);
    margin-left: 20px
}

#auctionForm .error {
    border: .0625rem solid var(--primary-color);
    color: var(--primary-color)
}

.w-25 {
    width: 25%
}

.w-50 {
    width: 50%
}

.spinner-disabled {
    opacity: .55
}

.content .game-button:hover {
    z-index: 12345
}

.content .game-button .tooltip {
    display: none
}

@media screen {
    .content .game-button .tooltip {
        max-width: none !important
    }
}

.content.restricted .game-button.powerleveling {
    opacity: .55
}

.content.restricted .game-button.powerleveling a {
    cursor: default;
    pointer-events: none
}

.content.restricted .game-button.powerleveling.selected .name,
.content.restricted .game-button.powerleveling:hover .name {
    color: #fff;
    text-shadow: none
}

.content.restricted .game-button.powerleveling.selected .name:after,
.content.restricted .game-button.powerleveling:hover .name:after {
    display: none
}

.content.restricted .game-button.powerleveling.selected .offers-count,
.content.restricted .game-button.powerleveling:hover .offers-count {
    color: #fff
}

.content.restricted .game-button.powerleveling.selected .tooltip,
.content.restricted .game-button.powerleveling:hover .tooltip {
    display: block;
    opacity: 1
}

.range-button-container .add-price-range {
    margin-right: 10px
}

.powerleveling-form .add-button .green-button {
    display: block
}

.powerleveling-form .add-button .red-button {
    display: none
}

.powerleveling-form .delete-button .red-button {
    display: block
}

.powerleveling-form .delete-button .green-button,
.powerleveling-form .no-button .green-button,
.powerleveling-form .no-button .red-button {
    display: none
}

.range-row {
    max-width: 78.75rem;
    margin-left: auto;
    margin-right: auto
}

.range-row:after,
.range-row:before {
    content: " ";
    display: table
}

.range-row:after {
    clear: both
}

.question-required {
    color: var(--primary-color)
}

.comment-module .comment.positive .comment-body,
.comment-module .comment.positive .comment-body:before {
    border-color: #4fbb2e
}

.comment-module .comment.positive .comment-status {
    color: #4fbb2e
}

.comment-module .comment.neutral .comment-body,
.comment-module .comment.neutral .comment-body:before {
    border-color: #b8b8b8
}

.comment-module .comment.neutral .comment-status {
    color: #b8b8b8
}

.comment-module .comment.negative .comment-body,
.comment-module .comment.negative .comment-body:before {
    border-color: var(--primary-color)
}

.comment-module .comment.negative .comment-status {
    color: var(--primary-color)
}

.comment-module .comment-body {
    margin-top: 30px;
    border-radius: 8px;
    border: 2px solid transparent;
    padding: 15px 20px;
    position: relative
}

.comment-module .comment-body:before {
    content: "";
    height: 13px;
    width: 13px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border: 2px solid transparent;
    background-color: #fff;
    display: block;
    position: absolute;
    border-top: none;
    border-right: none;
    left: 20px;
    top: -8px
}

@media screen and (min-width:40em) {
    .comment-module .comment-body:before {
        left: -8px;
        top: 16px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width:40em) {
    .comment-module .comment-body {
        margin-top: 0
    }
}

.comment-module .comment-body time {
    float: right;
    color: #bfbfbf;
    line-height: inherit;
    font-size: .8125rem
}

.comment-module .comment-body .nickname {
    color: #7590aa;
    font-weight: 700;
    border-bottom: 1px solid #cfd8e0;
    padding-bottom: 2px
}

.comment-module .comment-body .nickname a,
.comment-module .comment-body .nickname a:hover {
    text-decoration: none
}

.comment-module .comment-body .comment-status {
    display: block;
    font-size: .8125rem
}

.comment-module .comment-body .comment-content {
    margin-top: 10px;
    display: block;
    font-size: .8125rem
}

.comment-module .transaction-quality {
    border-top: 2px solid #e9e9e9;
    margin-top: 30px;
    padding-top: 20px
}

.comment-module .stars-row {
    margin-bottom: 10px
}

.comment-module .stars-row .name {
    display: inline-block;
    width: 120px
}

.comment-module .stars-row .stars {
    display: inline-block;
    vertical-align: middle
}

.comment-module .stars-row .avg {
    margin-left: 5px;
    display: inline-block
}

.comment-module+.add-comment-wrapper,
.comment-module+.comment-module {
    margin-top: 30px
}

@media screen and (min-width:64em) {
    .comment-module+.comment-module {
        margin-top: 0
    }
}

.add-comment-wrapper {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:64em) {
    .add-comment-wrapper {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.add-comment-wrapper .add-comment-container {
    max-width: 650px;
    margin: 0 auto
}

.add-comment-wrapper .auction-info {
    padding: 1rem;
    border: 2px solid #e9e9e9;
    margin-bottom: 20px;
    border-radius: .5rem
}

.add-comment-wrapper .auction-info .text {
    margin-bottom: 10px
}

.add-comment-wrapper .auction-info .text a {
    color: var(--primary-color)
}

.add-comment-wrapper .user-info-block {
    width: auto
}

.add-comment-wrapper .user-info-block .avatar {
    float: left;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: 35px
}

.add-comment-wrapper .user-info-block .wrapper-right {
    float: left
}

.add-comment-to-transaction textarea {
    height: 90px
}

@media screen and (min-width:40em) {
    .add-comment-to-transaction .radio {
        display: inline-block;
        margin-right: 30px
    }

    .add-comment-to-transaction .radio:last-child {
        margin-right: 0
    }
}

.add-comment-to-transaction .form-group {
    margin-bottom: 30px
}

@media screen and (min-width:40em) {
    .add-comment-to-transaction .form-group>label {
        display: inline-block;
        width: 200px
    }
}

@media screen and (min-width:40em) {
    .add-comment-to-transaction .form-group>label+div {
        display: inline-block;
        margin-left: 80px;
        float: right
    }
}

.stars .star {
    display: inline-block;
    background-position: -797px -383px
}

.stars .star,
.stars .star.true {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 18px;
    height: 17px
}

.stars .star.true {
    background-position: -797px -420px
}

.seller-panel-feedback {
    color: #0a0a0a
}

.seller-panel-feedback .comment-row:not(:last-child) {
    margin-bottom: 20px
}

.seller-panel-feedback .comment-module .comment {
    position: relative;
    padding-bottom: 30px
}

@media screen and (min-width:40em) {
    .seller-panel-feedback .comment-module .comment {
        padding-bottom: 0
    }
}

.seller-panel-feedback .comment-column-user-avatar {
    padding: 0 .9375rem
}

@media screen and (min-width:40em) {
    .seller-panel-feedback .comment-column-user-avatar {
        width: 130px;
        float: left
    }
}

.seller-panel-feedback .comment-column-user-feedback {
    padding: 0 .9375rem
}

@media screen and (min-width:40em) {
    .seller-panel-feedback .comment-column-user-feedback {
        width: calc(100% - 140px);
        float: right
    }
}

.seller-panel-feedback .link-to-auction {
    position: absolute;
    bottom: -5px;
    right: 0;
    margin-bottom: 0
}

@media screen and (min-width:40em) {
    .seller-panel-feedback .link-to-auction {
        margin-bottom: 10px;
        position: static
    }
}

.seller-panel-feedback .link-to-auction,
.seller-panel-feedback .link-to-auction a,
.seller-panel-feedback .link-to-auction a:hover {
    color: #b8b8b8;
    font-size: .8125rem
}

p.no-records {
    text-align: center;
    margin: 0
}

p.no-records span {
    display: inline-block;
    padding: 2.5rem 1.4rem;
    width: 100%;
    font-size: 16px;
    color: #000;
    border-radius: .625rem;
    background: #fff;
    background-position: 50%
}

.last-feedbacks .comment-row:not(:last-child)>.comment-module>.white-box {
    border-bottom: 1px solid #dcdcdc
}

.last-feedbacks>.white-box {
    padding: 20px
}

.last-feedbacks .comment-module>.white-box {
    border: 0;
    border-radius: 0;
    padding: 20px;
    padding-top: 0;
    margin-bottom: 0
}

.last-feedbacks .comment-module .transaction-quality {
    margin-bottom: 0;
    border: 0;
    margin-top: 0;
    padding-top: 0
}

@media screen and (min-width:64em) {
    .last-feedbacks .comment-module .transaction-quality {
        margin-top: -5px;
        padding: 0 10px
    }
}

.last-feedbacks .comment-module .transaction-quality .stars-row.hr .name {
    width: 40%
}

.super-seller-panel {
    padding-left: 0;
    padding-right: 0
}

.super-seller-panel #auctionForm .groups-servers #add-group-button {
    margin-bottom: 40px
}

.super-seller-panel #auctionForm .white-tabs .groups-servers__server-list .tabs-panel {
    max-height: 350px
}

.super-seller-panel #auctionForm .white-tabs .groups-servers__group-details .tabs-panel,
.super-seller-panel #auctionForm .white-tabs .groups-servers__server-group .tabs-panel,
.super-seller-panel #auctionForm .white-tabs .groups-servers__server-list .tabs-panel {
    overflow-y: auto
}

@media screen and (min-width:64em) {

    .super-seller-panel #auctionForm .white-tabs .groups-servers__group-details .tabs-panel,
    .super-seller-panel #auctionForm .white-tabs .groups-servers__server-group .tabs-panel,
    .super-seller-panel #auctionForm .white-tabs .groups-servers__server-list .tabs-panel {
        height: 80vh;
        max-height: inherit
    }
}

.super-seller-panel #auctionForm .white-tabs .groups-servers__group-details .tabs-panel {
    overflow-y: hidden
}

@media screen and (min-width:64em) {
    .super-seller-panel #auctionForm .white-tabs .groups-servers__group-details .tabs-panel {
        overflow-y: auto
    }
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel {
    display: block;
    border-radius: .625rem;
    margin-bottom: 30px
}

@media screen and (min-width:64em) {
    .super-seller-panel #auctionForm .white-tabs .tabs-panel {
        margin-bottom: 0
    }
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel .btn-container {
    margin-left: 55%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 40px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel .h4,
.super-seller-panel #auctionForm .white-tabs .tabs-panel h4 {
    color: #3cbe18;
    font-size: 1.1rem;
    font-weight: 700
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel .h4 span,
.super-seller-panel #auctionForm .white-tabs .tabs-panel h4 span {
    color: #a8a8a8;
    font-size: .8rem
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #server-list .server-item {
    font-weight: 700;
    cursor: move;
    min-height: 20px;
    border-radius: .625rem;
    background: linear-gradient(180deg, #f4f4f4 0, #f4f4f4);
    border: 1px solid #e5e5e5;
    padding: 10px 15px 10px 20px;
    text-align: left;
    width: 100%;
    margin-bottom: 10px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #server-list .server-item .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -40px;
    width: 19px;
    height: 19px;
    float: right
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group {
    position: relative;
    margin-top: 9px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-header {
    font-weight: 700;
    min-height: 46px;
    border-radius: .625rem;
    background: linear-gradient(180deg, #f4f4f4 0, #f4f4f4);
    border: 1px solid #e5e5e5;
    padding: 10px 15px 10px 20px;
    text-align: left;
    width: 100%;
    cursor: pointer
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-header .group-name {
    cursor: text;
    display: block;
    float: left;
    outline: none
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-header .server-count {
    display: block;
    float: right;
    padding: 1px 15px 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-header .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -117px;
    width: 18px;
    height: 18px;
    float: right;
    display: none;
    margin-top: 1px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-content {
    width: 90%;
    margin: 0 auto;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0 0 .625rem .625rem;
    padding: 15px;
    min-height: 100px;
    display: none
}

@media screen and (min-width:64em) {
    .super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-content {
        min-height: 250px
    }
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-content .dragdrop-placeholder {
    display: none
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-content .server-item:not(.gu-transit) {
    font-size: 15px;
    margin-bottom: 7px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group .group-content .server-item:not(.gu-transit) .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -307px;
    width: 18px;
    height: 18px;
    float: right;
    cursor: pointer
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group.empty .group-content .dragdrop-placeholder {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #a8a8a8
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group.active .group-header {
    background: linear-gradient(180deg, #3cbe18 0, #24a50d);
    color: #fff
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group.active .group-header .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -345px;
    width: 18px;
    height: 18px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group.active .group-content {
    display: block
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel #groups-container .server-group.active .group-content:after {
    display: block;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -651px -217px;
    width: 10px;
    height: 5px;
    position: absolute;
    bottom: -15px;
    left: 50%
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container label {
    font-size: .85rem;
    color: #000;
    line-height: 1.5rem
}

.market-filters .form-field .range-inputs .super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container input.input[type=text],
.market-filters .form-field .range-inputs .super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container input[type=text].tag-editor,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .input.white-bg,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .market-filters .form-field .range-inputs input.input[type=text],
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .market-filters .form-field .range-inputs input[type=text].tag-editor,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .white-bg.tag-editor {
    height: 35px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts {
    width: 100%;
    border: none;
    padding-left: 0
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount {
    background: #efefef;
    border: none;
    margin-left: 15px;
    margin-right: 15px
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount .ui-slider-percent,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount .ui-slider-price,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount .ui-slider-tooltip {
    color: #000
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount .ui-slider-tooltip {
    border: 1px solid #e0e0e0
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount .ui-state-active .ui-slider-percent,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .slider.discount .ui-state-active .ui-slider-price {
    font-weight: 700
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .discounts .discount-slider-controller {
    padding: 0
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider {
    margin-bottom: 1.25rem
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider .slider-max,
.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider .slider-min {
    display: none
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider .slider {
    margin-left: 1.6875rem;
    margin-bottom: .375rem
}

.super-seller-panel #auctionForm .white-tabs .tabs-panel#details-container .checkbox-slider .current-position {
    margin-left: 1.6875rem;
    color: #4fbb2e;
    font-size: .875rem
}

.super-seller-panel #auctionForm .total-summary-container {
    text-align: right;
    float: right;
    padding-right: 0;
    margin-top: 20px
}

.columns.super-seller-menu {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 4;
    margin-bottom: 30px
}

@media screen and (min-width:40em) {
    .columns.super-seller-menu {
        margin-bottom: 65px
    }
}

.columns.super-seller-menu .tabs-panel {
    display: block;
    border-radius: .625rem;
    border-top: 3px solid #b5b5b5;
    padding: 1.32rem .5rem
}

.columns.super-seller-menu .tabs-panel .dropdown-pane {
    top: 30px !important
}

@media screen and (min-width:40em) {
    .columns.super-seller-menu .tabs-panel .dropdown-pane {
        max-width: 170px;
        right: 0;
        top: 63px !important
    }
}

.columns.super-seller-menu .tabs-panel .dropdown-pane>ul {
    list-style: none;
    margin-left: 0
}

.columns.super-seller-menu .tabs-panel .dropdown-pane>ul>li a {
    font-weight: 400;
    font-size: .8125rem;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 8px;
    padding-top: 9px
}

.columns.super-seller-menu .tabs-panel .dropdown-pane>ul>li a:hover {
    color: var(--primary-color)
}

.columns.super-seller-menu .tabs-panel .dropdown-pane>ul>li a.inactive,
.columns.super-seller-menu .tabs-panel .dropdown-pane>ul>li a.inactive:hover {
    color: #bfbfbf
}

.columns.super-seller-menu .tabs-panel .dropdown-pane>ul>li:last-child a {
    border: none
}

.columns.super-seller-menu .tabs-panel .dropdown-pane:before {
    display: none
}

.columns.super-seller-menu .tabs-panel>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.columns.super-seller-menu .tabs-panel>ul>li {
    display: block;
    margin-left: 5px;
    padding: 0 10px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

@media only screen and (max-width:40em) {
    .columns.super-seller-menu .tabs-panel>ul>li:first-child {
        margin-top: 0
    }

    .columns.super-seller-menu .tabs-panel>ul>li:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:40em) {
    .columns.super-seller-menu .tabs-panel>ul>li {
        width: 170px;
        height: 40px;
        border-right: 1px solid #e7e7e7;
        float: left
    }
}

.columns.super-seller-menu .tabs-panel>ul>li:last-child {
    border-right: none
}

.columns.super-seller-menu .tabs-panel>ul>li a {
    color: #000;
    font-weight: 700;
    display: block;
    position: relative
}

.columns.super-seller-menu .tabs-panel>ul>li span {
    display: block;
    color: #b0b0b0;
    font-size: .82rem;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width:40em) {
    .columns.super-seller-menu .tabs-panel>ul>li span {
        position: static
    }
}

.columns.super-seller-menu .tabs-panel>ul>li span.caret {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -645px -386px;
    width: 16px;
    height: 9px;
    margin-top: 7px
}

.superseller-infobar .return-cnt {
    padding: 15px 15px 5px 0;
    float: left
}

.superseller-infobar .return {
    display: block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -785px;
    width: 24px;
    height: 15px
}

.superseller-infobar .bar {
    float: left;
    width: calc(100% - 39px);
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #d7d8da;
    border-radius: .625rem;
    padding: 14px;
    line-height: 1
}

.superseller-content-cnt {
    background: #ecf0f1;
    border: 1px solid #d1d7dd;
    padding: 1rem 0
}

@media screen and (min-width:40em) {
    .superseller-content-cnt {
        padding: 1rem 1.2rem
    }
}

.filters-cnt,
.pagination-cnt {
    background: #fff;
    padding: 1rem 1.8rem
}

.pagination-cnt {
    border-radius: 0 0 .625rem .625rem
}

a.no-effect,
a.no-effect:hover {
    color: inherit
}

.filters-cnt .filter-checkboxes {
    font-size: 12px;
    font-weight: 700;
    color: #aaa;
    text-transform: capitalize
}

.filters-cnt .filter-checkboxes .filter-checkbox-container {
    margin-bottom: 15px
}

.filters-cnt .h3,
.filters-cnt h3 {
    position: relative
}

.filters-cnt .h3:before,
.filters-cnt h3:before {
    content: "";
    display: block;
    float: left;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -322px;
    width: 18px;
    height: 14px;
    margin-top: 7px;
    margin-right: 11px
}

.filters-cnt .h3 .caret,
.filters-cnt h3 .caret {
    display: inline-block;
    margin-left: 15px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -100px -621px;
    width: 12px;
    height: 7px
}

.filters-cnt.open .h3 .caret,
.filters-cnt.open h3 .caret {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -68px -621px;
    width: 12px;
    height: 7px
}

.filters-cnt label {
    font-weight: 700;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px
}

@media screen and (min-width:64em) {
    .filters-cnt label {
        margin-top: 0;
        margin-bottom: 0
    }
}

.filters-cnt .select2-container--default .select2-selection--single {
    box-shadow: inset 0 0 18px 0 rgba(0, 0, 0, .11), 0 0 0 1px #fff;
    border: .0625rem solid #e5e5e5;
    color: #000;
    font-size: 14px;
    height: 35px
}

.filters-cnt .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.125rem
}

.filters-cnt .select2-container--default .select2-selection--single:focus {
    color: #000
}

.arrow-down {
    display: block;
    position: absolute;
    padding-left: 10px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -100px -621px;
    width: 12px;
    height: 7px
}

.white-tabs .tabs-panel.auction-list-container {
    padding: 0;
    background: #ecf0f1
}

table.gray.navy th {
    background: #495a72;
    color: #fff;
    border-right: none
}

.megaauction-info {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    color: #bfbfbf
}

.megaauction-info .game {
    font-size: .93rem;
    padding-right: 8px;
    color: #000
}

.megaauction-info .format {
    font-size: .85rem;
    color: #bfbfbf;
    padding-left: 8px
}

.megaauction-title {
    float: right;
    color: #bfbfbf;
    font-size: .8rem
}

.megaauction-title:before {
    content: "";
    display: block;
    float: left;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -751px;
    width: 13px;
    height: 13px;
    padding: 1px 20px 0 0
}

.megaauction-item {
    border-radius: .625rem;
    border: 1px solid #d7d7d7;
    background: #fff;
    padding: 1.125rem 1.25rem;
    text-align: center;
    position: relative;
    margin-bottom: 1.875rem
}

@media screen and (min-width:40em) {
    .megaauction-item {
        margin-bottom: 5.75rem
    }
}

.megaauction-item.inactive {
    opacity: .55
}

.megaauction-item .image-cnt {
    width: 4.6875rem;
    height: 4.6875rem;
    margin: 0 auto 14px
}

.megaauction-item .image-cnt img {
    max-width: 100%;
    height: auto;
    border-radius: .5rem;
    border: 1px solid #cfd1d4
}

.megaauction-item .dots-container {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 18px 20px
}

.megaauction-item .dots-container .dots {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -25px -820px;
    width: 5px;
    height: 20px
}

.megaauction-item .dots-container .dots:before {
    content: "";
    display: block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -820px;
    width: 5px;
    height: 20px;
    opacity: 0
}

.megaauction-item .dots-container:hover .dots:before {
    opacity: 1
}

.megaauction-item .game {
    font-weight: 700;
    font-size: .9375rem
}

.megaauction-item .format {
    font-size: .75rem;
    font-weight: 700;
    color: #bfbfbf
}

.megaauction-item .auction-name {
    color: #bfbfbf;
    font-size: .75rem;
    margin-top: 15px;
    margin-bottom: 10px
}

@media screen and (min-width:40em) {
    .megaauction-item .auction-name {
        margin-bottom: 50px
    }
}

.columns.megaauction-item-cnt {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.columns.megaauction-item-cnt:nth-child(4n+1) {
    clear: both
}

.infoicons {
    padding: 0;
    width: 100%
}

@media screen and (min-width:40em) {
    .infoicons {
        position: absolute;
        bottom: -30px;
        left: 0
    }
}

.infoicons .infoicon-item {
    border-radius: .625rem;
    box-shadow: 0 0 20px 3px hsla(0, 0%, 78%, .45);
    background: #fff;
    height: 55px;
    width: 100%;
    padding: 0;
    transition: all .4s;
    margin: .625rem 0;
    position: relative;
    display: inline-block
}

@media screen and (min-width:40em) {
    .infoicons .infoicon-item {
        margin: 0 .25rem;
        width: 25%;
        max-width: 55px
    }
}

.infoicons .infoicon-item .tooltip {
    opacity: 0;
    background-color: #192332;
    top: calc(-54% - .6495rem);
    padding: 8px 4px;
    min-width: 182px;
    font-weight: 700;
    transition: opacity .4s
}

.infoicons .infoicon-item .tooltip.top:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset;
    border-color: #192332 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    left: 15%;
    bottom: auto
}

.infoicons .infoicon-item:first-child {
    margin-left: 0
}

.infoicons .infoicon-item:last-child {
    margin-right: 0
}

@media (min-width:768px) and (max-width:1150px) {
    .infoicons .infoicon-item:last-child {
        display: none
    }
}

.infoicons .infoicon-item .icon {
    margin: 10px auto 1px;
    color: #58bb00;
    font-size: 23px
}

.infoicons .infoicon-item .icon.odealoicon-cr {
    margin-top: 3px
}

.infoicons .infoicon-item .icon.dollar {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -700px;
    width: 16px;
    height: 13px;
    height: 16px
}

.infoicons .infoicon-item .icon.clock {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -73px;
    width: 17px;
    height: 16px
}

.infoicons .infoicon-item .icon.palm {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -493px;
    width: 19px;
    height: 16px
}

.infoicons .infoicon-item .icon.truck {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -722px -701px;
    width: 26px;
    height: 14px
}

.infoicons .infoicon-item .text {
    font-size: .6875rem;
    color: #aaa;
    font-weight: 700
}

.infoicons .infoicon-item:hover {
    background: #58bb00
}

.infoicons .infoicon-item:hover .tooltip {
    opacity: 1
}

.infoicons .infoicon-item:hover .icon {
    color: #fff
}

.infoicons .infoicon-item:hover .icon.dollar {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -733px;
    width: 16px;
    height: 13px;
    height: 16px
}

.infoicons .infoicon-item:hover .icon.clock {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -109px;
    width: 17px;
    height: 16px
}

.infoicons .infoicon-item:hover .icon.palm {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -457px;
    width: 19px;
    height: 16px
}

.infoicons .infoicon-item:hover .icon.truck {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -751px;
    width: 26px;
    height: 14px
}

.infoicons .infoicon-item:hover .text {
    color: #fff
}

.bottom-text {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width:40em) {
    .bottom-text {
        position: absolute;
        bottom: -60px;
        left: 0;
        margin-top: 0
    }
}

.bottom-text a {
    color: #000;
    font-weight: 700
}

.bottom-text a:after {
    content: "";
    position: relative;
    top: 2px;
    left: 15px;
    margin-left: 5px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -148px -751px;
    width: 6px;
    height: 10px;
    display: inline-block
}

.context-menu-cnt {
    position: absolute;
    right: 35px;
    display: none;
    z-index: 12
}

.context-menu {
    background: #fff;
    width: 170px;
    box-shadow: inset 0 0 18px 0 rgba(0, 0, 0, .11), 0 0 25px 1px hsla(0, 0%, 78%, .45);
    border: .0625rem solid #e5e5e5;
    color: #000;
    font-size: 14px;
    border-radius: .625rem;
    text-align: right;
    padding: 15px
}

.context-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.context-menu ul li a {
    color: #000;
    font-weight: 700
}

.context-menu ul li a i {
    margin-left: 5px
}

.context-menu ul li a:hover {
    color: var(--primary-color)
}

.ribbon-wrapper {
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px
}

.ribbon {
    font: 700 15px Sans-Serif;
    color: #444;
    text-align: center;
    text-shadow: hsla(0, 0%, 100%, .5) 0 1px 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -35px;
    top: 25px;
    width: 150px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.ribbon.green {
    background: linear-gradient(159deg, rgba(66, 195, 27, .7) 12%, rgba(66, 195, 27, 0) 88%), linear-gradient(90deg, rgba(0, 96, 27, 0), rgba(9, 111, 27, .12) 12%, rgba(75, 219, 31, .5) 50%, rgba(74, 218, 31, .5) 0, rgba(11, 114, 28, .12) 85%, rgba(0, 96, 27, 0)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAMUlEQVQIW2N0Wez3/5/UBQYFgyCGBxfWMTA67ZX7z4AEGJPeFvwHyTA9M2AAqcRQAQAHOxN1Uz9ZlgAAAABJRU5ErkJggg==)
}

.ribbon:after,
.ribbon:before {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon:before {
    left: 0
}

.ribbon:after {
    right: 0
}

.groups-servers__server-list {
    position: relative
}

#server-list {
    padding-bottom: 70px
}

.groups-servers__add-all {
    position: absolute;
    bottom: 30px;
    left: 1.9375rem;
    right: 1.9375rem;
    padding: 1.3125rem 0;
    background-color: #fff;
    z-index: 12
}

@media screen and (min-width:40em) {
    .groups-servers__add-all {
        bottom: 0
    }
}

.groups-servers__add-all #add-all-servers {
    width: 100%
}

#range-rows-container span.ui-widget-content {
    display: inline-block
}

.ui-slider {
    text-decoration: none !important
}

.ui-slider .ui-slider-handle {
    overflow: visible !important
}

.ui-slider .ui-slider-tooltip {
    display: block;
    position: absolute;
    bottom: 1.875rem;
    left: -.6875rem;
    text-align: center;
    padding: .1875rem .875rem;
    height: 1.625rem;
    background: #fff;
    border: 0;
    border-radius: .625rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    color: #1e2835
}

.ui-slider .ui-state-active .ui-slider-tooltip {
    bottom: 2.25rem;
    left: -.25rem;
    color: var(--primary-color)
}

.ui-slider a {
    text-decoration: none
}

.slider {
    position: relative;
    border: 0
}

.slider.discount {
    background: url(../../img/bg-range-dark-pattern.png) repeat-x;
    height: .5625rem;
    border-bottom: 1px solid #3a5267;
    border-radius: .1875rem;
    margin-top: 3rem;
    margin-bottom: 3.75rem
}

.slider-controller {
    padding-top: 0
}

.slider-controller select {
    width: 100px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    width: 24px;
    height: 24px;
    border: 0;
    background: url(../../img/icon-range.png) no-repeat;
    margin-left: -.75rem;
    top: -.375rem;
    outline: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    width: 38px;
    height: 39px;
    background: url(../../img/icon-range-active.png) no-repeat;
    margin-left: -1.1875rem;
    top: -.9375rem;
    z-index: 3
}

.discount-slider-controller {
    background: #fff;
    padding: 1.0625rem .5625rem;
    border-radius: .625rem;
    color: #0a0a0a
}

.discount-slider-controller .h5,
.discount-slider-controller h5 {
    font-size: 1rem;
    line-height: 1;
    margin: 0 0 .0625rem
}

.discount-slider-controller a {
    color: #7590aa;
    text-decoration: underline;
    font-size: .8125rem
}

.discount-slider-controller .inputs {
    float: left;
    width: 19.6875rem;
    max-width: 100%
}

@media only screen and (max-width:40em) {
    .discount-slider-controller .inputs input:nth-child(3) {
        clear: both;
        margin-top: 10px
    }

    .discount-slider-controller .inputs input:nth-child(3)+label {
        margin-top: 10px
    }
}

.discount-slider-controller .price-container {
    float: right;
    width: 13.5625rem
}

.discount-slider-controller .price-container .price {
    font-size: 1.87437rem
}

.ui-slider-percent {
    display: block;
    position: absolute;
    background: none;
    border: 0;
    color: #a8a8a8;
    
    font-size: .875rem;
    bottom: -1.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ui-slider .ui-state-active .ui-slider-percent {
    color: #fff;
    bottom: -.875rem
}

.ui-slider-price {
    display: block;
    position: absolute;
    background: none;
    border: 0;
    color: #a8a8a8;
    
    font-size: .875rem;
    bottom: -2.375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ui-slider .ui-state-active .ui-slider-price {
    color: #fff;
    bottom: -2rem
}

.slider.range,
.slider.single {
    height: .625rem;
    border-radius: .5rem;
    background: #d6d6d6;
    border-top: .0625rem solid hsla(0, 0%, 100%, .4);
    border-bottom: .0625rem solid hsla(0, 0%, 100%, .8);
    box-shadow: 0 1px #e9ebee, inset 0 3px 15px #dcdcdc
}

.slider.range .ui-slider-handle,
.slider.range .ui-state-active,
.slider.single .ui-slider-handle,
.slider.single .ui-state-active {
    width: auto;
    min-width: 2.5rem;
    height: 1.0625rem;
    background: url(../../img/slider-range-handler.png) no-repeat top;
    padding: 0 .3125rem;
    border-radius: .5rem;
    margin: 0;
    top: -.25rem;
    color: #0a0a0a;
    font-size: .8125rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    line-height: 1.1875rem;
    box-shadow: 0 2px 4.9px .1px rgba(0, 0, 0, .14)
}

.slider-max,
.slider-min {
    float: left;
    color: #6886a3;
    font-size: .8125rem
}

.slider-max {
    float: right
}

.slider .ui-slider-range.ui-widget-header {
    height: .5625rem;
    border-radius: .25rem;
    background: #4fbb2e;
    box-shadow: 0 2px 1.96px .04px rgba(0, 0, 0, .07);
    border-top: .0625rem solid #b0fa96;
    border-bottom: .0625rem solid #256e14
}

.set-first-position {
    cursor: pointer
}

.cart-header {
    border-top: .1875rem solid #fff !important;
    border-bottom: 0 !important;
    height: 5.25rem;
    padding: 1.25rem 0 0;
    margin: 0 0 2.1875rem
}

.cart-header .logo-container {
    text-align: center
}

@media screen and (max-width:39.9375em) {

    .cart-wrapper .h1,
    .cart-wrapper h1 {
        margin-bottom: 0
    }
}

.cart-wrapper .steps {
    margin-bottom: 1.25rem;
    counter-reset: b
}

@media screen and (min-width:40em) {
    .cart-wrapper .steps {
        margin-bottom: 5.375rem
    }
}

.cart-wrapper .steps .line {
    background: url(../../img/bg-range-dark-pattern.png) repeat-x;
    height: .5625rem;
    border-bottom: 1px solid #3a5267;
    border-radius: .1875rem;
    margin-top: 3rem;
    margin-bottom: .75rem
}

.cart-wrapper .steps .line .progress {
    height: .5625rem;
    border-radius: .25rem;
    background-color: #4fbb2e;
    box-shadow: 0 0 15px 5px rgba(91, 221, 53, .2);
    border-top: .0625rem solid #b0fa96;
    border-bottom: .0625rem solid #256e14
}

.cart-wrapper .steps ul {
    position: relative
}

.cart-wrapper .steps ul li {
    position: absolute;
    float: left;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    font-size: .75rem;
    color: #333;
}

.cart-wrapper .steps ul li:before {
    content: counter(b);
    counter-increment: b;
    position: absolute;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -106px -701px;
    width: 24px;
    height: 25px;
    left: 50%;
    top: -1.0625rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: .875rem;
    line-height: 1.5625rem;
    color: white;
}

.cart-wrapper .steps ul li.step-1 {
    left: 20%
}

.cart-wrapper .steps ul li.step-2 {
    left: 40%
}

.cart-wrapper .steps ul li.step-3 {
    left: 60%
}

.cart-wrapper .steps ul li.step-4 {
    left: 80%
}

@media screen and (max-width:39.9375em) {
    .cart-wrapper .steps ul li span {
        display: none
    }
}

.cart-wrapper .steps .current-step,
.cart-wrapper .steps.step-1 ul .step-1,
.cart-wrapper .steps.step-2 ul .step-1,
.cart-wrapper .steps.step-2 ul .step-2,
.cart-wrapper .steps.step-3 ul .step-1,
.cart-wrapper .steps.step-3 ul .step-2,
.cart-wrapper .steps.step-3 ul .step-3,
.cart-wrapper .steps.step-4 ul .step-1,
.cart-wrapper .steps.step-4 ul .step-2,
.cart-wrapper .steps.step-4 ul .step-3,
.cart-wrapper .steps.step-4 ul .step-4 {
    color: #45c522
}

.cart-wrapper .steps .current-step:before,
.cart-wrapper .steps.step-1 ul .step-1:before,
.cart-wrapper .steps.step-2 ul .step-1:before,
.cart-wrapper .steps.step-2 ul .step-2:before,
.cart-wrapper .steps.step-3 ul .step-1:before,
.cart-wrapper .steps.step-3 ul .step-2:before,
.cart-wrapper .steps.step-3 ul .step-3:before,
.cart-wrapper .steps.step-4 ul .step-1:before,
.cart-wrapper .steps.step-4 ul .step-2:before,
.cart-wrapper .steps.step-4 ul .step-3:before,
.cart-wrapper .steps.step-4 ul .step-4:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -745px 0;
    width: 32px;
    height: 32px;
    line-height: 1.9375rem;
    top: -.9375rem
}

.cart-wrapper .steps.step-1 .progress {
    width: 20%
}

.cart-wrapper .steps.step-2 .progress {
    width: 40%
}

.cart-wrapper .steps.step-3 .progress {
    width: 60%
}

.cart-wrapper .steps.step-4 .progress {
    width: 80%
}

.cart-item-list .cart-item,
.cart-white-bg {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    color: #000
}

.cart-item-list {
    margin-top: 30px
}

.cart-item-list .cart-item {
    padding: 15px 5px;
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:64em) {
    .cart-item-list .cart-item {
        padding: 25px 20px;
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.cart-item-list .cart-item .user-info-block {
    float: left;
    margin-right: 18px
}

.cart-item-list .cart-item .user-info .nickname {
    color: #7590aa;
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 700
}

.cart-item-list .cart-item .user-info .stats {
    margin-top: 10px
}

.cart-item-list .cart-item .user-info .stats span {
    display: block;
    font-size: .8125rem;
    line-height: 1.375rem
}

.cart-item-list .cart-item .user-info .stats span i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.cart-item-list .cart-item .user-info .stats span .icon-dollar-muted {
    margin-left: 2px
}

@media screen and (min-width:40em) {
    .cart-item-list .cart-item .large-5 {
        padding-left: 45px;
        padding-top: 10px
    }
}

.cart-item-list .cart-item .product-title {
    color: #7590aa;
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 700
}

.cart-item-list .cart-item .server {
    margin-top: 10px
}

@media screen and (min-width:40em) {
    .cart-item-list .cart-item .leftborder {
        border-left: 1px solid #cecece
    }
}

.cart-item-list .cart-item .amount {
    margin-right: 1.875rem;
    display: block
}

@media screen and (min-width:40em) {
    .cart-item-list .cart-item .amount {
        text-align: right
    }
}

.cart-item-list .cart-item .amount .muted,
.cart-item-list .cart-item .amount .user-details-modal .transaction-quality .stars-row .avg,
.cart-item-list .cart-item .amount .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .cart-item-list .cart-item .amount .avg,
.user-rating-stars .cart-item-list .cart-item .amount .avg {
    font-size: 13px;
    display: block
}

.cart-item-list .cart-item .remove-from-cart {
    display: inline-block;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -307px;
    width: 18px;
    height: 18px;
    margin-left: 15px
}

.cart-item-list .cart-item .inner-center {
    position: relative
}

@media screen and (min-width:40em) {
    .cart-item-list .cart-item .inner-center>* {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px
    }
}

.cart-summary {
    margin-top: 20px
}

.cart-summary .large-offset-half {
    padding-bottom: 30px
}

@media screen and (min-width:40em) {
    .cart-summary .large-offset-half {
        margin-bottom: 0
    }
}

@media screen and (min-width:64em) {
    .cart-summary .large-offset-half {
        padding-left: 4.6875rem
    }
}

.cart-summary .h2,
.cart-summary h2 {
    line-height: 100%;
    margin-bottom: 10px
}

.cart-summary .muted,
.cart-summary .user-details-modal .transaction-quality .stars-row .avg,
.cart-summary .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .cart-summary .avg,
.user-rating-stars .cart-summary .avg {
    font-size: .8125rem;
    display: block;
    line-height: 20px
}

.cart-item-list .cart-summary .cart-item,
.cart-summary .cart-item-list .cart-item,
.cart-summary .cart-white-bg {
    padding: 10px;
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:40em) {

    .cart-item-list .cart-summary .cart-item,
    .cart-summary .cart-item-list .cart-item,
    .cart-summary .cart-white-bg {
        height: 76px
    }
}

@media screen and (min-width:64em) {

    .cart-item-list .cart-summary .cart-item,
    .cart-summary .cart-item-list .cart-item,
    .cart-summary .cart-white-bg {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.cart-summary .name {
    display: block;
    margin-top: 5px
}

.cart-summary .name i {
    color: #d80041;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 20px;
    font-size: 40px
}

.cart-summary .name i.odealoicon-cr {
    vertical-align: baseline;
    margin-right: 16px
}

.cart-summary .text-right {
    padding-right: 4.0625rem;
    padding-left: 0
}

.cart-summary .total-usd-value,
.cart-summary .total-value {
    display: block;
    float: right;
    color: #3dae1b;
    margin-top: 15px
}

@media screen and (min-width:64em) {

    .cart-summary .total-usd-value,
    .cart-summary .total-value {
        margin-right: -15px
    }
}

.cart-summary .total-usd-value {
    clear: both;
    margin-top: 0;
    font-size: 1.125rem;
    margin-bottom: 15px
}

.cart-summary .input,
.cart-summary .input:focus,
.cart-summary .tag-editor,
.cart-summary .tag-editor:focus,
.cart-summary select {
    width: 250px;
    margin-bottom: 0;
    height: 53px
}

.cart-steps-buttons {
    margin-top: 10px
}

.cart-steps-buttons .go-back {
    display: block;
    text-decoration: underline;
    font-size: .8125rem;
    margin-top: 10px
}

@media screen and (min-width:64em) {
    .cart-steps-buttons .go-back {
        margin-top: 20px
    }
}

@media screen and (min-width:75em) {
    .cart-steps-buttons .go-back {
        margin-top: 0
    }
}

@media screen and (min-width:64em) {
    .cart-steps-buttons .text-right {
        margin-right: -15px
    }
}

.cart-steps-buttons .green-button {
    float: right
}

.cart-steps-buttons .green-button a {
    padding: 0 50px
}

.cart-steps-buttons .muted,
.cart-steps-buttons .user-details-modal .transaction-quality .stars-row .avg,
.cart-steps-buttons .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .cart-steps-buttons .avg,
.user-rating-stars .cart-steps-buttons .avg {
    float: right;
    display: block;
    font-size: .8125rem;
    margin-top: 20px
}

.server {
    margin-top: 10px;
    margin-bottom: 20px
}

@media screen and (min-width:64em) {
    .server {
        margin-bottom: 0
    }
}

.server i {
    display: block;
    float: left;
    margin-right: 13px
}

@media screen and (min-width:64em) {
    .server i {
        margin-top: 8px
    }
}

.server .server-id,
.server .server-name {
    font-size: .8125rem;
    color: #000
}

.server .server-id {
    margin-right: 10px;
    font-weight: 600
}

.server .muted,
.server .user-details-modal .transaction-quality .stars-row .avg,
.server .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .server .avg,
.user-rating-stars .server .avg {
    font-size: .8125rem
}

.server.muted .server-id,
.server.muted .server-name,
.user-details-modal .transaction-quality .stars-row .server.avg .server-id,
.user-details-modal .transaction-quality .stars-row .server.avg .server-name,
.user-rating-stars .server.avg .server-id,
.user-rating-stars .server.avg .server-name {
    color: #bfbfbf
}

.row-fix {
    width: calc(100% + 30px);
    max-width: none
}

.payment-selector .h3,
.payment-selector h3 {
    margin-bottom: 20px
}

.payment-method-selector .payment-method-item:last-child:not(:first-child) {
    float: left
}

.payment-method-selector .medium-3,
.payment-method-selector .medium-4,
.payment-method-selector .medium-6 {
    padding: 0 10px;
    padding-bottom: 20px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item,
.cart-item-list .payment-method-selector .medium-4 .cart-item,
.cart-item-list .payment-method-selector .medium-6 .cart-item,
.payment-method-selector .medium-3 .cart-item-list .cart-item,
.payment-method-selector .medium-3 .cart-white-bg,
.payment-method-selector .medium-4 .cart-item-list .cart-item,
.payment-method-selector .medium-4 .cart-white-bg,
.payment-method-selector .medium-6 .cart-item-list .cart-item,
.payment-method-selector .medium-6 .cart-white-bg {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    padding: 10px;
    display: inline-block;
    max-width: 200px;
    min-width: 100%
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container,
.payment-method-selector .medium-3 .cart-white-bg .img-container,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container,
.payment-method-selector .medium-4 .cart-white-bg .img-container,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container,
.payment-method-selector .medium-6 .cart-white-bg .img-container {
    width: 90%;
    height: 55px;
    position: relative;
    margin: 10px auto;
    margin-bottom: 15px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container img,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container img,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container img,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container img,
.payment-method-selector .medium-3 .cart-white-bg .img-container img,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container img,
.payment-method-selector .medium-4 .cart-white-bg .img-container img,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container img,
.payment-method-selector .medium-6 .cart-white-bg .img-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-paypal:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-paypal:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-paypal:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-paypal:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-paypal:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-paypal:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-paypal:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-paypal:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-paypal:before {
    background: url(../../img/logo-paypal.png) no-repeat center .625rem;
    height: 65px;
    width: 182px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-paypal-blank:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-paypal-blank:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-paypal-blank:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-paypal-blank:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-paypal-blank:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-paypal-blank:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-paypal-blank:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-paypal-blank:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-paypal-blank:before {
    background: url(../../img/logo-paypal_blank.png) no-repeat center .625rem;
    height: 50px;
    width: 137px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-webmoney:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-webmoney:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-webmoney:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-webmoney:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-webmoney:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-webmoney:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-webmoney:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-webmoney:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-webmoney:before {
    background: url(../../img/logo-webmoney.png) no-repeat 50%;
    height: 50px;
    width: 165px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-payu:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-payu:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-payu:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-payu:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-payu:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-payu:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-payu:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-payu:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-payu:before {
    background: url(../../img/logo-payu.png) no-repeat 50%;
    height: 50px;
    width: 165px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-googlepay:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-googlepay:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-googlepay:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-googlepay:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-googlepay:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-googlepay:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-googlepay:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-googlepay:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-googlepay:before {
    background: url(../../img/icon_gpayu.png) no-repeat 50%;
    height: 60px;
    width: 165px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-dotpay:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-dotpay:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-dotpay:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-dotpay:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-dotpay:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-dotpay:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-dotpay:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-dotpay:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-dotpay:before {
    background: url(../../img/icon_dotpay.png) no-repeat 50%;
    height: 60px;
    width: 165px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-tpay:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-tpay:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-tpay:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-tpay:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-tpay:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-tpay:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-tpay:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-tpay:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-tpay:before {
    background: url(../../img/logo-tpay.png) no-repeat 50%;
    height: 60px;
    width: 170px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-ecommpay:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-ecommpay:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-ecommpay:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-ecommpay:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-ecommpay:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-ecommpay:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-ecommpay:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-ecommpay:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-ecommpay:before {
    background: url(../../img/logo-ecommpay.jpg) no-repeat 50%;
    height: 60px;
    width: 170px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-neteller:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-neteller:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-neteller:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-neteller:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-neteller:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-neteller:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-neteller:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-neteller:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-neteller:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -202px -390px;
    width: 154px;
    height: 43px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-skrill:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-skrill:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-skrill:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-skrill:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-skrill:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-skrill:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-skrill:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-skrill:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-skrill:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -147px -168px;
    width: 112px;
    height: 48px
}

.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-balance:before,
.cart-item-list .payment-method-selector .medium-3 .cart-item .img-container.payment-deposit:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-balance:before,
.cart-item-list .payment-method-selector .medium-4 .cart-item .img-container.payment-deposit:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-balance:before,
.cart-item-list .payment-method-selector .medium-6 .cart-item .img-container.payment-deposit:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-balance:before,
.payment-method-selector .medium-3 .cart-item-list .cart-item .img-container.payment-deposit:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-balance:before,
.payment-method-selector .medium-3 .cart-white-bg .img-container.payment-deposit:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-balance:before,
.payment-method-selector .medium-4 .cart-item-list .cart-item .img-container.payment-deposit:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-balance:before,
.payment-method-selector .medium-4 .cart-white-bg .img-container.payment-deposit:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-balance:before,
.payment-method-selector .medium-6 .cart-item-list .cart-item .img-container.payment-deposit:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-balance:before,
.payment-method-selector .medium-6 .cart-white-bg .img-container.payment-deposit:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -376px -390px;
    width: 150px;
    height: 33px
}

.payment-method-selector .right {
    width: 211px
}

.payment-method-selector .right select {
    margin-bottom: 0;
    height: 37px
}

.payment-method-selector .iradio_minimal {
    vertical-align: initial;
    margin-right: 0;
    position: static !important
}

.payment-method-selector .iradio_minimal input {
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.payment-method-selector .payment-name {
    font-size: 1.0625rem;
    font-weight: 700;
    display: block
}

.payment-method-selector .payment-fee {
    font-size: .8125rem;
    display: block
}

.cart-item-list .order-summary .cart-item,
.order-summary .cart-item-list .cart-item,
.order-summary .cart-white-bg {
    padding: 30px;
    padding-bottom: 0;
    position: relative
}

.cart-item-list .order-summary .cart-item .item,
.order-summary .cart-item-list .cart-item .item,
.order-summary .cart-white-bg .item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bfbfbf
}

.cart-item-list .order-summary .cart-item .item .price,
.order-summary .cart-item-list .cart-item .item .price,
.order-summary .cart-white-bg .item .price {
    font-weight: 900
}

.order-summary .title {
    font-weight: 600;
    max-width: 70%;
    display: block;
    float: left
}

.order-summary .price,
.order-summary .usd-price {
    float: right
}

.order-summary .diamonds .muted,
.order-summary .diamonds .user-details-modal .transaction-quality .stars-row .avg,
.order-summary .diamonds .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row .order-summary .diamonds .avg,
.user-rating-stars .order-summary .diamonds .avg {
    font-size: .8125rem
}

.order-summary .diamonds .red {
    color: var(--primary-color)
}

.order-summary .summary {
    margin: 50px -31px -1px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding: 15px 30px;
    background-color: #f1f1f1
}

.order-summary .summary .commision {
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 15px
}

.order-summary .summary .total .price {
    color: #4fbb2e;
    font-weight: 700
}

.order-summary .summary .total .usd-price {
    color: #4fbb2e;
    font-size: .9375rem
}

.line-through {
    text-decoration: line-through
}

.left {
    float: left
}

.right {
    float: right
}

.icon-dollar-muted {
    background-position: -130px -785px;
    width: 10px;
    height: 13px
}

.icon-comment-muted,
.icon-dollar-muted {
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icon-comment-muted {
    background-position: -645px -452px;
    width: 11px;
    height: 9px
}

.icon-star-muted {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -227px -591px;
    width: 10px;
    height: 10px
}

.icon-server-black {
    background-position: 0 -701px
}

.icon-server-black,
.icon-server-gray {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 33px;
    height: 30px
}

.icon-server-gray {
    background-position: -53px -701px
}

.icon-one-diamond {
    background-position: -682px -549px;
    height: 33px
}

.icon-dollar-big-red,
.icon-one-diamond {
    background-image: url(../../img/sprites_ver=0.3.png);
    width: 35px
}

.icon-dollar-big-red {
    background-position: -171px -652px;
    height: 28px
}

@media screen and (min-width:40em) {
    .adds-to-buy .text-price {
        text-align: right
    }
}

.columns-select-wrapper {
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (min-width:40em) {
    .columns-select-wrapper {
        margin-top: 0;
        margin-bottom: 0
    }
}

.chart-content {
    width: 100%
}

.chart-content .chart-title {
    color: #000;
    font-weight: 700;
    font-size: 1.0625rem;
    text-align: left;
    float: left;
    line-height: 1
}

.chart-content .chart-info {
    font-size: .8125rem;
    text-align: right;
    float: right;
    color: #bfbfbf
}

.chart-content .charts-container {
    margin-top: 1.25rem;
    width: 100%;
    height: 18.75rem
}

.hp-charts {
    margin-bottom: 20px
}

.hp-charts__info {
    font-size: .8125rem;
    color: #bfbfbf
}

.hp-charts__chart {
    margin: 20px 0
}

.hp-charts__details {
    padding-top: 20px;
    margin-bottom: 20px
}

.hp-charts .charts-container {
    margin-top: 1.25rem;
    width: 100%;
    height: 18.75rem
}

.hp-charts .charts-container .amcharts-chart-div>svg .amcharts-zoom-out-bg,
.hp-charts .charts-container .amcharts-chart-div>svg .amcharts-zoom-out-label {
    display: none
}

.hp-charts .charts-container .amcharts-chart-div>a {
    display: none !important
}

.hp-charts__current {
    width: 100%;
    max-width: 140px
}

@media only screen and (min-width:40.063em) and (max-width:64em),
only screen and (min-width:80rem) {
    .hp-charts__current {
        float: left;
        padding-right: 10px
    }
}

.hp-charts__past {
    width: 100%;
    max-width: 430px;
    margin-top: 20px
}

@media only screen and (min-width:40.063em) and (max-width:64em),
only screen and (min-width:80rem) {
    .hp-charts__past {
        float: left;
        padding-left: 40px;
        margin-top: 0;
        margin-left: 20px;
        border-left: 1px solid #2c3b4d;
        box-shadow: -1px 0 0 #010c1b
    }
}

.hp-charts__item {
    float: left;
    margin-right: 25px;
    margin-bottom: 10px
}

.hp-charts__muted {
    font-size: 1rem;
    color: #bfbfbf
}

.hp-charts__below-info {
    font-size: .8125rem;
    color: #bfbfbf
}

.hp-charts__price {
    font-size: 1rem;
    line-height: 1rem
}

.hp-charts__price--big {
    font-size: 1.875rem;
    line-height: 1.875rem
}

.hp-charts__price--big span {
    font-size: 1.25rem
}

.hp-charts__price--positive {
    color: #4fbb2e
}

.hp-charts__price--negative {
    color: #e50b4e
}

.dropdown-pane {
    background-color: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .32);
    padding: 10px 20px;
    top: 41px !important
}

@media screen and (min-width:40em) {
    .dropdown-pane {
        left: auto !important;
        right: -15px
    }
}

.dropdown-pane:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    top: -7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 22px;
    background-color: #fff
}

#user-settings-dropdown ul {
    list-style: none;
    margin: 0
}

#user-settings-dropdown li {
    border-bottom: 1px solid rgba(58, 77, 102, .25);
    padding-bottom: 9px
}

#user-settings-dropdown li~li {
    padding-top: 7px
}

#user-settings-dropdown li:last-child {
    border-bottom: none
}

#user-settings-dropdown .icon-logout {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px 0;
    width: 19px;
    height: 20px
}

#user-settings-dropdown .muted,
#user-settings-dropdown .user-details-modal .transaction-quality .stars-row .avg,
#user-settings-dropdown .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row #user-settings-dropdown .avg,
.user-rating-stars #user-settings-dropdown .avg {
    font-size: 13px;
    float: right;
    line-height: 28px
}

#user-settings-dropdown a {
    color: #000;
    font-size: 13px;
    font-weight: 600
}

span.ui-spinner {
    border: none;
    background-color: transparent;
    position: relative
}

span.ui-spinner input {
    display: inline !important
}

span.ui-spinner .ui-spinner-button.ui-spinner-up {
    margin-left: -28px;
    top: -9px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -89px -751px;
    width: 11px;
    height: 12px
}

span.ui-spinner .ui-spinner-button.ui-spinner-down {
    margin-left: -14px;
    top: 6px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -555px -591px;
    width: 13px;
    height: 5px
}

.toggle-switch label {
    display: block;
    width: 160px;
    margin: 70px auto 0;
    background: #ccc;
    height: 80px;
    border-radius: 40px;
    background: linear-gradient(180deg, #9e9e9e 30%, #f4f4f4);
    box-shadow: 0 2px 0 0 #fff, 0 -2px 0 0 #969494;
    position: relative;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.toggle-switch label input {
    display: none
}

.toggle-switch label span.wrap-around {
    display: block;
    width: 120px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, #8b8c8e 20%, #f4f4f4);
    border-radius: 25px
}

.toggle-switch label span.wrap-around:after {
    content: "";
    position: absolute;
    display: block;
    height: 46px;
    width: 116px;
    left: 2px;
    top: 2px;
    border-radius: 23px;
    background: #828080;
    box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, .8);
    transition: .2s
}

.toggle-switch label i {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    background: linear-gradient(0deg, #9e9e9e 20%, #f4f4f4);
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .7);
    top: 10px;
    left: 15px;
    transition: .25s
}

.toggle-switch label i:after {
    content: "";
    position: absolute;
    display: block;
    width: 52px;
    height: 52px;
    left: 4px;
    top: 4px;
    border-radius: 50%;
    background: #d5d4d4;
    z-index: 1
}

.toggle-switch label input:checked~i {
    top: 10px;
    left: 86px
}

.toggle-switch label input:checked+span.wrap-around:after {
    background: #4ebc2a;
    box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, .6)
}

.toggle-switch label input:checked+span.wrap-around>.off {
    color: transparent;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0)
}

.toggle-switch label input:checked+span.wrap-around>.on {
    color: #1f291b;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .3)
}

.toggle-switch label:after {
    content: "";
    position: absolute;
    display: block;
    width: 164px;
    height: 84px;
    border-radius: 42px;
    background: red;
    top: -2px;
    left: -2px;
    z-index: -1;
    background: linear-gradient(180deg, #969494, #fff)
}

.toggle-switch label:hover {
    cursor: pointer
}

.toggle-switch label:active,
.toggle-switch label:focus {
    outline: 0
}

.toggle-switch .off,
.toggle-switch .on {
    text-transform: uppercase;
    position: absolute;
    left: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2em;
    font-weight: 600;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    letter-spacing: 1px;
    transition: .25s
}

.toggle-switch .on {
    color: transparent;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0)
}

.toggle-switch .off {
    left: auto;
    right: 17px;
    color: #2a0606;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

.toggle-switch.tiny label {
    margin: 7px auto;
    height: 40px;
    background: linear-gradient(180deg, #eaeaea 30%, #fefefe);
    box-shadow: none;
    width: 100px
}

.toggle-switch.tiny label span.wrap-around {
    width: 78px;
    height: 25px
}

.toggle-switch.tiny label span.wrap-around:after {
    width: 77px;
    height: 23px
}

.toggle-switch.tiny label i {
    width: 30px;
    height: 30px;
    top: 4px;
    left: 0
}

.toggle-switch.tiny label i:after {
    width: 26px;
    height: 26px;
    top: 3px;
    left: 2px
}

.toggle-switch.tiny label input:checked~i {
    top: 4px;
    left: 66px
}

.toggle-switch.tiny label:after {
    display: none
}

.tag-editor .red-tag .tag-editor-tag {
    color: #c65353;
    background: #ffd7d7
}

.tag-editor .red-tag .tag-editor-delete {
    background-color: #ffd7d7
}

.tag-editor .green-tag .tag-editor-tag {
    color: #45872c;
    background: #e1f3da
}

.tag-editor .green-tag .tag-editor-delete {
    background-color: #e1f3da
}

.tag-editor {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    cursor: text;
    color: #555;
    background: #fff;
    line-height: 20px;
    border: .0625rem solid #fff;
    font-size: .875rem
}

.tag-editor li {
    display: block;
    float: left;
    overflow: hidden;
    margin: 3px 0
}

.tag-editor div {
    float: left;
    padding: 0 4px
}

.tag-editor .placeholder {
    height: 3.375rem;
    line-height: 2.9375rem;
    padding: 0 1.5625rem;
    color: #b8b8b8
}

.tag-editor .tag-editor-spacer {
    padding: 0;
    width: 8px;
    overflow: hidden;
    color: transparent;
    background: none
}

.tag-editor input {
    vertical-align: inherit;
    border: 0;
    outline: none;
    padding: 2px;
    margin: 0;
    cursor: text;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    box-shadow: none;
    background: none;
    color: #444;
    height: 50%;
    min-width: 100px !important
}

.tag-editor-hidden-src {
    position: absolute !important;
    left: -99999px
}

.tag-editor ::-ms-clear {
    display: none
}

.tag-editor .tag-editor-tag {
    padding-left: 0;
    color: #0a0a0a;
    background: none !important;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border: 0 !important;
    border-radius: 0
}

.tag-editor .tag-editor-delete {
    background: #e0eaf1;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    padding-left: 3px;
    padding-right: 4px
}

.tag-editor .tag-editor-delete i {
    line-height: 18px;
    display: inline-block
}

.tag-editor .tag-editor-delete i:before {
    font-size: 16px;
    color: #8ba7ba;
    content: "×";
    font-style: normal
}

.tag-editor .tag-editor-delete:hover i:before {
    color: #d65454
}

.tag-editor .tag-editor-tag.active+.tag-editor-delete,
.tag-editor .tag-editor-tag.active+.tag-editor-delete i {
    visibility: hidden;
    cursor: text
}

.tag-editor .tag-editor-tag.active {
    background: none !important
}

.table-responsive {
    overflow-x: auto
}

table.gray {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff
}

table.gray td,
table.gray th {
    text-align: left;
    vertical-align: middle;
    height: 2.8125rem;
    padding: 0 1.125rem;
    font-size: .8125rem;
    color: #0a0a0a;
    background: #fff;
    border-right: .0625rem solid #d7d7d7;
    border-bottom: .0625rem solid #d7d7d7
}

table.gray td:first-child,
table.gray th:first-child {
    border-left: .0625rem solid #d7d7d7
}

table.gray td.deposit {
    color: #4fbb2e
}

table.gray td.charge {
    color: var(--primary-color)
}

table.gray td.nowrap {
    white-space: nowrap
}

table.gray td.action-links a {
    position: relative;
    display: block;
    color: #0a0a0a;
    text-decoration: underline;
    font-size: .9375rem;
    text-align: left;
    padding: .3125rem 0 .3125rem 1.875rem
}

table.gray td.action-links a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

table.gray td.action-links a.confirm-delivered {
    color: #4fbb2e
}

table.gray td.action-links a.confirm-delivered:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -458px -701px;
    width: 24px;
    height: 24px
}

table.gray td.action-links a.confirm-received {
    color: #4fbb2e
}

table.gray td.action-links a.confirm-received:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -502px -701px;
    width: 24px;
    height: 24px
}

table.gray td.action-links a.canceled {
    color: var(--primary-color)
}

table.gray td.action-links a.canceled:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -414px -701px;
    width: 24px;
    height: 24px
}

table.gray td.action-links a.confirm-cancel {
    color: var(--primary-color)
}

table.gray td.action-links a.confirm-cancel:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -546px -701px;
    width: 24px;
    height: 24px
}

table.gray td.action-links a.comment-rate {
    color: #ffd737
}

table.gray td.action-links a.comment-rate:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -282px -701px;
    width: 24px;
    height: 24px
}

table.gray td.action-links a.report-missing {
    color: var(--primary-color)
}

table.gray td.action-links a.report-missing:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -238px -701px;
    width: 24px;
    height: 24px
}

table.gray td.action-links a.report-rejected {
    color: var(--primary-color)
}

table.gray td.action-links a.report-rejected:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -326px -701px;
    width: 24px;
    height: 24px
}

table.gray th {
    border-top: .0625rem solid #d7d7d7;
    border-bottom: 0;
    background: #e5e5e5;
    height: 3.1875rem;
    font-size: .875rem
}

table.gray tr:first-child th:first-child {
    border-top-left-radius: .5rem
}

table.gray tr:first-child th:last-child {
    border-top-right-radius: .5rem
}

table.gray tr:last-child td:first-child {
    border-bottom-left-radius: .5rem
}

table.gray tr:last-child td:last-child {
    border-bottom-right-radius: .5rem
}

.f32 .flag {
    background: url(../../img/flags32.png) no-repeat
}

.f32 ._African_Union {
    background-position: 0 -32px
}

.f32 ._Arab_League {
    background-position: 0 -64px
}

.f32 ._ASEAN {
    background-position: 0 -96px
}

.f32 ._CARICOM {
    background-position: 0 -128px
}

.f32 ._CIS {
    background-position: 0 -160px
}

.f32 ._Commonwealth {
    background-position: 0 -192px
}

.f32 ._England {
    background-position: 0 -224px
}

.f32 ._European_Union {
    background-position: 0 -256px
}

.f32 ._Islamic_Conference {
    background-position: 0 -288px
}

.f32 ._Kosovo {
    background-position: 0 -320px
}

.f32 ._NATO {
    background-position: 0 -352px
}

.f32 ._Northern_Cyprus {
    background-position: 0 -384px
}

.f32 ._Northern_Ireland {
    background-position: 0 -416px
}

.f32 ._Olimpic_Movement {
    background-position: 0 -448px
}

.f32 ._OPEC {
    background-position: 0 -480px
}

.f32 ._Red_Cross {
    background-position: 0 -512px
}

.f32 ._Scotland {
    background-position: 0 -544px
}

.f32 ._Somaliland {
    background-position: 0 -576px
}

.f32 ._Tibet {
    background-position: 0 -608px
}

.f32 ._United_Nations {
    background-position: 0 -640px
}

.f32 ._Wales {
    background-position: 0 -672px
}

.f32 .eu {
    background-position: 0 -256px
}

.f32 .ad {
    background-position: 0 -704px
}

.f32 .ae {
    background-position: 0 -736px
}

.f32 .af {
    background-position: 0 -768px
}

.f32 .ag {
    background-position: 0 -800px
}

.f32 .ai {
    background-position: 0 -832px
}

.f32 .al {
    background-position: 0 -864px
}

.f32 .am {
    background-position: 0 -896px
}

.f32 .ao {
    background-position: 0 -928px
}

.f32 .aq {
    background-position: 0 -960px
}

.f32 .ar {
    background-position: 0 -992px
}

.f32 .as {
    background-position: 0 -1024px
}

.f32 .at {
    background-position: 0 -1056px
}

.f32 .au {
    background-position: 0 -1088px
}

.f32 .aw {
    background-position: 0 -1120px
}

.f32 .ax {
    background-position: 0 -1152px
}

.f32 .az {
    background-position: 0 -1184px
}

.f32 .ba {
    background-position: 0 -1216px
}

.f32 .bb {
    background-position: 0 -1248px
}

.f32 .bd {
    background-position: 0 -1280px
}

.f32 .be {
    background-position: 0 -1312px
}

.f32 .bf {
    background-position: 0 -1344px
}

.f32 .bg {
    background-position: 0 -1376px
}

.f32 .bh {
    background-position: 0 -1408px
}

.f32 .bi {
    background-position: 0 -1440px
}

.f32 .bj {
    background-position: 0 -1472px
}

.f32 .bm {
    background-position: 0 -1504px
}

.f32 .bn {
    background-position: 0 -1536px
}

.f32 .bo {
    background-position: 0 -1568px
}

.f32 .br {
    background-position: 0 -1600px
}

.f32 .bs {
    background-position: 0 -1632px
}

.f32 .bt {
    background-position: 0 -1664px
}

.f32 .bw {
    background-position: 0 -1696px
}

.f32 .by {
    background-position: 0 -1728px
}

.f32 .bz {
    background-position: 0 -1760px
}

.f32 .ca {
    background-position: 0 -1792px
}

.f32 .cd {
    background-position: 0 -1824px
}

.f32 .cf {
    background-position: 0 -1856px
}

.f32 .cg {
    background-position: 0 -1888px
}

.f32 .ch {
    background-position: 0 -1920px
}

.f32 .ci {
    background-position: 0 -1952px
}

.f32 .ck {
    background-position: 0 -1984px
}

.f32 .cl {
    background-position: 0 -2016px
}

.f32 .cm {
    background-position: 0 -2048px
}

.f32 .cn {
    background-position: 0 -2080px
}

.f32 .co {
    background-position: 0 -2112px
}

.f32 .cr {
    background-position: 0 -2144px
}

.f32 .cu {
    background-position: 0 -2176px
}

.f32 .cv {
    background-position: 0 -2208px
}

.f32 .cy {
    background-position: 0 -2240px
}

.f32 .cz {
    background-position: 0 -2272px
}

.f32 .de {
    background-position: 0 -2304px
}

.f32 .dj {
    background-position: 0 -2336px
}

.f32 .dk {
    background-position: 0 -2368px
}

.f32 .dm {
    background-position: 0 -2400px
}

.f32 .do {
    background-position: 0 -2432px
}

.f32 .dz {
    background-position: 0 -2464px
}

.f32 .ec {
    background-position: 0 -2496px
}

.f32 .ee {
    background-position: 0 -2528px
}

.f32 .eg {
    background-position: 0 -2560px
}

.f32 .eh {
    background-position: 0 -2592px
}

.f32 .er {
    background-position: 0 -2624px
}

.f32 .es {
    background-position: 0 -2656px
}

.f32 .et {
    background-position: 0 -2688px
}

.f32 .fi {
    background-position: 0 -2720px
}

.f32 .fj {
    background-position: 0 -2752px
}

.f32 .fm {
    background-position: 0 -2784px
}

.f32 .fo {
    background-position: 0 -2816px
}

.f32 .bl,
.f32 .cp,
.f32 .fr,
.f32 .mf,
.f32 .yt {
    background-position: 0 -2848px
}

.f32 .ga {
    background-position: 0 -2880px
}

.f32 .gb,
.f32 .sh {
    background-position: 0 -2912px
}

.f32 .gd {
    background-position: 0 -2944px
}

.f32 .ge {
    background-position: 0 -2976px
}

.f32 .gg {
    background-position: 0 -3008px
}

.f32 .gh {
    background-position: 0 -3040px
}

.f32 .gi {
    background-position: 0 -3072px
}

.f32 .gl {
    background-position: 0 -3104px
}

.f32 .gm {
    background-position: 0 -3136px
}

.f32 .gn {
    background-position: 0 -3168px
}

.f32 .gp {
    background-position: 0 -3200px
}

.f32 .gq {
    background-position: 0 -3232px
}

.f32 .gr {
    background-position: 0 -3264px
}

.f32 .gt {
    background-position: 0 -3296px
}

.f32 .gu {
    background-position: 0 -3328px
}

.f32 .gw {
    background-position: 0 -3360px
}

.f32 .gy {
    background-position: 0 -3392px
}

.f32 .hk {
    background-position: 0 -3424px
}

.f32 .hn {
    background-position: 0 -3456px
}

.f32 .hr {
    background-position: 0 -3488px
}

.f32 .ht {
    background-position: 0 -3520px
}

.f32 .hu {
    background-position: 0 -3552px
}

.f32 .id,
.f32 .mc {
    background-position: 0 -3584px
}

.f32 .ie {
    background-position: 0 -3616px
}

.f32 .il {
    background-position: 0 -3648px
}

.f32 .im {
    background-position: 0 -3680px
}

.f32 .in {
    background-position: 0 -3712px
}

.f32 .iq {
    background-position: 0 -3744px
}

.f32 .ir {
    background-position: 0 -3776px
}

.f32 .is {
    background-position: 0 -3808px
}

.f32 .it {
    background-position: 0 -3840px
}

.f32 .je {
    background-position: 0 -3872px
}

.f32 .jm {
    background-position: 0 -3904px
}

.f32 .jo {
    background-position: 0 -3936px
}

.f32 .jp {
    background-position: 0 -3968px
}

.f32 .ke {
    background-position: 0 -4000px
}

.f32 .kg {
    background-position: 0 -4032px
}

.f32 .kh {
    background-position: 0 -4064px
}

.f32 .ki {
    background-position: 0 -4096px
}

.f32 .km {
    background-position: 0 -4128px
}

.f32 .kn {
    background-position: 0 -4160px
}

.f32 .kp {
    background-position: 0 -4192px
}

.f32 .kr {
    background-position: 0 -4224px
}

.f32 .kw {
    background-position: 0 -4256px
}

.f32 .ky {
    background-position: 0 -4288px
}

.f32 .kz {
    background-position: 0 -4320px
}

.f32 .la {
    background-position: 0 -4352px
}

.f32 .lb {
    background-position: 0 -4384px
}

.f32 .lc {
    background-position: 0 -4416px
}

.f32 .li {
    background-position: 0 -4448px
}

.f32 .lk {
    background-position: 0 -4480px
}

.f32 .lr {
    background-position: 0 -4512px
}

.f32 .ls {
    background-position: 0 -4544px
}

.f32 .lt {
    background-position: 0 -4576px
}

.f32 .lu {
    background-position: 0 -4608px
}

.f32 .lv {
    background-position: 0 -4640px
}

.f32 .ly {
    background-position: 0 -4672px
}

.f32 .ma {
    background-position: 0 -4704px
}

.f32 .md {
    background-position: 0 -4736px
}

.f32 .me {
    background-position: 0 -4768px
}

.f32 .mg {
    background-position: 0 -4800px
}

.f32 .mh {
    background-position: 0 -4832px
}

.f32 .mk {
    background-position: 0 -4864px
}

.f32 .ml {
    background-position: 0 -4896px
}

.f32 .mm {
    background-position: 0 -4928px
}

.f32 .mn {
    background-position: 0 -4960px
}

.f32 .mo {
    background-position: 0 -4992px
}

.f32 .mq {
    background-position: 0 -5024px
}

.f32 .mr {
    background-position: 0 -5056px
}

.f32 .ms {
    background-position: 0 -5088px
}

.f32 .mt {
    background-position: 0 -5120px
}

.f32 .mu {
    background-position: 0 -5152px
}

.f32 .mv {
    background-position: 0 -5184px
}

.f32 .mw {
    background-position: 0 -5216px
}

.f32 .mx {
    background-position: 0 -5248px
}

.f32 .my {
    background-position: 0 -5280px
}

.f32 .mz {
    background-position: 0 -5312px
}

.f32 .na {
    background-position: 0 -5344px
}

.f32 .nc {
    background-position: 0 -5376px
}

.f32 .ne {
    background-position: 0 -5408px
}

.f32 .ng {
    background-position: 0 -5440px
}

.f32 .ni {
    background-position: 0 -5472px
}

.f32 .bq,
.f32 .nl {
    background-position: 0 -5504px
}

.f32 .bv,
.f32 .no,
.f32 .nq,
.f32 .sj {
    background-position: 0 -5536px
}

.f32 .np {
    background-position: 0 -5568px
}

.f32 .nr {
    background-position: 0 -5600px
}

.f32 .nz {
    background-position: 0 -5632px
}

.f32 .om {
    background-position: 0 -5664px
}

.f32 .pa {
    background-position: 0 -5696px
}

.f32 .pe {
    background-position: 0 -5728px
}

.f32 .pf {
    background-position: 0 -5760px
}

.f32 .pg {
    background-position: 0 -5792px
}

.f32 .ph {
    background-position: 0 -5824px
}

.f32 .pk {
    background-position: 0 -5856px
}

.f32 .pl {
    background-position: 0 -5888px
}

.f32 .pr {
    background-position: 0 -5920px
}

.f32 .ps {
    background-position: 0 -5952px
}

.f32 .pt {
    background-position: 0 -5984px
}

.f32 .pw {
    background-position: 0 -6016px
}

.f32 .py {
    background-position: 0 -6048px
}

.f32 .qa {
    background-position: 0 -6080px
}

.f32 .re {
    background-position: 0 -6112px
}

.f32 .ro {
    background-position: 0 -6144px
}

.f32 .rs {
    background-position: 0 -6176px
}

.f32 .ru {
    background-position: 0 -6208px
}

.f32 .rw {
    background-position: 0 -6240px
}

.f32 .sa {
    background-position: 0 -6272px
}

.f32 .sb {
    background-position: 0 -6304px
}

.f32 .sc {
    background-position: 0 -6336px
}

.f32 .sd {
    background-position: 0 -6368px
}

.f32 .se {
    background-position: 0 -6400px
}

.f32 .sg {
    background-position: 0 -6432px
}

.f32 .si {
    background-position: 0 -6464px
}

.f32 .sk {
    background-position: 0 -6496px
}

.f32 .sl {
    background-position: 0 -6528px
}

.f32 .sm {
    background-position: 0 -6560px
}

.f32 .sn {
    background-position: 0 -6592px
}

.f32 .so {
    background-position: 0 -6624px
}

.f32 .sr {
    background-position: 0 -6656px
}

.f32 .st {
    background-position: 0 -6688px
}

.f32 .sv {
    background-position: 0 -6720px
}

.f32 .sy {
    background-position: 0 -6752px
}

.f32 .sz {
    background-position: 0 -6784px
}

.f32 .tc {
    background-position: 0 -6816px
}

.f32 .td {
    background-position: 0 -6848px
}

.f32 .tg {
    background-position: 0 -6880px
}

.f32 .th {
    background-position: 0 -6912px
}

.f32 .tj {
    background-position: 0 -6944px
}

.f32 .tl {
    background-position: 0 -6976px
}

.f32 .tm {
    background-position: 0 -7008px
}

.f32 .tn {
    background-position: 0 -7040px
}

.f32 .to {
    background-position: 0 -7072px
}

.f32 .tr {
    background-position: 0 -7104px
}

.f32 .tt {
    background-position: 0 -7136px
}

.f32 .tv {
    background-position: 0 -7168px
}

.f32 .tw {
    background-position: 0 -7200px
}

.f32 .tz {
    background-position: 0 -7232px
}

.f32 .ua {
    background-position: 0 -7264px
}

.f32 .ug {
    background-position: 0 -7296px
}

.f32 .us {
    background-position: 0 -7328px
}

.f32 .uy {
    background-position: 0 -7360px
}

.f32 .uz {
    background-position: 0 -7392px
}

.f32 .va {
    background-position: 0 -7424px
}

.f32 .vc {
    background-position: 0 -7456px
}

.f32 .ve {
    background-position: 0 -7488px
}

.f32 .vg {
    background-position: 0 -7520px
}

.f32 .vi {
    background-position: 0 -7552px
}

.f32 .vn {
    background-position: 0 -7584px
}

.f32 .vu {
    background-position: 0 -7616px
}

.f32 .ws {
    background-position: 0 -7648px
}

.f32 .ye {
    background-position: 0 -7680px
}

.f32 .za {
    background-position: 0 -7712px
}

.f32 .zm {
    background-position: 0 -7744px
}

.f32 .zw {
    background-position: 0 -7776px
}

.f32 .sx {
    background-position: 0 -7808px
}

.f32 .cw {
    background-position: 0 -7840px
}

.f32 .ss {
    background-position: 0 -7872px
}

.f32 .nu {
    background-position: 0 -7904px
}

.f16 .flag {
    background: url(../../img/flags16.png) no-repeat
}

.f16 ._African_Union {
    background-position: 0 -16px
}

.f16 ._Arab_League {
    background-position: 0 -32px
}

.f16 ._ASEAN {
    background-position: 0 -48px
}

.f16 ._CARICOM {
    background-position: 0 -64px
}

.f16 ._CIS {
    background-position: 0 -80px
}

.f16 ._Commonwealth {
    background-position: 0 -96px
}

.f16 ._England {
    background-position: 0 -112px
}

.f16 ._European_Union {
    background-position: 0 -128px
}

.f16 ._Islamic_Conference {
    background-position: 0 -144px
}

.f16 ._Kosovo {
    background-position: 0 -160px
}

.f16 ._NATO {
    background-position: 0 -176px
}

.f16 ._Northern_Cyprus {
    background-position: 0 -192px
}

.f16 ._Northern_Ireland {
    background-position: 0 -208px
}

.f16 ._Olimpic_Movement {
    background-position: 0 -224px
}

.f16 ._OPEC {
    background-position: 0 -240px
}

.f16 ._Red_Cross {
    background-position: 0 -256px
}

.f16 ._Scotland {
    background-position: 0 -272px
}

.f16 ._Somaliland {
    background-position: 0 -288px
}

.f16 ._Tibet {
    background-position: 0 -304px
}

.f16 ._United_Nations {
    background-position: 0 -320px
}

.f16 ._Wales {
    background-position: 0 -336px
}

.f16 .eu {
    background-position: 0 -128px
}

.f16 .ad {
    background-position: 0 -352px
}

.f16 .ae {
    background-position: 0 -368px
}

.f16 .af {
    background-position: 0 -384px
}

.f16 .ag {
    background-position: 0 -400px
}

.f16 .ai {
    background-position: 0 -416px
}

.f16 .al {
    background-position: 0 -432px
}

.f16 .am {
    background-position: 0 -448px
}

.f16 .ao {
    background-position: 0 -464px
}

.f16 .aq {
    background-position: 0 -480px
}

.f16 .ar {
    background-position: 0 -496px
}

.f16 .as {
    background-position: 0 -512px
}

.f16 .at {
    background-position: 0 -528px
}

.f16 .au {
    background-position: 0 -544px
}

.f16 .aw {
    background-position: 0 -560px
}

.f16 .ax {
    background-position: 0 -576px
}

.f16 .az {
    background-position: 0 -592px
}

.f16 .ba {
    background-position: 0 -608px
}

.f16 .bb {
    background-position: 0 -624px
}

.f16 .bd {
    background-position: 0 -640px
}

.f16 .be {
    background-position: 0 -656px
}

.f16 .bf {
    background-position: 0 -672px
}

.f16 .bg {
    background-position: 0 -688px
}

.f16 .bh {
    background-position: 0 -704px
}

.f16 .bi {
    background-position: 0 -720px
}

.f16 .bj {
    background-position: 0 -736px
}

.f16 .bm {
    background-position: 0 -752px
}

.f16 .bn {
    background-position: 0 -768px
}

.f16 .bo {
    background-position: 0 -784px
}

.f16 .br {
    background-position: 0 -800px
}

.f16 .bs {
    background-position: 0 -816px
}

.f16 .bt {
    background-position: 0 -832px
}

.f16 .bw {
    background-position: 0 -848px
}

.f16 .by {
    background-position: 0 -864px
}

.f16 .bz {
    background-position: 0 -880px
}

.f16 .ca {
    background-position: 0 -896px
}

.f16 .cg {
    background-position: 0 -912px
}

.f16 .cf {
    background-position: 0 -928px
}

.f16 .cd {
    background-position: 0 -944px
}

.f16 .ch {
    background-position: 0 -960px
}

.f16 .ci {
    background-position: 0 -976px
}

.f16 .ck {
    background-position: 0 -992px
}

.f16 .cl {
    background-position: 0 -1008px
}

.f16 .cm {
    background-position: 0 -1024px
}

.f16 .cn {
    background-position: 0 -1040px
}

.f16 .co {
    background-position: 0 -1056px
}

.f16 .cr {
    background-position: 0 -1072px
}

.f16 .cu {
    background-position: 0 -1088px
}

.f16 .cv {
    background-position: 0 -1104px
}

.f16 .cy {
    background-position: 0 -1120px
}

.f16 .cz {
    background-position: 0 -1136px
}

.f16 .de {
    background-position: 0 -1152px
}

.f16 .dj {
    background-position: 0 -1168px
}

.f16 .dk {
    background-position: 0 -1184px
}

.f16 .dm {
    background-position: 0 -1200px
}

.f16 .do {
    background-position: 0 -1216px
}

.f16 .dz {
    background-position: 0 -1232px
}

.f16 .ec {
    background-position: 0 -1248px
}

.f16 .ee {
    background-position: 0 -1264px
}

.f16 .eg {
    background-position: 0 -1280px
}

.f16 .eh {
    background-position: 0 -1296px
}

.f16 .er {
    background-position: 0 -1312px
}

.f16 .es {
    background-position: 0 -1328px
}

.f16 .et {
    background-position: 0 -1344px
}

.f16 .fi {
    background-position: 0 -1360px
}

.f16 .fj {
    background-position: 0 -1376px
}

.f16 .fm {
    background-position: 0 -1392px
}

.f16 .fo {
    background-position: 0 -1408px
}

.f16 .bl,
.f16 .cp,
.f16 .fr,
.f16 .mf,
.f16 .yt {
    background-position: 0 -1424px
}

.f16 .ga {
    background-position: 0 -1440px
}

.f16 .gb,
.f16 .sh {
    background-position: 0 -1456px
}

.f16 .gd {
    background-position: 0 -1472px
}

.f16 .ge {
    background-position: 0 -1488px
}

.f16 .gg {
    background-position: 0 -1504px
}

.f16 .gh {
    background-position: 0 -1520px
}

.f16 .gi {
    background-position: 0 -1536px
}

.f16 .gl {
    background-position: 0 -1552px
}

.f16 .gm {
    background-position: 0 -1568px
}

.f16 .gn {
    background-position: 0 -1584px
}

.f16 .gp {
    background-position: 0 -1600px
}

.f16 .gq {
    background-position: 0 -1616px
}

.f16 .gr {
    background-position: 0 -1632px
}

.f16 .gt {
    background-position: 0 -1648px
}

.f16 .gu {
    background-position: 0 -1664px
}

.f16 .gw {
    background-position: 0 -1680px
}

.f16 .gy {
    background-position: 0 -1696px
}

.f16 .hk {
    background-position: 0 -1712px
}

.f16 .hn {
    background-position: 0 -1728px
}

.f16 .hr {
    background-position: 0 -1744px
}

.f16 .ht {
    background-position: 0 -1760px
}

.f16 .hu {
    background-position: 0 -1776px
}

.f16 .id,
.f16 .mc {
    background-position: 0 -1792px
}

.f16 .ie {
    background-position: 0 -1808px
}

.f16 .il {
    background-position: 0 -1824px
}

.f16 .im {
    background-position: 0 -1840px
}

.f16 .in {
    background-position: 0 -1856px
}

.f16 .iq {
    background-position: 0 -1872px
}

.f16 .ir {
    background-position: 0 -1888px
}

.f16 .is {
    background-position: 0 -1904px
}

.f16 .it {
    background-position: 0 -1920px
}

.f16 .je {
    background-position: 0 -1936px
}

.f16 .jm {
    background-position: 0 -1952px
}

.f16 .jo {
    background-position: 0 -1968px
}

.f16 .jp {
    background-position: 0 -1984px
}

.f16 .ke {
    background-position: 0 -2000px
}

.f16 .kg {
    background-position: 0 -2016px
}

.f16 .kh {
    background-position: 0 -2032px
}

.f16 .ki {
    background-position: 0 -2048px
}

.f16 .km {
    background-position: 0 -2064px
}

.f16 .kn {
    background-position: 0 -2080px
}

.f16 .kp {
    background-position: 0 -2096px
}

.f16 .kr {
    background-position: 0 -2112px
}

.f16 .kw {
    background-position: 0 -2128px
}

.f16 .ky {
    background-position: 0 -2144px
}

.f16 .kz {
    background-position: 0 -2160px
}

.f16 .la {
    background-position: 0 -2176px
}

.f16 .lb {
    background-position: 0 -2192px
}

.f16 .lc {
    background-position: 0 -2208px
}

.f16 .li {
    background-position: 0 -2224px
}

.f16 .lk {
    background-position: 0 -2240px
}

.f16 .lr {
    background-position: 0 -2256px
}

.f16 .ls {
    background-position: 0 -2272px
}

.f16 .lt {
    background-position: 0 -2288px
}

.f16 .lu {
    background-position: 0 -2304px
}

.f16 .lv {
    background-position: 0 -2320px
}

.f16 .ly {
    background-position: 0 -2336px
}

.f16 .ma {
    background-position: 0 -2352px
}

.f16 .md {
    background-position: 0 -2368px
}

.f16 .me {
    background-position: 0 -2384px
}

.f16 .mg {
    background-position: 0 -2400px
}

.f16 .mh {
    background-position: 0 -2416px
}

.f16 .mk {
    background-position: 0 -2432px
}

.f16 .ml {
    background-position: 0 -2448px
}

.f16 .mm {
    background-position: 0 -2464px
}

.f16 .mn {
    background-position: 0 -2480px
}

.f16 .mo {
    background-position: 0 -2496px
}

.f16 .mq {
    background-position: 0 -2512px
}

.f16 .mr {
    background-position: 0 -2528px
}

.f16 .ms {
    background-position: 0 -2544px
}

.f16 .mt {
    background-position: 0 -2560px
}

.f16 .mu {
    background-position: 0 -2576px
}

.f16 .mv {
    background-position: 0 -2592px
}

.f16 .mw {
    background-position: 0 -2608px
}

.f16 .mx {
    background-position: 0 -2624px
}

.f16 .my {
    background-position: 0 -2640px
}

.f16 .mz {
    background-position: 0 -2656px
}

.f16 .na {
    background-position: 0 -2672px
}

.f16 .nc {
    background-position: 0 -2688px
}

.f16 .ne {
    background-position: 0 -2704px
}

.f16 .ng {
    background-position: 0 -2720px
}

.f16 .ni {
    background-position: 0 -2736px
}

.f16 .bq,
.f16 .nl {
    background-position: 0 -2752px
}

.f16 .bv,
.f16 .no,
.f16 .nq,
.f16 .sj {
    background-position: 0 -2768px
}

.f16 .np {
    background-position: 0 -2784px
}

.f16 .nr {
    background-position: 0 -2800px
}

.f16 .nz {
    background-position: 0 -2816px
}

.f16 .om {
    background-position: 0 -2832px
}

.f16 .pa {
    background-position: 0 -2848px
}

.f16 .pe {
    background-position: 0 -2864px
}

.f16 .pf {
    background-position: 0 -2880px
}

.f16 .pg {
    background-position: 0 -2896px
}

.f16 .ph {
    background-position: 0 -2912px
}

.f16 .pk {
    background-position: 0 -2928px
}

.f16 .pl {
    background-position: 0 -2944px
}

.f16 .pr {
    background-position: 0 -2960px
}

.f16 .ps {
    background-position: 0 -2976px
}

.f16 .pt {
    background-position: 0 -2992px
}

.f16 .pw {
    background-position: 0 -3008px
}

.f16 .py {
    background-position: 0 -3024px
}

.f16 .qa {
    background-position: 0 -3040px
}

.f16 .re {
    background-position: 0 -3056px
}

.f16 .ro {
    background-position: 0 -3072px
}

.f16 .rs {
    background-position: 0 -3088px
}

.f16 .ru {
    background-position: 0 -3104px
}

.f16 .rw {
    background-position: 0 -3120px
}

.f16 .sa {
    background-position: 0 -3136px
}

.f16 .sb {
    background-position: 0 -3152px
}

.f16 .sc {
    background-position: 0 -3168px
}

.f16 .sd {
    background-position: 0 -3184px
}

.f16 .se {
    background-position: 0 -3200px
}

.f16 .sg {
    background-position: 0 -3216px
}

.f16 .si {
    background-position: 0 -3232px
}

.f16 .sk {
    background-position: 0 -3248px
}

.f16 .sl {
    background-position: 0 -3264px
}

.f16 .sm {
    background-position: 0 -3280px
}

.f16 .sn {
    background-position: 0 -3296px
}

.f16 .so {
    background-position: 0 -3312px
}

.f16 .sr {
    background-position: 0 -3328px
}

.f16 .st {
    background-position: 0 -3344px
}

.f16 .sv {
    background-position: 0 -3360px
}

.f16 .sy {
    background-position: 0 -3376px
}

.f16 .sz {
    background-position: 0 -3392px
}

.f16 .tc {
    background-position: 0 -3408px
}

.f16 .td {
    background-position: 0 -3424px
}

.f16 .tg {
    background-position: 0 -3440px
}

.f16 .th {
    background-position: 0 -3456px
}

.f16 .tj {
    background-position: 0 -3472px
}

.f16 .tl {
    background-position: 0 -3488px
}

.f16 .tm {
    background-position: 0 -3504px
}

.f16 .tn {
    background-position: 0 -3520px
}

.f16 .to {
    background-position: 0 -3536px
}

.f16 .tr {
    background-position: 0 -3552px
}

.f16 .tt {
    background-position: 0 -3568px
}

.f16 .tv {
    background-position: 0 -3584px
}

.f16 .tw {
    background-position: 0 -3600px
}

.f16 .tz {
    background-position: 0 -3616px
}

.f16 .ua {
    background-position: 0 -3632px
}

.f16 .ug {
    background-position: 0 -3648px
}

.f16 .us {
    background-position: 0 -3664px
}

.f16 .uy {
    background-position: 0 -3680px
}

.f16 .uz {
    background-position: 0 -3696px
}

.f16 .va {
    background-position: 0 -3712px
}

.f16 .vc {
    background-position: 0 -3728px
}

.f16 .ve {
    background-position: 0 -3744px
}

.f16 .vg {
    background-position: 0 -3760px
}

.f16 .vi {
    background-position: 0 -3776px
}

.f16 .vn {
    background-position: 0 -3792px
}

.f16 .vu {
    background-position: 0 -3808px
}

.f16 .ws {
    background-position: 0 -3824px
}

.f16 .ye {
    background-position: 0 -3840px
}

.f16 .za {
    background-position: 0 -3856px
}

.f16 .zm {
    background-position: 0 -3872px
}

.f16 .zw {
    background-position: 0 -3888px
}

.f16 .sx {
    background-position: 0 -3904px
}

.f16 .cw {
    background-position: 0 -3920px
}

.f16 .ss {
    background-position: 0 -3936px
}

.f16 .nu {
    background-position: 0 -3952px
}

.transactions {
    position: relative
}

@media screen and (min-width:64em) {
    .transactions {
        width: 900px
    }
}

.transactions__content .country {
    margin-left: 0
}

.transactions__content .country .flag-container .f16 {
    float: left;
    margin-top: 5px
}

.transactions__content .country .flag-container .flag {
    width: 15px;
    height: 15px
}

.transactions__content .country span {
    font-size: 15px
}

.transactions__header {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadada
}

.transactions__header .h2,
.transactions__header h2 {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 2.8125rem;
    font-size: .875rem;
    line-height: 1.5625rem;
    text-transform: none
}

@media screen and (min-width:40em) {

    .transactions__header .h2,
    .transactions__header h2 {
        float: left;
        height: 1.5625rem
    }
}

.transactions__header .h2:before,
.transactions__header h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -634px -701px;
    width: 24px;
    height: 24px
}

.transactions__header .h2 a,
.transactions__header h2 a {
    color: inherit;
    font-weight: 700
}

.transactions__header time {
    position: relative;
    font-size: .8125rem;
    color: #909090;
    opacity: .5;
    margin-top: .3125rem;
    margin-left: 1.25rem;
    float: right
}

.transactions__body .columns {
    padding: 0
}

.transactions__body .server {
    margin: 0
}

.transactions__body .user>a {
    float: left
}

.transactions__body .user .links {
    float: left;
    margin-left: 10px
}

.transactions__body .user .send-message {
    position: absolute;
    display: inline-block;
    bottom: 0;
    font-size: 14px
}

.transactions__body .user .send-message i {
    font-size: .8125rem;
    color: #6886a3;
    margin-right: .625rem
}

.transactions__body table {
    width: auto;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
    margin-bottom: 0
}

.transactions__body table tbody {
    background: transparent;
    border: 0
}

.transactions__body table tr:nth-child(2n) {
    background: transparent
}

.transactions__body table tr:first-child td:first-child {
    border-top-left-radius: .5rem
}

.transactions__body table tr:first-child td:last-child {
    border-top-right-radius: .5rem
}

.transactions__body table tr:last-child td:first-child {
    border-bottom-left-radius: .5rem
}

.transactions__body table tr:last-child td:last-child {
    border-bottom-right-radius: .5rem
}

.transactions__body table tr:first-child td {
    border-top: .0625rem solid #d7d7d7
}

.transactions__body table tr td {
    text-align: center;
    vertical-align: middle;
    width: 75px;
    height: 1.5625rem;
    padding: 0;
    font-size: .8125rem;
    color: #0a0a0a;
    background: #fff;
    border-right: .0625rem solid #d7d7d7;
    border-bottom: .0625rem solid #d7d7d7
}

.transactions__body table tr td:first-child {
    border-left: .0625rem solid #d7d7d7;
    background: #e5e5e5;
    font-weight: 700;
    width: 110px
}

.transactions__section:not(:last-child) {
    margin-bottom: 20px
}

.transactions__section--actions {
    margin-top: 75px
}

.transactions__section--actions .transactions__content div+div {
    margin-top: 10px
}

.transactions__section--actions .blue-button a,
.transactions__section--actions .blue-button button,
.transactions__section--actions .red-button a,
.transactions__section--actions .red-button button {
    width: 100%;
    max-width: 210px
}

.transactions__section--actions .delivery-rejected {
    display: none
}

.transactions__section--actions .delivery-rejected.show {
    display: block
}

.transactions__section--actions .delivery-rejected.disabled a {
    pointer-events: none;
    cursor: none;
    opacity: .5
}

.transactions__section--actions .delivery-rejected i {
    font-style: normal
}

.transactions__section--status {
    margin: 30px 0
}

.transactions__section .transactions__muted {
    color: #bfbfbf;
    line-height: inherit;
    font-size: .8125rem;
    margin: 0 0 4px
}

.transactions__section .transactions__content {
    position: relative
}

.transactions__status {
    font-size: 1rem;
    line-height: 1rem
}

.transactions form.request-cancel {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dadada
}

.transactions .confirm {
    display: none;
    border-radius: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 4%, .45);
    z-index: 12345
}

.transactions .confirm.show {
    display: block
}

.transactions .confirm__box {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: .5rem solid #fff;
    border-radius: 1rem;
    padding: 1.5625rem;
    width: 100%;
    max-width: 500px
}

.transactions .confirm__info {
    text-align: center;
    margin-bottom: 20px
}

.transactions .confirm__buttons--no {
    float: left;
    margin: 0 !important
}

.transactions .confirm__buttons--yes {
    float: right;
    margin: 0 !important
}

.transactions .confirm__buttons--ok {
    text-align: center
}

.transactions .confirm__buttons--ok button {
    float: none;
    display: inline-block
}

.ribbons {
    position: relative;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: url(../../img/ribbon-bg.png);
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: 50%;
    width: 708px;
    height: 420px;
    max-width: 100%
}

@media screen and (min-width:40em) {
    .ribbons {
        background-size: 100%;
        height: 520px
    }
}

.ribbons__content {
    width: 320px;
    max-width: 260px;
    position: absolute;
    left: 50%;
    top: 90px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width:40em) {
    .ribbons__content {
        max-width: 100%
    }
}

.ribbons__header p {
    margin: 0
}

.ribbons__reward-header {
    font-weight: 700
}

.ribbons__reward .earn-diamonds,
.ribbons__reward .earn-exp {
    display: inline-block;
    color: silver
}

.ribbons__reward .earn-diamonds:not(:last-child),
.ribbons__reward .earn-exp:not(:last-child) {
    margin-right: 20px
}

.ribbons__reward .icon-diamond,
.ribbons__reward .icon-star {
    display: inline-block;
    margin-right: 2px
}

.ribbons__reward .icon-star {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -257px -591px;
    width: 10px;
    height: 10px
}

.ribbons__reward .icon-diamond {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -546px -390px;
    width: 12px;
    height: 12px
}

.ribbons__text {
    position: absolute;
    bottom: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    width: 100%
}

@media screen and (min-width:40em) {
    .ribbons__text {
        bottom: 90px
    }
}

.ribbons__text-header {
    font-size: 2rem;
    line-height: 2rem
}

@media screen and (min-width:40em) {
    .ribbons__text-header {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.ribbons__text-subheader {
    font-size: 1rem
}

@media screen and (min-width:40em) {
    .ribbons__text-subheader {
        font-size: 1.25rem
    }
}

.ribbons .user {
    margin: 15px 0
}

@media screen and (min-width:40em) {
    .ribbons .user {
        margin: 25px 0
    }

    .ribbons .user:after,
    .ribbons .user:before {
        content: " ";
        display: table
    }

    .ribbons .user:after {
        clear: both
    }
}

.ribbons .user .header-link-to-profile {
    float: left;
    display: none
}

@media screen and (min-width:40em) {
    .ribbons .user .header-link-to-profile {
        display: block
    }
}

.ribbons .user .user-info-name-experience {
    float: left
}

@media screen and (min-width:40em) {
    .ribbons .user .user-info-name-experience {
        margin-left: 20px
    }
}

.ribbons .user .nickname {
    color: #7590aa;
    font-weight: 700;
    border-bottom: 1px solid #cfd8e0;
    padding-bottom: 2px
}

.ribbons.ribbons-badge .badge-item {
    float: left
}

.ribbons.ribbons-badge .badge-level,
.ribbons.ribbons-badge .badge-name {
    display: none
}

@media screen and (min-width:40em) {

    .ribbons.ribbons-badge .badge-level,
    .ribbons.ribbons-badge .badge-name {
        display: block
    }
}

.ribbons.ribbons-badge .ribbons__reward {
    float: right;
    margin-top: 20px
}

@media screen and (min-width:40em) {
    .ribbons.ribbons-badge .ribbons__reward {
        margin-top: 100px
    }
}

.ribbons.ribbons-badge .ribbons__reward .earn-diamonds,
.ribbons.ribbons-badge .ribbons__reward .earn-exp {
    display: block
}

.ribbons.ribbons-lvl .ribbons__reward {
    float: right
}

@media screen and (min-width:40em) {
    .ribbons.ribbons-lvl .ribbons__reward {
        float: none
    }
}

@media screen and (min-width:40em) {
    .ribbons .close-button {
        top: 0;
        right: 70px
    }
}

.hp-circles {
    margin-top: 20px
}

.hp-circles.game-page {
    padding: 25px 10px
}

@media screen and (min-width:40em) {
    .hp-circles {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.hp-circle {
    position: relative;
    width: 150px;
    margin: 0 auto 30px
}

@media screen and (min-width:40em) {
    .hp-circle {
        margin: 0
    }
}

.hp-circle--green .hp-circle__text--first,
.hp-circle--green .hp-circle__text--second {
    color: #4cb42c
}

.hp-circle--green .hp-circle__image {
    background-image: url(../../img/hp-circles-green.png)
}

.hp-circle--green .hp-circle__text-below {
    color: #4cb42c
}

.hp-circle--blue .hp-circle__text--first,
.hp-circle--blue .hp-circle__text--second {
    color: #4293e6
}

.hp-circle--blue .hp-circle__image {
    background-image: url(../../img/hp-circles-blue.png)
}

.hp-circle--blue .hp-circle__text-below {
    color: #4293e6
}

.hp-circle--orange .hp-circle__text--first,
.hp-circle--orange .hp-circle__text--second {
    color: #ea993c
}

.hp-circle--orange .hp-circle__image {
    background-image: url(../../img/hp-circles-orange.png)
}

.hp-circle--orange .hp-circle__text-below {
    color: #ea993c
}

.hp-circle__text {
    text-align: center;
    height: 70px;
    margin-bottom: 20px
}

.hp-circle__image-wrapper {
    width: 150px;
    height: 150px;
    position: relative;
    margin-bottom: 10px
}

.hp-circle__image {
    width: 299px;
    height: 220px;
    background-position: 50%;
    pointer-events: none
}

.hp-circle__image,
.hp-circle__text-inside {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hp-circle__text-inside {
    text-align: center
}

.hp-circle__text--first {
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase
}

.hp-circle__text--second {
    font-size: 1.875rem;
    line-height: 1.475rem;
    font-weight: 700
}

.hp-circle__text--third {
    font-size: .8125rem;
    color: #bfbfbf
}

.hp-circle__text-below {
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.hp-boxes-wrapper {
    margin-bottom: 1rem
}

.hp-boxes-wrapper img {
    display: inline-block;
    margin-right: 15px
}

.hp-boxes-wrapper.game-page {
    margin-top: 1.75rem
}

.hp-boxes-wrapper.game-page:first-of-type {
    margin-top: 0
}

.hp-boxes-label {
    color: #bfbfbf;
    font-size: 16px
}

.icon-user-small {
    position: relative;
    display: block
}

.icon-user-small:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -216px;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.market-filters .form-field .range-inputs input[type=text] .icon-user-small:before,
.white-bg .icon-user-small:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -180px;
    width: 16px;
    height: 16px
}

.column-charts {
    margin-top: 50px
}

@media screen and (min-width:64em) {
    .column-charts {
        margin-top: 0
    }
}

.banner-border {
    border: 2px solid #fff
}

.help-center__box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.help-center__box li {
    margin-bottom: 20px;
    background: #fff;
    border-radius: .625rem;
    position: relative
}

.help-center__box li:after {
    display: block;
    position: absolute;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -279px -204px;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 1.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.help-center__box li a {
    color: #0a0a0a;
    display: block;
    padding: 1.1875rem
}

.help-center .hide {
    display: none
}

.help-center .tabs-panel {
    padding: 0
}

.help-center .tabs-title {
    float: none
}

.help-center .tabs-title>a {
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

.help-center .tabs-title>a:focus,
.help-center .tabs-title>a:hover,
.help-center .tabs-title>a[aria-selected=true] {
    background: transparent
}

.help-center .white-box {
    color: #0a0a0a
}

.help-center a {
    color: #7590aa;
    text-decoration: underline
}

.articles .pagination a {
    color: #000
}

.articles .pagination li {
    display: inline-block
}

.articles img {
    height: auto !important
}

.articles .user-menu-container {
    margin-bottom: 30px
}

@media screen and (min-width:64em) {
    .articles .user-menu-container {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: .625rem
    }
}

@media screen and (min-width:64em) {
    .articles>.large-9 {
        padding-right: 0;
        padding-left: .625rem
    }
}

.articles .article-box {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    margin-bottom: 20px
}

.articles .article-box a {
    text-decoration: none;
    color: #0a0a0a
}

.articles .article-box .article-main-image {
    float: left;
    max-width: 50%;
    padding-right: 15px
}

@media screen and (min-width:40em) {
    .articles .article-box .article-main-image {
        padding-right: 35px
    }
}

.articles .article-box .article-img {
    border-radius: 8px
}

.articles .article-box .content {
    padding: 5px
}

@media screen and (min-width:40em) {
    .articles .article-box .content {
        padding-top: 25px;
        padding-right: 20px
    }
}

.articles .article-box .content .h3,
.articles .article-box .content h3 {
    font-size: 20px;
    line-height: 1.1em
}

.articles .article-box .content span {
    color: #0a0a0a
}

.articles .category-menu {
    padding: .625rem 0;
    border: 1px solid #d7d7d7;
    border-radius: 8px
}

.articles .category-menu li {
    height: 2.5625rem;
    margin: 0 1.25rem;
    border-bottom: 1px solid #e9e9e9;
    padding: .75rem .1875rem;
    font-size: .8125rem;
    position: relative
}

.articles .category-menu li:last-child {
    border-bottom: 0
}

.articles .category-menu li.subcategory {
    padding-left: 15px
}

.articles .category-menu li.subcategory.is-active,
.articles .category-menu li.subcategory:hover {
    padding-left: 35px
}

.articles .category-menu li span {
    float: right;
    color: #b0b0b0
}

.articles .category-menu li.current,
.articles .category-menu li.is-active,
.articles .category-menu li:hover {
    height: 2.625rem;
    margin: 0;
    border-bottom: 0;
    border-top: 2px solid #e9e9e9;
    padding: .75rem 1.4375rem;
    margin-top: -.0625rem;
    background: url(../../img/user-menu-bg.png)
}

.articles .category-menu li.current a,
.articles .category-menu li.is-active a,
.articles .category-menu li:hover a {
    color: #fff
}

.articles .category-menu li.current span,
.articles .category-menu li.is-active span,
.articles .category-menu li:hover span {
    display: none
}

.articles .category-menu li.current:after,
.articles .category-menu li.is-active:after {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -36px;
    width: 16px;
    height: 17px;
    position: absolute;
    display: block;
    content: "";
    right: 24px;
    top: 12px
}

.articles .category-menu li a {
    display: block;
    height: 2.5625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.articles .article .article-img {
    border-radius: 4%
}

.articles .article .article-main-image {
    float: left;
    max-width: 50%;
    padding-right: 20px
}

.articles .article .article-main-image .share-icons {
    text-align: center
}

.articles .article .article-main-image p {
    color: #5b5050;
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center
}

.articles .article .content {
    padding-top: 5px;
    padding-right: 20px
}

.articles .article .content .h1,
.articles .article .content h1 {
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 700
}

.articles .article .content span {
    color: #0a0a0a
}

.articles .article .contents {
    padding-top: 15px
}

.articles .article .contents .h1,
.articles .article .contents h1 {
    margin-bottom: 1.3rem;
    font-size: 20px !important;
    font-weight: 700
}

.articles .article .contents .h2,
.articles .article .contents h2 {
    margin-bottom: 1.125rem;
    font-size: 18px !important
}

.articles .article .contents .h3,
.articles .article .contents h3 {
    margin-bottom: 1.125rem;
    font-size: 18px !important;
    font-family: Helvetica, Roboto, Arial, sans-serif
}

.articles .article .contents .h4,
.articles .article .contents .h5,
.articles .article .contents .h6,
.articles .article .contents h4,
.articles .article .contents h5,
.articles .article .contents h6 {
    margin-bottom: 1rem;
    font-size: 16px !important
}

.articles .article .social {
    margin-top: 30px;
    margin-bottom: 10px;
    min-height: 50px
}

.articles .article .social p {
    color: #5b5050;
    font-size: 12px;
    margin-bottom: 5px
}

.home-page-article-list {
    margin-top: 20px;
    margin-bottom: 20px
}

.home-page-article-list a {
    text-decoration: underline
}

.home-page-article-list .h3,
.home-page-article-list h3 {
    line-height: 1.2em
}

.home-page-article-list .article-img {
    border: 1px solid #fff;
    border-radius: 5%
}

.home-page-article-list .article-main-image {
    float: left;
    max-width: 50%;
    padding-right: 20px
}

.article a {
    color: inherit;
    text-decoration: underline
}

.pages-wrapper .h1,
.pages-wrapper .h2,
.pages-wrapper .h3,
.pages-wrapper .h4,
.pages-wrapper .h5,
.pages-wrapper .h6,
.pages-wrapper h1,
.pages-wrapper h2,
.pages-wrapper h3,
.pages-wrapper h4,
.pages-wrapper h5,
.pages-wrapper h6 {
    line-height: 1.2
}

.pages-wrapper .h1,
.pages-wrapper h1 {
    font-size: 1.5rem
}

.pages-wrapper .h2,
.pages-wrapper h2 {
    font-size: 1.25rem
}

.pages-wrapper .h3,
.pages-wrapper h3 {
    font-size: 1.1875rem
}

.pages-wrapper .h4,
.pages-wrapper h4 {
    font-size: 1.125rem
}

.pages-wrapper .h5,
.pages-wrapper h5 {
    font-size: 1.0625rem
}

.pages-wrapper .h6,
.pages-wrapper h6 {
    font-size: 1rem
}

@media screen and (min-width:40em) {

    .pages-wrapper .h1,
    .pages-wrapper h1 {
        font-size: 1.625rem
    }

    .pages-wrapper .h2,
    .pages-wrapper h2 {
        font-size: 1.5rem
    }

    .pages-wrapper .h3,
    .pages-wrapper h3 {
        font-size: 1.375rem
    }

    .pages-wrapper .h4,
    .pages-wrapper h4 {
        font-size: 1.25rem
    }

    .pages-wrapper .h5,
    .pages-wrapper h5 {
        font-size: 1.125rem
    }

    .pages-wrapper .h6,
    .pages-wrapper h6 {
        font-size: 1rem
    }
}

.pages-wrapper .h1,
.pages-wrapper h1 {
    margin-bottom: 1.125rem;
    font-size: 18px;
    font-weight: 700
}

.pages-wrapper .h2,
.pages-wrapper h2 {
    margin-bottom: 1.125rem;
    font-size: 16px
}

.pages-wrapper img {
    height: auto !important
}

.floating-box {
    display: block;
    padding: 1.375rem;
    text-decoration: none;
    transition: top .8s;
    margin-top: 0
}

.floating-box--nopadding {
    padding: 0
}

.floating-box--border {
    border: .0625rem solid #d7d7d7
}

.floating-box--border.floating-box .floating-box-content {
    padding: 0;
    margin: 0
}

.floating-box__link {
    border: 0;
    display: block;
    text-decoration: none;
    padding: 0;
    margin: 0
}

.floating-box .floating-box-content {
    margin: 1rem 0
}

.floating-box .floating-box-content img {
    height: auto !important;
    border-radius: .625rem
}

.floating-box .floating-box-content a {
    text-decoration: underline
}

.floating-box .floating-box-content a:hover {
    color: rgba(0, 0, 0, .75)
}

.floating-box .floating-box-content div a {
    text-decoration: none
}

@media screen and (min-width:64em) {
    .floating-box {
        position: relative
    }
}

.floating-box.with-margin-top {
    margin-top: 1.375rem
}

#homepage .wide-image-container .wide-image {
    position: relative
}

#homepage .wide-image-container .wide-image .desktop-image {
    display: none;
    width: 100%;
    height: auto;
}

@media screen and (min-width:40em) {
    #homepage .wide-image-container .wide-image .desktop-image {
        display: block
    }
}

#homepage .wide-image-container .wide-image .mobile-image {
    display: block;
    width: 100%;
    height: auto;
    padding:20px 0;
    background: #2f2f2f;
}

@media screen and (min-width:40em) {
    #homepage .wide-image-container .wide-image .mobile-image {
        display: none
    }
}
#first-time-tour-modal{
    background: #333;
    padding:2rem;
    border-radius: 10px;
    margin-top:10px;
}
#homepage .wide-image-container .wide-image .h3,
#homepage .wide-image-container .wide-image h3 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:40em) {

    #homepage .wide-image-container .wide-image.content-left .h3,
    #homepage .wide-image-container .wide-image.content-left h3 {
        text-align: left
    }

    #homepage .wide-image-container .wide-image.content-right .h3,
    #homepage .wide-image-container .wide-image.content-right h3 {
        text-align: right
    }
}

#homepage .wide-image-container .h3,
#homepage .wide-image-container h3 {
    font-family: var(--font-heading);
    text-transform: uppercase;
    color: #fff;
    font-size: 1.5rem;
    padding: 1rem 3.75rem;
    margin: 0;
    line-height: 1.938rem;
    border-radius: .625rem
}

#homepage .wide-image-container>.h3,
#homepage .wide-image-container>h3 {
    background-image: url(../../img/bg-dark-pattern.png)
}

@media screen and (min-width:64em) {
    #homepage .featured {
        margin-left: -15px;
        margin-right: -15px
    }
}
.feature h3{
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-size: 1rem;
    color:white;    
    margin:0;
}
#homepage .featured .account-layout .notification-center header,
#homepage .featured .row,
.account-layout .notification-center #homepage .featured header {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#homepage .featured .account-layout .notification-center header.header .h3,
#homepage .featured .account-layout .notification-center header.header h3,
#homepage .featured .row.header .h3,
#homepage .featured .row.header h3,
.account-layout .notification-center #homepage .featured header.header .h3,
.account-layout .notification-center #homepage .featured header.header h3 {
    color: #000;
    font-size: 1.063rem;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

#homepage .featured .column,
#homepage .featured .columns {
}

#homepage .featured a.promo-tile {
    display: block;
    color: #fff;
    text-decoration: none;
    background-image: url(../../img/bg-dark-pattern.png);
    border-radius: .625rem;
    padding: 2.6875rem 1.25rem 1.5625rem 5.875rem;
    height: 7.5rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem
}

@media screen and (min-width:64em) {
    #homepage .featured a.promo-tile {
        margin-bottom: 0
    }
}

#homepage .featured a.promo-tile span {
    display: block
}

#homepage .featured a.promo-tile span.title {
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: .125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center
}

#homepage .featured a.promo-tile span.title span {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

#homepage .featured a.promo-tile span.title em {
    display: block;
    background-color: #6de829;
    height: 2px;
    margin-left: 10px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

#homepage .featured a.promo-tile span.content {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.125rem;
    padding-right: 2.1875rem
}

#homepage .featured a.promo-tile .icon,
#homepage .featured a.promo-tile .user-icon {
    display: inline-block;
    position: absolute;
    top: 2.4375rem;
    left: 1.875rem
}

#homepage .featured a.promo-tile .icon--large,
#homepage .featured a.promo-tile .user-icon--large {
    top: auto;
    left: auto;
    right: 3.75rem;
    bottom: 1.25rem
}

#homepage .featured a.promo-tile--smaller {
    height: 6.25rem
}

#homepage .featured a.promo-tile--smaller .icon,
#homepage .featured a.promo-tile--smaller .user-icon {
    top: 1.875rem
}

#homepage .featured a.promo-tile .user-icon {
    width: 2.6875rem;
    height: 2.6875rem
}

#homepage .featured a.promo-tile--prices {
    background-color: #10171d;
    background-image: linear-gradient(90deg, #5abb25 0, #5fd021)
}

#homepage .featured a.promo-tile--prices span.title>em {
    background-color: #6de829
}

#homepage .featured a.promo-tile--prices .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -127px;
    width: 43px;
    height: 43px
}

#homepage .featured a.promo-tile--prices .icon--large {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 0;
    width: 148px;
    height: 148px
}

#homepage .featured a.promo-tile--stock {
    background-color: #429fb5;
    background-image: linear-gradient(90deg, #429fb5 0, #46c3e0)
}

#homepage .featured a.promo-tile--stock span.title>em {
    background-color: #25e0fc
}

#homepage .featured a.promo-tile--stock .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -64px;
    width: 43px;
    height: 43px
}

#homepage .featured a.promo-tile--stock .icon--large {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: 0 -168px;
    width: 127px;
    height: 127px
}

#homepage .featured a.promo-tile--security {
    background-color: #4294e1;
    background-image: linear-gradient(90deg, #4294e1 0, #4aa7fd)
}

#homepage .featured a.promo-tile--security span.title>em {
    background-color: #60c9ff
}

#homepage .featured a.promo-tile--security .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -253px;
    width: 42px;
    height: 42px
}

#homepage .featured a.promo-tile--security .icon--large {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -168px 0;
    width: 127px;
    height: 127px
}

#homepage .featured a.promo-tile--currency {
    background-color: #676767;
    background-image: linear-gradient(90deg, orange 0, #ffcd70)
}

#homepage .featured a.promo-tile--currency span.title>em {
    background-color: hsla(0, 0%, 100%, .4)
}

#homepage .featured a.promo-tile--currency .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -374px;
    width: 37px;
    height: 39px
}

#homepage .featured a.promo-tile--items {
    background-color: #676767;
    background-image: linear-gradient(90deg, #4294e1 0, #4aa7fd)
}

#homepage .featured a.promo-tile--items span.title>em {
    background-color: #60c9ff
}

#homepage .featured a.promo-tile--items .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -315px;
    width: 42px;
    height: 39px
}

#homepage .featured a.promo-tile--powerleveling {
    background-color: #676767;
    background-image: linear-gradient(90deg, #5abb25 0, #5fd021)
}

#homepage .featured a.promo-tile--powerleveling span.title>em {
    background-color: #6de829
}

#homepage .featured a.promo-tile--powerleveling .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -580px -180px;
    width: 51px;
    height: 43px
}

#homepage .featured a.promo-tile--accounts {
    background-color: #676767;
    background-image: linear-gradient(90deg, #429fb5 0, #46c3e0)
}

#homepage .featured a.promo-tile--accounts span.title>em {
    background-color: #25e0fc
}

#homepage .featured a.promo-tile--accounts .icon {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -682px -190px;
    width: 43px;
    height: 43px
}

#homepage .featured .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: .625rem;
    padding: 1.25rem;
    font-size: .813rem;
    font-weight: 400;
    color: #1e2835
}

#homepage .featured .item .seller {
    color: #959595
}

#homepage .featured .item .seller a {
    color: #959595;
    display: inline-block;
    width: calc(100% - 25px)
}

#homepage .featured .item .seller .seller--by {
    display: inline
}

#homepage .featured .item .seller .seller--seller {
    display: none
}

#homepage .featured .item a[data-text] {
    color: #1e2835;
    overflow: hidden;
    line-height: 1.25;
    height: 2rem
}

#homepage .featured .item a[data-text]:hover {
    text-decoration: underline
}

#homepage .featured .item a[data-image] {
    display: block;
    max-width: 310px;
    max-height: 200px;
    width: 100%;
    border-radius: 5px;
    margin: 0 auto
}

#homepage .featured .item a[data-image] span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

#homepage .featured .item .server-info,
#homepage .featured .item .server-info a {
    color: #959595
}

#homepage .featured .item .server-info a:hover {
    text-decoration: underline
}

#homepage .featured .item .footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#homepage .featured .item .footer .tooltip-icon-wrapper {
    position: static;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    display: inline-block
}

#homepage .featured .item .footer .price {
    font-size: 23px;
    font-weight: 400
}

#homepage .featured .item .muted,
#homepage .featured .item .user-details-modal .transaction-quality .stars-row .avg,
#homepage .featured .item .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row #homepage .featured .item .avg,
.user-rating-stars #homepage .featured .item .avg {
    color: #1e2835
}

#homepage .featured .item .icon-box-black {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -391px;
    width: 17px;
    height: 14px
}

#homepage .featured .item .i-inline-block {
    margin-right: 0
}

#homepage .featured .prime .item {
    color: #fff;
    background-color: #1e2835;
    background-image: linear-gradient(0deg, #1e2835 0, #304158)
}

#homepage .featured .prime .item .seller {
    color: #bfbfbf;
    display: block
}

#homepage .featured .prime .item .seller a {
    color: #bfbfbf;
    text-decoration: underline
}

#homepage .featured .prime .item .seller a.user-profile-link {
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 45px)
}

#homepage .featured .prime .item .seller .seller--by {
    display: none
}

#homepage .featured .prime .item .seller .seller--seller {
    display: inline
}

#homepage .featured .prime .item>a[data-image] {
    display: block;
    text-align: center;
    margin: 1.25rem auto
}

#homepage .featured .prime .item>a[data-text] {
    color: #fff;
    font-weight: 300;
    line-height: 1.125rem;
    display: block;
    margin-bottom: .625rem
}

#homepage .featured .prime .item>.server-info {
    color: #bfbfbf;
    margin-bottom: 1.25rem
}

#homepage .featured .prime .item>.server-info a {
    color: #bfbfbf
}

#homepage .featured .prime .item>.server-info .icon-server-black-small {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -287px;
    width: 17px;
    height: 15px;
    opacity: .7
}

#homepage .featured .prime .item .muted,
#homepage .featured .prime .item .user-details-modal .transaction-quality .stars-row .avg,
#homepage .featured .prime .item .user-rating-stars .avg,
.user-details-modal .transaction-quality .stars-row #homepage .featured .prime .item .avg,
.user-rating-stars #homepage .featured .prime .item .avg {
    color: #fff
}

#homepage .featured .prime .item .icon-box-black {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px -425px;
    width: 17px;
    height: 14px
}

#homepage .featured .secondary .item {
    background-color: #f1f1f1
}

#homepage .featured .secondary .item .seller {
    -ms-flex-order: 4;
    order: 4;
    margin-bottom: 1.25rem
}

#homepage .featured .secondary .item a[data-image] {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 1.25rem
}

#homepage .featured .secondary .item a[data-text] {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: .625rem
}

#homepage .featured .secondary .item .server-info {
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 1.5625rem
}

#homepage .featured .secondary .item .footer {
    -ms-flex-order: 5;
    order: 5
}

#homepage .featured .default .item {
    border: .063rem solid #c4c4c4;
    padding: 1.1875rem;
    margin-bottom: 1.25rem
}

#homepage .featured .default .item .seller {
    -ms-flex-order: 4;
    order: 4;
    margin-bottom: .625rem;
    font-size: .688rem
}

#homepage .featured .default .item a[data-image] {
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 1.25rem
}

#homepage .featured .default .item a[data-text] {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: .625rem
}

#homepage .featured .default .item .server-info {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 1.5625rem;
    font-size: .688rem
}

#homepage .featured .default .item .footer {
    -ms-flex-order: 5;
    order: 5
}

#homepage .featured .percent .item {
    background: url(../../img/item-promo-percent-bg.png) top no-repeat #fa0c28;
    font-family: var(--font-heading);
    color: #fff;
    text-align: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#homepage .featured .percent .item span {
    font-size: 3.563rem;
    font-weight: 400;
    display: block;
    margin-top: 1.25rem
}

#homepage .featured .percent .item p {
    font-size: 1.188rem;
    font-weight: 400;
    line-height: 1.53rem;
    margin: 0
}

#homepage .featured .percent .item a {
    background-color: #fff;
    color: #fa0c28;
    font-size: .813rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#homepage .featured .game-specific .item {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    font-family: var(--font-heading);
    color: #fff;
    text-align: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#homepage .featured .game-specific .item p {
    position: relative;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-align: left;
    margin-top: 3.75rem
}

#homepage .featured .game-specific .item p.slogan:before {
    content: "";
    display: block;
    width: 3.625rem;
    height: .188rem;
    background-color: #fff;
    position: absolute;
    top: -20px
}

#homepage .featured .game-specific .item a {
    background-color: #fff;
    color: #1e2835;
    font-size: .813rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#homepage .featured .carousel-item {
    margin: 0 .625rem
}

#homepage .featured .carousel-item .item {
    border: .063rem solid #c4c4c4;
    padding: .8125rem;
    margin-bottom: 0
}

#homepage .featured .carousel-item .item .seller {
    display: none
}

#homepage .featured .carousel-item .item a[data-image] {
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: .9375rem
}

#homepage .featured .carousel-item .item a[data-image] img {
    max-width: 100%;
    height: auto
}

#homepage .featured .carousel-item .item a[data-text] {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: .625rem;
    color: #1e2835;
    font-size: .625rem;
    font-weight: 300;
    line-height: .8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 1;
    height: .8rem;
    margin-bottom: .5rem
}

#homepage .featured .carousel-item .item .server-info {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 1.25rem;
    color: #959595;
    font-size: .625rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 1;
    display: block
}

#homepage .featured .carousel-item .item .server-info .i-inline-block {
    display: none
}

#homepage .featured .carousel-item .item .footer {
    color: #1e2835;
    font-size: .625rem;
    font-weight: 300;
    -ms-flex-order: 5;
    order: 5
}

#homepage .featured .carousel-item .item .footer .delivery-time {
    display: none
}

#homepage .featured .carousel-item .item .footer .price {
    font-size: 15px;
    font-weight: 400
}

#homepage .featured .rest {
    padding: 0 4.375rem
}

#homepage .featured .rest .slick-slider {
    padding: 0
}

#homepage .featured .rest .slick-prev {
    left: -3.5rem
}

#homepage .featured .rest .slick-prev:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -708px -652px;
    width: 8px;
    height: 16px;
    content: "";
    display: inline-block
}

#homepage .featured .rest .slick-next {
    right: -3.5rem
}

#homepage .featured .rest .slick-next:before {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -653px -243px;
    width: 8px;
    height: 16px;
    content: "";
    display: inline-block
}

#homepage .featured .rest .slick-arrow {
    display: block;
    bottom: 0;
    top: 0;
    width: 3rem;
    background-color: #f1f1f1;
    position: absolute;
    border-radius: 5px;
    z-index: 10;
    font-size: 0
}

#homepage .featured .primary .prime {
    width: 100%;
    margin-bottom: 1.875rem
}

@media (min-width:640px) {
    #homepage .featured .primary .prime {
        width: 50%
    }
}

@media screen and (min-width:64em) {
    #homepage .featured .primary .prime {
        width: 28%;
        margin-bottom: 0
    }
}

#homepage .featured .primary .secondary {
    margin-bottom: 1.875rem
}

@media (min-width:640px) {
    #homepage .featured .primary .secondary {
        width: 50%
    }
}

@media screen and (min-width:64em) {
    #homepage .featured .primary .secondary {
        width: 24%;
        margin-bottom: 0
    }
}

#homepage .featured .defaults {
    margin-bottom: 0
}

@media (min-width:480px) {

    #homepage .featured .defaults .default,
    #homepage .featured .defaults .game-specific,
    #homepage .featured .defaults .percent {
        width: 50%
    }
}

@media screen and (min-width:64em) {

    #homepage .featured .defaults .default,
    #homepage .featured .defaults .game-specific,
    #homepage .featured .defaults .percent {
        width: 25%;
        margin-bottom: 0
    }
}

#homepage .featured .defaults .default .item,
#homepage .featured .defaults .game-specific .item,
#homepage .featured .defaults .percent .item {
    margin-bottom: 1.25rem
}

#homepage .featured .formats {
    margin-top: 0
}

.dropzone,
.dropzone * {
    box-sizing: border-box
}

.dropzone {
    height: 12.5rem;
    background: #fff;
    padding: 1.6875rem;
    border-radius: .5rem;
    color: #0a0a0a
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.files {
    height: 6.25rem;
    padding: .625rem 1.6875rem
}

.dropzone.files-dropzone {
    height: 10rem;
    padding: .625rem 1.6875rem
}

.dropzone.files-dropzone .red-button {
    width: 132px;
    margin: auto
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    color: #a8a8a8;
    font-size: .875rem
}

.dropzone .dz-message .h5,
.dropzone .dz-message h5 {
    font-size: 1rem;
    color: #0a0a0a
}

.dropzone .dz-preview {
    position: relative;
    float: left;
    vertical-align: top;
    margin: 0 1.25rem 1.25rem 0;
    height: 5.625rem;
    width: 5.625rem
}

.dropzone .dz-preview .remove-image {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -307px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 40;
    cursor: pointer
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: .5rem
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    display: none
}

.dropzone .dz-preview .dz-image {
    border-radius: .5rem;
    overflow: hidden;
    width: 5.625rem;
    height: 5.625rem;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .preview-files-item span {
    max-width: 90%;
    display: block;
    float: left;
    overflow: hidden
}

.dropzone .preview-files-item .remove-file {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -797px -307px;
    width: 18px;
    height: 18px;
    margin-top: 5px;
    cursor: pointer;
    text-align: right;
    float: right
}

.dz-error-mark,
.dz-error-message,
.dz-progress,
.dz-success-mark,
body:after {
    display: none
}

body:after {
    content: url(../../img/ligthbox/close.png) url(../../img/ligthbox/loading.gif) url(../../img/ligthbox/prev.png) url(../../img/ligthbox/next.png)
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: #fff;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../../img/ligthbox/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../../img/ligthbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../../img/ligthbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../../img/ligthbox/close.png) 100% 0 no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.select2,
.select2 * {
    outline: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    max-width: 100% !important
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 3.3125rem;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 1.625rem;
    padding-right: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
    border-radius:10px;
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: .625rem 3.75rem .625rem 1.9375rem;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: #0a0a0a;
    border-top: .0625rem solid #d7d7d7;
    white-space: nowrap
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--below {
    margin-top: -3.3125rem
}

.select2-search--dropdown {
    display: block;
    padding: 0 3.75rem 0 1.625rem
}

.select2-search--dropdown .select2-search__field {
    padding: .5rem 0;
    width: 100%;
    box-sizing: border-box;
    height: 3.3125rem;
    background: none !important;
    box-shadow: none !important;
    margin: 0
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0a0a0a;
    line-height: 3.1875rem
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

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

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2 .diamonds span,
.select2-dropdown .diamonds span {
    position: relative;
    padding-right: 1.5rem
}

.select2 .diamonds span:before,
.select2-dropdown .diamonds span:before {
    position: absolute;
    content: "";
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -836px 0;
    width: 18px;
    height: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select2-container .f16 span {
    padding-left: 1.5rem;
    font-size: .875rem
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit,
.server-item.gu-mirror {
    cursor: move;
    min-height: 20px;
    border-radius: .625rem;
    background: linear-gradient(180deg, #f4f4f4 0, #f4f4f4);
    border: 1px solid #e5e5e5;
    padding: 10px 10px 10px 20px;
    text-align: left;
    width: 100%;
    margin-bottom: 10px
}

.server-item.gu-mirror {
    font-weight: 700;
    color: #111
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

#toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

footer span, footer .menu a
{
    color: #363636;
    font-size: 14px;
}

.icon-american_express {
    background-position: -115px -466px;
    width: 103px;
    height: 41px
}

.icon-american_express,
.icon-mastercard {
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icon-mastercard {
    background-position: -580px 0;
    width: 82px;
    height: 55px
}

.icon-norton {
    background-position: -147px -236px;
    width: 96px;
    height: 52px
}

.icon-norton,
.icon-paypal {
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icon-paypal {
    background-position: -580px -75px;
    width: 82px;
    height: 30px
}

.icon-rapid_ssl {
    background-position: 0 -466px;
    width: 95px;
    height: 51px
}

.icon-rapid_ssl,
.icon-visa {
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icon-visa {
    background-position: -580px -304px;
    width: 77px;
    height: 25px
}

.icon-skrill {
    background-position: 0 -537px;
    width: 97px;
    height: 34px
}

.icon-skrill,
.icon-ssl {
    background-image: url(../../img/sprites_ver=0.3.png)
}

.icon-ssl {
    background-position: -238px -466px;
    width: 94px;
    height: 40px
}

.icon-dotpay {
    background-image: url(../../img/sprites_ver=0.3.png);
    background-position: -352px -466px;
    width: 100px;
    height: 36px
}

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .9) 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    transition: all .3s ease-out
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    z-index: 9999999 !important
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    z-index: 9999998;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .4)
}

.introjs-helperLayer,
.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    visibility: hidden;
    z-index: 10000000;
    background-color: transparent
}

.introjs-helperLayer *,
.introjs-helperLayer :after,
.introjs-helperLayer :before {
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    background: #ff3019;
    background: linear-gradient(180deg, #ff3019 0, #cf0404);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
    border: 5px solid #fff;
    content: "";
    position: absolute
}

.introjs-arrow.top,
.introjs-arrow.top-right {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
    border-left-color: transparent
}

.introjs-arrow.top-right {
    right: 10px
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #fff;
    border-left-color: transparent
}

.introjs-arrow.right {
    top: 10px
}

.introjs-arrow.right,
.introjs-arrow.right-bottom {
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #fff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-arrow.left {
    top: 10px
}

.introjs-arrow.left,
.introjs-arrow.left-bottom {
    left: -10px;
    border-top-color: transparent;
    border-right-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-arrow.left-bottom {
    bottom: 10px
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    border-radius: .2em;
    zoom: 1;
    *display: inline;
    margin-top: 10px
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active,
.introjs-button:focus {
    background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a
}

.introjs-prevbutton {
    border-radius: .2em 0 0 .2em;
    border-right: none
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    border-radius: .2em
}

.introjs-nextbutton {
    border-radius: 0 .2em .2em 0
}

.introjs-nextbutton.introjs-fullbutton {
    border-radius: .2em
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, .57)
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, .27);
    border-radius: 30px;
    background-color: hsla(0, 0%, 53%, .24);
    z-index: 10;
    position: absolute;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    animation: none
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid hsla(0, 0%, 57%, .36);
    background: transparent;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: e 3s ease-out;
    animation: e 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.5);
        opacity: .5
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.introjs-bullets ul li {
    margin: 2px
}

.introjs-helperLayer.diffrent-style {
    background-color: hsla(0, 0%, 100%, .15)
}

.is-reveal-open .header {
    z-index: 0
}

.md-tutorial {
    position: fixed;
    bottom: 0;
    right: 100px;
    z-index: 12345;
    display: none
}

.md-tutorial__button {
    display: inline-block;
    font-weight: 700;
    color: var(--primary-color);
    background: #fff;
    padding: 9px 40px 9px 10px;
    border-top: 2px solid var(--primary-color);
    border-left: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color);
    border-radius: 0;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    position: relative
}

.md-tutorial__button:after {
    display: block;
    position: absolute;
    content: "";
    background-position: -279px -204px;
    width: 12px;
    height: 12px;
    top: 12px;
    right: .9375rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.md-tutorial__button:after,
.md-tutorial__close {
    background-image: url(../../img/sprites_ver=0.3.png)
}

.md-tutorial__close {
    display: inline-block;
    margin-left: 10px;
    background-position: -797px -307px;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom
}
.cart-total, .mod-title {
    font-family: var(--font-heading);
}
.linear-gradient, .custom-toggle-button{
    background: #000;
    border-radius: 3px;
    transition: all .3s
}
.order-info .order-top {
    background: -webkit-linear-gradient(left,#69f6a4,#133eda);
    background: -o-linear-gradient(right,#69f6a4,#133eda);
    background: -moz-linear-gradient(right,#69f6a4,#133eda);
    background: linear-gradient(to right,#69f6a4,#133eda);
    border-radius: 5px 5px 0 0
}
.logo{
    max-width: 10rem;
}
.center{
    text-align: center;
}
.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 1rem auto;
    font-size:.74rem;
    text-transform: uppercase;
}
.pager > * {
    display: inline-block;
    padding: .5rem;
}
.pager > a, .pager > span {
    border:1px solid #eee;
    padding: .5rem 1rem;
}
.pager > span{
    border-color: var(--primary-color);
}
.pager > a:hover, .pager > span:hover{
    color: var(--primary-color);
}
@media screen and (max-width:1024px) {
    .search-form fieldset .select2-container {
        width: 100% !important;
    }
}
@media screen and (max-width:768px) {
    .first-section{
        display: none;
    }
    #big_img{
        padding: 0 .625rem .625rem !important;
    }
    .section-main-header{
        padding-top: 0 !important;
    }
    .logo{
        max-width: 10rem;
    }
    .banner-carousel ._item{
        min-height: 100px;
    }
    .grid-rows{
        flex-wrap: wrap;
    }
    .grid-rows > div {
        width: 100% !important;
    }
    .step-box{
        min-height: 10rem !important;
    }
    #payment_method .payment{
        width: calc((100% - 20px)/2) !important;
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
}
.container{
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}
.required::before{
    content: "*";
    color: #f00;
}
.promoted-auction > .image{
    position: relative;
}
.golds-unit{
    font-weight: 800;
    font-size: 3rem;
    color:white;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 14px rgba(0, 0, 0, .5);
}
.mt10{
    margin-top: 10px !important;
}
.shop_table{
    border-radius: 10px;
    overflow: hidden;
}
.cart-item-list{
    color: black;
    font-weight: normal;
    font-size: .9rem;
}
.product-remove i{
    color:#aaa;
}
.cart-item-list thead th{
    color: black;
}
.cart-item-list .product-desc dl{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.grid-rows{
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
    justify-content: space-between;
}
#checkout .form-group, #checkout .form-group > * {
    width: 100%;
}
.step-box{
    padding: 2rem;
    border-radius: 0 0 10px 10px;
    color: black;
    min-height: 10rem;
    border: 1px solid #00000047;
}
#shipping_method input, #payment_method input{
    display: none;
}
#shipping_method label{
    border:2px solid #4fbb2e;
    padding: .4rem 1rem;
    color: #4fbb2e;
    font-weight: 600;
    border-radius: 20px;
}
#checkout input, #checkout textarea, #checkout select{
    box-shadow: none;
    /* background: #141e2a; */
    border: 1px solid #bcbcbc;
    color: black;
    font-size: .9rem;
}
#payment_method{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
}
#payment_method .payment{
    width: calc((100% - 20px)/2);
    max-width: 12rem;
}
#payment_method .payment .radio{
    background-color: white;
    border-radius: 10px;
    padding: 1rem;
}
.mod-title{
    text-transform: uppercase;
    color:black;
}
#payment_method .payment .radio label > div{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
#payment_method .payment .radio label {
    position: relative;
    padding-left: 2rem;
}
.order-top {
    background: -webkit-linear-gradient(left,#69f6a4,#133eda);
    background: -o-linear-gradient(right,#69f6a4,#133eda);
    background: -moz-linear-gradient(right,#69f6a4,#133eda);
    background: linear-gradient(to right,#69f6a4,#133eda);
    height: 10px;
    border-radius: 5px 5px 0 0
}
.order-info{
    padding-bottom: 45px;
    border-radius: 5px;
    background: -webkit-linear-gradient(top,#092d5f,#091430);
    background: -o-linear-gradient(bottom,#092d5f,#091430);
    background: -moz-linear-gradient(bottom,#092d5f,#091430);
    background: linear-gradient(to bottom,#092d5f,#091430)
}
.order-coupon{
    
}
.order-coupon button {
    background: #0b85ea;
    color: #fff;
    height: 54px;
    padding: 0 19px;
}
.order-price .price, .order-price .price * {
    font-size: 1rem;
    font-style: normal;
    font-weight: bold;
}
#checkout .checkout-btn {
    width: 100%;
    height: 64px;
    color: #fff;
}
#checkout .checkout-btn > span{
    width: 100%;height: 64px; line-height: 64px; font-size: 1.2rem;
}


.cart-list table {
    text-align: center;
    width: 100%;
    border: 0;
    border-radius: 5px;
    position: relative
}

.cart-list table tbody tr {
    background: #f8f8f8;
    color: black;
}

.shoping-list-mask {
    width: 100%;
    top: 40px;
    height: 100px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #07254c
}

.shoping-list-mask i {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-left: 2px solid #fff;
    margin: auto;
    animation: rotation 1s linear infinite
}

.cart-list table tbody tr td {
    border-bottom: 1px solid #07254c;
    padding: 20px 0
}

.cart-list table thead {
    background: -webkit-linear-gradient(left,#69f6a4,#133eda);
    background: -o-linear-gradient(right,#69f6a4,#133eda);
    background: -moz-linear-gradient(right,#69f6a4,#133eda);
    background: linear-gradient(to right,#69f6a4,#133eda)
}

.cart-list table thead tr {
    background:#eee;
    color: #fff;
    font-family: oswald;
    height: 40px;
    overflow: hidden
}

.cart-list table thead tr td:first-child {
    border-radius: 5px 0 0 0
}

.cart-list table thead tr td:last-child {
    border-radius: 0 5px 0 0
}

.cart-list .shop-title {
    display: flex;
    align-items: center;
    padding-left: 20px
}

.cart-list .shop-title .shopImage {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cart-list .shop-title img {
    max-width: 80px;
    max-height: 80px
}
.goods_option{
    line-height: 1.5;
}
.goods_option p{
    margin:0;
}
.cart-list .shop-title p {
    font-size: 12px;
    color: #333;
    text-align: left;
    white-space: normal;
}
.shopcart .goods_li .diy_more {
    display: block;
    text-align: left;
    margin-top: 5px;
    color: #01a276;
    cursor: pointer
}

.shopcart .goods_li .diyDetailInfo {
    position: absolute;
    top: 110%;
    background: #fff;
    z-index: 9;
    border-radius: 5px;
    padding: 10px;
    display: none
}

.shopcart .goods_li .diyDetailInfo::after {
    content: '';
    background: #fff;
    position: absolute;
    top: -5px;
    left: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg)
}

.shopcart .goods_li .diyDetailInfo.display {
    display: block
}

.shopcart .goods_li .diyDetailInfo p {
    color: #000;
    white-space: nowrap;
    width: auto
}

.shop-num i {
    width: 10px
}

.shop-num span {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #07254c;
    cursor: pointer
}

.shop-num span:hover {
    background: #0b85ea
}

.shop-num .sub {
    border-radius: 5px 0 0 5px
}

.shop-num .add {
    border-radius: 0 5px 5px 0
}

.shop-num .sub i {
    height: 2px;
    background-position: -171px -105px
}

.shop-num .add i {
    height: 10px;
    background-position: -187px -100px
}

.shop-num div {
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: center
}

.shop-num input {
    background: 0 0;
    width: 80px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    height: 100%;
    background: #eee;
    text-align: center;
    color: #fff
}

.shop-num input.isRead {
    background: #eee;
    border: none
}

#shipping_method{
    margin-top:1.5rem;
}
.more_img .slider{
}
.shop-price .price {
    color: #000;
    font-weight: normal;
}
.common_cart_list table{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #00000047;
}
.common_cart_list tbody, .common_cart_list tfoot,.common_cart_list thead, .cart-list table tbody tr td{
    border-color: #00000047;
    background-color: transparent;
}
.common_cart_list thead td{
    font-size: .7rem !important;
}
.cart-list table thead tr{
    height: 30px;
}
.copyrights-wrapper {
    text-transform: uppercase;
    font-size: .7rem;
    text-align: center;
    display: block;
    width: 100%;
    color: #888;
    line-height:1.8;
    margin-top: 3rem;
}
#social-links{
    max-width: 260px;
    margin: 2rem auto;
}
#social-links > ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}