@import url("/ua/theme/style/plugins/nice-select.css");

@media (min-width: 768px) {
    @font-face {
        font-family: "Roboto";
        src: url("/theme/fonts/RobotoRegular.eot");
        src: url("/theme/fonts/RobotoRegular.eot") format("embedded-opentype"), url("RobotoRegular.woff2") format("woff2"), url("/theme/fonts/RobotoRegular.woff") format("woff"), url("/theme/fonts/RobotoRegular.ttf") format("truetype"), url("/theme/fonts/RobotoRegular.svg#RobotoRegular") format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }@font-face {
    font-family: "Roboto";
    src: url("/theme/fonts/RobotoMedium.eot");
    src: url("/theme/fonts/RobotoMedium.eot") format("embedded-opentype"), url("/theme/fonts/RobotoMedium.woff2") format("woff2"), url("/theme/fonts/RobotoMedium.woff") format("woff"), url("/theme/fonts/RobotoMedium.ttf") format("truetype"), url("/theme/fonts/RobotoMedium.svg#RobotoMedium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}@font-face {
    font-family: "Roboto";
    src: url("/theme/fonts/RobotoBold.eot");
    src: url("/theme/fonts/RobotoBold.eot") format("embedded-opentype"), url("/theme/fonts/RobotoBold.woff2") format("woff2"), url("/theme/fonts/RobotoBold.woff") format("woff"), url("/theme/fonts/RobotoBold.ttf") format("truetype"), url("/theme/fonts/RobotoBold.svg#RobotoBold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}@font-face {
    font-family: "BebasNeue";
    src: url("/theme/fonts/BebasNeueBold.eot");
    src: url("/theme/fonts/BebasNeueBold.eot") format("embedded-opentype"), url("/theme/fonts/BebasNeueBold.woff2") format("woff2"), url("/theme/fonts/BebasNeueBold.woff") format("woff"), url("/theme/fonts/BebasNeueBold.ttf") format("truetype"), url("/theme/fonts/BebasNeueBold.svg#BebasNeueBold") format("svg");
    font-weight: 700;
    font-style: normal
}
}

.header-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding: 6px 0 0
}

.header {
    display: flex
}

.header .logo-wrapper {
    max-width: 200px;
    margin-right: 2em
}

.header .logo-wrapper a {
    height: 100%;
    display: flex;
    align-items: center
}

.header .menu {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

.header .menu .menu-item[data-root=yes] {
    position: relative;
    padding: 0;
    margin: 0 10px
}

.header .menu .menu-item[data-root=yes] .menu-icon {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    border-radius: 7px;
    color: #333;
    position: relative;
    text-transform: uppercase
}

.header .menu .menu-item[data-root=yes]:hover {
    border-radius: 7px;
    background: rgba(0, 0, 0, .05)
}

.header .menu .menu-child {
    display: none;
    z-index: 999
}

.menu-icon:before {
    content: " ";
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: cover;
    transition: .3s
}

.menu-child .menu-item {
    margin: 0;
    opacity: 1;
    transition: .3s
}

.menu-child {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .4)
}

.menu-child a {
    display: block;
    padding: 10px 15px;
    text-transform: none;
    color: #444;
    font-size: 13px;
    font-weight: 700;
    position: relative
}

.menu-child a:before {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    left: -10px;
    background-image: url("icon-arrow-down.svg");
    -webkit-background-size: cover;
    background-size: cover;
    opacity: .2;
    margin-right: 5px;
    transform: rotate(270deg)
}

.menu-child a:after {
    padding: 1px 5px;
    background: #66b9d9;
    color: #eee;
    display: inline-block;
    border-radius: 5px;
    font-size: 11px;
    position: absolute;
    right: 6px;
    top: 8px
}

.menu-child:before {
    content: "";
    display: block;
    width: 0;
    height: 15px;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    left: 50%;
    top: -15px
}

.menu-child:after {
    content: " ";
    display: block;
    width: 100%;
    top: -15px;
    position: absolute;
    height: 15px
}

.menu-child .menu-item:hover {
    background: #f3f3f3;
    border-radius: 5px
}

#menu-item-2 .menu-icon:before {
    background-image: url("/theme/images/icons/icon-casinos.svg")
}

#menu-item-3 .menu-icon:before {
    background-image: url("/theme/images/icons/icon-slots.svg")
}

#menu-item-294 .menu-icon:before {
    background-image: url("/theme/images/icons/icon-bonuses.svg")
}

#menu-item-4 .menu-icon:before {
    background-image: url("/theme/images/icons/icon-payments.svg")
}

.meta-menu {
    text-align: right;
    border-bottom: solid 1px #ddd;
    width: 100%
}

.meta-menu a {
    display: inline-block;
    padding: 10px 5px;
    color: #666
}

@keyframes alarm {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(-3deg)
    }
    50% {
        transform: rotate(0deg)
    }
    75% {
        transform: rotate(3deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.header-alarm {
    display: flex;
    justify-content: end;
    align-items: center;
    cursor: pointer;
    position: relative
}

.header-alarm-2:before {
    content: "CASINO";
    padding: 2px 5px;
    background: #2ab6f2;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin-right: 5px
}

.header-alarm-3:before {
    content: "SLOT";
    padding: 2px 5px;
    background: #87c750;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin-right: 5px
}

.header-alarm-4:before {
    content: "PROVIDER";
    padding: 2px 5px;
    background: #000;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin-right: 5px
}

.header-alarm-casinos-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-alarm-casinos-title {
    font-weight: 700;
    text-align: center;
    margin: 5px 0;
    border-bottom: solid 1px #e3e6e9;
    padding-bottom: .7em
}

.header-alarm-casinos-link {
    padding: 10px 85px 10px 15px;
    text-transform: none;
    color: #444;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 5px;
    transition: .5s
}

.header-alarm-casinos-link:hover {
    background: rgba(0, 0, 0, .1)
}

.header-alarm-casinos-menutitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.header-alarm-casinos-date {
    font-weight: 100;
    position: absolute;
    right: 5px
}

.header-alarm .icon-alarm {
    position: relative
}

.header-alarm .icon-alarm:hover {
    animation-duration: .4s;
    animation-name: alarm
}

.header-alarm .icon-alarm:before {
    content: "5";
    color: #fff;
    width: 16px;
    height: 16px;
    background: #ea3748;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    position: absolute;
    top: -4px;
    right: -4px;
    border: solid 1px rgba(0, 0, 0, .15);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    opacity: .8
}

.header-alarm-casinos {
    display: none
}

.header-alarm-hide-numbers:before {
    display: none !important
}

.header-alarm-casinos-show {
    position: absolute;
    display: block;
    left: auto;
    right: 0;
    background: #fff;
    width: 280px;
    margin: 0;
    list-style: none;
    border-radius: 4px;
    top: 115%;
    padding: 10px;
    box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .1)
}

#hamburger {
    display: none
}

@media (min-width: 768px) {
    .menu-item:hover .menu-child {
        position: absolute;
        display: block;
        left: 0;
        background: #fff;
        width: 280px;
        margin: 0;
        list-style: none;
        border-radius: 4px;
        top: 115%;
        padding: 10px;
        transform: translate(-22%, 0%)
    }

    .header {
        position: relative
    }

    .header .header-alarm {
        position: absolute;
        right: 10px;
        top: 10px
    }
}

@media (max-width: 768px) {
    #hamburger {
        display: block;
        order: -1;
        background: #2cb3f1;
        padding: 10px;
        border-radius: 7px;
        zoom: .5
    }

    .nav-icon-4 {
        width: 35px;
        height: 30px;
        margin: 10px;
        position: relative;
        cursor: pointer;
        display: inline-block
    }

    .nav-icon-4 span {
        background-color: #fff;
        position: absolute;
        border-radius: 2px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4)
    }

    .nav-icon-4 span:nth-child(1) {
        width: 100%;
        height: 4px;
        display: block;
        top: 0;
        left: 0
    }

    .nav-icon-4 span:nth-child(2) {
        width: 100%;
        height: 4px;
        display: block;
        top: 13px;
        left: 0
    }

    .nav-icon-4 span:nth-child(3) {
        width: 100%;
        height: 4px;
        display: block;
        bottom: 0;
        left: 0
    }

    .nav-icon-4:not(.open):hover span:nth-child(1) {
        width: 100%;
        height: 4px;
        display: block;
        top: -2px;
        left: 0;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4)
    }

    .nav-icon-4:not(.open):hover span:nth-child(2) {
        width: 100%;
        height: 4px;
        display: block;
        top: 13px;
        left: 0;
        transition: .4s cubic-bezier(.8, .5, .2, 1.4)
    }

    .nav-icon-4:not(.open):hover span:nth-child(3) {
        width: 100%;
        height: 4px;
        display: block;
        bottom: -2px;
        left: 0;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4)
    }

    .nav-icon-4.open {
        transform: rotate(90deg)
    }

    .nav-icon-4.open span:nth-child(1) {
        left: 3px;
        top: 12px;
        width: 30px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        transform: rotate(90deg);
        transition-delay: .15s
    }

    .nav-icon-4.open span:nth-child(2) {
        left: 2px;
        top: 20px;
        width: 20px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        transform: rotate(45deg);
        transition-delay: 50ms
    }

    .nav-icon-4.open span:nth-child(3) {
        left: 14px;
        top: 20px;
        width: 20px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        transform: rotate(-45deg);
        transition-delay: .1s
    }

    .header {
        justify-content: space-between;
        align-items: center;
        padding: 0 10px
    }

    .header .logo-wrapper {
        margin: 0
    }

    .header .menu {
        display: none;
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        left: 0;
        width: 80%;
        flex-wrap: wrap;
        top: 59px;
        height: calc(100vh - 59px);
        flex-direction: column;
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
        background: #f4f5f8
    }

    .header .menu-item:hover {
        background: #f4f5f8 !important
    }

    .header .menu-child {
        display: block !important;
        box-shadow: none;
        list-style: none
    }

    .header .menu-child:before, .header .menu-child:after {
        content: none
    }

    .header .header-alarm-casinos {
        right: 0;
        transform: none;
        left: auto;
        top: 50px
    }
}

.footer {
    padding: 3em 0 0;
    background: #f3f6f9
}

.footer-logo {
    width: 35%;
    padding: 1em;
    border-radius: 15px;
    text-align: center;
    border: solid 1px #ddd
}

.footer-logo p {
    text-align: justify
}

.footer-inner {
    display: flex;
    margin-bottom: 1em;
    padding-bottom: 1em;
    position: relative
}

.footer-col {
    margin: 0 2em
}

.footer-col-title {
    font-weight: 700;
    color: #555;
    margin-bottom: 1em;
    text-transform: uppercase
}

.footer-menu {
    display: flex
}

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

.footer-menu-item {
    display: block;
    margin: 7px 0
}

.footer-menu-link {
    color: #888;
    font-size: 13px
}

.footer-media {
    display: flex
}

.footer-social {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 55px
}

.footer-copyright {
    text-align: center;
    color: #666;
    font-size: 11px
}

.footer-brands {
    display: flex;
    justify-content: center;
    padding: 2em 0;
    margin-top: 1em;
    background: #e3e6e9
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

.footer-brands img {
    margin: 0 1em;
    opacity: .4;
    transition: .5s
}

.footer-brands img:hover {
    opacity: .8
}

.footer-18 {
    font-size: 13px;
    font-weight: 700;
    color: #444
}

.lang-selector {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #898989;
    background: #d4d4d4;
    box-sizing: border-box;
    z-index: 1
}

.lang-selector .lang-item {
    display: block;
    text-align: center;
    color: #2f2f2f;
    padding: 5px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    overflow: hidden
}

.lang-selector .lang-item:hover {
    color: #068ed0
}

.lang-selector .lang-item.lang-current {
    color: #068ed0;
    cursor: default
}

@media (max-width: 768px) {
    .footer-inner {
        display: block
    }

    .footer-logo {
        width: 100%
    }

    .footer-menu {
        display: flex;
        flex-wrap: wrap
    }

    .footer-col {
        width: 47%;
        margin: 1em 0;
        padding: 0 10px
    }

    .footer-col-title.mob-hidden {
        display: none
    }

    .footer-brands {
        justify-content: center !important;
        flex-wrap: wrap !important
    }

    .footer-brands a {
        margin-bottom: 10px
    }
}

.homepage-header {
    background: linear-gradient(-90deg, #5c3ae1, #28bbf2);
    margin-bottom: 1.5em;
    padding-top: 4em
}

#page-2 .homepage-header {
    padding-top: 6em
}

.homepage-headline {
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size: 3em;
    color: #fff
}

.homepage-meta-row {
    text-align: right
}

.homepage-last-update {
    display: inline-block;
    font-size: 15px;
    overflow: hidden;
    margin-bottom: -4px
}

.last-update-title {
    padding: 0 12px;
    display: inline-block;
    color: #f6f6f6;
    font-size: 12px;
    font-weight: 700
}

.last-update-date {
    background: #3c45af;
    display: inline-block;
    padding: 10px 12px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 700
}

.last-update-date:before, .last-update-date:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: inherit;
    content: ""
}

.last-update-date:before {
    transform: skew(30deg)
}

.last-update-date:after {
    transform: skew(-30deg)
}

.content {
    font-size: 16px
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

.content {
    color: #3a3e44;
    line-height: 1.5em;
    text-align: justify
}

@media (max-width: 768px) {
    .homepage-headline {
        font-size: 1.7em;
        padding: .5em
    }
}

.casinopage-header {
    margin-top: 5em;
    padding: 3em 0
}

.casinopage-inner {
    display: flex
}

.casinopage-card {
    flex: 0 0 280px
}

.casinopage-info {
    margin-left: 4em;
    flex-basis: 100%;
    display: flex;
    flex-direction: column
}

.casinopage-headline {
    font-size: 1.7em;
    color: #fff
}

.casinopage-headline-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.casinopage-headline .label {
    padding: 5px 10px;
    border-radius: 25px;
    background: #fff;
    color: #333;
    font-size: 14px;
    vertical-align: middle;
    text-transform: uppercase
}

.casinopage-propsandcons-wrapper {
    display: flex
}

.casinopage-features {
    width: 100%;
    padding: 10px 15px;
    margin: 5px
}

.casinopage-features-headline {
    font-size: 22px;
    padding: 7px 0;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 1em
}

.casinopage-features-item {
    color: #eee;
    line-height: 1.5
}

.casinopage-features-list {
    list-style: none !important;
    margin: 0;
    padding: 0
}

.casinopage-features .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 7px
}

.casinopage-convert {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%
}

.casinopage-promocode {
    display: flex;
    margin-bottom: 10px;
    align-items: center
}

.casinopage-promocode-title {
    color: #fff;
    font-size: 14px;
    margin-right: 8px
}

.casinopage-promocode-value {
    color: #fff;
    background: #2d3857;
    padding: 7px 15px;
    flex: 1;
    text-align: center;
    border-radius: 5px;
    border-radius: 8px;
    font-weight: 700;
    background-image: url("data:image/svg+xml,%3csvg width=\'100%25\' height=\'100%25\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3crect width=\'100%25\' height=\'100%25\' fill=\'none\' rx=\'8\' ry=\'8\' stroke=\'white\' stroke-width=\'1\' stroke-dasharray=\'2%2c 2\' stroke-dashoffset=\'3\' stroke-linecap=\'square\'/%3e%3c/svg%3e");
    position: relative;
    cursor: pointer
}

.casinopage-promocode-show {
    position: absolute;
    left: 2px;
    top: 2px;
    height: calc(100% - 4px);
    background: #39ade5;
    display: flex;
    align-items: center;
    width: 77%;
    justify-content: center;
    border-radius: 5px 0 0 5px;
    font-size: 12px;
    cursor: pointer
}

.casinopage-restricte {
    padding: 15px 32px;
    background: rgba(0, 0, 0, .25);
    color: #ddd;
    border-radius: 10px 0 0 10px;
    margin-right: 3px;
    border: solid 1px rgba(0, 0, 0, .1);
    width: 250px
}

.casinopage-convert .btn {
    padding: 15px 35px;
    box-shadow: none
}

.casino-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0px 20px -10px #646464
}

.casino-card-logo {
    border-radius: 10px 10px 0 0;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em
}

.casino-card-logo img {
    border-radius: 10px 10px 0 0
}

.casino-card-bonus {
    padding: 1em;
    text-align: center
}

.casino-card-bonus b {
    font-size: 16px
}

.casino-card-rating-wrapper {
    display: flex;
    justify-content: space-around;
    padding: 1em 0
}

.casino-card-rating-wrapper .casino-card-score {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 3em;
    color: #39ade5
}

.casino-card-rating-wrapper .casino-card-rating {
    font-size: 20px;
    text-align: center
}

.casino-card-rating-wrapper .casino-card-rating .rating-count {
    font-size: 13px;
    color: #666
}

.casino-card-rating-wrapper .casino-card-rating .rating-caption {
    font-size: 13px;
    color: #666
}

.casino-card-buttons {
    padding: 1em
}

.casinopage-wrapper {
    margin-top: 30px;
    display: flex
}

.casinopage-wrapper .casinopage-sidebar {
    flex: 0 0 280px;
    margin-right: 2em;
    max-width: 280px
}

.casinopage-properties {
    padding: 20px 25px;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 3px 20px 3px #eee;
    margin-bottom: 30px
}

.casinopage-properties-icons {
    display: flex !important;
    flex-wrap: wrap
}

.casinopage-properties-more {
    width: 32px;
    font-size: 14px;
    color: #434649;
    font-weight: 500;
    text-align: center
}

.casinopage-properties-icon {
    padding: 4px 6px;
    margin: 3px;
    box-shadow: 0 0 1px;
    display: flex;
    justify-content: center;
    align-items: center
}

.casinopage-properties-icon:hover {
    background: #f3f6f9
}

.casinopage-properties-block {
    margin-bottom: 1em
}

.casinopage-properties-support {
    background: #f7f7f7
}

.casinopage-properties-divider {
    border-bottom: solid 1px #ddd;
    margin-bottom: 1em
}

.casinopage-properties-key {
    font-size: 13px;
    color: #a2a2a2
}

.casinopage-properties-value {
    font-size: 15px;
    font-weight: 700;
    display: block;
    padding: 3px 0 5px 25px
}

.casinopage-properties-value-nobold {
    font-weight: 400
}

.casinopage-properties .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom
}

.casinopage-introprops {
    display: flex;
    justify-content: center;
    margin-top: .5em
}

.casinopage-introprops .casinopage-games-headline, .casinopage-introprops .casinopage-rating-headline {
    margin-bottom: 1em
}

.casinopage-introprops .casinopage-games {
    width: 48%
}

.casinopage-introprops .casinopage-games-wrapper {
    display: flex
}

.casinopage-introprops .casinopage-games-icon {
    padding: 20px 12px;
    border-bottom: solid 1px #39ade5;
    border-top: solid 1px #39ade5
}

.casinopage-introprops .casinopage-games-icon i {
    width: 48px;
    height: 48px
}

.casinopage-introprops .casinopage-games-title {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 0;
    color: #39ade5;
    border-top: solid 2px #39ade5
}

.casinopage-introprops .casinopage-games-desc {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 0
}

.casinopage-introprops .casinopage-rating-wrapper {
    display: flex;
    align-items: center
}

.casinopage-introprops .casinopage-rating-down {
    position: relative
}

.casinopage-introprops .casinopage-rating-down:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #323f62
}

.casinopage-introprops .casinopage-rating-val {
    height: 6px;
    margin: 1px;
    width: 48px;
    transition: .2s;
    border-radius: 2px
}

.casinopage-introprops .casinopage-rating-val:hover {
    transform: scaleX(1.1)
}

.casinopage-introprops .casinopage-rating-value {
    padding: 0 26px;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.casinopage-introprops .casinopage-rating-hover:hover .casinopage-rating-value {
    background: rgba(0, 0, 0, .15)
}

.casinopage-introprops .casinopage-rating-hover:hover .casinopage-rating-desc {
    background: rgba(0, 0, 0, .15)
}

.casinopage-introprops .casinopage-rating-block {
    background: rgba(0, 0, 0, .1)
}

.casinopage-introprops .casinopage-rating-block-summary {
    margin-right: 1em;
    background: rgba(0, 0, 0, .2);
    position: relative
}

.casinopage-introprops .casinopage-rating-block-summary .casinopage-rating-value {
    margin: 10px
}

.casinopage-introprops .casinopage-rating-block-summary:after {
    content: " ";
    display: block;
    position: absolute;
    right: -7px;
    top: 47%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #2d3857
}

.casinopage-introprops .casinopage-rating-title {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 0;
    color: #dbdbdb;
    background: rgba(0, 0, 0, .15)
}

.casinopage-introprops .casinopage-rating-desc {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 0;
    color: #dbdbdb
}

.casinopage-games {
    display: flex;
    flex-wrap: wrap;
    width: 70%
}

.casinopage-games-block {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    width: 180px;
    margin: 5px;
    background: rgba(0, 0, 0, .15);
    border-radius: 5px;
    overflow: hidden
}

.casinopage-games-title {
    padding: 5px
}

.casinopage-games-count {
    background: #2b3653;
    padding: 10px 12px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 700;
    width: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.casinopage-games-count:before, .casinopage-games-count:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: inherit;
    content: ""
}

.casinopage-games-count:before {
    transform: skew(30deg)
}

.casinopage-games-count:after {
    transform: skew(-30deg)
}

.casinopage-games .icon {
    margin: 0 8px 0 0;
    display: inline-block;
    vertical-align: middle
}

.casinopage-rewards {
    white-space: nowrap;
    padding: 5px 17px;
    border-radius: 6px;
    background: #8bc34a;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700
}

.casinopage-meta {
    font-size: 15px;
    padding: 10px;
    background: #ecf7fc;
    border-radius: 5px
}

#more-rating {
    display: none
}

.casinopage-rating-headline {
    display: none
}

@media (max-width: 768px) {
    .casinopage-inner {
        display: block;
        padding: 4em 20px 0
    }

    .casinopage-info {
        display: block;
        margin: 0
    }

    .casinopage-headline-wrapper {
        display: block
    }

    .casinopage-header {
        position: relative
    }

    .casinopage-headline .label {
        display: block;
        width: fit-content;
        margin: auto;
        order: -1;
        margin-bottom: .3em
    }

    .casinopage-headline {
        text-align: center;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .casinopage-introprops .casinopage-rating-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -20px;
        padding: 1em 1.5em
    }

    .casinopage-introprops .casinopage-rating-block-summary {
        margin: 0
    }

    .casinopage-introprops .casinopage-rating-block {
        margin: .3em
    }

    .casinopage-convert {
        justify-content: space-between;
        align-items: center;
        flex-basis: 100%
    }

    .casinopage-games {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        margin-top: .5em;
        margin-bottom: .5em
    }

    .casinopage-games-block {
        width: 45%;
        font-size: 11px
    }

    .casinopage-games-block .casinopage-games-count {
        width: 40px
    }

    .casinopage-games-block .icon {
        width: 28px;
        height: 28px
    }

    .casinopage-rating-block {
        display: none;
        transition: flex .4s ease;
        border-radius: 5px !important;
        opacity: .8
    }

    .casinopage-rating-block:after, .casinopage-rating-block:before, .casinopage-rating-block .casinopage-rating-desc:after {
        content: none !important
    }

    .casinopage-rating-block:nth-child(1) {
        order: 0
    }

    .casinopage-rating-block:nth-child(2) {
        order: 1 !important
    }

    .casinopage-rating-block:nth-child(3) {
        order: 3
    }

    .casinopage-rating-block:nth-child(2), .casinopage-rating-block:nth-child(3), .casinopage-rating-block:nth-child(4) {
        display: block
    }

    .casinopage-rating {
        position: relative
    }

    .casinopage-rating-prev, .casinopage-rating-next {
        position: absolute;
        left: -11px;
        top: 50%;
        transform: translate(-50%, 92%);
        opacity: .4
    }

    .casinopage-rating-prev:after, .casinopage-rating-next:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("icon-arrow-down.svg");
        transform: rotate(90deg);
        background-size: contain;
        vertical-align: middle;
        margin-left: 10px;
        filter: invert(1)
    }

    .casinopage-rating-title {
        border-radius: 5px 5px 0 0 !important
    }

    .casinopage-rating-desc {
        border-radius: 0 0 5px 5px !important
    }

    .casinopage-rating-next {
        right: -29px;
        left: auto
    }

    .casinopage-rating-next:after {
        transform: rotate(-90deg)
    }

    span.casinopage-rating-headline {
        display: block;
        text-align: center;
        font-weight: 700;
        width: 50%;
        order: 999;
        padding: 5px 10px;
        border-radius: 25px;
        background: #fff;
        color: #333;
        font-size: 14px;
        vertical-align: middle;
        text-transform: uppercase;
        margin-top: 1em
    }

    .casinopage-introprops .casinopage-rating-block-summary {
        background: rgba(0, 0, 0, .1);
        order: 1
    }

    .casinopage-introprops .casinopage-rating-block-summary .casinopage-rating-value {
        margin: 0
    }

    .casinopage-rating-selected {
        background: rgba(0, 0, 0, .2) !important;
        opacity: 1
    }

    .casinopage-rating-selected .casinopage-rating-value {
        margin: 10px !important
    }

    .casinopage-introprops .casinopage-rating-value {
        padding: 0 15px;
        height: 80px
    }

    .casinopage-introprops .casinopage-rating-value .casinopage-rating-val {
        width: 50px;
        height: 5px
    }

    .casinopage-header {
        margin-top: 5.6em
    }

    .casinopage-convert {
        display: block
    }

    .casinopage-rewards {
        margin-top: 10px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -33%)
    }

    .casinopage-wrapper {
        display: block;
        margin-top: 0
    }

    .casinopage-wrapper .casinopage-sidebar {
        max-width: initial;
        margin-right: 0;
        border-radius: 0
    }

    .casinopage-propsandcons-wrapper {
        display: block
    }

    .casinopage-features {
        margin-bottom: .5em;
        width: auto
    }
}

.slotpage-header {
    background: #f3f3f3;
    margin-top: 5.5em
}

.container-slot {
    max-width: 1600px;
    margin: auto
}

.slotpage-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start
}

.slotpage-sidebar {
    flex: 0 0 250px;
    padding: 20px 25px;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 3px 20px 3px #eee;
    margin-bottom: 30px;
    margin-top: 2em;
    text-align: center
}

.slotpage-slotinfo-logo {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: auto auto 2em
}

.slotpage-slotinfo-gamename {
    font-weight: 700;
    font-size: 20px;
    display: block;
    margin-bottom: 1em
}

.slotpage-slotinfo-soft {
    font-weight: 700;
    display: block;
    margin-bottom: 1em
}

.slotpage-slotinfo-desc {
    font-size: 13px;
    color: #666;
    display: block;
    margin-bottom: 1em
}

.slotpage-slotinfo .btn {
    margin-bottom: .5em
}

.slotpage-casinos-headline {
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    border-bottom: solid 1px #eee;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.slotpage-casinos-block {
    margin: 0 -1em;
    padding: 1em 0;
    border-bottom: solid 1px #f3f6f9
}

.slotpage-casinos-block-3 {
    border-bottom: none
}

.slotpage-casinos-info {
    display: flex;
    margin-bottom: 7px;
    align-items: center
}

.slotpage-casinos-logo {
    flex: 0 0 80px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 8px;
    margin-right: 5px
}

.slotpage-casinos-bonus {
    font-weight: 700;
    font-size: 14px
}

.slotpage-casinos .btn {
    padding: 7px 0 !important
}

.slotpage-popular {
    margin-top: 2em;
    padding: .5em 0;
    border-radius: 10px;
    background: #39ade5;
    box-shadow: 0 0px 10px 1px #eee
}

.slotpage-popular-headline {
    font-size: 24px;
    padding: 0 2em;
    color: #fff;
    font-weight: 700
}

.slotpage-popular .splide__slide {
    width: 243px !important;
    padding: 0 .4em
}

.slotpage-popular .splide__track {
    margin-right: 2.5rem
}

.slotpage-popular .splide__arrow {
    top: 35% !important
}

.slotpage-popular .splide__slide img {
    border-radius: 5px;
    display: block;
    margin: auto
}

.slotpage-popular .splide-game-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin-top: 1em
}

.slotpage-popular .splide-game-soft {
    font-size: 12px;
    text-align: center;
    color: #eee
}

.slotpage-popular svg {
    fill: #fff !important;
    font-size: 6px
}

.slotpage-content {
    max-width: 1044px;
    margin: auto
}

.slotpage-game-wrapper {
    margin: 2em;
    position: relative;
    cursor: pointer
}

.slotpage-game-wrapper img {
    border-radius: 10px
}

.slotpage-game-wrapper .game-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999
}

.slotpage-game-wrapper .gameplay-border {
    width: 120px;
    height: 120px;
    border: solid 3px #ccc;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px
}

.slotpage-game-wrapper .game-play-text {
    font-size: 22px;
    margin-top: 2em;
    font-weight: 700;
    color: #fff
}

.slotpage-game-wrapper:hover .gameplay-border {
    border: solid 3px #fff
}

.slotpage-game-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(39, 45, 45, .58);
    border-radius: 10px
}

.slotpage-details {
    padding: 1em;
    border-radius: 10px;
    margin-top: 1em;
    box-shadow: 0 0px 10px 1px #eee;
    flex: 0 0 49%
}

.slotpage-details-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 1em
}

.slotpage-details-headline {
    border-bottom: solid 1px #eee;
    padding-bottom: 1em;
    padding-left: 1em
}

.slotpage-details-inner {
    display: flex;
    flex-wrap: wrap
}

.slotpage-details-overview .slotpage-details-block {
    flex: 0 0 50%
}

.slotpage-details-block {
    flex: 0 0 50%;
    padding: .5em;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.slotpage-details-key {
    font-size: 15px;
    font-weight: 700
}

.slotpage-details-value {
    font-size: 14px;
    display: block;
    margin: .4em 0 0 1em;
    color: #666
}

.slotpage-details .icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    opacity: .7
}

.slot-symbols {
    display: flex;
    justify-content: space-between
}

.slot-symbol {
    min-width: 200px;
    padding: 5px 0;
    border-radius: 5px;
    border: solid 1px #f3f6f9;
    margin: 0 5px
}

.slot-symbol-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.slot-symbol-logo {
    width: 64px;
    height: 64px;
    border-radius: 5px
}

.slot-symbol-xn {
    padding: 5px 10px;
    background: #46c4ff;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px
}

.slot-symbol-x {
    padding: 3px 0
}

.slot-symbol-value {
    padding: 5px 15px;
    text-align: center;
    background: #eee;
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px
}

.slot-symbol-val {
    padding: 3px 0
}

.slot-symbol-title {
    text-align: center;
    font-weight: 700;
    margin-top: 5px
}

.slot-screenshots {
    display: flex
}

.slot-screenshot {
    padding: 10px
}

.slot-screen {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 #eee
}

.slot-page .content-blocks-basic {
    border: none
}

.slot-page .casino-top-bonuses-block {
    width: 220px
}

.slot-page .splide__list {
    list-style: none !important
}

.slots-most-popular-type.slots-most-popular-type-none {
    display: none
}

@media (max-width: 768px) {
    .slotpage-wrapper {
        display: block
    }

    .slotpage-game-wrapper .game-play {
        zoom: .5
    }

    .slotpage-sidebar, .slotpage-sidebar, .slotpage-popular, .slotpage-details {
        border-radius: 0
    }

    .slotpage-details-wrapper {
        display: block
    }
}

.slots-options-wrapper {
    margin-top: 2em;
    background: #e3e6e9
}

.slots-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: left
}

.slots-items .slots-most-popular-block {
    margin: 5px 15px
}

.slotspage-options {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    align-items: center;
    padding: 1em 0
}

.slotspage-meta-row {
    padding: 0 !important
}

.slotspage-filter {
    display: flex
}

.slotspage-categories-dropdown, .slotspage-features-dropdown, .slotspage-providers-dropdown, .slotspage-sort-dropdown {
    color: #111;
    padding: 10px 26px;
    font-weight: 700;
    border-right: solid 1px #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 31px;
    margin-right: 1em
}

.slotspage-categories-dropdown .icon, .slotspage-features-dropdown .icon, .slotspage-providers-dropdown .icon, .slotspage-sort-dropdown .icon {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    filter: opacity(.4)
}

.slotspage-filter-list {
    display: none;
    transition: .2s
}

.slotspage-categories, .slotspage-providers, .slotspage-features {
    position: relative
}

.slotspage-categories .slotspage-dropdown-count:not(:empty), .slotspage-providers .slotspage-dropdown-count:not(:empty), .slotspage-features .slotspage-dropdown-count:not(:empty) {
    background: #39ade5;
    color: #fff;
    padding: 3px 6px;
    margin: 0 6px;
    border-radius: 6px;
    font-size: 13px
}

.slotspage-categories:hover .slotspage-filter-list {
    display: block
}

.slotspage-features:hover .slotspage-filter-list {
    display: block
}

.slotspage-providers:hover .slotspage-filter-list {
    display: block
}

.slotspage-categories-dropdown:hover, .slotspage-features-dropdown:hover, .slotspage-providers-dropdown:hover {
    background: rgba(0, 0, 0, .05);
    transition: .2s
}

.slotspage-categories-dropdown:hover:after, .slotspage-features-dropdown:hover:after, .slotspage-providers-dropdown:hover:after {
    filter: brightness(.5)
}

.slotspage-categories-dropdown:after, .slotspage-features-dropdown:after, .slotspage-providers-dropdown:after, .slotspage-sort-dropdown:after {
    content: " ";
    display: inline-block;
    background-size: cover;
    width: 16px;
    height: 16px;
    vertical-align: -10px;
    background-image: url("/theme/images/icons/sort-asc.svg");
    margin-left: 10px;
    margin-right: -5px;
    margin-top: -6px
}

.slotspage-sort-dropdown:after {
    filter: brightness(.5)
}

.slotspage-filter-list {
    position: absolute;
    width: 220px;
    background: #fff;
    padding: 10px;
    border: solid 1px #eee;
    text-align: left;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    z-index: 99999;
    border-radius: 15px;
    left: 50%;
    transform: translate(-50%, 10px)
}

.slotspage-filter-list:before {
    content: "";
    display: block;
    width: 0;
    height: 15px;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    left: 50%;
    top: -15px
}

.slotspage-filter-list:after {
    content: " ";
    display: block;
    width: 100%;
    top: -15px;
    position: absolute;
    height: 15px
}

.slotspage-filter-sort ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.slotspage-filter-sort ul li {
    padding: 10px;
    cursor: pointer
}

.slotspage-filter-sort ul li:hover {
    background: #f3f6f9;
    border-radius: 5px
}

.slotspage-filter-list label {
    display: block;
    color: #444;
    font-weight: 700;
    font-size: 12px
}

.slotspage-search {
    width: 100%
}

#slotspage-search-input {
    width: 100%;
    border: none;
    color: #fff;
    padding-left: 10px;
    padding: 15px;
    margin-top: 1em;
    border-radius: 7px
}

#slotspage-search-input::placeholder {
    color: #666;
    font-weight: 700;
    opacity: .5;
    letter-spacing: 1.3px
}

#slotspage-search-input {
    color: #333;
    font-weight: 700;
    padding-left: 15px;
    letter-spacing: 1.3px;
    border-right: solid 1px #eee
}

.slot-item-logo {
    display: block;
    position: relative;
    transition: .2s;
    cursor: pointer
}

.slot-item-logo .gameplay-border {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999
}

.slot-item-logo:hover .gameplay-border {
    display: block
}

.slot-item-logo:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 96%;
    z-index: 2;
    background-color: rgba(39, 45, 45, .58);
    border-radius: 10px
}

.slotspage-slots {
    background: #f3f6f9;
    padding-top: 1em
}

@media (max-width: 768px) {
    .slots-items {
        justify-content: center
    }

    .slotspage-filter-list {
        position: relative
    }

    .slotspage-options {
        align-items: flex-start
    }
}

.bonusespage .introtext {
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: -1em;
    margin-bottom: 2em
}

.newspage-header {
    margin: 6em 0 2em
}

.newspage-header img {
    border-radius: 7px
}

.content-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3em
}

span.news-data {
    font-size: 14px;
    font-weight: 700;
    color: #888
}

.news-title {
    font-size: 2.5em;
    line-height: 1
}

.news-page .content {
    width: 70%
}

.content-sidebar {
    width: 25%
}

.news-page .news-last-block {
    zoom: .7;
    margin: 3em 0
}

.news-page .news-last-author {
    display: none
}

.news-page .news-last-meta {
    margin: .2em
}

.news-last-tag:before {
    display: none
}

.userpage-header {
    margin-top: 7em
}

.user-card {
    background: #f4f5f8;
    border-radius: 10px;
    padding: 2em;
    color: #393d53;
    min-width: 25%;
    margin-right: 2em;
    height: fit-content
}

.user-card .footer-social {
    position: initial
}

.user-card-title-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}

.user-card-title {
    margin-left: 10px;
    font-size: 2em
}

.user-card-avatar {
    display: block;
    margin: auto
}

.user-card-info {
    display: flex;
    padding-bottom: 1em
}

.user-card-info-personal-title {
    font-size: 1.6em;
    display: block;
    margin-bottom: .5em
}

.user-card-info-top-title {
    font-size: 1.6em;
    display: block;
    margin-bottom: .5em
}

.user-card-field {
    padding: 5px;
    background: rgba(0, 0, 0, .05);
    margin: 10px 0;
    border-radius: 7px;
    border: solid 1px rgba(0, 0, 0, .1)
}

.user-card-field-key {
    flex: 0 0 25%;
    color: #333;
    font-weight: 700
}

.user-wrapper {
    display: flex
}

.userpage-top {
    display: flex;
    flex-wrap: wrap
}

.userpage-top b {
    font-size: 18px;
    color: #222
}

.userpage-top p {
    color: #555;
    font-size: 14px
}

.userpage-top-article {
    width: 365px;
    border: solid 1px #f3f6f9;
    margin: .5em;
    padding: 10px
}

.userpage-top-article:hover {
    background: #f3f6f9
}

@media (max-width: 768px) {
    .user-wrapper {
        display: block
    }

    .user-card {
        margin-right: 0
    }
}

.casinos-header {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1.5em
}

.casino-header {
    position: relative;
    width: 380px;
    background: #fff;
    border-radius: 6px;
    padding: 25px 15px 15px;
    margin: 5px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    transition: .2s
}

.casino-header:hover {
    transform: translate(0px, -5px)
}

.casino-header-info {
    display: flex
}

.casino-header-logo-wrapper {
    max-width: 120px;
    align-self: flex-start
}

.casino-header-logo {
    padding: 5px;
    border-radius: 8px
}

.casino-header-title {
    margin-left: 10px
}

.casino-header-bonus {
    font-size: 15px;
    color: #060607
}

.casino-header-pluses {
    margin: 5px 0 0 2px;
    list-style: none;
    font-size: 12px;
    padding: 0;
    color: #436e82
}

.casino-header-pluses li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 218px
}

.casino-header-pluses i {
    min-width: 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.casino-header-buttons {
    display: flex
}

.casino-header-buttons .btn {
    margin: 15px 10px 5px
}

.homepage-meta-row {
    padding: 0;
    background: rgba(0, 0, 0, .1)
}

.casino-header .apply {
    position: absolute;
    top: 106px;
    left: 44px;
    border: none
}

@media (max-width: 768px) {
    .casino-header-title {
        max-width: 50%
    }
}

.casino-mini-reviews {
    border-radius: 10px
}

.casino-mini-reviews h2 {
    margin: .5em 0
}

.mini-review {
    display: flex;
    margin: 1em 0;
    padding: 15px 10px;
    border-radius: 10px
}

.mini-review:nth-child(even) {
    background: #f9f9f9
}

.mini-review:last-child {
    border: none
}

.mini-review-meta {
    padding: 0 10px
}

.mini-review-logo {
    min-width: 200px;
    min-height: 140px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 1em
}

.mini-review-full {
    color: #64b8db;
    text-align: center;
    display: block;
    font-size: 14px;
    margin: 5px 0
}

.mini-review-casino {
    display: block;
    text-transform: uppercase;
    color: #595959;
    font-size: 1em;
    margin-bottom: .75rem;
    letter-spacing: .4px;
    font-weight: 700
}

.mini-review-created {
    display: block;
    font-size: 1em;
    padding: 12px 0;
    color: #39ade5
}

.mini-review-description {
    font-size: 12px;
    text-align: justify
}

@media (max-width: 768px) {
    .mini-review {
        display: block
    }

    .mini-review-meta {
        padding: 0
    }
}

.recommendation-wrapper {
    background: #f1f9fd;
    padding: 1em 0;
    margin: 1em 0
}

.recommendation-block {
    display: flex;
    justify-content: space-around
}

.recommendation-info {
    max-width: 50%
}

.recommendation-title {
    color: #39ade5;
    font-size: 2.5em;
    line-height: 1
}

.recommendation-link {
    font-size: 18px;
    text-decoration: none;
    color: #39ade5
}

@media (max-width: 768px) {
    .recommendation-info {
        max-width: 100%
    }

    .recommendation-image {
        display: none
    }
}

.casinos-mini {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.casino-mini {
    width: 210px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 5px 10px 0 #eee;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.casino-mini-logo {
    height: 120px;
    display: flex;
    justify-items: center;
    align-items: center;
    padding: 1em
}

.casino-mini-bonus {
    text-align: center;
    margin: 2em 0 .5em
}

.casino-mini-buttons {
    padding: 10px;
    text-align: center
}

@media (max-width: 768px) {
    .casino-mini {
        zoom: 69%
    }
}

.payments-list {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center
}

.payment-block {
    width: 230px;
    border: 2px solid #f4f5f8;
    border-radius: 10px;
    background: #f4f5f8;
    margin: 10px
}

.payment-block-logo {
    border-radius: 8px 8px 0 0;
    background: #fff;
    display: block;
    padding: 20px
}

.payment-block-title {
    display: block;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    color: #393d53;
    padding: 10px 0
}

.payment-block-rating {
    display: flex;
    justify-content: center;
    margin-bottom: 2em
}

.payment-block-rating .icon {
    margin-right: 5px
}

.payment-block-casinos {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #4c526c
}

.payment-block-convert {
    padding: 20px
}

.payment-block-field {
    display: flex;
    padding: 5px;
    font-size: 13px;
    align-items: center;
    margin: 5px;
    border-radius: 15px;
    background: rgba(0, 0, 0, .05)
}

.payment-block-key {
    flex: 0 0 50%;
    color: #4c526c;
    padding-right: 10px;
    text-align: end
}

.payment-block-value {
    font-weight: 700;
    text-align: start;
    flex: 0 0 50%;
    color: #4c526c
}

.section-providers {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.section-provider {
    padding: 10px;
    border: solid 1px #e3e6e9;
    margin: 10px;
    max-width: 190px;
    transition: .5s
}

.section-provider:hover {
    background: #f3f6f9
}

.content-checked {
    box-shadow: 0 5px 10px 0 #eee;
    border-radius: 15px;
    margin: 2em 0
}

.content-checked-title {
    padding: 2px 10px;
    color: #fff;
    border-radius: 15px 15px 0 0
}

.content-checked-wrapper {
    padding: 2em 1em
}

.content-checked-blocks {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.content-checked-block {
    width: 320px;
    display: flex;
    margin: 10px
}

.content-checked-info {
    padding: 0 15px
}

.content-checked-bold {
    font-weight: 700;
    font-size: 14px
}

.content-checked-desc p {
    margin: 0;
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

.content-slots-block {
    display: flex;
    margin: 1em 0
}

.content-slots-logo {
    min-width: 120px;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-slots b {
    color: green
}

.content-slots-info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-slots p {
    display: inline;
    font-size: 14px
}

.slots-most-popular-type {
    display: flex;
    align-items: center
}

.slots-most-popular-type .icon {
    min-width: 12px
}

.content-col2-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.content-col2-block {
    flex: 0 0 48%;
    background: #f1f9fd;
    margin: 10px 0;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #eee
}

.content-col2-bold {
    font-size: 24px
}

.content-col2-desc {
    font-size: 15px
}

.content-col2 li p {
    padding: 0;
    margin: 0;
    display: inline-block
}

.content-col2 ul {
    list-style: none !important;
    padding: 0;
    margin-left: 10px
}

.content-col2 li {
    position: relative;
    margin-bottom: 10px !important
}

.content-col2 li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("/theme/images/icons/icon-check-blue.svg");
    vertical-align: middle;
    position: absolute;
    left: -25px;
    top: 0
}

.content-col2-pink .content-col2-block {
    background: #fdf1fd
}

.content-col2-pink .content-col2-bold:before {
    content: " ";
    display: inline-block;
    background-image: url("/theme/images/icons/icon-new-star.svg");
    width: 24px;
    height: 24px;
    background-size: cover;
    vertical-align: -3px;
    margin-right: 10px
}

.content-fc {
    display: flex;
    justify-content: space-around;
    padding: 3px;
    border: solid 1px #eee;
    border-radius: 5px;
    margin-top: 1em
}

.content-fc-logowrapper {
    width: 32%;
    display: flex;
    justify-content: center;
    border-radius: 5px 0 0 5px
}

.content-fc-logowrapper img {
    width: 120px
}

.content-fc-info {
    width: 50%;
    background: #fff;
    padding: 5px;
    margin: 0 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

.content-fc-button {
    width: 33% !important;
    border-radius: 0 5px 5px 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.content-features {
    margin-bottom: 1em
}

@media (max-width: 768px) {
    .content-col2-blocks {
        display: block
    }

    .content-fc {
        display: block
    }

    .content-fc-logowrapper, .content-fc-info, .content-fc-button {
        width: 100% !important;
        margin: 10px 0;
        border-radius: 10px !important
    }
}

blockquote {
    margin: 1.5rem 0;
    color: #115b7f;
    background-color: rgba(57, 173, 229, .25);
    background-color: #c3e1f4;
    line-height: 1.25;
    border-radius: .625rem;
    padding: .75rem .75rem .75rem 2.25rem;
    font-weight: 700;
    position: relative;
    display: inline-block
}

blockquote:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    background-color: transparent;
    background-size: contain;
    left: .75rem;
    top: .75rem;
    margin: 0;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    background-image: url("/ua/theme/images/icons/info-circle.svg")
}

.content-col3-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.content-col3-block {
    flex: 0 0 31%;
    margin: 10px 0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .05)
}

.content-col3-block:nth-child(1) {
    border-left: solid 4px #00bfff
}

.content-col3-block:nth-child(2) {
    border-left: solid 4px #00ff7b
}

.content-col3-block:nth-child(3) {
    border-left: solid 4px #5900ff
}

.content-col3-block:nth-child(4) {
    border-left: solid 4px #f0d
}

.content-col3-block:nth-child(5) {
    border-left: solid 4px #ff001e
}

.content-col3-block:nth-child(6) {
    border-left: solid 4px #fffb00
}

.content-col3-block:nth-child(7) {
    border-left: solid 4px #ff5900
}

.content-col3-block:nth-child(8) {
    border-left: solid 4px #ff0084
}

.content-col3-block:nth-child(9) {
    border-left: solid 4px #80ff00
}

.content-col3-bold {
    font-size: 24px;
    color: #0c95c2
}

.content-col3-desc {
    font-size: 14px
}

.content-col3 li p {
    padding: 0;
    margin: 0;
    display: inline-block
}

.content-col3 ul {
    list-style: none !important;
    padding: 0;
    margin-left: 10px
}

.content-col3 li {
    position: relative;
    margin-bottom: 10px !important
}

.content-col3 li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("/theme/images/icons/icon-check-blue.svg");
    vertical-align: middle;
    position: absolute;
    left: -25px;
    top: 7px
}

.slots-page .content-col2-block {
    background: #fdf1fd
}

.slots-page .content-col2-bold:before {
    content: " ";
    display: inline-block;
    background-image: url("/theme/images/icons/icon-new-star.svg");
    width: 24px;
    height: 24px;
    background-size: cover;
    vertical-align: -3px;
    margin-right: 10px
}

@media (max-width: 768px) {
    .content-col3-blocks {
        display: block
    }
}

.simple-slot {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .05);
    border-radius: 10px;
    padding: 20px;
    width: 70%;
    margin: 1em auto
}

.simple-slot-title {
    font-weight: 700;
    font-size: 18px;
    color: #020405
}

.simple-slot-title:before {
    content: " ";
    background: url("/theme/images/icons/icon-best.svg");
    background-size: cover;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.simple-slot-description {
    font-size: 15px;
    margin: 1em 0 2em;
    text-align: justify
}

.simple-slot-row {
    display: flex;
    justify-content: space-between;
    margin: 1em 0;
    border-bottom: solid 1px #eee
}

.simple-slot-value {
    font-weight: 700
}

.simple-slot-inner {
    display: flex;
    justify-content: space-between
}

.simple-slot-left, .simple-slot-right {
    width: 48%
}

.simple-slot-right {
    text-align: center
}

.simple-slot img {
    border-radius: 5px
}

.simple-slot-key {
    font-size: 14px;
    font-style: oblique
}

@media (max-width: 768px) {
    .simple-slot {
        width: 100%
    }

    .simple-slot-left, .simple-slot-right {
        width: 100%
    }

    .simple-slot-inner {
        display: block
    }
}

.casino-table-v2 .item {
    background: #f4f5f8;
    padding: 10px;
    border-radius: 45px;
    position: relative;
    position: relative;
    margin-bottom: 20px;
    border: 2.5px solid #0090ff;
    background-image: url("/theme/images/casino-table-v2-fon.png");
    display: none
}

.casino-table-v2 .item.activ-item {
    display: block
}

.casino-table-v2 .activ-item.fersts {
    border-radius: 0 45px 45px
}

.casino-table-v2 .item.black {
    background: #444;
    color: #fff
}

.casino-table-v2 .item.blue {
    background: #39ade5;
    color: #fff
}

.casino-table-v2 .item.blue .text-box a, .casino-table-v2 .item.blue .col-footer a {
    color: #ffca07
}

.casino-table-v2 .row-heder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    transition: all .5s
}

.casino-table-v2 .item.not-activ .row-heder {
    margin-bottom: 0
}

.casino-table-v2 .box-left {
    display: flex;
    align-items: center
}

.casino-table-v2 .box-right {
    display: flex;
    align-items: center
}

.casino-table-v2 .col-idx {
    padding: 0 10px;
    font-size: 16px;
    position: absolute;
    left: -1px;
    border-radius: 0;
    border-radius: 10px;
    width: 37px;
    height: 52px;
    display: flex;
    display: none;
    align-items: center;
    color: #fff;
    font-weight: 700;
    margin-top: 10px
}

.casino-table-v2 .logo-href {
    margin: 0 20px;
    display: flex
}

.casino-table-v2 .logo-href img {
    max-width: 120px;
    padding: 3px;
    border-radius: 5px
}

.casino-table-v2 .bonus-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 20px;
    text-align: left
}

.casino-table-v2 .bonus-pretitle {
    text-align: left
}

.casino-table-v2 .col-rate {
    display: flex;
    align-items: center;
    margin-right: 15px;
    background-image: url("/theme/images/casino-table-v2-star-rating.png");
    width: 50px;
    height: 65px;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.casino-table-v2 .col-rate span {
    margin-top: 16px;
    margin-left: 3px
}

.casino-table-v2 .btn {
    padding: 11px 30px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    position: relative
}

.casino-table-v2 .btn:before {
    content: "";
    position: absolute;
    background-image: url("/ua/theme/images/ukr-flag.png");
    right: 1px;
    width: 35px;
    top: 1px;
    bottom: 1px;
    background-size: cover;
    background-position: center;
    border-radius: 0 8px 8px 0
}

.casino-table-v2 .row-center {
    display: flex;
    justify-content: space-between;
    transition: all .5s;
    overflow: hidden;
    flex-wrap: wrap
}

.casino-table-v2 .row-center .col-left {
    width: calc(50% - 25px)
}

.casino-table-v2 .row-center .col-right {
    width: calc(50% - 25px)
}

.casino-table-v2 .row-center .col-left .item-param {
    display: flex;
    justify-content: space-between;
    background: #0090ff;
    margin-bottom: 5px;
    border-radius: 15px;
    padding: 8px;
    color: #fff
}

.casino-table-v2 .item.blue .row-center .col-left .item-param {
    background: #28bbf2
}

.casino-table-v2 .row-center .col-left .item-param .right-param {
    font-weight: 700
}

.casino-table-v2 .row-center .col-right .text-box {
    display: flex;
    background-image: url("/theme/images/casino-table-v2-oblaco.png");
    padding: 20px 20px 35px;
    background-size: 100% 100%
}

.casino-table-v2 .row-center .col-right .text-box i {
    min-width: 46px;
    height: 46px;
    display: none
}

.casino-table-v2 .item.blue .row-center .col-right .text-box i {
    filter: brightness(0) invert(1)
}

.casino-table-v2 .row-center .col-right .text-box span {
    padding-left: 15px
}

.casino-table-v2 .row-center .col-right .avtor-box {
    display: flex;
    align-items: center
}

.casino-table-v2 .row-center .col-right .avtor-box .box-img {
    padding-left: 7px;
    display: flex
}

.casino-table-v2 .row-center .col-right .avtor-box .box-img img {
    border-radius: 50%;
    overflow: hidden;
    height: 46px
}

.casino-table-v2 .row-center .col-right .avtor-box .box-title-avtor {
    padding-left: 10px;
    width: calc(100% - 60px)
}

.casino-table-v2 .row-center .col-right .avtor-box .box-title-avtor .avtor-name {
    font-weight: 700
}

.casino-table-v2 .col-footer {
    font-size: 12px;
    position: relative;
    padding: 0 80px
}

.casino-table-v2 .col-footer:after, .casino-table-v2 .col-footer:before {
    content: "";
    position: absolute;
    top: 50%;
    background-image: url("/theme/images/casino-table-v2-left-icon-text.png");
    width: 41px;
    height: 33px;
    margin-top: -20px
}

.casino-table-v2 .col-footer:before {
    left: 20px
}

.casino-table-v2 .col-footer:after {
    background-image: url("/theme/images/casino-table-v2-right-icon-text.png");
    right: 20px
}

.casino-table-v2 .open-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px;
    text-align: center;
    z-index: 10
}

.casino-table-v2 .open-box span {
    text-align: center;
    background: #39ade5;
    position: relative;
    margin: auto;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer
}

.casino-table-v2 .open-box .icon {
    background-size: 100% 100%;
    width: 50px;
    height: 20px;
    transition: all .5s
}

.casino-table-v2 .item.not-activ .row-center {
    height: 0
}

.casino-table-v2 .item.not-activ .open-box .icon {
    transform: rotate(180deg)
}

.casino-table-v2 .sortable {
    display: flex;
    padding: 0 50px;
    margin-bottom: 0
}

.casino-table-v2 .sortable-item {
    display: block;
    border: 2.5px solid #0090ff;
    border-bottom: 0;
    padding: 3px 15px;
    border-radius: 15px 15px 0 0;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 0;
    cursor: pointer
}

.casino-table-v2 .sortable-item:hover, .casino-table-v2 .sortable-item.activ {
    background: #0090ff;
    color: #fff
}

.casino-table-v2 .row-center .col-right .text-box p {
    margin: 0;
    color: #fff
}

@media (max-width: 768px) {
    .sortable {
        flex-wrap: wrap;
        justify-content: center
    }

    .sortable-item {
        white-space: nowrap;
        width: 100%
    }

    .casino-table-v2 .row-heder, .casino-table-v2 .row-center {
        flex-direction: column
    }

    .casino-table-v2 .row-center {
        height: auto
    }

    .casino-table-v2 .btn {
        display: block
    }

    .casino-table-v2 .row-center .col-left, .casino-table-v2 .row-center .col-right {
        width: 100%
    }

    .casino-table-v2 .box-right {
        margin-bottom: 20px
    }

    .casino-table-v2 .row-center .col-right .avtor-box .box-img img {
        max-width: 46px
    }

    .casino-table-v2 .logo-href {
        margin: 0
    }

    .casino-table-v2 .activ-item.fersts {
        border-radius: 0 0 45px 45px
    }

    .casino-table-v2 .sortable-item {
        margin-right: 0
    }
}

@media (max-width: 562px) {
    .casino-table-v2 .box-left {
        flex-direction: column
    }

    .casino-table-v2 .col-idx {
        display: none
    }

    .casino-table-v2 .col-bonuses {
        padding: 10px
    }

    .casino-table-v2 .col-footer:after, .casino-table-v2 .col-footer:before {
        display: none
    }

    .casino-table-v2 .col-footer {
        padding: 0 30px
    }

    .casino-table-v2 .bonus-title, .casino-table-v2 .bonus-pretitle {
        text-align: center
    }
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@media all {
    *, :after, :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    ul {
        margin-top: 0
    }

    ul {
        margin-bottom: 1rem
    }

    button {
        border-radius: 0
    }

    button, input, select {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    button, input {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

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

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

    .form-control {
        display: block;
        width: 100%;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 7px .75rem;
        color: #060607;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e0e0e0;
        border-radius: .25rem
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control::-webkit-input-placeholder {
        font-size: 13px;
        color: #a2a2a2;
        opacity: 1
    }

    .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
        font-size: 13px;
        color: #a2a2a2;
        opacity: 1
    }

    .bonus-calculator .form-control {
        font-size: .875rem;
        padding: .75rem 1rem;
        -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .07);
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .07)
    }

    .bonus-calculator .error-msg {
        display: none;
        position: absolute;
        left: 15px;
        right: 15px;
        font-size: 11px;
        line-height: 1;
        color: #e72243;
        margin-top: .5rem;
        letter-spacing: -.5px
    }

    .deposit-bonus-select {
        display: none;
        color: #50b6e8
    }
}

@media all {
    *, :after, :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    h3, ul {
        margin-top: 0
    }

    ul {
        margin-bottom: 1rem
    }

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

    sup {
        top: -.5em
    }

    label {
        display: inline-block;
        margin-bottom: .5rem
    }

    button {
        border-radius: 0
    }

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

    button, input, select {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    button, input {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

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

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

    .bonus-calculator .calculator-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .bonus-calculator .calculator-inner .form-group {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    h3 {
        margin-bottom: .5rem;
        font-family: inherit;
        font-weight: 600;
        line-height: 1.2;
        color: inherit
    }

    h3 {
        font-size: 1.25rem
    }

    .deposit-bonus-select.nice-select, .form-control {
        display: block;
        width: 100%;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 7px .75rem;
        color: #060607;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e0e0e0;
        border-radius: .25rem;
        -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
    }

    .deposit-bonus-select.nice-select::-ms-expand, .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .deposit-bonus-select.nice-select:focus, .form-control:focus {
        border-color: #39ade5;
        outline: 0
    }

    .deposit-bonus-select.nice-select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
        font-size: 13px;
        color: #a2a2a2;
        opacity: 1
    }

    .deposit-bonus-select.nice-select:-ms-input-placeholder, .deposit-bonus-select.nice-select::-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
        font-size: 13px;
        color: #a2a2a2;
        opacity: 1
    }

    .deposit-bonus-select.nice-select::placeholder, .form-control::placeholder {
        font-size: 13px;
        color: #a2a2a2;
        opacity: 1
    }

    .deposit-bonus-select.nice-select:disabled, .form-control:disabled {
        background-color: #e0e0e0;
        opacity: 1
    }

    .form-group {
        margin-bottom: 1.25rem
    }

    .input-group {
        position: relative
    }

    .input-group .input-group-append {
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px
    }

    .input-group .input-group-append .sign {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 40px;
        height: 100%;
        font-weight: 600;
        text-align: center;
        padding: .25rem;
        color: #a2a2a2;
        background-color: #f7f7f7;
        border-left: 1px solid #e0e0e0;
        border-radius: 0 .25rem .25rem 0
    }

    .input-group .form-control:not(:last-child) {
        padding-right: 50px
    }

    .btn-calculate {
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
    }

    .btn-calculate {
        padding: 13px 20px;
        font-size: 1rem;
        line-height: 1.5
    }

    .btn-calculate {
        display: inline-block;
        text-align: center;
        border: 1px solid transparent;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
        box-shadow: 0 2px 3px rgba(0, 0, 0, .25)
    }

    .btn-calculate:focus, .btn-calculate:hover {
        text-decoration: none
    }

    .btn-calculate:focus {
        outline: 0;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
        box-shadow: 0 2px 2px rgba(0, 0, 0, .25)
    }

    .btn-calculate:disabled {
        opacity: .65;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-calculate {
        color: #fff;
        background-color: #39ade5;
        border-color: #39ade5
    }

    .btn-calculate:hover {
        color: #fff;
        background-color: #27a6e3;
        border-color: #1ea2e1
    }

    .btn-calculate:disabled {
        color: #fff;
        background-color: #39ade5;
        border-color: #39ade5
    }

    .btn-calculate:active {
        color: #fff;
        background-color: #1ea2e1;
        border-color: #1ea2e1
    }

    .bonus-calculator label {
        font-size: 13px;
        font-weight: 600
    }

    .bonus-calculator {
        width: 100%;
        max-width: 1030px;
        margin: auto;
        background-color: #fff;
        border-radius: .5rem;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07)
    }

    .bonus-calculator h3 {
        margin-bottom: 1.5rem
    }

    .bonus-calculator .calculator-body {
        padding: 1.25rem
    }

    .bonus-calculator .calculator-result {
        padding: 1.25rem;
        color: #fff;
        background: #19242e -webkit-linear-gradient(315deg, #19242e, #214d63);
        background: #19242e linear-gradient(135deg, #19242e, #214d63);
        border-radius: 0 0 .5rem .5rem
    }

    .bonus-calculator .calculator-inner {
        margin-bottom: -1rem;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .bonus-calculator .form-group {
        position: relative
    }

    .bonus-calculator .form-group sup {
        top: 0;
        font-size: 100%;
        color: #39ade5
    }

    .bonus-calculator .deposit-bonus-select.nice-select, .bonus-calculator .form-control {
        font-size: .875rem;
        padding: .75rem 1rem;
        -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .07);
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .07)
    }

    .bonus-calculator .error-msg {
        display: none;
        position: absolute;
        left: 15px;
        right: 15px;
        font-size: 11px;
        line-height: 1;
        color: #e72243;
        margin-top: .5rem;
        letter-spacing: -.5px
    }

    .bonus-calculator .btn-calculate {
        width: 100%
    }

    .bonus-calculator .form-group, .bonus-calculator .result-group {
        margin-bottom: 1.5rem
    }

    .bonus-calculator .result-group label {
        color: rgba(255, 255, 255, .6);
        margin: 0
    }

    .bonus-calculator .result {
        font-size: 28px;
        font-weight: 600;
        line-height: 1.1
    }

    .btn-calculate {
        font-size: 13px;
        font-weight: 600;
        padding: 13px 1rem;
        border-radius: .5rem
    }

    .input-group-progress {
        position: relative
    }

    .input-group-progress .input-progress-bar {
        position: absolute;
        left: 1px;
        right: 1px;
        bottom: 1px
    }

    .input-group-progress .progress-base {
        height: 3px;
        background-color: #e0e0e0;
        border-radius: 0 0 2px 2px
    }

    .input-group-progress .progress-handle-holder {
        position: absolute;
        left: .5rem;
        top: 0;
        right: .5rem
    }

    .input-group-progress .progress-handle {
        position: absolute;
        top: 0;
        margin-left: 8px;
        margin-left: -.5rem;
        margin-right: 8px;
        margin-top: -7px;
        left: 0;
        width: 1rem;
        height: 1rem;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid rgba(64, 194, 255, .15);
        -webkit-box-shadow: 0 1px 4px 0 rgba(17, 47, 61, .24);
        box-shadow: 0 1px 4px 0 rgba(17, 47, 61, .24)
    }

    .input-group-progress .progress-handle:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 5px;
        height: 5px;
        content: "";
        background-color: #39ade5;
        border-radius: 50%
    }

    .input-group-progress .progress-filled {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #39ade5;
        border-radius: 0 0 0 2px
    }

    .deposit-bonus-select {
        display: none;
        color: #50b6e8
    }

    .deposit-bonus-select.nice-select {
        height: 47px
    }

    .deposit-bonus-select.nice-select:after {
        width: 7px;
        height: 7px;
        border-bottom-color: #060607;
        border-right-color: #060607
    }

    .deposit-bonus-select.nice-select .list {
        width: 100%;
        padding: 10px 0
    }

    .deposit-bonus-select.nice-select .option.selected {
        color: #39ade5;
        background-color: transparent;
        font-weight: 400
    }

    .deposit-bonus-select.nice-select .option:hover {
        color: #39ade5;
        background-color: transparent
    }

    .nice-select {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .nice-select {
        -webkit-tap-highlight-color: transparent;
        background-color: #fff;
        border-radius: 5px;
        border: solid 1px #cecece;
        clear: both;
        cursor: pointer;
        display: block;
        float: left;
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        height: 42px;
        line-height: 40px;
        outline: 0;
        padding-left: 18px;
        padding-right: 30px;
        position: relative;
        text-align: left !important;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        width: auto
    }

    .nice-select:hover {
        border-color: #c1c1c1
    }

    .nice-select:active, .nice-select:focus {
        border-color: #a2a2a2
    }

    .nice-select:after {
        border-bottom: 2px solid #a2a2a2;
        border-right: 2px solid #a2a2a2;
        content: "";
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        width: 5px
    }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 0 1px rgba(115, 115, 115, .11);
        box-shadow: 0 0 0 1px rgba(115, 115, 115, .11);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(.75) translateY(-21px);
        transform: scale(.75) translateY(-21px);
        -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
        transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
        z-index: 9
    }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: 0;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    .nice-select .option:hover {
        background-color: #e0e0e0
    }

    .nice-select .option.selected {
        font-weight: 700
    }
}

@media all and (min-width: 768px) {
    .bonus-calculator .calculator-inner .form-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media all and (min-width: 768px) {
    .bonus-calculator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .bonus-calculator .calculator-body {
        padding: 1.75rem 2rem
    }

    .bonus-calculator .calculator-result {
        width: 100%;
        max-width: 33.33334%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.75rem 2rem;
        border-radius: 0 .5rem .5rem 0
    }

    .bonus-calculator .calculator-result .result-group:last-child {
        margin-bottom: .5rem
    }
}

.section-bonus-calculator {
    padding: 2em 0;
    background: #eee
}

.casino-software {
    display: flex;
    margin: 10px 0
}

.casino-software-block {
    padding: 10px;
    margin: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    width: 170px
}

.casino-software-block img {
    max-width: 160px;
    border-radius: 10px
}

.casino-software-title {
    display: block;
    margin-top: 3px;
    text-align: center
}

.casino-top-bonuses {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 2em 0
}

.casino-top-bonuses-block {
    width: 260px;
    box-shadow: 0 5px 10px 0 #eee;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin: 1em
}

.casino-top-bonuses-launched {
    text-align: center;
    background: #39ade5;
    color: #fff;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.casino-top-bonuses-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.8em 1em 1em;
    border-radius: 10px 10px 0 0
}

.casino-top-bonuses-info {
    display: flex;
    padding: 1em 3px
}

.casino-top-bonuses-bonus {
    width: 55%;
    text-align: center;
    padding: 0 4px 0 0;
    border-right: solid 1px #dedede;
    font-size: 13px
}

.casino-top-bonuses-rating {
    width: 45%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.casino-top-bonuses-rating .rating-count {
    font-size: 13px;
    color: #777
}

.casino-top-bonuses-buttons {
    padding: 0 1.5em 1em
}

@media (max-width: 768px) {
    .casino-top-bonuses-block {
        min-width: 260px
    }
}

.sc {
    padding: 10px;
    background: #f1f9fd;
    border-radius: 10px;
    border: solid 1px #d7eef9
}

.sc-top {
    display: flex;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    align-items: center;
    border: solid 1px #d7eef9
}

.sc-logo-wrapper {
    background: #fbefef;
    display: flex;
    align-items: center;
    border-radius: 5px;
    width: 20%;
    justify-content: center
}

.sc-logo-wrapper img {
    width: 140px
}

.sc-bonus {
    padding: 0 10px;
    display: flex;
    width: 30%
}

.sc-bonus-desc {
    font-size: 17px;
    font-weight: 700
}

.sc-features {
    width: 30%
}

.sc-features ul {
    margin-bottom: 0
}

.sc-features ul li {
    line-height: 1 !important
}

.sc-button {
    width: 20%
}

.sc-requirements {
    font-size: 13px;
    color: #999
}

.sc-requirements p {
    color: #999
}

.sc-bottom {
    display: flex;
    justify-content: space-around
}

.sc-info {
    width: 32%;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: solid 1px #d7eef9
}

.sc-info p {
    font-size: 13px
}

.sc-info-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.sc-facts {
    width: 32%;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: solid 1px #d7eef9
}

.sc-param {
    display: flex;
    padding: 5px;
    margin-bottom: 5px;
    border: solid 1px #eee;
    font-size: 14px
}

.sc-key {
    width: 50%;
    font-weight: 700
}

.sc-value {
    width: 50%
}

.sc-bonusinfo {
    width: 32%;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: solid 1px #d7eef9
}

.sc-bonusblock {
    padding: 5px;
    margin: 5px;
    border: solid 1px #eee;
    border-radius: 5px
}

@media (max-width: 768px) {
    .sc-top, .sc-bottom {
        display: block
    }

    .sc-logo-wrapper, .sc-bonus, .sc-features, .sc-button, .sc-info, .sc-facts, .sc-bonusinfo {
        width: 100%;
        margin: 15px 0
    }
}

.home-slots-links {
    background: #f7f7f7;
    padding: 2em 0;
    margin-bottom: 2em
}

.home-slots-links-wrapper {
    display: flex;
    justify-content: space-around
}

.home-slots-links-block {
    width: 370px;
    box-shadow: 0 5px 10px 0 #eee;
    background: #fff;
    padding: 2em 2em 2em 6em;
    position: relative;
    overflow: hidden
}

.home-slots-links-block .icon {
    width: 128px;
    height: 128px;
    position: absolute;
    left: -48px;
    opacity: .8
}

.home-slots-links-block:hover {
    transform: translate3d(0, -4px, 0);
    transition: .5s
}

.home-slots-links-title {
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin-bottom: 1em
}

.home-slots-links-desc {
    line-height: 1.5 !important
}

.slots-most-popular {
    background: #f7f7f7;
    padding: 1em 0
}

.slots-most-popular .pre-title {
    padding: 0 20px 10px;
    text-align: center
}

.slots-most-popular-headline {
    text-align: center
}

.slots-most-popular-logo img {
    border-radius: 10px 10px 0 0
}

.slots-most-popular-title {
    text-align: center;
    font-weight: 700;
    font-size: 21px;
    display: block;
    padding: .5em;
    color: #060607
}

.slots-most-popular-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.slots-most-popular-block {
    width: 267px;
    box-shadow: 0 5px 10px 0 #eee;
    background: #fff;
    margin: 1em 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    border: solid 2px #eee
}

.slots-most-popular-info {
    background: #f7f7f7;
    margin: 10px 15px;
    border-radius: 5px;
    padding: 5px
}

.slots-most-popular-meta {
    display: flex
}

.slots-most-popular-date {
    width: 50%;
    text-align: center;
    border-right: solid 1px #ddd;
    font-size: 13px;
    color: #666
}

.slots-most-popular-date b {
    font-size: 16px;
    color: #060607
}

.slots-most-popular-soft {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.slots-most-popular-types {
    display: flex;
    flex-wrap: wrap;
    padding: 10px
}

.slots-most-popular-type {
    width: 50%;
    font-size: 13px;
    color: #666;
    margin-bottom: 3px
}

.slots-most-popular-type .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 3px
}

.slots-most-popular-tip {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #666
}

.slots-most-popular-buttons {
    padding: 5px 10px 10px
}

@media (max-width: 768px) {
    .slots-most-popular-wrapper {
        flex-wrap: nowrap;
        justify-content: left
    }

    .slots-most-popular-block {
        min-width: 267px;
        margin: 0 1em
    }
}

.article-output {
    padding: 2em
}

.article-output-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.article-output-block {
    margin: 1em 0;
    background: #fff;
    box-shadow: 0 5px 10px 0 #eee;
    padding: 1em 2em;
    width: 32%;
    transition: .1s;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.article-output-block:hover {
    transform: translate3d(0, -4px, 0)
}

.article-output-logo {
    min-width: 70px;
    min-height: 70px;
    margin: 1em auto;
    padding: 10px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -1em
}

.article-output-title {
    display: block;
    margin: .5em 0;
    font-weight: 700;
    font-size: 17px
}

.article-output-desc {
    color: #555;
    font-size: 13px;
    margin-bottom: 1em
}

@media (max-width: 768px) {
    .article-output {
        padding: 1em
    }

    .article-output-wrapper {
        display: block
    }

    .article-output-block {
        width: auto;
        margin: 1em
    }
}

.boc-wrap {
    padding: 10px;
    border-radius: 7px;
    background-color: #ffea9c;
    border: 1px solid #ffce1b
}

.boc-wrap .boc-item {
    display: flex;
    background: linear-gradient(90deg, #fffee8, #ffeddb);
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #ffce1b
}

.boc-wrap .boc-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.boc-wrap .boc-head i {
    width: 35px;
    height: 35px;
    margin-top: -5px;
    margin-bottom: -5px
}

.boc-wrap .boc-left {
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    margin-right: 20px
}

.boc-wrap .boc-right {
    flex: 1 1 auto
}

.boc-wrap .casino-title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700
}

.boc-wrap .boc-casino-bonus {
    color: #1cb956;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700
}

.boc-wrap .boc-title-wrap {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 10px
}

.boc-wrap .btw-left {
    flex: 1 1 auto
}

.boc-wrap .btw-right {
    flex: 0 0 auto;
    margin-left: 15px
}

.boc-wrap .compatible-block .caption {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 12px
}

.boc-wrap .compatible-block .compatible-list {
    display: flex;
    justify-content: center
}

.boc-wrap .compatible-block .compatible-list i {
    width: 30px;
    height: 30px;
    margin: 0 7px
}

.boc-wrap .feature-item {
    display: flex
}

.boc-wrap .feature-item i {
    width: 15px;
    height: 15px;
    margin-top: 4px
}

.boc-wrap .casino-paysys {
    padding-top: 10px;
    border-top: 1px solid #c9c9c9;
    margin-top: 10px
}

.boc-wrap .casino-paysys .caption {
    flex: 0 0 auto;
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 12px
}

.boc-wrap .casino-paysys .paysys-list {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    grid-gap: 0;
    margin: -2px
}

.boc-wrap .casino-paysys .image-item {
    display: flex;
    padding: 3px;
    margin: 2px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d8dedd;
    transition: border-color .2s linear
}

.boc-wrap .casino-paysys .image-item img {
    height: 20px;
    width: 50px
}

.boc-wrap .btn-wrap {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    text-align: center;
    margin: 10px 0 5px
}

.boc-wrap .btn-wrap .btn {
    font-size: 18px;
    width: 100%;
    max-width: 240px;
    padding: 10px;
    margin: 0 auto
}

.howto-register {
    border-left: 16px solid rgba(57, 173, 229, .25);
    background-color: rgba(57, 173, 229, .07);
    margin: 1.5rem auto;
    position: relative
}

.howto-register-inner {
    padding: 2rem 2.5rem
}

.howto-register-headline {
    font-size: 1rem;
    margin-bottom: 1rem
}

.howto-register-title {
    margin: .25rem 0;
    font-size: 1.25rem;
    vertical-align: middle
}

.howto-register-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1
}

.howto-register-glossary {
    position: absolute;
    top: 0;
    right: 0
}

.howto-register ol li * {
    display: inline-block
}

.howto-register .howto-register-desc {
    display: block;
    padding: 5px 0 25px 10px
}

@media (max-width: 768px) {
    .howto-register-inner {
        padding: 0;
        margin: 0
    }
}

.content-compare-table {
    display: flex;
    font-size: 12px;
    margin-top: 50px
}

.content-compare-table .ferst-rows {
    margin-left: 130px
}

.content-compare-table .rows-item {
    width: calc((100% - 130px) / 3);
    background-color: #f6f7f7;
    border: 1px solid #fff;
    min-width: 280px
}

.content-compare-table .rows-item > div {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px
}

.content-compare-table .rows-item > div:last-child {
    border-bottom: 0 solid rgba(0, 0, 0, .1)
}

.content-compare-table .item-bordercolor-red {
    border: 1px solid #2f8dd6
}

.content-compare-table .rows-item .name-cazino {
    color: #000;
    position: relative;
    padding: 60px 15px 5px;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 20px
}

.content-compare-table .logo-cazino {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: 8px;
    top: -50px;
    left: 20px;
    box-shadow: 0px 0px 3px #3089d6
}

.content-compare-table .rate-cazino {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #3c3;
    width: 85px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 20px;
    padding-right: 5px;
    letter-spacing: initial
}

.content-compare-table .icon {
    background-size: contain;
    background-repeat: no-repeat;
    padding-right: 5px
}

.content-compare-table .bonus {
    background: #2f8dd6;
    padding: 15px;
    font-size: 20px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 60px
}

.content-compare-table .payment_methods {
    display: flex;
    position: relative;
    padding: 10px 50px 10px 10px
}

.content-compare-table .img-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 60px
}

.content-compare-table .img-payment_methods {
    width: auto;
    height: 30px;
    padding-right: 5px
}

.content-compare-table .img-payment_methods.img-payment_methods-none {
    display: none
}

.content-compare-table .add-all {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    font-size: 12px;
    color: #939393;
    cursor: pointer
}

.content-compare-table .add-all:hover {
    color: #3089d6
}

.content-compare-table .allowed_in_ukraine {
    padding: 10px
}

.content-compare-table .icon-box {
    align-items: center;
    display: none;
    font-size: 12px
}

.content-compare-table .allowed_in_ukraine .icon {
    width: 14px;
    height: 14px;
    margin-right: 5px
}

.content-compare-table .allowed_in_ukraine.yes-box-activ .yes-box {
    display: flex
}

.content-compare-table .allowed_in_ukraine.no-box-activ .no-box {
    display: flex
}

.content-compare-table .game_providers img {
    width: auto;
    height: 23px
}

.content-compare-table .ferst-rows > div {
    position: relative
}

.content-compare-table .ferst-rows > div:before {
    content: "";
    position: absolute;
    left: -130px;
    top: 0;
    bottom: 0;
    font-size: 11px;
    letter-spacing: .5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 129px;
    color: #000;
    font-weight: 700
}

.content-compare-table .ferst-rows > div.name-cazino:before {
    content: "Казино & Рейтинг";
    align-items: flex-end
}

.content-compare-table .ferst-rows > div.bonus:before {
    content: "Бонус";
    background-color: #f6f7f7
}

.content-compare-table .ferst-rows > div.payment_methods:before {
    content: "Методы платежей"
}

.content-compare-table .ferst-rows > div.allowed_in_ukraine:before {
    content: "Языки";
    background-color: #f6f7f7
}

.content-compare-table .ferst-rows > div.live_games:before {
    content: "Live игры";
    background-color: transparent
}

.content-compare-table .ferst-rows > div.minimum_deposit:before {
    content: "Мин. депозит";
    background-color: #f6f7f7
}

.content-compare-table .ferst-rows > div.licenses:before {
    content: "Лицензия"
}

.content-compare-table .ferst-rows > div.game_providers:before {
    content: "Провайдеры игр";
    background-color: #f6f7f7
}

.content-compare-table-ovs {
    overflow-x: scroll;
    scrollbar-width: 0px
}

.content-compare-table-ovs::-webkit-scrollbar, .content-compare-table-ovs::-webkit-scrollbar {
    height: 0;
    width: 0;
    background-color: transparent
}

.content-compare-table .rows-item > div.game_providers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 90px
}

@media (max-width: 768px) {
    .content-compare-table .ferst-rows {
        margin-left: 90px
    }

    .content-compare-table .ferst-rows > div:before {
        left: -90px;
        width: 89px
    }
}

.casino-game-categori {
    background: #f6f9f9;
    padding: 0 10px 10px;
    border: 1px solid #d8dedd;
    border-bottom: 0;
    border-top: 0
}

.casino-game-categori .item {
    padding: 0 5px 10px 35px;
    border-bottom: 1px solid #d8dedd;
    position: relative
}

.casino-game-categori .item:before {
    content: "";
    position: absolute;
    background-image: url("/theme/images/icons/ico-star.png");
    left: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.casino-game-categori .title {
    font-weight: 700;
    margin-bottom: 10px
}

.casino-game-categori.ferst {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #d8dedd;
    padding-top: 10px
}

.casino-game-categori.last {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #d8dedd
}

.casino-game-categori.last .item {
    border-bottom: 0
}

.casino-bonus {
    display: flex;
    width: 100%;
    border: solid 1px #eee;
    padding: 10px 10px 10px 55px;
    border-left: solid 50px #39ade5;
    border-radius: 10px;
    position: relative;
    margin-bottom: .5em;
    background: #f7f7f7
}

.casino-bonus-head {
    flex: 0 0 200px;
    display: flex;
    align-items: center;
    font-size: 19px
}

.casino-bonus-headline {
    font-weight: 700;
    color: #39ade5
}

.casino-bonus .icon {
    position: absolute;
    text-align: center;
    left: 0;
    top: 50%;
    width: 81px;
    height: 81px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #39ade5;
    transform: translate(-50%, -50%)
}

.casino-bonus-value {
    font-size: 13px;
    font-weight: 700
}

.casino-bonus-body {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.casino-bonus-field {
    padding: 5px 20px;
    width: 40%
}

.casino-bonus-key {
    font-size: 11px;
    color: #777
}

.casino-bonus-buttons {
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.casino-bonus-apply {
    flex: 0 0 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777
}

@media (max-width: 768px) {
    .casino-bonus {
        display: block
    }
}

.content-steps-block {
    width: 70%;
    margin: 10px auto;
    border-radius: 10px;
    border: solid 1px #eee
}

.content-steps-title {
    background: #4161d0;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    display: block;
    padding: 15px;
    color: #fff
}

.content-steps-inner {
    padding: 15px 10px;
    display: flex;
    justify-content: space-around
}

.content-steps-description {
    width: 48%;
    font-size: 15px
}

.content-steps-logo img {
    border-radius: 10px
}

.content-lists {
    border-radius: 10px;
    margin: auto;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .05)
}

.content-lists-title {
    background: linear-gradient(-90deg, #5c3ae1, #28bbf2);
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    display: block;
    padding: 15px;
    color: #fff;
    margin: 0
}

.content-lists-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 1em
}

.content-lists-block {
    width: 47%;
    margin: 10px auto
}

.content-lists-inner {
    display: flex
}

.content-lists-description {
    font-size: 14px;
    font-style: italic
}

.content-lists-titles {
    padding: 10px 0;
    border-bottom: solid 1px #e3e6e9;
    font-weight: 700
}

.content-lists-logo {
    min-width: 80px;
    margin: 0 2em;
    display: flex;
    align-items: center
}

.content-lists-logo img {
    border-radius: 10px
}

@media (max-width: 768px) {
    .content-lists {
        width: 100%
    }

    .content-lists-block {
        width: 100%
    }

    .content-lists-inner {
        flex-wrap: wrap;
        justify-content: center
    }
}

.content-propsandcons-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.content-features {
    width: 49%;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .05)
}

.content-features-headline {
    font-weight: 700;
    color: #555;
    font-size: 16px;
    padding: 15px
}

.content-features i.icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.content-features ul.content-features-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 768px) {
    .content-features {
        width: 100%;
        margin: 1em 0
    }
}

.content-ponimanie-bonusov {
    background-color: #eff3fb;
    color: #fff
}

.content-ponimanie-bonusov .box-title {
    background-color: #f1f9fd;
    padding: 30px 20px 45px
}

.content-ponimanie-bonusov .box-title .title {
    color: #3a3e44;
    text-align: left;
    font-size: 20px;
    margin: 10px 0;
    font-weight: 700
}

.content-ponimanie-bonusov .box-title .pre-title {
    color: #3a3e44
}

.content-ponimanie-bonusov .vopros-items {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin-top: -30px
}

.content-ponimanie-bonusov .vopros-items .vopros-items-box {
    display: flex;
    align-items: stretch;
    margin-left: -4px;
    margin-right: -4px
}

.content-ponimanie-bonusov .vopros-items .item {
    width: 25%;
    padding-left: 4px;
    padding-right: 4px
}

.content-ponimanie-bonusov .vopros-items .item .item-box {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 5px #d7d7d7;
    border-radius: 5px;
    padding: 0 10px 10px;
    height: 100%
}

.content-ponimanie-bonusov .vopros-items .item .item-box .sm-title {
    color: #1b4196;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    padding: 15px 0
}

.content-ponimanie-bonusov .vopros-items .item .item-box .ferst {
    text-align: left
}

.content-ponimanie-bonusov .vopros-items .item .item-box .vopros {
    background: linear-gradient(-90deg, #5c3ae1, #28bbf2);
    color: #fff;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    font-size: 13px;
    line-height: 20px
}

.content-ponimanie-bonusov .vopros-items .item .item-box .vopros:before {
    position: absolute;
    top: -4px;
    left: 13px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 4px;
    border-color: transparent transparent #2196f3
}

.content-ponimanie-bonusov .vopros-items .item .item-box .otvet {
    background: linear-gradient(-90deg, #4caf50, #8bba50);
    color: #fff;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    font-size: 16px
}

.content-ponimanie-bonusov .vopros-items .item .item-box .otvet:before {
    position: absolute;
    top: -4px;
    right: 13px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 4px;
    border-color: transparent transparent #4caf50
}

@media (max-width: 768px) {
    .content-ponimanie-bonusov .vopros-items .vopros-items-box {
        flex-direction: column
    }

    .content-ponimanie-bonusov .vopros-items .item {
        width: 100%;
        margin-bottom: 10px
    }

    .content-ponimanie-bonusov .vopros-items .item .item-box .vopros {
        margin-right: 20px
    }

    .content-ponimanie-bonusov .vopros-items .item .item-box .otvet {
        margin-left: 20px
    }
}

.content-promo-box {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0px 10px 1px #eee;
    padding-bottom: 10px
}

.content-promo-box .content-promo-box-data {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.content-promo-box .logo-box {
    max-width: 150px;
    min-height: 100px;
    display: block;
    border-radius: 8px;
    padding: 1em
}

.content-promo-box .logo-box img {
    width: 100%
}

.content-promo-box .box-bonus {
    text-align: center
}

h1, h2, h3 {
    text-align:center;
}

.content-promo-box .box-bonus .spanh1 {
    display: block;
    font-size: 13px
}

.content-promo-box .box-bonus .spanh2 {
    display: block;
    font-size: 40px;
    line-height: 32px;
    font-weight: 600
}

.content-promo-box .box-bonus .spanh3 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

.content-promo-box .box-haract {
    margin: 5px 0 0 2px;
    list-style: none;
    font-size: 12px;
    padding: 0;
    color: #436e82
}

.content-promo-box .box-haract li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 218px
}

.content-promo-box .box-haract i {
    min-width: 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.content-promo-box .btn-box {
    min-width: 125px
}

.content-promo-box .requirements-box {
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    border: solid 1px #d3d6d9;
    background: #f4f5f8;
    border-radius: 5px;
    font-size: 13px;
    text-align: center
}

@media (max-width: 768px) {
    .content-promo-box {
        width: 100%;
        padding: 0 10px 10px
    }

    .content-promo-box .content-promo-box-data {
        flex-direction: column
    }

    .content-promo-box .logo-box {
        padding-bottom: 0
    }

    .content-promo-box .box-bonus {
        padding-bottom: 10px
    }

    .content-promo-box .box-haract {
        padding-bottom: 10px
    }

    .content-promo-box .box-haract li {
        text-align: center
    }

    .content-promo-box .btn-box {
        margin-bottom: 20px
    }

    .content-promo-box .requirements-box {
        width: 100%
    }
}

.content-standart-bezopasnocti {
    background-color: #f9f9f9;
    padding: 19px 23px 21px
}

.content-standart-bezopasnocti .box-title {
    margin-bottom: 23px;
    text-align: center
}

.content-standart-bezopasnocti .box-title h2 {
    font-size: 23px
}

.content-standart-bezopasnocti .box-title .pre-title {
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em
}

.content-standart-bezopasnocti .item-box {
    background: #fff;
    border-radius: 0;
    padding: 18px 20px 18px 0;
    margin-top: 10px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .7)
}

.content-standart-bezopasnocti .item-box .item {
    display: flex;
    flex-direction: row;
    align-items: center
}

.content-standart-bezopasnocti .item-box .item .img-box {
    min-width: 10%
}

.content-standart-bezopasnocti .item-box .item .img-box img {
    margin: 0 auto;
    display: block
}

.content-standart-bezopasnocti .item-box .item .box-content .title {
    display: block;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #414141
}

.content-standart-bezopasnocti .item-box .item .box-content .pre-title {
    font-size: 16px;
    color: #414141
}

.content-standart-bezopasnocti .item-box:first-child {
    border-top: 4px solid #1d7b18
}

@media (max-width: 450px) {
    .content-standart-bezopasnocti .item-box .item {
        flex-direction: column
    }

    .content-standart-bezopasnocti .item-box .item .img-box {
        padding-bottom: 10px
    }

    .content-standart-bezopasnocti .item-box {
        padding-left: 20px;
        padding-bottom: 0
    }

    .content-standart-bezopasnocti .item-box:last-child {
        padding-bottom: 18px
    }

    .content-standart-bezopasnocti .item-box .item .box-content .title {
        text-align: center
    }

    .content-standart-bezopasnocti .item-box .item .box-content .pre-title {
        text-align: center
    }
}

.content-blue-bonus .blue-bonus-items {
    margin: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.content-blue-bonus .blue-bonus-items .item-box {
    padding: 15px 20px;
    margin: 0;
    width: 49%;
    border: solid 1px #e3e6e9;
    margin-bottom: 1em;
    border-radius: 10px
}

.content-blue-bonus .blue-bonus-items .item {
    position: relative;
    padding: 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: #3a3e44;
    text-align: justify
}

.content-blue-bonus .blue-bonus-items .item .title {
    display: block;
    color: #3a3e44;
    text-shadow: 1px 1px #e4e4e4;
    font-weight: 700;
    line-height: 24px
}

.content-blue-bonus .blue-bonus-items .item .text {
    font-size: 14px;
    line-height: 1.3
}

.content-blue-bonus .blue-bonus-items .item .title:before {
    content: " ";
    display: inline-block;
    margin: -5px 8px 0 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("/ua/theme/images/icons/icon-forward.svg") center no-repeat;
    background-size: cover
}

.content-blue-bonus .blue-bonus-items .item .title:after {
    content: " ";
    display: block;
    background: #ebebeb;
    width: 100%;
    height: 1px;
    margin: 5px 0
}

.content-blue-bonus .blue-bonus-items .item .pre-title img {
    float: right;
    margin: 5px 0 10px 20px;
    max-width: 80px;
    height: auto
}

@media (max-width: 768px) {
    .content-blue-bonus .blue-bonus-items .item-box {
        width: 100%;
        padding: 10px
    }
}

@media (max-width: 700px) {
    .content-blue-bonus .blue-bonus-items .item .pre-title img {
        float: none;
        display: block;
        margin: 10px auto
    }
}

.content-payment-methods .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.content-payment-methods .items .box-item {
    width: calc(50% - 8px);
    margin-bottom: 15px
}

.content-payment-methods .items .box-item .item {
    background-color: #fff;
    border: 1px solid #cecece;
    height: 100%
}

.content-payment-methods .items .box-item .item .heder-box {
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.content-payment-methods .items .box-item .item .heder-box:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    height: 2px;
    background-color: #cecece;
    bottom: 0
}

.content-payment-methods .items .box-item .item .heder-box .name-box {
    position: relative;
    padding-right: 40px;
    display: block
}

.content-payment-methods .items .box-item .item .heder-box .name-box:before {
    content: "+";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    margin-top: -14px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
    color: #686868;
    border-radius: 50%;
    cursor: pointer
}

.content-payment-methods .items .box-item .item .cont-box {
    position: relative;
    transition: .2s;
    height: auto;
    opacity: 1
}

.content-payment-methods .items .box-item .item .cont-box:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    height: 2px;
    background-color: #cecece;
    bottom: 0
}

.content-payment-methods .items .box-item .item .cont-box .depozit-box {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.content-payment-methods .items .box-item .item .cont-box .depozit-box .depozit-item {
    position: relative;
    padding: 0 0 0 21px;
    display: inline-block;
    width: 50%;
    font-size: 16px;
    font-weight: 700
}

.content-payment-methods .items .box-item .item .cont-box .depozit-box .depozit-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    background-image: url("/theme/images/icons/tick-cross.png");
    background-position: -15px 0;
    background-repeat: no-repeat;
    height: 14px;
    background-size: auto
}

.content-payment-methods .items .box-item .item .cont-box .depozit-box .depozit-item.active:before {
    background-position: 0 0
}

.content-payment-methods .items .box-item .item .cont-box .metod {
    padding: 0 20px 20px
}

.content-payment-methods .items .box-item .item .ur-box {
    font-size: 12px;
    color: #0c95c2;
    font-weight: 700;
    padding: 20px
}

.content-payment-methods .items .box-item .item .ur-box span.h3 {
    color: #3a3e44;
    display: block;
    margin-bottom: 5px
}

.content-payment-methods .items .box-item .item .ur-box a {
    color: #1b95d0;
    text-decoration: none
}

.content-payment-methods .items .box-item.activ .item .cont-box {
    display: none;
    height: 0;
    opacity: 0
}

.content-payment-methods .items .box-item.activ .item .ur-box {
    display: none
}

.content-payment-methods .items .box-item.activ .item .heder-box:before {
    display: none
}

.content-howtofind-best-casino-sites {
    background-color: #f4f5f8;
    border-radius: 7px;
    padding: 15px
}

.content-howtofind-best-casino-sites h2 {
    text-align: center
}

.content-howtofind-best-casino-sites .pretitles {
    text-align: center
}

.content-howtofind-best-casino-sites .box-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.content-howtofind-best-casino-sites .box-item .items {
    width: 20%;
    min-width: 225px;
    margin-bottom: 20px
}

.content-howtofind-best-casino-sites .box-item .item {
    background-color: #fff;
    border-radius: 7px;
    padding: 3px;
    margin: 10px;
    height: 100%
}

.content-howtofind-best-casino-sites .box-item .item .box-img {
    position: relative;
    margin-bottom: 15px
}

.content-howtofind-best-casino-sites .box-item .item .box-img img {
    width: 100%
}

.content-howtofind-best-casino-sites .box-item .item .item-title {
    font-weight: 700;
    padding: 5px 10px 10px 7px
}

.content-howtofind-best-casino-sites .box-item .item .item-desc {
    text-decoration: none;
    padding: 0 10px 5px 7px
}

.content-list-four-boxes {
    background-color: #39ade5;
    padding: 0 60px;
    display: flex
}

.content-list-four-boxes .item {
    width: 25%;
    padding: 20px;
    position: relative
}

.content-list-four-boxes .item .box-img {
    padding-bottom: 20px;
    text-align: center
}

.content-list-four-boxes .item .box-img img {
    margin: 0 auto
}

.content-list-four-boxes .title {
    font-size: 1.4em;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    text-align: center
}

.content-list-four-boxes .pretitle {
    color: #fff;
    margin-bottom: 80px
}

.content-list-four-boxes .btn-box {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 45px
}

@media (max-width: 992px) {
    .content-list-four-boxes {
        flex-wrap: wrap
    }

    .content-list-four-boxes .item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .content-list-four-boxes {
        flex-wrap: wrap;
        padding: 0
    }

    .content-list-four-boxes .item {
        width: 100%
    }
}

.content-top-providers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch
}

.content-top-providers .items {
    width: 20%;
    min-width: 200px
}

.content-top-providers .item .heder .title {
    margin: 10px 0;
    color: #111b36;
    font-style: italic;
    text-align: center
}

.content-top-providers .item .box {
    background-color: #f9f9f9;
    padding: 0 10px 10px
}

.content-top-providers .item .box .box-logo-title {
    position: relative
}

.content-top-providers .item .box .box-logo-title .box-logo {
    width: 70px;
    height: 70px;
    border-radius: 0 0 50% 50%;
    box-shadow: 0px 1px 2px 0px #000;
    display: inline-block;
    border: solid 1px #3a3e44;
    border-top: 0
}

.content-top-providers .item .box .box-logo-title .box-logo img {
    width: 100%;
    height: auto;
    padding: 12px 2px
}

.content-top-providers .item .box .box-logo-title .title {
    position: absolute;
    right: 0;
    top: 15px;
    left: 80px;
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.content-top-providers .item .box .box-table {
    padding-top: 15px
}

.content-top-providers .item .box .box-table .item {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.content-top-providers .item .box .box-table .item .lohg {
    font-size: 13px;
    font-weight: 700;
    background: #f9f9f9;
    padding-right: 20px;
    z-index: 2;
    width: 85px
}

.content-top-providers .item .box .box-table .item .caynt {
    background: #f9f9f9;
    font-size: 13px;
    z-index: 2;
    width: 50px;
    padding-left: 5px;
    white-space: nowrap
}

.content-top-providers .item .box .box-table .item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #333;
    background-color: #333;
    z-index: 1
}

.content-top-providers .item .box .content-box {
    background: #fff;
    box-shadow: 0 0px 10px 1px #eee;
    padding: 10px;
    border-radius: 9px;
    margin-top: 10px
}

.content-top-providers .item .box .content-box .cont {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px
}

.content-top-providers .item .box .content-box .cont p {
    font-size: 14px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 10;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    text-align: left;
    margin: 0
}

.content-top-providers .item .box .content-box .cont:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%)
}

.content-top-providers .item .box .content-box .cont:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%)
}

.content-top-providers .item .box .content-box .box-all {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.content-top-providers .item .box .content-box .box-all .all-game {
    padding: 0;
    font-size: 14px;
    text-align: center;
    position: relative;
    margin: 8px
}

.content-top-providers .item .box .content-box .box-all .all-game span {
    display: block;
    font-weight: 700
}

.content-top-providers .item .box .content-box .box-all .all-game.ferst:before {
    content: "";
    position: absolute;
    right: -8px;
    bottom: 0;
    top: 0;
    width: 1px;
    background: linear-gradient(to bottom, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%)
}

.content-top-providers .item .box .content-box .box-all:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(243, 244, 245, 1) 0%, rgba(170, 170, 170, 1) 47%, rgba(243, 244, 245, 1) 100%)
}

.content-top-providers .item .box .content-box .box-btn {
    text-align: center;
    padding-top: 10px
}

.content-top-providers .requirements p {
    text-align: center;
    text-overflow: ellipsis
}

.content-top-providers .casino-bonus-headline {
    display: flex;
    height: 41px;
    justify-content: center;
    align-items: center;
    line-height: 15px
}

@media (max-width: 768px) {
    .content-top-providers .items {
        min-width: 300px
    }
}

.news-last {
    margin-bottom: 2em
}

.news-last-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.news-last-block {
    width: 100%;
    max-width: 370px;
    background: #f6f9f9;
    border: 1px solid #d8dedd;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.news-last-img {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block
}

.news-last-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px
}

.news-last-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.news-last-meta {
    margin: 1em 10px
}

.news-last-date {
    font-weight: 700;
    color: #777;
    display: inline-block;
    font-size: 13px
}

.news-last-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 0 10px 1rem
}

.news-last-tag {
    font-size: 13px;
    font-weight: 700
}

.news-last-tag:before {
    content: "·";
    padding: 0 .5em;
    margin-left: -.24em
}

.news-last-author {
    font-weight: 700;
    font-size: 13px;
    margin: 0 10px
}

.news-last-author img {
    width: 32px;
    vertical-align: middle;
    border-radius: 100%;
    margin-right: 5px
}

@media (max-width: 768px) {
    .news-last-wrapper {
        display: flex
    }
}

.home-promo {
    padding: 3em 0;
    background: url("/theme/images/pattern.svg"), linear-gradient(-90deg, #5c3ae1, #28bbf2);
    color: #fff
}

.home-promo-wrapper {
    display: flex;
    justify-content: space-around
}

.home-promo-item {
    width: 25%
}

.home-promo-headline {
    text-align: center
}

.home-promo-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .5rem;
    text-align: center
}

.home-promo-desc {
    font-size: .75rem;
    line-height: 1.8;
    text-align: center
}

.home-promo-logo {
    background: #fff;
    border-radius: 100%;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em auto
}

.home-promo-logo i {
    display: block;
    width: 91px;
    height: 91px;
    background-size: cover
}

.home-promo-logo .icon-friends {
    background-image: url("/theme/images/icons/icon-friends.svg")
}

.home-promo-logo .icon-chips {
    background-image: url("/theme/images/icons/icon-chips.svg")
}

.home-promo-logo .icon-medal {
    background-image: url("/theme/images/icons/icon-medal.svg")
}

.home-promo-accordion {
    margin: 2em
}

.home-promo-accordion .accordion-title:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("/theme/images/icons/icon-round-check.svg");
    vertical-align: middle;
    margin-right: 10px
}

@media (max-width: 768px) {
    .home-promo-wrapper {
        display: block
    }

    .home-promo-item {
        width: 100%
    }
}

.faq {
    max-width: 980px;
    margin: auto auto 3em
}

.faq-headline {
    margin: 2em 0;
    text-align: center
}

.faq-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em
}

.faq .icon-faq {
    width: 82px !important;
    height: 82px !important;
    margin-right: 2em
}

.faq-title {
    font-weight: 700;
    font-size: 17px
}

.faq-desc p {
    font-size: 15px;
    color: #444;
    padding: 0;
    margin: 0
}

.faq-text {
    position: relative;
    min-height: 3.75rem;
    background-color: #ecf7fc;
    border-radius: 2.25rem;
    padding: 1.125rem 1.25rem;
    line-height: 1.8;
    width: 100%
}

.faq-text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 24px;
    height: 24px;
    background: inherit;
    margin-left: -10px;
    z-index: -1
}

@media (max-width: 768px) {
    .faq .icon-faq {
        width: 48px !important;
        height: 48px !important
    }
}

.article-recommendation {
    background: #f7f7f7;
    padding: 2em
}

.article-recommendation-wrapper {
    display: flex;
    justify-content: center
}

.article-recommendation-block {
    margin: 1em;
    background: #fff;
    box-shadow: 0 5px 10px 0 #eee;
    padding: 2em;
    width: 370px;
    transition: .1s
}

.article-recommendation-block:hover {
    transform: translate3d(0, -4px, 0)
}

.article-recommendation-logo {
    width: 128px;
    margin: 1em auto
}

.article-recommendation-title {
    display: block;
    text-align: center;
    margin: 1em;
    font-weight: 700;
    font-size: 17px
}

.article-recommendation-desc {
    text-align: center;
    color: #555;
    margin-bottom: 1em
}

.article-recommendation-link {
    text-align: center
}

@media (max-width: 768px) {
    .article-recommendation {
        padding: 1em
    }

    .article-recommendation-wrapper {
        display: block
    }

    .article-recommendation-block {
        width: auto;
        margin: 1em
    }
}

.article-contributors {
    margin: 2em 0;
    display: flex
}

.article-contributors-inner {
    display: flex;
    margin-left: 1em
}

.article-contributors-headline {
    margin-top: 1em;
    margin-bottom: 1em
}

.article-contributors-block {
    display: flex;
    padding: 10px;
    border: solid 1px #f3f6f9;
    margin-right: 1em
}

.article-contributors-avatar {
    margin-right: 20px
}

.article-contributors-avatar img {
    border-radius: 100%;
    max-width: 100%
}

.article-contributors-title {
    font-weight: 700;
    font-size: 17px;
    display: block;
    margin-bottom: 10px
}

.article-contributors-desc {
    font-size: 14px;
    line-height: 1;
    color: #666 !important;
    margin: 0
}

.article-contributors-info {
    width: 75%
}

@media (max-width: 768px) {
    .article-contributors {
        display: block
    }

    .article-contributors-inner {
        display: block
    }

    .article-contributors-block {
        margin: 10px 0
    }
}

.subscribe {
    background: #39ade5;
    color: #fff;
    padding: 2em 0
}

.subscribe-inner {
    display: flex
}

.subscribe-info {
    width: 50%;
    text-align: end;
    margin-right: 1em
}

.subscribe-form {
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.subscribe-form #email {
    padding: 15px 20px;
    border: solid 1px rgba(0, 0, 0, .25);
    border-radius: 10px;
    width: 50%;
    margin-right: 10px
}

.subscribe-form .btn-subscribe {
    padding: 15px 30px;
    background: #77d47d;
    box-shadow: none
}

.subscribe-title {
    font-size: 1.4em;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .subscribe-inner {
        display: block
    }

    .subscribe-form {
        width: 100%
    }

    .subscribe-info {
        width: 100%;
        text-align: center;
        margin-right: 0
    }
}

.bonuses-mini {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.bonus-mini {
    width: 210px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 5px 10px 0 #eee;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.bonus-mini-logo {
    height: 120px;
    display: flex;
    justify-items: center;
    align-items: center;
    padding: 1em
}

.bonus-mini-bonus {
    text-align: center;
    margin: 1em 0 .5em
}

.bonus-mini-buttons {
    padding: 10px;
    text-align: center
}

.bonus-mini-apply {
    height: 60px;
    overflow: auto;
    font-size: 11px
}

.bonus-mini-apply p {
    line-height: 1.3;
    color: #999;
    text-align: center;
    margin: 0;
    padding: 0 3px
}

.bonus-mini-properties {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 1em .5em
}

.bonus-mini-property {
    width: 45%;
    margin-bottom: 1em
}

.bonus-mini-key {
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.bonus-mini-value {
    font-size: 12px;
    text-align: left;
    color: #777
}

.bonus-mini-apply::-webkit-scrollbar {
    width: 8px;
    background-color: #fff
}

.bonus-mini-apply::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: rgba(0, 0, 0, .1)
}

.bonuses-filter {
    background: #39ade5;
    padding: 10px 3em;
    border-radius: 10px;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.bonuses-filter-btn.bonuses-filter-active {
    background: rgba(255, 255, 255, .3)
}

.bonuses-filter-btn {
    padding: 7px 20px;
    border-radius: 30px;
    border: solid 1px #eee;
    cursor: pointer
}

.bonuses-filter-btn img {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    margin-right: 10px
}

.bonuses-mini.bonuses-list-Cashback .bonus-mini {
    display: none
}

.bonuses-mini.bonuses-list-Cashback .bonus-mini[data-type=Cashback] {
    display: flex
}

@media (max-width: 768px) {
    .bonuses-filter {
        display: flex;
        flex-wrap: wrap;
        padding: 10px
    }

    .bonuses-filter-btn {
        width: 47%;
        margin: 3px;
        padding: 7px 10px;
        font-size: 14px
    }
}

.content-blocks-basic {
    position: relative
}

.content-blocks-basic-headline {
    margin-bottom: 1em;
    width: 75%;
    display: flex
}

.content-blocks-basic-headline:before {
    content: "";
    width: 9px;
    background: #39ade5;
    border-radius: 7px;
    margin-right: 10px
}

.content-blocks-basic-rating {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0
}

.content-blocks-basic-rating-headline {
    font-weight: 700;
    font-size: 14px;
    margin-right: 5px;
    color: #bbb
}

.content-blocks-basic-rating-headline span {
    font-size: 24px;
    color: #39ade5
}

.content-blocks-basic-rating .rating-val {
    width: 16px;
    height: 8px;
    border-radius: 20%;
    margin: 1px;
    background: #39ade5
}

@media (max-width: 768px) {
    .content-blocks-basic {
        margin: 0 .5em
    }

    .content-blocks-basic-headline {
        padding-left: 0
    }

    .content-blocks-basic-headline:before {
        content: none
    }

    .content-blocks-basic-rating {
        position: relative;
        display: flex;
        justify-content: start;
        align-items: center;
        top: 0
    }

    .content-blocks-basic-rating .rating-val {
        width: 36px;
        height: 6px;
        border-radius: 1px;
        margin: 1px;
        background: #39ade5
    }

    .content-blocks-basic-rating-headline {
        font-weight: 700;
        font-size: 14px;
        margin-left: 5px;
        color: #bbb;
        order: 99;
        position: absolute;
        right: 0;
        top: -20px
    }

    .content-blocks-basic-rating-headline span {
        font-size: 17px;
        color: #000
    }
}

.content-blocks-summary {
    width: 840px;
    margin: auto;
    padding: 2em;
    border-top: solid 1px #eee;
    position: relative;
    background-image: linear-gradient(66deg, #505389 1%, #2e2f59 45%, #2a2a4f 99%);
    border-radius: 15px;
    color: #fff
}

.content-blocks-summary h2 {
    color: #fff
}

.content-blocks-summary-headline {
    margin-bottom: 1em
}

.content-blocks-summary p {
    color: #fff !important;
    font-size: 14px
}

.content-blocks-summary-actions {
    display: flex;
    margin-top: 1em
}

.content-blocks-summary-actions .btn {
    flex: 0 0 250px;
    margin-right: 2em
}

.content-blocks-summary-rating {
    display: flex;
    align-items: center
}

.content-blocks-summary-rating-headline {
    font-weight: 700;
    font-size: 14px;
    margin-right: 5px;
    color: #bbb
}

.content-blocks-summary-rating-headline span {
    font-size: 24px;
    color: #39ade5
}

.content-blocks-summary-rating .rating-val {
    width: 16px;
    height: 8px;
    border-radius: 20%;
    margin: 1px;
    background: #39ade5
}

@media (max-width: 768px) {
    .content-blocks-summary {
        width: auto;
        border-radius: 0
    }

    .content-blocks-summary-actions {
        display: block
    }

    .content-blocks-summary-rating {
        display: flex;
        margin: 4% auto;
        justify-content: center;
        align-items: baseline
    }
}

.content-blocks-devices {
    display: flex;
    justify-content: space-between
}

.content-blocks-devices .content-blocks-android, .content-blocks-devices .content-blocks-ios {
    background: #f4f5f8;
    color: #393d53;
    border-radius: 10px;
    padding: 15px;
    flex: 0 0 49%
}

.content-blocks-devices .content-blocks-android .icon, .content-blocks-devices .content-blocks-ios .icon {
    margin-right: 10px
}

.content-blocks-devices .content-blocks-android h3, .content-blocks-devices .content-blocks-ios h3 {
    display: flex;
    align-items: center
}

.content-blocks-devices .content-blocks-android p, .content-blocks-devices .content-blocks-ios p {
    font-size: 14px
}

@media (max-width: 768px) {
    .content-blocks-devices {
        flex-direction: column
    }

    .content-blocks-devices .content-blocks-ios {
        margin-bottom: 1em
    }
}

.btn-green {
    color: #fff;
    background-color: #25b62f;
    border-color: #25a32b
}

.btn-yellow {
    color: #060607;
    background-color: #ffca07;
    border-color: #fba200
}

.btn-blue {
    background: #349dee;
    color: #fff
}

.btn-purple {
    background-image: linear-gradient(225deg, #9854df, #d54ace 52%, #9458ad);
    color: #fff
}

.btn {
    padding: 11px 0;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: solid 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25)
}

.btn-block {
    display: block;
    width: 100%
}

.btn-green {
    color: #fff;
    background-color: #25b62f;
    border-color: #25a32b
}

.btn-yellow {
    color: #060607;
    background-color: #ffca07;
    border-color: #fba200
}

.btn-blue {
    background: #349dee;
    color: #fff
}

.btn-purple {
    background-image: linear-gradient(225deg, #9854df, #d54ace 52%, #9458ad);
    color: #fff
}

.btn {
    padding: 11px 0;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: solid 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25)
}

.btn-block {
    display: block;
    width: 100%
}

.icon {
    display: block;
    background-size: cover;
    width: 32px;
    height: 32px
}

.icon-text {
    display: inline-block;
    background-size: cover;
    min-width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px
}

.icon-check {
    background-image: url("/theme/images/icons/icon-check.svg")
}

.icon-slots {
    background-image: url("/theme/images/icons/icon-slots.svg")
}

.icon-roulette {
    background-image: url("/theme/images/icons/icon-roulette.svg")
}

.icon-cookie {
    background-image: url("/theme/images/icons/icon-cookies.svg")
}

.icon-blackjack {
    background-image: url("/theme/images/icons/icon-blackjack.svg")
}

.icon-check-green {
    background-image: url("/theme/images/icons/icon-check-green.svg")
}

.icon-cross {
    background-image: url("/theme/images/icons/icon-cross.svg")
}

.icon-faq {
    background-image: url("/theme/images/icons/icon-faq.svg")
}

.icon-launched {
    background-image: url("/theme/images/icons/icon-launched.svg")
}

.icon-white-label {
    background-image: url("/theme/images/icons/icon-white-label.svg")
}

.icon-based {
    background-image: url("/theme/images/icons/icon-based.svg")
}

.icon-countries {
    background-image: url("/theme/images/icons/icon-countries.svg")
}

.icon-office {
    background-image: url("/theme/images/icons/icon-office.svg")
}

.icon-ceo {
    background-image: url("/theme/images/icons/icon-ceo.svg")
}

.icon-languages {
    background-image: url("/theme/images/icons/icon-languages.svg")
}

.icon-currencies {
    background-image: url("/theme/images/icons/icon-currencies.svg")
}

.icon-payout {
    background-image: url("/theme/images/icons/icon-payout.svg")
}

.icon-email {
    background-image: url("/theme/images/icons/icon-email.svg")
}

.icon-phone {
    background-image: url("/theme/images/icons/icon-phone.svg")
}

.icon-twitter {
    background-image: url("/theme/images/icons/icon-twitter.svg")
}

.icon-facebook {
    background-image: url("/theme/images/icons/icon-facebook.svg")
}

.icon-chat {
    background-image: url("/theme/images/icons/icon-chat.svg")
}

.icon-slots2 {
    background-image: url("/theme/images/icons/icon-slots2.svg")
}

.icon-slots3 {
    background-image: url("/theme/images/icons/icon-slots-3.svg")
}

.icon-blackjack2 {
    background-image: url("/theme/images/icons/icon-blackjack2.svg")
}

.icon-roulette2 {
    background-image: url("/theme/images/icons/icon-roulette2.svg")
}

.icon-live {
    background-image: url("/theme/images/icons/icon-live.svg")
}

.icon-poker {
    background-image: url("/theme/images/icons/icon-poker.svg")
}

.icon-baccarat {
    background-image: url("/theme/images/icons/icon-baccarat.svg")
}

.icon-bonus-border {
    background-image: url("/theme/images/icons/icon-bonus-border.svg")
}

.icon-released {
    background-image: url("/theme/images/icons/slot/icon-released.svg")
}

.icon-provider {
    background-image: url("/theme/images/icons/slot/icon-provider.svg")
}

.icon-platform {
    background-image: url("/theme/images/icons/slot/icon-platform.svg")
}

.icon-categories {
    background-image: url("/theme/images/icons/slot/icon-category.svg")
}

.icon-features {
    background-image: url("/theme/images/icons/slot/icon-features.svg")
}

.icon-rtp {
    background-image: url("/theme/images/icons/slot/icon-rtp.svg")
}

.icon-reels {
    background-image: url("/theme/images/icons/slot/icon-reels.svg")
}

.icon-minbet {
    background-image: url("/theme/images/icons/slot/icon-minbet.svg")
}

.icon-maxbet {
    background-image: url("/theme/images/icons/slot/icon-maxbet.svg")
}

.icon-volatility {
    background-image: url("/theme/images/icons/slot/icon-volatility.svg")
}

.icon-jackpot {
    background-image: url("/theme/images/icons/slot/icon-jackpot.svg")
}

.icon-paylines {
    background-image: url("/theme/images/icons/slot/icon-paylines.svg")
}

.icon-rows {
    background-image: url("/theme/images/icons/slot/icon-rows.svg")
}

.icon-mobile-friendly {
    background-image: url("/theme/images/icons/icon-mobile-friendly.svg")
}

.icon-fast-payout {
    background-image: url("/theme/images/icons/icon-fast-payout.svg")
}

.icon-check-blue {
    background-image: url("/theme/images/icons/icon-check-blue.svg")
}

.icon-foreign {
    background-image: url("/theme/images/icons/foreign.svg")
}

.icon-features-slots {
    background-image: url("/theme/images/icons/icon-feature-slots.svg")
}

.icon-info {
    background-image: url("/theme/images/icons/icon-info.svg");
    margin-left: 0
}

.icon-alarm {
    background-image: url("/theme/images/icons/icon-alarm.svg")
}

.icon-new-star {
    background-image: url("/theme/images/icons/icon-new-star.svg");
    width: 16px;
    height: 16px
}

.icon-android {
    background-image: url("/theme/images/icons/icon-andoird.svg");
    width: 24px;
    height: 24px
}

.icon-ios {
    background-image: url("/theme/images/icons/icon-ios.svg");
    width: 24px;
    height: 24px
}

.icon-new-star-empty {
    background-image: url("/theme/images/icons/icon-new-star-empty.svg");
    width: 16px;
    height: 16px
}

.icon-play {
    display: block;
    background-image: url("/theme/images/game-play.svg");
    -webkit-background-size: cover;
    background-size: cover;
    width: 39px;
    height: 49px;
    margin: auto
}

.icon-social {
    opacity: .3;
    transition: .5s;
    margin: 0 5px
}

.icon-social:hover {
    opacity: .5
}

.icon-facebook2 {
    background-image: url("/theme/images/icons/icon-facebook2.svg")
}

.icon-twitter2 {
    background-image: url("/theme/images/icons/icon-twitter2.svg")
}

.icon-youtube {
    background-image: url("/theme/images/icons/icon-youtube.svg")
}

.icon-instagram {
    background-image: url("/theme/images/icons/icon-instagram.svg")
}

.icon-pinterest {
    background-image: url("/theme/images/icons/pinterest.png")
}

.icon-reward {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-right: 10px
}

.icon-reward-jackpot {
    background-image: url("/theme/images/icons/reward/icon-jackpot.svg")
}

.icon-reward-mobile {
    background-image: url("/theme/images/icons/reward/icon-mobile.svg")
}

.icon-reward-bonus {
    background-image: url("/theme/images/icons/reward/icon-bonus.svg")
}

.icon-payrate {
    background-image: url("/theme/images/icons/icon-payrate.svg")
}

.icon-payspeed {
    background-image: url("/theme/images/icons/icon-payspeed.svg")
}

.icon-settings {
    background-image: url("/theme/images/icons/icon-settings.svg")
}

.icon-filter {
    background-image: url("/theme/images/icons/icon-filter.svg")
}

.icon-theme {
    background-image: url("/theme/images/icons/icon-theme.svg")
}

.icon-hamburger {
    background-image: url("/theme/images/icons/icon-hamburger.svg")
}

.icon-hamburger-close {
    background-image: url("/theme/images/icons/icon-hamburger-close.svg")
}

#menu-item-news .menu-icon:before {
    background-image: url("/ua/theme/images/icons/novosti.png")
}

.flag25x15 {
    width: 25px;
    height: 15px;
    background: url("/theme/images/flags-25x15.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1%
}

.flag25x15.ad {
    background-position: -25px 0
}

.flag25x15.ae {
    background-position: -50px 0
}

.flag25x15.af {
    background-position: -75px 0
}

.flag25x15.ag {
    background-position: -100px 0
}

.flag25x15.ai {
    background-position: -125px 0
}

.flag25x15.al {
    background-position: -150px 0
}

.flag25x15.am {
    background-position: -175px 0
}

.flag25x15.an {
    background-position: -200px 0
}

.flag25x15.ao {
    background-position: -225px 0
}

.flag25x15.ar {
    background-position: -250px 0
}

.flag25x15.as {
    background-position: -275px 0
}

.flag25x15.at {
    background-position: -300px 0
}

.flag25x15.au {
    background-position: -325px 0
}

.flag25x15.aw {
    background-position: -350px 0
}

.flag25x15.az {
    background-position: -375px 0
}

.flag25x15.ba {
    background-position: 0 -15px
}

.flag25x15.bb {
    background-position: -25px -15px
}

.flag25x15.bd {
    background-position: -50px -15px
}

.flag25x15.be {
    background-position: -75px -15px
}

.flag25x15.bf {
    background-position: -100px -15px
}

.flag25x15.bg {
    background-position: -125px -15px
}

.flag25x15.bh {
    background-position: -150px -15px
}

.flag25x15.bi {
    background-position: -175px -15px
}

.flag25x15.bj {
    background-position: -200px -15px
}

.flag25x15.bm {
    background-position: -225px -15px
}

.flag25x15.bn {
    background-position: -250px -15px
}

.flag25x15.bo {
    background-position: -275px -15px
}

.flag25x15.br {
    background-position: -300px -15px
}

.flag25x15.bs {
    background-position: -325px -15px
}

.flag25x15.bt {
    background-position: -350px -15px
}

.flag25x15.bv {
    background-position: -375px -15px
}

.flag25x15.bw {
    background-position: 0 -30px
}

.flag25x15.by {
    background-position: -25px -30px
}

.flag25x15.bz {
    background-position: -50px -30px
}

.flag25x15.ca {
    background-position: -75px -30px
}

.flag25x15.cd {
    background-position: -100px -30px
}

.flag25x15.cf {
    background-position: -125px -30px
}

.flag25x15.cg {
    background-position: -150px -30px
}

.flag25x15.ch {
    background-position: -175px -30px
}

.flag25x15.ci {
    background-position: -200px -30px
}

.flag25x15.ck {
    background-position: -225px -30px
}

.flag25x15.cl {
    background-position: -250px -30px
}

.flag25x15.cm {
    background-position: -275px -30px
}

.flag25x15.cn {
    background-position: -300px -30px
}

.flag25x15.co {
    background-position: -325px -30px
}

.flag25x15.cr {
    background-position: -350px -30px
}

.flag25x15.cu {
    background-position: -375px -30px
}

.flag25x15.cv {
    background-position: 0 -45px
}

.flag25x15.cy {
    background-position: -25px -45px
}

.flag25x15.cz {
    background-position: -50px -45px
}

.flag25x15.de {
    background-position: -75px -45px
}

.flag25x15.dj {
    background-position: -100px -45px
}

.flag25x15.dk {
    background-position: -125px -45px
}

.flag25x15.dm {
    background-position: -150px -45px
}

.flag25x15.do {
    background-position: -175px -45px
}

.flag25x15.dz {
    background-position: -200px -45px
}

.flag25x15.ec {
    background-position: -225px -45px
}

.flag25x15.ee {
    background-position: -250px -45px
}

.flag25x15.eg {
    background-position: -275px -45px
}

.flag25x15.eh {
    background-position: -300px -45px
}

.flag25x15.er {
    background-position: -325px -45px
}

.flag25x15.es {
    background-position: -350px -45px
}

.flag25x15.et {
    background-position: -375px -45px
}

.flag25x15.eu {
    background-position: 0 -60px
}

.flag25x15.fi {
    background-position: -25px -60px
}

.flag25x15.fj {
    background-position: -50px -60px
}

.flag25x15.fk {
    background-position: -75px -60px
}

.flag25x15.fm {
    background-position: -100px -60px
}

.flag25x15.fo {
    background-position: -125px -60px
}

.flag25x15.fr {
    background-position: -150px -60px
}

.flag25x15.ga {
    background-position: -175px -60px
}

.flag25x15.gb {
    background-position: -200px -60px
}

.flag25x15.gd {
    background-position: -225px -60px
}

.flag25x15.ge {
    background-position: -250px -60px
}

.flag25x15.gf {
    background-position: -275px -60px
}

.flag25x15.gg {
    background-position: -300px -60px
}

.flag25x15.gh {
    background-position: -325px -60px
}

.flag25x15.gi {
    background-position: -350px -60px
}

.flag25x15.gl {
    background-position: -375px -60px
}

.flag25x15.gm {
    background-position: 0 -75px
}

.flag25x15.gn {
    background-position: -25px -75px
}

.flag25x15.gp {
    background-position: -50px -75px
}

.flag25x15.gq {
    background-position: -75px -75px
}

.flag25x15.gr {
    background-position: -100px -75px
}

.flag25x15.gs {
    background-position: -125px -75px
}

.flag25x15.gt {
    background-position: -150px -75px
}

.flag25x15.gu {
    background-position: -175px -75px
}

.flag25x15.gw {
    background-position: -200px -75px
}

.flag25x15.gy {
    background-position: -225px -75px
}

.flag25x15.hk {
    background-position: -250px -75px
}

.flag25x15.hm {
    background-position: -275px -75px
}

.flag25x15.hn {
    background-position: -300px -75px
}

.flag25x15.hr {
    background-position: -325px -75px
}

.flag25x15.ht {
    background-position: -350px -75px
}

.flag25x15.hu {
    background-position: -375px -75px
}

.flag25x15.id {
    background-position: 0 -90px
}

.flag25x15.ie {
    background-position: -25px -90px
}

.flag25x15.il {
    background-position: -50px -90px
}

.flag25x15.in {
    background-position: -75px -90px
}

.flag25x15.io {
    background-position: -100px -90px
}

.flag25x15.iq {
    background-position: -125px -90px
}

.flag25x15.ir {
    background-position: -150px -90px
}

.flag25x15.is {
    background-position: -175px -90px
}

.flag25x15.it {
    background-position: -200px -90px
}

.flag25x15.je {
    background-position: -225px -90px
}

.flag25x15.jm {
    background-position: -250px -90px
}

.flag25x15.jo {
    background-position: -275px -90px
}

.flag25x15.jp {
    background-position: -300px -90px
}

.flag25x15.ke {
    background-position: -325px -90px
}

.flag25x15.kg {
    background-position: -350px -90px
}

.flag25x15.kh {
    background-position: -375px -90px
}

.flag25x15.ki {
    background-position: 0 -105px
}

.flag25x15.km {
    background-position: -25px -105px
}

.flag25x15.kn {
    background-position: -50px -105px
}

.flag25x15.kp {
    background-position: -75px -105px
}

.flag25x15.kr {
    background-position: -100px -105px
}

.flag25x15.kw {
    background-position: -125px -105px
}

.flag25x15.ky {
    background-position: -150px -105px
}

.flag25x15.kz {
    background-position: -175px -105px
}

.flag25x15.la {
    background-position: -200px -105px
}

.flag25x15.lb {
    background-position: -225px -105px
}

.flag25x15.lc {
    background-position: -250px -105px
}

.flag25x15.li {
    background-position: -275px -105px
}

.flag25x15.lk {
    background-position: -300px -105px
}

.flag25x15.lr {
    background-position: -325px -105px
}

.flag25x15.ls {
    background-position: -350px -105px
}

.flag25x15.lt {
    background-position: -375px -105px
}

.flag25x15.lu {
    background-position: 0 -120px
}

.flag25x15.lv {
    background-position: -25px -120px
}

.flag25x15.ly {
    background-position: -50px -120px
}

.flag25x15.ma {
    background-position: -75px -120px
}

.flag25x15.mc {
    background-position: -100px -120px
}

.flag25x15.md {
    background-position: -125px -120px
}

.flag25x15.me {
    background-position: -150px -120px
}

.flag25x15.mg {
    background-position: -175px -120px
}

.flag25x15.mh {
    background-position: -200px -120px
}

.flag25x15.mk {
    background-position: -225px -120px
}

.flag25x15.ml {
    background-position: -250px -120px
}

.flag25x15.mm {
    background-position: -275px -120px
}

.flag25x15.mn {
    background-position: -300px -120px
}

.flag25x15.mo {
    background-position: -325px -120px
}

.flag25x15.mp {
    background-position: -350px -120px
}

.flag25x15.mq {
    background-position: -375px -120px
}

.flag25x15.mr {
    background-position: 0 -135px
}

.flag25x15.ms {
    background-position: -25px -135px
}

.flag25x15.mt {
    background-position: -50px -135px
}

.flag25x15.mu {
    background-position: -75px -135px
}

.flag25x15.mv {
    background-position: -100px -135px
}

.flag25x15.mw {
    background-position: -125px -135px
}

.flag25x15.mx {
    background-position: -150px -135px
}

.flag25x15.my {
    background-position: -175px -135px
}

.flag25x15.mz {
    background-position: -200px -135px
}

.flag25x15.na {
    background-position: -225px -135px
}

.flag25x15.nc {
    background-position: -250px -135px
}

.flag25x15.ne {
    background-position: -275px -135px
}

.flag25x15.nf {
    background-position: -300px -135px
}

.flag25x15.ng {
    background-position: -325px -135px
}

.flag25x15.ni {
    background-position: -350px -135px
}

.flag25x15.nl {
    background-position: -375px -135px
}

.flag25x15.no {
    background-position: 0 -150px
}

.flag25x15.np {
    background-position: -25px -150px
}

.flag25x15.nr {
    background-position: -50px -150px
}

.flag25x15.nu {
    background-position: -75px -150px
}

.flag25x15.nz {
    background-position: -100px -150px
}

.flag25x15.om {
    background-position: -125px -150px
}

.flag25x15.pa {
    background-position: -150px -150px
}

.flag25x15.pe {
    background-position: -175px -150px
}

.flag25x15.pf {
    background-position: -200px -150px
}

.flag25x15.pg {
    background-position: -225px -150px
}

.flag25x15.ph {
    background-position: -250px -150px
}

.flag25x15.pk {
    background-position: -275px -150px
}

.flag25x15.pl {
    background-position: -300px -150px
}

.flag25x15.pm {
    background-position: -325px -150px
}

.flag25x15.pn {
    background-position: -350px -150px
}

.flag25x15.pr {
    background-position: -375px -150px
}

.flag25x15.ps {
    background-position: 0 -165px
}

.flag25x15.pt {
    background-position: -25px -165px
}

.flag25x15.pw {
    background-position: -50px -165px
}

.flag25x15.py {
    background-position: -75px -165px
}

.flag25x15.qa {
    background-position: -100px -165px
}

.flag25x15.re {
    background-position: -125px -165px
}

.flag25x15.ro {
    background-position: -150px -165px
}

.flag25x15.rs {
    background-position: -175px -165px
}

.flag25x15.ru {
    background-position: -200px -165px
}

.flag25x15.rw {
    background-position: -225px -165px
}

.flag25x15.sa {
    background-position: -250px -165px
}

.flag25x15.sb {
    background-position: -275px -165px
}

.flag25x15.sc {
    background-position: -300px -165px
}

.flag25x15.sd {
    background-position: -325px -165px
}

.flag25x15.se {
    background-position: -350px -165px
}

.flag25x15.sg {
    background-position: -375px -165px
}

.flag25x15.sh {
    background-position: 0 -180px
}

.flag25x15.si {
    background-position: -25px -180px
}

.flag25x15.sk {
    background-position: -50px -180px
}

.flag25x15.sl {
    background-position: -75px -180px
}

.flag25x15.sm {
    background-position: -100px -180px
}

.flag25x15.sn {
    background-position: -125px -180px
}

.flag25x15.so {
    background-position: -150px -180px
}

.flag25x15.sr {
    background-position: -175px -180px
}

.flag25x15.st {
    background-position: -200px -180px
}

.flag25x15.sv {
    background-position: -225px -180px
}

.flag25x15.sy {
    background-position: -250px -180px
}

.flag25x15.sz {
    background-position: -275px -180px
}

.flag25x15.tc {
    background-position: -300px -180px
}

.flag25x15.td {
    background-position: -325px -180px
}

.flag25x15.tf {
    background-position: -350px -180px
}

.flag25x15.tg {
    background-position: -375px -180px
}

.flag25x15.th {
    background-position: 0 -195px
}

.flag25x15.tj {
    background-position: -25px -195px
}

.flag25x15.tk {
    background-position: -50px -195px
}

.flag25x15.tl {
    background-position: -75px -195px
}

.flag25x15.tm {
    background-position: -100px -195px
}

.flag25x15.tn {
    background-position: -125px -195px
}

.flag25x15.to {
    background-position: -150px -195px
}

.flag25x15.tr {
    background-position: -175px -195px
}

.flag25x15.tt {
    background-position: -200px -195px
}

.flag25x15.tv {
    background-position: -225px -195px
}

.flag25x15.tw {
    background-position: -250px -195px
}

.flag25x15.tz {
    background-position: -275px -195px
}

.flag25x15.ua {
    background-position: -300px -195px
}

.flag25x15.ug {
    background-position: -325px -195px
}

.flag25x15.um {
    background-position: -350px -195px
}

.flag25x15.us {
    background-position: -375px -195px
}

.flag25x15.uy {
    background-position: 0 -210px
}

.flag25x15.uz {
    background-position: -25px -210px
}

.flag25x15.va {
    background-position: -50px -210px
}

.flag25x15.vc {
    background-position: -75px -210px
}

.flag25x15.ve {
    background-position: -100px -210px
}

.flag25x15.vg {
    background-position: -125px -210px
}

.flag25x15.vi {
    background-position: -150px -210px
}

.flag25x15.vn {
    background-position: -175px -210px
}

.flag25x15.vu {
    background-position: -200px -210px
}

.flag25x15.wf {
    background-position: -225px -210px
}

.flag25x15.ws {
    background-position: -250px -210px
}

.flag25x15.ye {
    background-position: -275px -210px
}

.flag25x15.yt {
    background-position: -300px -210px
}

.flag25x15.za {
    background-position: -325px -210px
}

.flag25x15.zm {
    background-position: -350px -210px
}

.flag25x15.zw {
    background-position: -375px -210px
}

.flag16x16 {
    width: 16px;
    height: 16px;
    background: url("/theme/images/flags-16x16.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1%
}

.flag16x16.ad {
    background-position: -16px 0
}

.flag16x16.ae {
    background-position: -32px 0
}

.flag16x16.af {
    background-position: -48px 0
}

.flag16x16.ag {
    background-position: -64px 0
}

.flag16x16.ai {
    background-position: -80px 0
}

.flag16x16.al {
    background-position: -96px 0
}

.flag16x16.am {
    background-position: -112px 0
}

.flag16x16.an {
    background-position: -128px 0
}

.flag16x16.ao {
    background-position: -144px 0
}

.flag16x16.ar {
    background-position: -160px 0
}

.flag16x16.as {
    background-position: -176px 0
}

.flag16x16.at {
    background-position: -192px 0
}

.flag16x16.au {
    background-position: -208px 0
}

.flag16x16.aw {
    background-position: -224px 0
}

.flag16x16.az {
    background-position: 0 -16px
}

.flag16x16.ba {
    background-position: -16px -16px
}

.flag16x16.bb {
    background-position: -32px -16px
}

.flag16x16.bd {
    background-position: -48px -16px
}

.flag16x16.be {
    background-position: -64px -16px
}

.flag16x16.bf {
    background-position: -80px -16px
}

.flag16x16.bg {
    background-position: -96px -16px
}

.flag16x16.bh {
    background-position: -112px -16px
}

.flag16x16.bi {
    background-position: -128px -16px
}

.flag16x16.bj {
    background-position: -144px -16px
}

.flag16x16.bm {
    background-position: -160px -16px
}

.flag16x16.bn {
    background-position: -176px -16px
}

.flag16x16.bo {
    background-position: -192px -16px
}

.flag16x16.br {
    background-position: -208px -16px
}

.flag16x16.bs {
    background-position: -224px -16px
}

.flag16x16.bt {
    background-position: 0 -32px
}

.flag16x16.bw {
    background-position: -16px -32px
}

.flag16x16.by {
    background-position: -32px -32px
}

.flag16x16.bz {
    background-position: -48px -32px
}

.flag16x16.ca {
    background-position: -64px -32px
}

.flag16x16.cd {
    background-position: -80px -32px
}

.flag16x16.cf {
    background-position: -96px -32px
}

.flag16x16.cg {
    background-position: -112px -32px
}

.flag16x16.ch {
    background-position: -128px -32px
}

.flag16x16.ci {
    background-position: -144px -32px
}

.flag16x16.ck {
    background-position: -160px -32px
}

.flag16x16.cl {
    background-position: -176px -32px
}

.flag16x16.cm {
    background-position: -192px -32px
}

.flag16x16.cn {
    background-position: -208px -32px
}

.flag16x16.co {
    background-position: -224px -32px
}

.flag16x16.cr {
    background-position: 0 -48px
}

.flag16x16.cu {
    background-position: -16px -48px
}

.flag16x16.cv {
    background-position: -32px -48px
}

.flag16x16.cy {
    background-position: -48px -48px
}

.flag16x16.cz {
    background-position: -64px -48px
}

.flag16x16.de {
    background-position: -80px -48px
}

.flag16x16.dj {
    background-position: -96px -48px
}

.flag16x16.dk {
    background-position: -112px -48px
}

.flag16x16.dm {
    background-position: -128px -48px
}

.flag16x16.do {
    background-position: -144px -48px
}

.flag16x16.dz {
    background-position: -160px -48px
}

.flag16x16.ec {
    background-position: -176px -48px
}

.flag16x16.ee {
    background-position: -192px -48px
}

.flag16x16.eg {
    background-position: -208px -48px
}

.flag16x16.eh {
    background-position: -224px -48px
}

.flag16x16.er {
    background-position: 0 -64px
}

.flag16x16.es {
    background-position: -16px -64px
}

.flag16x16.et {
    background-position: -32px -64px
}

.flag16x16.fi {
    background-position: -48px -64px
}

.flag16x16.fj {
    background-position: -64px -64px
}

.flag16x16.fm {
    background-position: -80px -64px
}

.flag16x16.fo {
    background-position: -96px -64px
}

.flag16x16.fr {
    background-position: -112px -64px
}

.flag16x16.ga {
    background-position: -128px -64px
}

.flag16x16.gb {
    background-position: -144px -64px
}

.flag16x16.gd {
    background-position: -160px -64px
}

.flag16x16.ge {
    background-position: -176px -64px
}

.flag16x16.gg {
    background-position: -192px -64px
}

.flag16x16.gh {
    background-position: -208px -64px
}

.flag16x16.gi {
    background-position: -224px -64px
}

.flag16x16.gl {
    background-position: 0 -80px
}

.flag16x16.gm {
    background-position: -16px -80px
}

.flag16x16.gn {
    background-position: -32px -80px
}

.flag16x16.gp {
    background-position: -48px -80px
}

.flag16x16.gq {
    background-position: -64px -80px
}

.flag16x16.gr {
    background-position: -80px -80px
}

.flag16x16.gt {
    background-position: -96px -80px
}

.flag16x16.gu {
    background-position: -112px -80px
}

.flag16x16.gw {
    background-position: -128px -80px
}

.flag16x16.gy {
    background-position: -144px -80px
}

.flag16x16.hk {
    background-position: -160px -80px
}

.flag16x16.hn {
    background-position: -176px -80px
}

.flag16x16.hr {
    background-position: -192px -80px
}

.flag16x16.ht {
    background-position: -208px -80px
}

.flag16x16.hu {
    background-position: -224px -80px
}

.flag16x16.id {
    background-position: 0 -96px
}

.flag16x16.ie {
    background-position: -16px -96px
}

.flag16x16.il {
    background-position: -32px -96px
}

.flag16x16.im {
    background-position: -48px -96px
}

.flag16x16.in {
    background-position: -64px -96px
}

.flag16x16.iq {
    background-position: -80px -96px
}

.flag16x16.ir {
    background-position: -96px -96px
}

.flag16x16.is {
    background-position: -112px -96px
}

.flag16x16.it {
    background-position: -128px -96px
}

.flag16x16.je {
    background-position: -144px -96px
}

.flag16x16.jm {
    background-position: -160px -96px
}

.flag16x16.jo {
    background-position: -176px -96px
}

.flag16x16.jp {
    background-position: -192px -96px
}

.flag16x16.ke {
    background-position: -208px -96px
}

.flag16x16.kg {
    background-position: -224px -96px
}

.flag16x16.kh {
    background-position: 0 -112px
}

.flag16x16.ki {
    background-position: -16px -112px
}

.flag16x16.km {
    background-position: -32px -112px
}

.flag16x16.kn {
    background-position: -48px -112px
}

.flag16x16.kp {
    background-position: -64px -112px
}

.flag16x16.kr {
    background-position: -80px -112px
}

.flag16x16.kw {
    background-position: -96px -112px
}

.flag16x16.ky {
    background-position: -112px -112px
}

.flag16x16.kz {
    background-position: -128px -112px
}

.flag16x16.la {
    background-position: -144px -112px
}

.flag16x16.lb {
    background-position: -160px -112px
}

.flag16x16.lc {
    background-position: -176px -112px
}

.flag16x16.li {
    background-position: -192px -112px
}

.flag16x16.lk {
    background-position: -208px -112px
}

.flag16x16.lr {
    background-position: -224px -112px
}

.flag16x16.ls {
    background-position: 0 -128px
}

.flag16x16.lt {
    background-position: -16px -128px
}

.flag16x16.lu {
    background-position: -32px -128px
}

.flag16x16.lv {
    background-position: -48px -128px
}

.flag16x16.ly {
    background-position: -64px -128px
}

.flag16x16.ma {
    background-position: -80px -128px
}

.flag16x16.mc {
    background-position: -96px -128px
}

.flag16x16.md {
    background-position: -112px -128px
}

.flag16x16.me {
    background-position: -128px -128px
}

.flag16x16.mg {
    background-position: -144px -128px
}

.flag16x16.mh {
    background-position: -160px -128px
}

.flag16x16.mk {
    background-position: -176px -128px
}

.flag16x16.ml {
    background-position: -192px -128px
}

.flag16x16.mm {
    background-position: -208px -128px
}

.flag16x16.mn {
    background-position: -224px -128px
}

.flag16x16.mo {
    background-position: 0 -144px
}

.flag16x16.mq {
    background-position: -16px -144px
}

.flag16x16.mr {
    background-position: -32px -144px
}

.flag16x16.ms {
    background-position: -48px -144px
}

.flag16x16.mt {
    background-position: -64px -144px
}

.flag16x16.mu {
    background-position: -80px -144px
}

.flag16x16.mv {
    background-position: -96px -144px
}

.flag16x16.mw {
    background-position: -112px -144px
}

.flag16x16.mx {
    background-position: -128px -144px
}

.flag16x16.my {
    background-position: -144px -144px
}

.flag16x16.mz {
    background-position: -160px -144px
}

.flag16x16.na {
    background-position: -176px -144px
}

.flag16x16.nc {
    background-position: -192px -144px
}

.flag16x16.ne {
    background-position: -208px -144px
}

.flag16x16.ng {
    background-position: -224px -144px
}

.flag16x16.ni {
    background-position: 0 -160px
}

.flag16x16.nl {
    background-position: -16px -160px
}

.flag16x16.no {
    background-position: -32px -160px
}

.flag16x16.np {
    background-position: -48px -160px
}

.flag16x16.nr {
    background-position: -64px -160px
}

.flag16x16.nz {
    background-position: -80px -160px
}

.flag16x16.om {
    background-position: -96px -160px
}

.flag16x16.pa {
    background-position: -112px -160px
}

.flag16x16.pe {
    background-position: -128px -160px
}

.flag16x16.pf {
    background-position: -144px -160px
}

.flag16x16.pg {
    background-position: -160px -160px
}

.flag16x16.ph {
    background-position: -176px -160px
}

.flag16x16.pk {
    background-position: -192px -160px
}

.flag16x16.pl {
    background-position: -208px -160px
}

.flag16x16.pr {
    background-position: -224px -160px
}

.flag16x16.ps {
    background-position: 0 -176px
}

.flag16x16.pt {
    background-position: -16px -176px
}

.flag16x16.pw {
    background-position: -32px -176px
}

.flag16x16.py {
    background-position: -48px -176px
}

.flag16x16.qa {
    background-position: -64px -176px
}

.flag16x16.re {
    background-position: -80px -176px
}

.flag16x16.ro {
    background-position: -96px -176px
}

.flag16x16.rs {
    background-position: -112px -176px
}

.flag16x16.ru {
    background-position: -128px -176px
}

.flag16x16.rw {
    background-position: -144px -176px
}

.flag16x16.sa {
    background-position: -160px -176px
}

.flag16x16.sb {
    background-position: -176px -176px
}

.flag16x16.sc {
    background-position: -192px -176px
}

.flag16x16.sd {
    background-position: -208px -176px
}

.flag16x16.se {
    background-position: -224px -176px
}

.flag16x16.sg {
    background-position: 0 -192px
}

.flag16x16.si {
    background-position: -16px -192px
}

.flag16x16.sk {
    background-position: -32px -192px
}

.flag16x16.sl {
    background-position: -48px -192px
}

.flag16x16.sm {
    background-position: -64px -192px
}

.flag16x16.sn {
    background-position: -80px -192px
}

.flag16x16.so {
    background-position: -96px -192px
}

.flag16x16.sr {
    background-position: -112px -192px
}

.flag16x16.st {
    background-position: -128px -192px
}

.flag16x16.sv {
    background-position: -144px -192px
}

.flag16x16.sy {
    background-position: -160px -192px
}

.flag16x16.sz {
    background-position: -176px -192px
}

.flag16x16.tc {
    background-position: -192px -192px
}

.flag16x16.td {
    background-position: -208px -192px
}

.flag16x16.tg {
    background-position: -224px -192px
}

.flag16x16.th {
    background-position: 0 -208px
}

.flag16x16.tj {
    background-position: -16px -208px
}

.flag16x16.tl {
    background-position: -32px -208px
}

.flag16x16.tm {
    background-position: -48px -208px
}

.flag16x16.tn {
    background-position: -64px -208px
}

.flag16x16.to {
    background-position: -80px -208px
}

.flag16x16.tr {
    background-position: -96px -208px
}

.flag16x16.tt {
    background-position: -112px -208px
}

.flag16x16.tv {
    background-position: -128px -208px
}

.flag16x16.tw {
    background-position: -144px -208px
}

.flag16x16.tz {
    background-position: -160px -208px
}

.flag16x16.ua {
    background-position: -176px -208px
}

.flag16x16.ug {
    background-position: -192px -208px
}

.flag16x16.us {
    background-position: -208px -208px
}

.flag16x16.uy {
    background-position: -224px -208px
}

.flag16x16.uz {
    background-position: 0 -224px
}

.flag16x16.va {
    background-position: -16px -224px
}

.flag16x16.vc {
    background-position: -32px -224px
}

.flag16x16.ve {
    background-position: -48px -224px
}

.flag16x16.vg {
    background-position: -64px -224px
}

.flag16x16.vi {
    background-position: -80px -224px
}

.flag16x16.vn {
    background-position: -96px -224px
}

.flag16x16.vu {
    background-position: -112px -224px
}

.flag16x16.ws {
    background-position: -128px -224px
}

.flag16x16.ye {
    background-position: -144px -224px
}

.flag16x16.za {
    background-position: -160px -224px
}

.flag16x16.zm {
    background-position: -176px -224px
}

.flag16x16.zw {
    background-position: -192px -224px
}

.flag16x11 {
    width: 16px;
    height: 11px;
    background: url("/i/flags-16x11.png") no-repeat
}

.flag16x11.ad {
    background-position: -16px 0
}

.flag16x11.ae {
    background-position: -32px 0
}

.flag16x11.af {
    background-position: -48px 0
}

.flag16x11.ag {
    background-position: -64px 0
}

.flag16x11.ai {
    background-position: -80px 0
}

.flag16x11.al {
    background-position: -96px 0
}

.flag16x11.am {
    background-position: -112px 0
}

.flag16x11.an {
    background-position: -128px 0
}

.flag16x11.ao {
    background-position: -144px 0
}

.flag16x11.ar {
    background-position: -160px 0
}

.flag16x11.as {
    background-position: -176px 0
}

.flag16x11.at {
    background-position: -192px 0
}

.flag16x11.au {
    background-position: -208px 0
}

.flag16x11.aw {
    background-position: -224px 0
}

.flag16x11.az {
    background-position: -240px 0
}

.flag16x11.ba {
    background-position: 0 -11px
}

.flag16x11.bb {
    background-position: -16px -11px
}

.flag16x11.bd {
    background-position: -32px -11px
}

.flag16x11.be {
    background-position: -48px -11px
}

.flag16x11.bf {
    background-position: -64px -11px
}

.flag16x11.bg {
    background-position: -80px -11px
}

.flag16x11.bh {
    background-position: -96px -11px
}

.flag16x11.bi {
    background-position: -112px -11px
}

.flag16x11.bj {
    background-position: -128px -11px
}

.flag16x11.bm {
    background-position: -144px -11px
}

.flag16x11.bn {
    background-position: -160px -11px
}

.flag16x11.bo {
    background-position: -176px -11px
}

.flag16x11.br {
    background-position: -192px -11px
}

.flag16x11.bs {
    background-position: -208px -11px
}

.flag16x11.bt {
    background-position: -224px -11px
}

.flag16x11.bv {
    background-position: -240px -11px
}

.flag16x11.bw {
    background-position: 0 -22px
}

.flag16x11.by {
    background-position: -16px -22px
}

.flag16x11.bz {
    background-position: -32px -22px
}

.flag16x11.ca {
    background-position: -48px -22px
}

.flag16x11.catalonia {
    background-position: -64px -22px
}

.flag16x11.cd {
    background-position: -80px -22px
}

.flag16x11.cf {
    background-position: -96px -22px
}

.flag16x11.cg {
    background-position: -112px -22px
}

.flag16x11.ch {
    background-position: -128px -22px
}

.flag16x11.ci {
    background-position: -144px -22px
}

.flag16x11.ck {
    background-position: -160px -22px
}

.flag16x11.cl {
    background-position: -176px -22px
}

.flag16x11.cm {
    background-position: -192px -22px
}

.flag16x11.cn {
    background-position: -208px -22px
}

.flag16x11.co {
    background-position: -224px -22px
}

.flag16x11.cr {
    background-position: -240px -22px
}

.flag16x11.cu {
    background-position: 0 -33px
}

.flag16x11.cv {
    background-position: -16px -33px
}

.flag16x11.cw {
    background-position: -32px -33px
}

.flag16x11.cy {
    background-position: -48px -33px
}

.flag16x11.cz {
    background-position: -64px -33px
}

.flag16x11.de {
    background-position: -80px -33px
}

.flag16x11.dj {
    background-position: -96px -33px
}

.flag16x11.dk {
    background-position: -112px -33px
}

.flag16x11.dm {
    background-position: -128px -33px
}

.flag16x11.do {
    background-position: -144px -33px
}

.flag16x11.dz {
    background-position: -160px -33px
}

.flag16x11.ec {
    background-position: -176px -33px
}

.flag16x11.ee {
    background-position: -192px -33px
}

.flag16x11.eg {
    background-position: -208px -33px
}

.flag16x11.eh {
    background-position: -224px -33px
}

.flag16x11.england {
    background-position: -240px -33px
}

.flag16x11.er {
    background-position: 0 -44px
}

.flag16x11.es {
    background-position: -16px -44px
}

.flag16x11.et {
    background-position: -32px -44px
}

.flag16x11.eu {
    background-position: -48px -44px
}

.flag16x11.fi {
    background-position: -64px -44px
}

.flag16x11.fj {
    background-position: -80px -44px
}

.flag16x11.fk {
    background-position: -96px -44px
}

.flag16x11.fm {
    background-position: -112px -44px
}

.flag16x11.fo {
    background-position: -128px -44px
}

.flag16x11.fr {
    background-position: -144px -44px
}

.flag16x11.ga {
    background-position: -160px -44px
}

.flag16x11.gb {
    background-position: -176px -44px
}

.flag16x11.gd {
    background-position: -192px -44px
}

.flag16x11.ge {
    background-position: -208px -44px
}

.flag16x11.gf {
    background-position: -224px -44px
}

.flag16x11.gg {
    background-position: -240px -44px
}

.flag16x11.gh {
    background-position: 0 -55px
}

.flag16x11.gi {
    background-position: -16px -55px
}

.flag16x11.gl {
    background-position: -32px -55px
}

.flag16x11.gm {
    background-position: -48px -55px
}

.flag16x11.gn {
    background-position: -64px -55px
}

.flag16x11.gp {
    background-position: -80px -55px
}

.flag16x11.gq {
    background-position: -96px -55px
}

.flag16x11.gr {
    background-position: -112px -55px
}

.flag16x11.gs {
    background-position: -128px -55px
}

.flag16x11.gt {
    background-position: -144px -55px
}

.flag16x11.gu {
    background-position: -160px -55px
}

.flag16x11.gw {
    background-position: -176px -55px
}

.flag16x11.gy {
    background-position: -192px -55px
}

.flag16x11.hk {
    background-position: -208px -55px
}

.flag16x11.hm {
    background-position: -224px -55px
}

.flag16x11.hn {
    background-position: -240px -55px
}

.flag16x11.hr {
    background-position: 0 -66px
}

.flag16x11.ht {
    background-position: -16px -66px
}

.flag16x11.hu {
    background-position: -32px -66px
}

.flag16x11.ic {
    background-position: -48px -66px
}

.flag16x11.id {
    background-position: -64px -66px
}

.flag16x11.ie {
    background-position: -80px -66px
}

.flag16x11.il {
    background-position: -96px -66px
}

.flag16x11.im {
    background-position: -112px -66px
}

.flag16x11.in {
    background-position: -128px -66px
}

.flag16x11.io {
    background-position: -144px -66px
}

.flag16x11.iq {
    background-position: -160px -66px
}

.flag16x11.ir {
    background-position: -176px -66px
}

.flag16x11.is {
    background-position: -192px -66px
}

.flag16x11.it {
    background-position: -208px -66px
}

.flag16x11.je {
    background-position: -224px -66px
}

.flag16x11.jm {
    background-position: -240px -66px
}

.flag16x11.jo {
    background-position: 0 -77px
}

.flag16x11.jp {
    background-position: -16px -77px
}

.flag16x11.ke {
    background-position: -32px -77px
}

.flag16x11.kg {
    background-position: -48px -77px
}

.flag16x11.kh {
    background-position: -64px -77px
}

.flag16x11.ki {
    background-position: -80px -77px
}

.flag16x11.km {
    background-position: -96px -77px
}

.flag16x11.kn {
    background-position: -112px -77px
}

.flag16x11.kp {
    background-position: -128px -77px
}

.flag16x11.kr {
    background-position: -144px -77px
}

.flag16x11.kurdistan {
    background-position: -160px -77px
}

.flag16x11.kw {
    background-position: -176px -77px
}

.flag16x11.ky {
    background-position: -192px -77px
}

.flag16x11.kz {
    background-position: -208px -77px
}

.flag16x11.la {
    background-position: -224px -77px
}

.flag16x11.lb {
    background-position: -240px -77px
}

.flag16x11.lc {
    background-position: 0 -88px
}

.flag16x11.li {
    background-position: -16px -88px
}

.flag16x11.lk {
    background-position: -32px -88px
}

.flag16x11.lr {
    background-position: -48px -88px
}

.flag16x11.ls {
    background-position: -64px -88px
}

.flag16x11.lt {
    background-position: -80px -88px
}

.flag16x11.lu {
    background-position: -96px -88px
}

.flag16x11.lv {
    background-position: -112px -88px
}

.flag16x11.ly {
    background-position: -128px -88px
}

.flag16x11.ma {
    background-position: -144px -88px
}

.flag16x11.mc {
    background-position: -160px -88px
}

.flag16x11.md {
    background-position: -176px -88px
}

.flag16x11.me {
    background-position: -192px -88px
}

.flag16x11.mg {
    background-position: -208px -88px
}

.flag16x11.mh {
    background-position: -224px -88px
}

.flag16x11.mk {
    background-position: -240px -88px
}

.flag16x11.ml {
    background-position: 0 -99px
}

.flag16x11.mm {
    background-position: -16px -99px
}

.flag16x11.mn {
    background-position: -32px -99px
}

.flag16x11.mo {
    background-position: -48px -99px
}

.flag16x11.mp {
    background-position: -64px -99px
}

.flag16x11.mq {
    background-position: -80px -99px
}

.flag16x11.mr {
    background-position: -96px -99px
}

.flag16x11.ms {
    background-position: -112px -99px
}

.flag16x11.mt {
    background-position: -128px -99px
}

.flag16x11.mu {
    background-position: -144px -99px
}

.flag16x11.mv {
    background-position: -160px -99px
}

.flag16x11.mw {
    background-position: -176px -99px
}

.flag16x11.mx {
    background-position: -192px -99px
}

.flag16x11.my {
    background-position: -208px -99px
}

.flag16x11.mz {
    background-position: -224px -99px
}

.flag16x11.na {
    background-position: -240px -99px
}

.flag16x11.nc {
    background-position: 0 -110px
}

.flag16x11.ne {
    background-position: -16px -110px
}

.flag16x11.nf {
    background-position: -32px -110px
}

.flag16x11.ng {
    background-position: -48px -110px
}

.flag16x11.ni {
    background-position: -64px -110px
}

.flag16x11.nl {
    background-position: -80px -110px
}

.flag16x11.no {
    background-position: -96px -110px
}

.flag16x11.np {
    background-position: -112px -110px
}

.flag16x11.nr {
    background-position: -128px -110px
}

.flag16x11.nu {
    background-position: -144px -110px
}

.flag16x11.nz {
    background-position: -160px -110px
}

.flag16x11.om {
    background-position: -176px -110px
}

.flag16x11.pa {
    background-position: -192px -110px
}

.flag16x11.pe {
    background-position: -208px -110px
}

.flag16x11.pf {
    background-position: -224px -110px
}

.flag16x11.pg {
    background-position: -240px -110px
}

.flag16x11.ph {
    background-position: 0 -121px
}

.flag16x11.pk {
    background-position: -16px -121px
}

.flag16x11.pl {
    background-position: -32px -121px
}

.flag16x11.pm {
    background-position: -48px -121px
}

.flag16x11.pn {
    background-position: -64px -121px
}

.flag16x11.pr {
    background-position: -80px -121px
}

.flag16x11.ps {
    background-position: -96px -121px
}

.flag16x11.pt {
    background-position: -112px -121px
}

.flag16x11.pw {
    background-position: -128px -121px
}

.flag16x11.py {
    background-position: -144px -121px
}

.flag16x11.qa {
    background-position: -160px -121px
}

.flag16x11.re {
    background-position: -176px -121px
}

.flag16x11.ro {
    background-position: -192px -121px
}

.flag16x11.rs {
    background-position: -208px -121px
}

.flag16x11.ru {
    background-position: -224px -121px
}

.flag16x11.rw {
    background-position: -240px -121px
}

.flag16x11.sa {
    background-position: 0 -132px
}

.flag16x11.sb {
    background-position: -16px -132px
}

.flag16x11.sc {
    background-position: -32px -132px
}

.flag16x11.scotland {
    background-position: -48px -132px
}

.flag16x11.sd {
    background-position: -64px -132px
}

.flag16x11.se {
    background-position: -80px -132px
}

.flag16x11.sg {
    background-position: -96px -132px
}

.flag16x11.sh {
    background-position: -112px -132px
}

.flag16x11.si {
    background-position: -128px -132px
}

.flag16x11.sk {
    background-position: -144px -132px
}

.flag16x11.sl {
    background-position: -160px -132px
}

.flag16x11.sm {
    background-position: -176px -132px
}

.flag16x11.sn {
    background-position: -192px -132px
}

.flag16x11.so {
    background-position: -208px -132px
}

.flag16x11.somaliland {
    background-position: -224px -132px
}

.flag16x11.sr {
    background-position: -240px -132px
}

.flag16x11.ss {
    background-position: 0 -143px
}

.flag16x11.st {
    background-position: -16px -143px
}

.flag16x11.sv {
    background-position: -32px -143px
}

.flag16x11.sx {
    background-position: -48px -143px
}

.flag16x11.sy {
    background-position: -64px -143px
}

.flag16x11.sz {
    background-position: -80px -143px
}

.flag16x11.tc {
    background-position: -96px -143px
}

.flag16x11.td {
    background-position: -112px -143px
}

.flag16x11.tf {
    background-position: -128px -143px
}

.flag16x11.tg {
    background-position: -144px -143px
}

.flag16x11.th {
    background-position: -160px -143px
}

.flag16x11.tibet {
    background-position: -176px -143px
}

.flag16x11.tj {
    background-position: -192px -143px
}

.flag16x11.tk {
    background-position: -208px -143px
}

.flag16x11.tl {
    background-position: -224px -143px
}

.flag16x11.tm {
    background-position: -240px -143px
}

.flag16x11.tn {
    background-position: 0 -154px
}

.flag16x11.to {
    background-position: -16px -154px
}

.flag16x11.tr {
    background-position: -32px -154px
}

.flag16x11.tt {
    background-position: -48px -154px
}

.flag16x11.tv {
    background-position: -64px -154px
}

.flag16x11.tw {
    background-position: -80px -154px
}

.flag16x11.tz {
    background-position: -96px -154px
}

.flag16x11.ua {
    background-position: -112px -154px
}

.flag16x11.ug {
    background-position: -128px -154px
}

.flag16x11.um {
    background-position: -144px -154px
}

.flag16x11.us {
    background-position: -160px -154px
}

.flag16x11.uy {
    background-position: -176px -154px
}

.flag16x11.uz {
    background-position: -192px -154px
}

.flag16x11.va {
    background-position: -208px -154px
}

.flag16x11.vc {
    background-position: -224px -154px
}

.flag16x11.ve {
    background-position: -240px -154px
}

.flag16x11.vg {
    background-position: 0 -165px
}

.flag16x11.vi {
    background-position: -16px -165px
}

.flag16x11.vn {
    background-position: -32px -165px
}

.flag16x11.vu {
    background-position: -48px -165px
}

.flag16x11.wales {
    background-position: -64px -165px
}

.flag16x11.wf {
    background-position: -80px -165px
}

.flag16x11.ws {
    background-position: -96px -165px
}

.flag16x11.xk {
    background-position: -112px -165px
}

.flag16x11.ye {
    background-position: -128px -165px
}

.flag16x11.yt {
    background-position: -144px -165px
}

.flag16x11.za {
    background-position: -160px -165px
}

.flag16x11.zanzibar {
    background-position: -176px -165px
}

.flag16x11.zm {
    background-position: -192px -165px
}

.flag16x11.zw {
    background-position: -208px -165px
}

.cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all .2s ease
}

.cbx:not(:last-child) {
    margin-right: 6px
}

.cbx:hover {
    background: rgba(0, 119, 255, .06)
}

.cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0)
}

.cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all .2s ease;
    box-shadow: 0 1px 1px rgba(0, 16, 75, .05)
}

.cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all .3s ease;
    transition-delay: .1s;
    transform: translate3d(0, 0, 0)
}

.cbx span:last-child {
    padding-left: 8px;
    line-height: 18px
}

.cbx:hover span:first-child {
    border-color: #07f
}

.inp-cbx {
    position: absolute;
    visibility: hidden
}

.inp-cbx:checked + .cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave .4s ease
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0
}

.inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none
}

@-moz-keyframes wave {
    50% {
        transform: scale(.9)
    }
}

@-webkit-keyframes wave {
    50% {
        transform: scale(.9)
    }
}

@-o-keyframes wave {
    50% {
        transform: scale(.9)
    }
}

@keyframes wave {
    50% {
        transform: scale(.9)
    }
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.d-flex {
    display: flex
}

.floated {
    float: right;
    width: 40%;
    margin: .5em 1em !important
}

.floated td {
    padding: 7px 5px !important
}

.d-block {
    display: block
}

.justify-between {
    justify-content: space-between
}

.icon-inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    height: 24px
}

.link {
    color: #64b8db;
    text-align: center;
    font-size: 14px;
    margin: 5px 0;
    text-decoration: none
}

.blockquote {
    text-align: center;
    color: #595959;
    padding: 1rem 4rem;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    margin: 1.5rem auto
}

.blockquote p {
    font-style: italic;
    text-align: center;
    line-height: 1.3;
    color: #666
}

.blockquote:before {
    left: -12px;
    content: "";
    position: absolute;
    display: block;
    top: 1rem;
    width: 46px;
    height: 38px;
    background: url("/theme/images/icons/icon-quote.svg") center center/contain no-repeat
}

.blockquote:after {
    right: 12px;
    transform: rotate(180deg);
    content: "";
    position: absolute;
    display: block;
    top: 1rem;
    width: 46px;
    height: 38px;
    background: url("/theme/images/icons/icon-quote.svg") center center/contain no-repeat
}

.blockquote cite {
    color: #888;
    font-size: 11px
}

.toc-container {
    margin: 15px 0;
    border: 1px solid #d8dedd;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.toc-container .toc-list-wrap {
    display: none
}

.toc-container .toc-title {
    padding: 5px 10px;
    background: #f6f9f9;
    color: #4d4d4d
}

.toc-container .show-toc {
    font-weight: 600;
    font-size: 12px;
    color: #337dd7;
    margin-left: 3px;
    cursor: pointer
}

.toc-container .show-toc:hover {
    text-decoration: none;
    color: #0056b3;
    padding-left: 5px
}

.toc-container ol {
    margin: 5px;
    list-style: none;
    counter-reset: Counter2;
    padding-left: 0
}

.toc-container li {
    display: flex;
    padding: 3px 5px;
    margin: 0;
    line-height: 1
}

.toc-container li:before {
    content: counter(Counter2);
    counter-increment: Counter2;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    background: #f6f9f9;
    border: 1px solid #d8dedd;
    margin-right: 10px;
    padding: 0;
    border-radius: 50%;
    color: #333
}

.toc-container li span {
    font-size: 14px;
    color: #337dd7;
    cursor: pointer
}

.toc-container li span:hover {
    color: #0056b3
}

.toc-container .menu_emoji {
    width: 16px;
    height: 16px;
    margin-right: 7px
}

[data-anchor] {
    cursor: pointer
}

#breadcrumbs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

#breadcrumbs li {
    padding: 5px
}

.breadcrumbs-wrapper {
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee;
    background: #fff;
    width: 100%;
    margin-top: 6px
}

.casinopage-header #breadcrumbs li {
    color: #fff
}

.notice {
    position: relative
}

.notice p {
    display: inline-block;
    line-height: 1.75;
    padding: .875rem 1rem .875rem 3rem;
    margin-bottom: 0;
    border-left: 3px solid #b7c5cc;
    background-color: rgba(183, 197, 204, .25);
    min-height: 3.25rem
}

.notice.notice-info p {
    color: #1367a1;
    border-color: #58afeb;
    background-color: rgba(88, 175, 235, .25)
}

.notice.notice-info:before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 1.7rem;
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("/theme/images/icons/icon-notice.svg");
    background-size: cover
}

.container.mobile-padding table, .table-bordered {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2em 0;
    font-size: 14px
}

.container.mobile-padding table thead tr, .table-bordered thead tr {
    background: #f3f6f9
}

.container.mobile-padding table th, .table-bordered th {
    background: #f7f7f7
}

.container.mobile-padding table td, .table-bordered td, .container.mobile-padding table th, .table-bordered th {
    border: solid 1px #eee;
    padding: 15px
}

.text-center {
    text-align: center
}

.text3em {
    font-size: 1.3em;
    font-weight: 400
}

.text2em {
    font-size: 14px;
    font-weight: 700
}

.text2em img {
    vertical-align: middle;
    margin: 0 5px
}

ol {
    counter-reset: myCounter
}

ol li {
    list-style: none
}

ol li * {
    display: inline
}

ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: #fff;
    background: #436e82;
    display: inline-block;
    text-align: center;
    margin: 5px 10px;
    line-height: 28px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    vertical-align: middle
}

@media (max-width: 768px) {
    .mobile-hidden {
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        justify-content: left;
        flex-wrap: nowrap
    }

    .table-responsive {
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        justify-content: left;
        flex-wrap: nowrap
    }

    .mobile-margin {
        margin-left: .5em !important;
        margin-right: .5em !important
    }

    .mobile-padding {
        padding-left: .5em !important;
        padding-right: .5em !important
    }

    .mobile-hidden-disable:after {
        content: none !important
    }

    .floated {
        width: 100%;
        float: initial;
        margin: 0 !important
    }
}

.casino-live-casino-rating .casino-live-casino-box {
    border: solid 1px #d3d6d9;
    background: #e3e6e9;
    border-radius: 5px;
    padding: 10px 0
}

.casino-live-casino-rating .casino-score {
    font-size: 20px;
    font-weight: 700
}

.casino-live-casino-rating .rating {
    font-size: 30px
}

.casino-live-casino-bonus .spanh1 {
    display: block;
    font-size: 13px
}

.casino-live-casino-bonus .spanh2 {
    display: block;
    font-size: 40px;
    line-height: 32px;
    font-weight: 600
}

.casino-live-casino-bonus .spanh3 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

i.icon-casino-live-roulette {
    background-image: url("/ua/theme/images/icons/001-icon-casino-live-roulette.png");
    min-width: 32px
}

i.icon-casino-live-blackjack {
    background-image: url("/ua/theme/images/icons/001-casino-live-blackjack.png");
    min-width: 32px
}

i.icon-casino-live-baccarat {
    background-image: url("/ua/theme/images/icons/001-casino-live-baccarat.png");
    min-width: 32px
}

i.icon-gambling-products-sports {
    background-image: url("/ua/theme/images/icons/001-gambling-products-sports.png");
    min-width: 32px
}

i.icon-gambling-products-casino {
    background-image: url("/ua/theme/images/icons/001-gambling-products-casino.png");
    min-width: 32px
}

i.icon-gambling-products-live-games {
    background-image: url("/ua/theme/images/icons/001-gambling-products-live-games.png");
    min-width: 32px
}

i.icon-gambling-products-bingo {
    background-image: url("/ua/theme/images/icons/001-gambling-products-bingo.png");
    min-width: 32px
}

i.icon-gambling-products-poker {
    background-image: url("/ua/theme/images/icons/001-gambling-products-poker.png");
    min-width: 32px
}

i.icon-gambling-products-lottos {
    background-image: url("/ua/theme/images/icons/002-gambling-products-lottos.png");
    min-width: 32px
}

i.icon-gambling-products-virtuals {
    background-image: url("/ua/theme/images/icons/001-gambling-products-virtuals.png");
    min-width: 32px
}

i.icon-gambling-products-exchange {
    background-image: url("/ua/theme/images/icons/001-gambling-products-exchange.png");
    min-width: 32px
}

.casino-table-wrapper {
    width: 100%
}

.casino-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px .5em
}

.casino-table-categories {
    margin: 10px 0
}

.casino-table-headline {
    margin-left: 2em;
    margin-top: 2em
}

.casino-table-meta {
    display: flex;
    justify-content: space-between
}

.casino-table-categories .btn-category {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 7px;
    font-size: 12px;
    color: #fc4866;
    border: solid 1px #eee;
    cursor: pointer;
    font-weight: 700
}

.casino-table-categories .btn-category.selected {
    background: #f3f6f9;
    cursor: initial
}

.casino-table-categories img {
    vertical-align: -7px;
    margin-right: 10px;
    width: 24px;
    height: 24px
}

.container .casino-table-wrapper .casino-table thead, .container .casino-table-wrapper .casino-table thead tr {
    background: #39ade5;
    color: #fff;
    height: 49px
}

.casino-table .score {
    font-size: 3em;
    color: #39ade5;
    line-height: 1
}

.container .casino-table-wrapper .casino-table thead th {
    padding: 15px 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    font-weight: 700;
    transition: .3s;
    white-space: nowrap;
    background: #39ade5;
    background: #39ade5;
    border-width: 0
}

.container .casino-table-wrapper .casino-table thead th:first-child {
    border-radius: 7px 0 0
}

.container .casino-table-wrapper .casino-table thead th:last-child {
    border-radius: 0 7px 0 0
}

.container .casino-table-wrapper .casino-table thead th:hover {
    background: rgba(0, 0, 0, .25)
}

.casino-table thead th[data-sort=true]:after {
    content: " ";
    display: inline-block;
    background-size: cover;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px;
    background-image: url("/theme/images/icons/icon-sort.svg")
}

.casino-table thead th[data-sortdir=ASC]:after {
    content: " ";
    display: inline-block;
    background-size: cover;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px;
    background-image: url("/theme/images/icons/sort-asc.svg")
}

.casino-table thead th[data-sortdir=DESC]:after {
    content: " ";
    display: inline-block;
    background-size: cover;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px;
    background-image: url("/theme/images/icons/sort-desc.svg")
}

.casino-table tbody .casino-table-rating {
    font-size: 24px;
    min-width: 170px
}

.casino-table .rating-caption {
    font-size: 15px;
    color: #666
}

.casino-table .rating-count {
    font-size: 13px;
    color: #666
}

.rating {
    margin: 5px auto;
    color: #eecd29
}

.casino-table tbody td {
    padding: 15px 5px;
    text-align: center;
    background: #f4f5f8;
    transition: .5s
}

.casino-table tbody td:first-child {
    border-radius: 7px 0 0 7px
}

.casino-table tbody td:last-child {
    border-radius: 0 7px 7px 0
}

tr.row-data {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .05);
    border-radius: 7px
}

tr.row-data:hover td {
    background: #eaeaea
}

.casino-table-logo-wrapper {
    max-width: 150px;
    min-height: 100px;
    border-radius: 8px;
    padding: 1em
}

.casino-table .welcome-offer {
    font-size: 12px;
    font-weight: 700;
    color: #39ade5;
    padding: 5px 0
}

.casino-table .bonus {
    font-size: 18px;
    padding: 10px 0;
    font-weight: 700
}

.casino-table .bonus-condition {
    padding: 10px;
    border: solid 1px #d3d6d9;
    background: #e3e6e9;
    border-radius: 5px;
    font-size: 13px
}

.casino-table-features {
    max-width: 530px
}

.casino-table-features ul {
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 90%
}

.casino-table-features ul li {
    font-size: 12px;
    list-style: none;
    color: #777;
    width: 100%;
    display: flex;
    line-height: 1.6
}

.apply {
    font-size: 11px;
    display: inline-block;
    margin: auto;
    border-bottom: dotted 1px;
    color: #666;
    font-weight: 100
}

.casino-table-labels {
    display: flex;
    justify-content: center;
    align-items: center
}

.casino-table-label {
    font-size: 12px;
    color: #777;
    display: inline-block;
    padding: 1em 10px;
    float: right
}

.casino-table-label i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.casino-table .btn {
    min-width: 125px
}

.casino-table-headline {
    position: relative
}

.casino-table-headline:before {
    content: " ";
    background: url("/theme/images/icons/icon-best.svg");
    background-size: cover;
    width: 48px;
    height: 48px;
    position: absolute;
    left: -2.2em;
    top: -.4em
}

td.casino-table-score {
    min-width: 100px
}

td.casino-table-logo {
    min-width: 160px
}

td.casino-table-logo a {
    margin: auto
}

.casino-table-rank {
    font-size: 14px;
    color: #666
}

.pv0 td {
    padding: 0 3px !important
}

@media (max-width: 768px) {
    .casino-table-meta {
        display: block
    }

    .casino-table-categories {
        margin: 10px 0;
        display: flex;
        overflow: scroll
    }

    .casino-table-categories .btn-category {
        white-space: nowrap;
        padding-right: 35px;
        margin: 0 2px
    }

    .casino-table thead {
        display: none
    }

    .casino-table .row-data {
        display: flex;
        flex-wrap: wrap;
        border-radius: 0 !important;
        position: relative;
        padding-top: 40px;
        margin-bottom: 15px
    }

    .casino-table .row-data:hover td:not(.casino-table-logo) {
        background: #fff !important
    }

    .casino-table .row-data td {
        background: #fff;
        position: relative;
        border-top: solid 1px #f3f6f9;
        border-bottom: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 3px
    }

    .casino-table .row-data .casino-table-features {
        width: 78% !important
    }

    .casino-table .row-data .casino-table-features li {
        margin: 0
    }

    .casino-table .row-data .casino-table-logo {
        order: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        position: static !important;
        border-right: none;
        border-radius: 0 !important;
        width: 30%;
        background: #fff !important;
        zoom: .8;
        border-top: none
    }

    .casino-table .row-data .casino-table-logo[data-menutitle]:before {
        content: attr(data-menutitle);
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        padding: 10px 0;
        color: #111;
        background: #f3f6f9;
        border-bottom: solid 1px #e3e6e9;
        border-top: solid 1px #e3e6e9
    }

    .casino-table .row-data .casino-table-features {
        width: 56% !important;
        border-top: none
    }

    .casino-table .row-data .casino-table-features ul {
        width: 100% !important
    }

    .casino-table .row-data .casino-table-bonus {
        width: 50% !important;
        zoom: .8;
        padding: 0;
        border-left: solid 1px #f3f6f9;
        order: 1
    }

    .casino-table .row-data .casino-table-bonus .welcome-offer {
        display: none
    }

    .casino-table .row-data .casino-table-rating {
        width: 50% !important;
        zoom: .8;
        align-self: flex-start
    }

    .casino-table .row-data .casino-table-score {
        display: none
    }

    .casino-table .row-data .casino-table-buttons {
        width: 100% !important;
        box-shadow: none;
        padding-top: 1em
    }

    .casino-table .row-data .casino-table-buttons .btn {
        width: 70% !important
    }

    .casino-table-label {
        display: none
    }

    #casino-table-6 .casino-table-logo, #casino-table-169 .casino-table-logo, #casino-table-133 .casino-table-logo, #casino-table-136 .casino-table-logo, #casino-table-137 .casino-table-logo, #casino-table-138 .casino-table-logo, #casino-table-139 .casino-table-logo, #casino-table-156 .casino-table-logo, #casino-table-203 .casino-table-logo, #casino-table-157 .casino-table-logo {
        width: 100%;
        padding: 10px 0
    }

    #casino-table-3 .casino-table-rank, #casino-table-64 .casino-table-rank, #casino-table-79 .casino-table-rank, #casino-table-85 .casino-table-rank, #casino-table-91 .casino-table-rank, #casino-table-97 .casino-table-rank, #casino-table-103 .casino-table-rank, #casino-table-109 .casino-table-rank, #casino-table-115 .casino-table-rank, #casino-table-121 .casino-table-rank, #casino-table-122 .casino-table-rank, #casino-table-128 .casino-table-rank {
        display: none
    }

    #casino-table-3 .casino-table-bonus, #casino-table-64 .casino-table-bonus, #casino-table-79 .casino-table-bonus, #casino-table-85 .casino-table-bonus, #casino-table-91 .casino-table-bonus, #casino-table-97 .casino-table-bonus, #casino-table-103 .casino-table-bonus, #casino-table-109 .casino-table-bonus, #casino-table-115 .casino-table-bonus, #casino-table-121 .casino-table-bonus, #casino-table-122 .casino-table-bonus, #casino-table-128 .casino-table-bonus {
        border: none;
        width: 52% !important
    }

    #casino-table-8 .casino-table-bonus, #casino-table-48 .casino-table-bonus, #casino-table-49 .casino-table-bonus {
        border: none;
        width: 52% !important
    }

    #casino-table-8 .casino-table-mindep, #casino-table-48 .casino-table-mindep, #casino-table-49 .casino-table-mindep {
        order: 10;
        width: 32%
    }

    #casino-table-8 .casino-table-maxdep, #casino-table-48 .casino-table-maxdep, #casino-table-49 .casino-table-maxdep {
        order: 11;
        width: 32%
    }

    #casino-table-8 .casino-table-wager, #casino-table-48 .casino-table-wager, #casino-table-49 .casino-table-wager {
        order: 12;
        width: 32%
    }

    #casino-table-8 .casino-table-mindep:before, #casino-table-48 .casino-table-mindep:before, #casino-table-49 .casino-table-mindep:before, #casino-table-8 .casino-table-maxdep:before, #casino-table-48 .casino-table-maxdep:before, #casino-table-49 .casino-table-maxdep:before, #casino-table-8 .casino-table-wager:before, #casino-table-48 .casino-table-wager:before, #casino-table-49 .casino-table-wager:before {
        content: attr(data-caption);
        display: block
    }

    #casino-table-8 .casino-table-buttons, #casino-table-48 .casino-table-buttons, #casino-table-49 .casino-table-buttons {
        order: 13 !important
    }

    #casino-table-202 .casino-table-custom {
        display: none !important
    }

    .casino-table-custom {
        order: 2
    }

    .ct-w100-col-1 tr td:nth-child(1) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-1 tr td:nth-child(1):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-1 tr td:nth-child(1) {
        display: none !important
    }

    .ct-w100-col-2 tr td:nth-child(2) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-2 tr td:nth-child(2):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-2 tr td:nth-child(2) {
        display: none !important
    }

    .ct-w100-col-3 tr td:nth-child(3) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-3 tr td:nth-child(3):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-3 tr td:nth-child(3) {
        display: none !important
    }

    .ct-w100-col-4 tr td:nth-child(4) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-4 tr td:nth-child(4):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-4 tr td:nth-child(4) {
        display: none !important
    }

    .ct-w100-col-5 tr td:nth-child(5) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-5 tr td:nth-child(5):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-5 tr td:nth-child(5) {
        display: none !important
    }

    .ct-w100-col-6 tr td:nth-child(6) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-6 tr td:nth-child(6):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-6 tr td:nth-child(6) {
        display: none !important
    }

    .ct-w100-col-7 tr td:nth-child(7) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-7 tr td:nth-child(7):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-7 tr td:nth-child(7) {
        display: none !important
    }

    .ct-w100-col-8 tr td:nth-child(8) {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px
    }

    .ct-w100-col-8 tr td:nth-child(8):before {
        content: attr(data-caption);
        font-weight: 700
    }

    .ct-none-8 tr td:nth-child(8) {
        display: none !important
    }
}

@media (max-width: 768px) {
    .container.mobile-padding table.casino-table tr.row-data td .data-box {
        display: flex;
        align-items: center
    }

    .container.mobile-padding table.casino-table tr.row-data td .data-box i {
        margin: 0 10px 0 0 !important
    }

    .casino-table td.w-50 {
        width: 50% !important
    }

    .content ul {
        padding-left: 10px
    }

    .casino-table td.w-100, .casino-table .row-data .casino-table-bonus.w-100 {
        width: 100% !important
    }

    .casino-table td.bor-0 {
        border: 0 !important
    }

    .casino-table-custom.casino-max-payout.td-casino-before .text2em {
        width: 50%;
        text-align: right
    }

    .casino-table td.td-casino-before.casino-slots-payout, .container.mobile-padding .casino-table td.casino-all-slots, .container.mobile-padding .casino-table td.casino-all-mobile, .container.mobile-padding .casino-table td.casino-jackpots {
        padding: 10px
    }

    .casino-table td.casino-table-custom.casino-live-casino-bonus {
        flex-direction: column
    }

    .casino-table td.casino-live-baccarat, .casino-table td.casino-all-slots, .casino-table td.casino-all-mobile, .casino-table td.casino-live-blackjack, .casino-table td.casino-jackpots, .casino-table td.casino-live-roulette, .casino-table td.casino-live-baccarat {
        flex-direction: row;
        justify-content: space-between
    }

    .ct-w100-col-4 tr td:nth-child(5):before, .casino-table td.casino-all-slots:before, .casino-table td.casino-all-mobile:before, .casino-table td.casino-jackpots:before, .casino-table td.casino-live-blackjack:before, .casino-table td.casino-live-roulette:before, .casino-table td.casino-live-baccarat:before {
        content: attr(data-caption);
        font-weight: 700
    }

    .casino-table td.td-casino-before, .casino-table td.casino-fee, .casino-table td.casino-credit-debit-card, .casino-table td.casino-e-wallets, .casino-table td.casino-average-time, .casino-table td.casino-validity, .casino-table td.casino-table-bonus, .casino-table td.casino-table-mindep, .casino-table td.casino-table-maxdep, .casino-table td.casino-table-rank, .casino-table td.casino-table-wager {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .casino-table td.td-casino-before:before, .casino-table td.casino-fee:before, .casino-table td.casino-credit-debit-card:before, .casino-table td.casino-e-wallets:before, .casino-table td.casino-average-time:before, .casino-table td.casino-validity:before, .casino-table td.casino-table-bonus:before, .casino-table td.casino-table-mindep:before, .casino-table td.casino-table-maxdep:before, .casino-table td.casino-table-rank:before, .casino-table td.casino-table-wager:before {
        content: attr(data-caption);
        font-weight: 700;
        color: #3a3e44;
        font-size: 14px
    }

    .casino-table .row-data {
        justify-content: center;
        align-items: center
    }

    .casino-table.main-ferst .row-data .casino-table-features {
        width: 100% !important;
        border-top: none;
        padding-top: 0
    }

    .casino-table.main-ferst .row-data .casino-table-features li {
        line-height: 18px;
        align-items: center;
        justify-content: center
    }

    .casino-header-pluses li {
        width: 100%
    }

    .casino-table.main-ferst .casino-table-logo-wrapper {
        max-width: 100%
    }

    .casino-table.main-ferst .row-data .casino-table-bonus {
        flex-direction: column
    }

    .main-tvo.casino-table .row-data .casino-table-logo, .android-casino-ferst.casino-table .row-data .casino-table-logo {
        zoom: 0;
        min-width: 50%
    }

    .casino-table .row-data .casino-table-logo {
        border: 0
    }

    .main-tvo.casino-table .row-data .casino-live-casino-bonus {
        width: 50%;
        border-top: 0;
        margin-top: 10px
    }

    .casino-sign-up-offer .text2em {
        max-width: 100%
    }

    .casino-table .casino-table-custom.casino-sign-up-offer {
        border: 0;
        padding-top: 0
    }

    .highest-paying-online-pokies-ferst.casino-table .row-data .casino-table-buttons, .casino-table .row-data .casino-table-buttons, .free-slots-trya.casino-table .row-data .casino-table-buttons, .free-slots-tvo.casino-table .row-data .casino-table-buttons, .android-casino-tvo.casino-table .row-data .casino-table-buttons, .main-qatro.casino-table .row-data .casino-table-buttons, .casinos-tvo.casino-table .row-data .casino-table-buttons {
        flex-direction: column
    }

    .content .container.mobile-padding {
        overflow: hidden
    }

    .casinos-ferst.casino-table .row-data .casino-table-features {
        width: 50% !important
    }

    .casino-table .row-data .casino-table-features {
        width: 100% !important;
        border: 0
    }

    .casinos-ferst.casino-table a.casino-table-logo-wrapper {
        max-width: 100%
    }

    .casinos-ferst .casino-table-features ul li {
        align-items: center;
        line-height: 18px
    }

    .casinos-ferst.casino-table .row-data .casino-table-bonus {
        flex-direction: column;
        padding: 3px 0
    }

    .casinos-mini .casino-mini {
        zoom: normal
    }

    .android-casino-ferst.casino-table .row-data .casino-table-rating {
        zoom: 0;
        align-self: auto;
        border: 0
    }

    .casino-table .row-data .casino-table-rating {
        width: 100% !important;
        border: 0;
        padding-top: 0
    }

    .android-casino-ferst.casino-table .row-data .casino-table-bonus {
        width: 100% !important;
        flex-direction: column;
        border: 0;
        padding: 5px 0
    }

    .android-casino-ferst.casino-table .row-data .casino-table-buttons {
        border: 0;
        padding-top: 8px
    }

    .casino-table .row-data .casino-table-buttons {
        border: 0;
        padding-top: 0
    }

    .free-slots-tvo.casino-table .row-data .casino-table-score, .android-casino-tvo.casino-table .row-data .casino-table-score {
        padding: 0 10px
    }

    .android-casino-tvo.casino-table .row-data .casino-table-score:before, .free-slots-tvo.casino-table .casino-table-score:before {
        font-size: 18px
    }

    .free-slots-tvo.casino-table .row-data .casino-table-score .pie-wrapper, .android-casino-tvo.casino-table .row-data .casino-table-score .pie-wrapper {
        margin: 8px 15px
    }

    .bonuses-ferst.casino-table .casino-table-maxdep, .bonuses-ferst.casino-table .casino-table-mindep, .bonuses-tvo.casino-table .casino-table-mindep, .bonuses-trya.casino-table .casino-table-mindep, .bonuses-ses.casino-table .casino-table-mindep, .payments .casino-table .casino-table-mindep, .free-spins-no-wagering-requirements-ferst.casino-table .casino-table-mindep, .free-spins-no-wagering-requirements-ferst.casino-table .casino-table-maxdep, .best-minimum-deposit-casinos-ferst.casino-table .casino-table-mindep, .fastest-payout-casino-ferst.casino-table .casino-table-mindep {
        order: 2;
        padding: 10px
    }

    .bonuses-ferst.casino-table .casino-table-wager, .bonuses-tvo.casino-table .casino-table-wager, .bonuses-trya.casino-table .casino-table-wager, .bonuses-ses.casino-table .casino-table-wager, .free-spins-no-wagering-requirements-ferst.casino-table .casino-table-wager, .best-minimum-deposit-casinos-ferst.casino-table .casino-table-wager, .fastest-payout-casino-ferst.casino-table .casino-table-wager {
        order: 3;
        padding: 10px
    }

    .best-minimum-deposit-casinos-ferst.casino-table .casino-table-bonus {
        border: 0;
        width: 50%
    }

    .free-spins-no-deposit-ferst.casino-table .casino-table-bonus, .bonuses-ferst.casino-table .casino-table-bonus, .bonuses-tvo.casino-table .casino-table-bonus, .bonuses-trya.casino-table .casino-table-bonus, .bonuses-qtro.casino-table .casino-table-bonus, .bonuses-fife.casino-table .casino-table-bonus, .bonuses-ses.casino-table .casino-table-bonus, .casino-table .row-data .casino-table-bonus.td--bonus-flex, .free-spins-no-wagering-requirements-ferst.casino-table .casino-table-bonus, .fastest-payout-casino-ferst.casino-table .casino-table-bonus, .free-slots-ferst.casino-table .casino-table-bonus {
        order: 1 !important;
        border: 0;
        display: flex;
        flex-direction: column
    }

    .fastest-payout-casino-ferst.casino-table .casino-average-time {
        order: 4
    }

    .fastest-payout-casino-ferst.casino-table .casino-cashout-method {
        order: 5
    }

    .free-slots-ferst .casino-table-rank {
        display: none !important
    }

    .casino-table td.td-casino-before {
        padding: 10px
    }
}

.pie-wrapper {
    height: 1em;
    width: 1em;
    float: left;
    margin: 15px;
    position: relative;
    opacity: 1
}

.pie-wrapper:nth-child(3n+1) {
    clear: both
}

.pie-wrapper .pie {
    height: 100%;
    width: 100%;
    clip: rect(0, 1em, 1em, .5em);
    left: 0;
    position: absolute;
    top: 0
}

.pie-wrapper .pie .half-circle {
    height: 100%;
    width: 100%;
    border: .1em solid #3498db;
    border-radius: 50%;
    clip: rect(0, .5em, 1em, 0);
    left: 0;
    position: absolute;
    top: 0;
    transition: .5s
}

.pie-wrapper .label {
    background: #34495e;
    border-radius: 50%;
    bottom: .4em;
    color: #ecf0f1;
    cursor: default;
    display: block;
    font-size: 21px;
    left: .5em;
    line-height: 2.8em;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 3px;
    font-weight: 700
}

.pie-wrapper .label .smaller {
    color: #bdc3c7;
    font-size: .45em;
    padding-bottom: 20px;
    vertical-align: super
}

.pie-wrapper .shadow {
    height: 100%;
    width: 100%;
    border: .1em solid #bdc3c7;
    border-radius: 50%
}

.pie-wrapper.style-2 .label {
    background: 0 0;
    color: #7f8c8d
}

.pie-wrapper.style-2 .label .smaller {
    color: #bdc3c7
}

.pie-wrapper.progress .pie .right-side {
    display: none
}

.pie-wrapper.progress-1 .pie .right-side {
    display: none
}

.pie-wrapper.progress-1 .pie .half-circle {
    border-color: #f35757
}

.pie-wrapper.progress-1 .label {
    color: #f35757
}

.pie-wrapper.progress-2 .pie .right-side {
    display: none
}

.pie-wrapper.progress-2 .pie .half-circle {
    border-color: #f5735a
}

.pie-wrapper.progress-2 .label {
    color: #f5735a
}

.pie-wrapper.progress-3 .pie .right-side {
    display: none
}

.pie-wrapper.progress-3 .pie .half-circle {
    border-color: #f88f5d
}

.pie-wrapper.progress-3 .label {
    color: #f88f5d
}

.pie-wrapper.progress-4 .pie .right-side {
    display: none
}

.pie-wrapper.progress-4 .pie .half-circle {
    border-color: #fbab61
}

.pie-wrapper.progress-4 .label {
    color: #fbab61
}

.pie-wrapper.progress-5 .pie .right-side {
    transform: rotate(180deg)
}

.pie-wrapper.progress-5 .pie .half-circle {
    border-color: #fdc764
}

.pie-wrapper.progress-5 .label {
    color: #fdc764
}

.pie-wrapper.progress-5 .pie {
    clip: rect(auto, auto, auto, auto)
}

.pie-wrapper.progress-6 .pie .right-side {
    transform: rotate(180deg)
}

.pie-wrapper.progress-6 .pie .half-circle {
    border-color: #eed666
}

.pie-wrapper.progress-6 .label {
    color: #eed666
}

.pie-wrapper.progress-6 .pie {
    clip: rect(auto, auto, auto, auto)
}

.pie-wrapper.progress-7 .pie .right-side {
    transform: rotate(180deg)
}

.pie-wrapper.progress-7 .pie .half-circle {
    border-color: #cbd765
}

.pie-wrapper.progress-7 .label {
    color: #cbd765
}

.pie-wrapper.progress-7 .pie {
    clip: rect(auto, auto, auto, auto)
}

.pie-wrapper.progress-8 .pie .right-side {
    transform: rotate(180deg)
}

.pie-wrapper.progress-8 .pie .half-circle {
    border-color: #a8d864
}

.pie-wrapper.progress-8 .label {
    color: #a8d864
}

.pie-wrapper.progress-8 .pie {
    clip: rect(auto, auto, auto, auto)
}

.pie-wrapper.progress-9 .pie .right-side {
    transform: rotate(180deg)
}

.pie-wrapper.progress-9 .pie .half-circle {
    border-color: #85d963
}

.pie-wrapper.progress-9 .label {
    color: #85d963
}

.pie-wrapper.progress-9 .pie {
    clip: rect(auto, auto, auto, auto)
}

.pie-wrapper.progress-10 .pie .right-side {
    transform: rotate(180deg)
}

.pie-wrapper.progress-10 .pie .half-circle {
    border-color: #61db61
}

.pie-wrapper.progress-10 .label {
    color: #61db61
}

.pie-wrapper.progress-10 .pie {
    clip: rect(auto, auto, auto, auto)
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.splide__container {
    position: relative;
    box-sizing: border-box
}

.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform
}

.splide.is-active .splide__list {
    display: flex
}

.splide__pagination {
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0
}

.splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0
}

.splide {
    visibility: hidden
}

.splide, .splide__slide {
    position: relative;
    outline: none
}

.splide__slide {
    box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    flex-shrink: 0
}

.splide__slide img {
    vertical-align: bottom
}

.splide__slider {
    position: relative
}

.splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    animation: splide-loading 1s linear infinite
}

.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
    -webkit-user-select: none;
    user-select: none
}

.splide--fade > .splide__track > .splide__list {
    display: block
}

.splide--fade > .splide__track > .splide__list > .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1
}

.splide--rtl {
    direction: rtl
}

.splide--ttb > .splide__track > .splide__list {
    display: block
}

.splide--ttb > .splide__pagination {
    width: auto
}

.splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 0;
    background: 0 0
}

.splide__arrow svg {
    width: 2.5em;
    height: 2.5em;
    fill: #00bfff;
    transition: fill .2s linear
}

.splide__arrow:hover {
    cursor: pointer
}

.splide__arrow:hover svg {
    fill: #66d9ff
}

.splide__arrow:focus {
    outline: none
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide__pagination {
    position: absolute;
    z-index: 1;
    bottom: .5em;
    left: 50%;
    transform: translateX(-50%);
    padding: 0
}

.splide__pagination__page {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    margin: 3px;
    padding: 0;
    transition: all .2s linear;
    border: none
}

.splide__pagination__page.is-active {
    transform: scale(1.4);
    background: #00bfff
}

.splide__pagination__page:hover {
    cursor: pointer;
    background: #66d9ff
}

.splide__pagination__page:focus {
    outline: none
}

.splide__progress__bar {
    width: 0;
    height: 3px;
    background: #00bfff
}

.splide__spinner {
    border: 2px solid #00bfff;
    border-left-color: transparent
}

.splide--nav > .splide__track > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
    opacity: .7
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    border-color: #00bfff;
    opacity: 1
}

.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
    outline: none
}

.splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
    right: 1em;
    left: auto
}

.splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
    top: 1em
}

.splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
    top: auto;
    bottom: 1em
}

.splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide--ttb > .splide__pagination {
    display: flex;
    flex-direction: column;
    bottom: 50%;
    left: auto;
    right: .5em;
    transform: translateY(50%)
}

.accordion {
    background: #fff;
    color: #060607;
    border-radius: 10px
}

.accordion-item {
    border-bottom: solid 1px #eee
}

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

.accordion-title {
    padding: 1.375rem 5rem 1.375rem 1.5rem;
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
    position: relative
}

.accordion-title:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 32px;
    top: 32px;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url("icon-arrow-down.svg");
    vertical-align: middle;
    transition: .5s
}

.accordion-body {
    padding: 20px 30px;
    font-size: 14px;
    color: #555
}

.accordion .accordion-item[data-opened="1"] .accordion-title:after {
    transform: rotate(180deg)
}

body {
    background: #fff;
    margin: 0;
    font-family: "Roboto", sans-serif;
    color: #3a3e44
}

/*img {
    max-width: 100%
}*/

.container {
    max-width: 1200px;
    margin: auto
}

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

.content ul li, .content ol li {
    line-height: 2;
    color: #3a3e44;
    margin: 0 0 0 1em
}

.content ul li p, .content ol li p {
    padding: 0;
    margin: 0
}

.content ul {
    list-style-image: url("/theme/images/icons/icon-check-16.svg")
}

.tippy-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tippy-box {
    width: 206px;
    background-color: #fff6d7;
    border: 1px solid #ffce1b;
    -webkit-box-shadow: 0 2px 3px #000;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    border-radius: 2px;
    color: #737373;
    text-align: left;
    z-index: 99999999 !important
}

*[data-tippy-root] {
    z-index: 9999999999 !important
}

.tippy-content {
    z-index: 999999999 !important
}

.tippy-arrow {
    color: #fff6d7
}

.tippy-content ul li {
    position: relative;
    padding: 3px 0;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px
}

.tippy-content b {
    text-align: center;
    display: block;
    margin: .5em;
    color: #444
}

.tippy-content ul li:before {
    content: " ";
    position: absolute;
    left: -20px;
    display: inline-block;
    width: 25px;
    height: 24px;
    background-image: url("/theme/images/icons/icon-check-green.svg");
    background-size: 14px 14px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 20px
}

.tippy-content .btn {
    padding: 4px;
    margin: .5em auto;
    width: 100%;
    background: #ffca07;
    border-radius: 3px;
    font-size: 13px;
    color: #444
}

.tippy-content p {
    text-align: left;
    color: #737373;
    font-size: 12px
}

a {
    color: #39ade5;
    text-decoration: none
}

table, th, td {
    border: 1px solid;
}

table {
    width: 100%
}

.table-bordered, .table {
    border: solid 3px #f3f6f9
}

.table-bordered p, .table p {
    margin: 0;
    padding: 0
}

.table-bordered td, .table td {
    border: solid 1px #f3f6f9
}

.header-white {
    margin-top: 7em
}

.header-white-headline {
    font-size: 1.8em
}

.header-white-introtext {
    text-align: justify;
    color: #3a3e44
}

#up {
    display: block;
    position: fixed;
    bottom: 10%;
    right: 5%;
    background-image: url("icon-arrow-down.svg");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 15px;
    width: 48px;
    height: 48px;
    transform: rotate(-180deg);
    background-color: #0c95c2;
    padding: 10px;
    border-radius: 5px;
    opacity: .8;
    border: solid 1px #09789e;
    cursor: pointer
}

#up:hover {
    background-color: #09789e
}

.content-checked-title > * {
    font-size: 1.5em;
    margin-block-start: .83em;
    margin-block-end: .83em
}

.cookie {
    position: fixed;
    background-color: #f4f5f8;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .05);
    bottom: 0;
    left: 0;
    width: 100%
}

.cookie-inner {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.cookie p {
    font-weight: 700;
    font-size: 14px
}

.cookie i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em
}

.cookie .btn {
    margin: 5px 0;
    padding: 5px 15px
}

.apply {
    position: relative;
    cursor: pointer
}

.tippy-box {
    padding: 10px;
    position: absolute;
    left: -75px;
    top: 20px;
    border-radius: 5px;
    font-style: normal
}

.tippy-box .tippy-content {
    font-size: 14px;
    line-height: 1.3;
    padding: 0
}

.tippy-box .tippy-content b {
    color: #444;
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

.tippy-box > a {
    display: none
}

.tippy-box .tippy-content p {
    color: #737373;
    font-size: 12px;
    text-align: justify
}

.tippy-box .tippy-content:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
    top: -17px;
    left: 50%;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
    color: #fff6d7;
    margin-left: -8px
}

.casino-mini, .bonus-mini {
    overflow: visible
}

.casino-mini .casino-mini-logo, .bonus-mini .bonus-mini-logo {
    border-radius: 1rem 1rem 0 0
}

.casinos-header {
    position: relative;
    z-index: 100
}

.casino-table-logo-wrapper {
    max-width: 200px
}

.content .casino-table-features ul li {
    margin: 0 5px 0 0;
    white-space: nowrap;
    align-items: center
}

.pie-wrapper .label {
    top: 0
}

.casino-header-buttons .btn {
    margin: 25px 10px 5px
}

.table-bordered img {
    max-width: initial
}

.casino-live-casino-bonus .spanh1, .casino-live-casino-bonus .spanh3 {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px;
    font-weight: 700;
    white-space: nowrap
}

.casino-live-casino-bonus .spanh2 {
    display: block;
    font-size: 30px;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap
}

.content-blocks-basic table {
    border: solid 3px #f3f6f9;
    border-spacing: 0px;
    font-size: 14px
}

.content-blocks-basic table p {
    margin: 0;
    padding: 0
}

.content-blocks-basic table td {
    border: solid 1px #f3f6f9;
    padding: 3px
}

.content-blocks-basic table thead tr {
    background: #f3f6f9;
    font-weight: 700;
    text-align: center;
    font-size: 14px
}

.payment-block-casinos {
    padding: 0 10px
}

.payment-block-casinos p {
    text-align: center
}

.casinopage-headline-mobile {
    display: none
}

.header-alarm-2:before {
    content: "ОБЗОР"
}

.page-razdel .homepage-header {
    padding-top: 7em
}

.casinopage-properties-block .casinopage-properties-value a, .casinopage-properties-block .casinopage-properties-value span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #39ade5
}

.content, .content ul li, .content ol li {
    font-size: 14px;
    line-height: 1.3
}

.content ol {
    padding-left: 10px
}

.toc-container li {
    align-items: center
}

.mini-review-created {
    padding: 12px 0 0;
    font-size: 11px;
    color: #666;
    font-weight: 100;
    display: block;
    width: 65px;
    text-align: center
}

.content p.mini-review-description {
    margin-top: 10px
}

.casino-table td.casino-bonus.casino-table-bonus {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0
}

.casino-table-wrapper .casino-table.Deposit .bonus-visible {
    display: none
}

.casino-table-wrapper .casino-table.Deposit .class-visible-Deposit {
    display: block
}

.casino-table-wrapper .casino-table.Deposit .class-visible-Deposit ~ .class-visible-Deposit {
    display: none
}

.casino-table-wrapper .casino-table .bonus-condition p {
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    margin: 0
}

.casino-table-wrapper .casino-table.NoDeposit .bonus-visible {
    display: none
}

.casino-table-wrapper .casino-table.NoDeposit .class-visible-NoDeposit {
    display: block
}

.casino-table-wrapper .casino-table.NoDeposit .class-visible-NoDeposit ~ .class-visible-NoDeposit {
    display: none
}

.casino-table-wrapper .casino-table.Cashback .bonus-visible {
    display: none
}

.casino-table-wrapper .casino-table.Cashback .class-visible-Cashback {
    display: block
}

.casino-table-wrapper .casino-table.Cashback .class-visible-Cashback ~ .class-visible-Cashback {
    display: none
}

.casino-table-wrapper .casino-table.Freespins .bonus-visible {
    display: none
}

.casino-table-wrapper .casino-table.Freespins .class-visible-Freespins {
    display: block
}

.casino-table-wrapper .casino-table.Freespins .class-visible-Freespins ~ .class-visible-Freespins {
    display: none
}

.casino-table-wrapper .casino-table.bonuses-tvo.no.deposit .bonus-visible {
    display: none
}

.casino-table-wrapper .casino-table.bonuses-tvo.no.deposit .class-visible-No.Deposit {
    display: block
}

.casino-table-wrapper .casino-table.bonuses-tvo.no.deposit .class-visible-No.Deposit ~ .class-visible-No.Deposit {
    display: none
}

.homepage-headline {
    line-height: 1
}

.page-razdel .homepage-header, #page-2 .homepage-header {
    padding-top: 4em
}

.casino-bonus-field {
    width: 45%
}

.bonuses-filter.bonuses-filter-none {
    display: none
}

.bonuses-mini.bonuses-list-welcome .bonus-mini {
    display: none
}

.bonuses-mini.bonuses-list-welcome .bonus-mini[data-type=Welcome] {
    display: flex
}

#up {
    bottom: 12%;
    right: 5%
}

.casino-header .apply {
    position: absolute;
    top: 98px;
    left: 182px;
    font-style: italic;
    border: none
}

.casino-header-bonus {
    font-size: 14px
}

.casino-header .casino-header-pluses {
    list-style-image: none
}

.casino-header .casino-header-pluses li {
    font-size: 12px;
    line-height: initial;
    margin: 0;
    display: flex;
    align-items: center
}

.casinos-header.casinos-header-Welcome .casino-header-bonus, .casinos-header.casinos-header-NoDeposit .casino-header-bonus, .casinos-header.casinos-header-Cashback .casino-header-bonus, .casinos-header.casinos-header-Welcome .casino-header-bonus, .casinos-header.casinos-header-Freespins .casino-header-bonus, .casinos-header.casinos-header-Defolt .casino-header-bonus {
    display: none
}

.casinos-header.casinos-header-Welcome .casino-header-bonus[data-sortable=Welcome] {
    display: block
}

.casinos-header.casinos-header-NoDeposit .casino-header-bonus[data-sortable="No Deposit"] {
    display: block
}

.casinos-header.casinos-header-Cashback .casino-header-bonus[data-sortable=Cashback] {
    display: block
}

.casinos-header.casinos-header-Deposit .casino-header-bonus[data-sortable=Deposit] {
    display: block
}

.casinos-header.casinos-header-Freespins .casino-header-bonus[data-sortable=Freespins] {
    display: block
}

.casinos-header.casinos-header-Defolt .casino-header-bonus:nth-child(1) {
    display: block
}

.content .casino-header:hover {
    transform: none
}

.table-box {
    overflow: hidden;
    overflow-x: scroll
}

.table-box {
    scrollbar-width: 0px;
    scrollbar-color: blue orange
}

.table-box .table-bordered {
    margin: 0
}

.table-box table {
    width: 100%
}

.table-box::-webkit-scrollbar {
    width: 0;
    height: 0
}

table.floated {
    margin: .5em 0 !important
}

blockquote {
    margin: 0 0 10px
}

blockquote:before {
    top: 1.5rem
}

.casinopage-header {
    margin-top: 4em
}

.casino-table-wrapper.selected-1 .row-data, .casino-table-wrapper.selected-2 .row-data, .casino-table-wrapper.selected-3 .row-data, .casino-table-wrapper.selected-4 .row-data {
    display: none
}

.casino-table-wrapper.selected-1 .row-data.selected-1, .casino-table-wrapper.selected-2 .row-data.selected-2, .casino-table-wrapper.selected-3 .row-data.selected-3, .casino-table-wrapper.selected-4 .row-data.selected-4 {
    display: table-row
}

@media (max-width: 768px) {
    .container.mobile-padding table.casino-table tr.row-data td {
        padding: 5px 0
    }

    .container.mobile-padding table.casino-table .row-data td.casino-table-features {
        width: 70% !important
    }

    .container.mobile-padding table.casino-table .row-data td.casino-table-features ul {
        padding-left: 0
    }

    .casino-table .row-data td.casino-table-features li {
        line-height: 18px;
        align-items: flex-start !important;
        justify-content: flex-start !important
    }

    .casino-table .row-data td.casino-table-features li i {
        margin: 2px 5px
    }

    .casino-header .apply {
        top: 106px;
        left: 44px
    }

    .container.mobile-padding table.table-bordered-pirhen td, .container.mobile-padding table.table-bordered-pirhen th {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 0
    }

    .container.mobile-padding table.table-bordered-pirhen tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 0
    }

    .page-razdel .homepage-header, #page-2 .homepage-header {
        padding-top: 4em
    }

    .content ol {
        padding-left: 10px
    }

    .content ol li {
        margin-left: 10px
    }

    .content-slots-block {
        flex-direction: column
    }

    .content-slots-info .content-slots-bold {
        padding-top: 10px;
        text-align: center
    }

    .howto-register.mobile-padding ol, .howto-register.mobile-padding ol li {
        padding-left: 0;
        position: relative
    }

    .howto-register.mobile-padding ol .howto-register-title {
        padding-left: 40px;
        line-height: 20px;
        min-height: 28px
    }

    .howto-register.mobile-padding ol li:before {
        position: absolute;
        left: -10px;
        top: -5px
    }

    .content-payment-methods .items .box-item {
        width: 100%
    }

    .content-standart-bezopasnocti .item-box .item .box-content .pre-title {
        padding-bottom: 10px
    }

    .subscribe-form #email {
        width: 90%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .subscribe-form {
        flex-direction: column;
        margin-top: 10px
    }

    .content-howtofind-best-casino-sites .box-item .items {
        min-width: 100%
    }

    .content-howtofind-best-casino-sites .box-item .item {
        margin: 0
    }

    .content-howtofind-best-casino-sites .box-item .item .item-title, .content-howtofind-best-casino-sites .box-item .item .box-img {
        text-align: center
    }

    .content-howtofind-best-casino-sites .box-item .item .box-img img {
        width: 80%;
        margin: auto
    }

    .bonuses-filter-btn {
        display: flex;
        align-items: center
    }

    .casinopage-headline-mobile {
        display: block;
        font-size: 1.7em;
        color: #fff;
        text-align: center
    }

    .casinopage-headline {
        display: none
    }

    .casinopage-header {
        margin-top: 2.6em
    }

    .casinopage-inner {
        display: block;
        padding: 10px 20px 0
    }

    #breadcrumbs {
        align-items: center
    }

    #breadcrumbs .breadcrumbs-li-mobile, #breadcrumbs .separator-mobile {
        display: none
    }

    .casinos-header {
        flex-direction: column;
        align-items: center
    }

    .casinos-header .casino-header {
        width: 300px
    }

    .page-razdel .homepage-header {
        padding-top: 7em
    }

    .casino-table-categories {
        flex-direction: row;
        flex-wrap: wrap
    }

    .casino-table-categories .btn-category {
        margin: 5px
    }

    .container.mobile-padding table.casino-table.main-ferst {
        margin-top: 10px
    }

    .casino-table-categories .btn-category {
        max-width: 46%;
        width: 46%;
        padding: 5px
    }

    .casino-table-categories img {
        margin-right: 5px
    }

    .igrovye-avtomaty-besplatno .casino-table-custom.casino-live-roulette, .igrovye-avtomaty-besplatno .casino-table-custom.casino-live-blackjack, .igrovye-avtomaty-besplatno .casino-table-custom.casino-live-baccarat {
        display: none !important
    }

    .casino-bonus-field {
        padding: 1px 3px;
        width: 50%
    }

    .casino-table.main-ferst .row-data .casino-table-features li {
        white-space: normal
    }

    .casino-table .row-data .casino-table-features li {
        line-height: 18px;
        align-items: center;
        justify-content: center
    }

    .container table.casino-table {
        margin-top: 10px
    }

    .casino-table .row-data {
        padding: 40px 10px 0
    }
}

.lang-selector {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 0;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #898989;
    background: #d4d4d4;
    box-sizing: border-box;
    z-index: 1
}

.lang-selector .lang-item {
    display: block;
    text-align: center;
    color: #2f2f2f;
    padding: 5px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    overflow: hidden
}

.lang-selector .lang-item:hover {
    color: #068ed0
}

.lang-selector .lang-item.lang-current {
    color: #068ed0;
    cursor: default
}

.mob-show {
    display: none
}

.mob-hide {
    display: block
}

@media (max-width: 768px) {
    .mob-show {
        display: block
    }

    .mob-hide {
        display: none
    }

    .casinopage-card .content-blocks-basic-headline {
        width: auto;
        color: #fff;
        margin-bottom: 15px
    }
}

@media (max-width: 600px) {
    .casino-header .apply, .content .apply {
        font-weight: 700;
        color: #000;
        font-size: 12px;
        border-bottom: 1px dashed #999
    }

    .content-slots-logo {
        margin-right: 0
    }
}

.casinos-header-v2 {
    display: flex;
    margin-bottom: 1.5em
}

.casinos-header-v2 .item {
    position: relative;
    width: calc(100% / 3 - 10px);
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    margin: 5px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    transition: .2s
}

.casinos-header-v2 .name-bonus {
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

.casinos-header-v2 .img-opisanie {
    display: flex;
    align-items: center
}

.casinos-header-v2 .img-opisanie .img-box {
    display: flex;
    width: 120px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-right: 10px
}

.casinos-header-v2 .opisanie-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.casinos-header-v2 .opisanie-item .icon {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    min-width: 12px;
    margin-top: 1px
}

.casinos-header-v2 .opisanie-item span {
    width: calc(100% - 15px);
    font-size: 12px
}

.casinos-header-v2 .podrobnee {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 10px 0
}

.casinos-header-v2 .podrobnee-open {
    font-weight: 700;
    color: #000;
    font-size: 12px;
    border-bottom: 1px dashed #999
}

.casinos-header-v2 .podrobnee-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff6d7;
    border: 1px solid #ffce1b;
    border-radius: 5px;
    padding: 20px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.casinos-header-v2 .podrobnee-box p {
    font-size: 14px
}

.casinos-header-v2 .podrobnee-box.open {
    display: flex
}

.casinos-header-v2 .podrobnee-close {
    position: absolute;
    left: 10px;
    top: 10px
}

.casinos-header-v2 .btn-box {
    display: flex;
    align-items: center;
    margin: 0 -5px
}

.casinos-header-v2 .btn-box .btn {
    width: calc(50% - 10px);
    margin: 0 5px 0
}
.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}
.homepage-header {
    margin-bottom: 1.5em;
    padding-top: 4em;
}