/* -------------------- 6. Game -------------------- */

.game .game-header .follow-button-js {
    position: inherit;
    width: max-content;
    background-position: right;
    border-radius: 10px;
    border: 1px solid #111;
    padding: 12px 20px;
    height: max-content;
    background-image: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 13px;
}

.game-header .follow-button-js > span {
    display: block;
    width: 14px;
    height: 12px;
    background: rgba(255, 255, 255, 0.60);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjM0NzQgOS41Mjk3NEw5LjQ3MjM2IDE2LjMzODdMMi41OTczNiA5LjUyOTc0QzIuMTQzODkgOS4wODg0NyAxLjc4NjcgOC41NTgwOSAxLjU0ODI4IDcuOTcxOTlDMS4zMDk4NiA3LjM4NTkgMS4xOTUzOCA2Ljc1Njc4IDEuMjEyMDQgNi4xMjQyN0MxLjIyODcgNS40OTE3NSAxLjM3NjE1IDQuODY5NTQgMS42NDUwOSA0LjI5NjhDMS45MTQwNCAzLjcyNDA3IDIuMjk4NjUgMy4yMTMyMyAyLjc3NDczIDIuNzk2NDRDMy4yNTA4IDIuMzc5NjYgMy44MDgwMSAyLjA2NTk2IDQuNDExMjcgMS44NzUxQzUuMDE0NTQgMS42ODQyNCA1LjY1MDc4IDEuNjIwMzYgNi4yNzk5NSAxLjY4NzQ4QzYuOTA5MTIgMS43NTQ2IDcuNTE3NTcgMS45NTEyNSA4LjA2NyAyLjI2NTA4QzguNjE2NDMgMi41Nzg5IDkuMDk0OTIgMy4wMDMwOCA5LjQ3MjM2IDMuNTEwOTFDOS44NTE0NCAzLjAwNjc2IDEwLjMzMDUgMi41ODYyOSAxMC44Nzk1IDIuMjc1OEMxMS40Mjg2IDEuOTY1MzEgMTIuMDM1OCAxLjc3MTQ5IDEyLjY2MzIgMS43MDY0N0MxMy4yOTA2IDEuNjQxNDUgMTMuOTI0NyAxLjcwNjYzIDE0LjUyNTcgMS44OTc5NEMxNS4xMjY4IDIuMDg5MjQgMTUuNjgxOSAyLjQwMjU0IDE2LjE1NjMgMi44MTgyNEMxNi42MzA3IDMuMjMzOTQgMTcuMDE0MiAzLjc0MzA5IDE3LjI4MjcgNC4zMTM4MUMxNy41NTEzIDQuODg0NTQgMTcuNjk5MiA1LjUwNDU1IDE3LjcxNzEgNi4xMzUwNkMxNy43MzUxIDYuNzY1NTcgMTcuNjIyNyA3LjM5Mjk5IDE3LjM4NyA3Ljk3ODA2QzE3LjE1MTMgOC41NjMxMyAxNi43OTc0IDkuMDkzMjUgMTYuMzQ3NCA5LjUzNTI0IiBzdHJva2U9IiNDQTI4MjgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 20;
    cursor: pointer;
}

.game-header .follow-button-js.active > span {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM0NzQgOC41Mjk3NEw4LjQ3MjM2IDE1LjMzODdMMS41OTczNiA4LjUyOTc0QzEuMTQzODkgOC4wODg0NyAwLjc4NjcwMiA3LjU1ODA5IDAuNTQ4MjgxIDYuOTcxOTlDMC4zMDk4NjEgNi4zODU5IDAuMTk1Mzc3IDUuNzU2NzggMC4yMTIwMzkgNS4xMjQyN0MwLjIyODcgNC40OTE3NSAwLjM3NjE0NSAzLjg2OTU0IDAuNjQ1MDkgMy4yOTY4QzAuOTE0MDM1IDIuNzI0MDcgMS4yOTg2NSAyLjIxMzIzIDEuNzc0NzMgMS43OTY0NEMyLjI1MDggMS4zNzk2NiAyLjgwODAxIDEuMDY1OTYgMy40MTEyNyAwLjg3NTEwMkM0LjAxNDU0IDAuNjg0MjQ1IDQuNjUwNzggMC42MjAzNjMgNS4yNzk5NSAwLjY4NzQ3OUM1LjkwOTEyIDAuNzU0NTk1IDYuNTE3NTcgMC45NTEyNTUgNy4wNjcgMS4yNjUwOEM3LjYxNjQzIDEuNTc4OSA4LjA5NDkyIDIuMDAzMDggOC40NzIzNiAyLjUxMDkxQzguODUxNDQgMi4wMDY3NiA5LjMzMDQ5IDEuNTg2MjkgOS44Nzk1NCAxLjI3NThDMTAuNDI4NiAwLjk2NTMwOSAxMS4wMzU4IDAuNzcxNDkgMTEuNjYzMiAwLjcwNjQ3MUMxMi4yOTA2IDAuNjQxNDUyIDEyLjkyNDcgMC43MDY2MzQgMTMuNTI1NyAwLjg5NzkzN0MxNC4xMjY4IDEuMDg5MjQgMTQuNjgxOSAxLjQwMjU0IDE1LjE1NjMgMS44MTgyNEMxNS42MzA3IDIuMjMzOTQgMTYuMDE0MiAyLjc0MzA5IDE2LjI4MjcgMy4zMTM4MUMxNi41NTEzIDMuODg0NTQgMTYuNjk5MiA0LjUwNDU1IDE2LjcxNzEgNS4xMzUwNkMxNi43MzUxIDUuNzY1NTcgMTYuNjIyNyA2LjM5Mjk5IDE2LjM4NyA2Ljk3ODA2QzE2LjE1MTMgNy41NjMxMyAxNS43OTc0IDguMDkzMjUgMTUuMzQ3NCA4LjUzNTI0IiBmaWxsPSIjQ0EyODI4Ii8+Cjwvc3ZnPgo=");
}

.iframe-info-block {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.iframe-info-block.fullscreen {
    margin-top: 0;
}
.game .casino-header {
    background-image: radial-gradient(ellipse at center center ,#28DAE5, #5F3ADE 70%);
}
.asp-ratio {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    border-radius: 15px;
}
.fullscreen .asp-ratio {
    border-radius: 0;
}
.iframe-block.has-iframe {
    position: relative
}
.iframe-block.has-iframe.portrait {
    /*position: fixed;*/
    width: 100%;
    height: 100%
}
.iframe-block.has-iframe.portrait iframe {
    display: none
}
.iframe-block .game-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    filter: blur(2px) brightness(60%);
}
.iframe-block .orientation {
    position: absolute;
    height: 60%;
    width: 60%;
    top: 20%;
    left: 20%;
    z-index: 1;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.iframe-block .orientation p {
    padding-left: 16px;
    font-weight: 500;
}
.iframe-block .game-button {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    z-index: 1;
    text-align: center;
    margin-top: -24px;
}
.iframe-block.portrait .btn-play {
    display: none;
}
.iframe-block.portrait .orientation {
    display: flex;
}

.fullscreen .iframe-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fullscreen #game-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    border-radius: 10px;
}
.iframe-block .game-button .btn {
    width: auto;
    padding: 16px 42px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.iframe-block .game-sidebar {
    width: 20%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}
.iframe-block.landscape .game-sidebar {
    display: block;
}
.iframe-block.landscape .play-button {
    display: none;
}
.game .casino-header .single-table-conversion {
    display: none;
}

.fullscreen .portrait .single-table-conversion {
    display: block;
    padding: 0 24px;
}
.iframe-block .game-sidebar-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
    text-align: center
}
.iframe-block .game-sidebar-inner p {
    font-weight: 700;
    font-size: 20px
}
.iframe-block .game-sidebar-inner p.welcome-bonus {
    font-size: 16px
}
.iframe-block.landscape .asp-ratio {
    padding-top: 56.25%
}
/*
@media all and (min-width: 812px) {
    .iframe-block.landscape .game-sidebar+.asp-ratio {
        padding-top:45%
    }
}
*/
.iframe-block .game-panel {
    display: none;
    justify-content: flex-end;
    align-items: center;
    padding: 10px
}
.iframe-block .game-panel .btn-fullscreen {
    padding: 0;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-left: 20px;
    border-radius: 50%;
    flex: 0 0 40px;
    outline: none
}
.iframe-block .game-panel .btn-fullscreen span {
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}
.iframe-block .game-panel .btn-fullscreen:active {
    outline: none
}
.iframe-block .btn-fullscreen span:last-of-type {
    display: none
}
.iframe-block .btn-fullscreen svg {
    -webkit-transition: all 1s;
    transition: all 1s
}
.iframe-block .btn-fullscreen:hover svg {
    transform: scale(1.2)
}
.iframe-block .game-panel .btn {
    display: none
}
.iframe-block .game-panel .btn:hover {
    transform: scale(1)
}
.close-iframe {
    position: fixed;
    top: 0;
    right: 0;
    width: 25px;
    height: 20px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    z-index: 9999;
    zoom:1.1;display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.fullscreen .close-iframe {
    display: flex
}
.mobile .fullscreen {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    zoom:1;
    background: rgba(0,0,0,.9)
}
.fullscreen .iframe-block.desctop .game-panel {
    display: flex
}
.fullscreen .game-panel .btn {
    display: block
}
.game .casino-info-container {
    background: none;
}
.game .table {
    color: #000;
    width: 100%;
    border-radius: 10px;
    border-collapse: collapse;
    font-size: 16px;
    overflow: hidden;
    /*background: #fff;*/
    float:none;
    margin:0;
}
.game .table tr {
    background: #fff;
}
.game .table tr:nth-child(even) {
    background: #F4F4F7;
}
.game .table tr:last-child {
    background: none;
}
.game .table td {
    padding: 14px 24px;
}
.game .table td:last-child {
    text-align: right;
}
.game .table tr:last-child td {
    padding: 0;
}
.game .table .value {
    color: #2B1E5A;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 10px;
    background: #EAE9EF;
    font-weight: 600;
}
.game .table .btn {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 22px 0;
    font-weight: 700;
}
.game .table .btn-grey {
    border-top: 1px solid #2B1E5A;
}
@media all and (min-width: 768px) {
    .game .casino-header .container {
        flex-direction: column;
    }
    .game .casino-header .casino-top-left {
        width: 100%;
        padding-right: 0;
    }
    .game .casino-header .casino-info-container {
        width: 100%;
        margin-top: 30px;
    }

}
@media all and (min-width: 1024px) {
    .game .table {
        margin: 0 0 0 10px;
    }
    .game .casino-header .container {
        flex-direction: row;
    }
    .game .casino-header .casino-top-left {
        width: 65%;
    }
    .game .casino-header .casino-info-container {
        width: 35%;
        padding-left: 36px;
        align-self: flex-end;
    }
    .game .casino-header .casino-info-container .single-table-conversion {
        display: block;
    }
    .game .casino-header .casino-info-container .single-table-conversion .value {
        font-size: 14px;
    }
    .game .table td {
        padding: 26px 32px;
    }
    .iframe-block .game-button .btn {
        /*padding: 20px 90px;*/
        font-size: 24px;
    }
}

@media all and (min-width: 1280px) {
    .single-table-conversion.mobile {
        margin: 25px 0 28px 0;
    }
    .game .table td {
        padding: 24px 32px;
    }
    .game .table .value.provider-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

/* -------------------- # 6. Game -------------------- */

@media screen and (min-width: 990px){
    .table-bonuses-item-info.double {
        flex-direction: row;
    }
    .table-bonuses-item-info.double>div{
        width: 50%;
    }
}