@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
}
.pf-logo.col-xs-3 img {
    background: #000;
    padding: 10px;
    height: 65px;
}

.brand-logo {
    background: #000;
    border-radius: 5px;
    padding: 10px;
}
.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
}

.auth a{
    font-size: 12px;
    color: var(--color-text-link1);
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}
.auth a:hover{
    color: var(--color-text-alt);
    text-decoration: none;
}

.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
}
.date[data-v-442c35ee] {
    color: var(--color-text-alt-2);
    display: block;
    margin-bottom: 1.5rem;
}

small {
    font-size: .75rem;
    line-height: 1rem;
}
.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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: -22px;
    margin-top: calc(var(--swiper-navigation-size)*-1/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-theme-color);
    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 {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-feature-settings: normal, ;
    font-variant: normal;
    line-height: 1
}

.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-theme-color);
    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-theme-color);
    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;
    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%;
    -o-object-fit: contain;
    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%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-left: 4px solid var(--swiper-theme-color);
    border-bottom: 4px solid var(--swiper-theme-color);
    border-right: 4px solid var(--swiper-theme-color);
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

@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;
    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
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

html {
    font-size: 16px;
    scroll-behavior: smooth
}

@media(min-width:48em) {
    html {
        font-size: 18px
    }
}

:root {
    --main-tranistion: 0.3s ease;
    --main-layout: calc(100vw - var(--main-gap)*2);
    --main-gap: 1rem;
    --outside-vertical: 6rem;
    --border-radius-small: 10px;
    --border-radius-big: 18px;
    --font-weight-light: 400;
    --font-weight-medium: 600;
    --font-weight-bold: 700;
    --header-height: 5rem;
    --info-width: 45rem;
    --color-background-base: #fff;
    --color-background-base-rgb: 255, 255, 255;
    --color-background-body: #f5f5f6;
    --color-background-body-rgb: 245, 245, 246;
    --color-background-alt: #ebebec;
    --color-background-alt-rgb: 235, 235, 236;
    --color-fill-brand-1: #f34c27;
    --color-fill-brand-1-rgb: 243, 76, 39;
    --color-fill-brand-2: #9a42ed;
    --color-fill-brand-2-rgb: 154, 66, 237;
    --color-fill-black: #000;
    --color-fill-black-rgb: 0, 0, 0;
    --color-fill-white: #fff;
    --color-fill-white-rgb: 255, 255, 255;
    --color-fill-background: #f5f5f6;
    --color-fill-background-rgb: 245, 245, 246;
    --color-fill-alert: #f10;
    --color-fill-alert-rgb: 255, 17, 0;
    --color-fill-success: #4bcb7c;
    --color-fill-success-rgb: 75, 203, 124;
    --color-fill-warn: #ff971d;
    --color-fill-warn-rgb: 255, 151, 29;
    --color-text-light-base: #fafafa;
    --color-text-light-base-rgb: 250, 250, 250;
    --color-text-base: #212121;
    --color-text-base-rgb: 33, 33, 33;
    --color-text-link1: #ff5722;
    --color-text-link1-rgb: 255, 87, 34;
    --color-text-link2: #9a42ed;
    --color-text-link2-rgb: 154, 66, 237;
    --color-text-alt: rgba(var(--color-text-base-rgb), 0.7);
    --color-text-light-alt: rgba(var(--color-text-light-base-rgb), 0.7);
    --color-text-light-alt-2: rgba(var(--color-text-light-base-rgb), 0.4);
    --color-fill-brand-1-alt: rgba(var(--color-fill-brand-1-rgb), 0.08);
    --color-text-alt-2: rgba(var(--color-text-base-rgb), 0.4)
}

@media(min-width:48em) {
    :root {
        --main-gap: 2rem
    }
}

@media(min-width:76.5em) {
    :root {
        --main-layout: 67rem
    }
}

@media(min-width:114em) {
    :root {
        --main-layout: 74rem
    }
}

body {
    background-color: #fff;
    background-color: var(--color-background-base);
    color: #212121;
    color: var(--color-text-base);
    font-family: "Nunito", sans-serif;
    font-style: normal;
    line-height: 1.5rem
}

main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

article,
footer,
section {
    display: grid;
    grid-gap: 6rem 0;
    gap: 6rem 0;
    grid-gap: var(--outside-vertical) 0;
    gap: var(--outside-vertical) 0;
    grid-template-columns: [main-start] 1rem [content-outside-start] auto [content-start] calc(100vw - 2rem) [content-end] auto [content-outside-end] 1rem [main-end];
    grid-template-columns: [main-start] var(--main-gap) [content-outside-start] auto [content-start] var(--main-layout) [content-end] auto [content-outside-end] var(--main-gap) [main-end];
    width: 100%
}

article > [grid-layout],
footer > [grid-layout],
section > [grid-layout] {
    grid-column: main-start/main-end
}

article > [grid-content],
footer > [grid-content],
section > [grid-content] {
    grid-column: content-start/content-end
}

article > [grid-outside-content],
footer > [grid-outside-content],
section > [grid-outside-content] {
    display: grid;
    grid-column: main-start/main-end;
    grid-template-columns: [content-start] calc(100vw - 2rem) [content-end];
    grid-template-columns: [content-start] var(--main-layout) [content-end];
    justify-content: center
}

@media(min-width:48em) {

    article > [grid-outside-content],
    footer > [grid-outside-content],
    section > [grid-outside-content] {
        grid-column: content-outside-start/content-outside-end
    }
}

article > [grid-outside-content] > [grid-content],
footer > [grid-outside-content] > [grid-content],
section > [grid-outside-content] > [grid-content] {
    grid-column: content-start/content-end
}

[main-content] {
    display: grid;
    flex: 1 0 0;
    grid-gap: 6rem 0;
    gap: 6rem 0;
    grid-gap: var(--outside-vertical) 0;
    gap: var(--outside-vertical) 0;
    height: 100%
}

[gap0] {
    display: grid;
    grid-gap: 0;
    gap: 0
}

[static-center] {
    margin: 0 auto;
    width: 100%
}

@media(min-width:70em) {
    [static-center] {
        width: 45rem;
        width: var(--info-width)
    }
}

h1 {
    font-size: 2rem;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    line-height: 2.5rem;
    margin: 0
}

@media(min-width:48em) {
    h1 {
        font-size: 3rem;
        line-height: 4rem
    }
}

h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    line-height: 2rem;
    margin: 0
}

@media(min-width:48em) {
    h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0
}

@media(min-width:48em) {
    h3 {
        font-size: 1.5rem;
        font-weight: 700;
        font-weight: var(--font-weight-bold);
        line-height: 2rem
    }
}

a,
ol,
p,
ul {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0
}

small {
    font-size: .75rem;
    line-height: 1rem
}

button {
    cursor: pointer
}

ul {
    margin: 0
}

a,
b {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

img,
svg {
    vertical-align: middle
}

.no-scroll {
    overflow: hidden
}

[box-gap] {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-gap: var(--main-gap);
    gap: var(--main-gap);
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

[gap-extra-small] {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem
}

[gap-small] {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

[gap-medium] {
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem
}

[gap-big] {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem
}

ul[reset] {
    list-style-type: none
}

li[reset],
ul[reset] {
    margin: 0;
    padding: 0
}

a[reset] {
    text-decoration: none
}

[text] {
    font-size: 1rem;
    font-weight: 600;
    font-weight: var(--font-weight-medium);
    line-height: 1.5rem
}

[text-light] {
    font-weight: 400;
    font-weight: var(--font-weight-light)
}

[text-medium] {
    font-weight: 600;
    font-weight: var(--font-weight-medium)
}

[text-bold] {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

[grid-list] {
    display: grid;
    grid-auto-flow: row
}

@media(min-width:48em) {
    [grid-list] {
        grid-auto-flow: column
    }
}

[hide-horizontal-scroll-bar]::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    margin-bottom: -15px;
    padding-bottom: 15px;
    width: 0
}

.transform-enter-active,
.transform-leave-active {
    transition: transform .3s ease, opacity .3s ease;
    transition: transform var(--main-tranistion), opacity var(--main-tranistion)
}

.transform-enter,
.transform-leave-to {
    opacity: 0;
    transform: translateY(1rem);
    transform: translateY(var(--main-gap))
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s ease;
    transition: opacity var(--main-tranistion)
}
#p_toggler{
    font-size: 12px;
    text-transform: none;
    color: #888;
}
.fade-enter,
.fade-leave-to {
    opacity: 0
}

[accent-block] {
    align-items: center;
    background-color: #f5f5f6;
    background-color: var(--color-fill-background);
    border-radius: 0;
    box-sizing: border-box;
    padding: 6rem 0;
    padding: var(--outside-vertical) 0;
    text-align: center
}

@media(min-width:48em) {
    [accent-block] {
        border-radius: 18px;
        border-radius: var(--border-radius-big)
    }
}

[space-center] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

[full-width] {
    width: 100%
}

[text-center] {
    text-align: center
}

[base-space] {
    margin-top: 5rem
}

a,
button {
    cursor: pointer;
    display: inline-block;
    font-weight: var(--font-weight-medium);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    line-height: normal;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

a:active,
button:active {
    transform: translate(.5px, .8px)
}

a[text-transform-unset],
button[text-transform-unset] {
    text-transform: unset
}

a[full],
button[full] {
    width: 100%
}

a[primary],
button[primary] {
    font-size: .75rem;
    padding: .25rem 1rem
}

a[primary-big],
a[primary],
button[primary-big],
button[primary] {
    background-color: #2a50f1;
    border: 0;
    border-radius: var(--border-radius-small);
    color: var(--color-fill-white);
    line-height: 1.5rem
;border: 2px solid #2a50f1;
    transition: all .3s linear;}

a[primary-big],
button[primary-big] {
    font-size: 1rem;
    padding: .75rem 2rem
}

a[secondary],
button[secondary] {
    font-size: .75rem
}

a[link-button],
a[secondary],
button[link-button],
button[secondary] {
    background-color: transparent;
    border: 0;
    color: #2a50f1;
    line-height: 1.5rem;
    padding: 0
}

a[link-button],
button[link-button] {
    font-size: 1rem;
    font-weight: var(--font-weight-light);
    text-decoration: none
}

a[link-button]:active,
button[link-button]:active {
    transform: translate(.5px, .8px)
}

a[disabled],
button[disabled] {
    opacity: .5
}

input[primary],
textarea[primary] {
    border: 0;
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-text-alt-2);
    box-sizing: border-box;
    color: var(--color-text-base);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5rem;
    outline: none;
    padding: 0 1rem;
    transition: all var(--main-tranistion);
    width: 100%
}

input[primary]::-moz-placeholder,
textarea[primary]::-moz-placeholder {
    color: var(--color-text-alt-2)
}

input[primary]:-ms-input-placeholder,
textarea[primary]:-ms-input-placeholder {
    color: var(--color-text-alt-2)
}

input[primary]::placeholder,
textarea[primary]::placeholder {
    color: var(--color-text-alt-2)
}

input[primary]:focus,
textarea[primary]:focus {
    box-shadow: 0 0 0 2px var(--color-fill-brand-2)
}

input {
    background-color: var(--color-background-base)
}

input[primary] {
    height: 3rem
}

input[invalid] {
    background-color: rgba(var(--color-fill-alert-rgb), .06);
    box-shadow: 0 0 0 2px var(--color-fill-alert)
}

textarea {
    background-color: var(--color-background-base)
}

textarea[primary] {
    height: 6rem;
    padding: .75rem 1rem;
    resize: none
}

code[class*=language-],
pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-]::selection,
code[class*=language-] ::selection,
pre[class*=language-]::selection,
pre[class*=language-] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0
}

:not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.class-name,
.token.function {
    color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
    color: #e90
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.mobile-banner[data-v-4681a35a] {
    grid-column: main-start/main-end;
    margin-top: 5rem
}

@media(min-width:48em) {
    .mobile-banner[data-v-4681a35a] {
        grid-column: content-start/content-end
    }
}

@media(min-width:70em) {
    .mobile-banner-wrapper[data-v-4681a35a] {
        display: none
    }
}

[data-v-4681a35a] [static-content] {
    width: 100%
}

[data-v-4681a35a] [static-content] a {
    color: var(--color-text-link1);
    text-transform: unset
}

[data-v-4681a35a] [static-content] h3 {
    font-weight: var(--font-weight-bold);
    padding-top: 3rem
}

[data-v-4681a35a] [static-content] [reset-offset] {
    margin: 0;
    padding: 0
}

[data-v-4681a35a] [static-content] p {
    font-weight: var(--font-weight-light);
}

[data-v-4681a35a] [static-content] li,
[data-v-4681a35a] [static-content] ul {
    margin-top: 1rem
}

[data-v-4681a35a] [static-content] small {
    display: block;
    padding-top: 1.5rem
}

[data-v-4681a35a] [static-content] table {
    border: 0;
    border-collapse: collapse;
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-background-alt);
    box-sizing: border-box;
    margin-top: 1.5rem;
    overflow: hidden;
    overflow-x: auto
}

[data-v-4681a35a] [static-content] thead {
    background-color: var(--color-background-alt)
}

[data-v-4681a35a] [static-content] th {
    color: var(--color-text-base);
    font-weight: var(--font-weight-medium)
}

[data-v-4681a35a] [static-content] td {
    color: var(--color-text-alt);
    font-weight: var(--font-weight-light)
}

[data-v-4681a35a] [static-content] td,
[data-v-4681a35a] [static-content] th {
    border-right: 1px solid var(--color-background-alt);
    padding: .5rem 1rem;
    text-align: left
}
.reg-wrapper{
    width: 48rem;
    max-width: 100%;
}
.reg-wrapper .terms-check{
   width: 100%;
}
.agree-terms a, .agree-terms span {
    display: inline-block !important;
    width: auto !important
}
#reg_form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
}
#reg_form span{
    display: block;
    width: calc(100%/2 - 20px)
}
@media(max-width:768px) {
    .reg-wrapper{
       width: auto;
    }
    #reg_form span{
        display: block;
        width: 100%
    }
}

@media(min-width:48em) {

    [data-v-4681a35a] [static-content] td,
    [data-v-4681a35a] [static-content] th {
        width: auto
    }
}

[data-v-4681a35a] [static-content] td:last-child,
[data-v-4681a35a] [static-content] th:last-child {
    border-right: 0
}

[data-v-4681a35a] [static-content] tr {
    border: 0;
    border-bottom: 1px solid var(--color-background-alt);
    display: table-row
}

[data-v-4681a35a] [static-content] tr:last-child {
    border-bottom: 0
}

[data-v-4681a35a] [static-content] tr > th:first-child {
    border-top-left-radius: var(--border-radius-small)
}

[data-v-4681a35a] [static-content] tr > th:last-child {
    border-top-right-radius: var(--border-radius-small)
}

[data-v-4681a35a] [static-content] tr:last-child > td:first-child {
    border-bottom-left-radius: var(--border-radius-small)
}

[data-v-4681a35a] [static-content] tr:last-child > td:last-child {
    border-bottom-right-radius: var(--border-radius-small)
}

[data-v-4681a35a] [static-content] li {
    font-size: 1rem;
    font-weight: var(--font-weight-light);
    line-height: 1.5rem;
    margin-bottom: 1.5rem
}

[data-v-4681a35a] [static-content] li:last-child {
    margin-bottom: 0
}

[data-v-4681a35a] [anchor] {
    padding-top: 5rem
}

.header-banner[data-v-0d25437f] {
    display: none;
    overflow: hidden;
    position: relative
}

@media(min-width:48em) {
    .header-banner[data-v-0d25437f] {
        border-radius: var(--border-radius-big);
        margin: 1rem auto
    }
}

.header-banner.mobile[data-v-0d25437f] {
    display: block;
    height: 19rem;
    width: 100%
}

@media(min-width:70em) {
    .header-banner.mobile[data-v-0d25437f] {
        display: none
    }
}

.header-banner.desktop[data-v-0d25437f] {
    display: none;
    height: 17rem;
    width: var(--main-layout)
}

@media(min-width:70em) {
    .header-banner.desktop[data-v-0d25437f] {
        display: block
    }
}

.header-banner img[data-v-0d25437f] {
    height: 17rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.go-to-banner[data-v-0d25437f] {
    display: block;
    width: 100%
}

.content[data-v-0d25437f],
.go-to-banner[data-v-0d25437f] {
    height: 100%;
    position: absolute
}

.content[data-v-0d25437f] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    pointer-events: none
}

@media(min-width:70em) {
    .content[data-v-0d25437f] {
        padding: 0 3rem
    }
}

.info[data-v-0d25437f] {
    margin-bottom: 1rem
}

h2[data-v-0d25437f] {
    color: var(--color-text-link2);
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    line-height: 2.5rem
}

@media(min-width:70em) {
    h2[data-v-0d25437f] {
        font-size: 3rem;
        line-height: 4rem
    }
}

p[data-v-0d25437f] {
    color: var(--color-text-base);
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
    line-height: 2rem
}

@media(min-width:70em) {
    p[data-v-0d25437f] {
        font-size: 2rem;
        line-height: 3rem
    }
}

.mobile-header-buttons[data-v-1514b37e] {
    box-sizing: border-box;
    display: block;
    padding: .5rem;
    width: 100%
}

@media(min-width:70em) {
    .mobile-header-buttons[data-v-1514b37e] {
        display: none
    }
}

.container[data-v-1514b37e] {
    align-items: center;
    background-color: var(--color-fill-brand-1-alt);
    border-radius: var(--border-radius-small);
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    padding: 1rem 3rem
}

.mobile-menu[data-v-6565b3c9] {
    display: block
}

@media(min-width:70em) {
    .mobile-menu[data-v-6565b3c9] {
        display: none
    }
}

header[data-v-6565b3c9] {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(var(--color-background-base-rgb), .8);
    display: grid;
    grid-template-columns: var(--main-layout-grid);
    height: var(--header-height);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10
}

.header-container[data-v-6565b3c9] {
    align-items: center;
    display: grid;
    grid-gap: 0;
    gap: 0;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-template-columns: auto;
    justify-content: space-between;
    margin: 0 auto;
    width: var(--main-layout)
}

@media(min-width:75em) {
    .header-container[data-v-6565b3c9] {
        grid-gap: 2rem;
        gap: 2rem;
        grid-template-columns: auto 1fr auto
    }
}

.navigation-link[data-v-6565b3c9] {
    color: var(--color-text-alt);
    font-size: .75rem;
    line-height: 1rem;
    padding: .5rem 1rem;
    text-decoration: none
}

.navigation-link.nuxt-link-active[data-v-6565b3c9] {
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-background-alt);
    color: var(--color-text-base)
}

.navigation-list[data-v-6565b3c9] {
    align-items: center;
    display: grid;
    grid-gap: 0;
    gap: 0;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media(min-width:75em) {
    .navigation-list[data-v-6565b3c9] {
        grid-gap: 1rem;
        gap: 1rem
    }
}

.navigation-list li[data-v-6565b3c9] {
    display: flex
}

.main-nav[data-v-6565b3c9] {
    display: none
}

@media(min-width:70em) {
    .main-nav[data-v-6565b3c9] {
        display: unset
    }
}

.outher-menu[data-v-6565b3c9] {
    align-items: center;
    display: grid;
    display: none;
    grid-gap: 1rem;
    gap: 1rem;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    height: 100%
}

@media(min-width:70em) {
    .outher-menu[data-v-6565b3c9] {
        display: grid
    }
}

.outher-list[data-v-6565b3c9] {
    align-items: center;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.select-mobile[data-v-4b5455d2] {
    display: block;
    position: relative;
    width: 6rem
}

@media(min-width:70em) {
    .select-mobile[data-v-4b5455d2] {
        display: none
    }
}

.select-desktop[data-v-4b5455d2] {
    display: none;
    position: relative
}

@media(min-width:70em) {
    .select-desktop[data-v-4b5455d2] {
        display: block
    }
}

.list[data-v-4b5455d2] {
    position: absolute;
    width: 100%
}

select[data-v-4b5455d2] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--border-radius-small);
    width: 100%
}

@media(min-width:70em) {
    select[data-v-4b5455d2] {
        border-radius: 0
    }
}

.position-by-select[data-v-4b5455d2] {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: .5rem;
    top: 0
}

.item[data-v-4b5455d2],
select[data-v-4b5455d2] {
    background-color: var(--color-background-body);
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-size: .75rem;
    font-weight: var(--font-weight-light);
    line-height: 1rem;
    outline: none;
    padding: .5rem;
    width: 100%
}

@media(min-width:70em) {

    .item[data-v-4b5455d2]:hover,
    select[data-v-4b5455d2]:hover {
        background-color: var(--color-background-base)
    }
}

.icon[data-v-4b5455d2] {
    font-size: 1.5rem;
    margin-left: .5rem;
    pointer-events: none;
    transition: transform var(--main-tranistion)
}

.opened .icon[data-v-4b5455d2] {
    transform: rotate(180deg)
}

.selected[data-v-4b5455d2] {
    align-items: center;
    background-color: transparent;
    display: flex
}

.selected.opened[data-v-4b5455d2] {
    background-color: var(--color-background-body)
}

.menu[data-v-212b4b19] {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 24px;
    padding: 0;
    position: relative;
    width: 24px;
    z-index: 10000
}

svg[data-v-212b4b19] {
    height: 100%;
    width: 100%
}

.line[data-v-212b4b19] {
    fill: none;
    stroke: var(--color-text-base);
    stroke-width: 6;
    transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.line1[data-v-212b4b19] {
    stroke-dasharray: 60 207
}

.line1[data-v-212b4b19],
.line2[data-v-212b4b19] {
    stroke-width: 6
}

.line2[data-v-212b4b19] {
    stroke-dasharray: 60 60
}

.line3[data-v-212b4b19] {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.opened .line1[data-v-212b4b19] {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.opened .line2[data-v-212b4b19] {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6
}

.opened .line3[data-v-212b4b19] {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.title[data-v-2125ee86] {
    text-align: center
}

.accordion[data-v-e5037566] {
    width: 100%
}

.item[data-v-e5037566] {
    border-bottom: 1px solid var(--color-background-alt)
}

.header[data-v-e5037566] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    justify-content: space-between;
    line-height: 1.5rem;
    padding: 1rem 0;
    transition: all var(--main-tranistion)
}

.header > .title[data-v-e5037566] {
    flex: 1 0 0
}

.icon[data-v-e5037566] {
    font-size: 1.5rem;
    transition: transform var(--main-tranistion)
}

.opened .icon[data-v-e5037566] {
    transform: rotate(180deg)
}

.content[data-v-e5037566] {
    font-size: 1rem;
    font-weight: var(--font-weight-light);
    line-height: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    transition: all var(--main-tranistion)
}

.expand-enter-active,
.expand-leave-active {
    overflow: hidden;
    transition: all var(--main-tranistion)
}

.expand-enter,
.expand-leave-to {
    height: 0
}

*[data-v-225fab62] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
    transform: translateZ(0);
    will-change: height
}

.mobile-sidebar[data-v-46b5fdf8] {
    display: unset;
    height: 100vh;
    left: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99999999
}

@media(min-width:70em) {
    .mobile-sidebar[data-v-46b5fdf8] {
        display: none
    }
}

.hamburger-menu[data-v-46b5fdf8] {
    align-items: center;
    display: flex;
    height: var(--header-height);
    margin-right: 1rem;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.hamburger-menu.no-fixed[data-v-46b5fdf8] {
    position: absolute
}

.header-logo[data-v-46b5fdf8] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.content[data-v-46b5fdf8] {
    background-color: var(--color-background-base);
    box-sizing: border-box;
    height: 100%;
    padding: 0 1rem;
    pointer-events: auto;
    width: 100%
}

.main-nav[data-v-46b5fdf8] {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    margin-top: 3rem
}

.bottom-nav[data-v-46b5fdf8] {
    bottom: 1rem;
    display: grid;
    left: 0;
    position: fixed;
    width: 100%
}

.outher-list[data-v-46b5fdf8] {
    align-items: center;
    display: grid;
    grid-gap: inherit;
    gap: inherit;
    grid-auto-flow: column;
    justify-content: center
}

.navigation-link[data-v-46b5fdf8] {
    color: #000
}

.cookie-banner[data-v-23931780] {
    align-items: flex-start;
    background-color: var(--color-background-body);
    border-top-left-radius: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0 auto;
    padding: 1.5rem;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 9999
}

@media(min-width:48em) {
    .cookie-banner[data-v-23931780] {
        align-items: center;
        border-radius: var(--border-radius-small);
        bottom: 1rem;
        flex-direction: row;
        width: var(--main-layout)
    }
}

.content[data-v-23931780] {
    display: grid;
    width: 100%
}

@media(min-width:48em) {
    .content[data-v-23931780] {
        display: none
    }
}

.content.full-version[data-v-23931780] {
    display: none
}

@media(min-width:48em) {
    .content.full-version[data-v-23931780] {
        display: grid
    }
}

.header[data-v-23931780] {
    display: flex;
    justify-content: space-between
}

.title[data-v-23931780] {
    font-weight: var(--font-weight-bold)
}

.actions[data-v-23931780] {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    justify-items: center;
    margin-left: 0;
    margin-top: 1rem
}

@media(min-width:48em) {
    .actions[data-v-23931780] {
        align-items: start;
        grid-auto-flow: row;
        margin-left: 1rem;
        margin-top: 0
    }
}

.icon[data-v-23931780] {
    font-size: 1.5rem;
    transition: transform var(--main-tranistion)
}

.icon.opened[data-v-23931780] {
    transform: rotate(180deg)
}

footer[data-v-4ce608d6] {
    margin-bottom: 0;
    margin-top: 5rem
}

@media(min-width:48em) {
    footer[data-v-4ce608d6] {
        margin-bottom: 2rem
    }
}

.footer-rest[data-v-4ce608d6] {
    width: 100%
}

.footer-rest-content[data-v-4ce608d6] {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap-reverse;
    justify-content: center
}

@media(min-width:70em) {
    .footer-rest-content[data-v-4ce608d6] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around
    }
}

@media(min-width:76.5em) {
    .footer-rest-content[data-v-4ce608d6] {
        justify-content: space-between
    }
}

.footer-wrapper[data-v-4ce608d6] {
    padding: 3rem 0
}

.footer-container[data-v-4ce608d6] {
    display: grid;
    grid-gap: 0;
    gap: 0;
    justify-items: center
}

@media(min-width:70em) {
    .footer-container[data-v-4ce608d6] {
        grid-gap: 2rem;
        gap: 2rem
    }
}

.main-info[data-v-4ce608d6] {
    display: grid;
    justify-items: center
}

.payment-methods[data-v-4ce608d6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.payment-methods .payment-method[data-v-4ce608d6] {
    display: flex;
    margin-bottom: 1rem;
    margin-right: 1rem
}

.payment-methods .payment-method > img[data-v-4ce608d6] {
    height: 3rem
}

.we-are-socials[data-v-4ce608d6] {
    display: grid;
    grid-gap: 3rem;
    gap: 3rem;
    grid-auto-flow: column;
    margin-bottom: 2rem;
    margin-top: 1rem
}

@media(min-width:70em) {
    .we-are-socials[data-v-4ce608d6] {
        grid-gap: 2rem;
        gap: 2rem;
        margin: 0
    }
}

.navigation-link[data-v-4ce608d6] {
    color: var(--color-text-base);
    font-size: .75rem;
    line-height: 1rem;
    text-decoration: none
}

.navigation-list[data-v-4ce608d6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.navigation-list > li[data-v-4ce608d6] {
    display: flex;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem
}

@media(min-width:70em) {
    .navigation-list > li[data-v-4ce608d6] {
        margin-bottom: 0
    }
}

div[data-v-842f8994] {
    background-color: var(--color-background-alt);
    height: 1px;
    margin: 1rem 0;
    width: 100%
}

header[data-v-b2a688be] {
    align-items: center;
    display: flex;
    height: 5rem;
    justify-content: center
}

section[data-v-b2a688be] {
    display: grid;
    min-height: calc(100vh - 10rem)
}

.content[data-v-b2a688be] {
    justify-items: center;
    text-align: center
}

.content-wrapper[data-v-b2a688be] {
    align-items: center;
    display: flex;
    justify-content: center
}

.text-description[data-v-b2a688be] {
    color: var(--color-text-alt)
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.wrapper[data-v-e74cd2d0] {
    height: 206px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative
}

@media(min-width:76.5em) {
    .wrapper[data-v-e74cd2d0] {
        overflow: visible
    }
}

.inline-list[data-v-e74cd2d0] {
    display: inline-block;
    height: 100%;
    padding: 0 1rem
}

.container[data-v-e74cd2d0] {
    box-sizing: border-box;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-auto-flow: column;
    height: 100%;
    width: 100%
}

.info[data-v-e74cd2d0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative
}

.title[data-v-e74cd2d0] {
    color: var(--color-text-light-alt);
    margin-bottom: 10px;
    text-transform: uppercase
}

.description[data-v-e74cd2d0],
.title[data-v-e74cd2d0] {
    font-weight: var(--font-weight-bold)
}

.description[data-v-e74cd2d0] {
    color: var(--color-fill-white)
}

.step-item[data-v-e74cd2d0] {
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 19rem
}

@media(min-width:70em) {
    .step-item[data-v-e74cd2d0] {
        width: auto
    }
}

.random-shape[data-v-e74cd2d0] {
    position: absolute;
    right: 0;
    top: 0
}

.available-forums[data-v-7ec40e52] {
    display: grid;
    grid-auto-flow: row;
    justify-items: center
}

@media(min-width:70em) {
    .available-forums[data-v-7ec40e52] {
        grid-auto-flow: column
    }
}

.available-forums > li[data-v-7ec40e52] {
    background-color: var(--color-background-body);
    border-radius: var(--border-radius-small);
    display: flex;
    width: 100%
}

.available-forums > li a[data-v-7ec40e52] {
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    padding: 1rem 0;
    text-align: center;
    width: 100%
}

.title[data-v-bb524ae8] {
    font-weight: var(--font-weight-light);
    text-align: center
}

.main-carousel {
    height: 100%;
    width: 100%
}

.main-carousel-item {
    align-items: center;
    background-color: var(--color-background-base);
    display: flex;
    font-size: 38px;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    text-align: center
}

.main-carousel-pagination {
    opacity: 1
}

.main-carousel-pagination.swiper-pagination-bullets {
    bottom: 0
}

.main-carousel-pagination > .swiper-pagination-bullet {
    background-color: var(--color-background-alt);
    border-radius: 5px;
    height: 10px;
    opacity: 1;
    transition: all var(--main-tranistion);
    width: 10px
}

.main-carousel-pagination > .swiper-pagination-bullet-active {
    background-color: var(--color-text-base);
    opacity: 1;
    width: 30px
}

.dashboard-preview[data-v-28a73140] {
    justify-items: center;
    text-align: center
}

@media(min-width:48em) {
    .dashboard-preview[data-v-28a73140] {
        justify-items: start;
        text-align: left
    }
}

.dashboard-preview[data-v-28a73140] {
    align-items: center;
    display: grid;
    grid-template-areas: "title""image""info""button";
    grid-template-columns: auto
}

@media(min-width:48em) {
    .dashboard-preview[data-v-28a73140] {
        grid-gap: 0 2rem;
        gap: 0 2rem;
        grid-template-areas: ". image""title image""info image""button image"". image";
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto
    }
}

.dashboard-preview .title[data-v-28a73140] {
    font-weight: var(--font-weight-light);
    grid-area: title;
    margin-bottom: 2rem
}

@media(min-width:48em) {
    .dashboard-preview .title[data-v-28a73140] {
        margin-bottom: 0
    }
}

.dashboard-preview .description[data-v-28a73140] {
    color: var(--color-text-alt);
    grid-area: info;
    margin-bottom: 1rem
}

@media(min-width:48em) {
    .dashboard-preview .description[data-v-28a73140] {
        margin-bottom: 2rem
    }
}

.dashboard-preview a[data-v-28a73140] {
    grid-area: button
}

.dashboard-preview .dashboard-image[data-v-28a73140] {
    display: grid;
    grid-area: image;
    margin-bottom: 2rem;
    position: relative;
    width: 100%
}

@media(min-width:48em) {
    .dashboard-preview .dashboard-image[data-v-28a73140] {
        margin-bottom: 0
    }
}

.dashboard-preview .dashboard-image > img[data-v-28a73140] {
    width: 100%
}

.list[data-v-f0962722] {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
    padding: 60px 0
}

@media(min-width:48em) {
    .list[data-v-f0962722] {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }
}

@media(min-width:70em) {
    .list[data-v-f0962722] {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr)
    }
}

.item[data-v-f0962722] {
    padding: 2rem 0;
    text-align: center
}

@media(min-width:48em) {
    .item[data-v-f0962722] {
        padding: 0
    }
}

.item > img[data-v-f0962722] {
    margin: 0 auto
}

.title[data-v-f0962722] {
    font-weight: var(--font-weight-bold)
}

.description[data-v-f0962722] {
    color: var(--color-text-alt)
}

.list[data-v-34bfa295] {
    grid-auto-flow: row;
    grid-template-columns: auto;
    margin: 2rem 1rem 0
}

@media(min-width:48em) {
    .list[data-v-34bfa295] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:76.5em) {
    .list[data-v-34bfa295] {
        grid-template-columns: repeat(3, 1fr);
        margin: 2rem 0 0
    }
}

.list .item[data-v-34bfa295] {
    background-color: var(--color-background-base);
    border-radius: var(--border-radius-small);
    display: flex;
    justify-content: space-between;
    padding: 2rem
}

.list .info[data-v-34bfa295] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

.list .icon[data-v-34bfa295] {
    align-self: center
}

.description[data-v-34bfa295] {
    color: var(--color-text-alt)
}

.title[data-v-34bfa295] {
    font-weight: var(--font-weight-bold)
}



.brand-list[data-v-0b579902] {
    display: grid
}

.brand-indicator[data-v-0b579902] {
    color: var(--color-text-alt)
}

.brand-indicator > b[data-v-0b579902] {
    color: var(--color-text-base)
}

.wrapper-info[data-v-0b579902] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.container-info[data-v-0b579902] {
    justify-items: center;
    text-align: center
}

@media(min-width:48em) {
    .container-info[data-v-0b579902] {
        justify-items: start;
        text-align: left
    }
}

.wrapper-image > img[data-v-0b579902] {
    width: 100%
}

.brand-item[data-v-0b579902] {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    grid-template-areas: "first""last";
    grid-template-rows: auto 1fr
}

@media(min-width:48em) {
    .brand-item[data-v-0b579902] {
        grid-template-areas: "first last";
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto
    }

    .brand-item:nth-child(odd) > .wrapper-info[data-v-0b579902] {
        grid-area: first
    }

    .brand-item:nth-child(2n) > .wrapper-info[data-v-0b579902],
    .brand-item:nth-child(odd) > .wrapper-image[data-v-0b579902] {
        grid-area: last
    }

    .brand-item:nth-child(2n) > .wrapper-image[data-v-0b579902] {
        grid-area: first
    }
}

.description[data-v-0b579902] {
    color: var(--color-text-alt)
}



.banner[data-v-82f3571e] {
    box-sizing: border-box;
    height: 28rem;
    margin: 0 auto;
    max-width: 100vw;
    overflow: hidden;
    padding: 0;
    position: relative
}

@media(min-width:48em) {
    .banner[data-v-82f3571e] {
        height: 35rem
    }
}

.banner-description[data-v-82f3571e] {
    color: var(--color-text-alt);
    font-weight: var(--font-weight-medium);
    margin: 0 auto;
    max-width: 44rem
}

.main-gap[data-v-82f3571e] {
    display: grid;
    grid-gap: var(--main-gap);
    gap: var(--main-gap)
}

.todo-image[data-v-82f3571e] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner-call-to-action[data-v-82f3571e] {
    align-items: center;
    align-self: center;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center
}

@media(min-width:48em) {
    .banner-call-to-action[data-v-82f3571e] {
        grid-auto-flow: column
    }
}

.save-time-title[data-v-82f3571e] {
    align-items: center;
    display: flex;
    grid-area: title;
    width: 100%
}

.save-time-block[data-v-82f3571e] {
    display: grid;
    grid-gap: var(--main-gap);
    gap: var(--main-gap);
    grid-template-areas: "title title""cards cards""call-to-action ."
}

@media(min-width:48em) {
    .save-time-block[data-v-82f3571e] {
        grid-template-areas: "title call-to-action""cards cards"". ."
    }
}

.save-time-wrapper[data-v-82f3571e] {
    display: grid
}

.save-time-cards[data-v-82f3571e] {
    display: grid;
    grid-area: cards;
    margin-left: -1rem;
    margin-right: -1rem
}

.save-time-button-container[data-v-82f3571e] {
    align-self: center;
    grid-area: call-to-action;
    text-align: left
}

@media(min-width:48em) {
    .save-time-button-container[data-v-82f3571e] {
        text-align: right
    }
}

.privacy-policy-arrow-icon[data-v-82f3571e] {
    align-items: center;
    display: inline-flex;
    font-size: 1.5rem;
    justify-content: center;
    margin-left: .25rem;
    vertical-align: middle
}



.auth-wrapper[data-v-6b5363ac] {
    position: relative;
    width: 100%
}

@media(min-width:48em) {
    .auth-wrapper[data-v-6b5363ac] {
        width: 24rem
    }
}

.auth-container[data-v-6b5363ac] {
    background-color: var(--color-fill-background);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    padding: 2rem 1rem;
    text-align: center;
    width: 100%
}

@media(min-width:48em) {
    .auth-container[data-v-6b5363ac] {
        padding: 2rem 2rem 2rem 2rem;
    }
}

.bottom-buttons[data-v-6b5363ac] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 2rem
}



.container[data-v-45aa1f42] {
    align-items: center;
    box-sizing: border-box;
    color: var(--color-text-alt);
    cursor: pointer;
    display: flex;
    min-height: 1.5rem;
    padding-left: 2rem;
    position: relative;
    text-align: left;

}

input[data-v-45aa1f42] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    width: 0
}

.checkmark[data-v-45aa1f42],
input[data-v-45aa1f42] {
    position: absolute
}

.checkmark[data-v-45aa1f42] {
    border: 1px solid var(--color-text-alt-2);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    height: 1.5rem;
    left: 0;
    top: 0;
    width: 1.5rem
}

input:checked ~ .checkmark[data-v-45aa1f42] {
    background-color: var(--color-fill-brand-2);
    border: 0
}

.checkmark[data-v-45aa1f42]:after {
    border: solid var(--color-fill-white);
    border-width: 0 3px 3px 0;
    bottom: 4px;
    content: "";
    display: none;
    height: 12px;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 6px
}

input:checked ~ .checkmark[data-v-45aa1f42]:after {
    display: flex
}



.message[data-v-b11c4c68] {
    background-color: var(--color-background-alt);
    border-radius: var(--border-radius-small);
    color: var(--color-text-light-base);
    margin-bottom: 1.5rem;
    padding: 1rem
}

.message.error[data-v-b11c4c68] {
    background-color: var(--color-fill-alert)
}

.message.success[data-v-b11c4c68] {
    background-color: var(--color-fill-success)
}



form[data-v-cefe5034] {
    display: grid;
    grid-gap: .5rem 0;
    gap: .5rem 0;
    margin-top: 1.5rem
}

.no-account[data-v-cefe5034] {
    color: var(--color-text-alt)
}

.forgot-password[data-v-cefe5034] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: .5rem 0 1rem
}

.info-error-messages[data-v-cefe5034] {
    background-color: var(--color-fill-alert);
    border-radius: var(--border-radius-small);
    color: var(--color-text-light-base);
    margin-bottom: 1.5rem;
    padding: 1rem
}



header[data-v-bf3d9388] {
    display: grid;
    grid-template-columns: var(--main-layout-grid);
    height: var(--header-height);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.header-container[data-v-bf3d9388] {
    align-items: center;
    display: grid;
    gap: 0;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-gap: 0;
    grid-template-columns: auto;
    justify-content: space-between;
    margin: 0 auto;
    width: var(--main-layout)
}

.go-back[data-v-bf3d9388] {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(var(--color-background-base-rgb), .8);
    border: 0;
    border-radius: var(--border-radius-small);
    color: var(--color-text-base);
    height: 3rem;
    padding: 0 1rem
}

.fixed[data-v-bf3d9388] {
    position: fixed;
    top: 1rem
}

.icon[data-v-bf3d9388] {
    font-size: 1.5rem;
    transform: rotate(180deg)
}

.text-back-button[data-v-bf3d9388] {
    margin-left: .5rem;
    vertical-align: middle
}



a[data-v-30b81761] {
    color: var(--color-text-link1);
    text-transform: unset
}

h3[data-v-30b81761] {
    font-weight: var(--font-weight-bold);
    padding-top: 3rem
}

[reset-offset][data-v-30b81761] {
    margin: 0;
    padding: 0
}

p[data-v-30b81761] {
    font-weight: var(--font-weight-light);
    padding-top: 1.5rem
}

li[data-v-30b81761],
ul[data-v-30b81761] {
    margin-top: 1rem
}

small[data-v-30b81761] {
    display: block;
    padding-top: 1.5rem
}

table[data-v-30b81761] {
    border: 0;
    border-collapse: collapse;
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-background-alt);
    box-sizing: border-box;
    margin-top: 1.5rem;
    overflow: hidden;
    overflow-x: auto
}

thead[data-v-30b81761] {
    background-color: var(--color-background-alt)
}

th[data-v-30b81761] {
    color: var(--color-text-base);
    font-weight: var(--font-weight-medium)
}

td[data-v-30b81761] {
    color: var(--color-text-alt);
    font-weight: var(--font-weight-light)
}

td[data-v-30b81761],
th[data-v-30b81761] {
    border-right: 1px solid var(--color-background-alt);
    padding: .5rem 1rem;
    text-align: left
}

@media(min-width:48em) {

    td[data-v-30b81761],
    th[data-v-30b81761] {
        width: auto
    }
}

td[data-v-30b81761]:last-child,
th[data-v-30b81761]:last-child {
    border-right: 0
}

tr[data-v-30b81761] {
    border: 0;
    border-bottom: 1px solid var(--color-background-alt);
    display: table-row
}

tr[data-v-30b81761]:last-child {
    border-bottom: 0
}

tr > th[data-v-30b81761]:first-child {
    border-top-left-radius: var(--border-radius-small)
}

tr > th[data-v-30b81761]:last-child {
    border-top-right-radius: var(--border-radius-small)
}

tr:last-child > td[data-v-30b81761]:first-child {
    border-bottom-left-radius: var(--border-radius-small)
}

tr:last-child > td[data-v-30b81761]:last-child {
    border-bottom-right-radius: var(--border-radius-small)
}

li[data-v-30b81761] {
    font-size: 1rem;
    font-weight: var(--font-weight-light);
    line-height: 1.5rem;
    margin-bottom: 1.5rem
}

li[data-v-30b81761]:last-child {
    margin-bottom: 0
}

.tournament[data-v-30b81761] {
    min-height: 100vh;
    padding-bottom: 4rem
}

@media(min-width:48em) {
    .tournament[data-v-30b81761] {
        display: block
    }
}

.parallax[data-v-30b81761] {
    display: none;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100%
}

@media(min-width:48em) {
    .parallax[data-v-30b81761] {
        display: block
    }
}

.parallax img[data-v-30b81761] {
    width: 100%
}

section[data-v-30b81761] {
    grid-gap: 2rem 0;
    gap: 2rem 0
}

table[data-v-30b81761] {
    box-shadow: 0 0 0 1px var(--color-background-body);
    margin-top: 0;
    width: 100%
}

table thead[data-v-30b81761] {
    background-color: var(--color-background-body)
}

table td[data-v-30b81761] {
    background-color: var(--color-background-base)
}

table .active > td[data-v-30b81761] {
    background-color: var(--color-fill-brand-2);
    color: var(--color-text-light-base);
    font-weight: var(--font-weight-bold)
}

colgroup col[data-v-30b81761]:first-child {
    width: 1%
}

colgroup col[data-v-30b81761]:nth-child(2),
colgroup col[data-v-30b81761]:nth-child(3) {
    width: 49.5%
}

.content[data-v-30b81761] {
    display: grid;
    grid-gap: 4rem;
    gap: 4rem;
    padding-top: 2rem;
    position: relative;
    z-index: 5
}

.alert[data-v-30b81761] {
    -webkit-animation: pulsar-data-v-30b81761 2s infinite;
    animation: pulsar-data-v-30b81761 2s infinite;
    background-color: var(--color-fill-brand-2);
    border-radius: var(--border-radius-small);
    color: var(--color-text-light-base);
    display: grid;
    grid-gap: .5rem;
    gap: .5rem;
    grid-auto-flow: column;
    padding: .5rem 1rem
}

@-webkit-keyframes pulsar-data-v-30b81761 {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--color-fill-brand-2-rgb), .7);
        transform: scale(.95)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(var(--color-fill-brand-2-rgb), 0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 0 rgba(var(--color-fill-brand-2-rgb), 0);
        transform: scale(.95)
    }
}

@keyframes pulsar-data-v-30b81761 {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--color-fill-brand-2-rgb), .7);
        transform: scale(.95)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(var(--color-fill-brand-2-rgb), 0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 0 rgba(var(--color-fill-brand-2-rgb), 0);
        transform: scale(.95)
    }
}

.alert img[data-v-30b81761] {
    height: 1.5rem;
    width: 1.5rem
}

.prize-order[data-v-30b81761] {
    display: grid;
    grid-gap: 0 1rem;
    gap: 0 1rem;
    grid-auto-flow: column
}

.prize-order-wrapper[data-v-30b81761] {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 0 1rem;
    width: auto
}

@media(min-width:48em) {
    .prize-order-wrapper[data-v-30b81761] {
        margin: 0;
        padding: 0
    }
}

.prize-order-inline[data-v-30b81761] {
    display: inline-block
}

.prize-order-title[data-v-30b81761] {
    color: var(--color-text-alt)
}

.prize-order > li[data-v-30b81761] {
    background-color: var(--color-background-base);
    border: 1px solid var(--color-background-alt);
    border-radius: var(--border-radius-small);
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    justify-items: center;
    margin: 0;
    padding: .5rem 0;
    width: 8rem
}

.image-parallax-banner[data-v-30b81761] {
    position: relative;
    top: 3rem
}

.banner[data-v-30b81761] {
    background-image: url(/_nuxt/img/banner.689f051.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100%
}

@media(min-width:48em) {
    .banner[data-v-30b81761] {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%)
    }
}

.banner-container[data-v-30b81761] {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--main-layout);
    padding-top: 2rem
}

@media(min-width:48em) {
    .banner-container[data-v-30b81761] {
        flex-direction: row;
        padding-top: 0
    }
}

.banner-info[data-v-30b81761] {
    align-self: center;
    background-color: var(--color-background-base);
    display: grid;
    justify-items: center;
    margin-top: 4rem;
    padding-top: 1rem;
    position: relative;
    width: 100vw;
    z-index: 1
}

@media(min-width:48em) {
    .banner-info[data-v-30b81761] {
        background: transparent;
        justify-items: start;
        margin-top: 0;
        width: auto
    }
}

.title[data-v-30b81761] {
    text-align: center;
    width: auto
}

@media(min-width:48em) {
    .title[data-v-30b81761] {
        font-size: 2rem;
        line-height: 2.5rem;
        text-align: left;
        width: 26rem
    }
}

@media(min-width:70em) {
    .title[data-v-30b81761] {
        font-size: 3rem;
        line-height: 4rem
    }
}

.prize[data-v-30b81761] {
    background-color: var(--color-fill-brand-1);
    border-radius: var(--border-radius-small);
    color: #fff;
    display: inline-block;
    font-size: 3rem;
    font-weight: var(--font-weight-bold);
    line-height: 5rem;
    padding: 1rem 2rem
}

@media(min-width:48em) {
    .prize[data-v-30b81761] {
        padding: .5rem 1rem
    }
}

@media(min-width:70em) {
    .prize[data-v-30b81761] {
        font-size: 5rem;
        line-height: 6rem;
        padding: 1rem 2rem
    }
}

.prize-wrapper[data-v-30b81761] {
    margin: 0 auto
}

@media(min-width:48em) {
    .prize-wrapper[data-v-30b81761] {
        margin: 0
    }
}

.illustration[data-v-30b81761] {
    position: relative;
    top: 2rem
}

.illustration img[data-v-30b81761] {
    width: 100%
}

@media(min-width:48em) {
    .illustration img[data-v-30b81761] {
        top: 6rem;
        width: 22rem
    }
}

@media(min-width:70em) {
    .illustration img[data-v-30b81761] {
        width: 32rem
    }
}

@media(min-width:75em) {
    .illustration img[data-v-30b81761] {
        width: 36rem
    }
}

@media(min-width:114em) {
    .illustration img[data-v-30b81761] {
        width: 40rem
    }
}



.pagination[data-v-4ff56dfc] {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    justify-content: center
}

.pagination-item[data-v-4ff56dfc],
.pagination-list[data-v-4ff56dfc] {
    display: flex
}

.pagination-link[data-v-4ff56dfc] {
    border-radius: var(--border-radius-small);
    color: var(--color-text-alt-2);
    padding: .5rem 1rem
}

.pagination-link.active[data-v-4ff56dfc] {
    box-shadow: 0 0 0 1px var(--color-text-alt-2);
    color: var(--color-text-base)
}

.total[data-v-4ff56dfc] {
    align-items: center;
    display: inline-flex;
    font-weight: var(--font-weight-bold)
}

.next[data-v-4ff56dfc],
.prev[data-v-4ff56dfc] {
    align-items: center;
    color: var(--color-text-link1);
    display: flex;
    font-size: 1.5rem;
    justify-content: center
}

.next.disabled[data-v-4ff56dfc],
.prev.disabled[data-v-4ff56dfc] {
    color: var(--color-text-alt-2);
    pointer-events: none
}

.prev[data-v-4ff56dfc] {
    transform: rotate(180deg)
}



.news-list[data-v-20199ca6] {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

.article[data-v-20199ca6] {
    border: 1px solid var(--color-background-alt);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    padding: 2rem;
    width: 100%
}

.article-container[data-v-20199ca6] {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-template-columns: auto
}

@media(min-width:48em) {
    .article-container[data-v-20199ca6] {
        grid-gap: 2rem;
        gap: 2rem;
        grid-template-columns: auto 1fr
    }
}

.article-header[data-v-20199ca6] {
    align-items: center;
    display: grid;
    grid-gap: .5rem 0;
    gap: .5rem 0;
    grid-auto-flow: row;
    justify-content: space-between;
    width: 100%
}

@media(min-width:48em) {
    .article-header[data-v-20199ca6] {
        grid-auto-flow: column
    }
}

.article-date[data-v-20199ca6] {
    color: var(--color-text-alt-2);
    order: -1;
    text-align: left
}

@media(min-width:48em) {
    .article-date[data-v-20199ca6] {
        order: 0;
        text-align: right
    }
}

.article-description[data-v-20199ca6] {
    color: var(--color-text-alt)
}

.more-details[data-v-20199ca6] {
    margin-top: 1rem
}



.static-layout[data-v-84cbdb30] {
    display: grid;
    grid-template-areas: "first""second";
    justify-content: center
}

@media(min-width:70em) {
    .static-layout[data-v-84cbdb30] {
        grid-gap: 3rem;
        gap: 3rem;
        grid-template-areas: "first second";
        grid-template-columns: 2.5fr 1fr
    }
}

@media(min-width:75em) {
    .static-layout[data-v-84cbdb30] {
        grid-template-columns: var(--info-width) 1fr
    }
}

.info[data-v-84cbdb30] {
    grid-area: second
}

@media(min-width:70em) {
    .info[data-v-84cbdb30] {
        grid-area: first
    }
}



.statics-navigation[data-v-7634ecf4] {
    grid-area: first;
    height: 100%;
    position: relative;
    width: 100%
}

@media(min-width:70em) {
    .statics-navigation[data-v-7634ecf4] {
        grid-area: second
    }
}

h2[data-v-7634ecf4] {
    border-bottom: 1px solid var(--color-background-alt);
    padding-bottom: 1rem;
    padding-top: 5rem
}

nav[data-v-7634ecf4] {
    margin-top: 1rem;
    position: relative
}

@media(min-width:70em) {
    nav[data-v-7634ecf4] {
        position: -webkit-sticky;
        position: sticky;
        top: 6rem
    }
}

nav li[data-v-7634ecf4] {
    display: flex;
    margin-bottom: .5rem
}

.navigation-link[data-v-7634ecf4] {
    color: var(--color-text-alt);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.5rem;
    padding: .5rem 1rem;
    text-decoration: none
}

.navigation-link.active[data-v-7634ecf4] {
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-background-alt);
    color: var(--color-text-base)
}



.wrapper > div[data-v-04830b97] {
    display: grid
}



.stand-list[data-v-16e327ca] {
    display: inline-block;
    flex-direction: column
}

.row[data-v-16e327ca] {
    align-items: center;
    border-bottom: 1px solid var(--color-background-alt);
    display: flex;
    justify-content: flex-start
}

.right .row[data-v-16e327ca] {
    justify-content: flex-end
}

.row[data-v-16e327ca]:last-child {
    border-bottom: 0
}

.row .item[data-v-16e327ca] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 7rem
}

@media(min-width:22.5em) {
    .row .item[data-v-16e327ca] {
        width: 8rem
    }
}

@media(min-width:48em) {
    .row .item[data-v-16e327ca] {
        width: 9rem
    }
}



.art-list[data-v-d012592a] {
    background-color: var(--color-background-body);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 2rem;
    position: relative;
    width: 100%
}

@media(min-width:48em) {
    .art-list[data-v-d012592a] {
        justify-content: flex-start
    }
}

@media(min-width:48em) {
    .art-list.right[data-v-d012592a] {
        justify-content: flex-end
    }
}

.illustration[data-v-d012592a] {
    display: none;
    margin-top: -2rem;
    position: absolute;
    right: 2rem;
    top: 0
}

@media(min-width:48em) {
    .illustration[data-v-d012592a] {
        display: block
    }
}

.right .illustration[data-v-d012592a] {
    left: 2rem;
    right: auto
}



.art-item[data-v-5586f5ba] {
    margin-bottom: 2rem;
    position: relative
}

.header-and-text[data-v-5586f5ba] {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem
}

.brand-logo[data-v-5586f5ba] {
    grid-area: logo;
    margin: 0 auto
}

@media(min-width:48em) {
    .brand-logo[data-v-5586f5ba] {
        margin: initial
    }
}

.brand-info[data-v-5586f5ba] {
    grid-area: info
}

.brand-view[data-v-5586f5ba] {
    border: 0;
    border-radius: var(--border-radius-small);
    overflow: hidden
}

@media(min-width:48em) {
    .brand-view[data-v-5586f5ba] {
        border: 1px solid var(--color-fill-background)
    }
}

.brand-view-general[data-v-5586f5ba] {
    display: grid;
    grid-auto-flow: row;
    grid-template-areas: "logo""info";
    padding: 0 0 1rem
}

@media(min-width:48em) {
    .brand-view-general[data-v-5586f5ba] {
        grid-auto-flow: column;
        grid-template-areas: "info logo";
        grid-template-columns: 1fr auto;
        padding: 2rem
    }
}

.brand-view-bottom[data-v-5586f5ba] {
    background-color: var(--color-fill-background);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%
}

@media(min-width:48em) {
    .brand-view-bottom[data-v-5586f5ba] {
        border-radius: 0;
        flex-direction: row
    }
}

.brand-view-bottom-item[data-v-5586f5ba] {
    align-items: center;
    border-bottom: 1px solid var(--color-background-alt);
    display: grid;
    flex: 1 0 0;
    grid-gap: .5rem;
    gap: .5rem;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    justify-content: flex-start;
    padding: 1rem .75rem
}

@media(min-width:48em) {
    .brand-view-bottom-item[data-v-5586f5ba] {
        border-bottom: 0;
        padding: 0 .75rem
    }
}

.brand-view-bottom-item[data-v-5586f5ba]:first-child {
    padding-top: 0
}

.brand-view-bottom-item[data-v-5586f5ba]:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.brand-title[data-v-5586f5ba] {
    padding: 0;
    text-align: center
}

@media(min-width:48em) {
    .brand-title[data-v-5586f5ba] {
        text-align: left
    }
}

.bottom-subtitle[data-v-5586f5ba] {
    color: var(--color-text-alt)
}

.delimiter[data-v-5586f5ba] {
    background-color: var(--color-background-alt);
    margin: 0 .5rem;
    width: 1px
}

.art-license[data-v-5586f5ba] {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-auto-flow: row;
    grid-template-columns: auto;
    position: relative
}

@media(min-width:48em) {
    .art-license[data-v-5586f5ba] {
        grid-gap: 7rem;
        gap: 7rem;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr)
    }
}

.license-item[data-v-5586f5ba] {
    align-items: center;
    background-color: var(--color-background-body);
    border-radius: var(--border-radius-small);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 13rem;
    overflow: hidden;
    position: relative
}

.license-illustration[data-v-5586f5ba] {
    display: none;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 2rem
}

@media(min-width:48em) {
    .license-illustration[data-v-5586f5ba] {
        display: block
    }
}



.popular-questions[data-v-4dc12a8e] {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem
}



form[data-v-1ea13c3b] {
    display: grid;
    grid-gap: .5rem 0;
    gap: .5rem 0
}

.submit-field[data-v-1ea13c3b] {
    margin-top: 2rem
}

.info-message[data-v-1ea13c3b] {
    background-color: var(--color-fill-success);
    border-radius: var(--border-radius-small);
    color: var(--color-text-light-base);
    margin-bottom: 1.5rem;
    padding: 1rem
}



.contacts-form[data-v-f86c98e8] {
    margin: 0 auto;
    max-width: 24rem
}

.mobile-banner[data-v-f86c98e8] {
    grid-column: main-start/main-end
}

@media(min-width:48em) {
    .mobile-banner[data-v-f86c98e8] {
        grid-column: content-start/content-end
    }
}

@media(min-width:70em) {
    .mobile-banner-wrapper[data-v-f86c98e8] {
        display: none
    }
}

.select-desktop .list{
    display: none;
}
.select-desktop:hover .list{
    display: block;
}
.select-mobile .list{
    display: none;
}
.select-mobile:hover .list{
    display: block;
}

.lng_swc{
    width: 100%
}

.list[data-v-f86c98e8] {
    grid-auto-flow: row;
    grid-template-columns: auto
}

@media(min-width:48em) {
    .list[data-v-f86c98e8] {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width:76.5em) {
    .list[data-v-f86c98e8] {
        grid-template-columns: repeat(1, 1fr)
    }
}

.list .item[data-v-f86c98e8] {
    background-color: var(--color-fill-background);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: 2rem 1rem;
    width: 100%
}

@media(min-width:48em) {
    .list .item[data-v-f86c98e8] {
        padding: 2rem
    }
}

.list .info[data-v-f86c98e8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1.5rem;
    text-align: left
}

.list .title[data-v-f86c98e8] {
    color: var(--color-text-base);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.list .description[data-v-f86c98e8] {
    color: #2a50f1;
    font-size: .75rem;
    font-weight: var(--font-weight-medium);
    line-height: 1rem
}

@media(min-width:22.5em) {
    .list .description[data-v-f86c98e8] {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.list .icon[data-v-f86c98e8] {
    align-self: center
}



.primary-field[data-v-3179ca3a] {
    background-color: var(--color-background-base);
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-text-alt-2);
    box-sizing: border-box;
    color: var(--color-text-base);
    display: flex;
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    height: 3rem;
    line-height: 1.5rem;
    outline: none;
    transition: box-shadow var(--main-tranistion);
    width: 100%
}

.primary-field.invalid[data-v-3179ca3a] {
    background-color: rgba(var(--color-fill-alert-rgb), .06);
    box-shadow: 0 0 0 2px var(--color-fill-alert)
}

.primary-field-wrapper[data-v-3179ca3a] {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem
}

.primary-field[focus-within][data-v-3179ca3a] {
    box-shadow: 0 0 0 2px var(--color-fill-brand-2)
}

.primary-field[data-v-3179ca3a]:focus-within {
    box-shadow: 0 0 0 2px var(--color-fill-brand-2)
}

input[data-v-3179ca3a] {
    background-color: transparent;
    border: 0;
    border-radius: 0
}

input[data-v-3179ca3a],
input[data-v-3179ca3a]:focus {
    box-shadow: none
}

.select-wrapper[data-v-3179ca3a] {
    position: relative
}

.icon[data-v-3179ca3a] {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    height: 100%;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 0
}

.icon.right[data-v-3179ca3a] {
    left: auto;
    right: 0
}

.error[data-v-3179ca3a] {
    color: var(--color-fill-alert);
    text-align: left
}

select[data-v-3179ca3a] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    height: 100%;
    outline: none;
    padding-left: 3rem;
    padding-right: 1.5rem
}



.field[data-v-5035ca1d] {
    display: grid;
    grid-gap: .5rem;
    gap: .5rem;
    grid-auto-flow: row
}

.error[data-v-5035ca1d] {
    color: var(--color-fill-alert);
    text-align: left
}



form[data-v-603615c0] {
    display: grid;
    grid-gap: .5rem 0;
    gap: .5rem 0;
    margin-top: 1.5rem
}

.no-account[data-v-603615c0] {
    color: var(--color-text-alt)
}

.terms-check[data-v-603615c0] {
    align-items: center;
    display: grid;
    grid-gap: .5rem;
    gap: .5rem;
    margin: .5rem 0 1rem
}

.agree-terms[data-v-603615c0] {
    color: var(--color-text-alt);
    padding-left: 2rem;
    text-align: left
}



.success-info[data-v-2e87cab6] {
    max-width: var(--info-width)
}

.success-info-message[data-v-2e87cab6] {
    color: var(--color-text-alt)
}

[data-v-65b47361] [extra-title] {
    font-size: min(9.3vw, 96px);
    font-weight: var(--font-weight-light);
    line-height: min(11vw, 96px)
}

[data-v-65b47361] p[extra-paragraph] {
    font-size: 1rem;
    line-height: 1.5rem
}

@media(min-width:48em) {
    [data-v-65b47361] p[extra-paragraph] {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

[data-v-65b47361] h2 {
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    line-height: 2.5rem;
    margin: 0
}

@media(min-width:48em) {
    [data-v-65b47361] h2 {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.top0{
    top:0 !important;
    padding-top: 90px;
}

.modal_block {
    position: fixed;

    width: 100%;
    left: 0;
    top: 90px;
    height: 100%;
    z-index: 20;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
}

.modal_block_close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    font-size: 50px;
    z-index: 2;
    cursor: pointer
}


.panel {
    background-color: var(--color-background-body);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: none 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow: none 1px 1px rgba(0, 0, 0, 0.6)
}

.panel-default .panel-heading,
.panel-default .panel-footer {
    background-color: var(--color-background-alt);
    padding: 15px 10px;
    font-weight: 100;
    margin: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-control {
    height: 34px;
    border: 1px solid var(--color-text-alt-2);
    color: var(--color-text-base);
    padding: 0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background-color: var(--color-background-base);
    line-height: 34px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none 1px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: none 1px 1px rgba(0, 0, 0, 0.6);
    box-shadow: none 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-transition: none .5s linear 0s;
    -moz-transition: none .5s linear 0s;
    -o-transition: none .5s linear 0s;
    transition: none .5s linear 0s
}

.form-control:hover,
.form-control:focus,
.form-control:active {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    border-color: var(--color-text-alt-2)
}

.form-control[disabled] {
    background-color: var(--color-background-alt)
}

select.form-control {
    padding: 5px 30px 5px 5px
}

select.form-control:not([multiple]) {
    background-color: var(--color-background-base);
    border: 1px solid var(--color-text-alt-2);
    padding: 5px 30px 5px 5px
}

.btn {
    border: none;
    padding: 6px 11px;
    font-size: 14px;
    line-height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.btn.disabled,
.btn[disabled] {
    background: #d5d3cd;
    color: #8e8b83
}

.pf-promo-np.disabled,
.pf-promo-np[disabled] {
    background: #d5d3cd;
    color: #8e8b83;
    cursor: default
}

.btn-default {
    background-color: var(--color-fill-brand-1);
    color: var(--color-text-light-base)
}

.btn-primary {
    background-color: var(--color-fill-brand-1);
    border-radius: 3px;
    color: var(--color-text-light-base);
    vertical-align: middle;
    display: inline-block
}

.btn-primary:hover {
    color: var(--color-text-light-base)
}

.btn-info {
    color: var(--color-text-light-base);
    border-radius: 3px;
    background-color: var(--color-fill-brand-1);
    font-family: 'Open Sans', sans-serif
}

.well {
    min-height: 20px;
    padding: 24px 18px;
    margin-bottom: 20px;
    background-color: var(--color-background-alt);
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.6)
}

.badge {
    font-weight: normal;
    padding: 2px 5px;
    color: #91887c;
    background-color: #ede8d5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn.btn-default .badge {
    background-color: #ede8d5;
    color: #91887c
}

.table {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid var(--color-background-alt)
}

.table > thead > tr > th {
    border-bottom: 2px solid var(--color-background-alt)
}

.table > tbody + tbody {
    border-top: 2px solid var(--color-background-alt)
}

.table-bordered {
    border: 1px solid var(--color-background-alt)
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid var(--color-background-alt);
    color: #666
}

.table > thead > tr.active td,
.table > thead > tr.active th {
    background-color: var(--color-background-alt)
}

.table > tbody > tr > th {
    color: #91887c;
    background-color: var(--color-background-alt)
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: transparent
}

.pagination {
    border-radius: 0
}

.pagination > li > a,
.pagination > li > span {
    background-color: var(--color-background-body);
    border: 1px solid var(--color-text-base);
    margin-left: -1px
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: var(--color-background-alt)
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    background-color: var(--color-background-alt)
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: transparent
}

.popover {
    background-color: var(--color-background-base);
    border-radius: 3px
}

.popover .arrow {
    border-right-color: #96887b !important
}

.popover .arrow:after {
    border-right-color: var(--color-background-base) !important
}

.promo-create {
    padding-top: 40px;
    position: relative;
    zoom: 1
}

.promo-create:before {
    content: '';
    display: block
}

.promo-create:after {
    content: '';
    display: table;
    clear: both
}

.promo-create #sidebarPromoBanner {
    overflow: hidden
}

.promo-create .image {
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat top;
    float: left;
    margin: -32px 10px 0 0
}

.promo-create .image i {
    background: url('../img/promo-types.png?v2') no-repeat;
    display: block;
    margin: 30px auto
}

.promo-create .image .icon-promo-type-1 {
    background-position: -231px 0;
    width: 37px;
    height: 32px
}

.promo-create .image .icon-promo-type-2 {
    background-position: -132px 0;
    width: 39px;
    height: 32px
}

.promo-create .image .icon-promo-type-3 {
    background-position: -181px 0;
    width: 40px;
    height: 33px
}

.promo-create .image .icon-promo-type-4 {
    background-position: -49px 0;
    width: 35px;
    height: 33px
}

.promo-create .image .icon-promo-type-5 {
    background-position: -94px 0;
    margin-top: 27px;
    width: 28px;
    height: 41px
}

.promo-create .image .icon-promo-type-6 {
    background-position: -278px 0;
    width: 34px;
    height: 33px
}

.promo-create .image .icon-promo-type-7 {
    background-position: -312px 0;
    margin-top: 27px;
    width: 40px;
    height: 39px
}

.promo-create .image .icon-promo-type-9 {
    background-position: -403px 0;
    margin-top: 27px;
    width: 44px;
    height: 41px
}

.promo-create .image .icon-promo-type-10 {
    background-position: -84px 0;
    margin-top: 27px;
    width: 40px;
    height: 39px
}

.promo-create .icon {
    display: inline-block;
    vertical-align: text-bottom
}

.promo-create .icon-export,
.promo-create .icon-xls,
.promo-create .icon-csv {
    background: url(../images/export-icons.png) no-repeat;
    width: 20px;
    height: 22px
}

.promo-create .icon-xls {
    background-position: 0 0 !important
}

.promo-create .icon-csv {
    background-position: -24px 0 !important
}

.promo-create .icon-archive {
    width: 25px;
    background-position: -48px 0 !important
}

.promo-create .download-archive-block {
    float: right !important;
    text-align: center
}

.promo-create .download-archive-block .btn {
    width: 200px
}

.promo-create .steps {
    float: left
}

.promo-create .step {
        display: flex;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--color-background-body);
    position: relative;
    margin-bottom: 40px;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
}

.promo-create .step .name {
    color: #91887c;
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px;
    float: left
}

.promo-create .step .name span {
    display: block;
    width: 70px;
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px
}

.promo-create .step .image {
    float: right;
    margin: 0 130px 0 0
}

.promo-create .step .description {
    width: 230px;
    margin: 10px auto 0;
    font-size: 14px;
    color: #2b2521
}

.promo-create .step .description span {
    font-weight: bold
}

.promo-create .step .description img {
        display: block;
    max-height: 30px;
    margin: auto;
    background: #000;
    border-radius: 5px;
    padding: 5px;

}

.promo-create .step.active .name {
    color: #2b2521
}

.promo-create .step.active .image {
    background-position: bottom
}

.promo-create .step.active .image i {
    background-position: bottom !important
}

.promo-create .step.step-program .description {
    height: 85px
}

.promo-create .content {
    width: 100%;
    margin-left: 30px;
    padding-bottom: 0;
    float: left;
    position: relative
}

.promo-create .content .header {
    height: 40px;
    width: 100%;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.promo-create .content .header span {
    font-size: 12px;
    font-weight: normal
}

.promo-create .content .items {
zoom: 1;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 100%;
}
.programs_half{
    width: 50% !important;
    padding: 5px
}




.promo-create .demo-game-filters {
    margin: 20px 0 0;
    width: 100%;
    zoom: 1
}

.promo-create .demo-game-filters:before {
    content: '';
    display: block
}

.promo-create .demo-game-filters:after {
    content: '';
    display: table;
    clear: both
}

.promo-create .demo-game-filters .game-name {
    width: 200px;
    float: left;
    margin: 0 10px 0 0
}

.promo-create .demo-game-filters .game-button {
    float: left;
    margin: 3px 0 0
}

.notification{
    position: fixed;
    display: none;
    width: calc(100% - 40px);
    max-width: 350px;
    min-height: 200px;
    height: auto;
    right:20px;
    bottom:20px;
    padding: 50px 20px 20px 20px;
    z-index: 99999;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 29px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 29px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 29px -8px rgba(0,0,0,0.75);
}
.block_close{
    position: absolute;
    width: 30px;
    height: 30px;
    top:10px;
    right:10px;
    z-index: 1;
    text-align: center;
    color:#000;
    font-size: 24px;
    line-height: 1;
    cursor: pointer
}
#notification_content{
    width: 100%;
    height: auto
}

.pay_block{
    height: 70px;
    text-align: center;
    padding: 10px;
    background: rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.1) !important;
    cursor:pointer
}
.pay_block img{
    max-height: 35px;
    transition:.3s;
    filter: grayscale(100%)
}
.pay_block:hover img, .pay_block.active img{
    transition:.3s;
    filter: grayscale(0)
}
.pay_block:hover, .pay_block.active{
    border: 1px solid rgba(0,0,0,0.6) !important;
}
.flex_form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
}
.flex_form div{
    width: calc(100%/3 - 10px);
    padding: 15px;
} 
.promo-create .item {
    width: calc(100%/2 - 20px);
    float: left;
    margin-top: 10px;
    padding: 10px;
    background-color: var(--color-background-body);
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.promo-create .promos .item {
    width: calc(100%/3 - 20px);
    float: left;
    margin: 10px;
    padding: 10px;
    background-color: var(--color-background-body);
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.promo_img{
    width: 100%;
    height: auto;
    height: 110px;
    filter:grayscale(70%)
}
.promo_img:hover, .promos .item.active img{
    filter:grayscale(0)
}
.programs_half .item{
    width: 100% !important;
}

.promo-create .item.active .image {
    background-position-y: bottom !important
}

.promo-create .item.active .image i {
    background-position-y: bottom !important
}

.promo-create .item.active .image i.icon-promo-type {
    background-position-y: -41px !important
}


.promo-create .item.program .activateBtn {
    margin-top: 5px
}

.promo-create .item.landing {
    width: 236px;
    height: 265px
}



.promo-create .item.landing.landing-1 {
    margin-left: 30px;
    margin-right: 30px
}

.promo-create .item.landing .screenshot {
    position: relative
}

.promo-create .item.landing .screenshot img {
    display: inline-block;
    width: 196px;
    height: 196px
}

.promo-create .item.landing .description {
    font-size: 14px;
    margin: 10px 0 0
}

.promo-create .item.landing .item-preview {
    margin-top: 0
}

.promo-create .item.promo-type-demo-game {
    width: 236px;
    height: 186px
}

.promo-create .item.promo-type-demo-game:nth-child(2n) {
    margin-left: 0
}

.promo-create .item.promo-type-demo-game.game-1 {
    margin-left: 30px;
    margin-right: 30px
}

.promo-create .item.promo-type-demo-game .screenshot {
    text-align: center
}

.promo-create .item.promo-type-demo-game .description {
    height: 22px;
    font-size: 16px;
    margin: 10px 0 0;
    position: relative
}

.promo-create .item.promo-type-rotation {
    width: auto;
    height: auto
}

.promo-create .item.promo-type-rotation:nth-child(2n) {
    margin-left: 0
}

.promo-create .item.promo-type-rotation .name {
    font-size: 22px;
    font-weight: normal;
    text-decoration: none
}

.promo-create .item.promo-type-banner {
    background: none;
    width: auto;
    padding: 0;
    position: relative;
    margin: 0 13px 15px 0;
    float: left
}

.promo-create .item.promo-type-banner .overlay {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.promo-create .item.promo-type-branding {
    max-width: 770px;
    width:100%;
}

.promo-create .item.promo-type-branding .code {
    float: left;
    max-width: 450px;
    width:100%;
}

.promo-create .item.promo-type-branding .options {
    max-width: 240px;
    width:100%;
    float: right;
    padding-left: 20px
}

.promo-create .item.promo-type-branding .option-item {
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 5px 0 50px;
    margin: 0 0 20px;
    color: #2f2c2a;
    background: url('../img/branding-icons.png') no-repeat
}

.promo-create .item.promo-type-branding .option-item.size {
    background-position: 0 0
}

.promo-create .item.promo-type-branding .option-item.height {
    background-position: 0 -28px
}

.promo-create .item.promo-type-branding .option-item.width {
    background-position: 0 -56px
}

.promo-create .item.promo-type-branding .option-item span {
    color: #867E73
}

.promo-create .item.promo-type-branding .order {
    color: #666
}

.promo-create .item.promo-type-branding .order .btn {
    margin-top: 5px;
    width: 150px;
    height: 40px;
    line-height: 28px
}

.promo-create .item.promo-type-branding .order .btn-label {
    width: 205px
}

.promo-create .item.promo-type-branding .item-preview {
    top: 15px;
    left: 25px
}

.promo-create .item .item-preview-wrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 35px;
    height: 34px;
    z-index: 300;
    background: rgba(43, 37, 33, 0.8)
}

.promo-create .item .item-preview-wrapper.right {
    left: auto;
    right: 20px
}

.promo-create .item .item-preview {
    background: url('../img/branding-icons.png') 0 100% no-repeat;
    width: 25px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 10;
}

.promo-create .item .tournament_ru,
.promo-create .item .tournament_en {
    position: absolute;
    width: 128px;
    height: 125px;
    top: 0;
    left: 0;
    z-index: 2;
    margin: -4px 0 0 -4px
}

.promo-create .item .tournament_ru {
    background: url('../img/tournament/ru.png') 0 0 no-repeat
}

.promo-create .item .tournament_en {
    background: url('../img/tournament/en.png') 0 0 no-repeat
}

.promo-create .item .recommend {
    position: absolute;
    background: url('../img/recommend-flag.png') 0 0 no-repeat;
    width: 128px;
    height: 125px;
    top: 0;
    left: 0;
    z-index: 2;
    margin: -4px 0 0 -4px
}

.promo-create .item .recommend.en {
    background-position: bottom
}

.promo-create .item .new {
    position: absolute;
    background: url('../img/new-flag.png') 0 0 no-repeat;
    width: 128px;
    height: 125px;
    top: 0;
    left: 0;
    z-index: 2;
    margin: -4px 0 0 -4px
}

.promo-create .item .new.en {
    background-position: bottom
}

.promo-create .item .image {
    margin: 0
}

.promo-create .item .col {
    width: 110px;
    float: left;
    text-align: center
}

.promo-create .item .col + .col {
    text-align: left;
    width: 202px;
    margin-left: 18px;
    position: relative
}

.promo-create .item.promo-type .col + .col {
    padding: 35px 0;
    font-size: 18px
}

.promo-create .item .name {
    color: #2b2521;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline
}

.promo-create .item .name i {
    margin-left: 3px
}

.promo-create .item .name:hover {
    text-decoration: none
}

.promo-create .item .data {
    font-size: 12px;
    color: #2b2521;
    width: 100%;
    margin-bottom: 10px
}

.promo-create .item .data tr + tr {
    border-top: 1px solid #ede8d5
}

.promo-create .item .data td {
    width: 50px;
    padding: 3px 0
}

.promo-create .item .data td + td {
    padding-left: 5px;
    width: 135px
}

.promo-create .item .data a {
    opacity: .85
}

.promo-create .item .data a:hover {
    opacity: 1
}

.promo-create .item .logo {
    position: relative;
    width: 158px
}

.promo-create .item .logo img {
      max-height: 30px;
    background: #000;
    border-radius: 5px;
    padding: 5px;
}

.promo-create .item .activation {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 24px;
    height: 24px
}

.promo-create .item .activation input,
.promo-create .item .activation span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    display: block
}

.promo-create .item .activation span {
    background: url('../img/checkbox.png') top no-repeat;
    opacity: .65;
    pointer-events: none;
    border-top: 1px solid #cec7b7;
    border-left: 1px solid #cec7b7
}

.promo-create .item .activation input {
    opacity: 0;
    z-index: 10;
    cursor: pointer
}

.promo-create .item .activation input:checked + span {
    background-position: bottom
}

.promo-create .item-preview {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.promo-create .show-more {
    background: rgba(43, 37, 33, 0.3);
    height: 50px;
    width: 100%;
    float: left;
    margin: 20px 0 0;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    color: #2b2521
}

.promo-create .show-more:hover {
    color: #483e37
}

.promo-create .show-more span {
    border-bottom: 1px dashed
}

.promo-create .controls {
    background-color: var(--color-background-body);
    height: 60px;
    width: 770px;
    margin-top: 30px;
    text-align: center;
    padding: 11px 0;
    bottom: 0;
    z-index: 110
}

.promo-create .controls .btn {
    width: 170px;
    height: 36px;
    font-size: 14px;
    margin: 0 15px;
    line-height: 23px
}
.itemBranding{
    width: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.itemBranding .item-name{
    width: 100%;
    
}
.promo-create .filter-group {
    float: left;
    padding: 0;
    margin: 0 20px 10px 0
}
.item-item__content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}
.promo-create .filter-group .btn:not(.btn-primary) {
    margin: 0 5px 5px 0;
    line-height: 22px;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}
.promo-type-branding .code img{
    width: 100%
}

.promo-create .filter-group .btn:not(.btn-primary).active,
.promo-create .filter-group .btn:not(.btn-primary):hover,
.promo-create .filter-group .btn:not(.btn-primary):focus {
    background: #2b2521;
    color: #d9d3c1
}

.promo-create .filter-group .btn:not(.btn-primary) span.badge {
    margin: 0 -4px 0 3px
}

.promo-create .filter-panel {
    float: left;
    width: 100%
}

.promo-create .filter-panel .btn {
    width: 100px
}

.promo-top-nav {
    width: 100%;
    display: flex;
    padding: 15px;
    flex-direction: row;
    zoom: 1
}

.promo-top-nav:before {
    content: '';
    display: block
}

.promo-top-nav:after {
    content: '';
    display: table;
    clear: both
}

.promo-top-nav .link {
    float: left;
    padding: 20px;
    height: 90px;
    border-radius: 4px;
    color: var(--color-text-alt-2);
    background-color: var(--color-background-body);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 370px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 100ms linear 0s;
    -moz-transition: all 100ms linear 0s;
    -o-transition: all 100ms linear 0s;
    transition: all 100ms linear 0s
}

.promo-top-nav .link:active {
    color: var(--color-text-base)
}

.promo-top-nav .link:nth-child(2n) {
    margin: 0 30px
}

.promo-top-nav .link .pf-arr {
    display: none;
    background: url(../img/arrow.png) center no-repeat;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -40px;
    left: 0
}

.promo-top-nav .link.active .pf-arr {
    display: none
}

.promo-top-nav .link h6 {
    padding: 0;
    float: left;
    width: 210px;
    display: table-row;
    height: 50px
}

.promo-top-nav .link h6 span {
    display: table-cell;
    height: 50px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 20px
}

.promo-top-nav .link .image {
    display: none;
    text-align: center;
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat top;
    float: left;
    margin: -32px 10px 0 0;
    padding: 0;
    margin: 0 auto
}

.promo-top-nav .link .image i {
    background: url('../img/promo-types.png') no-repeat;
    display: block;
    margin: 30px auto
}

.promo-top-nav .link .image i {
    display: inline-block
}

.promo-top-nav .link.active {
    color: var(--color-text-base)
}

.promo-top-nav .link.active .image {
    background-position: bottom
}

.promo-top-nav .link.active .image i {
    background-position: bottom !important
}

.activation-modal .program-name {
    margin-bottom: 5px
}

.activation-modal .program-name span {
    font-size: 18px;
    color: #444;
    padding: 0 5px
}

.success-modal .modal-body {
    padding: 20px 40px
}

.item-name {
    font-size: 18px;
    margin-top: 10px
}

.landing-promo {
    position: absolute;
    margin: -4px 0 0 -4px;
    top: 0;
    left: 0;
    z-index: 100;
    width: 196px;
    height: 196px;
    background: url('../images/promo/lp_promo_materials.png?v2') no-repeat
}

.landing-promo:hover {
    background: url('../img/promotion3/promo_hover.png?v2') no-repeat
}

.landing-promo img {
    opacity: 0
}

.payments img{
    max-width: 245px;
    height: auto !important
}
.payments .JS-WALLET-DETAILS {
    line-height: 120%
}

.payments .payment.selected td {
    background-color: #e8ffdb !important
}

.payments .basket-floating-container {
    position: fixed;
    width: 100%;
    height: 55px;
    z-index: 999;
    display: none
}
table.data i{
    display: inline-block;
    width: 15px;
    font-size: 12px;
    color: #000;
}
.item{
    position: relative
}
.item .tooltip{
    position: absolute;
    top:50px;
    left:50%;
    display: block;
    width: 0;
    opacity: 0;
    height: 0;
    padding: 10px;
    background: #fff;
    border:1px solid #91887c;
    border-radius: 5px;
    transition: .2s;
    z-index: -2;
}
.item:hover .tooltip{
    display: block;
    opacity: 1;
    top:-20px;
    left:0;
    width: 100%;
    height: auto;
    transition: .2s;
    z-index: 5;
}
.payments .payments-basket {
    font-size: 1.7em;
    position: absolute;
    width: 1200px;
    height: 55px;
    background: #fff4d8;
    border: 3px solid #d9ca98;
    margin: auto;
    padding: 5px;
    text-align: center;
    left: 0;
    bottom: 0;
    right: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    line-height: 160%
}

.payments .uncheck-all {
    font-size: 14px !important;
    text-decoration: underline
}

#mass-payments-modal .pay-btn-container {
    text-align: center;
    margin: 5px auto 20px auto
}

#mass-payments-modal .pay-btn-container button {
    width: 200px
}

#mass-payments-modal .payments-table {
    max-height: 400px;
    overflow: auto;
    width: 90%;
    margin: 0 auto
}

#mass-payments-modal .payments-table .status {
    text-align: center
}

#mass-payments-modal .payments-table .status .glyphicon {
    color: #bebebe
}

#mass-payments-modal .modal-footer {
    display: none
}

.spin {
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

@-webkit-keyframes "rotateThis" {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.projects {
    margin: 20px 0 0
}

.projects .project-info {
    position: relative
}

.projects .screenshots {
    position: relative;
    overflow-y: auto;
    width: 285px
}

.projects .screenshots img {
    margin: 0 0 20px;
    max-width: 100%
}

.projects .screenshots::-webkit-scrollbar-thumb {
    background-color: var(--color-background-alt)
}

.projects .screenshots::-webkit-scrollbar {
    width: 10px;
    background-color: var(--color-background-body)
}

.projects .panel-body {
    font-size: 13px
}

.projects .table {
    color: #91887c;
    font-family: 'Open Sans', sans-serif
}

.projects .table .table {
    background-color: transparent;
    margin-bottom: 10px
}

.projects .table .table a {
    text-decoration: none
}

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

.projects .table tr {
    border-bottom: 1px solid #d9d3c1;
    border-top: none
}

.projects .table td {
    width: 150px;
    height: 18px;
    padding: 0 8px
}

.projects .table td + td {
    width: 270px
}

.projects .table a {
    color: #91887c;
    text-decoration: underline
}

.projects .table a:hover {
    color: #766e64;
    text-decoration: none
}

.project-items {
    border: none
}

.project-items li {
    width: 100%
}

.project-item {
    position: relative;
    float: left;
    margin: 0 0 10px !important;
    padding: 11px 18px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    background: #ede8d5;
    color: #766f6a;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    height: 70px;
    -webkit-transition: all 100ms linear 0s;
    -moz-transition: all 100ms linear 0s;
    -o-transition: all 100ms linear 0s;
    transition: all 100ms linear 0s
}

.project-item .logo {
    float: left;
    width: 150px;
    height: 48px;
    line-height: 48px
}

.project-item .logo img {
    max-width: 100%;
    max-height: 48px
}

.project-item .name {
    float: left;
    margin: 0 0 0 10px;
    height: 50px;
    line-height: 50px
}

.project-item .name a {
    color: #766f6a
}

.project-item .name a:hover {
    color: #766f6a
}

.project-item i {
    position: absolute;
    top: 50%;
    right: 10px;
    display: none;
    margin-top: -10px;
    height: 20px;
    color: #f6f1de;
    line-height: 20px
}

.active .project-item {
    background: #d9d3c1
}

.active .project-item i {
    display: block
}

.project-item:hover {
    background: #d9d3c1
}

.comission-page .item {
    font-size: 13px
}

.comission-page a {
    text-decoration: underline
}

.comission-page .pf-sl3-big-kub .image {
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat top;
    float: left;
    margin: -32px 10px 0 0;
    padding: 0;
    float: none;
    margin: 10px auto 10px;
    text-align: center
}

.comission-page .pf-sl3-big-kub .image i {
    background: url('../img/promo-types.png') no-repeat;
    display: block;
    margin: 30px auto
}

.comission-page .pf-sl3-big-kub .image i {
    margin: 25px auto 0;
    display: inline-block
}

.comission-page .pf-sl3-big-kub.active .image {
    background-position: bottom
}

.comission-page .pf-sl3-big-kub.active .image i {
    background-position: bottom !important
}

.comission-page .pf-sl3-big-block li .pf-arr {
    bottom: -40px
}

.comission-page .pf-line-slide {
    width: 1120px;
    margin: 20px auto 38px
}

.comission-page .pf-slider3 .item {
    padding: 0 8px
}

.comission-page .brand-formulas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 18px 0;
    background-color: #ede8d5
}

.comission-page .brand-formulas .brand-logo {
    position: relative;
    display: inline-block;
    width: 158px;
    margin: 18px 15px
}

.comission-page .brand-formulas .brand-logo .brand-image {
    width: 100%;
    height: auto
}

.comission-page .brand-formulas .brand-logo .brand-tip-target {
    position: absolute;
    right: -4px;
    top: -4px;
    margin: 0
}

.faq {
    margin-top: 40px
}

.faq .tile .image {
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat top;
    float: left;
    margin: -32px 10px 0 0;
    padding: 0;
    float: none;
    margin: 10px auto 0;
    text-align: center;
    padding: 25px 0 0;
    background-position: bottom
}

.faq .tile .image i {
    background: url('../img/promo-types.png') no-repeat;
    display: block;
    margin: 30px auto
}

.faq .tile .image i {
    display: inline-block;
    margin: 0
}

.faq .icon-1 {
    background: url('../img/icon-horn.png') no-repeat !important;
    width: 37px;
    height: 41px
}

.faq .icon-2 {
    background: url('../img/icon-photo.png') no-repeat !important;
    width: 41px;
    height: 31px
}

.faq .icon-3 {
    background: url('../img/icon-settings.png') no-repeat !important;
    width: 36px;
    height: 36px
}

.promo-archive .item {
    margin: 30px 0 0;
    background-color: var(--color-background-body);
    zoom: 1
}

.promo-archive .item:before {
    content: '';
    display: block
}

.promo-archive .item:after {
    content: '';
    display: table;
    clear: both
}

.promo-archive .item.highlighted {
    animation-name: highlighted;
    animation-duration: 1s
}

.promo-archive .item .image {
    width: 107px;
    height: 92px;
    /* background: url('../img/octagons.png') no-repeat top;*/
    float: left;
    margin: -32px 10px 0 0;
    padding: 0;
    margin: 25px
}
.promo-archive .item .image img{
    width: 80%;
    height: auto;
    margin-left: 10%;
    margin-top: 10px;
}

.promo-archive .item .image i {
    background: url('../img/promo-types.png') no-repeat;
    display: block;
    margin: 30px auto
}

.promo-archive .item .image .type-1 {
    background-position: -231px 0;
    width: 37px;
    height: 32px
}

.promo-archive .item .image .type-2 {
    background-position: -132px 0;
    width: 39px;
    height: 32px
}

.promo-archive .item .image .type-3,
.promo-archive .item .image .type-31 {
    background-position: -181px 0;
    width: 40px;
    height: 33px
}

.promo-archive .item .image .type-4 {
    background-position: -49px 0;
    width: 35px;
    height: 33px
}

.promo-archive .item .image .type-5 {
    background-position: -94px 0;
    margin-top: 27px;
    width: 28px;
    height: 41px
}

.promo-archive .item .image .type-6 {
    background-position: -278px 0;
    width: 40px;
    height: 33px
}

.promo-archive .item .image .type-7 {
    background-position: -312px 0;
    width: 40px;
    height: 39px
}

.promo-archive .item .image .type-10 {
    background-position: -94px 0;
    width: 40px;
    height: 39px
}

.promo-archive .item .image .type-9 {
    background-position: -403px 0;
    margin-top: 27px;
    width: 44px;
    height: 41px
}

.promo-archive .item .info {
    float: left;
    margin: 25px 0;
    width: calc(100% - 200px);
    overflow: hidden
}

.promo-archive .item .info canvas,
.promo-archive .item .info img,
.promo-archive .item .info object {
    max-width: 100%
}

.promo-archive .item .params {
    margin: 0 0 20px;
    -webkit-padding-start: 0
}

.promo-archive .item .params li {
    list-style: none;
    display: inline-block;
    margin: 0 30px 0 0;
    background-color: var(--color-background-alt);
    padding: 2px 5px;
    font-size: 13px;
    line-height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.promo-archive .item .actions {
    margin: 25px 0 0;
    width: 40px;
    float: right
}

.promo-archive .item .actions a {
    display: block;
    margin: 0 0 15px
}

.promo-archive .item .actions .export-buttons {
    width: 33px;
    height: 29px;
    padding: 3px;
    overflow: hidden;
    margin: 0 0 15px -4px;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s
}

.promo-archive .item .actions .export-buttons a {
    float: left;
    margin: 0
}

.promo-archive .item .actions .export-buttons a:first-child {
    margin: 0 3px 0 0
}

.promo-archive .item .actions .export-buttons a:hover i {
    opacity: .7
}

.promo-archive .item .actions .export-buttons:hover {
    width: 64px;
    margin-left: -40px
}

.promo-archive .demo-games-bulk-label {
    height: 23px;
    line-height: 23px;
    display: inline-block;
    padding-right: 10px
}

.archive-filter {
    float: left
}

@keyframes highlighted {
    0% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1)
    }
}

.alert {
    background-color: var(--color-fill-brand-1-alt);
    background-image: url('../img/icon-notific.png');
    background-position: 20px center;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 150px;
    border: none;
    vertical-align: middle;
    color: #666;
    font-size: 14px;
    position: relative;
    display: table;
    width: 100%
}

.alert:not(.alert-sm) {
    min-height: 120px
}

.alert .content,
.alert .pf-circle2 {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.alert.alert-sm {
    background-image: none;
    min-height: auto;
    padding-left: 20px;
    display: block;
    text-align: center;
    height: auto !important
}

.alert .close,
.modal .close {
    border: none;
    outline: none;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))";
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s
}

.alert .close:hover,
.modal .close:hover {
    opacity: .8;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))"
}

.alert.update-alert,
.modal.update-alert {
    background-color: var(--color-fill-brand-1-alt);
    margin: 20px 0 0;
    color: #2f2c2a
}

.alert.update-alert .close:before,
.modal.update-alert .close:before {
    content: '';
    background: url(../images/close-icon.png);
    width: 13px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.alert.update-alert label,
.modal.update-alert label {
    margin-top: 5px;
    font-weight: normal;
    color: #91887c
}

.alert.update-alert label input[type="checkbox"],
.modal.update-alert label input[type="checkbox"] {
    width: 17px;
    height: 17px;
    position: relative;
    top: 2px
}

#fadingBarsG {
    position: relative;
    width: 166px;
    height: 20px;
    margin: auto
}

.fadingBarsG {
    position: absolute;
    top: 0;
    background-color: #000000;
    width: 20px;
    height: 20px;
    -moz-animation-name: bounce_fadingBarsG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-transform: scale(.3);
    -webkit-animation-name: bounce_fadingBarsG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(.3);
    -ms-animation-name: bounce_fadingBarsG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(.3);
    -o-animation-name: bounce_fadingBarsG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-transform: scale(.3);
    animation-name: bounce_fadingBarsG;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(.3)
}

#fadingBarsG_1 {
    left: 0;
    -moz-animation-delay: .52s;
    -webkit-animation-delay: .52s;
    -ms-animation-delay: .52s;
    -o-animation-delay: .52s;
    animation-delay: .52s
}

#fadingBarsG_2 {
    left: 21px;
    -moz-animation-delay: .65s;
    -webkit-animation-delay: .65s;
    -ms-animation-delay: .65s;
    -o-animation-delay: .65s;
    animation-delay: .65s
}

#fadingBarsG_3 {
    left: 42px;
    -moz-animation-delay: .78s;
    -webkit-animation-delay: .78s;
    -ms-animation-delay: .78s;
    -o-animation-delay: .78s;
    animation-delay: .78s
}

#fadingBarsG_4 {
    left: 62px;
    -moz-animation-delay: .91s;
    -webkit-animation-delay: .91s;
    -ms-animation-delay: .91s;
    -o-animation-delay: .91s;
    animation-delay: .91s
}

#fadingBarsG_5 {
    left: 83px;
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s
}

#fadingBarsG_6 {
    left: 104px;
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s
}

#fadingBarsG_7 {
    left: 125px;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#fadingBarsG_8 {
    left: 145px;
    -moz-animation-delay: 1.43s;
    -webkit-animation-delay: 1.43s;
    -ms-animation-delay: 1.43s;
    -o-animation-delay: 1.43s;
    animation-delay: 1.43s
}

@-moz-keyframes bounce_fadingBarsG {
    0% {
        -moz-transform: scale(1);
        background-color: #000000
    }

    100% {
        -moz-transform: scale(.3);
        background-color: #989E4A
    }
}

@-webkit-keyframes bounce_fadingBarsG {
    0% {
        -webkit-transform: scale(1);
        background-color: #000000
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: #989E4A
    }
}

@-ms-keyframes bounce_fadingBarsG {
    0% {
        -ms-transform: scale(1);
        background-color: #000000
    }

    100% {
        -ms-transform: scale(.3);
        background-color: #989E4A
    }
}

@-o-keyframes bounce_fadingBarsG {
    0% {
        -o-transform: scale(1);
        background-color: #000000
    }

    100% {
        -o-transform: scale(.3);
        background-color: #989E4A
    }
}

@keyframes bounce_fadingBarsG {
    0% {
        transform: scale(1);
        background-color: #000000
    }

    100% {
        transform: scale(.3);
        background-color: #989E4A
    }
}

.news-block a {
    display: none;
    color: #d9d3c1
}

.news-block a.active {
    display: block
}

.news-block a .title {
    font-size: 18px
}

.news-block a:hover .title {
    text-decoration: underline
}

.news-img {
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat top;
    text-align: center;
    padding: 25px 0 0;
    display: none
}

.news-item img {
    -webkit-box-shadow: 0 0 10px #777;
    -moz-box-shadow: 0 0 10px #777;
    box-shadow: 0 0 10px #777
}

.news-item .pf-small-n-info h6 {
    margin-bottom: 0
}

.pf-news-wrap {
    position: relative
}

.pf-news-wrap .rss-link {
    right: 16px;
    top: -40px;
    position: absolute;
    font-size: 19px;
    color: #91887c
}

.pf-news-wrap .rss-icon {
    float: right;
    margin-left: 15px
}

.pf-menu-footer .rss-icon {
    right: -15px;
    top: 10px;
    position: absolute
}

.rss-icon {
    height: 25px;
    width: 25px;
    background-image: url(../img/RSS_icon.png);
    cursor: pointer
}
.stat_block{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    align-content: space-between;
    justify-content: space-around;
}
.pd-0{
    padding: 0 !important;
}
.pdt-10{
    padding: 10px 0 0 0 !important;
}
.bg-grey{
        background: #f5f5f6
}
.stat_block_item {
    width: calc(100%/6 - 20px);
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition: .3s;
    margin: 15px 10px;
}
.stat_block_item_kassa {
    width: calc(100%/4 - 20px);
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition: .3s;
    margin: 15px 10px;
}
.stats-graph .periods {
    float: right;
    border-radius: 3px;
}
.input-daterange input{
    display: inline-block;
    width: auto
}
#daterange{
    float: left
}
.stats-graph .periods button:hover, .stats-graph .periods button.active {
    background-color: transparent;
}
.stats-graph .periods button {
    background-color: var(--color-background-alt);
    border: none;
    outline: none;
    float: left;
    padding: 0 20px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    position: relative;
}


.stat_block_item:hover{
    -webkit-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.4);
box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.4);
    transition: .3s
}
.stat_block_item p {
    font-size: 12px;
    font-weight: 800;
}
.pay_digit{
    font-size: 16px !important;
    color:var(--color-fill-brand-1);
}
.regBonusModal .promotion-info-item .text {
    width: 310px !important;
    height: auto !important
}
.modal{
    background: rgba(0,0,0,0.4);
}
.greetingModal .modal-dialog,
.bigPrettyModal .modal-dialog {
    width: 800px
}

.greetingModal .modal-content,
.bigPrettyModal .modal-content {
    background: #f6f1de;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    overflow: hidden
}

.greetingModal .header,
.bigPrettyModal .header {
    height: 115px;
    padding: 25px 0 30px;
    background-color: var(--color-background-alt);
    color: var(--color-text-base);
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

.greetingModal .info-block,
.bigPrettyModal .info-block {
    padding: 30px;
    background-color: var(--color-background-base);
    min-height: 300px;
    background-position: 50% 30px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 22px;
    position: relative
}

.greetingModal .info-block .triangle,
.bigPrettyModal .info-block .triangle {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -20px;
    margin-left: -19.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 19.5px 0 19.5px;
    border-color: #d9d3c1 transparent transparent transparent
}

.greetingModal .info-block + .info-block,
.bigPrettyModal .info-block + .info-block {
    margin-top: 30px
}

.greetingModal .block-1,
.bigPrettyModal .block-1 {
    background-image: url('../img/greeting-bg-1.png')
}

.greetingModal .block-1 .text,
.bigPrettyModal .block-1 .text {
    margin: 160px 0 0;
    width: 415px
}

.greetingModal .block-1 .text ul,
.bigPrettyModal .block-1 .text ul {
    margin: 15px 0 0;
    padding: 0
}

.greetingModal .block-1 .text ul li,
.bigPrettyModal .block-1 .text ul li {
    list-style: none;
    margin: 7px 0;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 0;
    padding-left: 27px;
    position: relative
}

.greetingModal .block-1 .text ul li span,
.bigPrettyModal .block-1 .text ul li span {
    background: url('../img/greeting-icon.png') top left no-repeat;
    width: 21px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    text-align: center;
    line-height: 18px;
    color: #2b2521;
    font-size: 11px
}

.greetingModal .block-1 .text ul li:hover span,
.bigPrettyModal .block-1 .text ul li:hover span {
    background-position: bottom;
    color: #f6f1de
}

.greetingModal .block-2,
.bigPrettyModal .block-2 {
    background-image: url('../img/greeting-bg-2.png');
    height: 350px
}

.greetingModal .block-2 .text,
.bigPrettyModal .block-2 .text {
    margin: 215px 0 0 420px;
    font-size: 14px
}

.greetingModal .block-3,
.bigPrettyModal .block-3 {
    background-image: url('../img/greeting-bg-3.png');
    height: 360px
}

.greetingModal .block-3 .text,
.bigPrettyModal .block-3 .text {
    margin: 210px 0 0 45px;
    text-align: center;
    width: 290px;
    font-size: 14px
}

.greetingModal .block-4,
.bigPrettyModal .block-4 {
    background-image: url('../img/greeting-bg-4.png');
    height: 350px
}

.greetingModal .block-4 .text,
.bigPrettyModal .block-4 .text {
    width: 350px;
    margin: 185px 0 0 380px;
    font-size: 14px;
    text-align: center
}

.greetingModal .footer,
.bigPrettyModal .footer {
    background: #29201b url('../img/dark-logo.png') left bottom no-repeat;
    text-align: center;
    padding: 15px 0;
    color: #f6f1de
}

.greetingModal .footer p,
.bigPrettyModal .footer p {
    margin: 15px 0
}

.greetingModal .footer p + p,
.bigPrettyModal .footer p + p {
    margin: 10px 0;
    height: 20px;
    line-height: 20px;
    display: block
}

.greetingModal .footer a:not(.btn),
.bigPrettyModal .footer a:not(.btn) {
    color: #f6f1de
}

.greetingModal .footer a:not(.btn):hover,
.bigPrettyModal .footer a:not(.btn):hover {
    color: #f1e9ca
}

.greetingModal .footer .btn-info,
.bigPrettyModal .footer .btn-info {
    height: 40px;
    line-height: 25px;
    width: 150px;
    font-size: 16px
}

.greetingModal .footer .icon,
.bigPrettyModal .footer .icon {
    display: inline-block
}

.greeting-checkbox {
    margin-top: 20px
}

.block-helper {
    position: fixed;
    top: 300px;
    right: 0;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: #91887c url('../img/help-icon.png') 50% no-repeat;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s
}

.block-helper:hover {
    background-color: #2f2c2a
}

.regBonusModal .modal-dialog {
    width: 500px;
    margin-top: 150px
}

.regBonusModal .header {
    height: 80px
}

.regBonusModal .close {
    text-decoration: none;
    background: none;
    font-size: 28px;
    text-shadow: none;
    color: #d9d3c1
}

.regBonusModal .info-block {
    min-height: 250px
}

.regBonusModal .btn {
    font-size: 25px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px
}

.icon-vip {
    background: url('../img/vip-icons.png') no-repeat;
    display: inline-block
}

.icon-vip.icon-crown {
    width: 16px;
    height: 14px;
    background-position: 0 -47px
}

.icon-vip.icon-time {
    background-position: -16px -47px;
    width: 14px;
    height: 14px
}

.icon-vip.icon-cash {
    background-position: -30px -47px;
    width: 14px;
    height: 14px
}

.icon-vip.help {
    background-position: -44px -46px;
    height: 16px;
    width: 16px
}

.icon-vip.small-bronze {
    background-position: -60px -47px;
    width: 16px;
    height: 14px
}

.icon-vip.small-silver {
    background-position: -76px -47px;
    width: 16px;
    height: 14px
}

.icon-vip.small-golden {
    background-position: -92px -47px;
    width: 16px;
    height: 14px
}

.icon-vip.small-platinum {
    background-position: -108px -47px;
    width: 16px;
    height: 14px
}

.icon-vip.small-ultimate {
    background-position: -124px -47px;
    width: 16px;
    height: 14px
}

.icon-vip-big {
    background: url('../img/octagons.png') bottom no-repeat;
    width: 107px;
    height: 92px;
    float: left
}

.icon-vip-big:after {
    content: '';
    display: block;
    width: 33px;
    height: 47px;
    margin: 22px 0 0 37px;
    background: url('../img/vip-icons.png') 0 0 no-repeat
}

.icon-vip-big.newbie:after {
    margin-top: 30px;
    background-position: -226px 0
}

.icon-vip-big.bronze:after {
    background-position: 0 0
}

.icon-vip-big.silver:after {
    background-position: -32px 0
}

.icon-vip-big.golden:after {
    background-position: -64px 0
}

.icon-vip-big.platinum:after {
    background-position: -96px 0
}

.icon-vip-big.ultimate:after {
    background-position: -128px 0
}

.icon-vip-big.road:after {
    background-position: -160px 0
}

.icon-vip-big.next {
    background: url('../img/octagon-light.png') no-repeat
}

.icon-vip-big.next:after {
    background-position: -193px 0
}

.vip-info-table {
    float: left;
    width: 200px;
    margin: 0 10px
}

.vip-info-table .name {
    font-size: 16px;
    line-height: 16px;
    height: 18px;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--color-background-alt)
}

.vip-info-table .features {
    border-bottom: 1px solid var(--color-background-alt);
    padding-bottom: 2px
}

.vip-info-table .features > span {
    font-size: 12px
}

.vip-info-table .features p {
    font-size: 13px;
    line-height: 14px;
    margin: 4px 0;
    padding-left: 25px;
    position: relative
}

.vip-info-table .features i.icon-vip {
    position: absolute;
    top: 1px;
    left: 0
}

.vip-attracted-gamers {
    width: 100px;
    float: left;
    text-align: center;
    color: #2b2521;
    font-size: 11px;
    line-height: 14px
}

.vip-attracted-gamers .num {
    background-color: var(--color-background-alt);
    height: 56px;
    width: 56px;
    margin: 0 auto 5px;
    line-height: 56px;
    font-size: 22px;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vip-attracted-gamers .num.smaller {
    font-size: 18px
}

.vip-status {
    background-color: var(--color-background-body);
    width: 470px;
    float: left;
    margin: 0 0 25px 15px;
    padding: 20px 20px
}

.vip-status.status-next {
    background-color: var(--color-background-body);
    margin: 0 0 15px
}

.vip-status.status-next .vip-info-table .name,
.vip-status.status-next .vip-info-table .features {
    border-bottom: 1px solid var(--color-background-alt)
}

.vip-status.status-next .icon-cash,
.vip-status.status-next .icon-time,
.vip-status.status-next .icon-crown {
    opacity: .5;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))"
}

.vip-road {
    width: 230px;
    float: left;
    text-align: center;
    color: #91887c;
    font-weight: bold;
    font-size: 14px
}

.vip-road .icon-vip-big {
    margin: 0 61px 5px;
    zoom: 1
}

.vip-road .icon-vip-big:before {
    content: '';
    display: block
}

.vip-road .icon-vip-big:after {
    content: '';
    display: table;
    clear: both
}

.vip-road .bar {
    height: 10px;
    width: 185px;
    margin: 5px auto 0;
    background-color: var(--color-background-body);
    border: 1px solid var(--color-background-alt);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.vip-road .bar .bar-progress {
    height: 8px;
    background: url('../img/vip-bar-bg.jpg') repeat-x
}

.vip-help {
    margin-bottom: 25px
}

.vip-help .header {
    background-color: var(--color-background-alt);
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer
}

.vip-help .header .icon-vip {
    margin-bottom: -2px;
    margin-right: 10px
}

.vip-help-col {
    width: 292.5px;
    float: left
}

.vip-help-col .name {
    background-color: var(--color-background-alt);
    height: 40px;
    color: var(--color-text-base);
    text-align: center;
    font-weight: bold;
    line-height: 40px
}

.vip-help-col .name i {
    margin-bottom: -2px
}

.vip-help-col .info {
    padding: 20px 25px;
    background-color: var(--color-background-body);
    border-bottom: 1px solid var(--color-background-alt);
    color: var(--color-text-base)
}

.vip-help-col .info p {
    margin: 0 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-background-alt)
}

.vip-help-col .info p strong {
    font-size: 17px
}

.vip-help-col:nth-child(2n+1) .info {
    background-color: rgba(var(--color-background-body-rgb), .5)
}

.vip-help.sm .vip-help-col {
    width: 280px
}

.vip-help.sm .header {
    cursor: default
}

.filter-link {
    padding: 0;
    margin: 0
}

.filter-link li {
    float: left;
    list-style: none;
    margin-right: 10px
}

.filter-link li a {
    text-decoration: none;
    background-color: var(--color-fill-background);
    height: 42px;
    line-height: 22px;
    padding: 10px;
    float: left;
    color: var(--color-text-alt);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.filter-link li a:hover {
    background-color: var(--color-background-alt);
    color: var(--color-text-alt)
}

.filter-link li.active a {
    background-color: var(--color-fill-brand-1);
    color: var(--color-fill-white);
    position: relative
}

.stats-icon {
    background: url('../img/stats-icons.png') no-repeat;
    width: 20px;
    height: 22px;
    float: left;
    margin-right: 10px
}

.stats-icon.common {
    background-position: 0 0
}

.stats-icon.by-programs {
    background-position: -20px 0
}

.stats-icon.by-promos {
    background-position: -40px 0;
    width: 22px
}

.stats-icon.by-trackers {
    background-position: -62px 0
}

.stats-icon.by-sub-id {
    background-position: -82px 0;
    width: 22px
}

.stats-icon.by-gamers {
    background-position: -104px 0
}

.stats-icon.by-landings {
    background-position: -124px 0
}

.stats-project-info-img {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/lp_info_link_sprite.png') 0 0;
    cursor: pointer
}

.stats-project-info-img:focus {
    outline: none
}

.stats-project-info-img:hover {
    background: url('../img/lp_info_link_sprite.png') 16px 0
}

.popover-content a {
    text-decoration: underline
}

.stats-filters {
    background: var(--color-fill-background);
    margin: 15px 0 0;
    padding: 12px 21px;
    zoom: 1
}

.stats-filters:before {
    content: '';
    display: block
}

.stats-filters:after {
    content: '';
    display: table;
    clear: both
}

.stats-filters .daterange-block {
    height: 34px;
    margin-right: 20px
}

.stats-filters .summary-switcher {
    margin-right: 10px
}

.stats-filters .summary-switcher a {
    height: 34px;
    background-color: var(--color-background-alt);
    color: var(--color-text-base);
    float: left;
    padding: 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px
}

.stats-filters .summary-switcher a:hover,
.stats-filters .summary-switcher a.active {
    color: var(--color-text-base);
    background-color: transparent
}

.stats-filters .styled-select {
    margin: 0 20px 0 0;
    width: 240px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.stats-filters .styled-select .select2-container {
    margin: 0;
    min-width: 240px
}

.stats-filters .styled-select2 {
    margin: 0 20px 0 0;
    width: 200px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.stats-filters .styled-select2 .select2-container {
    margin: 0
}

.stats-filters .styled-select2 .select2-input {
    padding-left: 5px !important
}

.stats-filters .label-sm {
    margin-bottom: 0 !important;
    font-weight: normal;
    font-size: 13px
}

.stats-filters .records-per-page {
    float: left;
    margin: 0 20px 0 0
}

.stats-filters .records-per-page .styled-select {
    margin: 0 0 0 10px;
    width: 85px;
    height: 34px;
    overflow: hidden
}

.stats-filters .records-per-page .styled-select select {
    background-color: var(--color-background-base);
    padding: 5px;
    height: 34px
}

.stats-filters .settings-block {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    position: relative
}

.stats-filters .settings-block .popover {
    top: 49px !important;
    left: 0 !important;
    margin-left: -52px;
    width: 150px
}

.stats-filters .settings-block .btn {
    padding: 0;
    margin: 0
}

.stats-filters .settings-block .btn:focus {
    outline: none
}

.stats-filters .csv {
    float: left
}

.stats-filters .search-block {
    width: 200px;
    float: left;
    margin: 0 20px 0 0
}

.stats-filters .double-picker {
    width: 445px
}

.stats-filters .double-picker label {
    font-size: 13px
}

.stats-filters .double-picker > div + div {
    margin: 10px 0 0
}

.filter-table .sort-link,
.filter-table .colFilter {
    background-color: var(--color-background-alt);
    height: 20px;
    width: 20px;
    color: var(--color-text-base);
    display: inline-block;
    margin: 2px 3px;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.filter-table .sort-link:hover,
.filter-table .colFilter:hover {
    background: #483e37;
    color: #d9d3c1
}

.filter-table .sort-link.active,
.filter-table .colFilter.active {
    background: #2b2521;
    color: #d9d3c1
}

.filter-table .column-sort,
.filter-table .column-filter {
    width: 56px;
    margin: auto
}

.filter-table .column-filter #colFilterContent-prg.popover {
    width: 320px !important;
    max-width: 320px;
    margin-left: -135px !important
}

.filter-table .column-filter .popover {
    margin-top: -30px;
    margin-left: -82px;
    left: 0;
    width: 220px
}

.filter-table .table-heading th + th {
    border-left: 1px solid #f6f1de
}

.filter-table .stats-filters {
    margin: 15px 0 0
}

.stat-dates.select-span {
    padding: 0 5px
}

.stat-dates .datepicker {
    width: 90px;
    margin: 1px;
    display: inline
}

td.JS-COL-SUB_ID.shown {
    word-break: break-all;
    min-width: 61px
}

td.JS-COL-GAMER_ID.shown {
    word-break: break-all;
    min-width: 60px
}

td.JS-COL-PROMO.shown {
    min-width: 78px;
    word-break: break-all
}

td.JS-COL-PROJECT.shown {
    min-width: 75px;
    word-break: break-all
}

td.JS-COL-PROGRAM.shown {
    min-width: 96px;
    word-break: break-all
}

td.JS-COL-REG_IP.shown {
    word-break: break-all;
    min-width: 113px
}

.last_update {
    background-color: var(--color-background-base);
    border: 1px solid var(--color-text-alt-2);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    color: var(--color-text-alt);
    float: left;
    border-radius: 3px;
    margin: 0 10px;
    padding: 0 8px;
    position: relative
}

.toggle-chart {
    background-color: var(--color-background-base);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: var(--color-text-alt);
    border: 1px solid var(--color-text-alt-2);
    float: left;
    border-radius: 3px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 0 38px 0 48px;
    position: relative;
    cursor: pointer;
    width: 202px
}

.stats-graph .styled-select {
    width: 165px;
    margin: 0
}

.stats-graph .chartWrap {
    min-height: 300px;
    position: relative
}

.stats-graph .chartWrap .chart-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1) url('../images/loader-light.gif') 50% 100px no-repeat
}

.stats-graph .stat-dates {
    padding: 0 10px
}

.stats-graph .select-span {
    font-size: 15px;
    color: #d9d3c1;
    padding: 7px 10px 0;
    margin: 0
}

.stats-graph .periods {
    float: right;
    border-radius: 3px;
}

.stats-graph .periods button {
    background-color: var(--color-background-alt);
    border: none;
    outline: none;
    float: left;
    padding: 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    position: relative
}

.stats-graph .periods button:hover,
.stats-graph .periods button.active {
    background-color: transparent
}

.stats-graph .total-setting {
    float: right;
    padding-left: 31px;
    margin-right: 32px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    position: relative;
    color: #4e4740;
    cursor: pointer
}

.stats-graph .total-setting:hover {
    color: #d9d3c1
}

.stats-graph .total-setting:before {
    content: '';
    background: url(../img/setting-total.png);
    width: 21px;
    height: 21px;
    left: 0;
    top: 6px;
    position: absolute
}

.stats-graph .graph-block {
    float: left;
    width: 100%;
    margin: 20px 0
}

.stats-graph .qualifications {
    margin: 0 -9px
}

.stats-graph .qualifications:after {
    content: '';
    display: table;
    clear: both
}

.stats-graph .qualifications .item {
    float: left;
    width: 178px;
    height: 78px;
    background-color: var(--color-fill-background);
    border-radius: 3px;
    overflow: hidden;
    margin: 0 10px 24px;
    text-align: center
}

.stats-graph .qualifications .item .top {
    padding-top: 5px;
    font: 20px/36px 'Open Sans', sans-serif;
    color: #2f2c2a;
    border-bottom: 2px solid var(--color-background-alt);
    min-width: 98px;
    margin: 0 auto;
    height: 36px;
    display: inline-block
}

.stats-graph .qualifications .item .top.loading {
    background: url('../images/loader.gif') 50% no-repeat
}

.stats-graph .qualifications .item .bot {
    font: 18px/30px 'Open Sans', sans-serif;
    color: #91887c
}

.stats-graph .qualifications a.item .top {
    border-bottom: 2px solid var(--color-background-alt)
}

.stats-graph .qualifications a.item .bot {
    color: var(--color-text-link1)
}

.stats-graph.pie {
    width: 100%;
    height: 350px;
    position: relative
}

.stats-graph.pie .graph-block {
    float: left;
    width: 575px;
    height: 350px;
    border-bottom: 2px solid var(--color-background-body);
    background-color: var(--color-background-body);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    padding-top: 80px;
    z-index: 3
}

.stats-graph.pie .chartWrap {
    float: left;
    width: 575px;
    height: 350px;
    overflow: hidden;
    position: relative;
    margin: 20px 0;
    z-index: 3
}

.stats-graph.pie .chartWrap + .chartWrap {
    margin-left: 20px
}

.stats-graph.pie .chartWrap .graph-block {
    margin: 0
}

.stats-graph.pie .chart-loader {
    z-index: 100
}

.stats-graph.pie .styled-select {
    position: absolute;
    z-index: 4;
    overflow: hidden;
    top: 40px
}

.stats-graph.pie .styled-select.left {
    left: 20px
}

.stats-graph.pie .styled-select.right {
    right: 40px
}

.google-visualization-tooltip {
    background: rgba(217, 211, 193, 0.9) !important;
    border: none !important;
    box-shadow: none !important;
    font: 14px/14px 'Open Sans' !important
}

.icon-im-category {
    background: url('../images/im/im-icons.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block
}

.icon-im-category.category-1 {
    background-position: -150px 0
}

.icon-im-category.category-2 {
    background-position: -60px 0
}

.icon-im-category.category-3 {
    background-position: -120px 0
}

.icon-im-category.category-4 {
    background-position: -30px 0
}

.icon-im-category.category-5 {
    background-position: -90px 0
}

.icon-im-category.category-6 {
    background-position: 0 0
}

.conversation-back {
    margin-top: 15px
}

.icon-im-mail {
    background: url('../img/mail-icon.png') bottom no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block
}

.im-widget {
    float: right;
    margin: 10px;
    position: relative
}
.trackers{
    width: 100%;
    display: block;
    position: relative;
}
.trackers li{
    display: block;
    width: 100%;
    
}
.trackers:hover{
    transition:.3s;
    border:1px solid rgba(0,0,0,0.3)
}
.trackers li a{
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 16px;
    text-transform: none;
    color: #888;
}
.trackers li .sub{
    transition:.3s;
   display: none;
    position: absolute;
    width: 100%;
    height: auto;
    top:100%;
    left:0;
    z-index: 2;
    background: #fff;
    border:1px solid rgba(0,0,0,0.3)
}
.trackers li{
    
}
.trackers li:hover .sub{
    transition:.3s;
   display: block;
}
.trackers li a:hover{
 color:#000
}

.im-widget span {
    position: absolute;
    background: #91887c;
    color: #f6f1de;
    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    top: 0;
    right: 0;
    margin: -7px -7px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.im-widget .has-mail .icon-im-mail {
    background-position: top
}

.im-new-message-btn {
    margin-top: 15px
}
.counter{
position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    top: 7px;
    font-size: 12px;
    text-align: center;
    right: -13px;
    line-height: 12px;
    padding-top: 4px;
    background: #fff;
    border: 1px solid var(--color-text-link1);
    color: var(--color-text-link1);
}

.msg_container ul{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.msg_container ul li{
list-style: none
}

.qwe{
    width: 90%;
    float: left;
    margin: 15px 0;
    padding: 15px;
    border-radius: 15px;
    background: #cecece;
    color:#000;
    font-size: 14px;
}
.ans{
    width: 90%;
    float: left;
    margin: 15px 0 0 10%;
    padding: 15px;
    border-radius: 15px;
    background: #d7e7da;
    color:#000;
    font-size: 14px;
}
.msg_container{
    float: left;
    width: 70%;
    margin-left: 15%;
    height: auto;
}
#msg_cont{
    padding: 20px;
    float: left;
    width: 100%;
    height: auto;
}
.conversation-divider {
    background-color: #f5f5f6;
    width: 100%;
    height: 3px;
    margin: 10px 0;
    float: left;
    color:#2b2521
}
.msg_header{
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}

.conversation-item {
    background-color: var(--color-background-body);
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    float: left;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

.conversation-item.unread {
    background-color: var(--color-fill-brand-1-alt)
}

.conversation-item .icon {
    margin-top: 15px;
    width: 40px;
    text-align: center;
    float: left
}

.conversation-item .icon i {
    display: inline-block
}

.conversation-item .info {
    text-transform: none;
    float: left;
    line-height: 15px;
    padding: 7px 0 7px 15px;
    border-left: 1px solid #d9d3c1
}

.conversation-item .info .theme {
    display: block;
    font-size: 14px;
    margin: 0 0 10px
}

.conversation-item .info .info-label {
    background-color: var(--color-background-alt);
    padding: 3px;
    font-size: 11px;
    line-height: 13px;
    color: #91887c;
    margin: 0 6px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.conversation-divider {
    background-color: var(--color-background-body);
    width: 100%;
    height: 3px;
    margin: 10px 0;
    float: left
}

.conversation-view {
    background-color: var(--color-background-body);
    margin-top: 15px;
    float: left
}

.conversation-view .header {
    background-color: var(--color-background-alt);
    border-bottom: none
}

.conversation-view .header .theme {
    font-size: 14px
}

.conversation-view .header .info-label {
    font-size: 11px;
    line-height: 14px
}

.conversation-view .messages {
    padding: 0 25px 15px;
    float: left;
    width: 100%;
    height: 350px;
    overflow: auto;
    position: relative
}

#messages{
    display: block;
    float: left;
    width: 100%;
    margin: 15px 0;
    position: relative;
}
#messages .noty{
    position: absolute;
    top: -95px;
    left: -164px;
    font-size: 12px;
}
#messages .noty:hover{
color:#fff
}
.conversation-view .messages ::-webkit-scrollbar {
    width: 12px
}

.conversation-view .messages ::-webkit-scrollbar-track {
    background-color: var(--color-background-body)
}

.conversation-view .messages ::-webkit-scrollbar-thumb {
    background-color: var(--color-background-alt)
}

.message-item {
    background-color: var(--color-background-alt);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 0 15px
}

.message-item.inverse {
    background-color: var(--color-background-base)
}

.message-item .author {
    color: var(--color-text-alt);
    text-transform: none;
    font-size: 12px;
    line-height: 16px
}

.message-item .text {
    color: #212121;
    font-size: 12px;
    text-transform: none;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
}

.message-item .date {
    color: var(--color-text-alt);
    font-size: 11px
}

.im-form {
    background-color: var(--color-background-body);
    float: left;
    width: 100%;
    padding: 15px 25px 0
}

.im-form textarea,
.im-form input,
.im-form select {
    font-size: 13px;
    line-height: 14px;
    padding: 5px;
    background-color: var(--color-background-base) !important
}

.im-new-title {
    background-color: var(--color-background-alt);
    padding: 0 10px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    margin: 15px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.im-new {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 15px
}

.im-modal {
    padding: 0 0 15px;
    background-color: var(--color-background-body);
    width: 800px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.im-modal .conversation-item {
    margin-bottom: 0
}

.im-modal .close {
    font-size: 22px;
    background: none;
    top: 0;
    right: 0
}

.im-modal .title {
    padding: 7px 15px;
    margin: 0 0 5px;
    font-size: 15px;
    background-color: var(--color-background-alt)
}

.im-modal .conversation-item {
    margin: 0 15px 10px
}

.im-modal .detail-btn {
    margin-top: 5px
}

.im-modal .theme span {
    font-size: 12px
}

.last-notifications-widget {
    width: 873px;
    text-align: left
}

.last-notifications-widget .icon-octagon {
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat;
    background-position: 0 -92px;
    float: left
}

.last-notifications-widget .icon-octagon i.icon-notifications {
    display: block;
    background: url(../img/last-notifications.png) no-repeat !important;
    background-position: 0 -43px !important;
    width: 41px;
    height: 43px;
    margin: 20px auto
}

.last-notifications-widget .content {
    float: left;
    margin-left: 20px;
    max-width: 705px;
    min-width: 80%;
}

.last-notifications-widget .content h4 {
    margin: 8px 0 12px 0;
    color: #2b2521;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    font-weight: 400;
}

.last-notifications-widget .content .notification-data {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif
}

.last-notifications-widget .content .notification-data .date {
    width: 80px;
    float: left
}

.last-notifications-widget .content .notification-data .notification-text {
    max-width: 705px;
    text-align: left
}

.last-notifications-widget .content .notification-data p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0 !important;
    font-size: 12px;
}
.last-notifications-widget .content .notification-data p a {
    font-size: 12px;
    color:#888;
    font-weight: 400;
    text-transform: none;
}
.last-notifications-widget .content .notification-data p a:hover {
    color:#000;
}

.last-notifications-widget .content .notification-data .divider {
    background-color: #dcd4c2;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 5px 0 3px 0
}

.notification-item {
    font-size: 13px
}

.notification-item .date {
    font-size: 12px;
    padding: 3px 5px;
    background-color: var(--color-background-body);
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    text-align: center
}

.notification-item .notification-text {
    border-bottom: 1px solid var(--color-background-alt);
    margin: 0 -20px 0 20px;
    padding: 0 0 15px 0
}

.icon-percent {
    background: url('../img/icon-percent.png') no-repeat !important;
    width: 35px;
    height: 37px
}

.icon-target {
    background: url('../img/icon-target.png') no-repeat !important;
    width: 44px;
    height: 40px
}

.icon-horn {
    background: url('../img/icon-horn.png') no-repeat !important;
    width: 37px;
    height: 41px
}

.icon-photo {
    background: url('../img/icon-photo.png') no-repeat !important;
    width: 41px;
    height: 31px
}

.icon-settings {
    background: url('../img/icon-settings.png') no-repeat !important;
    width: 36px;
    height: 36px
}

.icon-percent-target {
    background: url('../img/icon-percent-target.png') no-repeat !important;
    width: 39px;
    height: 40px
}

.icon-deposit {
    background: url('../img/icon-deposit.png') no-repeat !important;
    width: 29px;
    height: 31px
}

.icon-pad {
    background: url('../img/icon-pad.png') no-repeat !important;
    width: 34px;
    height: 35px
}

.icon-folder {
    background: url('../img/icon-folder.png') no-repeat !important;
    width: 34px;
    height: 25px
}

.icon-pencils {
    background: url('../img/icon-pencils.png') no-repeat !important;
    width: 35px;
    height: 35px
}

.icon-window-world {
    background: url('../img/icon-window-world.png') no-repeat !important;
    width: 36px;
    height: 34px
}

.icon-window-pencil {
    background: url('../img/icon-window-pencil.png') no-repeat !important;
    width: 36px;
    height: 28px
}

.icon-window-cog {
    background: url('../img/icon-window-cog.png') no-repeat !important;
    width: 36px;
    height: 32px
}

.icon-150d {
    background: url('../img/icon-150d.png') no-repeat !important;
    width: 48px;
    height: 23px;
    margin-top: 35px !important
}

.icon-55 {
    background: url('../img/icon-55.png') no-repeat !important;
    width: 46px;
    height: 21px;
    margin-top: 35px !important
}

.icon-30p {
    background: url('../img/icon-30p.png') no-repeat !important;
    width: 45px;
    height: 21px;
    margin-top: 35px !important
}

.icon-vulkan {
    background: url('../img/icon-vulkan.png?v2.1') no-repeat !important;
    width: 65px;
    height: 44px;
    margin-top: 23px !important
}

.icon-microgaming {
    background: url('../img/icon-microgaming.png') no-repeat !important;
    width: 50px;
    height: 50px;
    margin-top: 21px !important
}

.icon-vabank {
    background: url('../img/icon-vabank.png') no-repeat !important;
    width: 63px;
    height: 10px;
    margin-top: 40px !important
}

.icon-dohodomania {
    background: url('../img/dohodomania.png') no-repeat !important;
    width: 35px;
    height: 37px
}

.icon-depositomania {
    background: url('../img/depositomania.png') no-repeat !important;
    width: 37px;
    height: 39px
}

.icon-mail {
    background: url('../img/icon-mail.png') no-repeat;
    width: 20px;
    height: 16px
}

.icon-skype {
    background: url('../img/icon-skype.png') no-repeat;
    width: 20px;
    height: 20px
}

.icon-referral {
    background: url('../img/referal-program.png') no-repeat !important;
    width: 51px;
    height: 31px
}

.icon-formula {
    display: inline-block;
    background-image: url(../img/icon-formula.png);
    background-position: 0 0;
    width: 18px;
    height: 20px
}

.icon {
    background-position: top !important
}

.active .icon {
    background-position: bottom !important
}

.icon-promo {
    background: url('../img/promo-actions.png') no-repeat;
    display: inline-block;
    height: 22px
}

.icon-promo.icon-stats {
    width: 19px;
    background-position: 0 0
}

.icon-promo.icon-code {
    width: 18px;
    background-position: -34px 0
}

.icon-promo.icon-delete {
    width: 15px;
    background-position: -19px 0
}

.icon-promo.icon-csv,
.icon-promo.icon-xls {
    background: url('../images/export-icons2.png');
    width: 27px;
    height: 23px
}

.icon-promo.icon-xls {
    background-position: 0 0
}

.icon-promo.icon-csv {
    background-position: 27px 0
}

.label-gold {
    background: url('../img/label-gold.jpg') 0 0 no-repeat;
    background-position: center
}

.flag {
    width: 16px;
    height: 16px;
    background: url(../images/flags/go-squared.png) no-repeat
}

.flag.flag-ad {
    background-position: -16px 0
}

.flag.flag-ae {
    background-position: -32px 0
}

.flag.flag-af {
    background-position: -48px 0
}

.flag.flag-ag {
    background-position: -64px 0
}

.flag.flag-ai {
    background-position: -80px 0
}

.flag.flag-al {
    background-position: -96px 0
}

.flag.flag-am {
    background-position: -112px 0
}

.flag.flag-an {
    background-position: -128px 0
}

.flag.flag-ao {
    background-position: -144px 0
}

.flag.flag-ar {
    background-position: -160px 0
}

.flag.flag-as {
    background-position: -176px 0
}

.flag.flag-at {
    background-position: -192px 0
}

.flag.flag-au {
    background-position: -208px 0
}

.flag.flag-aw {
    background-position: -224px 0
}

.flag.flag-az {
    background-position: 0 -16px
}

.flag.flag-ba {
    background-position: -16px -16px
}

.flag.flag-bb {
    background-position: -32px -16px
}

.flag.flag-bd {
    background-position: -48px -16px
}

.flag.flag-be {
    background-position: -64px -16px
}

.flag.flag-bf {
    background-position: -80px -16px
}

.flag.flag-bg {
    background-position: -96px -16px
}

.flag.flag-bh {
    background-position: -112px -16px
}

.flag.flag-bi {
    background-position: -128px -16px
}

.flag.flag-bj {
    background-position: -144px -16px
}

.flag.flag-bm {
    background-position: -160px -16px
}

.flag.flag-bn {
    background-position: -176px -16px
}

.flag.flag-bo {
    background-position: -192px -16px
}

.flag.flag-br {
    background-position: -208px -16px
}

.flag.flag-bs {
    background-position: -224px -16px
}

.flag.flag-bt {
    background-position: 0 -32px
}

.flag.flag-bw {
    background-position: -16px -32px
}

.flag.flag-by {
    background-position: -32px -32px
}

.flag.flag-bz {
    background-position: -48px -32px
}

.flag.flag-ca {
    background-position: -64px -32px
}

.flag.flag-cd {
    background-position: -80px -32px
}

.flag.flag-cf {
    background-position: -96px -32px
}

.flag.flag-cg {
    background-position: -112px -32px
}

.flag.flag-ch {
    background-position: -128px -32px
}

.flag.flag-ci {
    background-position: -144px -32px
}

.flag.flag-ck {
    background-position: -160px -32px
}

.flag.flag-cl {
    background-position: -176px -32px
}

.flag.flag-cm {
    background-position: -192px -32px
}

.flag.flag-cn {
    background-position: -208px -32px
}

.flag.flag-co {
    background-position: -224px -32px
}

.flag.flag-cr {
    background-position: 0 -48px
}

.flag.flag-cu {
    background-position: -16px -48px
}

.flag.flag-cv {
    background-position: -32px -48px
}

.flag.flag-cy {
    background-position: -48px -48px
}

.flag.flag-cz {
    background-position: -64px -48px
}

.flag.flag-de {
    background-position: -80px -48px
}

.flag.flag-dj {
    background-position: -96px -48px
}

.flag.flag-dk {
    background-position: -112px -48px
}

.flag.flag-dm {
    background-position: -128px -48px
}

.flag.flag-do {
    background-position: -144px -48px
}

.flag.flag-dz {
    background-position: -160px -48px
}

.flag.flag-ec {
    background-position: -176px -48px
}

.flag.flag-ee {
    background-position: -192px -48px
}

.flag.flag-eg {
    background-position: -208px -48px
}

.flag.flag-eh {
    background-position: -224px -48px
}

.flag.flag-er {
    background-position: 0 -64px
}

.flag.flag-es {
    background-position: -16px -64px
}

.flag.flag-et {
    background-position: -32px -64px
}

.flag.flag-fi {
    background-position: -48px -64px
}

.flag.flag-fj {
    background-position: -64px -64px
}

.flag.flag-fm {
    background-position: -80px -64px
}

.flag.flag-fo {
    background-position: -96px -64px
}

.flag.flag-fr {
    background-position: -112px -64px
}

.flag.flag-ga {
    background-position: -128px -64px
}

.flag.flag-gb {
    background-position: -144px -64px
}

.flag.flag-gd {
    background-position: -160px -64px
}

.flag.flag-ge {
    background-position: -176px -64px
}

.flag.flag-gg {
    background-position: -192px -64px
}

.flag.flag-gh {
    background-position: -208px -64px
}

.flag.flag-gi {
    background-position: -224px -64px
}

.flag.flag-gl {
    background-position: 0 -80px
}

.flag.flag-gm {
    background-position: -16px -80px
}

.flag.flag-gn {
    background-position: -32px -80px
}

.flag.flag-gp {
    background-position: -48px -80px
}

.flag.flag-gq {
    background-position: -64px -80px
}

.flag.flag-gr {
    background-position: -80px -80px
}

.flag.flag-gt {
    background-position: -96px -80px
}

.flag.flag-gu {
    background-position: -112px -80px
}

.flag.flag-gw {
    background-position: -128px -80px
}

.flag.flag-gy {
    background-position: -144px -80px
}

.flag.flag-hk {
    background-position: -160px -80px
}

.flag.flag-hn {
    background-position: -176px -80px
}

.flag.flag-hr {
    background-position: -192px -80px
}

.flag.flag-ht {
    background-position: -208px -80px
}

.flag.flag-hu {
    background-position: -224px -80px
}

.flag.flag-id {
    background-position: 0 -96px
}

.flag.flag-ie {
    background-position: -16px -96px
}

.flag.flag-il {
    background-position: -32px -96px
}

.flag.flag-im {
    background-position: -48px -96px
}

.flag.flag-in {
    background-position: -64px -96px
}

.flag.flag-iq {
    background-position: -80px -96px
}

.flag.flag-ir {
    background-position: -96px -96px
}

.flag.flag-is {
    background-position: -112px -96px
}

.flag.flag-it {
    background-position: -128px -96px
}

.flag.flag-je {
    background-position: -144px -96px
}

.flag.flag-jm {
    background-position: -160px -96px
}

.flag.flag-jo {
    background-position: -176px -96px
}

.flag.flag-jp {
    background-position: -192px -96px
}

.flag.flag-ke {
    background-position: -208px -96px
}

.flag.flag-kg {
    background-position: -224px -96px
}

.flag.flag-kh {
    background-position: 0 -112px
}

.flag.flag-ki {
    background-position: -16px -112px
}

.flag.flag-km {
    background-position: -32px -112px
}

.flag.flag-kn {
    background-position: -48px -112px
}

.flag.flag-kp {
    background-position: -64px -112px
}

.flag.flag-kr {
    background-position: -80px -112px
}

.flag.flag-kw {
    background-position: -96px -112px
}

.flag.flag-ky {
    background-position: -112px -112px
}

.flag.flag-kz {
    background-position: -128px -112px
}

.flag.flag-la {
    background-position: -144px -112px
}

.flag.flag-lb {
    background-position: -160px -112px
}

.flag.flag-lc {
    background-position: -176px -112px
}

.flag.flag-li {
    background-position: -192px -112px
}

.flag.flag-lk {
    background-position: -208px -112px
}

.flag.flag-lr {
    background-position: -224px -112px
}

.flag.flag-ls {
    background-position: 0 -128px
}

.flag.flag-lt {
    background-position: -16px -128px
}

.flag.flag-lu {
    background-position: -32px -128px
}

.flag.flag-lv {
    background-position: -48px -128px
}

.flag.flag-ly {
    background-position: -64px -128px
}

.flag.flag-ma {
    background-position: -80px -128px
}

.flag.flag-mc {
    background-position: -96px -128px
}

.flag.flag-md {
    background-position: -112px -128px
}

.flag.flag-me {
    background-position: -128px -128px
}

.flag.flag-mg {
    background-position: -144px -128px
}

.flag.flag-mh {
    background-position: -160px -128px
}

.flag.flag-mk {
    background-position: -176px -128px
}

.flag.flag-ml {
    background-position: -192px -128px
}

.flag.flag-mm {
    background-position: -208px -128px
}

.flag.flag-mn {
    background-position: -224px -128px
}

.flag.flag-mo {
    background-position: 0 -144px
}

.flag.flag-mq {
    background-position: -16px -144px
}

.flag.flag-mr {
    background-position: -32px -144px
}

.flag.flag-ms {
    background-position: -48px -144px
}

.flag.flag-mt {
    background-position: -64px -144px
}

.flag.flag-mu {
    background-position: -80px -144px
}

.flag.flag-mv {
    background-position: -96px -144px
}

.flag.flag-mw {
    background-position: -112px -144px
}

.flag.flag-mx {
    background-position: -128px -144px
}

.flag.flag-my {
    background-position: -144px -144px
}

.flag.flag-mz {
    background-position: -160px -144px
}

.flag.flag-na {
    background-position: -176px -144px
}

.flag.flag-nc {
    background-position: -192px -144px
}

.flag.flag-ne {
    background-position: -208px -144px
}

.flag.flag-ng {
    background-position: -224px -144px
}

.flag.flag-ni {
    background-position: 0 -160px
}

.flag.flag-nl {
    background-position: -16px -160px
}

.flag.flag-no {
    background-position: -32px -160px
}

.flag.flag-np {
    background-position: -48px -160px
}

.flag.flag-nr {
    background-position: -64px -160px
}

.flag.flag-nz {
    background-position: -80px -160px
}

.flag.flag-om {
    background-position: -96px -160px
}

.flag.flag-pa {
    background-position: -112px -160px
}

.flag.flag-pe {
    background-position: -128px -160px
}

.flag.flag-pf {
    background-position: -144px -160px
}

.flag.flag-pg {
    background-position: -160px -160px
}

.flag.flag-ph {
    background-position: -176px -160px
}

.flag.flag-pk {
    background-position: -192px -160px
}

.flag.flag-pl {
    background-position: -208px -160px
}

.flag.flag-pr {
    background-position: -224px -160px
}

.flag.flag-ps {
    background-position: 0 -176px
}

.flag.flag-pt {
    background-position: -16px -176px
}

.flag.flag-pw {
    background-position: -32px -176px
}

.flag.flag-py {
    background-position: -48px -176px
}

.flag.flag-qa {
    background-position: -64px -176px
}

.flag.flag-re {
    background-position: -80px -176px
}

.flag.flag-ro {
    background-position: -96px -176px
}

.flag.flag-rs {
    background-position: -112px -176px
}

.flag.flag-ru {
    background-position: -128px -176px
}

.flag.flag-rw {
    background-position: -144px -176px
}

.flag.flag-sa {
    background-position: -160px -176px
}

.flag.flag-sb {
    background-position: -176px -176px
}

.flag.flag-sc {
    background-position: -192px -176px
}

.flag.flag-sd {
    background-position: -208px -176px
}

.flag.flag-se {
    background-position: -224px -176px
}

.flag.flag-sg {
    background-position: 0 -192px
}

.flag.flag-si {
    background-position: -16px -192px
}

.flag.flag-sk {
    background-position: -32px -192px
}

.flag.flag-sl {
    background-position: -48px -192px
}

.flag.flag-sm {
    background-position: -64px -192px
}

.flag.flag-sn {
    background-position: -80px -192px
}

.flag.flag-so {
    background-position: -96px -192px
}

.flag.flag-sr {
    background-position: -112px -192px
}

.flag.flag-st {
    background-position: -128px -192px
}

.flag.flag-sv {
    background-position: -144px -192px
}

.flag.flag-sy {
    background-position: -160px -192px
}

.flag.flag-sz {
    background-position: -176px -192px
}

.flag.flag-tc {
    background-position: -192px -192px
}

.flag.flag-td {
    background-position: -208px -192px
}

.flag.flag-tg {
    background-position: -224px -192px
}

.flag.flag-th {
    background-position: 0 -208px
}

.flag.flag-tj {
    background-position: -16px -208px
}

.flag.flag-tl {
    background-position: -32px -208px
}

.flag.flag-tm {
    background-position: -48px -208px
}

.flag.flag-tn {
    background-position: -64px -208px
}

.flag.flag-to {
    background-position: -80px -208px
}

.flag.flag-tr {
    background-position: -96px -208px
}

.flag.flag-tt {
    background-position: -112px -208px
}

.flag.flag-tv {
    background-position: -128px -208px
}

.flag.flag-tw {
    background-position: -144px -208px
}

.flag.flag-tz {
    background-position: -160px -208px
}

.flag.flag-ua {
    background-position: -176px -208px
}

.flag.flag-ug {
    background-position: -192px -208px
}

.flag.flag-us {
    background-position: -208px -208px
}

.flag.flag-uy {
    background-position: -224px -208px
}

.flag.flag-uz {
    background-position: 0 -224px
}

.flag.flag-va {
    background-position: -16px -224px
}

.flag.flag-vc {
    background-position: -32px -224px
}

.flag.flag-ve {
    background-position: -48px -224px
}

.flag.flag-vg {
    background-position: -64px -224px
}

.flag.flag-vi {
    background-position: -80px -224px
}

.flag.flag-vn {
    background-position: -96px -224px
}

.flag.flag-vu {
    background-position: -112px -224px
}

.flag.flag-ws {
    background-position: -128px -224px
}

.flag.flag-ye {
    background-position: -144px -224px
}

.flag.flag-za {
    background-position: -160px -224px
}

.flag.flag-zm {
    background-position: -176px -224px
}

.flag.flag-zw {
    background-position: -192px -224px
}

.footer-icon-list {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 9px 0 0;
    line-height: 1
}

.footer-icon-list li + li {
    margin-left: 20px
}

.footer-icon-list__square {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/sprite-footer-icon-list.png);
    line-height: 1
}

.footer-icon-list__square_fb {
    background-position: 0 0
}

.footer-icon-list__square_vk {
    background-position: 0 -25px
}

.footer-icon-list__square_rss {
    background-position: 0 -50px
}

.footer-icon-list__square_tg {
    background-position: 0 -75px
}

.forum-list {
    display: none
}

.forum-list__link {
    display: inline-block;
    height: 81px;
    text-decoration: none;
    background-image: url(../img/sprite-forum-list.png);
    text-indent: -9999px
}

.forum-list__link_searchengines {
    width: 220px;
    background-position: 0 0
}

.forum-list__link_armada {
    width: 242px;
    background-position: -220px 0
}

.forum-list__link_maultalk {
    width: 200px;
    background-position: -462px 0
}

.forum-list__link_webmasters {
    width: 212px;
    background-position: -662px 0
}

.forum-list__link_gfb {
    width: 163px;
    background-position: -874px 0
}

body {
    /* font-family: 'Open Sans', sans-serif */
}

.pf-enter-drop input {
    line-height: 1.42857143;
    padding: 0 10px;
    border: 1px solid #4e4740 !important
}

.register-btn-block {
    margin-top: -93px;
    height: 50px
}

.register-btn-block a {
    float: right;
    width: 200px !important;
    height: 50px !important;
    text-decoration: none;
    text-align: center
}

.text-primary {
    color: black
}


.middle-nav {
    display: flex;
    min-height: 50px;
    width: 100%;
}

.middle {
    width: 1170px;
    margin: 0 auto;
    float: none;
    padding-left: 0px;
}

.middle li {
    float: left;
    list-style: none;
    margin-left: 51px;
}

.middle li:first-child {
    margin-left: 0px;
}

.middle a {
    display: block;
    color: #2f2c2a;
    padding: 15px 10px 15px 40px;
    font-size: 12px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none
}
#s_content{
    position: relative;
    min-height: 250px
}



.preload{
    position: absolute;
    width: 100px;
    height: 100px;
    top:100px;
    left:50%;
    margin-left: -50px;
}
.middle a:hover, .middle .active a {
    text-decoration: none;
    background-color: var(--color-background-alt);
}
#p_options{
    font-size: 12px;
    text-transform: none;
    color:#888
}

.modal-content .stat_block_item{
    width: calc(100%/2 - 10px);
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 3px;
    transition: .3s;
    margin: 10px 0;
}
.home-link {
    background: url("../img/sprite.png?v2") no-repeat 10px 10px;
}

.statistic-link {
    background: url("../img/sprite.png?v2") no-repeat 10px -31px
}

.promo-link {
    background: url("../img/sprite.png?v2") no-repeat 10px -75px
}

.track-link {
    background: url(../img/sprite.png?v2) no-repeat 10px -120px;
}

.calc-link {
    background: url(../img/sprite.png?v2) no-repeat 10px -160px;
}

.ref-link {
    background: url(../img/sprite.png?v2) no-repeat 5px -212px;
}

.pf-timer {
    padding-top: 7px;
}

.pf-timer h6 {
    color: #f6f1de;
    font-family: 'Open Sans', sans-serif;;
    font-size: 14px;
    letter-spacing: 1px;
}

.pf-timer-cash {
}

.pf-timer-block {
    border: 1px solid #56514b;
    border-radius: 5px;
    width: auto;
    height: 41px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}

.pf-timer-block span {
    display: inline-block;
    height: 100%;
    letter-spacing: 3px;
    border-right: 1px solid #56514b;
    padding: 0 5px;
    font: bold 28px arial;
    color: #f6f1de;
}

span.pf-val {
    color: #91887c;
    border-right: none;
}

.pf-menu {
    min-height: 80px;
    padding: 0;
}

.pf-menu ul {
    height: 100%;
}

.pf-menu ul li {
    height: 80px;
}

.pf-menu a {
    font-family: 'Open Sans', sans-serif;;
    text-decoration: none;
    padding: 0 9px !important;
    height: 100%;
    color: var(--color-text-alt);
    display: block;
    line-height: 80px !important;
}




.middle-nav-wrapper {
    background-color: var(--color-fill-background)
}

@media(min-width:1200px) {
    .middle-nav {
        display: table;
        width: 1170px;
        margin: 0 auto
    }
    .middle-nav > .middle > li{
        width: calc(100%/6 - 5px);
    }
    
}

.f_right{
    float: right;
}



.personal-settings{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}
.settings_item{
    width: calc(100%/4 - 20px)
}
.text-input{
    border: 0;
    border-radius: var(--border-radius-small);
    box-shadow: 0 0 0 1px var(--color-text-alt-2);
    box-sizing: border-box;
    color: var(--color-text-base);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5rem;
    outline: none;
    padding: 6px 10px;
    transition: all var(--main-tranistion);
    width: 100%;
}

.bdflex{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bdflex .text-input{
    width: calc(100%/3 - 5px)
}
.personal-settings p{
    font-size: 12px;
}
.field{
    padding-bottom: 15px
}
.field label{
    display: block;
    width: 100%
}
.kassa_btn {
    width: calc(100%/2 - 20px);
    padding: 15px;
    text-align: center;
    cursor: pointer;

}

.kassa_btn:hover, .kassa_btn.active{

    background-color: var(--color-background-alt);
}
.half_block {
    width: calc(100%/2 - 20px);
    padding: 15px;
    cursor: pointer;

}

.half_block.active{
    background-color: var(--color-background-alt);
}

@media(max-width:768px) {
    
    .middle-nav > .middle > li{
        width: calc(100%/2 - 5px);
    }
    
    .account-details{
         width: calc(100%/2 - 30px);
        min-height: 100px;
    }
    .stat_item{
        width: calc(100% - 35px) !important;
    }
    .stat_block_item{
        width: calc(100%/2 - 21px) !important;
    }
    .flex_form div{
        width: calc(100% - 10px) !important;
    }
    
    .settings_item{
        width: calc(100% - 20px) !important;
    }
}

.d_flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.middle-nav > .middle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.middle-nav > .middle > li {
    display: table-cell;
    float: none;
    margin-left: 0;
    text-align: center
}

.middle .dropdown-toggle span,
.admin-link span {
    color: var(--color-text-base)
}

.tracker-select {
    margin-top: 10px
}

.auth {
    line-height: 22px
}

.auth.register {
    margin-top: 0
}

.auth small {
    line-height: 15px
}

.auth .item {
    margin: 6px 10px;
    text-transform: none;
        padding: 5px;
    font-weight: 400
}

.auth .item a span,
.auth .item > span {
    margin-right: 3px
}

.auth .login-block {
    display: inline-block
}

.lang-block {
    display: inline-block;
    margin: 0 0 0 20px
}

.lang-block button,
.lang-block.open .dropdown-toggle.btn-default {
    background: #91887c;
    color: #f6f1de;
    padding: 3px 15px;
    font-size: 15px;
    margin-top: -2px
}

.lang-block button b,
.lang-block.open .dropdown-toggle.btn-default b {
    color: #f6f1de;
    font-size: 18px
}

.dropdown-menu,
.hider-popover .popover {
    background-color: var(--color-background-body);
    min-width: 100px
}

.dropdown-menu .arrow,
.hider-popover .popover .arrow {
    border-right-color: transparent !important
}

.dropdown-menu .arrow:after,
.hider-popover .popover .arrow:after {
    border-bottom-color: #91887c !important
}

.dropdown-menu a,
.hider-popover .popover a {
    outline: none;
    color: var(--color-text-base)
}

.dropdown-menu .dropdown-header,
.hider-popover .popover .dropdown-header {
    color: var(--color-text-base);
    font-size: 14px
}

.dropdown-menu > li,
.hider-popover .popover > li {
    margin-left: 0
}

.dropdown-menu > li > a:hover,
.hider-popover .popover > li > a:hover {
    background: none;
    text-decoration: underline
}

.hider-popover .popover ul {
    margin: 0;
    padding: 0
}

.hider-popover .popover li {
    list-style: none
}

.hider-popover .popover label {
    font-weight: normal;
    color: #333
}

.programs-slider .pf-sl3-big-block .pf-arr {
    bottom: -40px
}

.programs-slider .carousel-inner .item {
    margin-left: 25px
}

.programs-slider .carousel-inner .item .image {
    width: 107px;
    height: 92px;
    background: url('../img/octagons.png') no-repeat top;
    float: left;
    margin: -32px 10px 0 0;
    padding: 0;
    float: none;
    text-align: center;
    margin: 10px auto;
    background-position: bottom
}

.programs-slider .carousel-inner .item .image i {
    background: url('../img/promo-types.png') no-repeat;
    display: block;
    margin: 30px auto
}

.programs-slider .carousel-inner .item .image i {
    display: inline-block;
    margin: 30px auto
}

.programs-slider .item .pf-big-any {
    float: left;
    margin: 0 2px
}

.pf-stat-top li.pf-sl3-big-kub {
    float: left !important
}

.extended-link {
    border-bottom: 1px dashed
}

.pf-sl3-big-kub.disabled h6 {
    color: #aaa
}

#bottomRegForm {
    margin-top: 20px
}

.pf-hh-bg h2 {
    margin: 20px 0
}

.pf-index-form-top {
    margin: 0
}

.pf-index-three-bl {
    margin-top: 43px
}

#do_filter {
    width: 120px;
    height: 35px;
    margin: 0 10px 0 5px
}

.pf-sl2-btn-block .btn-info {
    height: 40px;
    width: 150px;
    font-size: 16px;
    line-height: 25px
}

a.pf-big-any:hover {
    color: #2b2521
}

table .header-fixed {
    position: fixed;
    top: 0px;
    z-index: 1020
}

table .footer-fixed {
    position: fixed;
    bottom: 0px;
    z-index: 16000002
}

.pf-sl3-big-kub .ui-effects-wrapper {
    height: 92px !important
}

.promo-create-top-nav .pf-sl3-big-kub .ui-effects-wrapper,
.promo-steps .pf-sl3-big-kub .ui-effects-wrapper {
    height: 102px !important
}

.pf-sl3-big-kub:hover .image {
    background-position: bottom !important;
    opacity: .8;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))"
}

.modal .close {
    top: 5px;
    right: 5px
}

.pf-modal-code {
    padding-top: 25px
}

#copy-src-button.zeroclipboard-is-hover,
#copy-src-button.pf-swf {
    opacity: .9;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))"
}

#copy-src-button.zeroclipboard-is-active {
    opacity: .8;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))"
}

.dropdown-menu.datepicker td.active.active,
.datepicker td span.active.active,
.dropdown-menu.datepicker td.active,
.datepicker td span.active {
    background-color: #f1f1f1;
    background-image: url("@fallbackImage");
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BB840F), to(#FBB203));
    background-image: -webkit-linear-gradient(bottom, #BB840F, #FBB203);
    background-image: -moz-linear-gradient(bottom, #BB840F, #FBB203);
    background-image: -ms-linear-gradient(bottom, #BB840F, #FBB203);
    background-image: -o-linear-gradient(bottom, #BB840F, #FBB203);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@colourfrom, endColorstr=@colourTo);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@colourfrom, endColorstr=@colourTo)"
}

.dropdown-menu.datepicker td.active:hover,
.datepicker td span.active:hover {
    background-color: #f1f1f1;
    background-image: url("@fallbackImage");
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ad7a0e), to(#FBB203));
    background-image: -webkit-linear-gradient(bottom, #ad7a0e, #FBB203);
    background-image: -moz-linear-gradient(bottom, #ad7a0e, #FBB203);
    background-image: -ms-linear-gradient(bottom, #ad7a0e, #FBB203);
    background-image: -o-linear-gradient(bottom, #ad7a0e, #FBB203);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@colourfrom, endColorstr=@colourTo);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@colourfrom, endColorstr=@colourTo)"
}

.table > tbody > tr > td.day-spending {
    padding: 8px 1px
}

.table > tbody > tr > td.day-spending .form-control {
    padding: 0 2px;
    font-size: 13px
}

.popover-manual {
    top: 70px
}

.popover-manual .popover-content {
    padding: 4px 2px
}

.icon-formula {
    margin: 0 3px
}

.label-big {
    font-size: 14px
}

.table-wrapper {
    margin: 0 5px
}

.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
    position: static
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
    position: fixed
}

.fixedsticky-dummy {
    display: none
}

.fixedsticky-on + .fixedsticky-dummy {
    display: block
}

.dollar-img {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('../img/balance-icons.png') left no-repeat;
    background-position: 0 0
}

.balance-item {
    background: url('../img/balance-icons.png') left no-repeat;
    height: 30px;
    font-size: 16px;
    color: #f6f1de;
    width: 49%;
    padding-left: 40px;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap
}

.balance-item.balance-casino {
    background-position: 7px 0
}

.balance-item.balance-poker {
    background-position: 7px 100%
}

.balance-item.border {
    border-left: 1px solid #4e4740
}

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

.tooltip2-holder {
    display: inline-block;
    position: relative
}

.tooltip2-holder.shown .tooltip2 {
    display: block
}

.tooltip2 {
    display: none;
    position: absolute;
    top: -15px;
    left: 50%;
    background-color: var(--color-background-base);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--color-background-alt);
    padding: 13px 17px;
    z-index: 200
}

.tooltip2:after,
.tooltip2:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid
}

.tooltip2:after {
    margin-left: -10px;
    border-color: #d9d4c1 transparent transparent transparent;
    border-width: 10px
}

.tooltip2:before {
    margin-left: -11px;
    border-color: #96887b transparent transparent transparent;
    border-width: 11px
}

@font-face {
    font-family: 'helvetica_neue_cyr';
    src: url('../font/helveticaneuecyr-roman-webfont.eot?v');
    src: url('../font/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../font/helveticaneuecyr-roman-webfont.woff?v') format('woff'), url('../font/helveticaneuecyr-roman-webfont.ttf?v') format('truetype'), url('../font/helveticaneuecyr-roman-webfont.svg#intro_black_capsregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.promotion-block {
    background: #d9d3c1;
    padding: 10px 0;
    zoom: 1;
    height: 735px
}

.promotion-block:before {
    content: '';
    display: block
}

.promotion-block:after {
    content: '';
    display: table;
    clear: both
}

.promotion-info {
    padding: 10px;
    box-sizing: border-box
}

.promotion-info-item {
    margin: 0px 0 25px
}

.promotion-info-item .text {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--color-background-alt);
    height: 86px;
    padding: 10px;
    position: relative;
    line-height: 16px;
    font-size: 12px
}

.promotion-info-item .text.left {
    margin: 0 -10px 0 0
}

.promotion-info-item .text.left .triangle {
    right: 0;
    margin: -5px -15px 0 0;
    border-style: solid;
    border-width: 5px 0 5px 15px;
    border-color: transparent transparent transparent var(--color-background-alt)
}

.promotion-info-item .text.right {
    margin: 0 0 0 -15px
}

.promotion-info-item .text.right .triangle {
    left: 0;
    margin: -5px 0 0 -15px;
    border-style: solid;
    border-width: 5px 15px 5px 0;
    border-color: transparent var(--color-background-alt) transparent transparent
}

.promotion-info-item .text .triangle {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0
}

.promotion-icon {
    background: url('../img/promotion-icons.jpg') 0 0 no-repeat;
    width: 100px;
    height: 86px;
    float: left
}

.promotion-icon.icon-1 {
    background-position: 0 0
}

.promotion-icon.icon-2 {
    background-position: -100px 0
}

.promotion-icon.icon-3 {
    background-position: -200px 0
}

.promotion-icon.icon-4 {
    background-position: -300px 0
}

.promotion-icon.icon-5 {
    background-position: -400px 0
}

.promotion-icon.icon-6 {
    background-position: -500px 0
}

.promotion-users .header {
    margin: 0 10px;
    background: #ede8d5;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.promotion-users .header th {
    border-top: 0 !important;
    color: #4e4740;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 14px
}

.promotion-users .header th + th {
    border-left: 1px solid #4e4740
}

.promotion-users .content {
    margin: 3px 10px 0;
    padding: 3;
    color: #29201b;
    font-size: 12px;
    height: 850px;
    position: relative;
    overflow: auto
}

.promotion-users .content td + td {
    border-left: 1px solid #92897d
}

.promotion-users .content > table > tbody > tr:nth-child(odd) > td {
    background-color: #e5dfcd
}

.promotion-users .content > table > tbody > tr:nth-child(even) > td {
    background-color: #d9d3c1
}

.promotion-users .content > table > tbody > tr.highlighted > td {
    background-color: #cfc8b1
}

.promotion-users .content::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.promotion-users .content::-webkit-scrollbar-track {
    background-color: var(--color-background-alt)
}

.promotion-users .content::-webkit-scrollbar-thumb {
    background-color: var(--color-background-body)
}

.promotion-btn {
    margin-top: 20px;
    padding: 15px 40px
}

.promotion-modal .header {
    height: auto
}

.promotion-modal .promotion-link {
    background: #cfc8b1;
    padding: 10px 20px
}

.promotion-modal a {
    text-decoration: underline
}

.promotion-modal .close {
    text-decoration: none;
    background: none;
    font-size: 28px;
    text-shadow: none;
    color: #D9D3C1
}

.promotion-header {
    background: url('../img/promotion-header.jpg?v1') no-repeat;
    width: 1170px;
    height: 180px;
    color: #f6f1de;
    font-size: 24px;
    position: relative;
    margin: 14px 0 0
}

.promotion-header .btn-primary {
    padding: 15px 40px;
    font-size: 20px;
    width: 200px;
    white-space: normal;
    line-height: 25px;
    margin: 55px
}

.promotion-header .btn-info {
    padding: 10px 20px;
    font-size: 20px;
    line-height: 25px;
    display: block;
    width: 250px;
    margin: 0 0 10px
}

.promotion-header .auth-btns {
    margin: 40px 40px 0;
    float: left
}

.promotion-header .auth-btns h2 {
    margin: 10px 0 0
}

.promotion-header .text-1 {
    position: absolute;
    top: 24px;
    left: 465px;
    font-size: 27px
}

.promotion-header .text-2 {
    left: 693px;
    position: absolute;
    top: 125px
}

.promotion-header .text-3 {
    position: absolute;
    top: 40px;
    left: 975px
}

.contest-btn {
    background: url('../img/contest-btn.png') no-repeat;
    width: 298px;
    height: 81px;
    display: block;
    margin: -13px 0 0 -30px;
    padding: 37px 0 0 100px;
    font-size: 22px;
    color: #111;
    text-shadow: 0 0 2px #edd56c
}

.contest-btn:hover {
    color: #333;
    opacity: .95;
    filter: alpha(opacity=(@value*100));
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=(@value*100))"
}

.contest-btn:active {
    color: #222;
    margin: -12px 0 0 -29px;
    height: 80px
}

.promotion-slotobar {
    margin-top: 20px
}

.promotion-slotobar .header {
    color: #665e55;
    font-size: 24px;
    text-align: center
}

.promotion-slotobar .header span {
    padding: 0 0 0 80px
}

.promotion-slotobar .header .logo {
    text-indent: -9999px;
    background: url('../img/promotion-slotobar-logo.png') no-repeat;
    width: 466px;
    height: 102px;
    display: block;
    margin: -35px auto 0
}

.promotion-slotobar-item {
    background: #d9d3c1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 0;
    height: 64px;
    line-height: 44px
}

.promotion-slotobar-item .icon-counter {
    font-size: 16px;
    color: #c8c2b1;
    display: inline-block;
    background: url("../img/promotion-polygon.png") no-repeat;
    width: 36px;
    height: 31px;
    font-style: normal;
    text-align: center;
    margin: 7px 0;
    line-height: 31px
}

.promotion-slotobar-item .icon-promotion {
    background: url("../img/promotion-info-icons.png") no-repeat;
    float: right;
    height: 44px
}

.promotion-slotobar-item .icon-promotion-1 {
    background-position: 0 0;
    width: 63px
}

.promotion-slotobar-item .icon-promotion-3 {
    background-position: -63px 0;
    width: 39px
}

.promotion-slotobar-item .icon-promotion-5 {
    background-position: -102px 0;
    width: 60px
}

.promotion-slotobar-item .icon-promotion-2 {
    background-position: -162px 0;
    width: 46px
}

.promotion-slotobar-item .icon-promotion-4 {
    background-position: -208px 0;
    width: 46px
}

.promotion-slotobar-item .icon-promotion-6 {
    background-position: -254px 0;
    width: 46px
}

.Banner .promo_img{
    height: auto
}
.promotion-banner {
    background: url('../img/promotion-banner.jpg?v2') no-repeat;
    width: 1170px;
    height: 123px;
    color: #f6f1de;
    font-size: 24px;
    position: relative;
    margin: 14px 0 0
}

.promotion-banner .btn {
    padding: 15px 40px;
    font-size: 20px;
    width: 200px;
    white-space: normal;
    line-height: 25px;
    margin: 21px
}

.promotion-banner .text-1 {
    position: absolute;
    top: 15px;
    left: 485px;
    font-size: 20px
}

.promotion-banner .text-2 {
    left: 675px;
    position: absolute;
    top: 51px
}

.promotion-banner .text-3 {
    position: absolute;
    top: 13px;
    left: 965px
}

.lp-slide-promotion .lp-slide-top {
    background: #d9d3c1 url('../img/promotion-vulkan-banner.jpg?v2.2') 50% no-repeat;
    position: relative;
    color: #291f1a
}

.lp-slide-promotion.en .lp-slide-top {
    background: #d9d3c1 url('../img/promotion-vulkan-banner-en.jpg?v3') 50% no-repeat
}

.lp-slide-promotion .text-1,
.lp-slide-promotion .text-2 {
    position: absolute
}

.lp-slide-promotion .text-1 {
    font-size: 22px;
    top: 240px;
    left: 50%;
    width: 260px;
    margin-left: -130px;
    text-align: center
}

.lp-slide-promotion .text-2 {
    font-size: 20px;
    top: 285px;
    left: 550px;
    width: 550px
}

.lp-slide-promotion.en .text-2 {
    width: 480px
}

.lp-slide-promotion .promotion-sum {
    margin: 270px 0 0 -45px;
    display: block;
    transform: scale(.55);
    -webkit-transform: scale(.55)
}

.lp-slide-promotion .promotion-sum.pos-3 {
    margin-right: -7px
}

.lp-slide-promotion .promotion-sum.dollar-sign,
.lp-slide-promotion .promotion-sum.sign-dot {
    color: #fff;
    margin: -12px -6px
}

.promotion-sum.small .promotion-number {
    transform: scale(.43);
    -webkit-transform: scale(.43);
    margin: -5px -13px
}

.promotion-sum.small .promotion-number.pos-3 {
    margin-right: -7px
}

.promotion-sum.small .promotion-number.dollar-sign,
.promotion-sum.small .promotion-number.sign-dot {
    color: #fff;
    margin: -12px -6px
}

.promotion-sum .promotion-number {
    background: url('../img/gold.png?v2') no-repeat;
    width: 53px;
    height: 75px;
    float: left;
    margin: 0 2px
}

.promotion-sum .promotion-number.pos-3 {
    margin-right: 15px
}

.promotion-sum .promotion-number.dollar-sign {
    background: none;
    margin: -14px 0 0 4px;
    width: 45px;
    color: #000;
    font-size: 70px;
    font-weight: bold
}

.promotion-sum .promotion-number.sign-dot {
    background: none;
    color: #000;
    font-size: 70px;
    margin: -14px 0 0 4px;
    font-weight: bold;
    width: 20px
}

.promotion-sum .promotion-number span {
    background: url('../img/promotion-numbers.png?v2') no-repeat;
    height: 75px;
    display: inline-block;
    width: 30px;
    margin: 15px 0 0 12px;
    text-indent: -9999px
}

.promotion-sum .promotion-number span.num-1 {
    background-position: -35px 0
}

.promotion-sum .promotion-number span.num-2 {
    background-position: -66px 0
}

.promotion-sum .promotion-number span.num-3 {
    background-position: -100px 0
}

.promotion-sum .promotion-number span.num-4 {
    background-position: -135px 0
}

.promotion-sum .promotion-number span.num-5 {
    background-position: -170px 0
}

.promotion-sum .promotion-number span.num-6 {
    background-position: -206px 0;
    width: 31px
}

.promotion-sum .promotion-number span.num-7 {
    background-position: -240px 0
}

.promotion-sum .promotion-number span.num-8 {
    background-position: -274px 0;
    width: 31px
}

.promotion-sum .promotion-number span.num-9 {
    background-position: -310px 0;
    width: 32px
}

.promotion-sum .promotion-number span.num-0 {
    background-position: -348px 0
}

.header-promotion-text {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
    padding-left: 70px;
    height: 40px;
    float: left;
    margin: 13px 0 0 -40px
}

.header-promotion-text span {
    font-size: 11px;
    line-height: 11px
}

.promotion-vulkan-heading {
    padding: 0;
    margin-right: -10px;
    margin-left: 10px;
    margin-top: 8px
}

.promotion-vulkan-heading a {
    margin: 10px 0 0 10px;
    height: 45px;
    width: 80px;
    text-align: center
}

.promotion-vulkan-heading a.en {
    line-height: 30px
}

.pf-logo a {
    display: block;
    margin-top: 9px
}

.promotion-user-header.promotion-type-ng {
    background: url('../img/promotion-vulkan-user-head.jpg?v2') no-repeat;
    width: 1170px;
    height: 180px;
    color: #ebe7d5;
    position: relative;
    margin-top: 15px;
    display: block
}

.promotion-user-header.promotion-type-ng .btn-primary {
    padding: 15px 40px;
    font-size: 20px;
    width: 200px;
    white-space: normal;
    line-height: 25px;
    margin: 55px 43px 43px 130px
}

.promotion-user-header.promotion-type-ng span {
    font-family: 'intro_black_capsregular';
    position: absolute
}

.promotion-user-header.promotion-type-ng .text-1 {
    top: 50px;
    left: 355px;
    font-size: 27px
}

.promotion-user-header.promotion-type-ng .text-2 {
    top: 75px;
    left: 355px;
    font-size: 32px;
    font-weight: bold
}

.promotion-user-header.promotion-type-ng .text-3 {
    font-size: 22px;
    left: 180px;
    width: 165px;
    top: 52px;
    line-height: 30px
}

.promotion-modal .modal-dialog {
    width: 554px
}

.promotion-modal .header {
    background: url('../img/promotion-popup-header.jpg') no-repeat;
    width: 554px;
    height: 150px;
    padding: 7px 0
}

.promotion-modal .header span {
    font-size: 25px;
    color: #fff;
    display: block
}

.promotion-modal .header .text-2 {
    margin-top: 70px;
    font-size: 22px
}

.promotion-ny-2017 {
    margin: -20px 0;
    margin-bottom: 100px
}

.promotion-ny-2017 .top-border {
    position: relative;
    border: 2px dashed rgba(255, 255, 255, 0.4);
    border-bottom: none;
    width: 590px;
    min-height: 400px;
    margin: auto;
    padding: 15px 0
}

.promotion-ny-2017 .top-border .santa-hat {
    position: absolute;
    top: -58px;
    right: -72px;
    background: url(../images/promotion/ny2017/santa-hat.png);
    width: 179px;
    height: 173px
}

.promotion-ny-2017 .top {
    display: none;
    width: 560px;
    margin: 0 auto;
    padding-bottom: 20px;
    background-color: #50443d;
    color: #f6f1de
}

.promotion-ny-2017 .top .title {
    border-bottom: 1px solid #f7bc00;
    max-width: 470px;
    margin: auto;
    padding: 15px 0;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    color: #f7bc00;
    text-transform: uppercase;
    font-weight: normal
}

.promotion-ny-2017 .top table {
    width: 100%;
    font-size: 17px
}

.promotion-ny-2017 .top table th:first-child,
.promotion-ny-2017 .top table td:first-child {
    padding-left: 44px
}

.promotion-ny-2017 .top table th:last-child,
.promotion-ny-2017 .top table td:last-child {
    padding-right: 44px
}

.promotion-ny-2017 .top table thead th {
    height: 58px;
    text-transform: uppercase
}

.promotion-ny-2017 .top table tbody td {
    height: 30px
}

.promotion-ny-2017 .top table tbody tr:nth-child(2n+1) td {
    background-color: rgba(255, 255, 255, 0.05)
}

.promotion-ny-2017 .top table tr.user td {
    color: #f7bc00
}

.promotion-ny-2017 .decor {
    position: absolute;
    top: 100px;
    width: 1170px;
    margin: auto
}

.promotion-ny-2017 .decor .left-tree {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/promotion/ny2017/tree-left.png);
    width: 349px;
    height: 796px
}

.promotion-ny-2017 .decor .right-tree {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/promotion/ny2017/tree-right.png);
    width: 375px;
    height: 762px
}

.promotion-ny-2017 .decor .ball {
    position: absolute;
    width: 128px;
    height: 154px;
    background: url(../images/promotion/ny2017/sprite-balls.png);
    opacity: 0;
    transition: .2s;
    cursor: pointer
}

.promotion-ny-2017 .decor .ball.active {
    opacity: 1
}

.promotion-ny-2017 .decor .ball:hover {
    opacity: 1
}

.promotion-ny-2017 .decor .project-29 {
    left: 15px;
    top: 349px;
    background-position: -128px 0
}

.promotion-ny-2017 .decor .project-18 {
    left: 100px;
    top: 435px;
    background-position: 0 0
}

.promotion-ny-2017 .decor .project-30 {
    left: 134px;
    top: 333px;
    background-position: -256px 0
}

.promotion-ny-2017 .decor .project-33 {
    left: 253px;
    top: 408px;
    width: 121px;
    background-position: -505px 0
}

.promotion-ny-2017 .decor .project-7 {
    left: 190px;
    top: 497px;
    width: 121px;
    background-position: -384px 0
}

.promotion-ny-2017 .green {
    color: #4f801c
}

.promotion-ny-2017 .wrapper {
    width: 560px;
    background: #ddd7c7;
    margin: auto;
    padding: 40px 0 0;
    overflow: hidden
}

.promotion-ny-2017 .header {
    font-family: 'helvetica_neue_cyr';
    text-transform: uppercase;
    text-align: center
}

.promotion-ny-2017 .header .subtitle {
    color: #50443d;
    font-size: 21px;
    margin: 0;
    padding: 0
}

.promotion-ny-2017 .header .title {
    color: #fff;
    font-size: 27px;
    text-shadow: 1px 0 1px #afab9e;
    margin: 15px 0;
    padding: 0
}

.promotion-ny-2017 .header .dates {
    border-top: 1px solid #f7bc00;
    margin: 0 45px;
    padding: 25px 0 0;
    color: #50443d;
    font-size: 21px
}

.promotion-ny-2017 .logo-slide-wrapper {
    height: 145px;
    margin: 20px 0 0;
    overflow: hidden
}

.promotion-ny-2017 .logo-slider {
    width: 560px
}

.promotion-ny-2017 .logo-slider ul,
.promotion-ny-2017 .logo-slider li {
    margin: 0;
    padding: 0
}

.promotion-ny-2017 .logo-slider ul {
    padding: 15px 0 !important
}

.promotion-ny-2017 .logo-slider li {
    width: 103px;
    height: 90px;
    background: #e6e1d5;
    position: relative
}

.promotion-ny-2017 .logo-slider .logo-slide {
    margin: 15px auto;
    width: 77px;
    height: 53px;
    background: 100% -53px;
    transition: all 200ms
}

.promotion-ny-2017 .logo-slider .logo-slide:hover {
    background-position: 100% 0
}

.promotion-ny-2017 .logo-slider .logo-slide.project-7 {
    background-image: url('../images/promotion/ny2017/project-7.png?v1')
}

.promotion-ny-2017 .logo-slider .logo-slide.project-33 {
    background-image: url('../images/promotion/ny2017/project-33.png?v1')
}

.promotion-ny-2017 .logo-slider .logo-slide.project-29 {
    background: url('../images/promotion/ny2017/project-29.png?v1') 100% -60px;
    height: 66px
}

.promotion-ny-2017 .logo-slider .logo-slide.project-29:hover {
    background-position: 100% 0
}

.promotion-ny-2017 .logo-slider .logo-slide.project-30 {
    background-image: url('../images/promotion/ny2017/project-30.png?v1')
}

.promotion-ny-2017 .logo-slider .logo-slide.project-18 {
    background-image: url('../images/promotion/ny2017/project-18.png?v1')
}

.promotion-ny-2017 .logo-slider li.active {
    overflow: inherit !important;
    background: #003892
}

.promotion-ny-2017 .logo-slider li.active .logo-slide {
    background-position: 0 0;
    width: 128px;
    height: 95px;
    transition: none
}

.promotion-ny-2017 .logo-slider li.active .logo-slide:hover {
    background-position: 0 0
}

.promotion-ny-2017 .project-title {
    color: #50443d;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'helvetica_neue_cyr';
    text-align: center;
    margin-bottom: 20px
}

.seo-text-header h1 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 40px
}

.alert-one-line {
    padding: 60px 0 0 150px
}

.icon-403 {
    background: url('../img/icon-403.png') no-repeat;
    width: 170px;
    height: 110px;
    display: inline-block
}

.alert .icon-403 {
    margin: -40px 15px 15px 0
}

.icon-500 {
    background: url("../img/icon-500.png") no-repeat;
    width: 138px;
    height: 105px;
    display: inline-block
}

.alert .icon-500 {
    float: right;
    margin: -40px 15px 15px 0
}
.alert{text-align: left}
.alert a{
    color: #2b2521;
    font-size: 14px;
    text-decoration: none;
    text-transform: none
}

.text-left{
    text-align: left
}

.icon-support {
    background: url('../img/icon-support.png') no-repeat;
    width: 18px;
    height: 20px
}

.error-feedback > div {
    line-height: 30px
}

.error-feedback .icon {
    display: inline-block;
    margin-bottom: -5px
}

.error-feedback a {
    color: #58554f;
    text-decoration: underline;
    font-size: 12px
}

.error-feedback a:hover {
    color: #3d3b37;
    text-decoration: none
}

.bonus-icon {
    background-image: url('../img/reg-bonus-icons.png');
    display: inline-block
}

.reg-bonus .icon-header {
    width: 80px;
    height: 55px;
    background-position: 0 0;
    float: left;
    margin: -15px -80px 0 80px
}

.reg-bonus .icon-1 {
    background-position: 0 -55px;
    width: 60px;
    height: 50px
}

.reg-bonus .icon-2 {
    background-position: 0 -105px;
    width: 60px;
    height: 46px
}

.reg-bonus .icon-3 {
    background-position: 0 -151px;
    width: 60px;
    height: 48px
}

.reg-bonus .modal-content .bonus-icon:not(.icon-header) {
    margin-top: 20px
}

.reg-bonus-text {
    padding: 15px;
    background: #29201b;
    color: #f6f1de;
    font-size: 23px;
    text-align: center
}

.reg-bonus-text .bonus-icon {
    margin: 0
}

.reg-bonus-text .icon-header {
    float: left;
    margin: 0px 35px 0px 10px
}

.reg-bonus-text .icon-1 {
    float: right;
    margin: 0 10px 0 35px
}

#fundsToPayBlock {
    transition: all 500ms;
    transform: scale(1)
}

#fundsToPayBlock.bigger {
    background-color: #57524e;
    -moz-transform: scale(1.2) translateX(50px);
    -webkit-transform: scale(1.2) translateX(50px);
    -o-transform: scale(1.2) translateX(50px);
    -ms-transform: scale(1.2) translateX(50px);
    transform: scale(1.2)
}

.daterange-block {
    background: #2f2c2a;
    cursor: pointer;
    padding: 6px 10px 5px;
    height: 35px;
    display: inline-block;
    color: #ede8d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.daterange-block span {
    float: left;
    line-height: 22px
}

.daterange-block i {
    color: #ffdb4a;
    font-size: 17px;
    border-left: 1px solid #4e4740;
    padding: 0 0 0 10px;
    margin: 2px 0 0 10px;
    width: auto !important
}

.daterange-block b {
    color: #ffdc37;
    border-top: 7px solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.daterangepicker {
    background: #91887c
}

.daterangepicker .calendar {
    background: #f6f1de;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.daterangepicker .calendar td {
    margin: 1px;
    color: #2f2c2a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.daterangepicker .calendar td + td {
    border-left: 1px solid #cec7b7
}

.daterangepicker .calendar .active {
    background: #2f2c2a;
    color: #7b746a
}

.daterangepicker .calendar .active:hover {
    background: #272423
}

.daterangepicker .calendar .available:not(.active):hover {
    background: #ede8d5
}

.daterangepicker .calendar .in-range {
    background: #ede8d5
}

.daterangepicker .calendar .disabled {
    color: #d1caba
}

.daterangepicker .calendar .month select {
    background: #2f2c2a;
    border: none;
    color: #e3dfcc;
    height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.daterangepicker .calendar thead tr + tr {
    border-bottom: 1px dotted #4c4740
}

.daterangepicker .calendar thead {
    margin-bottom: 2px
}

.daterangepicker .calendar .prev:hover {
    background: #ede8d5
}

.daterangepicker .ranges li {
    background: #f6f1de;
    color: #2f2c2a !important;
    font-size: 12px;
    padding: 5px 12px
}

.daterangepicker .ranges li:hover {
    background: #f1e9ca
}

.daterangepicker .ranges li.active {
    background: #2f2c2a;
    color: #ede8d5 !important
}

.daterangepicker .range_inputs label {
    color: #d9d3c1 !important;
    text-shadow: none !important
}

.daterangepicker .range_inputs input {
    background: #2f2c2a;
    color: #f6f1de !important;
    border: none
}

.daterangepicker.opensright:after {
    border-bottom: 6px solid #91887c !important
}

.daterangepicker:before {
    border-bottom: none !important
}

.amazing-table {
    position: relative
}

.amazing-table table {
    opacity: .2;
    margin: auto;
    border-collapse: collapse;
    box-sizing: border-box
}

.amazing-table .tfoot {
    bottom: 0
}

.amazing-table .theader {
    top: 0;
    background: #ddd
}

.amazing-table .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('//luckypartners.com/lp_theme/img/loader.gif') 50% 100px no-repeat
}

.amazing-table.ready table {
    opacity: 1
}

.amazing-table.ready .loader {
    display: none
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-width: 0;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.chat-btn {
    background: url('../images/btn_lp_messenger.png') 0 0 no-repeat;
    width: 33px;
    height: 190px;
    position: fixed;
    bottom: 200px;
    right: 0;
    z-index: 1000;
    text-indent: -9999px
}

.chat-btn:hover {
    opacity: .95
}

.chat-btn.en {
    background: url('../images/btn_lp_messenger_en.png') 0 0 no-repeat
}

.chat-wrapper {
    width: 284px;
    height: 394px;
    position: fixed;
    z-index: 1001;
    bottom: 0;
    right: 10px;
    border: 2px solid #DDA927;
    border-bottom: none;
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.chat-wrapper .close {
    font-size: 25px;
    color: #333;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 1002
}

.chat-wrapper iframe {
    width: 280px;
    height: 390px;
    border: 0
}

.slide-mac2018 {
    position: relative
}

.slide-mac2018__button {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    bottom: 23px;
    left: 126px;
    width: 214px;
    height: 65px;
    background-color: #000;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase
}

.slide-mac2018__button:hover {
    background-color: #262626
}

.bn-mac2018 {
    position: relative
}

.bn-mac2018__button {
    position: absolute;
    bottom: 13px;
    right: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 214px;
    height: 65px;
    background-color: #000;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase
}

.bn-mac2018__button:hover {
    background-color: #262626
}

.slide-sempro2018 {
    position: relative
}

.slide-sempro2018__button {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    bottom: 23px;
    left: 126px;
    width: 214px;
    height: 65px;
    background-color: #ef4c5b;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase
}

.slide-sempro2018__button:hover {
    background-color: #db1426
}

.bn-sempro2018 {
    position: relative
}

.bn-sempro2018__button {
    position: absolute;
    bottom: 13px;
    right: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 214px;
    height: 65px;
    background-color: #ef4c5b;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase
}

.bn-sempro2018__button:hover {
    background-color: #db1426
}

.bn-mac2019 {
    position: relative
}

.bn-mac2019__button {
    position: absolute;
    bottom: 13px;
    right: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 214px;
    height: 65px;
    background-color: #000;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase
}

.bn-mac2019__button:hover {
    background-color: #262626
}

.pf-top-block {
    height: 40px;
    padding-top: 2px;
    float: right
}

.pf-top-block span {
    display: none;
}

.pf-top-block a {
    color: var(--color-text-link1);
    font-family: 'Open Sans', sans-serif;
    text-decoration: none
}

.pf-top-block a:hover, .pf-top-block a:focus {
    text-decoration: underline !important;
    background: none !important;
    box-shadow: none !important;
}

.pf-lang-enter {
}

.pf-lang-enter {
    background: none;
}

.pf-lang-enter.open .pf-enter {
    background: #d9d3c1 !important;
}

.pf-enter {
    background: none;
    border: none;
    padding: 10px 12px;
    border-radius: 5px 5px 0 0;
}

.pf-enter:hover, .pf-enter:focus {
    text-decoration: underline !important;
    background: none !important;
    box-shadow: none !important;
}

.pf-enter-drop {
    left: auto;
    right: 0;
    border: none;
    background: #d9d3c1;
    margin: 0;
    border-radius: 5px 0px 5px 5px;
    padding: 10px;
    font-size: 12px;
}

.pf-enter-drop input {
    width: 150px;
    border-radius: 3px;
    background: #2f2c2a;
    border: none;
    margin-bottom: 10px;
    font-size: 12px;
    color: #e4dec7;
    font-family: 'Open Sans', sans-serif;;
}

.pf-enter-drop input:focus {
    outline: none;
}

.pf-enter-drop a {
    text-decoration: underline;
}

.pf-enter-drop a:hover {
    text-decoration: none !important;
}

.pf-enter-btn {
    font-size: 12px;
    background: #f6f1de;
    border: none;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    padding: 5px 10px 3px;
    margin-top: 8px;
}

.pf-header {
    background: transparent;
    min-height: 80px;
    width: 100%;
}
.pf-header .nav > li {
    float: left;
}



.account-details {
    height: 80px;
    float: left;
    background-color: var(--color-fill-brand-2);
    text-align: center;
    margin: 9px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.account-details p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;;
    color: var(--color-text-light-base);
    margin-top: 10px;
}

.account-amount {
    color: #f6f1de;
    font-size: 16px;
    line-height: 33px;
    font-family: 'Open Sans', sans-serif;;
    vertical-align: top;
}

.col-container {
    float: left;
    max-width: 880px;
        width: 100%;
}

.flex_width{
    width: 100%;
}
.padd_20{
    padding: 30px;
}
.stat_item{
    width: calc(100%/2 - 10px);
    border:1px solid rgba(0,0,0,0.4);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.staty_item__image{
    width: 30%;
    float: left;
}
.staty_item__info{
    width: 70%;
    float: left;
    text-align: right;
}
.staty_item__info h3{
    width: 100%;
    float: left;
    padding: 0;
    font-size: 18px;
    text-align: right;
}
.staty_item__image img{
    width: 100%;
    height: auto
}
.col-xs-12.custom {
    margin-top: 20px;
}
.get_code{
    background-color: var(--color-fill-brand-1);
    border: 0;
    border-radius: var(--border-radius-small);
    color: var(--color-fill-white);
    line-height: 1.5rem;
    font-size: .75rem;
    padding: .25rem 1rem;
}
.col-date {
    background-color: var(--color-fill-background);
    width: 100%;
    text-align: center;
    padding: 20px;
    margin-top: 18px;
    margin-left: 18px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.col-date:first-child {
    margin-left: 0px;
}

.col-date h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    color: #2b2521;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.col-names {
    float: left;
    width: 140px;
    text-align: left;
}

.col-names p {
}

.col-ammount {
    float: right;
    text-align: right;
}

.col-data {
    margin-top: 5px;
}

.col-data p {
    margin-bottom: 7px;
    line-height: 14px;
    color: #666666;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;;
}

.sidebar {
    width: 279px;
    float: right;
}

.payments {
    background-color: var(--color-fill-background);
    padding: 15px 15px 15px 15px;
    margin-top: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    max-width: 100%;
}
.payments:hover h5 {
    text-decoration: underline;
}

.payments-img {
    width: 107px;
    margin: 0 auto;
}

.payments .pf-small-n-info {
    margin-top: 5px;
}

.sidebar-link a {
    margin-top: 18px;
    display: block;
    height: 60px;
    vertical-align: middle;
    color: #91887c;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;;
    padding: 10px 0px 10px 100px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    width: unset;
    text-transform: none;

}

.sidebar-link .link-news {
    padding-top: 20px;
    background-color: var(--color-fill-background);
    background-image: url("../img/links.png?v2");
    background-position: 25px 10px;
    background-repeat: no-repeat;
}

.link-operator {
    background-color: var(--color-fill-background);
    background-image: url("../img/links.png?v2");
    background-position: 30px -70px;
    background-repeat: no-repeat;
}


.pf-slide1-block {
}

.pf-slide1-block .item img {
    display: table;
    margin: 0 auto;
}

.pf-slider1 .carousel-control {
    background: none;
    width: auto;
}

.pf-slider1 .carousel-control.left {
    margin-left: -30px;
}

.pf-slider1 .carousel-control.right {
    margin-right: -30px;
}

.pf-slider1 .carousel-control span {
    color: #000;
    top: 40%;
}


.pf-index-three-bl {
    min-width: 1170px !important;
    background: #2b2521 url("../img/bg2.png?v2");
    height: 382px;
    padding-top: 40px;
}

.pf-th-b {
    background: #2f2c2a;
    height: 315px;
    padding: 20px;
    color: #d9d3c1;
    font-size: 12px;
}

.pf-th-b h6 {
    text-align: center;
    font-size: 18px;
}

.pf-th-img {
    background: url(../img/f-th-im.png?v2) no-repeat;
    width: 108px;
    height: 92px;
    margin: 0px auto 20px;
}

.pf-th-img1 {
    background-position: 0 0;
}

.pf-th-img2 {
    background-position: -118px 0;
}

.pf-th-img3 {
    background-position: -242px 0;
}

.pf-th-line {
    width: 136px;
    margin: 15px auto;
    background: #4e4740;
    height: 1px;
}

.pf-news-date {
    background: #2b2521;
    padding: 5px 10px;
}

.pf-top-table {
    width: 100%;
}

.pf-bg-slide2 {
    background: url(../img/bg3.png?v2);
    min-width: 1170px !important;
}

.pf-slider2 {
    height: 444px;
}

.pf-arrow-nbg {
    background: none !important;
    opacity: 1;
    width: auto !important;
    padding-top: 19%;
    color: #ccc;
    text-decoration: none
}

.pf-size-block {
    width: 100%;
    height: 100%;
}

.pf-slide-prod {
    background: url(../img/slide-bg.png?v2) center top no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
}

.pf-logo-pr {
    margin-left: 205px;
    padding-top: 20px;
    max-height: 80px;
}

.pf-sl2-text {
    text-align: left;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;;
    color: #666;
    position: absolute;
    left: 85px;
    top: 256px;
    width: 570px;
}

.pf-sl2-btn-block {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 20px;
}

.pf-sl2-btn {
    text-decoration: none;
    color: #2b2521;
    width: 171px;
    height: 36px;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    background: #d9d3c1;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
}

.pf-sl2-btn:hover {
    color: #2b2521;
    width: 171px;
    height: 36px;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    background: #d9d3c1;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
}

.pf-sl2-b-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.pf-sl2-img1 {
    left: 116px;
    top: 98px;
    position: absolute;
}

.pf-sl2-img2 {
    position: absolute;
    right: 119px;
    top: 45px;
}

.pf-slider3 {
    min-height: 615px;
    padding-top: 40px;
    overflow: hidden;
}

.pf-slider3 .item {
    margin-left: 3px;
}

.pf-sl3-big-block {
    width: 100% !important;
    left: 0 !important;
    margin: 0 auto !important;
    top: 0 !important;
    bottom: auto !important;
    position: relative !important;
}

.carousel-indicators li.pf-sl3-big-kub, .faq .tile {
    cursor: pointer;
    width: 370px;
    height: 195px;
    background: #ede8d5;
    border: none;
    border-radius: 0;
    display: inline-block;
    text-indent: 0px !important;
    padding-top: 20px;
    margin: 0 !important;
}

.faq .title-main {
    width: 100%;
    cursor: default;
}

.comission-tiles li {
    width: 277px !important;
}

.pf-stat-top li.pf-sl3-big-kub {
    width: 373px;
    height: 195px;
    background: #ede8d5;
    border: none;
    border-radius: 0;
    display: inline-block;
    text-indent: 0px !important;
    padding-top: 20px;
    margin: 0 !important;
    float: none !important;
    cursor: pointer;
}

.pf-sl3-big-kub {
}

.pf-sl3-big-kub h6 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;;
    color: #2b2521;
    text-align: center;
}

.pf-big-any {
    padding: 0 0px !important;
    margin-left: 6px;
    width: 370px;
}

.pf-th-wbl {
    width: 370px;
    background: #d9d3c1;
    padding: 20px;
    height: 279px;
    font-size: 12px;
}

.pf-th-wbl h6 {
    text-align: center;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
}

.pf-th-h {
    background: url(../img/f-th-im.png?v2) no-repeat;
    width: 108px;
    height: 92px;
    margin: 0px auto 20px;
    background-position: 0px -94px;
}

.pf-th-h2 {
    background-position: -109px -94px;
}

.pf-th-h3 {
    background-position: -218px -94px;
}

.pf-th-w {
    background: url(../img/sb.png?v2) no-repeat;
    width: 106px;
    height: 92px;
    margin: 0 auto;
}

.pf-th-w1 {
    background-position: 0px 0px;
}

.pf-th-w2 {
    background-position: -110px 0px;
}

.pf-th-w3 {
    background-position: -220px 0px;
}

.pf-th-w4 {
    background-position: 0px -96px;
}

.pf-th-w5 {
    background-position: -110px -96px;
}

.pf-th-w6 {
    background-position: -220px -96px;
}

.pf-th-w7 {
    background-position: 0px -193px;
}

.pf-th-w8 {
    background-position: -110px -193px;
}

.pf-th-w9 {
    background-position: -220px -193px;
}
.pf-index-form {
    min-width: 1170px !important;
    background: #2b2521 url("../img/bg2.png?v2");
    min-height: 382px;
    padding-top: 20px;
}

.pf-index-form2 {
    min-width: 1170px !important;
    background: #2b2521 url("../img/bg4.png?v2");
    min-height: 353px;
}

.pf-index-form3 {
    min-width: 1170px !important;
    background: #f6f1de url("../img/bg3.png?v2");
    min-height: 353px;
}

.pf-index-form-top {
    margin: 43px 0;
}

.pf-th-form .inp-bg {
    width: 370px;
    height: 34px;
    background-color: #2b2521;
    border: 1px solid #4e4740;
    color: #e4dec7;
    padding-left: 46px;
    margin-bottom: 20px;
}

.pf-th-form .inp-bg-tx {
    width: 370px;
    height: 94px;
    resize: none;
    background-color: #2b2521;
    border: 1px solid #4e4740;
    color: #e4dec7;
    padding: 10px;
    margin-bottom: 20px;
}

.pf-th-form .inp-bg:focus, .pf-th-form .inp-bg:active {
    background-color: #4e4740;
    color: #e4dec7;
    border: 1px solid #e4dec7;
    box-shadow: none !important;
    outline: none;
}

.pf-th-form .inp-bg + span {
    width: 2px;
    position: absolute;
    left: 32px;
    top: 4px;
    height: 26px;
    background: #4e4740;
    display: inline-block;
}

.pf-th-form .inp-bg:focus + span, .pf-th-form .inp-bg:active + span {
    background: #e4dec7;
}

.inp-bg {
    background: url(../img/inp-bg.png?v2) no-repeat;
}

.inp-bg1 {
    background-position: 0px 0px;
}

.inp-bg2 {
    background-position: 0px -34px;
}

.inp-bg3 {
    background-position: 0px -67px;
}

.inp-bg5 {
    background-position: 0px -135px;
}

.inp-bg6 {
    background-position: 0px -168px;
}

.inp-bg4 {
    background-position: 0px -102px;
    width: 230px !important;
    float: left;
}

.pf-check {
    text-align: left;
    margin-bottom: 20px;
}

.pf-check label {
    font-size: 12px;
    color: #666;
    font-family: 'Open Sans', sans-serif;;
}

.pf-check label a {
    color: #91887c;
    text-decoration: underline !important;
}

.pf-check label a:hover {
    color: #91887c;
    text-decoration: none !important;
}

.chk {
    position: relative;
    width: 25px;
    vertical-align: top;
    display: inline-block;
}

.chk input[type="checkbox"] {
    opacity: 0;
    display: inline-block;
    width: 25px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    left: -5px;
    top: -2px;
}

.chk input[type="checkbox"] + span {
    background: url(../img/checkbox.png?v2) no-repeat;
    display: inline-block;
    width: 25px;
    height: 24px;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
}

.chk input[type="checkbox"]:checked + span, .chk input[type="checkbox"].checked + span {
    background: url(../img/checkbox.png?v2) no-repeat;
    background-position: 0 -44px;
}

.pf-form-btn {
    color: #2b2521;
    width: 171px;
    height: 36px;
    border: none;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    background: #d9d3c1;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    display: inline-block;
    line-height: 34px;
    vertical-align: middle;
    margin-bottom: 20px;
}

.pf-span-c {
    position: relative;
}

.pf-sell-promo .pf-span-c {
    width: 370px
}

.pf-span-c .captcha {
    float: right
}

.str:after {
    content: '*';
    color: #c08c20;
    position: relative;
    left: -8px;
    top: -5px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
}

.str2 {
    color: #c08c20;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    width: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.pf-contact-block {
    min-width: 1170px !important;
    background: url("../img/bg1.png?v2");
    min-height: 230px;
    margin-top: -20px;
}

.pf-ico {
    background: url(../img/r1.png?v2) center no-repeat;
    width: 107px;
    height: 92px;
    margin: 35px auto 20px;
    position: relative;
}

.pf-ico span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 41px;
    height: 41px;
    background: url(../img/ico.png?v2) no-repeat;
}

.pf-ico1 span {
    background: url('../images/icq-icon.png?v2') 0 0 no-repeat;
    width: 33px;
    height: 33px;
}

.pf-ico2 span {
    background-position: -336px -16px;
}

.pf-ico3 span {
    background-position: -407px -18px;
}
.pf-telegram span {
    background: url('../img/telegram_icon.png?v2') 0 0 no-repeat;
    width: 31px;
    height: 27px;
}
.pf-viber span {
    background: url('../img/viber_icon.png?v2') 0 0 no-repeat;
    width: 36px;
    height: 38px;
}

.pf-contact-th {
    text-align: center;
    width: 20%;
    float: left;
}

.pf-contact-th h6 {
    font-size: 14px;
    color: #2b2521;
    font-family: 'Open Sans', sans-serif;;
    font-weight: 300;
}

.pf-contact-th h5 {
    font-size: 20px;
    color: #2b2521;
    font-family: 'Open Sans', sans-serif;;
    font-weight: 300;
}

.pf-contact-th a {
    font-size: 18px;
    color: #2b2521;
    font-family: 'Open Sans', sans-serif;;
    font-weight: 300;
    text-decoration: underline;
}

.pf-contact-th a:hover {
    text-decoration: none;
}

.pf-news-pag li a {
    background: none !important;
    color: #91887c;
    border: none;
    font-family: 'Open Sans', sans-serif;;
    font-size: 18px;
}

.pf-news-pag li.active a {
    color: #91887c;
    text-decoration: underline;
    border: none;
}

.pf-news-pag li a:hover {
    color: #91887c;
    text-decoration: underline;
}

.pf-news-pag li.active a:hover {
    color: #91887c;
}

.pf-news-pag {
}

li.pf-toggle-pg {
    color: #2b2521;
    width: 38px;
    height: 36px;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    background: #d9d3c1;
    font-family: 'Open Sans', sans-serif;;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin: 0 20px;
}

li.pf-toggle-pg a {
    padding: 0;
    margin: 0;
    float: none;
    line-height: 1.25 !important;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;;
    font-size: 28px;
}

.pf-small-n-img {
    display: inline-block;
    vertical-align: top;
    width: 107px;
    margin-right: 20px;
}

.pf-small-n-info {
    display: inline-block;
    vertical-align: top;
    max-width: 440px;
    font-size: 12px;
    color: #666;
}

.pf-small-n-info2 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 12px;
    color: #666;
    text-transform: none;
}
.pf-small-n-info2 p{
    width: auto;
    font-size: 12px;
    color: #666;
}
.pf-small-n-info2 h5{
    font-size: 16px !important;
}
.pf-small-n-info2 span{
    font-size: 12px;
    text-transform: none;
}

.pf-small-n-info .in {
    width: 545px;
}

.pf-small-n-info .collapsing {
    width: 545px;
}

.pf-small-n-info h5 {
    font-size: 20px;
    color: #2b2521;
    font-weight: 300;
}

.pf-small-n-info h6 {
    margin: 4px 0 19px;
}

.pf-small-n-info h6 span {
    font-size: 12px;
    color: var();
    padding: 3px 5px;
    background-color: var(--color-background-alt);
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;;
}

.pf-small-n-info p {
    margin: 0;
}

.pf-small-n-next {
    display: inline-block;
    vertical-align: top;
    width: 132px;
}

.pf-show-hide {
    color: #2b2521;
    padding: 0 15px;
    height: 36px;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    background: #d9d3c1;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;;
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
}

.pf-show {
    display: block;
}

.pf-hide {
    display: none;
}

.pf-small-news-block {
    background: #ede8d5;
    margin-bottom: 20px;
    padding: 20px;
}

.pf-info-h5s {
    padding-top: 20px;
}

.pf-proj-img img {
    border: 1px dashed #000;
    padding: 14px;
    border-radius: 50%;
}

.pf-proj-text {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.pf-proj-table {
    width: 100%;
    border-color: #d9d3c1;
    margin-bottom: 40px;
}

.pf-proj-table td {
    border: 1px solid #d9d3c1 !important;
    color: #666;
}

.pf-proj-table thead td {
    background: #d9d3c1;
}

.pf-proj-table thead tr td:first-child {
    border-right: 1px solid #fff !important;
    color: #91887c;
}

.pf-proj-table tbody td:first-child {
    background: #ede8d5;
    color: #91887c;
}

.pf-proj-table a {
    color: #91887c;
    text-decoration: underline;
}

.pf-proj-table a:hover {
    text-decoration: none;
}

.pf-proj-slid {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;;
}

.pf-proj-slid h6 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;;
}

.pf-proj-slid h6 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;;
}


.pf-sl3-big-block li {
    position: relative;
}

.pf-sl3-big-block li .pf-arr, .pf-sl3-big-kub .pf-arr {
    display: none;
    background: url(../img/arrow.png?v2) center no-repeat;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -40px;
    left: 0;
}

.pf-sl3-big-block li .pf-arr {
    bottom: -61px
}

.pf-sl3-big-block li.active .pf-arr, .pf-sl3-big-kub.active .pf-arr {
    display: block;
}

.pf-line-slide {
    background-color: var(--color-background-body);
    height: 2px;
    margin: 20px 0 38px;
    width: 100%;
}

.pf-a-com {
    background: #d9d3c1;
    color: #2b2521;
    text-decoration: underline;
    padding: 3px 5px;
    margin-left: 3px;
    border-radius: 3px;
}

.pf-a-com:hover {
    text-decoration: none;
    color: #2b2521;
}

.pf-com-table {
    width: 100%;
}

.pf-com-table tr td {
    border: 1px solid #d9d3c1 !important;
    color: #666;
    padding: 7px 20px !important;
}

.pf-com-table thead tr td {
    background: #d9d3c1;
    color: #91887c;
}

.pf-com-table thead tr td:last-child {
    border-left: 1px solid #fff;
}
.pf-faq-top-sl li.active {
    background: #d9d3c1;
}

.pf-faq-slide-left {
    padding-left: 0;
}

.pf-faq-slide-left ul {
    border-bottom: none;
}

.pf-faq-slide-left li {
    display: block !important;
    float: none;
    margin-bottom: 10px;
    position: relative;
    padding-right: 0;
}

.pf-faq-slide-left li a {
    background: #ede8d5;
    border: none;
    color: #766f6a;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;;
    border-radius: 0px !important;
    padding-right: 20px;
}

.pf-faq-slide-left li:hover a {
    background: #d9d3c1;
    border: none;
    margin-right: 0;
    color: #2b2521;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;;
    border-radius: 0px !important;
}

.pf-faq-slide-left li:hover a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #f6f1de;
    border-bottom: 5px solid transparent;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto 0;
}

.pf-faq-slide-left li.active {
    background: #d9d3c1;
}

.pf-faq-slide-left li.active:hover a {
    background: none;
    border: none;
}

.pf-faq-slide-left li.active a, .pf-faq-slide-left li.active a:focus, .pf-faq-slide-left li.active a:hover {
    background: none;
    border: none;
    margin-right: 0;
    color: #2b2521;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;;
}

.pf-faq-slide-left li.active a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #f6f1de;
    border-bottom: 5px solid transparent;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto 0;
}

.pf-faq-slide-left {
}

.pf-faq-slide-right {
    margin-top: 0;
}

.pf-faq-slide-right .tab-pane {
    background: #ede8d5;
}

.pf-faq-slide-right h6 {
    background: #d9d3c1;
    padding: 15px 0;
    font-weight: 100;
    margin: 0;
    color: #91887c;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;;
    text-align: center;
}

.pf-faq-slide-right {
}

.pf-faq-slide-right {
}

.pf-faq-text {
    padding: 20px;
    font-size: 14px;
    color: #766f6a;
    font-family: 'Open Sans', sans-serif;;
}

.pf-money-block {
    display: none;
}


.pf-footer {
    min-height: 53px;
    display: block  !important;
}

.pf-footer .container .row {
    border-top: 1px solid var(--color-background-alt);
    margin-top: 15px;
    padding-top: 5px;
}
.pf-footer a{
    text-transform: none;
    font-size: 14px !important;
    font-weight: 400
}

.pf-menu li a{
    text-transform: none;
    font-size: 14px !important;
    font-weight: 400
}

.pf-menu-footer a {
    color: #000;
    padding: 13px 10px 10px 10px !important;
    text-decoration: none
}
.pf-menu-footer a.mobile-link {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 15px !important;
}
.pf-menu-footer ul li a:hover {
    text-decoration: underline;
    background: none !important;
}

.copyright {
    padding-top: 13px;
    color: #666;
    font-family: 'Open Sans', sans-serif;;
}

.copyright a {
    color: #666;
    text-decoration: underline;
}

.copyright a:hover {
    text-decoration: none;
}
.form-partners {
    margin-top: 30px;
}

.form-checkbox {
    float: left;
    margin-top: 4px;
}

.form-checkbox div {
    float: left;
    margin-right: 20px;
}

.form-checkbox label {
    font-size: 14px;
    color: #4e4740;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;;
    padding: 2px 0px 2px 20px;
}

.form-checkbox label:hover {
    cursor: pointer;
}

.form-checkbox input[type=radio] {
    display: none;
}

.form-checkbox input[type=radio] + label {
    background: url("../img/sprite.png?v2") no-repeat 0px -340px;
}

.form-checkbox input[type=radio]:checked + label {
    background: url("../img/sprite.png?v2") no-repeat 0px -375px;
}

.form-submit {
    margin: 0 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #2b2521;
    font-family: 'Open Sans', sans-serif;;
    width: 170px !important;
    height: 34px !important;
    border: none;
    border-bottom: 2px solid #a99b92;
    padding: 5px 20px;
    background: #d9d3c1;
    border-radius: 3px;
}

.styled-select select {
    border-radius: 4px;
    background-color: var(--color-background-base);
    border: 1px solid var(--color-text-alt-2);
    width: 100%;
    padding: 5px;
    color: var(--color-text-base);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 34px;
}

.styled-select {
    margin-left: 10px;
    float: left;
}

.select-span {
    margin-left: 10px;
    padding-top: 5px;
    float: left;
    font-size: 14px;
    color: #4e4740;
    font-family: 'Open Sans', sans-serif;;
}

.select-span-qa {
    margin-left: 10px;
    padding-top: 5px;
    float: left;
    font-size: 14px;
    color: #4e4740;
    font-family: 'Open Sans', sans-serif;;
}

.filter-table {
    width: 100%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;;
    color: #4e4740;
}
.filter-table tbody td {
    border-left: 1px solid #d9d3c1;
    padding: 10px 2px;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    text-align: center;
    word-break: normal;
}

.filter-table td:last-child {
    border-right: none;
}

.table-heading {
    background-color: var(--color-background-body);
    padding: 10px 5px 10px 10px
}

.table-heading th, .table-heading td {
    padding: 20px 2px 20px 2px;
    text-align: center;
}
.table-heading th + th, .table-heading td + td {
    border-left: 1px solid #96887b;
}


.table-bg {
    background: #ede8d5;
}

.table-green {
    color: #35865b;
}

.table-red {
    color: #863735;
}

.dp1 {
    width: 141px;
    height: 34px;
    padding: 0 5px;
    border-radius: 3px;
}

.dp1:hover, .dp1:focus, .dp1:active {
    outline: none;
}

.pf-stat-top {
    border-bottom: none;
    padding-top: 20px;
}
.pf-stat-top li:nth-child(2) {
    margin: 0 25px !important;
}
.pf-stat-top li a {
    background: none !important;
    border: none !important;
    padding: 5px 15px;
}

.pf-not-top {
    margin: 20px 0 15px;
}

.pf-table-promo {
    width: 100%;
    display: table;
}

.pf-promo-br {
    height: auto !important;
}

.pf-img-step {
}

.pf-img-step a {
    color: #2b2521;
    text-decoration: underline;
    display: inline-block;
    padding: 5px 0;
}

.pf-img-step a:hover {
    text-decoration: none;
}

.pf-name-h6 {
    padding-left: 0;
}

.pf-name-h6 h6 {
    text-align: left;
    padding-top: 25px;
}
.items .item::after{
    content: "";
    position: absolute;
    bottom: 15px;
    right: 15px;
    margin: 0;
    width: 24px;
    height: 24px;
    display: block;
    z-index: 9;
    background: url(../img/checkbox.png) top no-repeat;
}
.items .item.active::after{
    background-position: bottom;
}
.pf-table-td {
    display: inline-block;
    margin-bottom: 18px;
    margin-right: 30px;
    margin-left: 0;
    vertical-align: top;
}

.pf-table-td:nth-child(3n) {
    margin-right: 0px;
}

.pf-activation {
    background: #4e4740;
    padding: 5px 10px;
    border-radius: 3px;
    color: #d9d3c1;
    display: none;
}

.pf-promo-notact .pf-activation {
    display: inline-block;
}

.pf-promo-notact .chk {
    display: none;
}

.pf-stat-step-style li {
    background: #ede8d5;
}

.pf-stat-step-style li.active {
    background: #2f2c2a;
}

.pf-stat-step-style li.active h6 {
    color: #ede8d5;
}

.pf-top-tab li {
    background: #d9d3c1 !important;
}

.pf-promo-np {
    padding: 5px 50px;
    color: #2b2521;
    font-size: 18px;
    display: inline-block;
    background: #d9d3c1;
    border-bottom: 2px solid #a99b92;
    border-radius: 3px;
    margin: 20px 13px 0;
}

.pf-circ-img {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.pf-promo-img-proj {
    border: 1px dashed #000;
    padding: 10px;
    border-radius: 100%;
    display: inline-block;
}

.pf-promo-img-proj img {
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    max-width: 242px;
    max-height: 242px;
}

.pf-big-res {
    position: absolute;
    left: 40px;
    top: 0;
}

.pf-sgame {
}

.pf-btn-sgame {
    width: 370px;
    height: 34px;
    text-align: left;
    color: #ede8d5;
    background: #2f2c2a url(../img/sgame.jpg) center right no-repeat;
}

.pf-btn-sgame:hover, .pf-btn-sgame:focus, .pf-btn-sgame:active {
    background: #2f2c2a url(../img/sgame.jpg) center right no-repeat;
    outline: none;
    color: #ede8d5;
}

.pf-search-game {
    width: 100%;
    padding: 5px;
    position: relative;
}

.pf-search-game input {
    width: 100%;
    height: 34px;
    padding: 0 5px;
    color: #ede8d5;
    border-radius: 3px;
    background: #2f2c2a;
    border: 1px solid #4e4740;
}

.pf-search-game button {
    width: 34px;
    height: 34px;
    background: url(../img/srch.jpg) center right no-repeat;
    position: absolute;
    right: 6px;
    top: 5px;
    border: none;
}

.pf-sgame-drop {
    width: 370px;
    max-height: 177px;
    overflow-y: scroll;
}

.pf-sgame-drop {
    background: #d9d3c1;
}

.pf-sgame-drop ul {
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.pf-sgame-drop li a {
    padding: 10px;
    border-radius: 3px;
    display: block;
    color: #2b2521;
    text-decoration: none;
}

.pf-sgame-drop li a:hover {
    background: #ede8d5;
    text-decoration: none;
    color: #2b2521;
    text-decoration: none;
}

.pf-modal-code {
    background-color: var(--color-background-base);
    border-radius: 3px;
    padding: 15px 20px;
}

.pf-modal-code h6 {
    background-color: var(--color-background-alt);
    font-size: 20px;
    padding: 8px 20px;
    border-radius: 3px;
}

.pf-text-code {
    position: relative;
}

.pf-text-code textarea {
    background-color: var(--color-background-body);
    width: 100%;
    max-width: 100%;
    min-height: 80px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid var(--color-text-base);
    resize: none;
}

.pf-text-code textarea:hover, .pf-text-code textarea:focus, .pf-text-code textarea:active {
    outline: none;
}

.pf-code-inp:hover, .pf-code-inp:focus, .pf-code-inp:active {
    outline: none;
}

.pf-text-copy {
    position: absolute;
    right: 5px;
    bottom: 5px;
    cursor: pointer;
}

.pf-code-inp {
    background-color: var(--color-background-base);
    padding: 0 10px 0 43px;
    border: 1px solid var(--color-text-base);
    height: 34px;
    border-radius: 3px;
    width: 100%;
}

.pf-inp-promo {
    margin: 20px 0;
}

.pf-inplab-promo .col-xs-6 {
    padding: 0;
}

.pf-inplab-promo label {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;;
    font-weight: 100;
    padding-top: 5px;
}

.pf-inplab-promo button {
    margin: 20px auto 0;
    display: block;
    font-size: 18px;
    color: var(--color-text-light-base);
    padding: 0 30px;
    height: 36px;
    background-color: var(--color-fill-brand-1);
    border: none;
    border-radius: 3px;
}

.lp-slide-top {
    background: #d9d3c1;
    padding: 24px 0;
    height: 350px
}

.lp-slide3 .lp-slide-top {
    background: #d9d3c1 url('../img/sl3.png?v2?v2') center top no-repeat;
}

.lp-slide-slotobar .lp-slide-top {
    background: #d9d3c1 url('../img/slide-slotobar.jpg') center top no-repeat;
    position: relative;
}
.lp-slide-korona .lp-slide-top.ru {
    background: #d9d3c1 url('../img/korona-slider-ru.jpg') center top no-repeat;
}
.lp-slide-korona .lp-slide-top.en {
    background: #d9d3c1 url('../img/korona-slider-en.jpg') center top no-repeat;
}
.lp-slide-lotoru .lp-slide-top {
    background: #d9d3c1 url('/images/promo/banner_lotoru_ru.jpg') center top no-repeat;
}
.lp-slide-korona.en .lp-slide-top {
    background: #d9d3c1 url('/images/promo/banner_lotoru_en.jpg') center top no-repeat;
}
.lp-slide-slotobar-top {
}
.lp-slide-slotobar-top li, .lp-slide-reg-bonus-top li {
    position: absolute;
    list-style: none;
    text-align: center;
}
.lp-slide-slotobar-top li:first-child {
    left: 715px;
    top: 160px;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
}
.lp-slide-slotobar-top li:first-child span {
    font-size: 27px;
    text-transform: uppercase;
}
.lp-slide-slotobar-top li:last-child {
    top: 215px;
    left: 200px;
    font-size: 24px;
}
.lp-slide-slotobar-top li:last-child a {
    width: 285px;
    height: 65px;
    font-size: 27px;
    display: block;
    line-height: 55px;
}

.lp-slide-reg-bonus .lp-slide-top {
    background: #d9d3c1 url('../img/reg-bonus-slide.jpg?v3') center top no-repeat;
    position: relative;
}
.lp-slide-reg-bonus-top li:first-child {
    width: 225px;
    left: 50%;
    margin-left: -115px;
    font-size: 25px;
    font-weight: bold;
    line-height: 27px;
    top: 15px;
}
.lp-slide-reg-bonus-top li:nth-child(2) {
    left: 820px;
    top: 230px;
    font-size: 23px;
    width: 200px;
}
.lp-slide-reg-bonus-top li:last-child {
    font-size: 28px;
    font-weight: bold;
    left: 817px;
    top: 290px;
}
.lp-slide-reg-bonus-top li.en {
    top: 270px;
    width: 200px;
    line-height: 30px;
}

.lp-slide1-top {
    text-align: center;
}

.lp-slide1-top li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: center;
}

.lp-slide1-top li:nth-child(2) {
    padding-left: 20px;
}

.lp-slide1-top li p {
    color: #2f2521;
    font-size: 18px;
    line-height: 25px;
    min-height: 25px;
    text-align: left;
    display: table;
    margin: 0 auto;
}

.lp-slide1-top li p:after {
    content: '}';
    font-size: 24px;
    line-height: 21px;
    min-height: 25px;
    margin-top: -5px;
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    font-weight: 100;
    vertical-align: middle;
}

.lp-slide1-top li p:before {
    content: '{';
    font-size: 24px;
    line-height: 21px;
    min-height: 25px;
    margin-top: -5px;
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    font-weight: 100;
    vertical-align: middle;
    margin-left: -30px;
}

.lp-slide3-top {
    position: relative;
    height: 100%;
}

.lp-slide3-top li {
    position: absolute;
    display: inline-block;
    color: #4e4740;
    font-size: 15px;
}

.lp-slide3-top li:first-child {
    left: 250px;
    top: 5px;
}

.lp-slide3-top li:nth-child(2) {
    left: 120px;
    bottom: 8px;
}

.lp-slide3-top li:last-child {
    right: 120px;
    bottom: 15px;
    line-height: 1.25;
}

.en .lp-slide3-top li:first-child {
    left: 280px;
}

.en .lp-slide3-top li:last-child {
    right: 150px;
}

.lp-slide1-img {
    text-align: center;
}

.lp-slide1-img li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.lp-slide1-img li img {
    vertical-align: middle;
}

.lp-slide1-bottom {
    border-bottom: 17px solid #d9d3c1;
    padding: 24px 0;
}

.lp-slide1-bottom h6 {
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    letter-spacing: 2px;
}

.lp-reg-btn {
    font-size: 24px;
    height: 47px;
    line-height: 47px;
    padding: 0 27px;
}

.pf-alert {
    color: #ef7c61;
}

form .pf-alert {
    margin: -20px 0 10px;
}

.pf-logo a {
    margin-top: 4px !important;
}


.lang-block button {
    background-color: var(--color-fill-background) !important;
    color: var(--color-text-alt) !important;
}

.cashbox-tag a {
    background-color: var(--color-fill-white) !important;
}

.alert.alert-default { margin-top: 10px; }





@media(max-width:1900px) {
    .account-details{
         width: calc(100%/4 - 30px);
    }
}
@media(max-width:1200px) {
    .col-container{
       max-width: calc(100% - 290px);
    }
}

@media(max-width:1000px) {
     .col-container{
        max-width: calc(100% - 290px);
    }
        .stat_item{
        width: calc(100% - 10px)
    }
    .middle-nav > .middle > li{
        width: calc(100%/3 - 10px)
    }
}


@media(max-width:768px) {
    .account-details{
         width: calc(100%/2 - 30px);
    }
    .sidebar{
        width: calc(100% - 10px)
    }
    .col-container{
        max-width: calc(100% - 10px);
    }
     .middle-nav > .middle > li{
        width: calc(100%/2 - 10px)
    }
}
@media(max-width:480px) {
    .account-details{
         width: calc(100% - 10px) !important;
    }
    .middle-nav > .middle > li {
         width: calc(100% - 10px) !important;
    }
     .col-container{
        max-width: 100%;
    }
    .stat_item{
        width: calc(100% - 10px)
    }
    .container{
        max-width: 100%
    }
}
@media (max-width: 69em){
    .pf-menu, .top_log_head{display: none}
    
}
.periods{
    position: relative
}
.periods img{
    max-height: 40px;
    margin: 0 10px;
    cursor: pointer
}
.totals{
    position: absolute;
    width: 550px;
    top: 35px;
    left: 99999;
    opacity: 0;
    display: flex;
    background: #fff;
    padding: 0;
    z-index: -1;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-box-shadow: 0px 0px 32px -10px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 32px -10px rgb(0 0 0 / 40%);
    transition: .3s
}
.periods.opened .totals{
    left: 0;
    opacity: 1;
    z-index: 10;
    transition: .3s
}
.totals li{
    list-style: none;
    display: block;
    width: calc(100%/3);
    padding: 0 5px;
}
.totals li label{
    font-size: 12px;
    font-weight: bold;
}
#table{
    margin: 20px 0;
    font-size: 12px;
    height: 250px;
    position: relative;
}

.table_sort table {
    border-collapse: collapse;
}

.table_sort th {
    cursor: pointer;
    padding-left: 2px !important;
    padding-right: 15px !important;
}

.table_sort td,
.table_sort th {
}

.table_sort .sorted{
    color:seagreen;
}

.table_sort tbody tr:nth-child(even) {
    background: #e3e3e3;
}

th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
    position: relative;
}

th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
    right: 0;
    position: absolute;
}

th.sorted[data-order="-1"]::after {
	content: '\25BC'
}

th.sorted[data-order="1"]::after {
	content: "â–²"
}