html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%
}

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

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0
}

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

hr {
    overflow: visible
}

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

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[type=button],
[type=reset],
[type=submit] [role=button],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

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

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: ;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 0;
    border: 0
}

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

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

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

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: ;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: inherit
}

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

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

.carousel-transition-enter {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.carousel-transition-leave,
.carousel-transition-leave-to {
    position: absolute;
    top: 0
}

.carousel-reverse-transition-enter,
.carousel-transition-leave,
.carousel-transition-leave-to {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.carousel-reverse-transition-leave,
.carousel-reverse-transition-leave-to {
    position: absolute;
    top: 0;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.dialog-transition-enter,
.dialog-transition-leave-to {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.dialog-transition-enter-to,
.dialog-transition-leave {
    opacity: 1
}

.dialog-bottom-transition-enter,
.dialog-bottom-transition-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active,
.picker-transition-enter-active,
.picker-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(0, 0, .2, 1);
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.picker-reverse-transition-enter,
.picker-reverse-transition-leave-to,
.picker-transition-enter,
.picker-transition-leave-to {
    opacity: 0
}

.picker-reverse-transition-leave,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to,
.picker-transition-leave,
.picker-transition-leave-active,
.picker-transition-leave-to {
    position: absolute !important
}

.picker-transition-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.picker-reverse-transition-enter,
.picker-transition-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.picker-reverse-transition-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.picker-title-transition-enter-to,
.picker-title-transition-leave {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.picker-title-transition-enter {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.picker-title-transition-leave-to {
    opacity: 0;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.picker-title-transition-leave,
.picker-title-transition-leave-active,
.picker-title-transition-leave-to {
    position: absolute !important
}

.tab-transition-enter {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.tab-transition-leave,
.tab-transition-leave-active {
    position: absolute;
    top: 0
}

.tab-transition-leave-to {
    position: absolute
}

.tab-reverse-transition-enter,
.tab-transition-leave-to {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.tab-reverse-transition-leave,
.tab-reverse-transition-leave-to {
    top: 0;
    position: absolute;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.expand-transition-enter-active,
.expand-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.expand-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.expand-x-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.scale-transition-enter-active,
.scale-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.scale-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.scale-transition-enter,
.scale-transition-leave,
.scale-transition-leave-to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.message-transition-enter-active,
.message-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.message-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.message-transition-enter,
.message-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.message-transition-leave,
.message-transition-leave-active {
    position: absolute
}

.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-y-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.slide-y-transition-enter,
.slide-y-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-y-reverse-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.slide-y-reverse-transition-enter,
.slide-y-reverse-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.scroll-y-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.scroll-y-transition-enter,
.scroll-y-transition-leave-to {
    opacity: 0
}

.scroll-y-transition-enter {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.scroll-y-transition-leave-to {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.scroll-y-reverse-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.scroll-y-reverse-transition-enter,
.scroll-y-reverse-transition-leave-to {
    opacity: 0
}

.scroll-y-reverse-transition-enter {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.scroll-y-reverse-transition-leave-to {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.scroll-x-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.scroll-x-transition-enter,
.scroll-x-transition-leave-to {
    opacity: 0
}

.scroll-x-transition-enter {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.scroll-x-transition-leave-to {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.scroll-x-reverse-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.scroll-x-reverse-transition-enter,
.scroll-x-reverse-transition-leave-to {
    opacity: 0
}

.scroll-x-reverse-transition-enter {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.scroll-x-reverse-transition-leave-to {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-x-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.slide-x-transition-enter,
.slide-x-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-x-reverse-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.slide-x-reverse-transition-enter,
.slide-x-reverse-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.fade-transition-enter-active,
.fade-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.fade-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.fade-transition-enter,
.fade-transition-leave-to {
    opacity: 0 !important
}

.fab-transition-enter-active,
.fab-transition-leave-active {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.fab-transition-move {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s
}

.fab-transition-enter,
.fab-transition-leave-to {
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg)
}

.color-text {
    color: #fff !important;
    caret-color: #fff !important
}

.color-bg-text {
    background-color: #fff !important
}

.color-border-text {
    border-color: #fff !important
}

.color-error-bg {
    color: #472d28 !important;
    caret-color: #472d28 !important
}

.color-bg-error-bg {
    background-color: #472d28 !important
}

.color-border-error-bg {
    border-color: #472d28 !important
}

.color-error-text {
    color: #e34b21 !important;
    caret-color: #e34b21 !important
}

.color-bg-error-text {
    background-color: #e34b21 !important
}

.color-border-error-text {
    border-color: #e34b21 !important
}

.color-warning {
    color: #f94f28 !important;
    caret-color: #f94f28 !important
}

.color-bg-warning {
    background-color: #f94f28 !important
}

.color-border-warning {
    border-color: #f94f28 !important
}

.color-palette-0 {
    color: #0d0e12 !important;
    caret-color: #0d0e12 !important
}

.color-bg-palette-0 {
    background-color: #0d0e12 !important
}

.color-border-palette-0 {
    border-color: #0d0e12 !important
}

.color-palette-1 {
    color: #16171b !important;
    caret-color: #16171b !important
}

.color-bg-palette-1 {
    background-color: #16171b !important
}

.color-border-palette-1 {
    border-color: #16171b !important
}

.color-palette-2 {
    color: #1a1b1f !important;
    caret-color: #1a1b1f !important
}

.color-bg-palette-2 {
    background-color: #1a1b1f !important
}

.color-border-palette-2 {
    border-color: #1a1b1f !important
}

.color-palette-3 {
    color: #41434a !important;
    caret-color: #41434a !important
}

.color-bg-palette-3 {
    background-color: #41434a !important
}

.color-border-palette-3 {
    border-color: #41434a !important
}

.color-palette-4 {
    color: #007bff99 !important;
    caret-color: #007bff99 !important
}

.color-bg-palette-4 {
    background-color: #007bff99 !important
}

.color-border-palette-4 {
    border-color: #007bff99 !important
}

.color-palette-5 {
    color: #007bff !important;
    caret-color: #007bff !important
}

.color-bg-palette-5 {
    background-color: #007bff !important
}

.color-border-palette-5 {
    border-color: #007bff !important
}

.color-palette-6 {
    color: #28292f !important;
    caret-color: #28292f !important
}

.color-bg-palette-6 {
    background-color: #28292f !important
}

.color-border-palette-6 {
    border-color: #28292f !important
}

.color-palette-7 {
    color: #1d1e23 !important;
    caret-color: #1d1e23 !important
}

.color-bg-palette-7 {
    background-color: #1d1e23 !important
}

.color-border-palette-7 {
    border-color: #1d1e23 !important
}

.color-palette-8 {
    color: #9b9ea8 !important;
    caret-color: #9b9ea8 !important
}

.color-bg-palette-8 {
    background-color: #9b9ea8 !important
}

.color-border-palette-8 {
    border-color: #9b9ea8 !important
}

.color-text-1 {
    color: #fff !important;
    caret-color: #fff !important
}

.color-bg-text-1 {
    background-color: #fff !important
}

.color-border-text-1 {
    border-color: #fff !important
}

.color-text-2 {
    color: #41434a !important;
    caret-color: #41434a !important
}

.color-bg-text-2 {
    background-color: #41434a !important
}

.color-border-text-2 {
    border-color: #41434a !important
}

.color-text-3 {
    color: #007bff !important;
    caret-color: #007bff !important
}

.color-bg-text-3 {
    background-color: #007bff !important
}

.color-border-text-3 {
    border-color: #007bff !important
}

.color-text-4 {
    color: #28292f !important;
    caret-color: #28292f !important
}

.color-bg-text-4 {
    background-color: #28292f !important
}

.color-border-text-4 {
    border-color: #28292f !important
}

.color-text-5 {
    color: #9b9ea8 !important;
    caret-color: #9b9ea8 !important
}

.color-bg-text-5 {
    background-color: #9b9ea8 !important
}

.color-border-text-5 {
    border-color: #9b9ea8 !important
}

.color-text-6 {
    color: #9598a2 !important;
    caret-color: #9598a2 !important
}

.color-bg-text-6 {
    background-color: #9598a2 !important
}

.color-border-text-6 {
    border-color: #9598a2 !important
}

.color-text-7 {
    color: #e9b603 !important;
    caret-color: #e9b603 !important
}

.color-bg-text-7 {
    background-color: #e9b603 !important
}

.color-border-text-7 {
    border-color: #e9b603 !important
}

.color-text-8 {
    color: #d1d1d1 !important;
    caret-color: #d1d1d1 !important
}

.color-bg-text-8 {
    background-color: #d1d1d1 !important
}

.color-border-text-8 {
    border-color: #d1d1d1 !important
}

.color-gold {
    color: #e8b503 !important;
    caret-color: #e8b503 !important
}

.color-bg-gold {
    background-color: #e8b503 !important
}

.color-border-gold {
    border-color: #e8b503 !important
}

.color-warm {
    color: #e8b503 !important;
    caret-color: #e8b503 !important
}

.color-bg-warm {
    background-color: #e8b503 !important
}

.color-border-warm {
    border-color: #e8b503 !important
}

.color-cold {
    color: #13a0b9 !important;
    caret-color: #13a0b9 !important
}

.color-bg-cold {
    background-color: #13a0b9 !important
}

.color-border-cold {
    border-color: #13a0b9 !important
}

.rarity-0 {
    background-color: #a6bec6 !important;
    border-color: #a6bec6 !important
}

.rarity-0_text {
    color: #a6bec6 !important;
    caret-color: #a6bec6 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-0_radial:before {
    background-image: radial-gradient(circle at center, #a6bec6, transparent 40%)
}

.rarity-0_after:after,
.rarity-0_before:before {
    border-color: #a6bec6 !important;
    -webkit-box-shadow: 0 0 20px 0 #a6bec6, inset 0 0 20px 0 #a6bec6 !important;
    box-shadow: 0 0 20px 0 #a6bec6, inset 0 0 20px 0 #a6bec6 !important
}

.rarity-1 {
    background-color: #a6bec6 !important;
    border-color: #a6bec6 !important
}

.rarity-1_text {
    color: #a6bec6 !important;
    caret-color: #a6bec6 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-1_radial:before {
    background-image: radial-gradient(circle at center, #a6bec6, transparent 40%)
}

.rarity-1_after:after,
.rarity-1_before:before {
    border-color: #a6bec6 !important;
    -webkit-box-shadow: 0 0 20px 0 #a6bec6, inset 0 0 20px 0 #a6bec6 !important;
    box-shadow: 0 0 20px 0 #a6bec6, inset 0 0 20px 0 #a6bec6 !important
}

.rarity-outline_1 img {
    -webkit-filter: drop-shadow(1px 0 0 #a6bec6) drop-shadow(-1px 0 0 #a6bec6) drop-shadow(0 1px 0 #a6bec6) drop-shadow(0 -1px 0 #a6bec6) drop-shadow(0 0 10px #a6bec6) drop-shadow(0 0 30px #a6bec6);
    filter: drop-shadow(1px 0 0 #a6bec6) drop-shadow(-1px 0 0 #a6bec6) drop-shadow(0 1px 0 #a6bec6) drop-shadow(0 -1px 0 #a6bec6) drop-shadow(0 0 10px #a6bec6) drop-shadow(0 0 30px #a6bec6)
}

.rarity-2 {
    background-color: #49adcd !important;
    border-color: #49adcd !important
}

.rarity-2_text {
    color: #49adcd !important;
    caret-color: #49adcd !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-2_radial:before {
    background-image: radial-gradient(circle at center, #49adcd, transparent 40%)
}

.rarity-2_after:after,
.rarity-2_before:before {
    border-color: #49adcd !important;
    -webkit-box-shadow: 0 0 20px 0 #49adcd, inset 0 0 20px 0 #49adcd !important;
    box-shadow: 0 0 20px 0 #49adcd, inset 0 0 20px 0 #49adcd !important
}

.rarity-outline_2 img {
    -webkit-filter: drop-shadow(1px 0 0 #49adcd) drop-shadow(-1px 0 0 #49adcd) drop-shadow(0 1px 0 #49adcd) drop-shadow(0 -1px 0 #49adcd) drop-shadow(0 0 10px #49adcd) drop-shadow(0 0 30px #49adcd);
    filter: drop-shadow(1px 0 0 #49adcd) drop-shadow(-1px 0 0 #49adcd) drop-shadow(0 1px 0 #49adcd) drop-shadow(0 -1px 0 #49adcd) drop-shadow(0 0 10px #49adcd) drop-shadow(0 0 30px #49adcd)
}

.rarity-3 {
    background-color: #428bee !important;
    border-color: #428bee !important
}

.rarity-3_text {
    color: #428bee !important;
    caret-color: #428bee !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-3_radial:before {
    background-image: radial-gradient(circle at center, #428bee, transparent 40%)
}

.rarity-3_after:after,
.rarity-3_before:before {
    border-color: #428bee !important;
    -webkit-box-shadow: 0 0 20px 0 #428bee, inset 0 0 20px 0 #428bee !important;
    box-shadow: 0 0 20px 0 #428bee, inset 0 0 20px 0 #428bee !important
}

.rarity-outline_3 img {
    -webkit-filter: drop-shadow(1px 0 0 #428bee) drop-shadow(-1px 0 0 #428bee) drop-shadow(0 1px 0 #428bee) drop-shadow(0 -1px 0 #428bee) drop-shadow(0 0 10px #428bee) drop-shadow(0 0 30px #428bee);
    filter: drop-shadow(1px 0 0 #428bee) drop-shadow(-1px 0 0 #428bee) drop-shadow(0 1px 0 #428bee) drop-shadow(0 -1px 0 #428bee) drop-shadow(0 0 10px #428bee) drop-shadow(0 0 30px #428bee)
}

.rarity-4 {
    background-color: #9926ea !important;
    border-color: #9926ea !important
}

.rarity-4_text {
    color: #9926ea !important;
    caret-color: #9926ea !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-4_radial:before {
    background-image: radial-gradient(circle at center, #9926ea, transparent 40%)
}

.rarity-4_after:after,
.rarity-4_before:before {
    border-color: #9926ea !important;
    -webkit-box-shadow: 0 0 20px 0 #9926ea, inset 0 0 20px 0 #9926ea !important;
    box-shadow: 0 0 20px 0 #9926ea, inset 0 0 20px 0 #9926ea !important
}

.rarity-outline_4 img {
    -webkit-filter: drop-shadow(1px 0 0 #9926ea) drop-shadow(-1px 0 0 #9926ea) drop-shadow(0 1px 0 #9926ea) drop-shadow(0 -1px 0 #9926ea) drop-shadow(0 0 10px #9926ea) drop-shadow(0 0 30px #9926ea);
    filter: drop-shadow(1px 0 0 #9926ea) drop-shadow(-1px 0 0 #9926ea) drop-shadow(0 1px 0 #9926ea) drop-shadow(0 -1px 0 #9926ea) drop-shadow(0 0 10px #9926ea) drop-shadow(0 0 30px #9926ea)
}

.rarity-5 {
    background-color: #ea26b1 !important;
    border-color: #ea26b1 !important
}

.rarity-5_text {
    color: #ea26b1 !important;
    caret-color: #ea26b1 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-5_radial:before {
    background-image: radial-gradient(circle at center, #ea26b1, transparent 40%)
}

.rarity-5_after:after,
.rarity-5_before:before {
    border-color: #ea26b1 !important;
    -webkit-box-shadow: 0 0 20px 0 #ea26b1, inset 0 0 20px 0 #ea26b1 !important;
    box-shadow: 0 0 20px 0 #ea26b1, inset 0 0 20px 0 #ea26b1 !important
}

.rarity-outline_5 img {
    -webkit-filter: drop-shadow(1px 0 0 #ea26b1) drop-shadow(-1px 0 0 #ea26b1) drop-shadow(0 1px 0 #ea26b1) drop-shadow(0 -1px 0 #ea26b1) drop-shadow(0 0 10px #ea26b1) drop-shadow(0 0 30px #ea26b1);
    filter: drop-shadow(1px 0 0 #ea26b1) drop-shadow(-1px 0 0 #ea26b1) drop-shadow(0 1px 0 #ea26b1) drop-shadow(0 -1px 0 #ea26b1) drop-shadow(0 0 10px #ea26b1) drop-shadow(0 0 30px #ea26b1)
}

.rarity-6 {
    background-color: #ea4726 !important;
    border-color: #ea4726 !important
}

.rarity-6_text {
    color: #ea4726 !important;
    caret-color: #ea4726 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-6_radial:before {
    background-image: radial-gradient(circle at center, #ea4726, transparent 40%)
}

.rarity-6_after:after,
.rarity-6_before:before {
    border-color: #ea4726 !important;
    -webkit-box-shadow: 0 0 20px 0 #ea4726, inset 0 0 20px 0 #ea4726 !important;
    box-shadow: 0 0 20px 0 #ea4726, inset 0 0 20px 0 #ea4726 !important
}

.rarity-outline_6 img {
    -webkit-filter: drop-shadow(1px 0 0 #ea4726) drop-shadow(-1px 0 0 #ea4726) drop-shadow(0 1px 0 #ea4726) drop-shadow(0 -1px 0 #ea4726) drop-shadow(0 0 10px #ea4726) drop-shadow(0 0 30px #ea4726);
    filter: drop-shadow(1px 0 0 #ea4726) drop-shadow(-1px 0 0 #ea4726) drop-shadow(0 1px 0 #ea4726) drop-shadow(0 -1px 0 #ea4726) drop-shadow(0 0 10px #ea4726) drop-shadow(0 0 30px #ea4726)
}

.rarity-7 {
    background-color: #428bee !important;
    border-color: #428bee !important
}

.rarity-7_text {
    color: #428bee !important;
    caret-color: #428bee !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-7_radial:before {
    background-image: radial-gradient(circle at center, #428bee, transparent 40%)
}

.rarity-7_after:after,
.rarity-7_before:before {
    border-color: #428bee !important;
    -webkit-box-shadow: 0 0 20px 0 #428bee, inset 0 0 20px 0 #428bee !important;
    box-shadow: 0 0 20px 0 #428bee, inset 0 0 20px 0 #428bee !important
}

.rarity-outline_7 img {
    -webkit-filter: drop-shadow(1px 0 0 #428bee) drop-shadow(-1px 0 0 #428bee) drop-shadow(0 1px 0 #428bee) drop-shadow(0 -1px 0 #428bee) drop-shadow(0 0 10px #428bee) drop-shadow(0 0 30px #428bee);
    filter: drop-shadow(1px 0 0 #428bee) drop-shadow(-1px 0 0 #428bee) drop-shadow(0 1px 0 #428bee) drop-shadow(0 -1px 0 #428bee) drop-shadow(0 0 10px #428bee) drop-shadow(0 0 30px #428bee)
}

.rarity-8 {
    background-color: #ffbe22 !important;
    border-color: #ffbe22 !important
}

.rarity-8_text {
    color: #ffbe22 !important;
    caret-color: #ffbe22 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-8_radial:before {
    background-image: radial-gradient(circle at center, #ffbe22, transparent 40%)
}

.rarity-8_after:after,
.rarity-8_before:before {
    border-color: #ffbe22 !important;
    -webkit-box-shadow: 0 0 20px 0 #ffbe22, inset 0 0 20px 0 #ffbe22 !important;
    box-shadow: 0 0 20px 0 #ffbe22, inset 0 0 20px 0 #ffbe22 !important
}

.rarity-outline_8 img {
    -webkit-filter: drop-shadow(1px 0 0 #ffbe22) drop-shadow(-1px 0 0 #ffbe22) drop-shadow(0 1px 0 #ffbe22) drop-shadow(0 -1px 0 #ffbe22) drop-shadow(0 0 10px #ffbe22) drop-shadow(0 0 30px #ffbe22);
    filter: drop-shadow(1px 0 0 #ffbe22) drop-shadow(-1px 0 0 #ffbe22) drop-shadow(0 1px 0 #ffbe22) drop-shadow(0 -1px 0 #ffbe22) drop-shadow(0 0 10px #ffbe22) drop-shadow(0 0 30px #ffbe22)
}

.rarity-9 {
    background-color: #798b9a !important;
    border-color: #798b9a !important
}

.rarity-9_text {
    color: #798b9a !important;
    caret-color: #798b9a !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-9_radial:before {
    background-image: radial-gradient(circle at center, #798b9a, transparent 40%)
}

.rarity-9_after:after,
.rarity-9_before:before {
    border-color: #798b9a !important;
    -webkit-box-shadow: 0 0 20px 0 #798b9a, inset 0 0 20px 0 #798b9a !important;
    box-shadow: 0 0 20px 0 #798b9a, inset 0 0 20px 0 #798b9a !important
}

.rarity-outline_9 img {
    -webkit-filter: drop-shadow(1px 0 0 #798b9a) drop-shadow(-1px 0 0 #798b9a) drop-shadow(0 1px 0 #798b9a) drop-shadow(0 -1px 0 #798b9a) drop-shadow(0 0 10px #798b9a) drop-shadow(0 0 30px #798b9a);
    filter: drop-shadow(1px 0 0 #798b9a) drop-shadow(-1px 0 0 #798b9a) drop-shadow(0 1px 0 #798b9a) drop-shadow(0 -1px 0 #798b9a) drop-shadow(0 0 10px #798b9a) drop-shadow(0 0 30px #798b9a)
}

.rarity-10 {
    background-color: #428bee !important;
    border-color: #428bee !important
}

.rarity-10_text {
    color: #428bee !important;
    caret-color: #428bee !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-10_radial:before {
    background-image: radial-gradient(circle at center, #428bee, transparent 40%)
}

.rarity-10_after:after,
.rarity-10_before:before {
    border-color: #428bee !important;
    -webkit-box-shadow: 0 0 20px 0 #428bee, inset 0 0 20px 0 #428bee !important;
    box-shadow: 0 0 20px 0 #428bee, inset 0 0 20px 0 #428bee !important
}

.rarity-outline_10 img {
    -webkit-filter: drop-shadow(1px 0 0 #428bee) drop-shadow(-1px 0 0 #428bee) drop-shadow(0 1px 0 #428bee) drop-shadow(0 -1px 0 #428bee) drop-shadow(0 0 10px #428bee) drop-shadow(0 0 30px #428bee);
    filter: drop-shadow(1px 0 0 #428bee) drop-shadow(-1px 0 0 #428bee) drop-shadow(0 1px 0 #428bee) drop-shadow(0 -1px 0 #428bee) drop-shadow(0 0 10px #428bee) drop-shadow(0 0 30px #428bee)
}

.rarity-11 {
    background-color: #9926ea !important;
    border-color: #9926ea !important
}

.rarity-11_text {
    color: #9926ea !important;
    caret-color: #9926ea !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-11_radial:before {
    background-image: radial-gradient(circle at center, #9926ea, transparent 40%)
}

.rarity-11_after:after,
.rarity-11_before:before {
    border-color: #9926ea !important;
    -webkit-box-shadow: 0 0 20px 0 #9926ea, inset 0 0 20px 0 #9926ea !important;
    box-shadow: 0 0 20px 0 #9926ea, inset 0 0 20px 0 #9926ea !important
}

.rarity-outline_11 img {
    -webkit-filter: drop-shadow(1px 0 0 #9926ea) drop-shadow(-1px 0 0 #9926ea) drop-shadow(0 1px 0 #9926ea) drop-shadow(0 -1px 0 #9926ea) drop-shadow(0 0 10px #9926ea) drop-shadow(0 0 30px #9926ea);
    filter: drop-shadow(1px 0 0 #9926ea) drop-shadow(-1px 0 0 #9926ea) drop-shadow(0 1px 0 #9926ea) drop-shadow(0 -1px 0 #9926ea) drop-shadow(0 0 10px #9926ea) drop-shadow(0 0 30px #9926ea)
}

.rarity-12 {
    background-color: #ea26b1 !important;
    border-color: #ea26b1 !important
}

.rarity-12_text {
    color: #ea26b1 !important;
    caret-color: #ea26b1 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-12_radial:before {
    background-image: radial-gradient(circle at center, #ea26b1, transparent 40%)
}

.rarity-12_after:after,
.rarity-12_before:before {
    border-color: #ea26b1 !important;
    -webkit-box-shadow: 0 0 20px 0 #ea26b1, inset 0 0 20px 0 #ea26b1 !important;
    box-shadow: 0 0 20px 0 #ea26b1, inset 0 0 20px 0 #ea26b1 !important
}

.rarity-outline_12 img {
    -webkit-filter: drop-shadow(1px 0 0 #ea26b1) drop-shadow(-1px 0 0 #ea26b1) drop-shadow(0 1px 0 #ea26b1) drop-shadow(0 -1px 0 #ea26b1) drop-shadow(0 0 10px #ea26b1) drop-shadow(0 0 30px #ea26b1);
    filter: drop-shadow(1px 0 0 #ea26b1) drop-shadow(-1px 0 0 #ea26b1) drop-shadow(0 1px 0 #ea26b1) drop-shadow(0 -1px 0 #ea26b1) drop-shadow(0 0 10px #ea26b1) drop-shadow(0 0 30px #ea26b1)
}

.rarity-13 {
    background-color: #ea4726 !important;
    border-color: #ea4726 !important
}

.rarity-13_text {
    color: #ea4726 !important;
    caret-color: #ea4726 !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-13_radial:before {
    background-image: radial-gradient(circle at center, #ea4726, transparent 40%)
}

.rarity-13_after:after,
.rarity-13_before:before {
    border-color: #ea4726 !important;
    -webkit-box-shadow: 0 0 20px 0 #ea4726, inset 0 0 20px 0 #ea4726 !important;
    box-shadow: 0 0 20px 0 #ea4726, inset 0 0 20px 0 #ea4726 !important
}

.rarity-outline_13 img {
    -webkit-filter: drop-shadow(1px 0 0 #ea4726) drop-shadow(-1px 0 0 #ea4726) drop-shadow(0 1px 0 #ea4726) drop-shadow(0 -1px 0 #ea4726) drop-shadow(0 0 10px #ea4726) drop-shadow(0 0 30px #ea4726);
    filter: drop-shadow(1px 0 0 #ea4726) drop-shadow(-1px 0 0 #ea4726) drop-shadow(0 1px 0 #ea4726) drop-shadow(0 -1px 0 #ea4726) drop-shadow(0 0 10px #ea4726) drop-shadow(0 0 30px #ea4726)
}

.rarity-14 {
    background-color: #8847ff !important;
    border-color: #8847ff !important
}

.rarity-14_text {
    color: #8847ff !important;
    caret-color: #8847ff !important;
    text-shadow: 0 0 0, 0 0 0
}

.rarity-14_radial:before {
    background-image: radial-gradient(circle at center, #8847ff, transparent 40%)
}

.rarity-14_after:after,
.rarity-14_before:before {
    border-color: #8847ff !important;
    -webkit-box-shadow: 0 0 20px 0 #8847ff, inset 0 0 20px 0 #8847ff !important;
    box-shadow: 0 0 20px 0 #8847ff, inset 0 0 20px 0 #8847ff !important
}

.rarity-outline_14 img {
    -webkit-filter: drop-shadow(1px 0 0 #8847ff) drop-shadow(-1px 0 0 #8847ff) drop-shadow(0 1px 0 #8847ff) drop-shadow(0 -1px 0 #8847ff) drop-shadow(0 0 10px #8847ff) drop-shadow(0 0 30px #8847ff);
    filter: drop-shadow(1px 0 0 #8847ff) drop-shadow(-1px 0 0 #8847ff) drop-shadow(0 1px 0 #8847ff) drop-shadow(0 -1px 0 #8847ff) drop-shadow(0 0 10px #8847ff) drop-shadow(0 0 30px #8847ff)
}

.container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: auto;
    padding: 30px
}

.container.grow-shrink-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

@media only screen and (min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media only screen and (min-width:1344px) {
    .container {
        max-width: 1260px
    }
}

@media only screen and (max-width:1023px) {
    .container {
        padding: 20px
    }
}

.container.fluid {
    max-width: 100%
}

.container.fill-height {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container.fill-height>.layout {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.container.fill-height>.layout.grow-shrink-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container.grid-list-xl .layout .flex,
.container.grid-list-xl .layout .flex-auto {
    padding: 15px
}

.container.grid-list-xl .layout:only-child {
    margin: -15px
}

.container.grid-list-xl .layout:not(:only-child) {
    margin: auto -15px
}

.container.grid-list-xl .layout:not(:only-child):first-child {
    margin-top: -15px
}

.container.grid-list-xl .layout:not(:only-child):last-child {
    margin-bottom: -15px
}

.container.grid-list-lg .layout .flex,
.container.grid-list-lg .layout .flex-auto {
    padding: 10px
}

.container.grid-list-lg .layout:only-child {
    margin: -10px
}

.container.grid-list-lg .layout:not(:only-child) {
    margin: auto -10px
}

.container.grid-list-lg .layout:not(:only-child):first-child {
    margin-top: -10px
}

.container.grid-list-lg .layout:not(:only-child):last-child {
    margin-bottom: -10px
}

.container.grid-list-md .layout .flex,
.container.grid-list-md .layout .flex-auto {
    padding: 5px
}

.container.grid-list-md .layout:only-child {
    margin: -5px
}

.container.grid-list-md .layout:not(:only-child) {
    margin: auto -5px
}

.container.grid-list-md .layout:not(:only-child):first-child {
    margin-top: -5px
}

.container.grid-list-md .layout:not(:only-child):last-child {
    margin-bottom: -5px
}

.container.grid-list-sm .layout .flex,
.container.grid-list-sm .layout .flex-auto {
    padding: 2.5px
}

.container.grid-list-sm .layout:only-child {
    margin: -2.5px
}

.container.grid-list-sm .layout:not(:only-child) {
    margin: auto -2.5px
}

.container.grid-list-sm .layout:not(:only-child):first-child {
    margin-top: -2.5px
}

.container.grid-list-sm .layout:not(:only-child):last-child {
    margin-bottom: -2.5px
}

.container.grid-list-xs .layout .flex,
.container.grid-list-xs .layout .flex-auto {
    padding: 1.25px
}

.container.grid-list-xs .layout:only-child {
    margin: -1.25px
}

.container.grid-list-xs .layout:not(:only-child) {
    margin: auto -1.25px
}

.container.grid-list-xs .layout:not(:only-child):first-child {
    margin-top: -1.25px
}

.container.grid-list-xs .layout:not(:only-child):last-child {
    margin-bottom: -1.25px
}

.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 0
}

.layout.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.layout.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.layout.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.layout.column.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.layout.column>.flex {
    max-width: 100%
}

.layout.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only print {
    .layout.wrap-print-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen {
    .layout.wrap-screen-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:575px) {
    .layout.wrap-xs-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:576px)and (max-width:767px) {
    .layout.wrap-sm-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .layout.wrap-sm-and-down {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:576px) {
    .layout.wrap-sm-and-up {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:768px)and (max-width:1023px) {
    .layout.wrap-md-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1023px) {
    .layout.wrap-md-and-down {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:768px) {
    .layout.wrap-md-and-up {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1024px)and (max-width:1343px) {
    .layout.wrap-lg-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1343px) {
    .layout.wrap-lg-and-down {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1024px) {
    .layout.wrap-lg-and-up {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1344px) {
    .layout.wrap-xl-only {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.layout.grow-shrink-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:0) {
    .flex.xs12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex.order-xs12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .flex.xs11 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .flex.order-xs11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .flex.xs10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .flex.order-xs10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .flex.xs9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .flex.order-xs9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .flex.xs8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .flex.xs7 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .flex.xs6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .flex.xs5 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .flex.xs4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .flex.xs3 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .flex.xs2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .flex.xs1 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex.offset-xs12 {
        margin-left: 100%
    }

    .flex.offset-xs11 {
        margin-left: 91.6666666667%
    }

    .flex.offset-xs10 {
        margin-left: 83.3333333333%
    }

    .flex.offset-xs9 {
        margin-left: 75%
    }

    .flex.offset-xs8 {
        margin-left: 66.6666666667%
    }

    .flex.offset-xs7 {
        margin-left: 58.3333333333%
    }

    .flex.offset-xs6 {
        margin-left: 50%
    }

    .flex.offset-xs5 {
        margin-left: 41.6666666667%
    }

    .flex.offset-xs4 {
        margin-left: 33.3333333333%
    }

    .flex.offset-xs3 {
        margin-left: 25%
    }

    .flex.offset-xs2 {
        margin-left: 16.6666666667%
    }

    .flex.offset-xs1 {
        margin-left: 8.3333333333%
    }

    .flex.offset-xs0 {
        margin-left: 0
    }
}

@media (min-width:576px) {
    .flex.sm12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex.order-sm12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .flex.sm11 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .flex.order-sm11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .flex.sm10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .flex.order-sm10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .flex.sm9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .flex.order-sm9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .flex.sm8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .flex.sm7 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .flex.sm6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .flex.sm5 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .flex.sm4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .flex.sm3 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .flex.sm2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .flex.sm1 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex.offset-sm12 {
        margin-left: 100%
    }

    .flex.offset-sm11 {
        margin-left: 91.6666666667%
    }

    .flex.offset-sm10 {
        margin-left: 83.3333333333%
    }

    .flex.offset-sm9 {
        margin-left: 75%
    }

    .flex.offset-sm8 {
        margin-left: 66.6666666667%
    }

    .flex.offset-sm7 {
        margin-left: 58.3333333333%
    }

    .flex.offset-sm6 {
        margin-left: 50%
    }

    .flex.offset-sm5 {
        margin-left: 41.6666666667%
    }

    .flex.offset-sm4 {
        margin-left: 33.3333333333%
    }

    .flex.offset-sm3 {
        margin-left: 25%
    }

    .flex.offset-sm2 {
        margin-left: 16.6666666667%
    }

    .flex.offset-sm1 {
        margin-left: 8.3333333333%
    }

    .flex.offset-sm0 {
        margin-left: 0
    }
}

@media (min-width:768px) {
    .flex.md12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex.order-md12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .flex.md11 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .flex.order-md11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .flex.md10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .flex.order-md10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .flex.md9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .flex.order-md9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .flex.md8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .flex.md7 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .flex.md6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .flex.md5 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .flex.md4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .flex.md3 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .flex.md2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .flex.md1 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex.offset-md12 {
        margin-left: 100%
    }

    .flex.offset-md11 {
        margin-left: 91.6666666667%
    }

    .flex.offset-md10 {
        margin-left: 83.3333333333%
    }

    .flex.offset-md9 {
        margin-left: 75%
    }

    .flex.offset-md8 {
        margin-left: 66.6666666667%
    }

    .flex.offset-md7 {
        margin-left: 58.3333333333%
    }

    .flex.offset-md6 {
        margin-left: 50%
    }

    .flex.offset-md5 {
        margin-left: 41.6666666667%
    }

    .flex.offset-md4 {
        margin-left: 33.3333333333%
    }

    .flex.offset-md3 {
        margin-left: 25%
    }

    .flex.offset-md2 {
        margin-left: 16.6666666667%
    }

    .flex.offset-md1 {
        margin-left: 8.3333333333%
    }

    .flex.offset-md0 {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .flex.lg12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex.order-lg12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .flex.lg11 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .flex.order-lg11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .flex.lg10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .flex.order-lg10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .flex.lg9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .flex.order-lg9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .flex.lg8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .flex.lg7 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .flex.lg6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .flex.lg5 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .flex.lg4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .flex.lg3 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .flex.lg2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .flex.lg1 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex.offset-lg12 {
        margin-left: 100%
    }

    .flex.offset-lg11 {
        margin-left: 91.6666666667%
    }

    .flex.offset-lg10 {
        margin-left: 83.3333333333%
    }

    .flex.offset-lg9 {
        margin-left: 75%
    }

    .flex.offset-lg8 {
        margin-left: 66.6666666667%
    }

    .flex.offset-lg7 {
        margin-left: 58.3333333333%
    }

    .flex.offset-lg6 {
        margin-left: 50%
    }

    .flex.offset-lg5 {
        margin-left: 41.6666666667%
    }

    .flex.offset-lg4 {
        margin-left: 33.3333333333%
    }

    .flex.offset-lg3 {
        margin-left: 25%
    }

    .flex.offset-lg2 {
        margin-left: 16.6666666667%
    }

    .flex.offset-lg1 {
        margin-left: 8.3333333333%
    }

    .flex.offset-lg0 {
        margin-left: 0
    }
}

@media (min-width:1344px) {
    .flex.xl12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .flex.order-xl12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .flex.xl11 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .flex.order-xl11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .flex.xl10 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .flex.order-xl10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .flex.xl9 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .flex.order-xl9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .flex.xl8 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .flex.xl7 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .flex.xl6 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .flex.xl5 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .flex.xl4 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .flex.xl3 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .flex.xl2 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .flex.xl1 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex.offset-xl12 {
        margin-left: 100%
    }

    .flex.offset-xl11 {
        margin-left: 91.6666666667%
    }

    .flex.offset-xl10 {
        margin-left: 83.3333333333%
    }

    .flex.offset-xl9 {
        margin-left: 75%
    }

    .flex.offset-xl8 {
        margin-left: 66.6666666667%
    }

    .flex.offset-xl7 {
        margin-left: 58.3333333333%
    }

    .flex.offset-xl6 {
        margin-left: 50%
    }

    .flex.offset-xl5 {
        margin-left: 41.6666666667%
    }

    .flex.offset-xl4 {
        margin-left: 33.3333333333%
    }

    .flex.offset-xl3 {
        margin-left: 25%
    }

    .flex.offset-xl2 {
        margin-left: 16.6666666667%
    }

    .flex.offset-xl1 {
        margin-left: 8.3333333333%
    }

    .flex.offset-xl0 {
        margin-left: 0
    }
}

@media (min-width:0) {
    .max-cols-12 .flex.xs12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-12 .flex.order-xs12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .max-cols-12 .flex.xs11 {
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 91.6666666667%
    }

    .max-cols-12 .flex.order-xs11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-12 .flex.xs10 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-12 .flex.order-xs10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-12 .flex.xs9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-12 .flex.order-xs9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-12 .flex.xs8 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-12 .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-12 .flex.xs7 {
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 58.3333333333%
    }

    .max-cols-12 .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-12 .flex.xs6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-12 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-12 .flex.xs5 {
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 41.6666666667%
    }

    .max-cols-12 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-12 .flex.xs4 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-12 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-12 .flex.xs3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-12 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-12 .flex.xs2 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-12 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-12 .flex.xs1 {
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 8.3333333333%
    }

    .max-cols-12 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-11 .flex.xs11 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-11 .flex.order-xs11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-11 .flex.xs10 {
        -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90.9090909091%
    }

    .max-cols-11 .flex.order-xs10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-11 .flex.xs9 {
        -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 81.8181818182%
    }

    .max-cols-11 .flex.order-xs9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-11 .flex.xs8 {
        -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 72.7272727273%
    }

    .max-cols-11 .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-11 .flex.xs7 {
        -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 63.6363636364%
    }

    .max-cols-11 .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-11 .flex.xs6 {
        -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 54.5454545455%
    }

    .max-cols-11 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-11 .flex.xs5 {
        -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 45.4545454545%
    }

    .max-cols-11 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-11 .flex.xs4 {
        -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 36.3636363636%
    }

    .max-cols-11 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-11 .flex.xs3 {
        -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 27.2727272727%
    }

    .max-cols-11 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-11 .flex.xs2 {
        -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 18.1818181818%
    }

    .max-cols-11 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-11 .flex.xs1 {
        -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 9.0909090909%
    }

    .max-cols-11 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-10 .flex.xs10 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-10 .flex.order-xs10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-10 .flex.xs9 {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90%
    }

    .max-cols-10 .flex.order-xs9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-10 .flex.xs8 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-10 .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-10 .flex.xs7 {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 70%
    }

    .max-cols-10 .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-10 .flex.xs6 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-10 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-10 .flex.xs5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-10 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-10 .flex.xs4 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-10 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-10 .flex.xs3 {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 30%
    }

    .max-cols-10 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-10 .flex.xs2 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-10 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-10 .flex.xs1 {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .max-cols-10 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-9 .flex.xs9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-9 .flex.order-xs9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-9 .flex.xs8 {
        -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 88.8888888889%
    }

    .max-cols-9 .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-9 .flex.xs7 {
        -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 77.7777777778%
    }

    .max-cols-9 .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-9 .flex.xs6 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-9 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-9 .flex.xs5 {
        -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 55.5555555556%
    }

    .max-cols-9 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-9 .flex.xs4 {
        -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 44.4444444444%
    }

    .max-cols-9 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-9 .flex.xs3 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-9 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-9 .flex.xs2 {
        -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 22.2222222222%
    }

    .max-cols-9 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-9 .flex.xs1 {
        -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 11.1111111111%
    }

    .max-cols-9 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-8 .flex.xs8 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-8 .flex.order-xs8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-8 .flex.xs7 {
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 87.5%
    }

    .max-cols-8 .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-8 .flex.xs6 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-8 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-8 .flex.xs5 {
        -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 62.5%
    }

    .max-cols-8 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-8 .flex.xs4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-8 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-8 .flex.xs3 {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 37.5%
    }

    .max-cols-8 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-8 .flex.xs2 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-8 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-8 .flex.xs1 {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .max-cols-8 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-7 .flex.xs7 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-7 .flex.order-xs7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-7 .flex.xs6 {
        -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 85.7142857143%
    }

    .max-cols-7 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-7 .flex.xs5 {
        -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 71.4285714286%
    }

    .max-cols-7 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-7 .flex.xs4 {
        -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 57.1428571429%
    }

    .max-cols-7 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-7 .flex.xs3 {
        -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 42.8571428571%
    }

    .max-cols-7 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-7 .flex.xs2 {
        -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 28.5714285714%
    }

    .max-cols-7 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-7 .flex.xs1 {
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 14.2857142857%
    }

    .max-cols-7 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-6 .flex.xs6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-6 .flex.order-xs6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-6 .flex.xs5 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-6 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-6 .flex.xs4 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-6 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-6 .flex.xs3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-6 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-6 .flex.xs2 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-6 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-6 .flex.xs1 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-6 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-5 .flex.xs5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-5 .flex.order-xs5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-5 .flex.xs4 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-5 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-5 .flex.xs3 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-5 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-5 .flex.xs2 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-5 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-5 .flex.xs1 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-5 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-4 .flex.xs4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-4 .flex.order-xs4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-4 .flex.xs3 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-4 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-4 .flex.xs2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-4 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-4 .flex.xs1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-4 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-3 .flex.xs3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-3 .flex.order-xs3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-3 .flex.xs2 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-3 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-3 .flex.xs1 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-3 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-2 .flex.xs2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-2 .flex.order-xs2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-2 .flex.xs1 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-2 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-1 .flex.xs1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-1 .flex.order-xs1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:576px) {
    .max-cols-12 .flex.sm12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-12 .flex.order-sm12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .max-cols-12 .flex.sm11 {
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 91.6666666667%
    }

    .max-cols-12 .flex.order-sm11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-12 .flex.sm10 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-12 .flex.order-sm10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-12 .flex.sm9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-12 .flex.order-sm9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-12 .flex.sm8 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-12 .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-12 .flex.sm7 {
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 58.3333333333%
    }

    .max-cols-12 .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-12 .flex.sm6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-12 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-12 .flex.sm5 {
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 41.6666666667%
    }

    .max-cols-12 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-12 .flex.sm4 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-12 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-12 .flex.sm3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-12 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-12 .flex.sm2 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-12 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-12 .flex.sm1 {
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 8.3333333333%
    }

    .max-cols-12 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-11 .flex.sm11 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-11 .flex.order-sm11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-11 .flex.sm10 {
        -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90.9090909091%
    }

    .max-cols-11 .flex.order-sm10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-11 .flex.sm9 {
        -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 81.8181818182%
    }

    .max-cols-11 .flex.order-sm9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-11 .flex.sm8 {
        -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 72.7272727273%
    }

    .max-cols-11 .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-11 .flex.sm7 {
        -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 63.6363636364%
    }

    .max-cols-11 .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-11 .flex.sm6 {
        -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 54.5454545455%
    }

    .max-cols-11 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-11 .flex.sm5 {
        -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 45.4545454545%
    }

    .max-cols-11 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-11 .flex.sm4 {
        -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 36.3636363636%
    }

    .max-cols-11 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-11 .flex.sm3 {
        -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 27.2727272727%
    }

    .max-cols-11 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-11 .flex.sm2 {
        -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 18.1818181818%
    }

    .max-cols-11 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-11 .flex.sm1 {
        -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 9.0909090909%
    }

    .max-cols-11 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-10 .flex.sm10 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-10 .flex.order-sm10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-10 .flex.sm9 {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90%
    }

    .max-cols-10 .flex.order-sm9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-10 .flex.sm8 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-10 .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-10 .flex.sm7 {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 70%
    }

    .max-cols-10 .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-10 .flex.sm6 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-10 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-10 .flex.sm5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-10 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-10 .flex.sm4 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-10 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-10 .flex.sm3 {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 30%
    }

    .max-cols-10 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-10 .flex.sm2 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-10 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-10 .flex.sm1 {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .max-cols-10 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-9 .flex.sm9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-9 .flex.order-sm9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-9 .flex.sm8 {
        -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 88.8888888889%
    }

    .max-cols-9 .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-9 .flex.sm7 {
        -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 77.7777777778%
    }

    .max-cols-9 .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-9 .flex.sm6 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-9 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-9 .flex.sm5 {
        -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 55.5555555556%
    }

    .max-cols-9 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-9 .flex.sm4 {
        -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 44.4444444444%
    }

    .max-cols-9 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-9 .flex.sm3 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-9 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-9 .flex.sm2 {
        -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 22.2222222222%
    }

    .max-cols-9 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-9 .flex.sm1 {
        -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 11.1111111111%
    }

    .max-cols-9 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-8 .flex.sm8 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-8 .flex.order-sm8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-8 .flex.sm7 {
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 87.5%
    }

    .max-cols-8 .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-8 .flex.sm6 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-8 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-8 .flex.sm5 {
        -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 62.5%
    }

    .max-cols-8 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-8 .flex.sm4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-8 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-8 .flex.sm3 {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 37.5%
    }

    .max-cols-8 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-8 .flex.sm2 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-8 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-8 .flex.sm1 {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .max-cols-8 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-7 .flex.sm7 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-7 .flex.order-sm7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-7 .flex.sm6 {
        -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 85.7142857143%
    }

    .max-cols-7 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-7 .flex.sm5 {
        -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 71.4285714286%
    }

    .max-cols-7 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-7 .flex.sm4 {
        -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 57.1428571429%
    }

    .max-cols-7 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-7 .flex.sm3 {
        -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 42.8571428571%
    }

    .max-cols-7 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-7 .flex.sm2 {
        -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 28.5714285714%
    }

    .max-cols-7 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-7 .flex.sm1 {
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 14.2857142857%
    }

    .max-cols-7 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-6 .flex.sm6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-6 .flex.order-sm6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-6 .flex.sm5 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-6 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-6 .flex.sm4 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-6 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-6 .flex.sm3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-6 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-6 .flex.sm2 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-6 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-6 .flex.sm1 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-6 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-5 .flex.sm5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-5 .flex.order-sm5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-5 .flex.sm4 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-5 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-5 .flex.sm3 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-5 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-5 .flex.sm2 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-5 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-5 .flex.sm1 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-5 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-4 .flex.sm4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-4 .flex.order-sm4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-4 .flex.sm3 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-4 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-4 .flex.sm2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-4 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-4 .flex.sm1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-4 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-3 .flex.sm3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-3 .flex.order-sm3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-3 .flex.sm2 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-3 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-3 .flex.sm1 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-3 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-2 .flex.sm2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-2 .flex.order-sm2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-2 .flex.sm1 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-2 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-1 .flex.sm1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-1 .flex.order-sm1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:768px) {
    .max-cols-12 .flex.md12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-12 .flex.order-md12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .max-cols-12 .flex.md11 {
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 91.6666666667%
    }

    .max-cols-12 .flex.order-md11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-12 .flex.md10 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-12 .flex.order-md10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-12 .flex.md9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-12 .flex.order-md9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-12 .flex.md8 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-12 .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-12 .flex.md7 {
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 58.3333333333%
    }

    .max-cols-12 .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-12 .flex.md6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-12 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-12 .flex.md5 {
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 41.6666666667%
    }

    .max-cols-12 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-12 .flex.md4 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-12 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-12 .flex.md3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-12 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-12 .flex.md2 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-12 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-12 .flex.md1 {
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 8.3333333333%
    }

    .max-cols-12 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-11 .flex.md11 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-11 .flex.order-md11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-11 .flex.md10 {
        -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90.9090909091%
    }

    .max-cols-11 .flex.order-md10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-11 .flex.md9 {
        -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 81.8181818182%
    }

    .max-cols-11 .flex.order-md9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-11 .flex.md8 {
        -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 72.7272727273%
    }

    .max-cols-11 .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-11 .flex.md7 {
        -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 63.6363636364%
    }

    .max-cols-11 .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-11 .flex.md6 {
        -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 54.5454545455%
    }

    .max-cols-11 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-11 .flex.md5 {
        -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 45.4545454545%
    }

    .max-cols-11 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-11 .flex.md4 {
        -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 36.3636363636%
    }

    .max-cols-11 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-11 .flex.md3 {
        -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 27.2727272727%
    }

    .max-cols-11 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-11 .flex.md2 {
        -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 18.1818181818%
    }

    .max-cols-11 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-11 .flex.md1 {
        -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 9.0909090909%
    }

    .max-cols-11 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-10 .flex.md10 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-10 .flex.order-md10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-10 .flex.md9 {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90%
    }

    .max-cols-10 .flex.order-md9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-10 .flex.md8 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-10 .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-10 .flex.md7 {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 70%
    }

    .max-cols-10 .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-10 .flex.md6 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-10 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-10 .flex.md5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-10 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-10 .flex.md4 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-10 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-10 .flex.md3 {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 30%
    }

    .max-cols-10 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-10 .flex.md2 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-10 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-10 .flex.md1 {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .max-cols-10 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-9 .flex.md9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-9 .flex.order-md9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-9 .flex.md8 {
        -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 88.8888888889%
    }

    .max-cols-9 .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-9 .flex.md7 {
        -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 77.7777777778%
    }

    .max-cols-9 .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-9 .flex.md6 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-9 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-9 .flex.md5 {
        -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 55.5555555556%
    }

    .max-cols-9 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-9 .flex.md4 {
        -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 44.4444444444%
    }

    .max-cols-9 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-9 .flex.md3 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-9 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-9 .flex.md2 {
        -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 22.2222222222%
    }

    .max-cols-9 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-9 .flex.md1 {
        -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 11.1111111111%
    }

    .max-cols-9 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-8 .flex.md8 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-8 .flex.order-md8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-8 .flex.md7 {
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 87.5%
    }

    .max-cols-8 .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-8 .flex.md6 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-8 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-8 .flex.md5 {
        -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 62.5%
    }

    .max-cols-8 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-8 .flex.md4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-8 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-8 .flex.md3 {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 37.5%
    }

    .max-cols-8 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-8 .flex.md2 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-8 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-8 .flex.md1 {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .max-cols-8 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-7 .flex.md7 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-7 .flex.order-md7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-7 .flex.md6 {
        -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 85.7142857143%
    }

    .max-cols-7 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-7 .flex.md5 {
        -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 71.4285714286%
    }

    .max-cols-7 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-7 .flex.md4 {
        -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 57.1428571429%
    }

    .max-cols-7 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-7 .flex.md3 {
        -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 42.8571428571%
    }

    .max-cols-7 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-7 .flex.md2 {
        -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 28.5714285714%
    }

    .max-cols-7 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-7 .flex.md1 {
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 14.2857142857%
    }

    .max-cols-7 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-6 .flex.md6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-6 .flex.order-md6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-6 .flex.md5 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-6 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-6 .flex.md4 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-6 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-6 .flex.md3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-6 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-6 .flex.md2 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-6 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-6 .flex.md1 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-6 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-5 .flex.md5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-5 .flex.order-md5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-5 .flex.md4 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-5 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-5 .flex.md3 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-5 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-5 .flex.md2 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-5 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-5 .flex.md1 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-5 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-4 .flex.md4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-4 .flex.order-md4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-4 .flex.md3 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-4 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-4 .flex.md2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-4 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-4 .flex.md1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-4 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-3 .flex.md3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-3 .flex.order-md3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-3 .flex.md2 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-3 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-3 .flex.md1 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-3 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-2 .flex.md2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-2 .flex.order-md2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-2 .flex.md1 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-2 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-1 .flex.md1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-1 .flex.order-md1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:1024px) {
    .max-cols-12 .flex.lg12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-12 .flex.order-lg12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .max-cols-12 .flex.lg11 {
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 91.6666666667%
    }

    .max-cols-12 .flex.order-lg11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-12 .flex.lg10 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-12 .flex.order-lg10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-12 .flex.lg9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-12 .flex.order-lg9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-12 .flex.lg8 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-12 .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-12 .flex.lg7 {
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 58.3333333333%
    }

    .max-cols-12 .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-12 .flex.lg6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-12 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-12 .flex.lg5 {
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 41.6666666667%
    }

    .max-cols-12 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-12 .flex.lg4 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-12 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-12 .flex.lg3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-12 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-12 .flex.lg2 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-12 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-12 .flex.lg1 {
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 8.3333333333%
    }

    .max-cols-12 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-11 .flex.lg11 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-11 .flex.order-lg11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-11 .flex.lg10 {
        -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90.9090909091%
    }

    .max-cols-11 .flex.order-lg10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-11 .flex.lg9 {
        -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 81.8181818182%
    }

    .max-cols-11 .flex.order-lg9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-11 .flex.lg8 {
        -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 72.7272727273%
    }

    .max-cols-11 .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-11 .flex.lg7 {
        -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 63.6363636364%
    }

    .max-cols-11 .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-11 .flex.lg6 {
        -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 54.5454545455%
    }

    .max-cols-11 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-11 .flex.lg5 {
        -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 45.4545454545%
    }

    .max-cols-11 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-11 .flex.lg4 {
        -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 36.3636363636%
    }

    .max-cols-11 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-11 .flex.lg3 {
        -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 27.2727272727%
    }

    .max-cols-11 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-11 .flex.lg2 {
        -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 18.1818181818%
    }

    .max-cols-11 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-11 .flex.lg1 {
        -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 9.0909090909%
    }

    .max-cols-11 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-10 .flex.lg10 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-10 .flex.order-lg10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-10 .flex.lg9 {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90%
    }

    .max-cols-10 .flex.order-lg9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-10 .flex.lg8 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-10 .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-10 .flex.lg7 {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 70%
    }

    .max-cols-10 .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-10 .flex.lg6 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-10 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-10 .flex.lg5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-10 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-10 .flex.lg4 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-10 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-10 .flex.lg3 {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 30%
    }

    .max-cols-10 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-10 .flex.lg2 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-10 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-10 .flex.lg1 {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .max-cols-10 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-9 .flex.lg9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-9 .flex.order-lg9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-9 .flex.lg8 {
        -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 88.8888888889%
    }

    .max-cols-9 .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-9 .flex.lg7 {
        -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 77.7777777778%
    }

    .max-cols-9 .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-9 .flex.lg6 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-9 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-9 .flex.lg5 {
        -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 55.5555555556%
    }

    .max-cols-9 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-9 .flex.lg4 {
        -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 44.4444444444%
    }

    .max-cols-9 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-9 .flex.lg3 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-9 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-9 .flex.lg2 {
        -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 22.2222222222%
    }

    .max-cols-9 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-9 .flex.lg1 {
        -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 11.1111111111%
    }

    .max-cols-9 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-8 .flex.lg8 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-8 .flex.order-lg8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-8 .flex.lg7 {
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 87.5%
    }

    .max-cols-8 .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-8 .flex.lg6 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-8 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-8 .flex.lg5 {
        -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 62.5%
    }

    .max-cols-8 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-8 .flex.lg4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-8 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-8 .flex.lg3 {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 37.5%
    }

    .max-cols-8 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-8 .flex.lg2 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-8 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-8 .flex.lg1 {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .max-cols-8 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-7 .flex.lg7 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-7 .flex.order-lg7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-7 .flex.lg6 {
        -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 85.7142857143%
    }

    .max-cols-7 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-7 .flex.lg5 {
        -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 71.4285714286%
    }

    .max-cols-7 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-7 .flex.lg4 {
        -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 57.1428571429%
    }

    .max-cols-7 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-7 .flex.lg3 {
        -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 42.8571428571%
    }

    .max-cols-7 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-7 .flex.lg2 {
        -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 28.5714285714%
    }

    .max-cols-7 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-7 .flex.lg1 {
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 14.2857142857%
    }

    .max-cols-7 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-6 .flex.lg6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-6 .flex.order-lg6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-6 .flex.lg5 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-6 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-6 .flex.lg4 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-6 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-6 .flex.lg3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-6 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-6 .flex.lg2 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-6 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-6 .flex.lg1 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-6 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-5 .flex.lg5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-5 .flex.order-lg5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-5 .flex.lg4 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-5 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-5 .flex.lg3 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-5 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-5 .flex.lg2 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-5 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-5 .flex.lg1 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-5 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-4 .flex.lg4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-4 .flex.order-lg4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-4 .flex.lg3 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-4 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-4 .flex.lg2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-4 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-4 .flex.lg1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-4 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-3 .flex.lg3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-3 .flex.order-lg3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-3 .flex.lg2 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-3 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-3 .flex.lg1 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-3 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-2 .flex.lg2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-2 .flex.order-lg2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-2 .flex.lg1 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-2 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-1 .flex.lg1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-1 .flex.order-lg1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:1344px) {
    .max-cols-12 .flex.xl12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-12 .flex.order-xl12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .max-cols-12 .flex.xl11 {
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 91.6666666667%
    }

    .max-cols-12 .flex.order-xl11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-12 .flex.xl10 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-12 .flex.order-xl10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-12 .flex.xl9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-12 .flex.order-xl9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-12 .flex.xl8 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-12 .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-12 .flex.xl7 {
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 58.3333333333%
    }

    .max-cols-12 .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-12 .flex.xl6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-12 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-12 .flex.xl5 {
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 41.6666666667%
    }

    .max-cols-12 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-12 .flex.xl4 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-12 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-12 .flex.xl3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-12 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-12 .flex.xl2 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-12 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-12 .flex.xl1 {
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 8.3333333333%
    }

    .max-cols-12 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-11 .flex.xl11 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-11 .flex.order-xl11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .max-cols-11 .flex.xl10 {
        -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90.9090909091%
    }

    .max-cols-11 .flex.order-xl10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-11 .flex.xl9 {
        -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 81.8181818182%
    }

    .max-cols-11 .flex.order-xl9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-11 .flex.xl8 {
        -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 72.7272727273%
    }

    .max-cols-11 .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-11 .flex.xl7 {
        -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 63.6363636364%
    }

    .max-cols-11 .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-11 .flex.xl6 {
        -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 54.5454545455%
    }

    .max-cols-11 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-11 .flex.xl5 {
        -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 45.4545454545%
    }

    .max-cols-11 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-11 .flex.xl4 {
        -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 36.3636363636%
    }

    .max-cols-11 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-11 .flex.xl3 {
        -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 27.2727272727%
    }

    .max-cols-11 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-11 .flex.xl2 {
        -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 18.1818181818%
    }

    .max-cols-11 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-11 .flex.xl1 {
        -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 9.0909090909%
    }

    .max-cols-11 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-10 .flex.xl10 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-10 .flex.order-xl10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .max-cols-10 .flex.xl9 {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 90%
    }

    .max-cols-10 .flex.order-xl9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-10 .flex.xl8 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-10 .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-10 .flex.xl7 {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 70%
    }

    .max-cols-10 .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-10 .flex.xl6 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-10 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-10 .flex.xl5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-10 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-10 .flex.xl4 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-10 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-10 .flex.xl3 {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 30%
    }

    .max-cols-10 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-10 .flex.xl2 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-10 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-10 .flex.xl1 {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 10%
    }

    .max-cols-10 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-9 .flex.xl9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-9 .flex.order-xl9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .max-cols-9 .flex.xl8 {
        -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 88.8888888889%
    }

    .max-cols-9 .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-9 .flex.xl7 {
        -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 77.7777777778%
    }

    .max-cols-9 .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-9 .flex.xl6 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-9 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-9 .flex.xl5 {
        -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 55.5555555556%
    }

    .max-cols-9 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-9 .flex.xl4 {
        -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 44.4444444444%
    }

    .max-cols-9 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-9 .flex.xl3 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-9 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-9 .flex.xl2 {
        -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 22.2222222222%
    }

    .max-cols-9 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-9 .flex.xl1 {
        -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 11.1111111111%
    }

    .max-cols-9 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-8 .flex.xl8 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-8 .flex.order-xl8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .max-cols-8 .flex.xl7 {
        -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 87.5%
    }

    .max-cols-8 .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-8 .flex.xl6 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-8 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-8 .flex.xl5 {
        -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 62.5%
    }

    .max-cols-8 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-8 .flex.xl4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-8 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-8 .flex.xl3 {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 37.5%
    }

    .max-cols-8 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-8 .flex.xl2 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-8 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-8 .flex.xl1 {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 12.5%
    }

    .max-cols-8 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-7 .flex.xl7 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-7 .flex.order-xl7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .max-cols-7 .flex.xl6 {
        -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 85.7142857143%
    }

    .max-cols-7 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-7 .flex.xl5 {
        -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 71.4285714286%
    }

    .max-cols-7 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-7 .flex.xl4 {
        -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 57.1428571429%
    }

    .max-cols-7 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-7 .flex.xl3 {
        -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 42.8571428571%
    }

    .max-cols-7 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-7 .flex.xl2 {
        -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 28.5714285714%
    }

    .max-cols-7 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-7 .flex.xl1 {
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 14.2857142857%
    }

    .max-cols-7 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-6 .flex.xl6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-6 .flex.order-xl6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .max-cols-6 .flex.xl5 {
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 83.3333333333%
    }

    .max-cols-6 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-6 .flex.xl4 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-6 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-6 .flex.xl3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-6 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-6 .flex.xl2 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-6 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-6 .flex.xl1 {
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 16.6666666667%
    }

    .max-cols-6 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-5 .flex.xl5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-5 .flex.order-xl5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .max-cols-5 .flex.xl4 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 80%
    }

    .max-cols-5 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-5 .flex.xl3 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 60%
    }

    .max-cols-5 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-5 .flex.xl2 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 40%
    }

    .max-cols-5 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-5 .flex.xl1 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 20%
    }

    .max-cols-5 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-4 .flex.xl4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-4 .flex.order-xl4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .max-cols-4 .flex.xl3 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 75%
    }

    .max-cols-4 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-4 .flex.xl2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-4 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-4 .flex.xl1 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 25%
    }

    .max-cols-4 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-3 .flex.xl3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-3 .flex.order-xl3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .max-cols-3 .flex.xl2 {
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 66.6666666667%
    }

    .max-cols-3 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-3 .flex.xl1 {
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 33.3333333333%
    }

    .max-cols-3 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-2 .flex.xl2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-2 .flex.order-xl2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .max-cols-2 .flex.xl1 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 50%
    }

    .max-cols-2 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .max-cols-1 .flex.xl1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 100%
    }

    .max-cols-1 .flex.order-xl1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.child-flex>*,
.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%
}

.child-flex>.flex-auto,
.flex.flex-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.child-flex>.grow-shrink-0,
.flex.grow-shrink-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

.align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

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

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

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

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

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

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.justify-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-space-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-self-start {
    justify-self: flex-start !important
}

.justify-self-end {
    justify-self: flex-end !important
}

.justify-self-center {
    justify-self: center !important
}

.justify-self-baseline {
    justify-self: baseline !important
}

.grow,
.spacer {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.spacer-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 0.85 !important
}

.grow {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.shrink {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.scroll-y {
    overflow-y: auto
}

.fill-height {
    height: 100%
}

.hide-overflow {
    overflow: hidden !important
}

.show-overflow {
    overflow: visible !important
}

.ellipsis,
.no-wrap {
    white-space: nowrap
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.d-flex>*,
.d-inline-flex>* {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.d-flex>.grow-shrink-0,
.d-inline-flex>.grow-shrink-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.d-block {
    display: block !important
}

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

.d-inline {
    display: inline !important
}

.d-none {
    display: none !important
}

.grid-box {
    width: 100%;
    padding: 10px;
    margin: auto
}

@media only screen and (min-width:576px) {
    .grid-box {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .grid-box {
        max-width: 720px
    }
}

@media only screen and (min-width:1024px) {
    .grid-box {
        max-width: 960px
    }
}

@media only screen and (min-width:1344px) {
    .grid-box {
        max-width: 1260px
    }
}

.grid-box-fluid {
    width: 100%;
    padding: 10px;
    margin: auto
}

.grid-box .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0;
    margin: -10px
}

.grid-box .row.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.grid-box .row.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.grid-box .row.column.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.grid-box .row.column>.col,
.grid-box .row.column>[class*=col-] {
    max-width: 100%
}

.grid-box .no-gutters,
.grid-box .no-gutters-all {
    margin: 0
}

.grid-box .no-gutters-all>.col,
.grid-box .no-gutters-all>[class*=col-] {
    padding: 0
}

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

.col-md-100 {
    position: relative;
    width: 100%;
    padding: 10px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

.col-1,
.col-auto {
    -webkit-box-flex: 0
}

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

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

.col-2,
.col-3 {
    -webkit-box-flex: 0
}

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

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

.col-4,
.col-5 {
    -webkit-box-flex: 0
}

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

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

.col-6,
.col-7 {
    -webkit-box-flex: 0
}

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

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

.col-8,
.col-9 {
    -webkit-box-flex: 0
}

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

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

.col-10,
.col-11 {
    -webkit-box-flex: 0
}

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

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

@media(min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:1024px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:1344px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@-webkit-keyframes bg-pos-x {
    0% {
        background-position-x: 0
    }

    50% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

@keyframes bg-pos-x {
    0% {
        background-position-x: 0
    }

    50% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pulse-online {
    0% {
        -webkit-box-shadow: 0 0 0 rgba(39, 196, 0, .4);
        box-shadow: 0 0 0 rgba(39, 196, 0, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(39, 196, 0, 0);
        box-shadow: 0 0 0 10px rgba(39, 196, 0, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(39, 196, 0, 0);
        box-shadow: 0 0 0 rgba(39, 196, 0, 0)
    }
}

@keyframes pulse-online {
    0% {
        -webkit-box-shadow: 0 0 0 rgba(39, 196, 0, .4);
        box-shadow: 0 0 0 rgba(39, 196, 0, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(39, 196, 0, 0);
        box-shadow: 0 0 0 10px rgba(39, 196, 0, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(39, 196, 0, 0);
        box-shadow: 0 0 0 rgba(39, 196, 0, 0)
    }
}

@-webkit-keyframes pulse-offline {
    0% {
        -webkit-box-shadow: 0 0 0 rgba(231, 47, 49, .4);
        box-shadow: 0 0 0 rgba(231, 47, 49, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(231, 47, 49, 0);
        box-shadow: 0 0 0 10px rgba(231, 47, 49, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(231, 47, 49, 0);
        box-shadow: 0 0 0 rgba(231, 47, 49, 0)
    }
}

@keyframes pulse-offline {
    0% {
        -webkit-box-shadow: 0 0 0 rgba(231, 47, 49, .4);
        box-shadow: 0 0 0 rgba(231, 47, 49, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(231, 47, 49, 0);
        box-shadow: 0 0 0 10px rgba(231, 47, 49, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(231, 47, 49, 0);
        box-shadow: 0 0 0 rgba(231, 47, 49, 0)
    }
}

@-webkit-keyframes room-label-pulse {
    50% {
        -webkit-box-shadow: 0 0 80px rgba(231, 47, 49, .75);
        box-shadow: 0 0 80px rgba(231, 47, 49, .75)
    }
}

@keyframes room-label-pulse {
    50% {
        -webkit-box-shadow: 0 0 80px rgba(231, 47, 49, .75);
        box-shadow: 0 0 80px rgba(231, 47, 49, .75)
    }
}

@-webkit-keyframes room-label-small-pulse {
    50% {
        -webkit-box-shadow: 0 0 60px rgba(231, 47, 49, .75);
        box-shadow: 0 0 60px rgba(231, 47, 49, .75)
    }
}

@keyframes room-label-small-pulse {
    50% {
        -webkit-box-shadow: 0 0 60px rgba(231, 47, 49, .75);
        box-shadow: 0 0 60px rgba(231, 47, 49, .75)
    }
}

html {
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #1a1b1f;
    font-size: 14px;
    color: #fff;
    -webkit-overflow-scrolling: touch
}

.application {
    line-height: 1.5;
    height: 100vh;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-overflow-scrolling: touch
}

.application,
.application_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.application_wrap {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.application_wrap,
.content {
    -webkit-box-flex: 1;
    max-width: 100%
}

.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.content__wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    position: relative;
    overflow-x: hidden
}

footer,
header {
    position: absolute;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 8;
    background: #1a1b1f
}

header {
    top: 0
}

footer {
    bottom: 0
}

.application_wrap {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzMiA3OS4xNTkyODQsIDIwMTYvMDQvMTktMTM6MTM6NDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGQTAwODU1N0E0NzExRUFBOTFCREZDRDdGMEE4N0JBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGQTAwODU2N0E0NzExRUFBOTFCREZDRDdGMEE4N0JBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUZBMDA4NTM3QTQ3MTFFQUE5MUJERkNEN0YwQTg3QkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUZBMDA4NTQ3QTQ3MTFFQUE5MUJERkNEN0YwQTg3QkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAmQWRvYmUAZMAAAAABAwAVBAMGCg0AAAVcAAAFxAAAB1MAAAmA/9sAhAABAQEBAQEBAQEBAgEBAQICAgEBAgICAgICAgICAwIDAwMDAgMDBAQEBAQDBQUFBQUFBwcHBwcICAgICAgICAgIAQEBAQICAgUDAwUHBQQFBwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAj/wgARCABQAFADAREAAhEBAxEB/8QAnAABAQEBAQEAAAAAAAAAAAAAAQACAwQJAQEBAQEAAAAAAAAAAAAAAAAAAQMEEAABBQEBAQEAAAAAAAAAAAABADARMUECA2ASEQACAwEAAQUAAAAAAAAAAAAAASAhMQIyEVGRsRISAQAAAAAAAAAAAAAAAAAAAGATAAEDBAAGAwEBAAAAAAAAAAEAESExQVFh8HGBkaHBMLHREGD/2gAMAwEAAhEDEQAAAfil1ZAKpAqgqnc8wgqkCqCqJhUBIBARBEFUgVQVRMKgJAICIIgqkCqCqJkQVSBVBVEwqAkAgIgiCqQKoKomFQEgEBOh/9oACAEBAAEFAj110pKkqSpKkqSpKkrz9O/PvGBeMC8YF4wLxgXjAvGBeMC8Y5H66//aAAgBAgABBQL6T//aAAgBAwABBQL6T//aAAgBAgIGPwJJ/9oACAEDAgY/Akn/2gAIAQEBBj8C9eu/0/ezTyHYrPI08h2cdc9/d2YYYOhUYYYOhVBigzmDFBigxQZyaaaOxWaaaOxWYYYOhUYYYOhVBigzmDFBigxQZxylbz5P/9oACAEBAwE/IXY0rOZI02pOXeFAP0uBOVwJyoD+lJy7woB+lwJyjhgQQ4dgSYtZB+zlX5N4UsP2uCcrgnKlj+1fk3hSw/a4JyuCOUGuwoetvShhKh58OoefDqGMqHrb0oYSoefDplTh0HwthS9qawpYU8KcPGVOHjKljTwpe1NYUsKeFOHjKdZ8ZQazCh6W9KGEKHjw6h48OoYwoelvShhCh48OmUOHQfs5V+TeFLD9rgnK4JypY/tX5N4UsP2uCcrgjlB+zlX5N4UsP2uCcrgnKlj+1fk3hSw/a4JyuCOUGuwoetvShhKh58OoefDqGMqHrb0oYSoefDplTh0HwthS9qawpYU8KcPGVOHjKljTwpe1NYUsKeFOHjKdZ8ZQazCh6W9KGEKHjw6h48OoYwoelvShhCh48Oju0cAXuWL/2gAIAQIDAT8h/wBJ/9oACAEDAwE/If8ASf/aAAwDAQACEQMRAAAQ/wB/vv3ZbLL1NJppnZbLL1NJppnZbLL3ZbLL1NJppnZbLL1NJpov/9oACAEBAwE/EC89awzJLjQLI6P1UakqZfEIuT6Dwgg5PsPKSFSVEviVkdH6qNSVMviEXJ9B4QR+DoxABIByaQg+gbA7TH7XhqiOaGGwG0QX7ZuhtAF++bJbQHNBDYHaY/a8NURzQw2A2iC/bN0NoDzYc2dyC+6Bg7TXnQPdEVxnNhgbRFYu8DDaArFmgZbQFcZxYYO0150D3RFcZzYYG0RWLvAw2grFQ0D3XANj/Az1Q+IRl2ulVCXe61EOqDxP8DPVD4hGXa6VV1EH9SK+6hg6T3nUPVE1xnNxgaRNYu8jDSBrFmkZaQNcZxcYOk951D1RNcZzcYGkTWLvIw0irFQ0j1RfYPgdJz9Ly0RPNDL4DSJL9sWQ0gS/fF0tIHmgl8DpOfpeWiJ5oZfAaRJftiyGkR5sOLuxB9A2B2mP2vDVEc0MNgNogv2zdDaAL982S2gOaCGwO0x+14aojmhhsBtEF+2bobQHmw5s7kF90DB2mvOge6IrjObDA2iKxd4GG0BWLNAy2gK4ziwwdprzoHuiK4zmwwNoisXeBhtBWKhoHuuAbH+Bnqh8QjLtdKqEu91qIdUHif4GeqHxCMu10qrqIP6kV91DB0nvOoeqJrjObjA0iaxd5GGkDWLNIy0ga4zi4wdJ7zqHqia4zm4wNImsXeRhpGYNeg7AHLCpX//aAAgBAgMBPxBOnTp06dOn+MfEPiHxD4h8Q+IfEPj/AP/aAAgBAwMBPxD/AEn/2Q==) repeat center -10px;
    z-index: 1;
}

svg {
    vertical-align: middle
}

.app-link,
a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    color: #9b9ea8
}

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

.app-link:active,
a:active {
    color: #fff
}

.aspect-ratio {
    position: relative;
    padding-top: 100%
}

.aspect-ratio__wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.simplebar-wrapper+.simplebar-track {
    z-index: 2
}

.simplebar-wrapper+.simplebar-track .simplebar-scrollbar:before {
    border-radius: 100px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    background: #007bff !important
}

.simplebar-wrapper:hover+.simplebar-track .simplebar-scrollbar:before {
    opacity: .8
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.infinite-rotate {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.loading-opacity {
    opacity: .5
}

.relative {
    position: relative
}

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

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

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

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

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

.left {
    float: left
}

.right {
    float: right
}

@media only print {
    .hidden-print-only {
        display: none !important
    }
}

@media only screen {
    .hidden-screen-only {
        display: none !important
    }
}

@media only screen and (max-width:575px) {
    .hidden-xs-only {
        display: none !important
    }
}

@media only screen and (min-width:576px)and (max-width:767px) {
    .hidden-sm-only {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .hidden-sm-and-down {
        display: none !important
    }
}

@media only screen and (min-width:576px) {
    .hidden-sm-and-up {
        display: none !important
    }
}

@media only screen and (min-width:768px)and (max-width:1023px) {
    .hidden-md-only {
        display: none !important
    }
}

@media only screen and (max-width:1023px) {
    .hidden-md-and-down {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .hidden-md-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1024px)and (max-width:1343px) {
    .hidden-lg-only {
        display: none !important
    }
}

@media only screen and (max-width:1343px) {
    .hidden-lg-and-down {
        display: none !important
    }
}

@media only screen and (min-width:1024px) {
    .hidden-lg-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1344px) {
    .hidden-xl-only {
        display: none !important
    }
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.ma-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.ma-auto,
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.ma-0 {
    margin: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.pa-0 {
    padding: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.ma-1 {
    margin: 5px !important
}

.my-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mx-1 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mt-1 {
    margin-top: 5px !important
}

.mr-1 {
    margin-right: 5px !important
}

.mb-1 {
    margin-bottom: 5px !important
}

.ml-1 {
    margin-left: 5px !important
}

.pa-1 {
    padding: 5px !important
}

.py-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.px-1 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pt-1 {
    padding-top: 5px !important
}

.pr-1 {
    padding-right: 5px !important
}

.pb-1 {
    padding-bottom: 5px !important
}

.pl-1 {
    padding-left: 5px !important
}

.ma-2 {
    margin: 10px !important
}

.my-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mx-2 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mt-2 {
    margin-top: 10px !important
}

.mr-2 {
    margin-right: 10px !important
}

.mb-2 {
    margin-bottom: 10px !important
}

.ml-2 {
    margin-left: 10px !important
}

.pa-2 {
    padding: 10px !important
}

.py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.px-2 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pt-2 {
    padding-top: 10px !important
}

.pr-2 {
    padding-right: 10px !important
}

.pb-2 {
    padding-bottom: 10px !important
}

.pl-2 {
    padding-left: 10px !important
}

.ma-3 {
    margin: 20px !important
}

.my-3 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mx-3 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mt-3 {
    margin-top: 20px !important
}

.mr-3 {
    margin-right: 20px !important
}

.mb-3 {
    margin-bottom: 20px !important
}

.ml-3 {
    margin-left: 20px !important
}

.pa-3 {
    padding: 20px !important
}

.py-3 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.px-3 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pt-3 {
    padding-top: 20px !important
}

.pr-3 {
    padding-right: 20px !important
}

.pb-3 {
    padding-bottom: 20px !important
}

.pl-3 {
    padding-left: 20px !important
}

.ma-4 {
    margin: 30px !important
}

.my-4 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mx-4 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mt-4 {
    margin-top: 30px !important
}

.mr-4 {
    margin-right: 30px !important
}

.mb-4 {
    margin-bottom: 30px !important
}

.ml-4 {
    margin-left: 30px !important
}

.pa-4 {
    padding: 30px !important
}

.py-4 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.px-4 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pt-4 {
    padding-top: 30px !important
}

.pr-4 {
    padding-right: 30px !important
}

.pb-4 {
    padding-bottom: 30px !important
}

.pl-4 {
    padding-left: 30px !important
}

.ma-5 {
    margin: 40px !important
}

.my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mx-5 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mt-5 {
    margin-top: 40px !important
}

.mr-5 {
    margin-right: 40px !important
}

.mb-5 {
    margin-bottom: 40px !important
}

.ml-5 {
    margin-left: 40px !important
}

.pa-5 {
    padding: 40px !important
}

.py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.px-5 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.pt-5 {
    padding-top: 40px !important
}

.pr-5 {
    padding-right: 40px !important
}

.pb-5 {
    padding-bottom: 40px !important
}

.pl-5 {
    padding-left: 40px !important
}

@media only print {
    .ma-print-only-0 {
        margin: 0 !important
    }

    .my-print-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-print-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-print-only-0 {
        margin-top: 0 !important
    }

    .mr-print-only-0 {
        margin-right: 0 !important
    }

    .mb-print-only-0 {
        margin-bottom: 0 !important
    }

    .ml-print-only-0 {
        margin-left: 0 !important
    }

    .pa-print-only-0 {
        padding: 0 !important
    }

    .py-print-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-print-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-print-only-0 {
        padding-top: 0 !important
    }

    .pr-print-only-0 {
        padding-right: 0 !important
    }

    .pb-print-only-0 {
        padding-bottom: 0 !important
    }

    .pl-print-only-0 {
        padding-left: 0 !important
    }

    .ma-print-only-1 {
        margin: 5px !important
    }

    .my-print-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-print-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-print-only-1 {
        margin-top: 5px !important
    }

    .mr-print-only-1 {
        margin-right: 5px !important
    }

    .mb-print-only-1 {
        margin-bottom: 5px !important
    }

    .ml-print-only-1 {
        margin-left: 5px !important
    }

    .pa-print-only-1 {
        padding: 5px !important
    }

    .py-print-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-print-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-print-only-1 {
        padding-top: 5px !important
    }

    .pr-print-only-1 {
        padding-right: 5px !important
    }

    .pb-print-only-1 {
        padding-bottom: 5px !important
    }

    .pl-print-only-1 {
        padding-left: 5px !important
    }

    .ma-print-only-2 {
        margin: 10px !important
    }

    .my-print-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-print-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-print-only-2 {
        margin-top: 10px !important
    }

    .mr-print-only-2 {
        margin-right: 10px !important
    }

    .mb-print-only-2 {
        margin-bottom: 10px !important
    }

    .ml-print-only-2 {
        margin-left: 10px !important
    }

    .pa-print-only-2 {
        padding: 10px !important
    }

    .py-print-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-print-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-print-only-2 {
        padding-top: 10px !important
    }

    .pr-print-only-2 {
        padding-right: 10px !important
    }

    .pb-print-only-2 {
        padding-bottom: 10px !important
    }

    .pl-print-only-2 {
        padding-left: 10px !important
    }

    .ma-print-only-3 {
        margin: 20px !important
    }

    .my-print-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-print-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-print-only-3 {
        margin-top: 20px !important
    }

    .mr-print-only-3 {
        margin-right: 20px !important
    }

    .mb-print-only-3 {
        margin-bottom: 20px !important
    }

    .ml-print-only-3 {
        margin-left: 20px !important
    }

    .pa-print-only-3 {
        padding: 20px !important
    }

    .py-print-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-print-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-print-only-3 {
        padding-top: 20px !important
    }

    .pr-print-only-3 {
        padding-right: 20px !important
    }

    .pb-print-only-3 {
        padding-bottom: 20px !important
    }

    .pl-print-only-3 {
        padding-left: 20px !important
    }

    .ma-print-only-4 {
        margin: 30px !important
    }

    .my-print-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-print-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-print-only-4 {
        margin-top: 30px !important
    }

    .mr-print-only-4 {
        margin-right: 30px !important
    }

    .mb-print-only-4 {
        margin-bottom: 30px !important
    }

    .ml-print-only-4 {
        margin-left: 30px !important
    }

    .pa-print-only-4 {
        padding: 30px !important
    }

    .py-print-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-print-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-print-only-4 {
        padding-top: 30px !important
    }

    .pr-print-only-4 {
        padding-right: 30px !important
    }

    .pb-print-only-4 {
        padding-bottom: 30px !important
    }

    .pl-print-only-4 {
        padding-left: 30px !important
    }

    .ma-print-only-5 {
        margin: 40px !important
    }

    .my-print-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-print-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-print-only-5 {
        margin-top: 40px !important
    }

    .mr-print-only-5 {
        margin-right: 40px !important
    }

    .mb-print-only-5 {
        margin-bottom: 40px !important
    }

    .ml-print-only-5 {
        margin-left: 40px !important
    }

    .pa-print-only-5 {
        padding: 40px !important
    }

    .py-print-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-print-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-print-only-5 {
        padding-top: 40px !important
    }

    .pr-print-only-5 {
        padding-right: 40px !important
    }

    .pb-print-only-5 {
        padding-bottom: 40px !important
    }

    .pl-print-only-5 {
        padding-left: 40px !important
    }
}

@media only screen {
    .ma-screen-only-0 {
        margin: 0 !important
    }

    .my-screen-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-screen-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-screen-only-0 {
        margin-top: 0 !important
    }

    .mr-screen-only-0 {
        margin-right: 0 !important
    }

    .mb-screen-only-0 {
        margin-bottom: 0 !important
    }

    .ml-screen-only-0 {
        margin-left: 0 !important
    }

    .pa-screen-only-0 {
        padding: 0 !important
    }

    .py-screen-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-screen-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-screen-only-0 {
        padding-top: 0 !important
    }

    .pr-screen-only-0 {
        padding-right: 0 !important
    }

    .pb-screen-only-0 {
        padding-bottom: 0 !important
    }

    .pl-screen-only-0 {
        padding-left: 0 !important
    }

    .ma-screen-only-1 {
        margin: 5px !important
    }

    .my-screen-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-screen-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-screen-only-1 {
        margin-top: 5px !important
    }

    .mr-screen-only-1 {
        margin-right: 5px !important
    }

    .mb-screen-only-1 {
        margin-bottom: 5px !important
    }

    .ml-screen-only-1 {
        margin-left: 5px !important
    }

    .pa-screen-only-1 {
        padding: 5px !important
    }

    .py-screen-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-screen-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-screen-only-1 {
        padding-top: 5px !important
    }

    .pr-screen-only-1 {
        padding-right: 5px !important
    }

    .pb-screen-only-1 {
        padding-bottom: 5px !important
    }

    .pl-screen-only-1 {
        padding-left: 5px !important
    }

    .ma-screen-only-2 {
        margin: 10px !important
    }

    .my-screen-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-screen-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-screen-only-2 {
        margin-top: 10px !important
    }

    .mr-screen-only-2 {
        margin-right: 10px !important
    }

    .mb-screen-only-2 {
        margin-bottom: 10px !important
    }

    .ml-screen-only-2 {
        margin-left: 10px !important
    }

    .pa-screen-only-2 {
        padding: 10px !important
    }

    .py-screen-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-screen-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-screen-only-2 {
        padding-top: 10px !important
    }

    .pr-screen-only-2 {
        padding-right: 10px !important
    }

    .pb-screen-only-2 {
        padding-bottom: 10px !important
    }

    .pl-screen-only-2 {
        padding-left: 10px !important
    }

    .ma-screen-only-3 {
        margin: 20px !important
    }

    .my-screen-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-screen-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-screen-only-3 {
        margin-top: 20px !important
    }

    .mr-screen-only-3 {
        margin-right: 20px !important
    }

    .mb-screen-only-3 {
        margin-bottom: 20px !important
    }

    .ml-screen-only-3 {
        margin-left: 20px !important
    }

    .pa-screen-only-3 {
        padding: 20px !important
    }

    .py-screen-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-screen-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-screen-only-3 {
        padding-top: 20px !important
    }

    .pr-screen-only-3 {
        padding-right: 20px !important
    }

    .pb-screen-only-3 {
        padding-bottom: 20px !important
    }

    .pl-screen-only-3 {
        padding-left: 20px !important
    }

    .ma-screen-only-4 {
        margin: 30px !important
    }

    .my-screen-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-screen-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-screen-only-4 {
        margin-top: 30px !important
    }

    .mr-screen-only-4 {
        margin-right: 30px !important
    }

    .mb-screen-only-4 {
        margin-bottom: 30px !important
    }

    .ml-screen-only-4 {
        margin-left: 30px !important
    }

    .pa-screen-only-4 {
        padding: 30px !important
    }

    .py-screen-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-screen-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-screen-only-4 {
        padding-top: 30px !important
    }

    .pr-screen-only-4 {
        padding-right: 30px !important
    }

    .pb-screen-only-4 {
        padding-bottom: 30px !important
    }

    .pl-screen-only-4 {
        padding-left: 30px !important
    }

    .ma-screen-only-5 {
        margin: 40px !important
    }

    .my-screen-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-screen-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-screen-only-5 {
        margin-top: 40px !important
    }

    .mr-screen-only-5 {
        margin-right: 40px !important
    }

    .mb-screen-only-5 {
        margin-bottom: 40px !important
    }

    .ml-screen-only-5 {
        margin-left: 40px !important
    }

    .pa-screen-only-5 {
        padding: 40px !important
    }

    .py-screen-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-screen-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-screen-only-5 {
        padding-top: 40px !important
    }

    .pr-screen-only-5 {
        padding-right: 40px !important
    }

    .pb-screen-only-5 {
        padding-bottom: 40px !important
    }

    .pl-screen-only-5 {
        padding-left: 40px !important
    }
}

@media only screen and (max-width:575px) {
    .ma-xs-only-0 {
        margin: 0 !important
    }

    .my-xs-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-xs-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-xs-only-0 {
        margin-top: 0 !important
    }

    .mr-xs-only-0 {
        margin-right: 0 !important
    }

    .mb-xs-only-0 {
        margin-bottom: 0 !important
    }

    .ml-xs-only-0 {
        margin-left: 0 !important
    }

    .pa-xs-only-0 {
        padding: 0 !important
    }

    .py-xs-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-xs-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-xs-only-0 {
        padding-top: 0 !important
    }

    .pr-xs-only-0 {
        padding-right: 0 !important
    }

    .pb-xs-only-0 {
        padding-bottom: 0 !important
    }

    .pl-xs-only-0 {
        padding-left: 0 !important
    }

    .ma-xs-only-1 {
        margin: 5px !important
    }

    .my-xs-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-xs-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-xs-only-1 {
        margin-top: 5px !important
    }

    .mr-xs-only-1 {
        margin-right: 5px !important
    }

    .mb-xs-only-1 {
        margin-bottom: 5px !important
    }

    .ml-xs-only-1 {
        margin-left: 5px !important
    }

    .pa-xs-only-1 {
        padding: 5px !important
    }

    .py-xs-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-xs-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-xs-only-1 {
        padding-top: 5px !important
    }

    .pr-xs-only-1 {
        padding-right: 5px !important
    }

    .pb-xs-only-1 {
        padding-bottom: 5px !important
    }

    .pl-xs-only-1 {
        padding-left: 5px !important
    }

    .ma-xs-only-2 {
        margin: 10px !important
    }

    .my-xs-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-xs-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-xs-only-2 {
        margin-top: 10px !important
    }

    .mr-xs-only-2 {
        margin-right: 10px !important
    }

    .mb-xs-only-2 {
        margin-bottom: 10px !important
    }

    .ml-xs-only-2 {
        margin-left: 10px !important
    }

    .pa-xs-only-2 {
        padding: 10px !important
    }

    .py-xs-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-xs-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-xs-only-2 {
        padding-top: 10px !important
    }

    .pr-xs-only-2 {
        padding-right: 10px !important
    }

    .pb-xs-only-2 {
        padding-bottom: 10px !important
    }

    .pl-xs-only-2 {
        padding-left: 10px !important
    }

    .ma-xs-only-3 {
        margin: 20px !important
    }

    .my-xs-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-xs-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-xs-only-3 {
        margin-top: 20px !important
    }

    .mr-xs-only-3 {
        margin-right: 20px !important
    }

    .mb-xs-only-3 {
        margin-bottom: 20px !important
    }

    .ml-xs-only-3 {
        margin-left: 20px !important
    }

    .pa-xs-only-3 {
        padding: 20px !important
    }

    .py-xs-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-xs-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-xs-only-3 {
        padding-top: 20px !important
    }

    .pr-xs-only-3 {
        padding-right: 20px !important
    }

    .pb-xs-only-3 {
        padding-bottom: 20px !important
    }

    .pl-xs-only-3 {
        padding-left: 20px !important
    }

    .ma-xs-only-4 {
        margin: 30px !important
    }

    .my-xs-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-xs-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-xs-only-4 {
        margin-top: 30px !important
    }

    .mr-xs-only-4 {
        margin-right: 30px !important
    }

    .mb-xs-only-4 {
        margin-bottom: 30px !important
    }

    .ml-xs-only-4 {
        margin-left: 30px !important
    }

    .pa-xs-only-4 {
        padding: 30px !important
    }

    .py-xs-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-xs-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-xs-only-4 {
        padding-top: 30px !important
    }

    .pr-xs-only-4 {
        padding-right: 30px !important
    }

    .pb-xs-only-4 {
        padding-bottom: 30px !important
    }

    .pl-xs-only-4 {
        padding-left: 30px !important
    }

    .ma-xs-only-5 {
        margin: 40px !important
    }

    .my-xs-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-xs-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-xs-only-5 {
        margin-top: 40px !important
    }

    .mr-xs-only-5 {
        margin-right: 40px !important
    }

    .mb-xs-only-5 {
        margin-bottom: 40px !important
    }

    .ml-xs-only-5 {
        margin-left: 40px !important
    }

    .pa-xs-only-5 {
        padding: 40px !important
    }

    .py-xs-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-xs-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-xs-only-5 {
        padding-top: 40px !important
    }

    .pr-xs-only-5 {
        padding-right: 40px !important
    }

    .pb-xs-only-5 {
        padding-bottom: 40px !important
    }

    .pl-xs-only-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:576px)and (max-width:767px) {
    .ma-sm-only-0 {
        margin: 0 !important
    }

    .my-sm-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-sm-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-sm-only-0 {
        margin-top: 0 !important
    }

    .mr-sm-only-0 {
        margin-right: 0 !important
    }

    .mb-sm-only-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-only-0 {
        margin-left: 0 !important
    }

    .pa-sm-only-0 {
        padding: 0 !important
    }

    .py-sm-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-sm-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-sm-only-0 {
        padding-top: 0 !important
    }

    .pr-sm-only-0 {
        padding-right: 0 !important
    }

    .pb-sm-only-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-only-0 {
        padding-left: 0 !important
    }

    .ma-sm-only-1 {
        margin: 5px !important
    }

    .my-sm-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-sm-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-sm-only-1 {
        margin-top: 5px !important
    }

    .mr-sm-only-1 {
        margin-right: 5px !important
    }

    .mb-sm-only-1 {
        margin-bottom: 5px !important
    }

    .ml-sm-only-1 {
        margin-left: 5px !important
    }

    .pa-sm-only-1 {
        padding: 5px !important
    }

    .py-sm-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-sm-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-sm-only-1 {
        padding-top: 5px !important
    }

    .pr-sm-only-1 {
        padding-right: 5px !important
    }

    .pb-sm-only-1 {
        padding-bottom: 5px !important
    }

    .pl-sm-only-1 {
        padding-left: 5px !important
    }

    .ma-sm-only-2 {
        margin: 10px !important
    }

    .my-sm-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-sm-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-sm-only-2 {
        margin-top: 10px !important
    }

    .mr-sm-only-2 {
        margin-right: 10px !important
    }

    .mb-sm-only-2 {
        margin-bottom: 10px !important
    }

    .ml-sm-only-2 {
        margin-left: 10px !important
    }

    .pa-sm-only-2 {
        padding: 10px !important
    }

    .py-sm-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-sm-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-sm-only-2 {
        padding-top: 10px !important
    }

    .pr-sm-only-2 {
        padding-right: 10px !important
    }

    .pb-sm-only-2 {
        padding-bottom: 10px !important
    }

    .pl-sm-only-2 {
        padding-left: 10px !important
    }

    .ma-sm-only-3 {
        margin: 20px !important
    }

    .my-sm-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-sm-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-sm-only-3 {
        margin-top: 20px !important
    }

    .mr-sm-only-3 {
        margin-right: 20px !important
    }

    .mb-sm-only-3 {
        margin-bottom: 20px !important
    }

    .ml-sm-only-3 {
        margin-left: 20px !important
    }

    .pa-sm-only-3 {
        padding: 20px !important
    }

    .py-sm-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-sm-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-sm-only-3 {
        padding-top: 20px !important
    }

    .pr-sm-only-3 {
        padding-right: 20px !important
    }

    .pb-sm-only-3 {
        padding-bottom: 20px !important
    }

    .pl-sm-only-3 {
        padding-left: 20px !important
    }

    .ma-sm-only-4 {
        margin: 30px !important
    }

    .my-sm-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-sm-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-sm-only-4 {
        margin-top: 30px !important
    }

    .mr-sm-only-4 {
        margin-right: 30px !important
    }

    .mb-sm-only-4 {
        margin-bottom: 30px !important
    }

    .ml-sm-only-4 {
        margin-left: 30px !important
    }

    .pa-sm-only-4 {
        padding: 30px !important
    }

    .py-sm-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-sm-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-sm-only-4 {
        padding-top: 30px !important
    }

    .pr-sm-only-4 {
        padding-right: 30px !important
    }

    .pb-sm-only-4 {
        padding-bottom: 30px !important
    }

    .pl-sm-only-4 {
        padding-left: 30px !important
    }

    .ma-sm-only-5 {
        margin: 40px !important
    }

    .my-sm-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-sm-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-sm-only-5 {
        margin-top: 40px !important
    }

    .mr-sm-only-5 {
        margin-right: 40px !important
    }

    .mb-sm-only-5 {
        margin-bottom: 40px !important
    }

    .ml-sm-only-5 {
        margin-left: 40px !important
    }

    .pa-sm-only-5 {
        padding: 40px !important
    }

    .py-sm-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-sm-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-sm-only-5 {
        padding-top: 40px !important
    }

    .pr-sm-only-5 {
        padding-right: 40px !important
    }

    .pb-sm-only-5 {
        padding-bottom: 40px !important
    }

    .pl-sm-only-5 {
        padding-left: 40px !important
    }
}

@media only screen and (max-width:767px) {
    .ma-sm-and-down-0 {
        margin: 0 !important
    }

    .my-sm-and-down-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-sm-and-down-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-sm-and-down-0 {
        margin-top: 0 !important
    }

    .mr-sm-and-down-0 {
        margin-right: 0 !important
    }

    .mb-sm-and-down-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-and-down-0 {
        margin-left: 0 !important
    }

    .pa-sm-and-down-0 {
        padding: 0 !important
    }

    .py-sm-and-down-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-sm-and-down-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-sm-and-down-0 {
        padding-top: 0 !important
    }

    .pr-sm-and-down-0 {
        padding-right: 0 !important
    }

    .pb-sm-and-down-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-and-down-0 {
        padding-left: 0 !important
    }

    .ma-sm-and-down-1 {
        margin: 5px !important
    }

    .my-sm-and-down-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-sm-and-down-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-sm-and-down-1 {
        margin-top: 5px !important
    }

    .mr-sm-and-down-1 {
        margin-right: 5px !important
    }

    .mb-sm-and-down-1 {
        margin-bottom: 5px !important
    }

    .ml-sm-and-down-1 {
        margin-left: 5px !important
    }

    .pa-sm-and-down-1 {
        padding: 5px !important
    }

    .py-sm-and-down-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-sm-and-down-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-sm-and-down-1 {
        padding-top: 5px !important
    }

    .pr-sm-and-down-1 {
        padding-right: 5px !important
    }

    .pb-sm-and-down-1 {
        padding-bottom: 5px !important
    }

    .pl-sm-and-down-1 {
        padding-left: 5px !important
    }

    .ma-sm-and-down-2 {
        margin: 10px !important
    }

    .my-sm-and-down-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-sm-and-down-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-sm-and-down-2 {
        margin-top: 10px !important
    }

    .mr-sm-and-down-2 {
        margin-right: 10px !important
    }

    .mb-sm-and-down-2 {
        margin-bottom: 10px !important
    }

    .ml-sm-and-down-2 {
        margin-left: 10px !important
    }

    .pa-sm-and-down-2 {
        padding: 10px !important
    }

    .py-sm-and-down-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-sm-and-down-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-sm-and-down-2 {
        padding-top: 10px !important
    }

    .pr-sm-and-down-2 {
        padding-right: 10px !important
    }

    .pb-sm-and-down-2 {
        padding-bottom: 10px !important
    }

    .pl-sm-and-down-2 {
        padding-left: 10px !important
    }

    .ma-sm-and-down-3 {
        margin: 20px !important
    }

    .my-sm-and-down-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-sm-and-down-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-sm-and-down-3 {
        margin-top: 20px !important
    }

    .mr-sm-and-down-3 {
        margin-right: 20px !important
    }

    .mb-sm-and-down-3 {
        margin-bottom: 20px !important
    }

    .ml-sm-and-down-3 {
        margin-left: 20px !important
    }

    .pa-sm-and-down-3 {
        padding: 20px !important
    }

    .py-sm-and-down-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-sm-and-down-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-sm-and-down-3 {
        padding-top: 20px !important
    }

    .pr-sm-and-down-3 {
        padding-right: 20px !important
    }

    .pb-sm-and-down-3 {
        padding-bottom: 20px !important
    }

    .pl-sm-and-down-3 {
        padding-left: 20px !important
    }

    .ma-sm-and-down-4 {
        margin: 30px !important
    }

    .my-sm-and-down-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-sm-and-down-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-sm-and-down-4 {
        margin-top: 30px !important
    }

    .mr-sm-and-down-4 {
        margin-right: 30px !important
    }

    .mb-sm-and-down-4 {
        margin-bottom: 30px !important
    }

    .ml-sm-and-down-4 {
        margin-left: 30px !important
    }

    .pa-sm-and-down-4 {
        padding: 30px !important
    }

    .py-sm-and-down-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-sm-and-down-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-sm-and-down-4 {
        padding-top: 30px !important
    }

    .pr-sm-and-down-4 {
        padding-right: 30px !important
    }

    .pb-sm-and-down-4 {
        padding-bottom: 30px !important
    }

    .pl-sm-and-down-4 {
        padding-left: 30px !important
    }

    .ma-sm-and-down-5 {
        margin: 40px !important
    }

    .my-sm-and-down-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-sm-and-down-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-sm-and-down-5 {
        margin-top: 40px !important
    }

    .mr-sm-and-down-5 {
        margin-right: 40px !important
    }

    .mb-sm-and-down-5 {
        margin-bottom: 40px !important
    }

    .ml-sm-and-down-5 {
        margin-left: 40px !important
    }

    .pa-sm-and-down-5 {
        padding: 40px !important
    }

    .py-sm-and-down-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-sm-and-down-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-sm-and-down-5 {
        padding-top: 40px !important
    }

    .pr-sm-and-down-5 {
        padding-right: 40px !important
    }

    .pb-sm-and-down-5 {
        padding-bottom: 40px !important
    }

    .pl-sm-and-down-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:576px) {
    .ma-sm-and-up-0 {
        margin: 0 !important
    }

    .my-sm-and-up-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-sm-and-up-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-sm-and-up-0 {
        margin-top: 0 !important
    }

    .mr-sm-and-up-0 {
        margin-right: 0 !important
    }

    .mb-sm-and-up-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-and-up-0 {
        margin-left: 0 !important
    }

    .pa-sm-and-up-0 {
        padding: 0 !important
    }

    .py-sm-and-up-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-sm-and-up-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-sm-and-up-0 {
        padding-top: 0 !important
    }

    .pr-sm-and-up-0 {
        padding-right: 0 !important
    }

    .pb-sm-and-up-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-and-up-0 {
        padding-left: 0 !important
    }

    .ma-sm-and-up-1 {
        margin: 5px !important
    }

    .my-sm-and-up-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-sm-and-up-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-sm-and-up-1 {
        margin-top: 5px !important
    }

    .mr-sm-and-up-1 {
        margin-right: 5px !important
    }

    .mb-sm-and-up-1 {
        margin-bottom: 5px !important
    }

    .ml-sm-and-up-1 {
        margin-left: 5px !important
    }

    .pa-sm-and-up-1 {
        padding: 5px !important
    }

    .py-sm-and-up-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-sm-and-up-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-sm-and-up-1 {
        padding-top: 5px !important
    }

    .pr-sm-and-up-1 {
        padding-right: 5px !important
    }

    .pb-sm-and-up-1 {
        padding-bottom: 5px !important
    }

    .pl-sm-and-up-1 {
        padding-left: 5px !important
    }

    .ma-sm-and-up-2 {
        margin: 10px !important
    }

    .my-sm-and-up-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-sm-and-up-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-sm-and-up-2 {
        margin-top: 10px !important
    }

    .mr-sm-and-up-2 {
        margin-right: 10px !important
    }

    .mb-sm-and-up-2 {
        margin-bottom: 10px !important
    }

    .ml-sm-and-up-2 {
        margin-left: 10px !important
    }

    .pa-sm-and-up-2 {
        padding: 10px !important
    }

    .py-sm-and-up-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-sm-and-up-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-sm-and-up-2 {
        padding-top: 10px !important
    }

    .pr-sm-and-up-2 {
        padding-right: 10px !important
    }

    .pb-sm-and-up-2 {
        padding-bottom: 10px !important
    }

    .pl-sm-and-up-2 {
        padding-left: 10px !important
    }

    .ma-sm-and-up-3 {
        margin: 20px !important
    }

    .my-sm-and-up-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-sm-and-up-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-sm-and-up-3 {
        margin-top: 20px !important
    }

    .mr-sm-and-up-3 {
        margin-right: 20px !important
    }

    .mb-sm-and-up-3 {
        margin-bottom: 20px !important
    }

    .ml-sm-and-up-3 {
        margin-left: 20px !important
    }

    .pa-sm-and-up-3 {
        padding: 20px !important
    }

    .py-sm-and-up-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-sm-and-up-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-sm-and-up-3 {
        padding-top: 20px !important
    }

    .pr-sm-and-up-3 {
        padding-right: 20px !important
    }

    .pb-sm-and-up-3 {
        padding-bottom: 20px !important
    }

    .pl-sm-and-up-3 {
        padding-left: 20px !important
    }

    .ma-sm-and-up-4 {
        margin: 30px !important
    }

    .my-sm-and-up-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-sm-and-up-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-sm-and-up-4 {
        margin-top: 30px !important
    }

    .mr-sm-and-up-4 {
        margin-right: 30px !important
    }

    .mb-sm-and-up-4 {
        margin-bottom: 30px !important
    }

    .ml-sm-and-up-4 {
        margin-left: 30px !important
    }

    .pa-sm-and-up-4 {
        padding: 30px !important
    }

    .py-sm-and-up-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-sm-and-up-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-sm-and-up-4 {
        padding-top: 30px !important
    }

    .pr-sm-and-up-4 {
        padding-right: 30px !important
    }

    .pb-sm-and-up-4 {
        padding-bottom: 30px !important
    }

    .pl-sm-and-up-4 {
        padding-left: 30px !important
    }

    .ma-sm-and-up-5 {
        margin: 40px !important
    }

    .my-sm-and-up-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-sm-and-up-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-sm-and-up-5 {
        margin-top: 40px !important
    }

    .mr-sm-and-up-5 {
        margin-right: 40px !important
    }

    .mb-sm-and-up-5 {
        margin-bottom: 40px !important
    }

    .ml-sm-and-up-5 {
        margin-left: 40px !important
    }

    .pa-sm-and-up-5 {
        padding: 40px !important
    }

    .py-sm-and-up-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-sm-and-up-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-sm-and-up-5 {
        padding-top: 40px !important
    }

    .pr-sm-and-up-5 {
        padding-right: 40px !important
    }

    .pb-sm-and-up-5 {
        padding-bottom: 40px !important
    }

    .pl-sm-and-up-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:768px)and (max-width:1023px) {
    .ma-md-only-0 {
        margin: 0 !important
    }

    .my-md-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-md-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-md-only-0 {
        margin-top: 0 !important
    }

    .mr-md-only-0 {
        margin-right: 0 !important
    }

    .mb-md-only-0 {
        margin-bottom: 0 !important
    }

    .ml-md-only-0 {
        margin-left: 0 !important
    }

    .pa-md-only-0 {
        padding: 0 !important
    }

    .py-md-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-md-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-md-only-0 {
        padding-top: 0 !important
    }

    .pr-md-only-0 {
        padding-right: 0 !important
    }

    .pb-md-only-0 {
        padding-bottom: 0 !important
    }

    .pl-md-only-0 {
        padding-left: 0 !important
    }

    .ma-md-only-1 {
        margin: 5px !important
    }

    .my-md-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-md-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-md-only-1 {
        margin-top: 5px !important
    }

    .mr-md-only-1 {
        margin-right: 5px !important
    }

    .mb-md-only-1 {
        margin-bottom: 5px !important
    }

    .ml-md-only-1 {
        margin-left: 5px !important
    }

    .pa-md-only-1 {
        padding: 5px !important
    }

    .py-md-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-md-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-md-only-1 {
        padding-top: 5px !important
    }

    .pr-md-only-1 {
        padding-right: 5px !important
    }

    .pb-md-only-1 {
        padding-bottom: 5px !important
    }

    .pl-md-only-1 {
        padding-left: 5px !important
    }

    .ma-md-only-2 {
        margin: 10px !important
    }

    .my-md-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-md-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-md-only-2 {
        margin-top: 10px !important
    }

    .mr-md-only-2 {
        margin-right: 10px !important
    }

    .mb-md-only-2 {
        margin-bottom: 10px !important
    }

    .ml-md-only-2 {
        margin-left: 10px !important
    }

    .pa-md-only-2 {
        padding: 10px !important
    }

    .py-md-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-md-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-md-only-2 {
        padding-top: 10px !important
    }

    .pr-md-only-2 {
        padding-right: 10px !important
    }

    .pb-md-only-2 {
        padding-bottom: 10px !important
    }

    .pl-md-only-2 {
        padding-left: 10px !important
    }

    .ma-md-only-3 {
        margin: 20px !important
    }

    .my-md-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-md-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-md-only-3 {
        margin-top: 20px !important
    }

    .mr-md-only-3 {
        margin-right: 20px !important
    }

    .mb-md-only-3 {
        margin-bottom: 20px !important
    }

    .ml-md-only-3 {
        margin-left: 20px !important
    }

    .pa-md-only-3 {
        padding: 20px !important
    }

    .py-md-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-md-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-md-only-3 {
        padding-top: 20px !important
    }

    .pr-md-only-3 {
        padding-right: 20px !important
    }

    .pb-md-only-3 {
        padding-bottom: 20px !important
    }

    .pl-md-only-3 {
        padding-left: 20px !important
    }

    .ma-md-only-4 {
        margin: 30px !important
    }

    .my-md-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-md-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-md-only-4 {
        margin-top: 30px !important
    }

    .mr-md-only-4 {
        margin-right: 30px !important
    }

    .mb-md-only-4 {
        margin-bottom: 30px !important
    }

    .ml-md-only-4 {
        margin-left: 30px !important
    }

    .pa-md-only-4 {
        padding: 30px !important
    }

    .py-md-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-md-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-md-only-4 {
        padding-top: 30px !important
    }

    .pr-md-only-4 {
        padding-right: 30px !important
    }

    .pb-md-only-4 {
        padding-bottom: 30px !important
    }

    .pl-md-only-4 {
        padding-left: 30px !important
    }

    .ma-md-only-5 {
        margin: 40px !important
    }

    .my-md-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-md-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-md-only-5 {
        margin-top: 40px !important
    }

    .mr-md-only-5 {
        margin-right: 40px !important
    }

    .mb-md-only-5 {
        margin-bottom: 40px !important
    }

    .ml-md-only-5 {
        margin-left: 40px !important
    }

    .pa-md-only-5 {
        padding: 40px !important
    }

    .py-md-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-md-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-md-only-5 {
        padding-top: 40px !important
    }

    .pr-md-only-5 {
        padding-right: 40px !important
    }

    .pb-md-only-5 {
        padding-bottom: 40px !important
    }

    .pl-md-only-5 {
        padding-left: 40px !important
    }
}

@media only screen and (max-width:1023px) {
    .ma-md-and-down-0 {
        margin: 0 !important
    }

    .my-md-and-down-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-md-and-down-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-md-and-down-0 {
        margin-top: 0 !important
    }

    .mr-md-and-down-0 {
        margin-right: 0 !important
    }

    .mb-md-and-down-0 {
        margin-bottom: 0 !important
    }

    .ml-md-and-down-0 {
        margin-left: 0 !important
    }

    .pa-md-and-down-0 {
        padding: 0 !important
    }

    .py-md-and-down-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-md-and-down-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-md-and-down-0 {
        padding-top: 0 !important
    }

    .pr-md-and-down-0 {
        padding-right: 0 !important
    }

    .pb-md-and-down-0 {
        padding-bottom: 0 !important
    }

    .pl-md-and-down-0 {
        padding-left: 0 !important
    }

    .ma-md-and-down-1 {
        margin: 5px !important
    }

    .my-md-and-down-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-md-and-down-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-md-and-down-1 {
        margin-top: 5px !important
    }

    .mr-md-and-down-1 {
        margin-right: 5px !important
    }

    .mb-md-and-down-1 {
        margin-bottom: 5px !important
    }

    .ml-md-and-down-1 {
        margin-left: 5px !important
    }

    .pa-md-and-down-1 {
        padding: 5px !important
    }

    .py-md-and-down-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-md-and-down-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-md-and-down-1 {
        padding-top: 5px !important
    }

    .pr-md-and-down-1 {
        padding-right: 5px !important
    }

    .pb-md-and-down-1 {
        padding-bottom: 5px !important
    }

    .pl-md-and-down-1 {
        padding-left: 5px !important
    }

    .ma-md-and-down-2 {
        margin: 10px !important
    }

    .my-md-and-down-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-md-and-down-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-md-and-down-2 {
        margin-top: 10px !important
    }

    .mr-md-and-down-2 {
        margin-right: 10px !important
    }

    .mb-md-and-down-2 {
        margin-bottom: 10px !important
    }

    .ml-md-and-down-2 {
        margin-left: 10px !important
    }

    .pa-md-and-down-2 {
        padding: 10px !important
    }

    .py-md-and-down-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-md-and-down-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-md-and-down-2 {
        padding-top: 10px !important
    }

    .pr-md-and-down-2 {
        padding-right: 10px !important
    }

    .pb-md-and-down-2 {
        padding-bottom: 10px !important
    }

    .pl-md-and-down-2 {
        padding-left: 10px !important
    }

    .ma-md-and-down-3 {
        margin: 20px !important
    }

    .my-md-and-down-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-md-and-down-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-md-and-down-3 {
        margin-top: 20px !important
    }

    .mr-md-and-down-3 {
        margin-right: 20px !important
    }

    .mb-md-and-down-3 {
        margin-bottom: 20px !important
    }

    .ml-md-and-down-3 {
        margin-left: 20px !important
    }

    .pa-md-and-down-3 {
        padding: 20px !important
    }

    .py-md-and-down-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-md-and-down-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-md-and-down-3 {
        padding-top: 20px !important
    }

    .pr-md-and-down-3 {
        padding-right: 20px !important
    }

    .pb-md-and-down-3 {
        padding-bottom: 20px !important
    }

    .pl-md-and-down-3 {
        padding-left: 20px !important
    }

    .ma-md-and-down-4 {
        margin: 30px !important
    }

    .my-md-and-down-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-md-and-down-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-md-and-down-4 {
        margin-top: 30px !important
    }

    .mr-md-and-down-4 {
        margin-right: 30px !important
    }

    .mb-md-and-down-4 {
        margin-bottom: 30px !important
    }

    .ml-md-and-down-4 {
        margin-left: 30px !important
    }

    .pa-md-and-down-4 {
        padding: 30px !important
    }

    .py-md-and-down-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-md-and-down-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-md-and-down-4 {
        padding-top: 30px !important
    }

    .pr-md-and-down-4 {
        padding-right: 30px !important
    }

    .pb-md-and-down-4 {
        padding-bottom: 30px !important
    }

    .pl-md-and-down-4 {
        padding-left: 30px !important
    }

    .ma-md-and-down-5 {
        margin: 40px !important
    }

    .my-md-and-down-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-md-and-down-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-md-and-down-5 {
        margin-top: 40px !important
    }

    .mr-md-and-down-5 {
        margin-right: 40px !important
    }

    .mb-md-and-down-5 {
        margin-bottom: 40px !important
    }

    .ml-md-and-down-5 {
        margin-left: 40px !important
    }

    .pa-md-and-down-5 {
        padding: 40px !important
    }

    .py-md-and-down-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-md-and-down-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-md-and-down-5 {
        padding-top: 40px !important
    }

    .pr-md-and-down-5 {
        padding-right: 40px !important
    }

    .pb-md-and-down-5 {
        padding-bottom: 40px !important
    }

    .pl-md-and-down-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:768px) {
    .ma-md-and-up-0 {
        margin: 0 !important
    }

    .my-md-and-up-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-md-and-up-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-md-and-up-0 {
        margin-top: 0 !important
    }

    .mr-md-and-up-0 {
        margin-right: 0 !important
    }

    .mb-md-and-up-0 {
        margin-bottom: 0 !important
    }

    .ml-md-and-up-0 {
        margin-left: 0 !important
    }

    .pa-md-and-up-0 {
        padding: 0 !important
    }

    .py-md-and-up-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-md-and-up-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-md-and-up-0 {
        padding-top: 0 !important
    }

    .pr-md-and-up-0 {
        padding-right: 0 !important
    }

    .pb-md-and-up-0 {
        padding-bottom: 0 !important
    }

    .pl-md-and-up-0 {
        padding-left: 0 !important
    }

    .ma-md-and-up-1 {
        margin: 5px !important
    }

    .my-md-and-up-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-md-and-up-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-md-and-up-1 {
        margin-top: 5px !important
    }

    .mr-md-and-up-1 {
        margin-right: 5px !important
    }

    .mb-md-and-up-1 {
        margin-bottom: 5px !important
    }

    .ml-md-and-up-1 {
        margin-left: 5px !important
    }

    .pa-md-and-up-1 {
        padding: 5px !important
    }

    .py-md-and-up-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-md-and-up-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-md-and-up-1 {
        padding-top: 5px !important
    }

    .pr-md-and-up-1 {
        padding-right: 5px !important
    }

    .pb-md-and-up-1 {
        padding-bottom: 5px !important
    }

    .pl-md-and-up-1 {
        padding-left: 5px !important
    }

    .ma-md-and-up-2 {
        margin: 10px !important
    }

    .my-md-and-up-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-md-and-up-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-md-and-up-2 {
        margin-top: 10px !important
    }

    .mr-md-and-up-2 {
        margin-right: 10px !important
    }

    .mb-md-and-up-2 {
        margin-bottom: 10px !important
    }

    .ml-md-and-up-2 {
        margin-left: 10px !important
    }

    .pa-md-and-up-2 {
        padding: 10px !important
    }

    .py-md-and-up-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-md-and-up-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-md-and-up-2 {
        padding-top: 10px !important
    }

    .pr-md-and-up-2 {
        padding-right: 10px !important
    }

    .pb-md-and-up-2 {
        padding-bottom: 10px !important
    }

    .pl-md-and-up-2 {
        padding-left: 10px !important
    }

    .ma-md-and-up-3 {
        margin: 20px !important
    }

    .my-md-and-up-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-md-and-up-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-md-and-up-3 {
        margin-top: 20px !important
    }

    .mr-md-and-up-3 {
        margin-right: 20px !important
    }

    .mb-md-and-up-3 {
        margin-bottom: 20px !important
    }

    .ml-md-and-up-3 {
        margin-left: 20px !important
    }

    .pa-md-and-up-3 {
        padding: 20px !important
    }

    .py-md-and-up-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-md-and-up-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-md-and-up-3 {
        padding-top: 20px !important
    }

    .pr-md-and-up-3 {
        padding-right: 20px !important
    }

    .pb-md-and-up-3 {
        padding-bottom: 20px !important
    }

    .pl-md-and-up-3 {
        padding-left: 20px !important
    }

    .ma-md-and-up-4 {
        margin: 30px !important
    }

    .my-md-and-up-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-md-and-up-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-md-and-up-4 {
        margin-top: 30px !important
    }

    .mr-md-and-up-4 {
        margin-right: 30px !important
    }

    .mb-md-and-up-4 {
        margin-bottom: 30px !important
    }

    .ml-md-and-up-4 {
        margin-left: 30px !important
    }

    .pa-md-and-up-4 {
        padding: 30px !important
    }

    .py-md-and-up-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-md-and-up-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-md-and-up-4 {
        padding-top: 30px !important
    }

    .pr-md-and-up-4 {
        padding-right: 30px !important
    }

    .pb-md-and-up-4 {
        padding-bottom: 30px !important
    }

    .pl-md-and-up-4 {
        padding-left: 30px !important
    }

    .ma-md-and-up-5 {
        margin: 40px !important
    }

    .my-md-and-up-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-md-and-up-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-md-and-up-5 {
        margin-top: 40px !important
    }

    .mr-md-and-up-5 {
        margin-right: 40px !important
    }

    .mb-md-and-up-5 {
        margin-bottom: 40px !important
    }

    .ml-md-and-up-5 {
        margin-left: 40px !important
    }

    .pa-md-and-up-5 {
        padding: 40px !important
    }

    .py-md-and-up-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-md-and-up-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-md-and-up-5 {
        padding-top: 40px !important
    }

    .pr-md-and-up-5 {
        padding-right: 40px !important
    }

    .pb-md-and-up-5 {
        padding-bottom: 40px !important
    }

    .pl-md-and-up-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:1024px)and (max-width:1343px) {
    .ma-lg-only-0 {
        margin: 0 !important
    }

    .my-lg-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-lg-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-lg-only-0 {
        margin-top: 0 !important
    }

    .mr-lg-only-0 {
        margin-right: 0 !important
    }

    .mb-lg-only-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-only-0 {
        margin-left: 0 !important
    }

    .pa-lg-only-0 {
        padding: 0 !important
    }

    .py-lg-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-lg-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-lg-only-0 {
        padding-top: 0 !important
    }

    .pr-lg-only-0 {
        padding-right: 0 !important
    }

    .pb-lg-only-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-only-0 {
        padding-left: 0 !important
    }

    .ma-lg-only-1 {
        margin: 5px !important
    }

    .my-lg-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-lg-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-lg-only-1 {
        margin-top: 5px !important
    }

    .mr-lg-only-1 {
        margin-right: 5px !important
    }

    .mb-lg-only-1 {
        margin-bottom: 5px !important
    }

    .ml-lg-only-1 {
        margin-left: 5px !important
    }

    .pa-lg-only-1 {
        padding: 5px !important
    }

    .py-lg-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-lg-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-lg-only-1 {
        padding-top: 5px !important
    }

    .pr-lg-only-1 {
        padding-right: 5px !important
    }

    .pb-lg-only-1 {
        padding-bottom: 5px !important
    }

    .pl-lg-only-1 {
        padding-left: 5px !important
    }

    .ma-lg-only-2 {
        margin: 10px !important
    }

    .my-lg-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-lg-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-lg-only-2 {
        margin-top: 10px !important
    }

    .mr-lg-only-2 {
        margin-right: 10px !important
    }

    .mb-lg-only-2 {
        margin-bottom: 10px !important
    }

    .ml-lg-only-2 {
        margin-left: 10px !important
    }

    .pa-lg-only-2 {
        padding: 10px !important
    }

    .py-lg-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-lg-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-lg-only-2 {
        padding-top: 10px !important
    }

    .pr-lg-only-2 {
        padding-right: 10px !important
    }

    .pb-lg-only-2 {
        padding-bottom: 10px !important
    }

    .pl-lg-only-2 {
        padding-left: 10px !important
    }

    .ma-lg-only-3 {
        margin: 20px !important
    }

    .my-lg-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-lg-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-lg-only-3 {
        margin-top: 20px !important
    }

    .mr-lg-only-3 {
        margin-right: 20px !important
    }

    .mb-lg-only-3 {
        margin-bottom: 20px !important
    }

    .ml-lg-only-3 {
        margin-left: 20px !important
    }

    .pa-lg-only-3 {
        padding: 20px !important
    }

    .py-lg-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-lg-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-lg-only-3 {
        padding-top: 20px !important
    }

    .pr-lg-only-3 {
        padding-right: 20px !important
    }

    .pb-lg-only-3 {
        padding-bottom: 20px !important
    }

    .pl-lg-only-3 {
        padding-left: 20px !important
    }

    .ma-lg-only-4 {
        margin: 30px !important
    }

    .my-lg-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-lg-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-lg-only-4 {
        margin-top: 30px !important
    }

    .mr-lg-only-4 {
        margin-right: 30px !important
    }

    .mb-lg-only-4 {
        margin-bottom: 30px !important
    }

    .ml-lg-only-4 {
        margin-left: 30px !important
    }

    .pa-lg-only-4 {
        padding: 30px !important
    }

    .py-lg-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-lg-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-lg-only-4 {
        padding-top: 30px !important
    }

    .pr-lg-only-4 {
        padding-right: 30px !important
    }

    .pb-lg-only-4 {
        padding-bottom: 30px !important
    }

    .pl-lg-only-4 {
        padding-left: 30px !important
    }

    .ma-lg-only-5 {
        margin: 40px !important
    }

    .my-lg-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-lg-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-lg-only-5 {
        margin-top: 40px !important
    }

    .mr-lg-only-5 {
        margin-right: 40px !important
    }

    .mb-lg-only-5 {
        margin-bottom: 40px !important
    }

    .ml-lg-only-5 {
        margin-left: 40px !important
    }

    .pa-lg-only-5 {
        padding: 40px !important
    }

    .py-lg-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-lg-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-lg-only-5 {
        padding-top: 40px !important
    }

    .pr-lg-only-5 {
        padding-right: 40px !important
    }

    .pb-lg-only-5 {
        padding-bottom: 40px !important
    }

    .pl-lg-only-5 {
        padding-left: 40px !important
    }
}

@media only screen and (max-width:1343px) {
    .ma-lg-and-down-0 {
        margin: 0 !important
    }

    .my-lg-and-down-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-lg-and-down-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-lg-and-down-0 {
        margin-top: 0 !important
    }

    .mr-lg-and-down-0 {
        margin-right: 0 !important
    }

    .mb-lg-and-down-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-and-down-0 {
        margin-left: 0 !important
    }

    .pa-lg-and-down-0 {
        padding: 0 !important
    }

    .py-lg-and-down-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-lg-and-down-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-lg-and-down-0 {
        padding-top: 0 !important
    }

    .pr-lg-and-down-0 {
        padding-right: 0 !important
    }

    .pb-lg-and-down-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-and-down-0 {
        padding-left: 0 !important
    }

    .ma-lg-and-down-1 {
        margin: 5px !important
    }

    .my-lg-and-down-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-lg-and-down-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-lg-and-down-1 {
        margin-top: 5px !important
    }

    .mr-lg-and-down-1 {
        margin-right: 5px !important
    }

    .mb-lg-and-down-1 {
        margin-bottom: 5px !important
    }

    .ml-lg-and-down-1 {
        margin-left: 5px !important
    }

    .pa-lg-and-down-1 {
        padding: 5px !important
    }

    .py-lg-and-down-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-lg-and-down-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-lg-and-down-1 {
        padding-top: 5px !important
    }

    .pr-lg-and-down-1 {
        padding-right: 5px !important
    }

    .pb-lg-and-down-1 {
        padding-bottom: 5px !important
    }

    .pl-lg-and-down-1 {
        padding-left: 5px !important
    }

    .ma-lg-and-down-2 {
        margin: 10px !important
    }

    .my-lg-and-down-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-lg-and-down-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-lg-and-down-2 {
        margin-top: 10px !important
    }

    .mr-lg-and-down-2 {
        margin-right: 10px !important
    }

    .mb-lg-and-down-2 {
        margin-bottom: 10px !important
    }

    .ml-lg-and-down-2 {
        margin-left: 10px !important
    }

    .pa-lg-and-down-2 {
        padding: 10px !important
    }

    .py-lg-and-down-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-lg-and-down-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-lg-and-down-2 {
        padding-top: 10px !important
    }

    .pr-lg-and-down-2 {
        padding-right: 10px !important
    }

    .pb-lg-and-down-2 {
        padding-bottom: 10px !important
    }

    .pl-lg-and-down-2 {
        padding-left: 10px !important
    }

    .ma-lg-and-down-3 {
        margin: 20px !important
    }

    .my-lg-and-down-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-lg-and-down-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-lg-and-down-3 {
        margin-top: 20px !important
    }

    .mr-lg-and-down-3 {
        margin-right: 20px !important
    }

    .mb-lg-and-down-3 {
        margin-bottom: 20px !important
    }

    .ml-lg-and-down-3 {
        margin-left: 20px !important
    }

    .pa-lg-and-down-3 {
        padding: 20px !important
    }

    .py-lg-and-down-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-lg-and-down-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-lg-and-down-3 {
        padding-top: 20px !important
    }

    .pr-lg-and-down-3 {
        padding-right: 20px !important
    }

    .pb-lg-and-down-3 {
        padding-bottom: 20px !important
    }

    .pl-lg-and-down-3 {
        padding-left: 20px !important
    }

    .ma-lg-and-down-4 {
        margin: 30px !important
    }

    .my-lg-and-down-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-lg-and-down-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-lg-and-down-4 {
        margin-top: 30px !important
    }

    .mr-lg-and-down-4 {
        margin-right: 30px !important
    }

    .mb-lg-and-down-4 {
        margin-bottom: 30px !important
    }

    .ml-lg-and-down-4 {
        margin-left: 30px !important
    }

    .pa-lg-and-down-4 {
        padding: 30px !important
    }

    .py-lg-and-down-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-lg-and-down-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-lg-and-down-4 {
        padding-top: 30px !important
    }

    .pr-lg-and-down-4 {
        padding-right: 30px !important
    }

    .pb-lg-and-down-4 {
        padding-bottom: 30px !important
    }

    .pl-lg-and-down-4 {
        padding-left: 30px !important
    }

    .ma-lg-and-down-5 {
        margin: 40px !important
    }

    .my-lg-and-down-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-lg-and-down-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-lg-and-down-5 {
        margin-top: 40px !important
    }

    .mr-lg-and-down-5 {
        margin-right: 40px !important
    }

    .mb-lg-and-down-5 {
        margin-bottom: 40px !important
    }

    .ml-lg-and-down-5 {
        margin-left: 40px !important
    }

    .pa-lg-and-down-5 {
        padding: 40px !important
    }

    .py-lg-and-down-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-lg-and-down-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-lg-and-down-5 {
        padding-top: 40px !important
    }

    .pr-lg-and-down-5 {
        padding-right: 40px !important
    }

    .pb-lg-and-down-5 {
        padding-bottom: 40px !important
    }

    .pl-lg-and-down-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:1024px) {
    .ma-lg-and-up-0 {
        margin: 0 !important
    }

    .my-lg-and-up-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-lg-and-up-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-lg-and-up-0 {
        margin-top: 0 !important
    }

    .mr-lg-and-up-0 {
        margin-right: 0 !important
    }

    .mb-lg-and-up-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-and-up-0 {
        margin-left: 0 !important
    }

    .pa-lg-and-up-0 {
        padding: 0 !important
    }

    .py-lg-and-up-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-lg-and-up-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-lg-and-up-0 {
        padding-top: 0 !important
    }

    .pr-lg-and-up-0 {
        padding-right: 0 !important
    }

    .pb-lg-and-up-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-and-up-0 {
        padding-left: 0 !important
    }

    .ma-lg-and-up-1 {
        margin: 5px !important
    }

    .my-lg-and-up-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-lg-and-up-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-lg-and-up-1 {
        margin-top: 5px !important
    }

    .mr-lg-and-up-1 {
        margin-right: 5px !important
    }

    .mb-lg-and-up-1 {
        margin-bottom: 5px !important
    }

    .ml-lg-and-up-1 {
        margin-left: 5px !important
    }

    .pa-lg-and-up-1 {
        padding: 5px !important
    }

    .py-lg-and-up-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-lg-and-up-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-lg-and-up-1 {
        padding-top: 5px !important
    }

    .pr-lg-and-up-1 {
        padding-right: 5px !important
    }

    .pb-lg-and-up-1 {
        padding-bottom: 5px !important
    }

    .pl-lg-and-up-1 {
        padding-left: 5px !important
    }

    .ma-lg-and-up-2 {
        margin: 10px !important
    }

    .my-lg-and-up-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-lg-and-up-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-lg-and-up-2 {
        margin-top: 10px !important
    }

    .mr-lg-and-up-2 {
        margin-right: 10px !important
    }

    .mb-lg-and-up-2 {
        margin-bottom: 10px !important
    }

    .ml-lg-and-up-2 {
        margin-left: 10px !important
    }

    .pa-lg-and-up-2 {
        padding: 10px !important
    }

    .py-lg-and-up-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-lg-and-up-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-lg-and-up-2 {
        padding-top: 10px !important
    }

    .pr-lg-and-up-2 {
        padding-right: 10px !important
    }

    .pb-lg-and-up-2 {
        padding-bottom: 10px !important
    }

    .pl-lg-and-up-2 {
        padding-left: 10px !important
    }

    .ma-lg-and-up-3 {
        margin: 20px !important
    }

    .my-lg-and-up-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-lg-and-up-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-lg-and-up-3 {
        margin-top: 20px !important
    }

    .mr-lg-and-up-3 {
        margin-right: 20px !important
    }

    .mb-lg-and-up-3 {
        margin-bottom: 20px !important
    }

    .ml-lg-and-up-3 {
        margin-left: 20px !important
    }

    .pa-lg-and-up-3 {
        padding: 20px !important
    }

    .py-lg-and-up-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-lg-and-up-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-lg-and-up-3 {
        padding-top: 20px !important
    }

    .pr-lg-and-up-3 {
        padding-right: 20px !important
    }

    .pb-lg-and-up-3 {
        padding-bottom: 20px !important
    }

    .pl-lg-and-up-3 {
        padding-left: 20px !important
    }

    .ma-lg-and-up-4 {
        margin: 30px !important
    }

    .my-lg-and-up-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-lg-and-up-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-lg-and-up-4 {
        margin-top: 30px !important
    }

    .mr-lg-and-up-4 {
        margin-right: 30px !important
    }

    .mb-lg-and-up-4 {
        margin-bottom: 30px !important
    }

    .ml-lg-and-up-4 {
        margin-left: 30px !important
    }

    .pa-lg-and-up-4 {
        padding: 30px !important
    }

    .py-lg-and-up-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-lg-and-up-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-lg-and-up-4 {
        padding-top: 30px !important
    }

    .pr-lg-and-up-4 {
        padding-right: 30px !important
    }

    .pb-lg-and-up-4 {
        padding-bottom: 30px !important
    }

    .pl-lg-and-up-4 {
        padding-left: 30px !important
    }

    .ma-lg-and-up-5 {
        margin: 40px !important
    }

    .my-lg-and-up-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-lg-and-up-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-lg-and-up-5 {
        margin-top: 40px !important
    }

    .mr-lg-and-up-5 {
        margin-right: 40px !important
    }

    .mb-lg-and-up-5 {
        margin-bottom: 40px !important
    }

    .ml-lg-and-up-5 {
        margin-left: 40px !important
    }

    .pa-lg-and-up-5 {
        padding: 40px !important
    }

    .py-lg-and-up-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-lg-and-up-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-lg-and-up-5 {
        padding-top: 40px !important
    }

    .pr-lg-and-up-5 {
        padding-right: 40px !important
    }

    .pb-lg-and-up-5 {
        padding-bottom: 40px !important
    }

    .pl-lg-and-up-5 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:1344px) {
    .ma-xl-only-0 {
        margin: 0 !important
    }

    .my-xl-only-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mx-xl-only-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mt-xl-only-0 {
        margin-top: 0 !important
    }

    .mr-xl-only-0 {
        margin-right: 0 !important
    }

    .mb-xl-only-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-only-0 {
        margin-left: 0 !important
    }

    .pa-xl-only-0 {
        padding: 0 !important
    }

    .py-xl-only-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .px-xl-only-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pt-xl-only-0 {
        padding-top: 0 !important
    }

    .pr-xl-only-0 {
        padding-right: 0 !important
    }

    .pb-xl-only-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-only-0 {
        padding-left: 0 !important
    }

    .ma-xl-only-1 {
        margin: 5px !important
    }

    .my-xl-only-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .mx-xl-only-1 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .mt-xl-only-1 {
        margin-top: 5px !important
    }

    .mr-xl-only-1 {
        margin-right: 5px !important
    }

    .mb-xl-only-1 {
        margin-bottom: 5px !important
    }

    .ml-xl-only-1 {
        margin-left: 5px !important
    }

    .pa-xl-only-1 {
        padding: 5px !important
    }

    .py-xl-only-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .px-xl-only-1 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .pt-xl-only-1 {
        padding-top: 5px !important
    }

    .pr-xl-only-1 {
        padding-right: 5px !important
    }

    .pb-xl-only-1 {
        padding-bottom: 5px !important
    }

    .pl-xl-only-1 {
        padding-left: 5px !important
    }

    .ma-xl-only-2 {
        margin: 10px !important
    }

    .my-xl-only-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .mx-xl-only-2 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .mt-xl-only-2 {
        margin-top: 10px !important
    }

    .mr-xl-only-2 {
        margin-right: 10px !important
    }

    .mb-xl-only-2 {
        margin-bottom: 10px !important
    }

    .ml-xl-only-2 {
        margin-left: 10px !important
    }

    .pa-xl-only-2 {
        padding: 10px !important
    }

    .py-xl-only-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .px-xl-only-2 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pt-xl-only-2 {
        padding-top: 10px !important
    }

    .pr-xl-only-2 {
        padding-right: 10px !important
    }

    .pb-xl-only-2 {
        padding-bottom: 10px !important
    }

    .pl-xl-only-2 {
        padding-left: 10px !important
    }

    .ma-xl-only-3 {
        margin: 20px !important
    }

    .my-xl-only-3 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .mx-xl-only-3 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mt-xl-only-3 {
        margin-top: 20px !important
    }

    .mr-xl-only-3 {
        margin-right: 20px !important
    }

    .mb-xl-only-3 {
        margin-bottom: 20px !important
    }

    .ml-xl-only-3 {
        margin-left: 20px !important
    }

    .pa-xl-only-3 {
        padding: 20px !important
    }

    .py-xl-only-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .px-xl-only-3 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pt-xl-only-3 {
        padding-top: 20px !important
    }

    .pr-xl-only-3 {
        padding-right: 20px !important
    }

    .pb-xl-only-3 {
        padding-bottom: 20px !important
    }

    .pl-xl-only-3 {
        padding-left: 20px !important
    }

    .ma-xl-only-4 {
        margin: 30px !important
    }

    .my-xl-only-4 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .mx-xl-only-4 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .mt-xl-only-4 {
        margin-top: 30px !important
    }

    .mr-xl-only-4 {
        margin-right: 30px !important
    }

    .mb-xl-only-4 {
        margin-bottom: 30px !important
    }

    .ml-xl-only-4 {
        margin-left: 30px !important
    }

    .pa-xl-only-4 {
        padding: 30px !important
    }

    .py-xl-only-4 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .px-xl-only-4 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pt-xl-only-4 {
        padding-top: 30px !important
    }

    .pr-xl-only-4 {
        padding-right: 30px !important
    }

    .pb-xl-only-4 {
        padding-bottom: 30px !important
    }

    .pl-xl-only-4 {
        padding-left: 30px !important
    }

    .ma-xl-only-5 {
        margin: 40px !important
    }

    .my-xl-only-5 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .mx-xl-only-5 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mt-xl-only-5 {
        margin-top: 40px !important
    }

    .mr-xl-only-5 {
        margin-right: 40px !important
    }

    .mb-xl-only-5 {
        margin-bottom: 40px !important
    }

    .ml-xl-only-5 {
        margin-left: 40px !important
    }

    .pa-xl-only-5 {
        padding: 40px !important
    }

    .py-xl-only-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .px-xl-only-5 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .pt-xl-only-5 {
        padding-top: 40px !important
    }

    .pr-xl-only-5 {
        padding-right: 40px !important
    }

    .pb-xl-only-5 {
        padding-bottom: 40px !important
    }

    .pl-xl-only-5 {
        padding-left: 40px !important
    }
}

.white-text {
    color: #fff !important;
    caret-color: #fff !important;
    text-shadow: none
}

@media (min-width:0) {
    .text-xs-left {
        text-align: left !important
    }

    .text-xs-center {
        text-align: center !important
    }

    .text-xs-right {
        text-align: right !important
    }

    .text-xs-justify {
        text-align: justify !important
    }
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-justify {
        text-align: justify !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-center {
        text-align: center !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-justify {
        text-align: justify !important
    }
}

@media (min-width:1024px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-justify {
        text-align: justify !important
    }
}

@media (min-width:1344px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-justify {
        text-align: justify !important
    }
}

.font-weight-thin {
    font-weight: 100 !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-regular {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-black {
    font-weight: 900 !important
}

.font-italic {
    font-style: italic !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-none {
    text-transform: none !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-no-wrap,
.text-truncate {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.1 !important
}

html.modal-open {
    overflow: hidden;
    height: 100%
}

.modals {
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(6px);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1050;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    top: 0;
    min-height: 100%
}

.modals:focus {
    outline: none
}

.modals__wrap {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: absolute;
    height: 100vh;
    width: 100vw
}

.modals__wrap .simplebar-content {
    height: 100%;
    position: relative
}

.modals__wrap .simplebar-scrollbar {
    width: 4px
}

.simplebar-track.simplebar-horizontal .modals__wrap .simplebar-scrollbar {
    height: 4px
}

.modals__wrap .simplebar-scrollbar:before {
    border-radius: 100px;
    background: hsla(0, 0%, 100%, .5)
}

.modal {
    margin: 0 auto;
    padding: 55px 0 30px;
    width: 100%;
    max-width: 85%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    will-change: transform;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%
}

.modal.disabled {
    opacity: .2;
    max-height: 100%;
    overflow: hidden
}

.modal.disabled:after {
    background: transparent;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.modal-enter,
.modal-leave-active {
    opacity: 0
}

.modal-enter .modal,
.modal-leave-active .modal {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-30px) scale(.95);
    transform: translateX(-50%) translateY(-30px) scale(.95)
}

.modal-open .application_wrap {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='6'/></filter></svg>#blur");
    -webkit-filter: blur(6px)
}

.modal-card {
    background: #16171b;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    border-radius: 6px;
    padding: 40px;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.modal-card .title {
    font-weight: 900;
    font-size: 32px;
    line-height: 38px;
    color: #fff
}

.modal-card .divider {
    margin: 30px 0;
    border-color: hsla(0, 0%, 100%, .2)
}

.modal-card .modal__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    color: #007bff;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    width: 37px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-card .modal__close:hover:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal-card .modal__close:after,
.modal-card .modal__close:before {
    content: "";
    border-radius: 50%;
    position: absolute
}

.modal-card .modal__close:after {
    z-index: -2;
    background-image: -webkit-gradient(linear, left top, right top, from(#007bff), to(#41434a));
    background-image: linear-gradient(90deg, #007bff 0, #41434a);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.modal-card .modal__close:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #16171b;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .modal-card .modal__close {
        width: 29px;
        height: 29px;
        top: 10px;
        right: 10px
    }

    .modal-card .modal__close .modal__close-icon {
        width: 13px;
        height: 13px
    }
}

@media only screen and (max-width:767px) {
    .modal-card {
        padding: 20px
    }

    .modal-card .divider {
        margin: 20px 0
    }
}

@media only screen and (max-width:575px) {
    .modal-card {
        padding: 16px
    }

    .modal-card .divider {
        margin: 16px 0
    }

    .modal-card .title {
        font-size: 26px
    }
}

.modal-title {
    font-size: 30px;
    color: #007bff;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .modal-title {
        font-size: 22px;
        line-height: 45px
    }
}

@media only screen and (max-width:575px) {
    .modal-title {
        font-size: 18px
    }
}

.app-snack {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 8px;
    pointer-events: none;
    position: fixed;
    right: 8px;
    text-align: left;
    z-index: 1000;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.app-snack_absolute {
    position: absolute
}

.app-snack_top {
    top: 8px
}

.app-snack_bottom {
    bottom: 8px
}

.app-snack__wrapper {
    background-color: #41434a;
    margin: 0 auto;
    max-width: 672px;
    min-width: 344px;
    pointer-events: auto;
    border-radius: 7px
}

.app-snack__content,
.app-snack__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-snack__content {
    min-height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px 16px;
    width: 100%
}

.app-snack_multi-line .app-snack__content {
    height: auto;
    min-height: 68px
}

.app-snack_vertical .app-snack__content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 16px 16px 8px
}

@media only screen and (min-width:576px) {
    .app-snack_left .app-snack__wrapper {
        margin-left: 0
    }

    .app-snack_right .app-snack__wrapper {
        margin-right: 0
    }
}

.app-snack-transition-enter {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.app-snack-transition-enter,
.app-snack-transition-leave-to {
    opacity: 0
}

.app-skeleton {
    display: inline-block;
    vertical-align: middle;
    background-color: #1a1b1f;
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.app-skeleton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 300%;
    background-image: linear-gradient(-75deg, #1f2025 5%, #282930, #1f2025 95%);
    -webkit-animation: backgroundWaves 1.25s ease-in-out infinite alternate;
    animation: backgroundWaves 1.25s ease-in-out infinite alternate;
    content: ""
}

.app-skeleton_round {
    border-radius: 50%
}

.app-skeleton_edgy {
    border-radius: 0
}

@-webkit-keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes backgroundWaves {
    0% {
        background-position: 0 50%;
        background-position: 200% 50%
    }

    to {
        background-position: 300% 50%
    }
}

@keyframes backgroundWaves {
    0% {
        background-position: 0 50%;
        background-position: 200% 50%
    }

    to {
        background-position: 300% 50%
    }
}

.skeleton-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit
}

.skeleton-block {
    position: relative;
    z-index: 1
}

.skeleton-block__mask {
    z-index: -1
}

.progress-circular {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #007bff;
    text-shadow: 0 0 14px rgba(232, 3, 26, .5);
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out
}

.progress-circular * {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.progress-circular svg {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.progress-circular_indeterminate svg {
    -webkit-animation: progress-circular-rotate 1.4s linear infinite;
    animation: progress-circular-rotate 1.4s linear infinite;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.progress-circular_indeterminate .progress-circular__overlay {
    -webkit-animation: progress-circular-dash 1.4s ease-in-out infinite;
    animation: progress-circular-dash 1.4s ease-in-out infinite;
    stroke-linecap: round;
    stroke-dasharray: 80, 200;
    stroke-dashoffset: 0
}

.progress-circular__glow,
.progress-circular__overlay,
.progress-circular__underlay {
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
    -webkit-transition-property: stroke, fill, stroke-dashoffset, -webkit-transform;
    transition-property: stroke, fill, stroke-dashoffset, -webkit-transform;
    transition-property: transform, stroke, fill, stroke-dashoffset;
    transition-property: transform, stroke, fill, stroke-dashoffset, -webkit-transform;
    will-change: transform, stroke, fill, stroke-dashoffset
}

.progress-circular__underlay {
    fill: transparent;
    stroke: rgba(13, 14, 18, .3);
    z-index: 1
}

.progress-circular__overlay {
    fill: transparent;
    stroke: currentColor;
    z-index: 2
}

.progress-circular__glow {
    fill: currentColor;
    stroke: currentColor
}

.progress-circular__info {
    -webkit-transition-property: text-shadow, color;
    transition-property: text-shadow, color;
    will-change: text-shadow, color
}

@-webkit-keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px
    }
}

@keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px
    }
}

@-webkit-keyframes progress-circular-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes progress-circular-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.app-btn {
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 42px;
    min-width: 40px;
    font-weight: 400;
    font-size: 14px;
    border: 2px solid transparent;
    border-radius: 4px;
    margin: 0;
    padding: 0 10px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-transition-property: color, background-color, border-color, -webkit-box-shadow;
    transition-property: color, background-color, border-color, -webkit-box-shadow;
    transition-property: color, background-color, border-color, box-shadow;
    transition-property: color, background-color, border-color, box-shadow, -webkit-box-shadow;
}

.app-btn,
.app-btn__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

.app-btn__content {
    -ms-flex-align: center;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    border-radius: inherit;
    height: 100%;
    z-index: 3
}

.app-btn__content svg {
    height: 20px;
}

.app-btn__loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 4
}

.app-btn:hover {
    text-decoration: none
}

.app-btn:active {
    outline: none
}

.app-btn:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    background: transparent;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    pointer-events: none
}

.app-btn_rounded {
    border-radius: 100px
}

.app-btn_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 100% !important;
    max-width: 100%
}

.app-btn.is-loading {
    pointer-events: none;
    -webkit-transition: none;
    transition: none
}

.app-btn.is-loading .app-btn__content {
    display: none
}

.app-btn.is-disabled {
    cursor: not-allowed
}

.app-btn_theme_first {
    color: #fff!important;
    background-color: #41434a;
    border-color: #41434a
}

.app-btn_theme_first:hover {
    color: #fff;
    background-color: #0654a7;
    border-color: #0654a7;
}

.app-btn_theme_first.active,
.app-btn_theme_first:active {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.app-btn_theme_first.is-disabled,
.app-btn_theme_first.is-disabled:active,
.app-btn_theme_first.is-disabled:hover {
    color: grey;
    background-color: #1d1e21;
    border-color: #1d1e21;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-btn_theme_second {
    color: #fff;
    background-color: #0d0e12;
    border-color: #0d0e12
}

.app-btn_theme_second:hover {
    color: #fff;
    background-color: #1a1b1f;
    border-color: #1a1b1f
}

.app-btn_theme_second.active,
.app-btn_theme_second:active {
    color: #fff;
    background-color: #41434a;
    border-color: #41434a
}

.app-btn_theme_second.is-disabled,
.app-btn_theme_second.is-disabled:active,
.app-btn_theme_second.is-disabled:hover {
    color: grey;
    background-color: #1d1e21;
    border-color: #1d1e21;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-btn_theme_third,
.app-btn_theme_third:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.app-btn_theme_third:hover {
    -webkit-box-shadow: 0 0 20px 0 #007bff;
    box-shadow: 0 0 20px 0 #007bff
}

.app-btn_theme_third.active,
.app-btn_theme_third:active {
    color: #fff;
    background-color: #007bff99;
    border-color: #007bff
}

.app-btn_theme_third.is-disabled,
.app-btn_theme_third.is-disabled:active,
.app-btn_theme_third.is-disabled:hover {
    color: grey;
    background-color: #1d1e21;
    border-color: #1d1e21;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-btn_theme_fourth {
    color: #fff;
    background-color: rgba(210, 0, 60, .4);
    border-color: #d2003c
}

.app-btn_theme_fourth:hover {
    color: #fff;
    background-color: #d2003c;
    border-color: #d2003c
}

.app-btn_theme_fourth.active,
.app-btn_theme_fourth:active {
    color: #fff;
    background-color: rgba(210, 0, 60, .8);
    border-color: #d2003c
}

.app-btn_theme_fourth.is-disabled,
.app-btn_theme_fourth.is-disabled:active,
.app-btn_theme_fourth.is-disabled:hover {
    color: grey;
    background-color: #1d1e21;
    border-color: #1d1e21;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-btn_theme_cold {
    color: #fff;
    background-color: #13a0b9;
    border-color: #13a0b9
}

.app-btn_theme_cold:hover {
    color: #fff;
    background-color: #118ca2;
    border-color: #13a0b9
}

.app-btn_theme_cold.active,
.app-btn_theme_cold:active {
    color: #fff;
    background-color: #0e788b;
    border-color: #13a0b9
}

.app-btn_theme_cold.is-disabled,
.app-btn_theme_cold.is-disabled:active,
.app-btn_theme_cold.is-disabled:hover {
    color: grey;
    background-color: #1d1e21;
    border-color: #1d1e21;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-btn_size_standart {
    font-size: 16px;
    padding: 0 16px
}

.app-btn_size_big {
    font-size: 17px;
    height: 54px;
    padding: 0 20px
}

.app-menu {
    display: block;
    vertical-align: middle
}

.app-menu--inline {
    display: inline-block
}

.app-menu__activator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.app-menu__content {
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    max-width: 80%;
    will-change: transform
}

.app-menu__content--active {
    pointer-events: none
}

.app-menu__content--auto .v-list-item {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.25, .8, .25, 1);
    transition-timing-function: cubic-bezier(.25, .8, .25, 1)
}

.app-menu__content--fixed {
    position: fixed
}

.app-menu__content>.card {
    contain: content;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.app-menu>.app-menu__content {
    max-width: none
}

.app-menu-transition-enter .v-list-item {
    min-width: 0;
    pointer-events: none
}

.app-menu-transition-enter-to .v-list-item {
    pointer-events: auto;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.app-menu-transition-leave-active,
.app-menu-transition-leave-to {
    pointer-events: none
}

.app-menu-transition-enter,
.app-menu-transition-leave-to {
    opacity: 0
}

.app-menu-transition-enter-active,
.app-menu-transition-leave-active {
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.app-menu .app-menu-transition-enter.app-menu__content--auto {
    -webkit-transition: none !important;
    transition: none !important
}

.app-menu .app-menu-transition-enter .v-list-item {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.app-menu .app-menu-transition-enter .v-list-item--active {
    opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto
}

.app-menu__arrow {
    padding: 10px
}

.app-menu__arrow--bottom .popover:before,
.app-menu__arrow--left .popover:before,
.app-menu__arrow--right .popover:before,
.app-menu__arrow--top .popover:before {
    display: block
}

.app-menu__arrow--bottom .popover:before {
    left: 50%;
    margin-left: -10px;
    top: 0
}

.app-menu__arrow--left .popover:before {
    top: 50%;
    margin-top: -10px;
    right: 0
}

.app-menu__arrow--top .popover:before {
    left: 50%;
    margin-left: -10px;
    bottom: 0
}

.app-menu__arrow--right .popover:before {
    top: 50%;
    margin-top: -10px;
    left: 0
}

.app-input {
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 55px;
    font-size: 14px;
    font-weight: 400;
    border: 2px solid;
    border-radius: 5px;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-transition-property: border-color, background-color;
    transition-property: border-color, background-color
}

.app-input input {
    outline: none
}

.app-input__icon-container {
    padding-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.app-input.is-disabled {
    opacity: .4;
    cursor: default
}

.app-input_theme_first {
    color: #fff;
    background-color: #16171b;
    border-color: #41434a
}

.app-input_theme_first input::-webkit-input-placeholder,
.app-input_theme_first textarea::-webkit-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_first input:-moz-placeholder,
.app-input_theme_first input::-moz-placeholder,
.app-input_theme_first textarea:-moz-placeholder,
.app-input_theme_first textarea::-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_first input:-ms-input-placeholder,
.app-input_theme_first textarea:-ms-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_first .app-input__icon {
    color: #007bff
}

.app-input_theme_first:hover {
    color: #fff;
    background-color: #16171b;
    border-color: #999
}

.app-input_theme_first:hover input::-webkit-input-placeholder,
.app-input_theme_first:hover textarea::-webkit-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_first:hover input:-moz-placeholder,
.app-input_theme_first:hover input::-moz-placeholder,
.app-input_theme_first:hover textarea:-moz-placeholder,
.app-input_theme_first:hover textarea::-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_first:hover input:-ms-input-placeholder,
.app-input_theme_first:hover textarea:-ms-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_first:focus-within {
    color: #fff;
    background-color: #16171b;
    border-color: #fff
}

.app-input_theme_first:focus-within input::-webkit-input-placeholder,
.app-input_theme_first:focus-within textarea::-webkit-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_first:focus-within input:-moz-placeholder,
.app-input_theme_first:focus-within textarea:-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_first:focus-within input::-moz-placeholder,
.app-input_theme_first:focus-within textarea::-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_first:focus-within input:-ms-input-placeholder,
.app-input_theme_first:focus-within textarea:-ms-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_first.is-invalid {
    color: #f94f28;
    background-color: #462d28;
    border-color: #f94f28
}

.app-input_theme_first.is-invalid input::-webkit-input-placeholder,
.app-input_theme_first.is-invalid textarea::-webkit-input-placeholder {
    color: #f94f28
}

.app-input_theme_first.is-invalid input:-moz-placeholder,
.app-input_theme_first.is-invalid input::-moz-placeholder,
.app-input_theme_first.is-invalid textarea:-moz-placeholder,
.app-input_theme_first.is-invalid textarea::-moz-placeholder {
    color: #f94f28
}

.app-input_theme_first.is-invalid input:-ms-input-placeholder,
.app-input_theme_first.is-invalid textarea:-ms-input-placeholder {
    color: #f94f28
}

.app-input_theme_second {
    color: #fff;
    background-color: #1a1b1f;
    border-color: #41434a
}

.app-input_theme_second input::-webkit-input-placeholder,
.app-input_theme_second textarea::-webkit-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_second input:-moz-placeholder,
.app-input_theme_second input::-moz-placeholder,
.app-input_theme_second textarea:-moz-placeholder,
.app-input_theme_second textarea::-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_second input:-ms-input-placeholder,
.app-input_theme_second textarea:-ms-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_second .app-input__icon {
    color: #007bff
}

.app-input_theme_second:hover {
    color: #fff;
    background-color: #1a1b1f;
    border-color: #999
}

.app-input_theme_second:hover input::-webkit-input-placeholder,
.app-input_theme_second:hover textarea::-webkit-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_second:hover input:-moz-placeholder,
.app-input_theme_second:hover input::-moz-placeholder,
.app-input_theme_second:hover textarea:-moz-placeholder,
.app-input_theme_second:hover textarea::-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_second:hover input:-ms-input-placeholder,
.app-input_theme_second:hover textarea:-ms-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_second:focus-within {
    color: #fff;
    background-color: #1a1b1f;
    border-color: #fff
}

.app-input_theme_second:focus-within input::-webkit-input-placeholder,
.app-input_theme_second:focus-within textarea::-webkit-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_second:focus-within input:-moz-placeholder,
.app-input_theme_second:focus-within textarea:-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_second:focus-within input::-moz-placeholder,
.app-input_theme_second:focus-within textarea::-moz-placeholder {
    color: #9b9ea8
}

.app-input_theme_second:focus-within input:-ms-input-placeholder,
.app-input_theme_second:focus-within textarea:-ms-input-placeholder {
    color: #9b9ea8
}

.app-input_theme_second.is-invalid {
    color: #f94f28;
    background-color: #462d28;
    border-color: #f94f28
}

.app-input_theme_second.is-invalid input::-webkit-input-placeholder,
.app-input_theme_second.is-invalid textarea::-webkit-input-placeholder {
    color: #f94f28
}

.app-input_theme_second.is-invalid input:-moz-placeholder,
.app-input_theme_second.is-invalid input::-moz-placeholder,
.app-input_theme_second.is-invalid textarea:-moz-placeholder,
.app-input_theme_second.is-invalid textarea::-moz-placeholder {
    color: #f94f28
}

.app-input_theme_second.is-invalid input:-ms-input-placeholder,
.app-input_theme_second.is-invalid textarea:-ms-input-placeholder {
    color: #f94f28
}

.app-input_size_standart {
    font-size: 15px;
    padding: 5px 12px
}

.app-input_size_large {
    font-size: 14px;
    height: 50px;
    padding: 0 15px
}

.app-select-chevron {
    width: 18px;
    height: 8px;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.app-select-chevron:after,
.app-select-chevron:before {
    content: "";
    height: 2px;
    width: calc(50% + 2px);
    background-color: currentColor;
    display: block;
    position: absolute;
    top: 100%;
    -webkit-transition: .4s;
    transition: .4s
}

.app-select-chevron:before {
    left: -2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.app-select-chevron:after {
    right: -1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.app-select.is-opened .app-select-chevron {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.app-select.is-opened .app-select-chevron:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.app-select.is-opened .app-select-chevron:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.app-select-option {
    min-height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 3px 10px;
    font-weight: 400;
    text-transform: none;
    position: relative
}

.app-select-option.is-selected {
    background-color: #007bff99
}

.app-select-option.is-hover,
.app-select-option:hover {
    background-color: #41434a
}

.app-select-dropdown {
    position: relative;
    background-color: #16171b;
    overflow: hidden
}

.app-select-dropdown__empty {
    text-align: center;
    line-height: 36px
}

.app-select-dropdown__options {
    font-size: 14px;
    overflow: hidden;
    padding: 5px 0;
    border-radius: inherit;
    position: relative
}

.app-select-dropdown__scroll-area {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    position: relative;
    border-radius: inherit;
    scrollbar-width: thin
}

.app-select-dropdown__scroll-area::-webkit-scrollbar {
    width: 8px
}

.app-select-dropdown__scroll-area::-webkit-scrollbar-thumb {
    background: #007bff99
}

.app-select-dropdown__scroll-area::-webkit-scrollbar-thumb:hover {
    background: #df0e22
}

.app-select {
    position: relative;
    z-index: 4;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-select__input {
    width: 100px;
    height: 100%;
    min-height: inherit;
    text-overflow: ellipsis
}

.app-select__input,
.app-select__slot {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: inherit
}

.app-select__slot {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-select__toggle {
    pointer-events: none;
    display: block
}

.app-select__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-select__clear {
    margin-right: 10px;
    color: #fff;
    font-size: 0;
    position: relative;
    z-index: 1
}

.app-select.opened {
    z-index: 5;
    -webkit-transition: z-index 0;
    transition: z-index 0
}

.app-select_hidden-input .app-select__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    width: 0;
    min-height: 0
}

.app-select_theme_first .app-select-chevron {
    color: #fff
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.app-text-field {
    cursor: text
}

.app-text-field__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    height: 100%;
    cursor: inherit;
    min-height: inherit
}

.app-text-field__input[type=number]::-webkit-inner-spin-button,
.app-text-field__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.app-text-field textarea.app-text-field__input {
    height: auto;
    outline: none;
    width: 100%;
    resize: none
}

.app-text-field__length {
    width: 100%;
    font-size: 13px
}

.app-text-field_textarea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 12px
}

.app-text-field.is-disabled {
    cursor: default
}

.v-menu {
    display: block;
    vertical-align: middle
}

.v-menu--inline {
    display: inline-block
}

.v-menu__activator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.v-menu__activator * {
    cursor: pointer
}

.v-menu__content {
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    max-width: 80%;
    will-change: transform
}

.v-menu__content--active {
    pointer-events: none
}

.v-menu__content--auto .v-list-item {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.25, .8, .25, 1);
    transition-timing-function: cubic-bezier(.25, .8, .25, 1)
}

.v-menu__content--fixed {
    position: fixed
}

.v-menu__content>.card {
    contain: content;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.v-menu>.v-menu__content {
    max-width: none
}

.v-menu-transition-enter .v-list-item {
    min-width: 0;
    pointer-events: none
}

.v-menu-transition-enter-to .v-list-item {
    pointer-events: auto;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.v-menu-transition-leave-active,
.v-menu-transition-leave-to {
    pointer-events: none
}

.v-menu-transition-enter,
.v-menu-transition-leave-to {
    opacity: 0
}

.v-menu-transition-enter-active,
.v-menu-transition-leave-active {
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.v-menu .v-menu-transition-enter.v-menu__content--auto {
    -webkit-transition: none !important;
    transition: none !important
}

.v-menu .v-menu-transition-enter .v-list-item {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.v-menu .v-menu-transition-enter .v-list-item--active {
    opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto
}

.v-menu__arrow--bottom .popover:before,
.v-menu__arrow--left .popover:before,
.v-menu__arrow--right .popover:before,
.v-menu__arrow--top .popover:before {
    display: block
}

.v-menu__arrow--bottom .popover:before {
    left: 50%;
    margin-left: -10px;
    top: -10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.v-menu__arrow--left .popover:before {
    top: 50%;
    margin-top: -10px;
    right: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.v-menu__arrow--top .popover:before {
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.v-menu__arrow--right .popover:before {
    top: 50%;
    margin-top: -10px;
    left: -10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.tooltip__content {
    color: #fff;
    -webkit-filter: drop-shadow(0 14px 8px #0d0e12);
    filter: drop-shadow(0 14px 8px #0d0e12);
    background: rgba(65, 67, 74, .9);
    border-radius: 5px;
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    padding: 5px 16px;
    position: absolute;
    text-transform: none;
    width: auto;
    opacity: 1;
    pointer-events: none
}

.tooltip__content[class*=-active] {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.tooltip__content[class*=enter-active] {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.tooltip__content[class*=leave-active] {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms
}

.tooltip__content:before {
    display: none;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none
}

.tooltip__content.tooltip_bottom:before,
.tooltip__content.tooltip_left:before,
.tooltip__content.tooltip_right:before,
.tooltip__content.tooltip_top:before {
    display: block
}

.tooltip__content.tooltip_bottom:before,
.tooltip__content.tooltip_top:before {
    left: 50%;
    margin-left: -5px
}

.tooltip__content.tooltip_left:before,
.tooltip__content.tooltip_right:before {
    top: 50%;
    margin-top: -5px
}

.tooltip__content.tooltip_bottom:before {
    top: -5px;
    background: linear-gradient(135deg, #41434a 50%, rgba(65, 67, 74, 0) 0)
}

.tooltip__content.tooltip_left:before {
    right: -5px;
    background: linear-gradient(-135deg, #41434a 50%, rgba(65, 67, 74, 0) 0)
}

.tooltip__content.tooltip_top:before {
    bottom: -5px;
    background: linear-gradient(-45deg, #41434a 50%, rgba(65, 67, 74, 0) 0)
}

.tooltip__content.tooltip_right:before {
    left: -5px;
    background: linear-gradient(45deg, #41434a 50%, rgba(65, 67, 74, 0) 0)
}

.app-icon_primary {
    fill: var(--icon-primary-color, currentColor);
    opacity: 1;
    opacity: var(--icon-primary-opacity, 1)
}

.app-icon_secondary {
    fill: var(--icon-secondary-color, currentColor);
    opacity: .4;
    opacity: var(--icon-secondary-opacity, .4)
}

.card {
    border-radius: 5px;
    background: #16171b;
    color: #fff;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

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

.card__media {
    position: relative;
    border-radius: inherit;
    -webkit-box-shadow: 0 10px 16px 0 #0d0e12;
    box-shadow: 0 10px 16px 0 #0d0e12;
    -webkit-transition: .3s;
    transition: .3s
}

.card__media img {
    display: block;
    width: 100%;
    border-radius: inherit
}

.card__media_wrap {
    border-radius: inherit;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.card__content,
.card__media_wrap {
    padding: 20px
}

.card__actions {
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card__content {
    position: relative
}

.card__divider {
    height: 1px;
    margin: 0 20px;
    background: #1a1b1f;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.card__loading {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, calc(-50% - 40px));
    transform: translate(-50%, calc(-50% - 40px));
    position: absolute
}

.card__scroller {
    margin: -20px;
    width: calc(100% + 40px);
    overflow: auto;
    padding: 0;
    margin: 0 -20px;
    position: relative
}

.card__scroller:after,
.card__scroller:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 30px;
    top: 0;
    z-index: 1;
    border-radius: 5px
}

.card__scroller:after {
    background: -webkit-gradient(linear, right top, left top, from(#16171b), to(rgba(22, 23, 27, 0)));
    background: linear-gradient(270deg, #16171b 0, rgba(22, 23, 27, 0));
    right: 0
}

.card__scroller:before {
    background: -webkit-gradient(linear, left top, right top, from(#16171b), to(rgba(22, 23, 27, 0)));
    background: linear-gradient(90deg, #16171b 0, rgba(22, 23, 27, 0));
    left: 0
}

.card__scroller .simplebar-scrollbar:before {
    border-radius: 100px;
    -webkit-transition: opacity .2s !important;
    transition: opacity .2s !important;
    background: #007bff
}

.card__scroller:hover .simplebar-scrollbar:before {
    opacity: .8;
    background: #007bff
}

.card__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0;
    margin: 0 -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card__subtitle_extension,
.card__subtitle_text {
    position: relative;
    width: 100%;
    padding: 0 10px
}

.card__subtitle_text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    width: 100%;
    max-width: 100%
}

.card__subtitle_extension {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (max-width:1023px) {
    .card__subtitle_extension {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.card__media-image {
    background: rgba(22, 23, 27, .5) no-repeat 50%;
    background-size: cover;
    width: 100%;
    min-height: 100px;
    border-radius: inherit;
    -webkit-transition: .3s;
    transition: .3s
}

.card__media_wrap {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 23, 27, .8)), to(rgba(22, 23, 27, 0)));
    background: linear-gradient(0deg, rgba(22, 23, 27, .8) 0, rgba(22, 23, 27, 0))
}

.inner-card {
    background-color: #0d0e12;
    border-radius: 5px;
    padding: 20px 25px
}

@media(max-width:410px) {
    .inner-card {
        padding: 10px
    }
}

.group-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.group-card__title {
    font-size: 16px;
    color: #007bff;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 16px
}

.gradient-card {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #1a1b1f
}

.gradient-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

.gradient-card_main:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#007bff), to(transparent));
    background: linear-gradient(0deg, #007bff 0, transparent)
}

.gradient-card_second:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#1a1b1f), to(#007bff));
    background: linear-gradient(180deg, #1a1b1f 0, #007bff)
}

.app-loading {
    font-size: 0;
    -webkit-filter: drop-shadow(0 0 6px #000);
    filter: drop-shadow(0 0 6px #000)
}

.app-loading_center,
.app-loading_top-right {
    position: absolute;
    z-index: 5
}

.app-loading_top-right {
    right: -15px;
    top: 0
}

.app-loading_center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading-blast-leave-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.loading-blast-leave-to .app-loading__loading {
    opacity: 0;
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.app-loading-block {
    position: relative;
    height: 300px;
    width: 100%;
    pointer-events: none
}

.app-loading-block_absolute {
    position: absolute;
    top: 0;
    left: 0
}

.items-not-found {
    font-size: 21px;
    font-weight: 500;
    text-align: center
}

.outer-block {
    border-radius: 5px;
    background-color: #16171b
}

.outer-block_paddings {
    padding: 20px
}

@media only screen and (max-width:767px) {
    .outer-block_paddings {
        padding: 15px
    }
}

.app-hint {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: help;
    border-radius: 50%;
    background-color: #41434a;
    width: 20px;
    height: 20px;
    font-weight: 400;
    font-size: 16px
}

.modal.app-alert-modal {
    width: 450px
}

.alert-modal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.alert-modal__text {
    font-size: 15px;
    text-align: center;
    margin: 0 auto 30px
}

@media(max-width:480px) {
    .alert-modal__text {
        font-size: 14px
    }
}

.alert-modal__btn {
    font-size: 16px;
    height: 40px;
    width: 185px;
    font-size: 15px;
    margin: auto auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.alert-modal:first-child {
    margin-right: 40px
}

.alert-modal_large {
    width: 800px
}

.alert-modal_large .alert-modal__text {
    max-width: 600px
}

@media(max-width:480px) {
    .alert-modal {
        padding: 40px 15px 35px
    }
}

.app-header {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 8;
    background: #1a1b1f
}

.app-header_fixed {
    position: fixed;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.app-footer {
    position: unset;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    z-index: 8;
    background: #1a1b1f
}

.nav-drawer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-drawer .simplebar-scrollbar {
    width: 4px
}

.simplebar-track.simplebar-horizontal .nav-drawer .simplebar-scrollbar {
    height: 4px
}

.nav-drawer .simplebar-scrollbar:before {
    border-radius: 100px;
    background: hsla(0, 0%, 100%, .5)
}

.nav-drawer__box,
.nav-drawer__menu,
.nav-drawer__overlay {
    height: 100%;
    pointer-events: none
}

.nav-drawer__menu--is-open,
.nav-drawer__overlay--is-open {
    pointer-events: auto;
    -ms-touch-action: none;
    touch-action: none
}

.nav-drawer__box {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999
}

.nav-drawer__overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(26, 27, 31, .7);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    will-change: opacity;
    z-index: 1000;
    opacity: 0;
    visibility: hidden
}

.nav-drawer__overlay--is-open {
    opacity: 1;
    visibility: visible
}

.nav-drawer__menu {
    position: absolute;
    top: 0;
    z-index: 1001;
    background: #1a1b1f;
    color: #fff;
    width: 300px;
    -webkit-transition: transform .3s;
    transition: transform .3s;
    will-change: transform;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.nav-drawer__menu--left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.nav-drawer__menu--right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.nav-drawer__menu--is-open {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.nav-drawer__content {
    padding: 12px 24px;
    overflow-y: auto
}

.nav-drawer__content_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -24px
}

.nav-drawer__content_wrap>* {
    padding: 12px 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.header-social {
    -webkit-transition: color .3s cubic-bezier(.25, .8, .5, 1);
    transition: color .3s cubic-bezier(.25, .8, .5, 1)
}

.header-social:hover {
    color: #fff;
    -webkit-filter: grayscale(0) drop-shadow(0 0 8px #007bff) drop-shadow(0 0 12px #007bff);
    filter: grayscale(0) drop-shadow(0 0 8px #007bff) drop-shadow(0 0 12px #007bff)
}

.header-social:active {
    color: #fff;
    -webkit-filter: grayscale(0) drop-shadow(0 0 8px #007bff) drop-shadow(0 0 12px #007bff) drop-shadow(0 0 20px #007bff);
    filter: grayscale(0) drop-shadow(0 0 8px #007bff) drop-shadow(0 0 12px #007bff) drop-shadow(0 0 20px #007bff)
}

.steam-auth {
    height: 50px
}

.steam-auth svg {
    -webkit-filter: drop-shadow(0 8px 6px rgba(0, 0, 0, .7));
    filter: drop-shadow(0 8px 6px rgba(0, 0, 0, .7));
    margin-left: 15px
}

@media only screen and (max-width:767px) {
    .steam-auth {
        height: 40px
    }

    .steam-auth svg {
        margin-left: 12px
    }
}

.user-avatar {
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#007bff99), to(#007bff));
    background: linear-gradient(180deg, #007bff99 0, #007bff);
    position: relative;
    padding: 3px;
    display: block
}

.user-avatar__wrap {
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
    background-color: #1a1b1f
}

.user-avatar img {
    width: 100%;
    height: 100%;
    display: block
}

.auth-widget__btns {
    margin-left: auto
}

.auth-widget_in-drawer .auth-widget__btns {
    margin-right: auto
}

.auth-widget__body {
    border-radius: 5px;
    background-color: #0d0e12;
    margin-left: auto
}

.auth-widget__welcome {
    font-size: 13px;
    line-height: 1.47
}

.auth-widget__nickname {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #007bff
}

.auth-widget__btn {
    margin: 0 3px;
    padding: 10px 0 !important
}

.auth-widget__avatar {
    padding: 3px !important
}

.auth-widget_in-drawer .auth-widget__avatar {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.auth-manager {
    min-height: 83px;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
}

.auth-manager-1 {
    min-height: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
}

.auth-manager__social {
    margin-right: 15px
}

.auth-manager .auth-widget {
    width: auto;
    margin: 0
}

.auth-manager_in-drawer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.auth-manager_in-drawer .auth-widget {
    margin: 0 auto;
    width: 100%
}

.auth-manager_in-drawer .auth-manager__btn {
    width: 100%
}

@media only screen and (max-width:1343px) {
    .auth-manager {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 41.66666%;
        flex-basis: 41.66666%;
        max-width: 41.66666%
    }

    .auth-manager_in-drawer {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.app-logo {
    text-align: center;
    position: relative;
    width: 154px;
    height: 154px
}

.app-logo__link {
    width: 75%;
    height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.app-logo img {
    margin: 20px auto 0;
    display: block;
    width: 85%;
    height: 85%;
    -webkit-filter: drop-shadow(0 14px 14px #000);
    filter: drop-shadow(0 14px 14px #000)
}

.header-nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 18px;
    margin: 0 5px;
    color: #fff;
    height: 100%;
    -webkit-transition: color .2s;
    transition: color .2s
}

.header-nav-item__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.header-nav-item.header-nav-shop {
    color: #0d0e12
}

.header-nav-item.header-nav-shop .header-nav-item__bg-wrap:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, hsla(0, 0%, 100%, .25)), color-stop(30%, transparent));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .25) 30%, transparent 0);
    -webkit-transform: translateX(-40%) skew(40deg);
    transform: translateX(-40%) skew(40deg);
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    pointer-events: none;
    z-index: 5
}

.header-nav-item.header-nav-shop:hover .header-nav-item__bg-wrap:before {
    -webkit-transform: translateX(140%) skew(40deg);
    transform: translateX(140%) skew(40deg);
    opacity: 1
}

.header-nav-item__bg-wrap {
    position: relative;
    overflow: hidden;
    background: #16171b;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 14px 25px 0 #0d0e12;
    box-shadow: 0 14px 25px 0 #0d0e12;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-property: background-color, -webkit-box-shadow;
    transition-property: background-color, -webkit-box-shadow;
    transition-property: background-color, box-shadow;
    transition-property: background-color, box-shadow, -webkit-box-shadow;
    will-change: box-shadow
}

.header-nav-item__bg-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #1c5bed;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.header-nav-item_no-skew .header-nav-item__bg-wrap {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg)
}

.header-nav-shop .header-nav-item__bg-wrap {
    background: -webkit-gradient(linear, left top, right top, from(#7e643f), color-stop(26%, #e5bc78), color-stop(65%, #7e643f), to(#e5bc78));
    background: linear-gradient(90deg, #7e643f, #e5bc78 26%, #7e643f 65%, #e5bc78);
    -webkit-transition: none;
    transition: none
}

.header-nav-shop .header-nav-item__bg-wrap:after {
    display: none
}

.header-nav-item__bg {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.header-nav-shop .header-nav-item__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    width: auto;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-property: top, left, right, bottom;
    transition-property: top, left, right, bottom;
    will-change: top, left, right, bottom;
    background: -webkit-gradient(linear, left bottom, left top, from(#ac8b4a), color-stop(56%, #eac06c), color-stop(79%, #ac8b4a), to(#eac06c));
    background: linear-gradient(0deg, #ac8b4a, #eac06c 56%, #ac8b4a 79%, #eac06c)
}

.header-nav-item__content {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px;
    width: 100%;
    padding: 0 18px
}

.header-nav-item__content,
.header-nav-item__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header-nav-item__icon {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    margin: 0 -40px;
    color: #28292f;
    opacity: .5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity
}

.header-nav-item_no-skew .header-nav-item__icon {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg)
}

.header-nav-item_right .header-nav-item__bg-wrap {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.header-nav-item_no-skew .header-nav-item_right .header-nav-item__bg-wrap {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg)
}

.header-nav-item_right .header-nav-item__icon {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
}

.header-nav-item_no-skew .header-nav-item_right .header-nav-item__icon {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg)
}

.header-nav-item_right .header-nav-item__icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-nav-item:hover .header-nav-item__wrapper {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.header-nav-item:hover:not(.header-nav-shop) .header-nav-item__bg-wrap {
    background: #007bff
}

.header-nav-item:hover .header-nav-item__icon {
    opacity: .23;
    color: #16171b
}

.header-nav-item:active .header-nav-item__wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header-nav-item:active:not(.header-nav-shop) .header-nav-item__bg-wrap {
    background: #007bff99
}

.header-nav-item:active.header-nav-shop .header-nav-item__bg {
    bottom: 4px;
    left: 4px;
    right: 4px;
    top: 4px
}

.header-nav-item:active .header-nav-item__icon {
    opacity: .23;
    color: #16171b
}

.header-nav-item.active {
    color: #1c5bed;
    font-weight: 700
}

.header-nav-item.active:not(.header-nav-shop) .header-nav-item__bg-wrap {
    background: #28292f
}

.header-nav-item.active:not(.header-nav-shop) .header-nav-item__bg-wrap:after {
    -webkit-transform: none;
    transform: none
}

.header-nav-item.active.header-nav-shop {
    color: #0d0e12
}

.header-nav-item.active.header-nav-shop .header-nav-item__bg {
    bottom: 4px;
    left: 4px;
    right: 4px;
    top: 4px
}

.header-nav-item.active .header-nav-item__icon {
    color: #41434a
}

.burger {
    cursor: pointer;
    height: 30px;
    width: 35px;
    color: #fff;
    display: block;
    border: 2px solid currentColor;
    padding: 8px 6px;
    border-radius: 6px;
    margin-top: 3px
}

.burger__content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.burger__bar {
    background: currentColor;
    height: 3px;
    width: 100%;
    border-radius: 100px
}

.menu_top {
    position: relative;
    height: 80px
}

.menu_top__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5px 0 0
}

.menu_top__items .header-nav-item {
    margin-left: 0;
    margin-right: 0
}

.menu_top:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    top: 50%;
    left: 0;
    margin-top: -40px;
    background: #0d0e12;
    z-index: -1
}

.menu_top>.container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu_top>.container>.layout {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    padding: 0 10px
}

.menu_top .menu__items>.container {
    margin: -5px;
    padding: 0
}

.menu_top .menu__items>.container>.layout {
    margin: 0 -5px
}

.menu_top .menu__items>.container>.layout>.flex {
    padding: 0 5px
}

.menu_top .app-btn.menu__item {
    color: #fff;
    line-height: 70px;
    height: 70px;
    margin: 0 5px;
    font-size: 18px;
    border-radius: 0;
    -webkit-box-shadow: 0 14px 25px 0 #0d0e12;
    box-shadow: 0 14px 25px 0 #0d0e12;
    border-bottom: 0 solid #007bff;
    background: #16171b;
    bottom: 0;
    padding: 0
}

.menu_top .app-btn.menu__item,
.menu_top .app-btn.menu__item .menu__item__icon,
.menu_top .app-btn.menu__item:after,
.menu_top .app-btn.menu__item:before,
.menu_top .app-btn.menu__item span {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: opacity, color, background-color, border, bottom;
    transition-property: opacity, color, background-color, border, bottom;
    will-change: opacity, color, background-color, border, bottom
}

.menu_top .app-btn.menu__item:before {
    border-radius: 0;
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#16171b), to(rgba(22, 23, 27, 0)));
    background: linear-gradient(180deg, #16171b 0, rgba(22, 23, 27, 0))
}

.menu_top .app-btn.menu__item .app-btn__content {
    position: static
}

.menu_top .app-btn.menu__item .menu__item__text {
    position: relative;
    z-index: 3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu_top .app-btn.menu__item .menu__item__icon {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: rgba(65, 67, 74, .5)
}

.menu_top .app-btn.menu__item .menu__item__icon svg {
    position: absolute;
    bottom: 0;
    left: 0
}

.menu_top .app-btn.menu__item:not(.app-btn_active):active,
.menu_top .app-btn.menu__item:not(.app-btn_active):hover {
    background: #007bff99;
    color: #007bff;
    bottom: 6px
}

.menu_top .app-btn.menu__item:not(.app-btn_active):active .menu__item__icon,
.menu_top .app-btn.menu__item:not(.app-btn_active):hover .menu__item__icon {
    color: rgba(65, 67, 74, .5)
}

.menu_top .app-btn.menu__item:not(.app-btn_active):active {
    bottom: 0;
    color: #007bff99
}

.menu_top .app-btn.menu__item:not(.app-btn_active):active:before {
    opacity: 1
}

.menu_top .app-btn.menu__item.app-btn_active {
    color: #007bff;
    border-bottom-width: 4px
}

.menu_top .app-btn.menu__item.app-btn_active .menu__item__text {
    margin-top: 4px
}

.menu_top .app-btn.menu__item.app-btn_active:active,
.menu_top .app-btn.menu__item.app-btn_active:hover {
    bottom: 0;
    color: #007bff
}

.menu_top .app-btn.menu__item.app-btn_active:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 27, 31, .5)), to(rgba(232, 3, 26, .5)));
    background: linear-gradient(180deg, rgba(26, 27, 31, .5) 0, rgba(232, 3, 26, .5));
    opacity: 1
}

.menu_top .app-btn.menu__item.app-btn_active .menu__item__icon {
    color: rgba(175, 11, 27, .25)
}

.menu_top.nav-drawer__content:before {
    content: none;
    display: none
}

.menu_top.nav-drawer__content .app-btn.menu__item {
    margin: 0;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 8px 18px 0 rgba(0, 0, 0, .6)
}

.menu_top.nav-drawer__content .app-btn.menu__item:last-child {
    margin-bottom: 0
}

.menu_top.nav-drawer__content .app-btn.menu__item:not(.app-btn_active):hover {
    bottom: 0
}

.menu_top.nav-drawer__content .menu__item {
    overflow: hidden;
    height: 90px
}

.menu_top.nav-drawer__content .auth-manager__btns {
    width: 100%
}

@media only screen and (max-width:1023px) {

    .menu_top .flex.width-equal,
    .menu_top .header-logo-container {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width:575px) {
    .menu_top .header-logo-container {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media only screen and (max-width:1023px) {
    .header-logo {
        height: 68px;
        width: auto
    }

    .header-logo img {
        margin: 0 0 0 auto
    }
}

.header-logo-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1023px) {
    .header-logo-container {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
        margin-left: auto
    }
}

.nav-drawer__content {
    height: 100%;
    padding: 10px 24px
}

.nav-drawer__content_wrap>.menu__list {
    padding: 10px;
    margin-left: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nav-drawer__content .steam-auth {
    height: 70px;
    font-size: 18px
}

.nav-drawer__content .steam-auth .app-btn_icon svg:last-child {
    margin-left: 10px
}

.nav-drawer__content .rules-btn .app-btn__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.nav-drawer__content .rules-btn svg {
    margin-right: 8px
}

.nav-drawer__content .divider {
    padding: 0;
    margin: 12px 10px;
    min-height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(175, 11, 27, .5)), color-stop(50%, rgba(232, 3, 26, .8)), color-stop(90%, rgba(175, 11, 27, .5)));
    background: linear-gradient(90deg, rgba(175, 11, 27, .5) 10%, rgba(232, 3, 26, .8) 50%, rgba(175, 11, 27, .5) 90%)
}

@media only screen and (max-width:1023px) {
    .header-container {
        padding: 0 !important
    }
}

.header-nav-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    height: 100%
}

.menu__social {
    text-align: center
}

.menu_bottom {
    position: relative;
    margin-bottom: 30px
}

.menu_bottom:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70px;
    top: 50%;
    left: 0;
    margin-top: -35px;
    background: #0d0e12
}

.menu_bottom>.container>.layout {
    height: 70px
}

.menu_bottom .menu__items>.container {
    margin: 0;
    padding: 0
}

.menu_bottom .menu__items>.container>.layout {
    margin: 0
}

.menu_bottom .menu__items>.container>.layout>.flex {
    padding: 0
}

.menu__item {
    color: #fff
}

.menu__item.app-btn {
    line-height: 70px;
    height: 70px;
    margin: 0 5px;
    font-size: 18px;
    border-radius: 0;
    background: #0d0e12;
    border-color: #0d0e12;
    -webkit-box-shadow: none;
    box-shadow: none;
    bottom: 0
}

.menu_bottom .menu__item.app-btn {
    margin: 0
}

.menu_bottom .menu__item.app-btn:hover {
    color: #007bff;
    bottom: 0
}

.menu_bottom .menu__item.app-btn:hover .app-btn__content {
    text-shadow: 0 3px 9px #007bff
}

.menu_bottom .menu__item.app-btn:active {
    color: #007bff99;
    bottom: 0
}

.menu_bottom .menu__item.app-btn:active .app-btn__content {
    text-shadow: none
}

.menu_bottom .menu__item.app-btn:before {
    border-radius: 0;
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#1a1b1f), to(transparent));
    background: linear-gradient(180deg, #1a1b1f 0, transparent)
}

.menu_bottom .menu__item.app-btn_active {
    color: #007bff;
    -webkit-box-shadow: 0 14px 25px 0 #0d0e12;
    box-shadow: 0 14px 25px 0 #0d0e12
}

.menu_bottom .menu__item.app-btn_active:active,
.menu_bottom .menu__item.app-btn_active:hover {
    bottom: 0;
    color: #007bff
}

.menu_bottom .menu__item.app-btn_active:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 27, 31, .5)), to(rgba(232, 3, 26, .5)));
    background: linear-gradient(180deg, rgba(26, 27, 31, .5) 0, rgba(232, 3, 26, .5));
    opacity: 1
}

.top-promo-block {
    padding: 10px;
    width: 100%
}

.top-promo-block__content {
    border-radius: 5px;
    height: 100px;
    width: 100%
}

.top-promo-block__link,
.top-promo-block img {
    display: block;
    height: 100%
}

.top-promo-block img {
    width: 100%;
    -o-object-fit: cover;
    border-radius: 5px
}

.search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search__input {
    color: #fff;
    background-color: #0d0e12;
    height: 50px;
    padding: 0 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.search__input::-webkit-input-placeholder {
    color: #9b9ea8
}

.search__input:-moz-placeholder,
.search__input::-moz-placeholder {
    color: #9b9ea8
}

.search__input:-ms-input-placeholder {
    color: #9b9ea8
}

.search__input:focus {
    outline: none
}

.search__btn {
    min-width: 40px;
    height: 46px
}

@media only screen and (max-width:1023px) {
    .search .text-field {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.content {
    padding-top: 30px
}

.header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.main-container {
    min-height: 620px;
    padding-bottom: 60px
}

@media only screen and (min-width:576px) {
    .main-container {
        padding-top: 40px
    }
}

.rules-btn {
    min-width: 40px;
    height: 50px;
    width: 120px
}

.input .progress-linear {
    top: calc(100% - 1px);
    left: 0
}

.input input {
    max-height: 50px;
    min-height: 24px
}

.input input:invalid,
.input textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.input__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 8px
}

.input__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 24px;
    width: 24px
}

.input__icon_clear {
    border-radius: 50%
}

.input__slot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: inherit;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.input_is-disabled:not(.input_is-readonly) {
    pointer-events: none
}

.input_is-loading>.input__control>.input__slot:after,
.input_is-loading>.input__control>.input__slot:before {
    display: none
}

.input_hide-details>.input__control>.input__slot {
    margin-bottom: 0
}

.input_has-state.error_text .label {
    -webkit-animation: shake .6s cubic-bezier(.25, .8, .5, 1);
    animation: shake .6s cubic-bezier(.25, .8, .5, 1)
}

.text-field {
    background: #1a1b1f;
    border-radius: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.text-field__slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 8px 0
}

.text-field__slot,
.text-field input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.text-field input {
    line-height: 20px;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    border: none;
    padding: 0 8px;
    font-size: 15px;
    background: none;
    color: #007bff;
    border-bottom: 1px solid #007bff99
}

.text-field_box>.input__control>.input__slot {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 56px
}

.text-field ::-webkit-input-placeholder {
    color: #007bff99;
    opacity: 1
}

.text-field ::-moz-placeholder {
    color: #007bff99;
    opacity: 1
}

.text-field :-ms-input-placeholder {
    color: #007bff99;
    opacity: 1
}

.text-field ::-ms-input-placeholder {
    color: #007bff99;
    opacity: 1
}

.text-field ::placeholder {
    color: #007bff99;
    opacity: 1
}

.text-field :-ms-input-placeholder,
.text-field ::-ms-input-placeholder {
    color: #007bff99
}

.item-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-shadow: 0 14px 25px 0 #0d0e12;
    box-shadow: 0 14px 25px 0 #0d0e12
}

.item-group :not(:only-child):first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

.item-group :not(:only-child):last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none
}

.footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 15px
}

.footer-info .flex span {
    vertical-align: middle;
    display: inline-block
}

.footer-info .copyrites {
    color: #41434a
}

.footer-info img {
    display: inherit;
    vertical-align: middle;
    max-width: 100%
}

.powered-by-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.powered-by-link__label {
    margin-right: 5px
}

.rewards-category-list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: -5px
}

.rewards-category-list__item {
    padding: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20%
}

@media only screen and (max-width:1343px) {
    .rewards-category-list__item {
        width: 33.33333%
    }
}

@media only screen and (max-width:1023px) {
    .rewards-category-list__item {
        width: 50%
    }
}

@media(max-width:400px) {
    .rewards-category-list__item {
        width: 100%
    }
}

.rewards-category-grid {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr))
}

.rewards-category-grid .reward-card {
    width: 100%
}

.rewards-category-list-empty {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #9b9ea8;
    height: 240px;
    z-index: 1;
    position: relative
}

.rewards-category-list-empty__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .4
}

@media only screen and (max-width:767px) {
    .rewards-category-list-empty {
        font-size: 22px
    }
}

.rewards-category-details-chevron {
    height: 30px;
    width: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 7px solid currentColor;
    border-right: 7px solid currentColor;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:767px) {
    .rewards-category-details-chevron {
        border-width: 4px;
        height: 20px;
        width: 20px
    }
}

.rewards-category-details {
    border-radius: 5px;
    width: 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 3px solid currentColor;
    padding: 10px;
    position: relative;
    margin-left: 10px;
    color: #ffd700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-filter .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-filter .3s cubic-bezier(.25, .8, .5, 1);
    transition: filter .3s cubic-bezier(.25, .8, .5, 1);
    transition: filter .3s cubic-bezier(.25, .8, .5, 1), -webkit-filter .3s cubic-bezier(.25, .8, .5, 1)
}

.rewards-category-details__title {
    text-transform: uppercase;
    font-size: 15px;
    text-align: center
}

.rewards-category-details__chevrons {
    position: absolute;
    top: 50%;
    left: calc(50% - 5px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.rewards-category-details__chevron-container,
.rewards-category-details__chevrons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rewards-category-details__chevron-container {
    width: 20px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1)
}

.rewards-category_warm .rewards-category-details,
.rewards-category_warm .rewards-category-details:active {
    color: #e8b503
}

.rewards-category_cold .rewards-category-details,
.rewards-category_cold .rewards-category-details:active {
    color: #13a0b9
}

.rewards-category-details:active {
    color: #ffd700
}

@media only screen and (max-width:767px) {
    .rewards-category-details {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .rewards-category-details .rewards-category-details__chevrons {
        position: relative;
        -webkit-transform: none;
        transform: none;
        top: 0;
        left: 0;
        margin-left: 10px
    }

    .rewards-category-details .rewards-category-details__chevron-container {
        width: 15px
    }
}

.rewards-category-details:focus,
.rewards-category-details:hover {
    outline: none;
    text-decoration: none
}

.rewards-category-details:focus .rewards-category-details__chevron-container:first-child,
.rewards-category-details:hover .rewards-category-details__chevron-container:first-child {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.rewards-category-details:focus .rewards-category-details__chevron-container:last-child,
.rewards-category-details:hover .rewards-category-details__chevron-container:last-child {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.rewards-category-details:active .rewards-category-details__chevron-container:first-child,
.rewards-category-details:active .rewards-category-details__chevron-container:last-child {
    -webkit-transform: none;
    transform: none
}

.rewards-category-details.is-loading {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    pointer-events: none
}

.rewards-category-body {
    border-radius: 5px;
    background-color: #0d0e12;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    display: flex;
    width: calc(100% - 84px)
}

.rewards-category_detailed .rewards-category-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 5px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .rewards-category-body {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-top: 5px;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.rewards-cards-enter-active {
    -webkit-transition: all .3s;
    transition: all .3s
}

.rewards-cards-enter-active.rewards-cards-skeletons {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.rewards-cards-enter {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.rewards-cards-leave {
    display: none
}

.rewards-category-info {
    border-radius: 5px;
    width: 74px;
    background-color: #0d0e12;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.rewards-category-info__name {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.rewards-category-info__icon {
    width: 45px;
    height: 45px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 15px
}

.rewards-category_detailed .rewards-category-info {
    width: 100%;
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 5px
}

.rewards-category_detailed .rewards-category-info .rewards-category-info__name {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-transform: none;
    transform: none;
    margin-right: 10px
}

.rewards-category_detailed .rewards-category-info .rewards-category-info__icon {
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 10px
}

@media only screen and (max-width:767px) {
    .rewards-category-info {
        width: 100%;
        margin-right: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 5px
    }

    .rewards-category-info .rewards-category-info__name {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: none;
        transform: none;
        margin-right: 10px
    }

    .rewards-category-info .rewards-category-info__icon {
        margin-top: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 10px
    }
}

@media(max-width:400px) {
    .rewards-category-info__name {
        font-size: 16px
    }
}

.reward-card {
    border-radius: 5px;
    background-color: #16171b;
    padding: 10px;
    height: 240px;
    -webkit-transition: background-color .3s cubic-bezier(.25, .8, .5, 1);
    transition: background-color .3s cubic-bezier(.25, .8, .5, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.reward-card.is-active {
    background-color: transparent
}

.reward-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    min-height: 30px;
    margin-bottom: 15px;
    color: #9b9ea8;
    text-transform: uppercase;
    font-size: 15px;
    -webkit-transition: color .3s cubic-bezier(.25, .8, .5, 1);
    transition: color .3s cubic-bezier(.25, .8, .5, 1);
    text-align: center
}

.reward-card.is-active .reward-card-header {
    color: #007bff;
    font-weight: 500
}

.reward-card-image {
    width: 130px;
    height: 100px;
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1)
}

.reward-card-image__img {
    max-width: 100%;
    max-height: 100%
}

.reward-card.is-active .reward-card-image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.reward-card-footer {
    margin-top: auto;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center
}

.reward-skin-card__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reward-skin-card__figure {
    width: 72px;
    height: 72px;
    position: absolute;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    display: block;
    border: 4px solid;
    border-radius: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-filter: drop-shadow(0 0 10px currentColor);
    filter: drop-shadow(0 0 10px currentColor);
    z-index: -1
}

.reward-skin-card__link {
    color: #fff;
    background-color: #41434a;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reward-skin-card__link:focus,
.reward-skin-card__link:hover {
    background-image: linear-gradient(45deg, #323741, #616977);
    outline: none
}

.reward-skin-card__link:active {
    -webkit-box-shadow: 0 0 15px 0 #41434a;
    box-shadow: 0 0 15px 0 #41434a
}

.reward-skin-card__weapon {
    color: #fff
}

.reward-skin-card__skin,
.reward-skin-card__weapon {
    max-width: 100%
}

.reward-skin-card__footer-bottom {
    width: 100%;
    position: relative
}

.reward-skin-card__price {
    color: #fff;
    text-align: center
}

.reward-skin-card__help {
    position: absolute;
    top: calc(50% - 10px);
    right: 0
}

.reward-pack-item {
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    display: block
}

.reward-pack-item__img-container {
    height: 170px;
    width: 100%;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reward-pack-item__img {
    max-width: 100%;
    max-height: 100%
}

.reward-pack-item__type {
    font-weight: 500;
    font-size: 17px
}

.reward-pack-item__name {
    font-size: 30px;
    font-weight: 700
}

.reward-pack-item_warm .reward-pack-item__name {
    color: #e8b503
}

.reward-pack-item_cold .reward-pack-item__name {
    color: #13a0b9
}

.reward-pack-item.as-link:hover {
    text-decoration: none
}

.reward-pack-item.as-link:hover .reward-pack-item__name {
    text-decoration: underline
}

@media only screen and (max-width:1023px) {
    .reward-pack-item__img-container {
        height: 120px
    }

    .reward-pack-item__type {
        font-size: 15px
    }

    .reward-pack-item__name {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .reward-pack-item__img-container {
        height: 85px
    }

    .reward-pack-item__type {
        font-size: 14px
    }

    .reward-pack-item__name {
        font-size: 18px
    }
}

.rewards-pack-modal .modal-card {
    max-width: 920px
}

@media only screen and (max-width:1023px) {
    .rewards-pack-modal .modal-card {
        max-width: 750px
    }
}

.rewards-pack__body {
    max-width: 750px;
    margin: 30px auto 0
}

.rewards-pack__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -5px
}

.rewards-pack__item {
    padding: 5px;
    width: 33.3333%
}

.rewards-pack__title {
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.rewards-pack__text {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    max-width: 630px;
    margin: 0 auto 20px
}

@media only screen and (max-width:1023px) {
    .rewards-pack__body {
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .rewards-pack__text {
        font-size: 14px
    }
}

@media only screen and (max-width:575px) {
    .rewards-pack__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .rewards-pack__item {
        min-width: 200px
    }

    .rewards-pack__text {
        font-size: 13px
    }
}

.reward-redbull-card {
    line-height: 1.5
}

.reward-redbull-card__footer {
    font-size: 13px;
    text-align: center;
    min-height: 39px
}

.reward-redbull-card__image {
    height: 110px
}

.reward-redbull-card_warm {
    color: #e8b503
}

.reward-redbull-card_cold {
    color: #13a0b9
}

.reward-redbull-card.has-pack {
    cursor: pointer
}

.rewards-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 260px
}

@media only screen and (max-width:767px) {
    .rewards-category {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

.rewards-category_detailed {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.redbull-competition-link {
    height: 45px;
    width: 320px;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (max-width:1023px) {
    .redbull-competition-link {
        width: 220px
    }
}

@media only screen and (max-width:767px) {
    .redbull-competition-link {
        width: 100%
    }
}

.redbull-vip-message {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.redbull-vip-message__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px
}

@media only screen and (max-width:767px) {
    .redbull-vip-message {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .redbull-vip-message__btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 0;
        margin-top: 20px
    }
}

.app-mark {
    width: 25px;
    height: 25px;
    border: 2px solid #9b9ea8;
    border-radius: 50%;
    padding: 4px
}

.app-mark__dot {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    background-color: #9b9ea8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #fff
}

.app-mark__dot,
.app-mark__icon {
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .8, .5, 1);
    transition: all .3s cubic-bezier(.25, .8, .5, 1)
}

.app-mark__icon {
    font-size: 0;
    padding-right: 1px
}

.app-mark.is-focus .app-mark__dot,
.app-mark.is-hover .app-mark__dot,
.app-mark:focus .app-mark__dot,
.app-mark:hover .app-mark__dot {
    opacity: 1
}

.app-mark.is-checked {
    border-color: #007bff
}

.app-mark.is-checked .app-mark__dot {
    opacity: 1;
    -webkit-transform: rotate(0) scale(1.7);
    transform: rotate(0) scale(1.7);
    background-color: #007bff
}

.app-mark.is-checked .app-mark__icon {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 1
}

.stats-nav-item {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s cubic-bezier(.25, .8, .5, 1);
    transition: color .3s cubic-bezier(.25, .8, .5, 1);
    color: #9b9ea8;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px
}

.stats-nav-item__mark {
    margin-right: 7px
}

.stats-nav-item:hover {
    text-decoration: none
}

.stats-nav-item:focus {
    outline: none
}

.stats-nav-item:active {
    color: #fff
}

.stats-nav-item.is-active {
    color: #007bff
}

.stats-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.stats-nav .stats-nav-item:not(:last-child) {
    margin-right: 30px
}

@media only screen and (max-width:1023px) {
    .stats-nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .stats-nav .stats-nav-item:not(:last-child) {
        margin-right: 0
    }
}

@media(max-width:500px) {
    .stats-nav .stats-nav-item {
        width: 100%
    }
}

.stats-page-toolbar-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stats-page-toolbar-search__input {
    min-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.stats-page-toolbar-search__btn {
    height: 45px;
    margin-left: 10px
}

@media only screen and (max-width:575px) {
    .stats-page-toolbar-search__input {
        min-width: 180px
    }
}

.stats-page-toolbar-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    color: #9b9ea8
}

.stats-page-toolbar-categories__select {
    min-width: 100px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width:1023px) {
    .stats-page-toolbar-categories {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:575px) {
    .stats-page-toolbar-categories__select {
        min-width: 220px
    }
}

.stats-page-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #0d0e12;
    padding: 15px;
    min-height: 75px
}

.stats-page-toolbar__title {
    font-weight: 700;
    font-size: 24px
}

.stats-page-toolbar__icon {
    color: #007bff;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.stats-page-toolbar__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 75px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width:1343px) {
    .stats-page-toolbar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .stats-page-toolbar__body {
        margin-left: 0;
        margin-top: 15px;
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .stats-page-toolbar__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .stats-page-toolbar__spacer {
        display: none
    }

    .stats-page-toolbar__nav {
        width: 100%
    }

    .stats-page-toolbar__extension {
        margin-top: 15px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .stats-page-toolbar__title {
        font-size: 20px
    }
}

.control {
    position: relative;
    font-size: 14px
}

.control__label {
    font-size: inherit;
    display: block;
    margin-bottom: 4px
}

.control__label:first-letter {
    text-transform: capitalize
}

.control__input-container {
    width: 100%
}

.control__error {
    font-size: 12px;
    line-height: 1.15;
    color: #f94f28;
    min-height: 13.8px;
    position: absolute;
    top: calc(100% + 5px)
}

.control_theme_first .control__label,
.control_theme_second .control__label {
    color: #fff
}

.table {
    border-spacing: 0 10px
}

tr {
    height: 40px;
    font-size: 13px
}

thead tr {
    height: 25px;
    color: #9b9ea8;
    font-size: 15px
}

tr th {
    font-weight: 400;
    padding: 0 10px
}

tbody tr th {
    background-color: #0d0e12;
    padding: 0 10px
}

tbody tr th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

tbody tr th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

tbody tr th:only-child {
    border-radius: 5px
}

.bans-row {
    white-space: nowrap;
}

.bans-row__country {
    width: 50px;
    text-align: center;
    font-size: 12px
}

.bans-row__end-time {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#e30404));
    background-image: linear-gradient(90deg, transparent, #e30404);
    text-align: center;
    line-height: normal;
    white-space: nowrap
}

.bans-row__nickname {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    line-height: 20px
}

.bans-row_danger {
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(#e30404));
    background-image: linear-gradient(90deg,transparent,#e30404);
    text-align: center;
    line-height: normal;
    white-space: nowrap;
}

.bans-row_ {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#d18617));
    background-image: linear-gradient(90deg, transparent, #d18617)
}

.bans-row_success {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#0d8f33));
    background-image: linear-gradient(90deg, transparent, #0d8f33)
}

.bans-table {
    width: 100%
}

.toolbar {
    background: #0d0e12;
    color: #9b9ea8;
    font-size: 15px;
    padding: 15px;
    height: 100px;
    line-height: 24px;
    border-radius: 5px;
    min-height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toolbar__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px
}

.toolbar__icon svg {
    width: auto;
    height: 100%;
    vertical-align: middle;
    color: #007bff
}

.toolbar__header_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.toolbar__title {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .toolbar__title {
        font-size: 20px
    }
}

.toolbar__subtitle {
    line-height: 16px
}

@media only screen and (max-width:1343px) {
    .toolbar__subtitle {
        font-size: 14px
    }
}

.toolbar .layout {
    margin: 0 !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toolbar .layout .flex {
    padding: 0 !important
}

@-webkit-keyframes graph-data-v-60c5082a {
    to {
        -webkit-transform: translate(50%);
        transform: translate(50%)
    }
}

@keyframes graph-data-v-60c5082a {
    to {
        -webkit-transform: translate(50%);
        transform: translate(50%)
    }
}

.pulse-box[data-v-60c5082a] {
    position: relative;
    width: 100%;
    height: 28px;
    border-radius: .5em;
    overflow: hidden;
    background: url(../../../../cache/img/heartbeat.6ab182c9.svg) 0 0
}

.pulse-box__svg[data-v-60c5082a] {
    width: 100%;
    height: 100%;
    display: block
}

.pulse-box__shadow[data-v-60c5082a] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200%;
    -webkit-transform: translate(0);
    transform: translate(0);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #0d0e12), color-stop(50%, transparent), color-stop(50%, #0d0e12), color-stop(70%, #0d0e12), to(transparent));
    background: linear-gradient(90deg, #0d0e12 20%, transparent 50%, #0d0e12 0, #0d0e12 70%, transparent);
    background-repeat: repeat-x;
    background-size: 100% 100%;
    background-position: 0 0;
    -webkit-animation: graph-data-v-60c5082a 3s linear infinite;
    animation: graph-data-v-60c5082a 3s linear infinite
}

.servers-section-tollbar-progress {
    width: 200px;
    margin-left: auto
}

.servers-section-tollbar-progress__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.servers-section-tollbar-progress__label {
    font-size: 14px;
    color: #9b9ea8
}

.servers-section-tollbar-progress__counter {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.servers-section-tollbar-progress__bots {
    color: #9b9ea8;
    margin-left: 3px;
    font-size: 16px
}

@media only screen and (max-width:767px) {
    .servers-section-tollbar-progress {
        width: 100%
    }
}

.servers-section-toolbar__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.servers-section-toolbar__subtitle {
    height: 16px
}

.servers-section-toolbar__progress-container {
    width: 205px
}

@media only screen and (max-width:767px) {
    .servers-section-toolbar .toolbar__extension {
        margin-top: 16px;
        width: 100%
    }

    .servers-section-toolbar .toolbar__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.info-item[data-v-a1e422a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-shadow: 0 0 10px #000;
    padding: 10px 14px;
    border-radius: 7px;
    background-color: rgba(40, 41, 47, .7);
    width: 250px;
    max-width: 100%
}

.info-item__title[data-v-a1e422a8] {
    width: 160px;
    font-size: 13px;
    color: #fff;
    text-align: left
}

.info-item__value[data-v-a1e422a8] {
    font-size: 15px;
    font-weight: 700;
    color: #e9b603;
    text-align: left;
    max-width: 100%;
    display: inline-block
}

@media(max-width:420px) {
    .info-item__title[data-v-a1e422a8] {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.info-item[data-v-7a018aad] {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-shadow: 0 0 10px #000
}

.info-item__title[data-v-7a018aad] {
    width: 160px;
    font-size: 13px;
    color: #9b9ea8;
    text-align: left
}

.info-item__value[data-v-7a018aad] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: right
}

@media(max-width:420px) {
    .info-item__title[data-v-7a018aad] {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.server-category-card-online {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.server-category-card-online__bots {
    font-size: 14px;
    font-weight: 500;
    color: #d1d1d1;
    margin-left: 3px
}

.server-category-card-online__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #007bff;
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.server-category-card-online__dot:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: inherit;
    opacity: .65;
    border-radius: inherit;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    pointer-events: none
}

.server-category-card {
    height: 192px;
    padding: 20px 150px 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    border-radius: 10px
}

.server-category-card:hover {
    text-decoration: none
}

.server-category-card__name {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.server-category-card__infos {
    margin-top: auto;
    margin-bottom: auto
}

.server-category-card__icon {
    position: absolute;
    top: calc(50% - 50px);
    right: 35px;
    width: 100px;
    height: 100px;
    color: #fff
}

.server-category-card__bg-container,
.server-category-card__bg-container:before,
.server-category-card__mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    pointer-events: none
}

.server-category-card__mask {
    content: "";
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(13, 14, 18, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(13, 14, 18, .5), transparent);
    z-index: -1;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.server-category-card:active .server-category-card__mask,
.server-category-card:focus .server-category-card__mask,
.server-category-card:hover .server-category-card__mask {
    opacity: 0
}

.server-category-card__bg-container:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, right top, from(#28292f), to(transparent));
    background-image: linear-gradient(90deg, #28292f, transparent);
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.server-category-card:active .server-category-card__bg-container:before {
    -webkit-box-shadow: inset 0 0 28px 0 rgba(155, 158, 168, .8);
    box-shadow: inset 0 0 28px 0 rgba(155, 158, 168, .8)
}

.server-category-card__bg-container {
    z-index: -2;
    overflow: hidden;
    color: #41434a;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: color, -webkit-box-shadow;
    transition-property: color, -webkit-box-shadow;
    transition-property: color, box-shadow;
    transition-property: color, box-shadow, -webkit-box-shadow;
    will-change: color, box-shadow
}

.server-category-card:focus .server-category-card__bg-container,
.server-category-card:hover .server-category-card__bg-container {
    -webkit-box-shadow: 0 0 0 3px currentColor;
    box-shadow: 0 0 0 3px currentColor
}

.server-category-card:active .server-category-card__bg-container {
    color: #9b9ea8;
    -webkit-box-shadow: 0 0 0 3px currentColor, 0 0 28px 3px currentColor;
    box-shadow: 0 0 0 3px currentColor, 0 0 28px 3px currentColor
}

.server-category-card__bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.server-category-card.is-loading {
    background-color: rgba(0, 0, 0, .3)
}

@media(max-width:420px) {
    .server-category-card {
        padding: 17px 20px 20px
    }

    .server-category-card__name {
        font-size: 20px;
        padding-right: 40px
    }

    .server-category-card__icon {
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px
    }
}

.server-category-card_warm .server-category-card__mask {
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(232, 181, 3, .3)));
    background-image: linear-gradient(90deg, transparent, rgba(232, 181, 3, .3))
}

.server-category-card_warm .server-category-card__bg-container {
    -webkit-box-shadow: 0 0 0 3px #e8b503;
    box-shadow: 0 0 0 3px #e8b503
}

.server-category-card_warm:focus .server-category-card__mask,
.server-category-card_warm:hover .server-category-card__mask {
    opacity: 1
}

.server-category-card_warm:focus .server-category-card__bg-container,
.server-category-card_warm:hover .server-category-card__bg-container {
    -webkit-box-shadow: 0 0 0 3px #e8b503;
    box-shadow: 0 0 0 3px #e8b503
}

.server-category-card_cold .server-category-card__mask {
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(19, 160, 185, .3)));
    background-image: linear-gradient(90deg, transparent, rgba(19, 160, 185, .3))
}

.server-category-card_cold .server-category-card__bg-container {
    -webkit-box-shadow: 0 0 0 3px #13a0b9;
    box-shadow: 0 0 0 3px #13a0b9
}

.server-category-card_cold:focus .server-category-card__mask,
.server-category-card_cold:hover .server-category-card__mask {
    opacity: 1
}

.server-category-card_cold:focus .server-category-card__bg-container,
.server-category-card_cold:hover .server-category-card__bg-container {
    -webkit-box-shadow: 0 0 0 3px #13a0b9;
    box-shadow: 0 0 0 3px #13a0b9
}

.servers-categories {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(385px, 1fr))
}

@media only screen and (max-width:575px) {
    .servers-categories {
        grid-template-columns: 100%
    }
}

.servers-categories-filter-link {
    padding: 7px;
    font-size: 12px;
    text-transform: uppercase;
    color: #9b9ea8;
    cursor: pointer
}

.servers-categories-filter-link:focus,
.servers-categories-filter-link:hover {
    color: #007bff;
    text-shadow: 0 3px 9px #007bff;
    text-decoration: none;
    outline: none
}

.servers-categories-filter-link:active {
    color: #007bff;
}

.servers-categories-filter-link.router-link-active {
    color: #007bff
}

.servers-categories-filter-link_vip.router-link-active,
.servers-categories-filter-link_vip:focus,
.servers-categories-filter-link_vip:hover {
    color: #ffc529
}

.servers-categories-filter {
    padding: 9px 13px;
    min-height: 50px;
    background-color: #0d0e12;
    border-radius: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.servers-categories-filter,
.time-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.time-cell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: normal;
    padding: 0 5px
}

.time-cell__value {
    font-weight: 700;
    font-size: 18px;
    color: #007bff
}

.time-cell__label {
    font-size: 14px
}

.season-countdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.season-countdown__label {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin-right: auto
}

.season-countdown__displays {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    margin-right: -5px
}

@media(max-width:420px) {
    .season-countdown {
        text-align: center
    }

    .season-countdown__label {
        margin-right: 0;
        width: 100%;
        font-size: 16px;
        margin-bottom: 5px
    }

    .season-countdown__displays {
        margin-left: auto;
        margin-right: auto
    }
}

.paginator__btn {
    padding: 0 10px;
    height: 40px;
    min-width: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 800;
    background: #1a1b1f;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #41434a;
    box-shadow: 0 0 0 1px #41434a;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, box-shadow, color;
    transition-property: background-color, box-shadow, color, -webkit-box-shadow;
    will-change: background-color, box-shadow, color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

.paginator__btn.disabled {
    cursor: default
}

@media only screen and (max-width:767px) {
    .paginator__btn:not(.active):not(.paginator__btn_prev):not(.paginator__btn_next) {
        display: none
    }
}

.paginator__btn:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.paginator__btn:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.paginator__btn:hover {
    text-decoration: none
}

.paginator__btn:focus {
    outline: none
}

.paginator__btn:not(.disabled):hover {
    -webkit-box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff;
    box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff;
    color: #fff;
    z-index: 3
}

.paginator__btn:not(.disabled):active {
    -webkit-box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff, 0 0 14px #007bff;
    box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff, 0 0 14px #007bff;
    z-index: 2
}

.paginator__btn.active {
    color: #007bff;
    z-index: 2
}

.paginator__btn.active,
.paginator__btn.active:not(.disabled):hover {
    -webkit-box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff;
    box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff
}

.paginator__btn.active:not(.disabled):active {
    -webkit-box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff, 0 0 14px #007bff;
    box-shadow: 0 0 0 1px #007bff, inset 0 0 0 1px #007bff, 0 0 14px #007bff
}

.paginator__btn_next,
.paginator__btn_prev {
    padding: 0 20px
}

.paginator__btn_next.disabled,
.paginator__btn_prev.disabled {
    background: rgba(26, 27, 31, .6);
    color: rgba(65, 67, 74, .6);
    -webkit-box-shadow: 0 0 0 1px rgba(65, 67, 74, .6);
    box-shadow: 0 0 0 1px rgba(65, 67, 74, .6);
    pointer-events: none
}

.news-item {
    text-decoration: none
}

.news-item .card__media_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden
}

.news-item .card__media_wrap:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 3, 26, 0)), to(#007bff));
    background: linear-gradient(180deg, rgba(232, 3, 26, 0) 0, #007bff);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.news-item__content {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    will-change: transform;
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}

.news-item__date {
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #007bff99;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 20px
}

.news-item:focus,
.news-item:hover {
    text-decoration: none;
    outline: none
}

.news-item:focus .card__media_wrap:before,
.news-item:hover .card__media_wrap:before {
    opacity: 1
}

.news-item:focus .news-item__content,
.news-item:hover .news-item__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.news-item:focus .news-item__date,
.news-item:hover .news-item__date {
    color: #fff;
    background-color: transparent;
    -webkit-transform: translate(-10px);
    transform: translate(-10px)
}

.news-item__image {
    border-radius: 10px
}

.news-item__title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 16px 0
}

.news-item__text {
    font-size: 14px;
    line-height: 22px;
    height: 86px;
    overflow: hidden
}

.news-item__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-item__more {
    margin-left: auto
}

a[data-v-c86c3bb4] {
    cursor: pointer
}

.bans-promo-block__link {
    display: block
}

.bans-promo-block__content {
    height: 270px;
    border-radius: 5px
}

.bans-promo-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.bans__table-container {
    position: relative;
    padding-top: 20px
}

@media only screen and (max-width:1343px) {
    .bans .toolbar .layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .bans .toolbar__extension {
        margin-top: 16px;
        width: 100%
    }
}

.bans__title {
    font-size: 35px
}

@media(max-width:650px) {
    .bans__title {
        font-size: 25px
    }
}

.bans__search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:767px) {
    .bans__search-block {
        width: 100%
    }
}

.bans__search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bans__scroller {
    padding: 0 40px 40px;
    min-width: 1200px;
    min-height: 400px
}

@media only screen and (max-width:767px) {
    .bans__scroller {
        padding: 0 20px 40px
    }
}

.bans__search-input {
    width: 215px;
    height: 45px
}

@media only screen and (max-width:767px) {
    .bans__search-input {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.bans__search-btn {
    margin-left: 10px;
    width: 45px;
    height: 45px
}

.time-played {
    white-space: nowrap
}

.purchased-item {
    font-size: 15px
}

.purchased-item__card {
    height: 150px;
    padding: 3px;
    border-radius: 5px
}

.purchased-item__image {
    height: 100%;
    position: relative;
    background-size: cover;
    border-radius: inherit;
    overflow: hidden
}

.purchased-item__image_wrap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    background: -webkit-gradient(linear, left bottom, left top, from(#16171b), to(rgba(22, 23, 27, 0)));
    background: linear-gradient(0deg, #16171b 0, rgba(22, 23, 27, 0))
}

.purchased-item__name {
    font-size: 25px;
    font-weight: 700
}

@media(max-width:410px) {
    .purchased-item__name {
        font-size: 21px
    }
}

.purchased-item__label span,
.purchased-item__server {
    font-size: 13px;
    color: #007bff
}

.purchased-item__label {
    padding-top: 20px;
    text-align: center;
    position: relative;
    z-index: 2
}

.purchased-item__label span {
    font-size: 15px
}

.user-shopping__content {
    min-height: 200px
}

.user-shopping__btn {
    float: right
}

@media(max-width:500px) {
    .user-shopping__btn {
        float: none;
        width: 100%
    }
}

.user-shopping .toolbar .layout {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:500px) {
    .user-shopping .toolbar__extension {
        margin-top: 16px;
        width: 100%
    }
}

.progress-linear {
    background: 0 0;
    position: relative;
    -webkit-transition: .2s cubic-bezier(.4, 0, .6, 1);
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    width: 100%
}

.progress-linear__buffer {
    height: inherit;
    width: 100%;
    z-index: 1
}

.progress-linear__background,
.progress-linear__buffer {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: inherit;
    transition: inherit
}

.progress-linear__background {
    bottom: 0;
    background: #16171b
}

.progress-linear__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.progress-linear__determinate {
    position: relative;
    z-index: 2;
    height: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    border-radius: inherit
}

.progress-linear__determinate.primary {
    background: -webkit-gradient(linear, left top, right top, from(#007bff99), to(#007bff));
    background: linear-gradient(90deg, #007bff99 0, #007bff)
}

.progress-linear__indeterminate .long,
.progress-linear__indeterminate .short {
    background-color: inherit;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
    will-change: left, right
}

.progress-linear__indeterminate_active .long {
    -webkit-animation: indeterminate;
    animation: indeterminate;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear__indeterminate_active .short {
    -webkit-animation: indeterminate-short;
    animation: indeterminate-short;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear__stream {
    -webkit-animation: stream .25s linear infinite;
    animation: stream .25s linear infinite;
    border-color: currentColor;
    border-top: 4px dotted;
    bottom: 0;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    right: -8px;
    top: calc(50% - 2px);
    -webkit-transition: inherit;
    transition: inherit
}

.progress-linear__wrapper {
    overflow: hidden;
    position: relative;
    -webkit-transition: inherit;
    transition: inherit
}

.progress-linear_absolute,
.progress-linear_fixed {
    left: 0;
    z-index: 1
}

.progress-linear_absolute {
    position: absolute
}

.progress-linear_fixed {
    position: fixed
}

.progress-linear_reactive .progress-linear__content {
    pointer-events: none
}

.progress-linear_rounded .progress-linear__background,
.progress-linear_rounded .progress-linear__determinate {
    border-radius: .5em
}

.progress-linear_striped .progress-linear__determinate {
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .25) 0, hsla(0, 0%, 100%, .25) 75%, transparent 0, transparent);
    background-size: 40px 40px;
    background-repeat: repeat-x
}

.progress-linear_query .progress-linear__indeterminate_active .long {
    -webkit-animation: query;
    animation: query;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear_query .progress-linear__indeterminate_active .short {
    -webkit-animation: query-short;
    animation: query-short;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes indeterminate {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    to {
        left: 100%;
        right: -35%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@-webkit-keyframes query {
    0% {
        right: -90%;
        left: 100%
    }

    60% {
        right: -90%;
        left: 100%
    }

    to {
        right: 100%;
        left: -35%
    }
}

@keyframes query {
    0% {
        right: -90%;
        left: 100%
    }

    60% {
        right: -90%;
        left: 100%
    }

    to {
        right: 100%;
        left: -35%
    }
}

@-webkit-keyframes query-short {
    0% {
        right: -200%;
        left: 100%
    }

    60% {
        right: 107%;
        left: -8%
    }

    to {
        right: 107%;
        left: -8%
    }
}

@keyframes query-short {
    0% {
        right: -200%;
        left: 100%
    }

    60% {
        right: 107%;
        left: -8%
    }

    to {
        right: 107%;
        left: -8%
    }
}

@-webkit-keyframes stream {
    to {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@keyframes stream {
    to {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

.user-activity-status_empty,
.user-activity-status_good,
.user-activity-status_low,
.user-activity-status_middle {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    will-change: color;
    text-shadow: 0 0 0, 0 0 0
}

.user-activity-progress_empty,
.user-activity-progress_good,
.user-activity-progress_low,
.user-activity-progress_middle {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: color, background-color, border, -webkit-box-shadow;
    transition-property: color, background-color, border, -webkit-box-shadow;
    transition-property: color, background-color, box-shadow, border;
    transition-property: color, background-color, box-shadow, border, -webkit-box-shadow;
    will-change: color, background-color, box-shadow, border
}

.user-activity-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-activity-status__label,
.user-activity-status__progress {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: 1.3
}

.user-activity-progress_empty {
    background: #e64b21 !important;
    -webkit-box-shadow: 0 0 6px 0 #e64b21;
    box-shadow: 0 0 6px 0 #e64b21
}

.user-activity-status_empty {
    color: #e64b21
}

.user-activity-progress_low {
    background: #e64b21 !important;
    -webkit-box-shadow: 0 0 6px 0 #e64b21;
    box-shadow: 0 0 6px 0 #e64b21
}

.user-activity-status_low {
    color: #e64b21
}

.user-activity-progress_middle {
    background: #e6c821 !important;
    -webkit-box-shadow: 0 0 6px 0 #e6c821;
    box-shadow: 0 0 6px 0 #e6c821
}

.user-activity-status_middle {
    color: #e6c821
}

.user-activity-progress_good {
    background: #007bff !important;
    -webkit-box-shadow: 0 0 6px 0 #007bff;
    box-shadow: 0 0 6px 0 #007bff
}

.user-activity-status_good {
    color: #007bff
}

.user-activity-progress_empty {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 1px !important
}

.stats-row {
    line-height: 0
}

.stats-row td:nth-last-child(2) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.stats-row__nickname {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    line-height: normal
}

.stats-row td.stats-row__maps-completed {
    width: 135px
}

tr .stats-row__action {
    background: 0 0;
    text-align: right;
    width: 1px;
    padding: 0;
    padding-left: 20px;
    width: 115px
}

.table {
    width: 100%;
    padding: 20px
}

.table__header-btn {
    width: 116px
}

.stats-players__scroller {
    padding: 20px 40px 40px;
    min-width: 1200px;
    min-height: 400px
}

@media(max-width:650px) {
    .stats-players__scroller {
        padding: 20px 30px 40px
    }
}

@media only screen and (max-width:767px) {
    .stats-players__scroller {
        padding: 20px 20px 40px
    }
}

.profile-promo-block {
    border-radius: 5px;
    overflow: hidden
}

.profile-promo-block a {
    display: inline
}

.profile-promo-block img {
    width: 100%;
    display: block
}

.user-activity {
    height: auto !important;
    min-height: 290px;
    padding: 30px 10px 50px;
    width: 215px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:1343px) {
    .user-activity {
        width: 100%;
        min-height: 280px
    }
}

.user-activity__title {
    font-size: 20px;
    line-height: 1;
    text-align: center
}

.user-activity__progress {
    margin-bottom: -20px
}

.user-activity_low[role=progressbar] {
    color: #e64a21;
    text-shadow: 0 0 14px rgba(230, 74, 33, .5)
}

.user-activity_middle[role=progressbar] {
    color: #e7c820;
    text-shadow: 0 0 14px rgba(231, 200, 32, .5)
}

.user-activity_good[role=progressbar] {
    color: #21e699;
    text-shadow: 0 0 14px rgba(33, 230, 153, .5)
}

.pay-in-chevron {
    width: 40px;
    height: 10px;
    position: relative
}

.pay-in-chevron:after,
.pay-in-chevron:before {
    content: "";
    background-color: #41434a;
    height: 3px;
    width: 62%;
    position: absolute;
    top: 0
}

.pay-in-chevron:before {
    left: 0;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 0;
    transform-origin: 0
}

.pay-in-chevron:after {
    right: 0;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.pay-in-modal .modal-card {
    max-width: 650px;
}

.pay-in__control {
    margin-bottom: 20px
}

.pay-in__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 185px;
    height: 45px;
    font-size: 15px
}

.pay-in__arrows {
    width: 40px;
    margin: 10px auto 15px
}

.pay-in-balans {
    text-align: center
}

.pay-in-balans__title {
    font-size: 15px
}

.pay-in-balans__sum {
    font-weight: 700;
    font-size: 18px;
    color: #007bff;
    line-height: 1.1
}

.pay-in-balans__sum-value {
    font-size: 30px
}

.user-balance {
    min-height: 290px;
    width: 270px;
    max-width: 100%;
    padding: 30px 15px 25px;
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:1343px) {
    .user-balance {
        width: 100%;
        min-height: 280px
    }
}

.user-balance__donate {
    margin-top: auto
}

.user-balance__donate .app-btn {
    height: 45px
}

.user-balance__top {
    margin-bottom: auto;
    text-align: center
}

.user-balance__title {
    text-align: center;
    font-size: 15px;
    line-height: 1
}

.user-balance__balans {
    font-size: 20px;
    line-height: 1.5;
    color: #007bff
}

.user-balance__balans span {
    font-size: 40px
}

.user-balance__server {
    margin-top: auto
}

.profile-card {
    background: #0d0e12;
    font-size: 15px;
    border-radius: 5px;
    color: #fff
}

.profile-card_medium {
    padding: 17px 20px
}

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

.user-online-status__label,
.user-online-status__light {
    word-wrap: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.user-online-status__label {
    margin-left: 8px;
    color: #007bff
}

.user-online-status__light {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #41434a
}

.user-online-status__light_online {
    background: #007bff;
    -webkit-box-shadow: 0 0 13px 0 #007bff;
    box-shadow: 0 0 13px 0 #007bff
}

.user-info-item {
    line-height: 20px
}

.user-info-item__label {
    color: #9b9ea8;
    font-size: 13px
}

.user-info-item__value {
    font-size: 15px;
    display: inline-block;
    max-width: 100%
}

.user-info-item_double .user-info-item__value {
    display: block;
    display: -webkit-box;
    max-height: 34.5px;
    font-size: 15px;
    line-height: 1.15;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34.5px
}

.user-social-btn.user-social-btn_fb,
.user-social-btn.user-social-btn_instagram,
.user-social-btn.user-social-btn_ok,
.user-social-btn.user-social-btn_twitch,
.user-social-btn.user-social-btn_vk,
.user-social-btn.user-social-btn_youtube {
    padding: 0;
    border-radius: 0;
    margin: 0 4px;
    height: 29px;
    width: 29px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-social-btn.user-social-btn_fb .user-social-btn__content,
.user-social-btn.user-social-btn_instagram .user-social-btn__content,
.user-social-btn.user-social-btn_ok .user-social-btn__content,
.user-social-btn.user-social-btn_twitch .user-social-btn__content,
.user-social-btn.user-social-btn_vk .user-social-btn__content,
.user-social-btn.user-social-btn_youtube .user-social-btn__content {
    width: 29px;
    min-height: 29px;
    background: url(../img/user-socials-sprite.1b4a60f2.jpg) no-repeat
}

.user-social-btn.user-social-btn_ok .user-social-btn__content {
    background-position: 0
}

.user-social-btn.user-social-btn_twitch .user-social-btn__content {
    background-position: -29px
}

.user-social-btn.user-social-btn_instagram .user-social-btn__content {
    background-position: -58px
}

.user-social-btn.user-social-btn_youtube .user-social-btn__content {
    background-position: -87px
}

.user-social-btn.user-social-btn_fb .user-social-btn__content {
    background-position: -116px
}

.user-social-btn.user-social-btn_vk .user-social-btn__content {
    background-position: -145px
}

.user-social-btn.is-disabled {
    cursor: not-allowed
}

.user-edit-social {
    position: relative
}

@media only screen and (max-width:1023px) {
    .user-edit-social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

.user-edit-social:not(:last-child) {
    margin-bottom: 10px
}

.user-edit-social__icon {
    position: absolute;
    right: calc(100% + 22px);
    top: 6px;
    pointer-events: none
}

@media only screen and (max-width:1023px) {
    .user-edit-social__icon {
        position: static
    }
}

.user-edit-social__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.user-edit .col,
.user-edit [class*=col-] {
    padding: 10px !important
}

.user-edit .control {
    margin-bottom: 19px
}

@media only screen and (max-width:767px) {
    .user-edit .control {
        margin-bottom: 5px
    }
}

.user-info {
    padding: 20px 15px 15px 20px;
    min-height: 290px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-info .profile-dotted-divider {
    margin-bottom: 10px
}

.user-info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:1023px) {
    .user-info__header {
        width: calc(100% - 200px);
        margin-left: 10px
    }
}

@media(max-width:520px) {
    .user-info__header {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 0
    }
}

.user-info__header-title {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:1023px) {
    .user-info__header-title {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .user-info__header-title {
        font-size: 17px
    }
}

.user-info__header-nickname {
    color: #007bff;
    max-width: 250px;
    margin-left: 10px
}

@media only screen and (max-width:1023px) {
    .user-info__header-nickname {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        margin-bottom: 5px
    }
}

.user-info__socials {
    line-height: 0;
    margin: -5px -4px;
    padding: 5px 0
}

.user-info__nickname {
    display: inline-block;
    max-width: 200px
}

.user-info__avatar {
    width: 190px;
    height: 210px
}

@media only screen and (max-width:1023px) {
    .user-info__avatar {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media(max-width:520px) {
    .user-info__avatar {
        margin: 0 auto
    }
}

.user-info__flag {
    width: 16px;
    margin-right: 6px
}

@media only screen and (max-width:767px) {
    .user-info__category-column {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.user-info__fields {
    padding-top: 5px;
    margin-left: 20px;
    width: calc(100% - 210px)
}

@media only screen and (max-width:1023px) {
    .user-info__fields {
        margin-left: 0;
        margin-top: 10px;
        width: 100%
    }
}

.user-info__fields>.row {
    margin: -8px -5px
}

.user-info__fields>.row .col,
.user-info__fields>.row [class*=col-] {
    padding: 8px 5px
}

.user-info__fields_border {
    border-top: 2px dotted #16171b
}

.user-stats-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 19px
}

.user-stats-item__title {
    color: #9b9ea8 !important;
    caret-color: #9b9ea8 !important;
    font-size: 15px;
    line-height: 1.5
}

.user-stats-item__text {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700
}

.user-bans-detail.table {
    width: 100%;
    border-spacing: 0
}

.user-bans-detail-row {
    height: auto
}

.user-bans-detail-row:not(.app-row_header) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-bans-detail-row td {
    background: 0 0;
    line-height: 1.47em;
    padding: 5px 10px
}

.user-bans-detail-row td:first-child {
    width: 30%
}

.user-bans-row {
    line-height: 0
}

.user-bans-row__detail {
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    will-change: height;
    position: relative;
    line-height: 1.47em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-bans-row__detail:after,
.user-bans-row__detail:before {
    content: "";
    display: block;
    height: 10px
}

.user-bans-row__detail_wrap {
    width: 100%;
    height: 100%;
    background-color: #41434a;
    border-radius: 5px;
    overflow: hidden
}

.user-bans-row__detail-header {
    padding: 5px 10px;
    background: #1d1e23;
    font-weight: 700
}

.user-bans-row_group {
    border-radius: 5px;
    overflow: hidden
}

.user-bans-row_group:before {
    content: "";
    display: block;
    height: 10px
}

.user-bans-row_group>tr+tr {
    height: auto
}

.user-bans-row_group>tr>td {
    -webkit-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
    will-change: border-radius;
    white-space: nowrap
}

.user-bans-row_group_active-detail>tr:first-child>td:first-child {
    border-bottom-left-radius: 0
}

.user-bans-row_group_active-detail>tr:first-child>td:last-child {
    border-bottom-right-radius: 0
}

.user-bans-row_group_active-detail>tr:first-child+tr>td {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.user-bans-row__country {
    width: 50px;
    text-align: center;
    font-size: 12px
}

.user-bans-row__end-time {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#e30404));
    background-image: linear-gradient(90deg, transparent, #e30404);
    text-align: center;
    line-height: normal;
    white-space: nowrap
}

.user-bans-row__nickname {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    line-height: 20px
}

.user-bans-row_expired .user-bans-row__end-time,
.user-bans-row_unbanned .user-bans-row__end-time {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#007bff));
    background-image: linear-gradient(90deg, transparent, #007bff)
}

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

.user-bans-modal {
    will-change: height
}

.user-bans__scroller {
    overflow: hidden;
    overflow-x: auto;
    margin: 0 -20px
}

.user-bans__scroller_wrap {
    padding: 0 20px 40px;
    min-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:575px) {
    .user-bans__scroller_wrap {
        padding: 0 16px 40px
    }
}

@media only screen and (max-width:575px) {
    .user-bans__scroller {
        margin: 0 -15px
    }
}

.user-bans__scroller::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.user-bans__scroller::-webkit-scrollbar-corner,
.user-bans__scroller::-webkit-scrollbar-track {
    background: 0 0
}

.user-bans__scroller::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 100px
}

.profile-info-bans {
    padding: 9px 9px 9px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:767px) {
    .profile-info-bans {
        padding: 9px 20px
    }
}

@media only screen and (max-width:767px) {
    .profile-info-bans__actions {
        width: 100%
    }
}

.profile-info-bans__actions .app-btn {
    width: 150px
}

.profile-info-bans__actions .app-btn:not(:last-child) {
    margin-right: 10px
}

@media only screen and (max-width:767px) {
    .profile-info-bans__actions .app-btn {
        width: 100%
    }

    .profile-info-bans__actions .app-btn:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 0
    }
}

.flex.layout {
    margin: 0 !important
}

.profile-info {
    width: 100%;
    padding: 20px 25px;
    margin: auto;
    border-radius: 5px;
    background: #16171b
}

@media only screen and (max-width:1343px) {
    .profile-info {
        padding: 20px
    }
}

.profile-info__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0;
    margin: -10px;
    margin-bottom: 20px
}

@media only screen and (max-width:1343px) {
    .profile-info__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.profile-info .col,
.profile-info [class*=col-] {
    padding: 5px
}

.profile-info__wrap {
    width: 100%;
    padding: 5px;
    margin: auto
}

.profile-info .profile-card {
    height: 100%
}

.profile-info__edit-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (max-width:1343px) {
    .profile-info__edit-actions {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

@media(max-width:450px) {
    .profile-info__edit-actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.profile-info__edit-btn {
    width: 250px;
    height: 50px;
    font-size: 15px
}

.profile-info__edit-btn:not(:last-child) {
    margin-right: 10px
}

@media only screen and (max-width:767px) {
    .profile-info__edit-btn {
        height: 40px;
        width: 150px
    }
}

@media(max-width:450px) {
    .profile-info__edit-btn {
        width: 100%
    }

    .profile-info__edit-btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.profile-info .card {
    background: #0d0e12
}

.profile-info .card,
.profile-info .card>.row {
    height: 100%
}

.color_warning {
    color: #e34b21 !important;
    caret-color: #e34b21 !important
}

.color_label {
    color: #007bff99 !important;
    caret-color: #007bff99 !important
}

.color_accent {
    color: #007bff !important;
    caret-color: #007bff !important
}

.user__widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.user__widgets.flex {
    padding: 0 !important
}

@media only screen and (max-width:1343px) {
    .user__widgets {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:1023px) {
    .user__widgets {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.user-logs-list {
    padding-bottom: 10px;
    min-height: 150px
}

.user-logs-list__list {
    margin: -10px auto
}

.user-logs-list__message {
    font-size: 20px;
    text-align: center
}

.user-logs-item {
    padding: 10px 0;
    font-size: 15px;
    word-break: break-all
}

.user-logs-item__label {
    font-size: 13px;
    color: #9b9ea8
}

.user-logs {
    padding: 5px
}

.profile-dotted-divider {
    margin: 10px 0;
    border-bottom: 2px dotted #1a1b1f
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    /* margin-right:auto; */
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font: var(--swiper-navigation-size) swiper-icons
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.carousel-fade-enter-active,
.carousel-fade-leave-active {
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.carousel-fade-enter,
.carousel-fade-leave-to {
    opacity: 0
}

.carousel {
    position: relative;
    background: #16171b;
    border-radius: 5px;
    overflow: inherit
}

.carousel__wrap {
    width: 100%;
    position: relative;
    outline: 0;
    text-decoration: none;
    border-radius: inherit;
}

.carousel__item {
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-pack: center;
    width: inherit;
    overflow: hidden
}

.carousel__item,
.carousel__item__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.carousel__item__wrap {
    display: block;
    border-radius: inherit;
    color: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-pack: center;
    margin: 0 auto;
    position: relative;
    z-index: 4;
    max-width: 100%;
    height: 100%;
}

.carousel__item img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.carousel__counter,
.carousel__dots {
    position: absolute;
    z-index: 10
}

@media only screen and (max-width:1023px) {

    .swiper-container .carousel__counter,
    .swiper-container .carousel__dots {
        bottom: -50px
    }
}

.carousel__btn {
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    z-index: 11
}

.carousel__btn_prev {
    left: 20px
}

.carousel__btn_next {
    right: 20px
}

.carousel__btn:not(.is-disabled):hover {
    color: #fff
}

.carousel__counter {
    bottom: 10px;
    left: 10px;
    color: #9b9ea8;
    font-size: 16px;
    text-shadow: 0 3px 9px #000
}

.carousel__current {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding: 0 6px;
    text-align: center;
    min-width: 30px;
    display: inline-block
}

.carousel__dots {
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: center;
    line-height: 38px
}

.carousel__dot {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: 2px solid #9b9ea8;
    border-radius: 50%;
    -webkit-transition: .2s cubic-bezier(.4, 0, .6, 1);
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    cursor: pointer
}

.carousel__dot:hover {
    background: rgba(175, 11, 27, .36);
    border-color: #007bff99
}

.carousel__dot:not(:last-child) {
    margin-right: 28px
}

.carousel__dot:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    background: #9b9ea8;
    width: 30px;
    left: 100%;
    top: 6px;
    z-index: -1
}

.carousel__dot.active,
.carousel__dot.active:hover {
    background-color: #007bff;
    border-color: #007bff;
    -webkit-box-shadow: 0 0 16px 5px rgba(232, 3, 26, .4);
    box-shadow: 0 0 16px 5px rgba(232, 3, 26, .4)
}

.the-carousel {
    width: 100%
}

.the-carousel__container {
    /* height:370px; */
    overflow: hidden;
    position: relative;
}

.the-carousel__content,
.the-carousel__skeleton {
    width: 100%;
    /* height:100%; */
    /* position:absolute; */
    /* top:0; */
    left: 0;
}

@media only screen and (max-width:1023px) {
    .the-carousel {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:575px) {
    .the-carousel__container {
        height: auto;
        /* padding-bottom:74%; */
    }
}

.channel {
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px
}

.channel__type {
    color: #9b9ea8;
    width: 20px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.channel__name {
    font-weight: 500;
    color: #9b9ea8;
    max-width: 250px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle
}

.discord__members-title {
    font-size: 15px;
    margin-bottom: 5px
}

.discord_widget {
    width: 100%;
    max-width: 360px
}

@media only screen and (max-width:1343px) {
    .discord_widget {
        max-width: 50%
    }
}

@media only screen and (max-width:767px) {
    .discord_widget {
        max-width: 100%;
        height: 500px
    }
}

.discord_widget .toolbar__title img {
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .discord_widget .toolbar__title img {
        height: 28px
    }
}

.discord__scrollarea {
    padding: 15px 15px 20px;
    height: 100%;
    scrollbar-width: thin;
    overflow: auto
}

.discord__scrollarea::-webkit-scrollbar {
    width: 6px
}

.discord__scrollarea::-webkit-scrollbar-thumb {
    background: rgba(232, 3, 26, .5);
    border-radius: 100px
}

.discord__scrollarea::-webkit-scrollbar-thumb:hover {
    background: rgba(232, 3, 26, .6)
}

.discord .card {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.discord .card__content {
    background: 0 0;
    background-image: url(../img/discord-widget-bg.505ca8be.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 95%;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    overflow: hidden
}

.discord .card__actions {
    padding: 20px 15px;
    color: #9b9ea8
}

.discord .card__divider {
    margin: 0 10px
}

.discord-user {
    padding: 2px 0
}

.discord-user__avatar {
    font-size: 0;
    border-radius: 50%;
    border: 2px solid #007bff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.discord-user__avatar img {
    width: 22px;
    height: 22px;
    border-radius: inherit;
    border: 1px solid #000;
    vertical-align: middle
}

.discord-user__nickname {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    max-width: 225px
}

.reward__info {
    text-align: center;
    font-size: 13px;
    text-shadow: 0 3px 9px rgba(0, 0, 0, .55)
}

.reward__info__quality {
    font-size: 11px
}

.reward__image,
.reward__name,
.reward__quality,
.reward__type {
    text-align: center
}

.reward__name,
.reward__quality,
.reward__type {
    line-height: 1.47em;
    font-size: 13px
}

.reward__type {
    font-size: 15px
}

.reward__image {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1)
}

.reward__image,
.reward__image img {
    position: relative;
    max-height: inherit
}

.reward__image img {
    max-width: 100%;
    margin: auto;
    vertical-align: middle;
    z-index: 1
}

.reward:hover .reward__image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.reward_theme_servers .reward__image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    will-change: transform, opacity;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.reward_theme_top-players .reward__image {
    height: 120px;
    max-height: 120px
}

.reward_theme_top-players .reward__image:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    display: block;
    border: 4px solid;
    border-radius: 5px;
    background: 0 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.reward_theme_top-players .reward__type {
    display: inline;
    font-size: 13px
}

.top-player-redbull-reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.top-player-redbull-reward__img-container {
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.top-player-redbull-reward__img {
    height: 100px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1)
}

.top-player-redbull-reward__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #e9b603;
    font-weight: 500
}

.top-player-redbull-reward:hover .top-player-redbull-reward__img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.top-player {
    width: 182px;
    padding: 8px;
    margin: 5px;
    background: #0d0e12;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none
}

.top-player__rewards,
.top-player__server-mode,
.top-player__user-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.top-player__user-wrap {
    display: block
}

.top-player__server-mode {
    height: 40px;
    margin-top: auto
}

.top-player__server-mode.btn_default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    text-transform: uppercase;
    color: #007bff;
    font-size: 13px;
    font-weight: 700;
    height: 35px;
    background: #16171b;
    padding-left: 2px
}

.top-player__server-mode.btn_default:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 27, 31, .5)), to(rgba(232, 3, 26, .5)));
    background: linear-gradient(180deg, rgba(26, 27, 31, .5) 0, rgba(232, 3, 26, .5))
}

.top-player__server-mode.btn_default.btn_icon svg {
    margin: 0
}

.top-player__server-mode.btn_default .btn__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.top-player__server-mode.btn_default span {
    vertical-align: middle;
    margin-left: 4px;
    color: #007bff
}

.top-player__avatar {
    padding: 3px;
    border-radius: 4px;
    height: 166px
}

.top-player__avatar:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#007bff), to(#1a1b1f));
    background: linear-gradient(180deg, #007bff 0, #1a1b1f)
}

.top-player__avatar.no-winner:before {
    background: #1a1b1f
}

.top-player__avatar img {
    display: block;
    max-width: 100%
}

.top-player__nickname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px
}

.top-player__reward {
    margin-bottom: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.top-player__reward:hover {
    text-decoration: none
}

.top-player__reward:active {
    color: #fff
}

.top-palyers-widget-placeholder {
    height: 300px;
    width: 100%;
    padding: 20px 0;
    background-image: url(../img/1160.f9b177c5.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: content-box
}

@media only screen and (max-width:1343px) {
    .top-palyers-widget-placeholder {
        background-image: url(../img/860.a5402ec1.jpg)
    }
}

@media only screen and (max-width:1023px) {
    .top-palyers-widget-placeholder {
        background-image: url(../img/640.d7ac70a6.jpg)
    }
}

@media only screen and (max-width:767px) {
    .top-palyers-widget-placeholder {
        background-image: url(../img/470.57571893.jpg)
    }
}

.top-players-info-modal .modal-card {
    max-width: 600px
}

@media(max-width:600px) {
    .top-players-info-modal .modal-card {
        padding-left: 20px;
        padding-right: 20px
    }
}

.top-players-info {
    width: 600px;
    max-width: 100%
}

.top-players-info__content {
    line-height: 1.6
}

@media(max-width:600px) {
    .top-players-info__content {
        line-height: 1.4
    }
}

.top-players-info__content p {
    margin-bottom: 10px
}

.top-players-info__content p:last-child {
    margin-bottom: 0
}

.top-players__list {
    min-width: 100%;
    padding: 20px 15px;
    min-height: 300px;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    vertical-align: middle
}

.top-players__list .items-not-found {
    -ms-flex-item-align: center;
    align-self: center
}

.top-players__info {
    -webkit-transition: .2s cubic-bezier(.4, 0, .6, 1);
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    -webkit-transition-property: color, -webkit-filter;
    transition-property: color, -webkit-filter;
    transition-property: color, filter;
    transition-property: color, filter, -webkit-filter;
    cursor: pointer
}

.top-players__info:hover {
    color: #007bff;
    -webkit-filter: drop-shadow(0 0 5px rgba(232, 3, 26, .5));
    filter: drop-shadow(0 0 5px rgba(232, 3, 26, .5))
}

.top-players__info:active {
    color: #007bff;
    -webkit-filter: drop-shadow(0 0 5px rgba(232, 3, 26, .5)) drop-shadow(0 0 5px rgba(232, 3, 26, .75));
    filter: drop-shadow(0 0 5px rgba(232, 3, 26, .5)) drop-shadow(0 0 5px rgba(232, 3, 26, .75))
}

.top-players__countdown {
    float: right
}

@media only screen and (max-width:1023px) {
    .top-players__countdown {
        float: none;
        width: 100%
    }
}

.top-players__toolbar {
    position: relative;
    z-index: 2
}

@media only screen and (max-width:1023px) {
    .top-players__toolbar .toolbar__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .top-players__toolbar .toolbar__extension {
        width: 100%;
        margin-top: 10px;
        max-width: 100%
    }
}

.top-players .card__content {
    padding-top: 0;
    padding-bottom: 0
}

.month-changer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 16px
}

@media only screen and (max-width:1023px) {

    .month-changer__next.app-btn,
    .month-changer__prev.app-btn {
        padding: 8px
    }
}

@media only screen and (max-width:575px) {

    .month-changer__next.app-btn,
    .month-changer__prev.app-btn {
        padding: 12px
    }
}

.month-changer__text {
    color: #fff;
    line-height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:575px) {
    .month-changer {
        margin-top: 16px
    }
}

.shop-vip-card {
    display: block;
    height: 330px;
    border-radius: 8px;
    padding: 0 14px 14px;
    position: relative;
    z-index: 1;
    background-color: #0d0e12;
    overflow: hidden;
    color: #fff
}

@-webkit-keyframes wave {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@keyframes wave {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

.shop-vip-card__body {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: inherit;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-transform: translateY(55px);
    transform: translateY(55px)
}

.shop-vip-card__body,
.shop-vip-card__img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shop-vip-card__img-container {
    height: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 20px;
    width: 100%
}

.shop-vip-card__img {
    max-height: 150%;
    max-width: 100%
}

.shop-vip-card__name {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px
}

.shop-vip-card__bg,
.shop-vip-card__gradient,
.shop-vip-card__shine {
    pointer-events: none
}

.shop-vip-card__gradient {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
    background: url(../../../../cache/img/zagruzka_blue.png)0 100% repeat-x;
}

.shop-vip-card__bg {
    position: absolute;
    z-index: -3;
    top: 0;
    right: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.shop-vip-card__toolbar {
    height: 35px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
}

.shop-vip-card__btn {
    width: 170px;
    font-size: 15px;
}

.shop-vip-card__shine {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(45%, hsla(0, 0%, 100%, .2)), color-stop(45%, transparent));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .2) 45%, transparent 0);
    -webkit-transform: translateX(-40%) skew(40deg);
    transform: translateX(-40%) skew(40deg);
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.shop-vip-card:focus,
.shop-vip-card:hover {
    text-decoration: none;
    outline: none
}

.shop-vip-card:focus .shop-vip-card__body,
.shop-vip-card:hover .shop-vip-card__body {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.shop-vip-card:focus .shop-vip-card__toolbar,
.shop-vip-card:hover .shop-vip-card__toolbar {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.shop-vip-card:focus .shop-vip-card__shine,
.shop-vip-card:hover .shop-vip-card__shine {
    -webkit-transform: translateX(140%) skew(40deg);
    transform: translateX(140%) skew(40deg);
    opacity: 1
}

.shop-vip-card:focus .shop-vip-card__img,
.shop-vip-card:hover .shop-vip-card__img {
    -webkit-animation: wave 2.5s linear infinite;
    animation: wave 2.5s linear infinite
}

@media only screen and (max-width:1343px) {
    .shop-vip-card {
        padding-left: 10px;
        padding-right: 10px
    }

    .shop-vip-card__gradient {
        left: -20px
    }
}

.shop-widget .toolbar {
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

.shop-widget .toolbar__extension>.layout {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:1023px) {
    .shop-widget .toolbar__extension>.layout {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .shop-widget .toolbar .layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .shop-widget .toolbar__extension {
        margin-top: 16px;
        width: 100%
    }
}

.shop-widget__items-list {
    margin: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shop-widget__item {
    padding: 10px;
    width: 33.33333%
}

.shop-widget__btn {
    height: 40px;
    font-size: 14px;
    padding: 0 30px;
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1023px) {
    .shop-widget__item {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .shop-widget__btn {
        width: 100%
    }
}

.news-enter {
    height: 40px;
    font-size: 14px;
    padding: 0 30px;
    width: 220px
}

@media only screen and (max-width:767px) {
    .news-enter {
        width: 100%
    }
}

.news-widget .toolbar {
    position: relative
}

.news-widget .toolbar__extension>.layout {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:1023px) {
    .news-widget .toolbar__extension>.layout {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .news-widget .toolbar .layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .news-widget .toolbar__extension {
        margin-top: 16px;
        width: 100%
    }
}

.news-widget__list {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    padding: 20px 0
}

@media only screen and (max-width:1343px) {
    .news-widget__list {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
    }
}

.news-list__category {
    margin: 5px;
    height: 30px
}

@media(max-width:410px) {

    .news-list__categories,
    .news-list__category {
        width: 100%
    }
}

.news-list__content {
    padding: 20px 0;
    min-height: 400px;
    position: relative
}

.news-list__items {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr))
}

.news-list__not-found {
    margin-top: 20px
}

.news-list_empty .toolbar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.news-list_empty .news-list__content {
    background-color: #16171b
}

@media only screen and (max-width:1343px) {
    .news-list .toolbar .layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .news-list .toolbar__extension {
        margin-top: 16px;
        width: 100%
    }
}

.news-item-detail__details {
    display: block;
    padding: 0 20px;
    margin-bottom: 50px;
}

.news-item-detail__title {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.47em
}

.news-item-detail__date {
    margin-top: 10px;
    color: #9b9ea8;
    font-size: 15px;
}

.news-item-detail__views {
    margin-top: 10px;
    color: #9b9ea8;
    font-size: 15px;
    margin-right: 10px;
    border-right: 1px solid;
    padding-right: 10px;
}

.news-item-detail__category {
    margin-top: 10px;
    color: #9b9ea8;
    font-size: 15px;
    margin-right: 10px;
    border-right: 1px solid;
    padding-right: 10px;
}

.news-item-detail__author {
    margin-top: 10px;
    color: #9b9ea8;
    font-size: 15px;
}

.news-item-detail__text {
    font-size: 14px;
    line-height: 1.47em;
    margin-top: 20px
}

.news-item-detail__text p {
    margin: 10px 0
}

.news-item-detail__text img {
    float: left;
    margin: 10px
}

.news-item-detail__text ol,
.news-item-detail__text ul {
    margin-left: 1em;
    padding-left: 40px
}

@media only screen and (max-width:767px) {

    .news-item-detail__text ol,
    .news-item-detail__text ul {
        padding-left: 20px
    }
}

.news-item-detail .card__divider {
    margin: 0
}

.news-item-detail .card__actions {
    padding-top: 0
}

@media only screen and (max-width:767px) {

    .news-item-detail__author,
    .news-item-detail__content {
        padding: 0
    }
}

.balance {
    padding-left: 10px;
    /* padding-right: 9px; */
    border: 1px solid #1c5bed;
    border-radius: 5px;
    font-size: 14px;
    /* margin-right:15px; */
    /* margin-left:10px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.balance-btn {
    cursor: pointer;
    text-align: center;
    padding: 1px 9px;
    font-weight: 500;
    font-size: 18px;
    background: var(--span-color);
    color: #fff;
}

.user-info__header-faceit {
    color: #fff;
    background: #fff;
    padding: 10px 20px;
    transition: .3s;
    margin: 0px 5px 0px 5px;
    border-radius: 5px;
    background: var(--navbar-color);
    cursor: pointer;
}

.balance a {
    transition: all .3s;
}

.balance a:hover {
    background: #1d4ab3;
    text-decoration: none;
} 

.custom-card {
    border: 1px solid #374558!important;
    border-radius: 10px!important;
    padding: 30px!important;
}

.custom-card .card-profile {
    text-align: center;
    padding: 30px;
}

.custom-card .card-profile img {
    background-color: #262932;
    height: 110px;
    padding: 7px;
    width: 115px;
}

.custom-card .profile-details h5 {
    font-size: 18px;
}

.custom-card .profile-details h6 {
    font-size: 14px;
}

.ribbon-users {
    right: 10px!important;
    border-radius: 50px;
    background: #4b4b52;
    transition: .3s all;
}

.ribbon-users a {
    color: #fff;
}

.ribbon-users:hover {
    background: #2c2c30;
}

.ribbon {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 12px;
    left: 0px;
    color: #fff;
    z-index: 2;
}

.ribbon-right {
    left: auto;
    right: -2px;
}

.custom-card .media-icons {
  position: absolute;
  top: 10px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-card .media-icons svg {
  color: #fff;
  opacity: 0.6;
  margin-top: 10px;
  font-size: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.custom-card .media-icons svg:hover{
  opacity: 1;
}

.custom-card .media-icons-left {
  position: absolute;
  top: 10px;
  left: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-card .media-icons-left svg {
  color: #fff;
  opacity: 0.6;
  margin-top: 10px;
  font-size: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.custom-card .media-icons-left svg:hover{
  opacity: 1;
}

.btn-search-players {
    padding: 10px;
    margin-left: 10px;
    border-radius: 4px;
}

.icon-btn-prof svg {
    margin-right: 10px;
}

#nenaideno {
    position: relative;
    height: 100vh;
    background-color: #0d0e12;
}

#nenaideno .nenaideno {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.nenaideno {
    max-width: 650px!important;
    width: 100%!important;
    text-align: center!important;
}

.nenaideno h1 {
    font-family: 'Quicksand', sans-serif;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff;
}

.nenaideno h2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    margin: 0;
    font-weight: 700;
    color: #fff;
}

.nenaideno a {
    background: #0d0e12!important;
    font-family: 'Quicksand', sans-serif;
    font-size: 25px!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    border: 1px solid #1c5bed!important;
    display: inline-block!important;
    padding: 15px 30px!important;
    border-radius: 5px!important;
    color: #fff!important;
    height: 100%!important;
    font-weight: 700!important;
    margin-top: 20px!important;
}

.nenaideno a:hover { 
    background-color: #1c5bed;
}

.nenaideno-social {
    margin-top: 10px;
}

.nenaideno-social > a {
    background: #0d0e12!important;
    display: inline-block!important;
    height: 50px!important;
    font-family: 'Quicksand', sans-serif;
    line-height: 50px!important;
    width: 50px!important;
    font-size: 25px!important;
    color: #fff!important;
    border: 1px solid #1c5bed!important;
    margin: 5px!important;
    padding: 0!important;
    -webkit-transition: 0.2s all!important;
    transition: 0.2s all!important;
}

.nenaideno-social > a:hover {
    background: #1c5bed;
}