html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0
}



html body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth
}

html body.no-scroll {
    overflow: hidden
}

html body header {
    background-color: #171F42
}

html body header .header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 1305px;
    margin: 0 auto;
    padding: .75em 0
}

html body header .header-wrapper.opened nav {
    display: flex
}

html body header .header-wrapper.opened .icon button.select.menu .open {
    display: none
}

html body header .header-wrapper.opened .icon button.select.menu .close {
    display: flex
}

html body header .header-wrapper .logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 .5em 0 1.5em
}

@media (max-width: 800px) {
    html body header .header-wrapper .logo {
        padding: .5em .5em .5em 1em
    }

    html body header .header-wrapper .logo img {
        width: 150px;
        height: auto
    }
}

html body header .header-wrapper .spacer {
    flex-grow: 2
}

html body header .header-wrapper nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

@media (max-width: 800px) {
    html body header .header-wrapper nav {
        display: none;
        position: fixed;
        top: 88px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 10;
        overflow-y: scroll;
        flex-direction: column;
        align-items: flex-start
    }
}

html body header .header-wrapper nav .node {
    position: relative;
    padding: 0 0 1em 0;
    margin-top: 1em
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node {
        padding-bottom: 0;
        width: 100%
    }
}

html body header .header-wrapper nav .node .root {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .25em .5em .35em .75em;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    font-weight: 700;
    margin: 0 .25em;
    cursor: pointer
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node .root {
        color: #000;
        font-size: 1.4em
    }
}

html body header .header-wrapper nav .node .root .badge {
    background-color: #FFC530;
    color: #000;
    text-transform: uppercase;
    font-size: .7em;
    padding: .2em .3em;
    margin: 0 0 0 .5em
}

html body header .header-wrapper nav .node .root .badge.new {
    background-color: #2f8f41;
    color: #fff
}

html body header .header-wrapper nav .node .root svg {
    fill: #fff;
    transform: rotate(180deg);
    transition: transform .3s ease-in-out;
    height: 1.2em;
    width: 1.2em;
    margin-left: .25em
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node .root svg {
        display: none
    }
}

html body header .header-wrapper nav .node .panel {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 3px;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 90%;
    display: none;
    min-width: 250px;
    z-index: 10
}

html body header .header-wrapper nav .node .panel.right {
    left: initial;
    right: 0
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node .panel {
        display: block;
        position: initial;
        box-shadow: none;
        width: 100%;
        min-width: auto
    }
}

html body header .header-wrapper nav .node .panel.geo a, html body header .header-wrapper nav .node .panel.geo span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .5em 1em;
    color: #000
}

html body header .header-wrapper nav .node .panel.geo a img, html body header .header-wrapper nav .node .panel.geo span img {
    display: block;
    margin-right: 1em;
    width: 20px;
    height: 20px
}

html body header .header-wrapper nav .node .panel.geo .sub a {
    font-size: 12pt;
    padding: 0 0 0 1em
}

html body header .header-wrapper nav .node .panel.geo .sub a:last-child::before {
    height: 22px;
    top: -11px
}

html body header .header-wrapper nav .node .panel.geo .sub a::before {
    content: "";
    position: relative;
    left: 9px;
    width: 1px;
    height: 34px;
    background-color: #90a4ae;
    display: block
}

html body header .header-wrapper nav .node .panel.geo .sub a span {
    padding-left: 1em;
    color: #000
}

html body header .header-wrapper nav .node .panel.geo .sub a span::before {
    display: block;
    content: "";
    position: relative;
    left: -7px;
    width: 20px;
    height: 1px;
    background-color: #90a4ae
}

html body header .header-wrapper nav .node .panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node .panel ul {
        border-bottom: 1px solid #dfdfdf
    }
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node .panel ul li {
        border-top: 1px solid #dfdfdf;
        padding-left: 1em
    }
}

html body header .header-wrapper nav .node .panel ul li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .75em 1.5em;
    color: #000;
    text-decoration: none;
    display: block
}

html body header .header-wrapper nav .node .panel ul li a .badge {
    background-color: #FFC530;
    color: #000;
    text-transform: uppercase;
    font-size: .7em;
    padding: .2em .3em;
    margin: 0 0 0 .5em;
    font-weight: 800
}

html body header .header-wrapper nav .node .panel ul li a .badge.new {
    background-color: #2f8f41;
    color: #fff
}

@media (max-width: 800px) {
    html body header .header-wrapper nav .node .panel ul li a {
        color: #000
    }
}

html body header .header-wrapper nav .node .panel ul li a:hover {
    background-color: #dfdfdf
}

html body header .header-wrapper nav .node:hover .root {
    background-color: #2e2d6b;
    border-radius: 5px
}

html body header .header-wrapper nav .node:hover svg {
    transform: rotate(0deg)
}

html body header .header-wrapper nav .node:hover .panel {
    display: flex
}

html body header .header-wrapper .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

html body header .header-wrapper .icon button.select {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 1em;
    margin: 0 1em
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon button.select {
        margin: 0 .75em
    }
}

html body header .header-wrapper .icon button.select svg {
    fill: #fff;
    width: 2em;
    height: 2em
}

html body header .header-wrapper .icon button.select.menu {
    display: none
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon button.select.menu {
        display: block
    }
}

html body header .header-wrapper .icon button.select.menu .close {
    display: none
}

html body header .header-wrapper .icon.search-selector {
    position: relative;
    cursor: default
}

html body header .header-wrapper .icon.search-selector .search-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 20;
    display: none
}

html body header .header-wrapper .icon.search-selector .search-panel {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 0 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    display: none;
    position: absolute;
    z-index: 300000;
    top: 0;
    right: 0;
    transform: translate(0, -9px);
    width: 400px;
    height: 50px
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.search-selector .search-panel {
        transform: none;
        position: fixed;
        top: 15px;
        left: 0;
        right: 0;
        width: calc(100% - 1em);
        margin: 0 .5em;
        padding: .25em .5em;
        border-radius: 0;
        overflow-y: unset
    }
}

html body header .header-wrapper .icon.search-selector .search-panel .close {
    background: none;
    padding: 0;
    border: none;
    cursor: pointer;
    position: fixed;
    top: .75em;
    right: .75em
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.search-selector .search-panel .close {
        display: none
    }
}

html body header .header-wrapper .icon.search-selector .search-panel .close svg {
    width: 1.5em;
    height: 1.5em;
    fill: #000
}

html body header .header-wrapper .icon.search-selector .search-panel .field--wrapper {
    width: 100%;
    padding-right: 1.5em;
    box-sizing: border-box
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.search-selector .search-panel .field--wrapper {
        padding: 0
    }
}

html body header .header-wrapper .icon.search-selector .search-panel .field--wrapper form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%
}

html body header .header-wrapper .icon.search-selector .search-panel .field--wrapper form input.query {
    flex-grow: 2;
    font-size: 1.1em;
    padding: .3em .5em;
    outline: none;
    border: 1px solid #90a4ae
}

html body header .header-wrapper .icon.search-selector .search-panel .field--wrapper form input.search {
    color: #fff;
    font-weight: 700;
    padding: .5em 1em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #0288d1;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    margin-left: 1em;
    flex-shrink: 0
}

html body header .header-wrapper .icon.search-selector.active .search-overlay {
    display: block
}

html body header .header-wrapper .icon.search-selector.active .search-panel {
    display: flex
}

html body header .header-wrapper .icon.geo-selector {
    position: relative;
    cursor: default
}

html body header .header-wrapper .icon.geo-selector .geo-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 20;
    display: none
}

html body header .header-wrapper .icon.geo-selector .geo-panel {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 1em 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    display: none;
    position: fixed;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 850px;
    height: 750px
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.geo-selector .geo-panel {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow-y: scroll
    }
}

html body header .header-wrapper .icon.geo-selector .geo-panel .close {
    background: none;
    padding: 0;
    border: none;
    cursor: pointer;
    position: fixed;
    top: .75em;
    right: .75em
}

html body header .header-wrapper .icon.geo-selector .geo-panel .close svg {
    width: 1.5em;
    height: 1.5em;
    fill: #000
}

html body header .header-wrapper .icon.geo-selector .geo-panel .map-wrapper {
    width: 200px;
    padding: 1em 0 .5em 0
}

html body header .header-wrapper .icon.geo-selector .geo-panel .map-wrapper img {
    max-width: 100%;
    height: auto;
    display: block
}

html body header .header-wrapper .icon.geo-selector .geo-panel .title {
    font-size: 1.6em
}

html body header .header-wrapper .icon.geo-selector .geo-panel .location {
    font-size: .8em;
    margin: 1em 0 .25em 0;
    color: #78909c
}

html body header .header-wrapper .icon.geo-selector .geo-panel .location span {
    cursor: pointer;
    text-decoration: underline
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    padding-top: 1em
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper {
        flex-wrap: wrap
    }
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col {
    width: 25%
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col {
        width: 50%
    }
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col.padded {
    padding-top: 2.1em
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col h4 {
    font-size: 1.2em;
    color: #a1887f;
    padding: 0 0 .5em 0;
    margin: 0;
    font-weight: 300
}

@media (max-width: 800px) {
    html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col h4 {
        font-size: 1.2em
    }
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em 0;
    font-size: .85em
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    cursor: pointer;
    margin: .4em 0
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col ul li:hover span {
    color: #0288d1
}

html body header .header-wrapper .icon.geo-selector .geo-panel .list-wrapper .col ul li img {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin-right: .65em;
    border-radius: 50%
}

html body header .header-wrapper .icon.geo-selector.active .geo-overlay {
    display: block
}

html body header .header-wrapper .icon.geo-selector.active .geo-panel {
    display: flex
}

html body footer {
    background-color: #35438a
}

@media (max-width: 800px) {
    html body footer {
        max-width: 100%
    }
}

html body footer .main-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    padding-bottom: 1em;
    max-width: 1305px;
    margin: 0 auto
}

@media (max-width: 800px) {
    html body footer .main-wrapper {
        flex-direction: column
    }
}

html body footer .main-wrapper .about-wrapper {
    flex-grow: 2
}

html body footer .main-wrapper .about-wrapper .nav-wrapper {
    width: 100%;
    margin: 2em 0 0 0;
    padding: 0;
    border-right: none;
    flex-wrap: wrap;
    flex-direction: row
}

@media (max-width: 800px) {
    html body footer .main-wrapper .about-wrapper .nav-wrapper {
        margin: 1em;
        justify-content: center;
        width: calc(100% - 2em)
    }
}

html body footer .main-wrapper .about-wrapper .nav-wrapper h3 {
    width: 100%
}

@media (max-width: 800px) {
    html body footer .main-wrapper .about-wrapper .nav-wrapper h3 {
        text-align: center
    }
}

html body footer .main-wrapper .about-wrapper .nav-wrapper a {
    margin-right: .75em
}

html body footer .main-wrapper .about-wrapper .short-wrapper {
    color: #81a3ce;
    font-size: .9em;
    padding: 2em 2em 2em 0
}

@media (max-width: 800px) {
    html body footer .main-wrapper .about-wrapper .short-wrapper {
        padding: 1em;
        text-align: center
    }
}

html body footer .main-wrapper .about-wrapper .badges-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: .5em
}

@media (max-width: 800px) {
    html body footer .main-wrapper .about-wrapper .badges-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

html body footer .main-wrapper .about-wrapper .badges-wrapper img {
    margin-right: 1.5em
}

@media (max-width: 800px) {
    html body footer .main-wrapper .about-wrapper .badges-wrapper img {
        margin: .5em 1em
    }
}

html body footer .main-wrapper .nav-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    border-right: 1px solid #727bae;
    padding: 0 .5em 0 .5em;
    margin: 2em 2em 2em 0;
    width: 190px
}

@media (max-width: 800px) {
    html body footer .main-wrapper .nav-wrapper {
        margin: 1em 0;
        padding: 0;
        align-items: center;
        border-right: none;
        width: 100%
    }
}

html body footer .main-wrapper .nav-wrapper h3 {
    color: #c6dffe;
    margin: 0 0 .75em 0;
    padding: 0;
    font-size: 1em
}

html body footer .main-wrapper .nav-wrapper a {
    color: #fff;
    margin: .25em 0;
    font-size: 1em
}

html body footer .main-wrapper .nav-wrapper a:hover {
    color: #fea726
}

html body footer .main-wrapper .footer-banner {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #171F42;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 1.5em 1.5em .5em 1.5em;
    width: 270px
}

@media (max-width: 800px) {
    html body footer .main-wrapper .footer-banner {
        width: calc(100% - 4em);
        margin: 1.5em 2em 0 2em
    }
}

html body footer .main-wrapper .footer-banner .logo-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .75em 0
}

html body footer .main-wrapper .footer-banner .info-wrapper {
    font-size: 1.4em;
    font-weight: 700;
    color: #9c9ccd;
    padding: .25em 0
}

html body footer .main-wrapper .footer-banner .button {
    color: #fff;
    font-weight: 700;
    padding: .5em .9em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: transparent;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 1em 0;
    background: linear-gradient(101deg, #ffd600 -4.23%, #ff9e0c 112.44%);
    color: #000
}

html body footer .main-wrapper .footer-banner .button svg {
    fill: #000;
    width: 1.5em;
    height: 1.5em
}

html body footer .main-wrapper .footer-banner .button span {
    margin-left: .5em
}

html body footer .main-wrapper .footer-banner .code-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    color: #fff;
    margin: .5em 0 .2em 0;
    text-align: center;
    font-size: .9em;
    border: 1px dashed #fff;
    padding: .25em 1em;
    border-radius: .5em
}

html body footer .main-wrapper .footer-banner .code-wrapper .code {
    margin-right: .75em
}

html body footer .main-wrapper .footer-banner .code-wrapper .copy svg {
    fill: #fff;
    width: .75em;
    height: .75em;
    cursor: pointer
}

html body footer .bottom-wrapper {
    background: #2b3879;
    width: 100%
}

html body footer .bottom-wrapper .bottom-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1em 1.5em;
    max-width: 1305px;
    margin: 0 auto
}

@media (max-width: 800px) {
    html body footer .bottom-wrapper .bottom-line {
        flex-direction: column
    }
}

html body footer .bottom-wrapper .bottom-line .copyright {
    color: #9c9ccd;
    font-size: .9em
}

html body footer .bottom-wrapper .bottom-line ul {
    font-size: .9em
}

html body footer .bottom-wrapper .bottom-line ul.nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 800px) {
    html body footer .bottom-wrapper .bottom-line ul.nav {
        justify-content: center;
        margin: 1em 0 .5em 0
    }
}

html body footer .bottom-wrapper .bottom-line ul.nav li a {
    color: #9c9ccd;
    text-decoration: underline;
    margin-left: 1em
}

@media (max-width: 800px) {
    html body footer .bottom-wrapper .bottom-line ul.nav li a {
        font-size: .8em;
        margin: 0 .5em
    }
}

html body footer .bottom-wrapper .bottom-line ul.nav li a:hover {
    color: #fea726
}

html body section {
    max-width: 1305px;
    margin: 1em auto;
    background-color: #f4f5f5;
    padding: 1em 1.5em;
    box-sizing: border-box
}

@media (max-width: 800px) {
    html body section {
        padding: .5em 1em
    }
}

html body .promo {
    position: fixed;
    bottom: 2.5em;
    right: 1em;
    background: transparent;
    padding-right: 1em;
    z-index: 10
}

@media (max-width: 800px) {
    html body .promo {
        display: none
    }
}

html body .promo .promo-close {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #b0bec5;
    width: 2em;
    height: 2em;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

html body .promo .promo-close svg {
    fill: #fff;
    width: 1.5em;
    height: 1.5em
}

html body .promo .promo-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #0d47a1;
    border-radius: 50%;
    padding: 1em;
    overflow: hidden;
    box-sizing: border-box;
    height: 200px;
    width: 200px
}

html body .promo .promo-wrapper .logo {
    display: block;
    margin-top: .5em
}

html body .promo .promo-wrapper .first {
    color: #bbdefb;
    margin-top: .25em;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700
}

html body .promo .promo-wrapper .code-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    color: #fff;
    margin: .5em 0 .2em 0;
    text-align: center;
    font-size: .9em;
    border: 1px dashed #fff;
    padding: .25em 1em;
    border-radius: .5em
}

html body .promo .promo-wrapper .code-wrapper .code {
    margin-right: .75em
}

html body .promo .promo-wrapper .code-wrapper .copy svg {
    fill: #fff;
    width: .75em;
    height: .75em;
    cursor: pointer
}

html body .promo .promo-wrapper .button {
    color: #fff;
    font-weight: 700;
    padding: .5em .9em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #2f8f41;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: .5em 0 .8em 0
}

html body .scroll-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 30
}

html body .scroll-top .button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    border: 1px solid #81a3ce;
    background-color: #0a0818;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    font-size: 1.1em;
    cursor: pointer
}

html body .scroll-top .button svg {
    fill: #fff;
    width: 1.5em;
    height: 1.5em
}

html body .screen-reader-text {
    display: none
}

html body .medium-zoom-overlay, html body .medium-zoom-image--opened {
    z-index: 999
}

.ui-pros-cons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    margin: 1em auto
}

@media (max-width: 800px) {
    .ui-pros-cons {
        flex-direction: column
    }
}

.ui-pros-cons .column {
    width: 50%;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #e2f2e3;
    border-radius: 1em;
    padding: .75em;
    overflow: hidden;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .ui-pros-cons .column {
        width: 100%
    }
}

.ui-pros-cons .column.pros {
    background-color: #e2f2e3;
    margin-right: .75em
}

@media (max-width: 800px) {
    .ui-pros-cons .column.pros {
        margin-right: 0
    }
}

.ui-pros-cons .column.pros h4 {
    background-color: #2f8f41
}

.ui-pros-cons .column.pros svg {
    fill: #2f8f41
}

.ui-pros-cons .column.cons {
    background-color: #f9e6e5;
    margin-left: .75em
}

@media (max-width: 800px) {
    .ui-pros-cons .column.cons {
        margin-left: 0;
        margin-top: 1em
    }
}

.ui-pros-cons .column.cons h4 {
    background-color: #f83030
}

.ui-pros-cons .column.cons svg {
    fill: #f83030
}

.ui-pros-cons .column h4 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: transparent;
    border-radius: .5em;
    padding: .5em 1em .5em .75em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    text-align: left;
    font-size: 1.5em;
    margin: 0;
    color: #fff
}

.ui-pros-cons .column h4 .head {
    fill: #fff;
    margin-right: .5em;
    height: 1em;
    width: 1em
}

.ui-pros-cons .column ul {
    list-style: none;
    padding: 0 1em
}

.ui-pros-cons .column ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .5em 0;
    margin: 0 !important;
    display: flex !important
}

.ui-pros-cons .column ul li::before {
    content: none !important
}

.ui-pros-cons .column ul li svg {
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0
}

.ui-pros-cons .column ul li span {
    font-size: 15px;
    margin-left: .5em
}

@media (max-width: 800px) {
    .ui-pros-cons .column ul li span {
        font-size: 1em
    }
}

.ui-faq {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .5em 0 1em 0
}

@media (max-width: 800px) {
    .ui-faq {
        flex-direction: column;
        padding: 0
    }
}

.ui-faq .column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    width: calc(100% / 2 - 1em)
}

@media (max-width: 800px) {
    .ui-faq .column {
        width: 100%
    }
}

.ui-faq .column .question {
    border: 1px solid #bdbdbd;
    border-radius: 1.25em;
    padding: 1em;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: .5em;
    cursor: pointer;
    background-color: #f5f5f5
}

@media (max-width: 800px) {
    .ui-faq .column .question {
        margin: .5em 0
    }
}

.ui-faq .column .question.expanded {
    background-color: #fff;
    padding-bottom: .5em
}

.ui-faq .column .question.expanded .faq-title {
    color: #2f8f41
}

.ui-faq .column .question.expanded .faq-answer {
    display: block
}

.ui-faq .column .question .faq-title {
    font-size: 16px;
    font-weight: 700
}

.ui-faq .column .question .faq-answer {
    display: none;
    color: #455a64;
    font-size: .8em
}

.ui-faq .column .question .faq-answer p {
    padding: 0;
    margin: 1em 0
}

.ui-faq .column .question .faq-answer p a {
    color: #455a64
}

.ui-subscribe {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(289deg, #98489c 0%, #306adb 100%);
    height: 130px;
    z-index: 20
}

@media (max-width: 800px) {
    .ui-subscribe {
        height: auto
    }
}

.ui-subscribe .promo-close {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    position: absolute;
    top: .5em;
    right: .5em;
    background-color: transparent;
    width: 2em;
    height: 2em;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

.ui-subscribe .promo-close svg {
    fill: #fff;
    width: 1.5em;
    height: 1.5em
}

.ui-subscribe .subscribe-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    color: #fff;
    width: 900px;
    margin: 0 auto
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper {
        width: 100%;
        flex-direction: column
    }
}

.ui-subscribe .subscribe-wrapper .cta-wrapper {
    flex-grow: 2;
    padding-right: 2em
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .cta-wrapper {
        padding: .5em 1em
    }
}

.ui-subscribe .subscribe-wrapper .cta-wrapper h3 {
    margin: 0;
    padding: .5em 0 0 0;
    font-size: 1.8em
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .cta-wrapper h3 {
        font-size: 1.1em;
        text-align: center
    }
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .cta-wrapper p {
        text-align: center;
        font-size: .8em
    }
}

.ui-subscribe .subscribe-wrapper .cta-wrapper p.terms {
    font-size: .6em;
    color: #e8eaf6
}

.ui-subscribe .subscribe-wrapper .form-wrapper {
    width: 300px
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .form-wrapper {
        width: 100%;
        padding: 0 1em;
        box-sizing: border-box
    }
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist {
        margin: 0 1em
    }
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row {
    margin: 1em 0
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap label, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row label {
    color: #333
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row .ig_es_form_field_name {
    border: 2px solid;
    padding: .35em .5em;
    margin: 0;
    border-radius: 0;
    font-size: 1em;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    margin-top: .25em
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row .ig_es_form_field_name {
        width: 100%
    }
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap .es-email, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row .ig_es_form_field_email, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row .es-email {
    border: 2px solid;
    padding: .35em .5em;
    margin: 0;
    border-radius: 0;
    font-size: 1em;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    margin-top: .25em
}

@media (max-width: 800px) {
    .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es-field-wrap .es-email, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row .ig_es_form_field_email, .ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .gjs-row .es-email {
        width: 100%
    }
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es_submit_button {
    color: #000;
    border: 2px solid #000;
    padding: .5em 1.5em;
    background-color: transparent;
    border-radius: .5em;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
    font-weight: 900;
    margin-top: 1em
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_form .es_spinner_image {
    display: none !important
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_message {
    margin: 1em 0;
    padding: .5em 1em;
    color: #fff
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_message.error {
    display: inline-block;
    background-color: #d50000
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .es_subscription_message.success {
    display: inline-block;
    background-color: #2e7d32
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .gjs-row {
    margin: 0 0 1em 0 !important
}

.ui-subscribe .subscribe-wrapper .form-wrapper .emaillist .gjs-row .gjs-cell input[name="submit"] {
    background-color: #fed133;
    border: 2px solid #ffbd00;
    border-radius: 5px;
    padding: .5em 2em;
    font-size: 1.1em;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    color: #37474f;
    cursor: pointer
}

.fs24-list-items {
    margin: 1em 0
}

.fs24-list-items .items-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin: 0 -.75em
}

.fs24-list-items .items-wrapper .item-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    margin: .75em
}

.fs24-list-items .items-wrapper .item-wrapper.row-3 {
    width: calc(100% / 3 - 1.5em)
}

@media (max-width: 800px) {
    .fs24-list-items .items-wrapper .item-wrapper.row-3 {
        width: calc(100% - 1.5em)
    }
}

.fs24-list-items .items-wrapper .item-wrapper.row-4 {
    width: calc(100% / 4 - 1.5em)
}

@media (max-width: 800px) {
    .fs24-list-items .items-wrapper .item-wrapper.row-4 {
        width: calc(100% - 1.5em)
    }
}

.fs24-list-items .items-wrapper .item-wrapper.row-5 {
    width: calc(100% / 5 - 1.5em)
}

@media (max-width: 800px) {
    .fs24-list-items .items-wrapper .item-wrapper.row-5 {
        width: calc(100% - 1.5em)
    }
}

.fs24-list-items .items-wrapper .item-news {
    text-decoration: none;
    color: #000
}

.fs24-list-items .items-wrapper .item-news .media-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.fs24-list-items .items-wrapper .item-news .media-wrapper img {
    width: 100%;
    height: auto;
    display: block
}

.fs24-list-items .items-wrapper .item-news .title-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .5em 1.5em;
    flex-grow: 2
}

.fs24-list-items .items-wrapper .item-news .title-wrapper .title {
    font-size: 1.3em;
    font-weight: 800;
    text-align: center;
    line-height: 1.2em
}

.fs24-list-items .items-wrapper .item-news .meta-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1em 0
}

.fs24-list-items .items-wrapper .item-news .meta-wrapper .date {
    color: #90a4ae;
    font-size: .8em
}

.fs24-list-items .items-wrapper .item-bonus .media-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 1.5em 0
}

.fs24-list-items .items-wrapper .item-bonus .media-wrapper img {
    border-radius: 1em;
    width: 75px;
    height: auto
}

.fs24-list-items .items-wrapper .item-bonus .title-wrapper {
    flex-grow: 2
}

.fs24-list-items .items-wrapper .item-bonus .title-wrapper a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    text-decoration: none;
    padding: 0 1em
}

.fs24-list-items .items-wrapper .item-bonus .title-wrapper a .title {
    color: #bdbdbd;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center
}

.fs24-list-items .items-wrapper .item-bonus .title-wrapper a .bonus {
    color: #000;
    font-size: 1.1em;
    text-align: center;
    margin: .5em 0
}

.fs24-list-items .items-wrapper .item-bonus .play-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: .5em 0
}

.fs24-list-items .items-wrapper .item-bonus .play-wrapper a {
    color: #fff;
    font-weight: 700;
    padding: .5em 1em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #2f8f41;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 150px
}

.fs24-list-items .items-wrapper .item-bonus .play-wrapper a svg {
    fill: #fff;
    width: 1.3em;
    height: 1.3em
}

.fs24-list-items .items-wrapper .item-bonus .play-wrapper a .play {
    color: #fff;
    margin-left: .25em
}

.fs24-list-items .items-wrapper .item-bonus .bonus-rating-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    border-top: 1px solid #e0e0e0;
    font-size: .8em;
    padding: 1.25em 1.5em;
    margin-top: 1em
}

.fs24-list-items .items-wrapper .item-bonus .bonus-rating-wrapper .bonus-stars {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 2
}

.fs24-list-items .items-wrapper .item-bonus .bonus-rating-wrapper .bonus-stars svg {
    width: 1.4em;
    height: 1.4em;
    margin-right: .25em;
    fill: #ff5c01
}

.fs24-list-items .items-wrapper .item-bonus .bonus-rating-wrapper .bonus-stars svg.disable {
    fill: #e0e0e0
}

.fs24-list-items .items-wrapper .item-bonus .bonus-rating-wrapper .bonus-value {
    color: #ff5c01
}

.fs24-list-items .items-more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1em 0
}

.fs24-list-items .items-more .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1.1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #0288d1;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer
}

.profile--wrapper {
    max-width: 1305px;
    margin: 0 auto
}

.profile--hero {
    background-color: #2b3879;
    color: #fff
}

.profile--hero .intro--layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0 auto;
    padding: 2em 0 2em 0;
    width: 85%
}

@media (max-width: 800px) {
    .profile--hero .intro--layout {
        width: 100%;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        justify-content: center
    }
}

.profile--hero .intro--layout .logo--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #171F42;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    align-self: center;
    min-height: 160px;
    width: 200px
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .logo--wrapper {
        width: calc(100% - 4em);
        margin: 1em 0 0 0
    }
}

.profile--hero .intro--layout .logo--wrapper img {
    max-width: 100%;
    height: auto;
    display: block
}

.profile--hero .intro--layout .bonus--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 2;
    padding: 0 2em
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .bonus--wrapper {
        margin: 1em 0
    }
}

.profile--hero .intro--layout .bonus--wrapper.welcome {
    flex-shrink: 1
}

.profile--hero .intro--layout .bonus--wrapper.nodeposit {
    width: 250px;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .bonus--wrapper.nodeposit {
        margin-top: 0;
        width: 100%
    }
}

.profile--hero .intro--layout .bonus--wrapper .tag {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #c7d1ff;
    border-radius: 10px;
    padding: .25em 1.25em;
    overflow: hidden;
    box-sizing: border-box;
    align-self: flex-start;
    font-size: .8em;
    color: #0048a2;
    margin-bottom: 1em
}

.profile--hero .intro--layout .bonus--wrapper .value {
    font-size: 2em;
    font-weight: 800
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .bonus--wrapper .value {
        font-size: 1.5em
    }
}

.profile--hero .intro--layout .bonus--wrapper .intro a {
    color: #fff
}

.profile--hero .intro--layout .bonus--wrapper .cta {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1em 0
}

.profile--hero .intro--layout .bonus--wrapper .cta .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #04cb29;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.profile--hero .intro--layout .bonus--wrapper .note {
    font-size: .8em;
    line-height: 1.1em;
    color: #81a3ce
}

.profile--hero .intro--layout .bonus--wrapper .note a {
    color: inherit
}

.profile--hero .intro--layout .bonus--wrapper h1 {
    margin: 0;
    padding: 0
}

.profile--hero .intro--layout .cta--wrapper {
    width: 300px;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .cta--wrapper {
        margin-bottom: 1em;
        width: calc(100% - 4em)
    }
}

.profile--hero .intro--layout .cta--wrapper .rate--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #1e2753;
    border-radius: .4em;
    padding: .5em 1em;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-bottom: 2em
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .cta--wrapper .rate--wrapper {
        margin-top: 1em
    }
}

.profile--hero .intro--layout .cta--wrapper .rate--wrapper dl {
    padding: 0;
    margin: .5em .5em;
    font-size: .8em;
    min-width: 55px
}

.profile--hero .intro--layout .cta--wrapper .rate--wrapper dl dt {
    font-size: .8em;
    padding-bottom: .35em;
    text-align: center
}

.profile--hero .intro--layout .cta--wrapper .rate--wrapper dl dd {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #ffc530;
    border-radius: .4em;
    padding: .15em .35em;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0
}

.profile--hero .intro--layout .cta--wrapper .rate--wrapper dl dd svg {
    width: 1.5em;
    height: 1.5em
}

.profile--hero .intro--layout .cta--wrapper .rate--wrapper dl dd span {
    color: #000;
    margin-left: .15em
}

.profile--hero .intro--layout .cta--wrapper .button--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.profile--hero .intro--layout .cta--wrapper .button--wrapper .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #04cb29;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    text-align: center
}

.profile--hero .intro--layout .cta--wrapper .accept--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: 1em
}

.profile--hero .intro--layout .cta--wrapper .accept--wrapper img {
    display: block
}

.profile--hero .intro--layout .cta--wrapper .accept--wrapper div {
    margin-left: .5em
}

.profile--hero .intro--layout .cta--wrapper .accept--wrapper div .yes {
    color: #3afb5e
}

.profile--hero .intro--layout .cta--wrapper .accept--wrapper div .no {
    color: #ff3e3e
}

.profile--hero .intro--layout .banner--wrapper {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 1.5em;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 450px;
    flex-shrink: 0;
    align-self: center
}

@media (max-width: 800px) {
    .profile--hero .intro--layout .banner--wrapper {
        width: calc(100% - 2em);
        margin: 0 1em 1em 1em
    }
}

.profile--hero .intro--layout .banner--wrapper img {
    display: block;
    max-width: 100%;
    height: auto
}

.profile--hero .quickfacts--layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 85%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .45);
    padding: 2em 4em;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .profile--hero .quickfacts--layout {
        width: 100%;
        flex-wrap: wrap;
        padding: 1em 2em
    }
}

.profile--hero .quickfacts--layout dl {
    margin: 0 0 0 5em;
    padding: 0
}

@media (max-width: 800px) {
    .profile--hero .quickfacts--layout dl {
        margin: .25em .75em
    }
}

.profile--hero .quickfacts--layout dl:first-child {
    margin-left: 0
}

.profile--hero .quickfacts--layout dl dt {
    margin: 0;
    padding: 0 0 .15em 0;
    color: #c99100;
    font-size: .9em
}

@media (max-width: 800px) {
    .profile--hero .quickfacts--layout dl dt {
        font-size: .8em;
        text-align: center
    }
}

.profile--hero .quickfacts--layout dl dd {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    font-weight: 800
}

@media (max-width: 800px) {
    .profile--hero .quickfacts--layout dl dd {
        font-size: 1.5em;
        text-align: center
    }
}

.profile--hero .quickfacts--layout dl dd .selected {
    color: #3afb5e
}

.profile--menu {
    background-color: #fff;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #f4f2f9;
    z-index: 1
}

.profile--menu.no-sticky {
    position: unset
}

.profile--menu .profile--wrapper ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width: 800px) {
    .profile--menu .profile--wrapper ul {
        justify-content: flex-start;
        overflow-y: scroll
    }
}

.profile--menu .profile--wrapper ul li {
    margin: 0 .75em
}

@media (max-width: 800px) {
    .profile--menu .profile--wrapper ul li {
        margin: 0 1em
    }
}

.profile--menu .profile--wrapper ul li a {
    color: #000;
    text-decoration: none;
    font-weight: 800;
    display: block;
    padding: .75em 0;
    border-bottom: 3px solid transparent;
    white-space: nowrap
}

@media (max-width: 800px) {
    .profile--menu .profile--wrapper ul li a {
        padding: 1em 0
    }
}

.profile--menu .profile--wrapper ul li a.selected, .profile--menu .profile--wrapper ul li a:hover {
    color: #1589ff;
    border-bottom-color: #1589ff
}

.profile--menu .profile--wrapper ul li a .badge {
    background-color: #FFC530;
    color: #000;
    text-transform: uppercase;
    font-size: .7em;
    padding: .2em .3em;
    margin: 0 0 0 .5em
}

.profile--menu .profile--wrapper ul li a .badge.new {
    background-color: #2f8f41;
    color: #fff
}

.profile--main {
    background-color: #f4f2f9;
    padding-bottom: 2em
}

.profile--main.nb {
    padding: 0
}

.profile--main .profile--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 1.5em;
    width: 100%
}

.profile--main .profile--wrapper.block {
    flex-direction: column;
    justify-content: flex-start
}

.profile--main .profile--wrapper.np {
    padding: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper {
        padding: 0 1em;
        flex-direction: column
    }
}

.profile--main .profile--wrapper .main--layout {
    flex-grow: 2
}

.profile--main .profile--wrapper .main--layout h1.outer, .profile--main .profile--wrapper .main--layout h2.outer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-shrink: 1;
    font-size: 1.75em;
    margin: 0 10px;
    padding: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .main--layout h1.outer, .profile--main .profile--wrapper .main--layout h2.outer {
        font-size: 1.3em
    }
}

.profile--main .profile--wrapper .main--layout h1.outer svg, .profile--main .profile--wrapper .main--layout h2.outer svg {
    width: .9em;
    height: .9em;
    margin-right: .5em;
    fill: #c6dffe
}

.profile--main .profile--wrapper .sidebar--layout {
    width: 400px;
    flex-shrink: 0;
    margin-left: 1.25em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .sidebar--layout {
        margin-left: 0;
        width: 100%
    }
}

.profile--main .profile--wrapper .sidebar--layout .banner--layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1em 0
}

.profile--main .profile--wrapper .sidebar--layout .banner--layout a img {
    display: block
}

.profile--main .profile--wrapper .narrow-sidebar--layout {
    width: 200px;
    flex-shrink: 0;
    padding-left: 1.5em;
    padding-top: 1.5em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .narrow-sidebar--layout {
        display: none
    }
}

.profile--main .profile--wrapper .narrow-sidebar--layout .banner-wrapper {
    position: sticky;
    top: 0
}

.profile--main .profile--wrapper .narrow-sidebar--layout .banner-wrapper img {
    display: block;
    width: 100%;
    height: auto
}

.profile--main .profile--wrapper .promo--layout {
    width: 400px;
    flex-shrink: 0;
    margin-right: 1.5em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .promo--layout {
        margin: 0;
        width: 100%
    }
}

.profile--main .profile--wrapper .games--layout {
    flex-grow: 2
}

.profile--main .profile--wrapper .box--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: transparent;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-bottom: 1em;
    margin: 1.25em 0;
    width: 100%
}

.profile--main .profile--wrapper .box--wrapper.gray {
    background-color: #e9e9f5
}

.profile--main .profile--wrapper .box--wrapper.gray .outer {
    color: #000
}

.profile--main .profile--wrapper .box--wrapper.gray .outer svg {
    fill: #000
}

.profile--main .profile--wrapper .box--wrapper.green {
    background-color: #83ba9b
}

.profile--main .profile--wrapper .box--wrapper.green .outer {
    color: #e5ffe7
}

.profile--main .profile--wrapper .box--wrapper.green .outer svg {
    fill: #e5ffe7
}

.profile--main .profile--wrapper .box--wrapper.blue {
    background-color: #35438a
}

.profile--main .profile--wrapper .box--wrapper.blue .outer {
    color: #aeb8eb
}

.profile--main .profile--wrapper .box--wrapper.blue .outer svg {
    fill: #aeb8eb
}

.profile--main .profile--wrapper .box--wrapper h1.outer, .profile--main .profile--wrapper .box--wrapper h2.outer {
    width: 100%;
    margin: .25em .5em;
    padding: 0
}

.profile--main .profile--wrapper .box--wrapper .outer-content {
    padding: 0 1em;
    line-height: 1.5em;
    width: 100%
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .box--wrapper .outer-content {
        padding: 0 10px
    }

    .profile--main .profile--wrapper .box--wrapper .outer-content ul {
        padding: 0 15px
    }
}

.profile--main .profile--wrapper .box--wrapper .box {
    margin: .75em
}

.profile--main .profile--wrapper .box--wrapper .box.np {
    padding: 0
}

.profile--main .profile--wrapper .box--wrapper .box.np img.full {
    max-width: 100%;
    height: auto;
    display: block
}

.profile--main .profile--wrapper .box--wrapper .box.b-3 {
    width: calc(100% / 3 - 1.5em)
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .box--wrapper .box.b-3 {
        width: 100%
    }
}

.profile--main .profile--wrapper .box--wrapper .box.b-2 {
    width: calc(50% - 1.5em)
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .box--wrapper .box.b-2 {
        width: 100%
    }
}

.profile--main .profile--wrapper .box {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 1em;
    padding: 1em 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    margin: 1.25em 0;
    scroll-padding-top: 4em
}

.profile--main .profile--wrapper .box.banner-box {
    position: sticky;
    top: 65px
}

.profile--main .profile--wrapper .box.banner-box .banner--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.profile--main .profile--wrapper .box.banner-box .banner--wrapper img {
    display: block;
    max-width: 100%;
    height: auto
}

.profile--main .profile--wrapper .box h1, .profile--main .profile--wrapper .box h2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: 1.75em;
    margin: 0;
    padding: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .box h1, .profile--main .profile--wrapper .box h2 {
        font-size: 1.3em
    }
}

.profile--main .profile--wrapper .box h1 svg, .profile--main .profile--wrapper .box h2 svg {
    width: 1.5em;
    height: 1.5em;
    margin-right: .4em;
    fill: #c6dffe
}

.profile--main .profile--wrapper .box h3 {
    border-bottom: 3px solid #c6dffe;
    margin: 0;
    padding-bottom: .5em;
    display: inline-block
}

.profile--main .profile--wrapper .box a {
    color: #1589ff
}

.profile--main .profile--wrapper .box p {
    line-height: 1.6em
}

.profile--main .profile--wrapper .box p img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.profile--main .profile--wrapper .box ul, .profile--main .profile--wrapper .box ol {
    padding: 0 0 0 1em
}

.profile--main .profile--wrapper .box ul li, .profile--main .profile--wrapper .box ol li {
    margin: .5em 0;
    line-height: 1.6em
}

.profile--main .profile--wrapper .box .button--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.profile--main .profile--wrapper .box .button--wrapper .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 .75em
}

.profile--main .profile--wrapper .box .button--wrapper .button.btn-2 {
    background-color: #1589ff;
    color: #fff;
    font-size: 1em
}

.profile--main .profile--wrapper .box .button--wrapper .button.btn-3 {
    background-color: #04cb29;
    color: #000;
    font-size: 1em
}

.profile--main .profile--wrapper .box .button--wrapper .button.btn-6 {
    background: linear-gradient(101deg, #ffd600 -4.23%, #ff9e0c 112.44%);
    color: #000
}

.profile--main .profile--wrapper .row--layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 1em 0 .5em 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .row--layout {
        flex-direction: column;
        justify-content: flex-start
    }
}

.profile--main .profile--wrapper .row--layout.b-4 > div {
    width: calc(100% / 4 - 1em);
    margin: 0 .5em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .row--layout.b-4 > div {
        width: 100%;
        margin: .5em 0
    }
}

.profile--main .profile--wrapper .row--layout.b-4 > div:first-child {
    margin-left: 0
}

.profile--main .profile--wrapper .row--layout.b-4 > div:last-child {
    margin-right: 0
}

.profile--main .profile--wrapper .features--layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .features--layout {
        flex-direction: column
    }
}

.profile--main .profile--wrapper .features--layout .group {
    width: 50%;
    padding: 0 2em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .features--layout .group {
        width: 100%;
        padding: 0
    }
}

.profile--main .profile--wrapper .features--layout .group:first-child {
    border-right: 1px solid #dfe7ef;
    padding-left: 1em;
    padding-right: 3em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .features--layout .group:first-child {
        padding: 0;
        border-right: none
    }
}

.profile--main .profile--wrapper .features--layout .group.positives h2 svg {
    fill: #04cb29
}

.profile--main .profile--wrapper .features--layout .group.positives ul li::before {
    background-color: #7fbe84
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .features--layout .group.negatives {
        margin-top: 1em
    }
}

.profile--main .profile--wrapper .features--layout .group.negatives h2 svg {
    fill: #d03e3e
}

.profile--main .profile--wrapper .features--layout .group.negatives ul li::before {
    background-color: #ef7272
}

.profile--main .profile--wrapper .features--layout .group ul {
    margin: 1em 0 0 0;
    padding: 0;
    list-style: none
}

.profile--main .profile--wrapper .features--layout .group ul li {
    font-size: 1em;
    padding: .5em 0 .5em 1.25em;
    position: relative
}

.profile--main .profile--wrapper .features--layout .group ul li::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.profile--main .profile--wrapper .casino--layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #efefef;
    border-radius: .4em;
    padding: .5em;
    overflow: hidden;
    box-sizing: border-box;
    margin: 1em 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .casino--layout {
        flex-wrap: wrap
    }
}

.profile--main .profile--wrapper .casino--layout .logo--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #000;
    border-radius: .4em;
    padding: 0 .5em;
    overflow: hidden;
    box-sizing: border-box;
    width: 130px;
    min-height: 80px;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .casino--layout .logo--wrapper {
        width: 100%;
        padding: 2em 2em
    }
}

.profile--main .profile--wrapper .casino--layout .logo--wrapper img {
    max-width: 100%;
    height: auto;
    display: block
}

.profile--main .profile--wrapper .casino--layout .info--wrapper {
    flex-grow: 2;
    padding: .25em 1em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .casino--layout .info--wrapper {
        width: calc(100% - 40px - 2em);
        padding-top: .5em
    }
}

.profile--main .profile--wrapper .casino--layout .info--wrapper a {
    font-size: .9em;
    font-weight: 800;
    color: #000;
    text-decoration: none
}

.profile--main .profile--wrapper .casino--layout .info--wrapper a:hover {
    text-decoration: underline
}

.profile--main .profile--wrapper .casino--layout .info--wrapper p {
    padding: 0;
    margin: .5em 0 0 0;
    font-size: .85em;
    line-height: 1.3em;
    color: #707380
}

.profile--main .profile--wrapper .casino--layout .rate--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 40px;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .casino--layout .rate--wrapper {
        padding-top: .65em;
        padding-right: 1em
    }
}

.profile--main .profile--wrapper .casino--layout .rate--wrapper .rate {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: .8em
}

.profile--main .profile--wrapper .casino--layout .rate--wrapper .rate svg {
    width: 1em;
    height: 1em;
    fill: #fb8c37
}

.profile--main .profile--wrapper .casino--layout .rate--wrapper .rate span {
    color: #000;
    margin-left: .15em
}

.profile--main .profile--wrapper .casino-promo--layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0 .75em;
    width: calc(100% - 1.5em);
    box-sizing: border-box
}

.profile--main .profile--wrapper .casino-promo--layout .logo--wrapper {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #171F42;
    border-radius: .4em;
    padding: .5em 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    min-height: 90px
}

.profile--main .profile--wrapper .casino-promo--layout .logo--wrapper img {
    max-width: 200px;
    height: auto;
    display: block
}

.profile--main .profile--wrapper .casino-promo--layout .bonus--wrapper {
    color: #fff;
    font-size: 1.4em;
    font-weight: 800;
    padding: .5em 0
}

.profile--main .profile--wrapper .casino-promo--layout .cta--wrapper {
    margin-top: .5em
}

.profile--main .profile--wrapper .casino-promo--layout .cta--wrapper .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #04cb29;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.profile--main .profile--wrapper .author--layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0
}

.profile--main .profile--wrapper .author--layout .photo-wrapper {
    width: 50px;
    flex-shrink: 0
}

.profile--main .profile--wrapper .author--layout .photo-wrapper img {
    max-width: 100%;
    height: auto;
    display: block
}

.profile--main .profile--wrapper .author--layout .info-wrapper {
    flex-grow: 2;
    margin-left: 1em
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl {
    margin: 0;
    padding: 0
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dt span.name {
    font-weight: 800;
    font-size: 1.5em
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dt span.tag {
    font-size: .7em;
    text-transform: uppercase;
    background-color: #ffc530;
    color: #000;
    border-radius: 5px;
    padding: .25em .5em;
    margin-left: 1em;
    margin-top: -.75em
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dd {
    margin: 0;
    padding: 0
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dd.about {
    font-size: .9em;
    padding: .5em 1em .5em 0
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dd.history {
    font-size: .8em;
    color: #707380;
    padding: .5em 0
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dd.social {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: .5em 0
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dd.social a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #9cb1c6;
    width: 1.5em;
    height: 1.5em;
    margin-right: .5em
}

.profile--main .profile--wrapper .author--layout .info-wrapper dl dd.social a svg {
    width: 1em;
    height: 1em;
    fill: #fff
}

.profile--main .profile--wrapper .bonus--layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding-bottom: 1em
}

.profile--main .profile--wrapper .bonus--layout .type--wrapper {
    background-color: #c7d1ff;
    color: #0048a2;
    font-size: .75em;
    text-transform: uppercase;
    padding: .25em 1.25em;
    margin-bottom: 1em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.profile--main .profile--wrapper .bonus--layout .info--wrapper {
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
    padding: 0 1em 0 1em;
    line-height: 1.1em
}

.profile--main .profile--wrapper .bonus--layout .info--wrapper a {
    display: inline-block;
    padding-top: .5em;
    text-decoration: none;
    color: inherit
}

.profile--main .profile--wrapper .bonus--layout .note--wrapper {
    align-self: stretch;
    font-size: .8em;
    color: #707380;
    padding-bottom: 1em;
    padding: 0 1.25em 1em 1.25em
}

.profile--main .profile--wrapper .bonus--layout .note--wrapper ul, .profile--main .profile--wrapper .bonus--layout .note--wrapper ol {
    margin: 0;
    padding: .5em
}

.profile--main .profile--wrapper .bonus--layout .note--wrapper ul li, .profile--main .profile--wrapper .bonus--layout .note--wrapper ol li {
    margin: .5em 0;
    line-height: 1.1em
}

.profile--main .profile--wrapper .bonus--layout .note--wrapper p {
    padding: 0;
    line-height: 1.3em
}

.profile--main .profile--wrapper .bonus--layout .note--wrapper a {
    color: inherit
}

.profile--main .profile--wrapper .vote--layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .vote--layout {
        flex-direction: column
    }
}

.profile--main .profile--wrapper .vote--layout .title--wrapper {
    flex-grow: 2
}

.profile--main .profile--wrapper .vote--layout .title--wrapper h2 {
    margin-bottom: .5em
}

.profile--main .profile--wrapper .vote--layout .action--wrapper {
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .vote--layout .action--wrapper {
        width: 100%
    }
}

.profile--main .profile--wrapper .vote--layout .action--wrapper .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    margin-left: .75em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .vote--layout .action--wrapper .button {
        margin: 1em .75em 0 0
    }
}

.profile--main .profile--wrapper .vote--layout .action--wrapper .button.btn-4 {
    background-color: #04cb29
}

.profile--main .profile--wrapper .vote--layout .action--wrapper .button.btn-5 {
    background-color: #d03e3e
}

.profile--main .profile--wrapper .vote--layout .action--wrapper .button:disabled, .profile--main .profile--wrapper .vote--layout .action--wrapper .button[disabled] {
    border: 1px solid #999;
    background-color: #ccc;
    color: #666;
    cursor: unset
}

.profile--main .profile--wrapper .tags--layout {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin: 1em 0
}

.profile--main .profile--wrapper .tags--layout.show-all .hide {
    display: flex
}

.profile--main .profile--wrapper .tags--layout.show-all .more {
    display: none
}

.profile--main .profile--wrapper .tags--layout span {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #9cb1c6;
    border-radius: .4em;
    padding: .3em .75em;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    margin: 0 .5em .5em 0;
    font-size: 1em;
    color: #fff;
    font-weight: 800
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .tags--layout span {
        font-size: .8em
    }
}

.profile--main .profile--wrapper .tags--layout span.hide {
    display: none
}

.profile--main .profile--wrapper .tags--layout span.more {
    background-color: transparent;
    color: #9cb1c6;
    outline: 2px solid #9cb1c6;
    outline-offset: -2px;
    cursor: pointer
}

.profile--main .profile--wrapper .kv--layout {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #f1f5f9;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 1em 0 .5em 0
}

.profile--main .profile--wrapper .kv--layout.half dl dt {
    min-width: 50%;
    text-align: right;
    padding-right: 2em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .kv--layout.half dl dt {
        min-width: unset;
        text-align: left
    }
}

.profile--main .profile--wrapper .kv--layout dl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    border-bottom: 1px solid #dfe7ef;
    margin: 0;
    padding: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .kv--layout dl {
        flex-direction: column;
        align-items: flex-start
    }
}

.profile--main .profile--wrapper .kv--layout dl:last-child {
    border-bottom: none
}

.profile--main .profile--wrapper .kv--layout dl dt {
    font-weight: 800;
    color: #9cb1c6;
    font-weight: 800;
    font-size: .9em;
    margin: 0;
    padding: .75em 1em .75em 0;
    min-width: 120px;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .kv--layout dl dt {
        min-width: auto;
        padding: .5em 0 0 0
    }
}

.profile--main .profile--wrapper .kv--layout dl dd {
    margin: 0;
    padding: .75em 0;
    font-size: .9em;
    flex-grow: 2
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .kv--layout dl dd {
        padding: .25em 0 1em 0
    }
}

.profile--main .profile--wrapper .kv--layout dl dd a {
    color: #1589ff
}

.profile--main .profile--wrapper .kv--layout dl dd p {
    margin: 0
}

.profile--main .profile--wrapper .kv--layout dl dd p.opened .more-list {
    display: inline
}

.profile--main .profile--wrapper .kv--layout dl dd p.opened .more {
    display: none
}

.profile--main .profile--wrapper .kv--layout dl dd p.opened .less {
    display: inline
}

.profile--main .profile--wrapper .kv--layout dl dd p .more, .profile--main .profile--wrapper .kv--layout dl dd p .less {
    color: #78909c;
    cursor: pointer
}

.profile--main .profile--wrapper .kv--layout dl dd p .more-list {
    display: none
}

.profile--main .profile--wrapper .kv--layout dl dd p .less {
    display: none
}

.profile--main .profile--wrapper .kv-icon--layout {
    margin: 1em 0 0 0
}

.profile--main .profile--wrapper .kv-icon--layout .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    border-bottom: 1px solid #dfe7ef;
    padding: .25em 0 .75em 0
}

.profile--main .profile--wrapper .kv-icon--layout .item:last-child {
    border-bottom: none
}

.profile--main .profile--wrapper .kv-icon--layout .item .icon--wrapper {
    flex-shrink: 0;
    margin-right: 1em
}

.profile--main .profile--wrapper .kv-icon--layout .item .icon--wrapper svg {
    width: 2em;
    height: 2em;
    fill: #9cb1c6
}

.profile--main .profile--wrapper .kv-icon--layout .item dl {
    flex-grow: 2;
    margin: 0;
    padding: 0
}

.profile--main .profile--wrapper .kv-icon--layout .item dl dt {
    margin: 0;
    padding: .5em 0;
    font-weight: 800;
    color: #9cb1c6
}

.profile--main .profile--wrapper .kv-icon--layout .item dl dd {
    margin: 0;
    padding: 0
}

.profile--main .profile--wrapper .geo--layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1em 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .geo--layout {
        flex-direction: column
    }
}

.profile--main .profile--wrapper .geo--layout .map--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 2;
    position: relative;
    flex-shrink: 1
}

.profile--main .profile--wrapper .geo--layout .map--wrapper svg {
    max-width: 100%;
    height: auto;
    display: block
}

.profile--main .profile--wrapper .geo--layout .map--wrapper svg path {
    fill: #f1f5f9
}

.profile--main .profile--wrapper .geo--layout .map--wrapper svg path.a {
    fill: #04cb29
}

.profile--main .profile--wrapper .geo--layout .map--wrapper svg path.r {
    fill: #dfe7ef
}

.profile--main .profile--wrapper .geo--layout .map--wrapper .legend {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: .5em;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    bottom: .5em;
    left: .5em;
    font-size: .7em
}

.profile--main .profile--wrapper .geo--layout .map--wrapper .legend .item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .25em 0
}

.profile--main .profile--wrapper .geo--layout .map--wrapper .legend .item .color {
    height: 1em;
    width: 1em;
    border-radius: 50%
}

.profile--main .profile--wrapper .geo--layout .map--wrapper .legend .item .color.allow {
    background-color: #04cb29
}

.profile--main .profile--wrapper .geo--layout .map--wrapper .legend .item .color.deny {
    background-color: #dfe7ef
}

.profile--main .profile--wrapper .geo--layout .map--wrapper .legend .item .title {
    color: #000;
    padding-left: .5em
}

.profile--main .profile--wrapper .geo--layout .tags--layout {
    width: 200px;
    font-size: .8em;
    margin-left: 2em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .geo--layout .tags--layout {
        width: 100%;
        margin: 1em 0 0 0
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 {
    margin: 1.5em 0
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    overflow: initial
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row.is-page {
    padding: 1em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row.is-page a {
    font-size: 1.3em;
    color: #000;
    font-weight: 700
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row.opened .row-body .more-info .button.more svg.plus {
    display: none
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row.opened .row-body .more-info .button.more svg.minus {
    display: block
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row.opened .row-content {
    display: flex
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    min-height: 140px;
    width: 100%
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body {
        flex-direction: column
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 180px;
    padding: 1em 1em 1em 1.75em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-logo {
        padding: 1em;
        align-self: center
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-logo img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: .75em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .more-info {
    padding: 0 .5em;
    margin: 0 0 1em 0
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .more-info .button.more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    background: transparent;
    border: none;
    cursor: pointer
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .more-info .button.more svg {
    height: 1.5em;
    width: 1.5em;
    margin-right: .5em;
    fill: #607d8b
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .more-info .button.more svg.minus {
    display: none
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .more-info .button.more span {
    font-size: 1.2em;
    color: #607d8b
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 2;
    flex-shrink: 1
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .promo-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .promo-wrapper {
        justify-content: center
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .promo-wrapper .no-deposit {
    background-color: #ffc530;
    border-radius: 0;
    padding: .35em 1em;
    overflow: hidden;
    box-sizing: border-box;
    color: #242526;
    font-size: 1em;
    font-weight: 700;
    margin: 1em 1em -.5em 1em;
    border-radius: 5px
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .title {
    padding: .25em 1em;
    line-height: 1.6em;
    margin-top: 1em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .title {
        text-align: center;
        line-height: 1.4em
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .title a {
    color: #000;
    font-size: 1.5em;
    text-decoration: none
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .title a span {
    font-weight: 700
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .title .tooltip {
    display: inline-block;
    vertical-align: middle;
    margin-left: .15em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .title .tooltip .tooltip-init svg {
    width: 1.2em;
    height: 1.2em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .spacer {
    flex-grow: 2
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .geo {
    padding: .75em 1em;
    font-size: 1em;
    font-weight: 700
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .geo .message {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .geo .message {
        justify-content: center
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .geo .message.yes {
    color: #2e7d32
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .geo .message.no {
    color: #f83030
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .geo .message img {
    display: block;
    margin-right: .5em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .created {
    font-size: .8em;
    color: #90a4ae;
    padding: 1em 0 1em 1.25em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-promo .more-info {
        display: none
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick {
    width: 300px;
    padding-right: 1em;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick {
        width: calc(100% - 2em);
        margin: 0 1em
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .kv--layout {
    padding: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .kv--layout dl {
        flex-direction: row
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .kv--layout dl dt {
    padding: .5em 1em;
    min-width: 145px;
    white-space: nowrap
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .kv--layout dl dd {
    padding: .5em 1em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0 0 .5em 0
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .button {
    color: #fff;
    font-weight: 700;
    padding: .5em 1em;
    font-size: .9em;
    line-height: 1em;
    text-decoration: none;
    border-radius: 10px;
    background: #04cb29;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: .5em 0
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .button.go {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
    transform: perspective(1px) translatez(0);
    box-shadow: 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .button.go::before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .button.go:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .button.go svg {
    fill: #fff;
    width: 1.5em;
    height: 1.5em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .button.go span {
    margin-left: .5em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .cta .review {
    margin: 0 1em 0 0;
    flex-grow: 2;
    text-align: center;
    text-decoration: underline;
    color: #000
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .more-info {
    display: none
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .row-quick .more-info {
        display: flex;
        margin: 1em 0 1em -.75em
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip {
    position: relative;
    margin-left: .5em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip[data-direction="left"] .tooltip-init:hover ~ .tooltip-text {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip[data-direction="left"] .tooltip-text {
    top: 50%;
    right: calc(100% + 1em);
    transform: translate3d(15px, -50%, 0);
    box-sizing: border-box
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip[data-direction="left"] .tooltip-text:after {
    top: 50%;
    right: -.45em;
    transform: translate3d(0, -50%, 0);
    border-width: .5em 0 .5em .5em;
    border-color: transparent transparent transparent white;
    -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
    filter: drop-shadow(1px 2px 1px #bcbcbc)
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip .tooltip-init {
    cursor: pointer;
    z-index: 5
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip .tooltip-init svg {
    width: 2em;
    height: 2em;
    fill: #607d8b
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip .tooltip-text {
    position: absolute;
    width: 400px;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all .25s cubic-bezier(0, 0, .2, 1);
    color: #484848;
    border: 1px solid #cecece;
    border-radius: 3px;
    font-weight: 500;
    box-shadow: 0 2px 1px #bcbcbc;
    z-index: 4
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip .tooltip-text {
        width: 270px
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip .tooltip-text:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-body .tooltip .tooltip-text p {
    padding: 0;
    margin: 0;
    font-size: .9em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    display: none;
    border-top: 1px solid #e0e0e0;
    padding: 1em 1em 1em 1.5em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content {
        flex-direction: column;
        padding: 1em
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .intro {
    flex-grow: 2;
    padding: 0 1em 0 0;
    font-size: 16px
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .intro ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style: none;
    padding: 0 1.5em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .intro ul {
        font-size: .9em;
        margin: 0 0 0 1em;
        padding: 0 1em;
        line-height: 1.4em
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .intro ul li {
    display: inline;
    line-height: 1.3em;
    margin: .15em 0;
    position: relative
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .intro ul li::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #242526;
    border-radius: 50%;
    top: 50%;
    left: -20px;
    flex-shrink: 0;
    position: absolute;
    top: .4em;
    left: -1.25em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features {
    width: 400px;
    flex-shrink: 0
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features {
        width: 100%;
        margin: 1em 0
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features ul {
    border: 1px solid #e0e0e0;
    list-style: none;
    margin: 0;
    padding: 1em 1em 1em 1.5em;
    font-size: 1em
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: .5em 0
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features ul li::before {
    content: none !important
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features ul li svg {
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    fill: #2f8f41
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features ul li span {
    margin-left: 1em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features ul li span {
        font-size: 1em
    }
}

.profile--main .profile--wrapper .table--layout .fs24-table-wrapper-v1 .table-row .row-content .features .terms {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #eee;
    border-radius: .4em;
    padding: 1.5em 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    flex-shrink: 0;
    font-size: .9em;
    color: #90a4ae;
    margin-top: 1em
}

.profile--main .profile--wrapper .table--layout .fs24--sorting.shortcoded {
    margin-top: 1.5em
}

.profile--main .profile--wrapper .table--layout .fs24--sorting span {
    color: #607d8b
}

.profile--main .profile--wrapper .table--layout .fs24--sorting span.d {
    color: #b0bec5
}

.profile--main .profile--wrapper .table--layout .fs24--sorting a {
    color: #0288d1;
    text-decoration: none
}

.profile--main .profile--wrapper .table--layout .fs24--sorting a:hover {
    text-decoration: underline
}

.profile--main .profile--wrapper .table--layout .fs24--sorting a.active {
    color: #000;
    font-weight: 700
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load {
    color: #fff;
    font-weight: 700;
    padding: .5em 1em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: 10px;
    background: #2f8f41;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: .5em 0
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.go {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
    transform: perspective(1px) translatez(0);
    box-shadow: 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.go::before {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.go:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.go svg {
    fill: #fff;
    width: 1.5em;
    height: 1.5em
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.go span {
    margin-left: .5em
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.loading {
    background-color: #e0e0e0
}

.profile--main .profile--wrapper .fs24--rows-wrapper .fs24--action .button.load.hide {
    display: none
}

.profile--main .profile--wrapper .faq--layout dl {
    margin: 0;
    padding: 1em 0;
    border-bottom: 1px solid #dfe7ef
}

.profile--main .profile--wrapper .faq--layout dl:last-child {
    border-bottom: none
}

.profile--main .profile--wrapper .faq--layout dl.opened dt svg {
    transform: rotate(0)
}

.profile--main .profile--wrapper .faq--layout dl.opened dd {
    display: block
}

.profile--main .profile--wrapper .faq--layout dl dt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    font-weight: 800;
    padding: .25em 0;
    cursor: pointer
}

.profile--main .profile--wrapper .faq--layout dl dt svg {
    width: 2em;
    height: 2em;
    transform: rotate(180deg);
    flex-shrink: 0
}

.profile--main .profile--wrapper .faq--layout dl dd {
    margin: 0;
    padding: 0;
    display: none
}

.profile--main .profile--wrapper .faq--layout dl dd p {
    color: #000
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-bottom: 1.5em
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .user-review--layout .header--wrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper {
    position: relative;
    cursor: default
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .glsr-button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #1589ff;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #1589ff;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .button {
        margin-top: 1em
    }
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 20;
    display: none
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-panel {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    display: none;
    position: fixed;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    min-height: 700px
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-panel {
        width: 95%;
        height: 90%;
        min-height: auto;
        overflow-y: scroll
    }
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-panel .close {
    background: none;
    padding: 0;
    border: none;
    cursor: pointer;
    position: fixed;
    top: .75em;
    right: .75em
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-panel .close svg {
    width: 1.5em;
    height: 1.5em;
    fill: #000
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-panel .glsr {
    width: 100%
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper .ur-panel .glsr .glsr-loading {
    display: none
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper.opened .ur-overlay {
    display: block
}

.profile--main .profile--wrapper .user-review--layout .header--wrapper .action--wrapper.opened .ur-panel {
    display: flex
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #f1f5f9;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 1em 0
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper:last-child {
    margin-bottom: .5em
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .icon--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 120px;
    flex-shrink: 0
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .icon--wrapper img {
    max-width: 100%;
    height: auto;
    display: block
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper {
    flex-grow: 2;
    margin-left: 1em
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-bottom: 1em
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .header .meta .author {
    color: #707380;
    font-size: .9em;
    margin-bottom: .5em
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .header .meta .subject {
    font-size: 1.4em;
    font-weight: 800
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .header .rate {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    background-color: #ffc530;
    padding: .25em .5em;
    border-radius: .5em
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .header .rate svg {
    width: 1em;
    height: 1em;
    fill: #000
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .header .rate span {
    color: #000;
    margin-left: .25em
}

.profile--main .profile--wrapper .user-review--layout .review--wrapper .main--wrapper .body {
    margin: .5em 0;
    line-height: 1.6em;
    color: #707380
}

.profile--main .profile--wrapper .emaillist .es_subscription_form .es-field-wrap {
    margin: 1em 0
}

.profile--main .profile--wrapper .emaillist .es_subscription_form .es-field-wrap label {
    color: #000
}

.profile--main .profile--wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name {
    border: 2px solid;
    padding: .35em .5em;
    margin: 0;
    border-radius: 0;
    font-size: 1em;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    padding: .5em;
    margin: .5em 0 0 0;
    border-radius: 3px;
    border: 1px solid #a3a3a3
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name {
        width: 100%
    }
}

.profile--main .profile--wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email {
    border: 2px solid;
    padding: .35em .5em;
    margin: 0;
    border-radius: 0;
    font-size: 1em;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    padding: .5em;
    margin: .5em 0 0 0;
    border-radius: 3px;
    border: 1px solid #a3a3a3
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email {
        width: 100%
    }
}

.profile--main .profile--wrapper .emaillist .es_subscription_form .es_submit_button {
    color: #fff;
    font-weight: 700;
    padding: .75em 1.5em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: #1589ff;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer;
    margin-top: 1em
}

.profile--main .profile--wrapper .emaillist .es_subscription_form .es_spinner_image {
    display: none !important
}

.profile--main .profile--wrapper .emaillist .es_subscription_message {
    margin: 1em 0;
    padding: .5em 1em;
    color: #fff
}

.profile--main .profile--wrapper .emaillist .es_subscription_message.error {
    display: inline-block;
    background-color: #d03e3e
}

.profile--main .profile--wrapper .emaillist .es_subscription_message.success {
    display: inline-block;
    background-color: #04cb29
}

.profile--main .profile--wrapper .popup--layout {
    position: relative;
    cursor: default
}

.profile--main .profile--wrapper .popup--layout .panel-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 20;
    display: none
}

.profile--main .profile--wrapper .popup--layout .box-panel {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 1.5em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    display: none;
    position: fixed;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    min-height: 600px
}

@media (max-width: 800px) {
    .profile--main .profile--wrapper .popup--layout .box-panel {
        width: 95%;
        height: 90%;
        min-height: auto;
        overflow-y: scroll
    }
}

.profile--main .profile--wrapper .popup--layout .box-panel .close {
    background: none;
    padding: 0;
    border: none;
    cursor: pointer;
    position: fixed;
    top: .75em;
    right: .75em
}

.profile--main .profile--wrapper .popup--layout .box-panel .close svg {
    width: 1.5em;
    height: 1.5em;
    fill: #000
}

.profile--main .profile--wrapper .popup--layout.opened .panel-overlay {
    display: block
}

.profile--main .profile--wrapper .popup--layout.opened .box-panel {
    display: flex
}

.error404-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 2em 0
}

.error404-wrapper h1 {
    font-size: 2em;
    text-align: center
}

.error404-wrapper h2.title {
    font-size: 5em;
    padding: 0;
    margin: .25em 0;
    text-align: center
}

.error404-wrapper p {
    font-size: 1.1em;
    text-align: center
}

.error404-wrapper .search-wrapper {
    width: 700px;
    padding: 2em 0
}

@media (max-width: 800px) {
    .error404-wrapper .search-wrapper {
        width: calc(100% - 1em)
    }
}

.form-wrapper .search-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: .5em
}

.form-wrapper .search-form label {
    flex-grow: 2
}

.form-wrapper .search-form label .search-field {
    border: 2px solid;
    padding: .35em .5em;
    margin: 0;
    border-radius: 0;
    font-size: 1em;
    outline: none;
    width: 200px;
    box-sizing: border-box;
    width: 100%;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.form-wrapper .search-form button.search-submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    color: #fff;
    font-weight: 700;
    padding: 0 0 0 .5em;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    border-radius: .5em;
    background: transparent;
    white-space: nowrap;
    outline: none;
    border: none;
    cursor: pointer
}

.form-wrapper .search-form button.search-submit .icon-search {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0
}

.form-wrapper .search-form button.search-submit .icon-search svg {
    height: 1em;
    width: 1em
}

.ui-wizard {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-wrap: wrap;
    width: 100%;
    margin: 1em 0
}

@media (max-width: 800px) {
    .ui-wizard {
        flex-direction: column
    }
}

.ui-wizard.home .step {
    width: calc(100% / 2 - 1.5em)
}

@media (max-width: 800px) {
    .ui-wizard.home .step {
        width: calc(100% - 1.5em);
        flex-direction: column
    }
}

.ui-wizard .step {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #eceff1;
    border-radius: .4em;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    width: calc(100% - 1.5em);
    flex-shrink: 0;
    margin: .75em
}

@media (max-width: 800px) {
    .ui-wizard .step {
        width: calc(100% - 1.5em);
        flex-direction: column
    }
}

.ui-wizard .step .media-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 200px
}

.ui-wizard .step .media-wrapper.step-1 {
    background-color: #d8fcfb
}

.ui-wizard .step .media-wrapper.step-2 {
    background-color: #ffecb3
}

.ui-wizard .step .media-wrapper.step-3 {
    background-color: #c4aeeb
}

.ui-wizard .step .media-wrapper.step-4 {
    background-color: #dcecc7
}

@media (max-width: 800px) {
    .ui-wizard .step .media-wrapper {
        width: 100%
    }
}

.ui-wizard .step .media-wrapper img {
    width: 100%;
    height: auto
}

.ui-wizard .step .info {
    padding: .7em 1.5em
}

.ui-wizard .step .info h4 {
    font-size: 1.2em;
    padding: 0;
    margin: 0
}

.ui-wizard .step .info p {
    font-size: .9em;
    color: #424242;
    line-height: 1.25em;
    margin-bottom: 0
}

.ui-pages {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 1.5em 0
}

.ui-pages.col-3 .page {
    width: calc(100% / 3 - 2em)
}

@media (max-width: 800px) {
    .ui-pages.col-3 .page {
        width: calc(100% - 2em);
        margin-bottom: 1em
    }
}

.ui-pages.col-4 .page {
    width: calc(100% / 4 - 2em)
}

@media (max-width: 800px) {
    .ui-pages.col-4 .page {
        width: calc(100% - 2em);
        margin-bottom: 1em
    }
}

@media (max-width: 800px) {
    .ui-pages {
        flex-direction: column;
        padding-top: 1.5em;
        margin-bottom: -1em
    }
}

.ui-pages .page {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    text-decoration: none;
    margin: 0 1em;
    font-size: 12pt;
    text-decoration: none !important
}

.ui-pages .page .media-wrapper {
    margin-bottom: .5em;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box
}

.ui-pages .page .media-wrapper img {
    display: block;
    width: 100%;
    height: auto
}

.ui-pages .page span {
    color: #000;
    font-size: 1.2em;
    font-weight: 700;
    text-align: center
}

.ui-pages a:hover span {
    color: #607d8b
}

.fs24-bonus-detail {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin: 1em 0
}

.fs24-bonus-detail h2 {
    width: 100%;
    margin: .5em .25em !important
}

.fs24-bonus-detail .bonus-data {
    background-color: #e1deed;
    border-radius: .4em;
    padding: .75em 1em;
    overflow: hidden;
    box-sizing: border-box;
    width: calc(100% / 3 - 1em);
    flex-grow: 2;
    margin: .5em .5em
}

@media (max-width: 800px) {
    .fs24-bonus-detail .bonus-data {
        width: calc(100% - 1em)
    }
}

.fs24-bonus-detail .bonus-data.wide {
    width: calc(100% - 1em)
}

.fs24-bonus-detail .bonus-data.half {
    width: calc(50% - 1em)
}

@media (max-width: 800px) {
    .fs24-bonus-detail .bonus-data.half {
        width: calc(100% - 1em)
    }
}

.fs24-bonus-detail .bonus-data .key {
    text-transform: uppercase;
    color: #78909c;
    font-size: .8em;
    border-bottom: 1px solid #b0bec5;
    padding-bottom: .5em
}

.fs24-bonus-detail .bonus-data .value {
    padding: .5em 0;
    font-size: 1.1em;
    font-weight: 800
}

.fs24-bonus-detail .bonus-data .value p {
    margin: 0
}

.fs24-bonus-detail .bonus-data .value p.opened .more-list {
    display: inline
}

.fs24-bonus-detail .bonus-data .value p.opened .more {
    display: none
}

.fs24-bonus-detail .bonus-data .value p.opened .less {
    display: inline
}

.fs24-bonus-detail .bonus-data .value p .more, .fs24-bonus-detail .bonus-data .value p .less {
    color: #78909c;
    cursor: pointer
}

.fs24-bonus-detail .bonus-data .value p .more-list {
    display: none
}

.fs24-bonus-detail .bonus-data .value p .less {
    display: none
}

.nav-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0 0 1em 0
}

.nav-links .page-numbers {
    padding: .5em .75em;
    text-decoration: none;
    background-color: #cfd8dc;
    color: #000;
    font-size: 1.1em;
    margin: 0 .35em;
    border-radius: 1.5em;
    min-width: .8em;
    text-align: center
}

@media (max-width: 800px) {
    .nav-links .page-numbers {
        font-size: .6em;
        padding: .5em .75em
    }
}

.nav-links span {
    font-size: 1.1em;
    padding: .5em .75em
}

@media (max-width: 800px) {
    .nav-links span {
        font-size: .6em
    }
}

.nav-links span.dots {
    background-color: transparent
}

.nav-links span.current {
    background-color: #8e24aa;
    color: #fff;
    font-weight: 700
}

.ui-table-wrapper {
    margin: 1.5em 0
}

@media (max-width: 800px) {
    .ui-table-wrapper {
        padding: 0;
        margin: 1.5em -1em
    }
}

.ui-table-wrapper table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: .5em
}

@media (max-width: 800px) {
    .ui-table-wrapper table {
        font-size: .8em
    }
}

.ui-table-wrapper table tbody tr td {
    padding: .75em 1em
}

.ui-table-wrapper.dark table {
    background-color: #fff
}

.ui-table-wrapper.dark table tr:nth-child(even) {
    background-color: #fff
}

.ui-table-wrapper.dark table tr:nth-child(odd) {
    background-color: #e0e0e0
}

.ui-table-wrapper.dark table tr td {
    color: #000
}

.ui-table-wrapper.dark table tr td a {
    color: #000
}

.ui-table-wrapper.light table tr:nth-child(even) {
    background-color: #fafafa
}

.ui-table-wrapper.light table tr:nth-child(odd) {
    background-color: #fff
}

.ui-table-wrapper.key tbody tr td:first-child {
    width: 200px;
    font-weight: 700
}

@media (max-width: 800px) {
    .ui-table-wrapper.key tbody tr td:first-child {
        width: 100px
    }
}