*
{
    box-sizing: border-box;
}
.hide
{
    display: none;
}
.text-clip
{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.button
{
    background: #333;
    border: none;
    border-radius: 7px;
    color: #f9f9f9;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: .95rem;
    padding: .2em .6em;
    text-shadow: none;
}
.button:hover
{
    color: #222;
    text-shadow: 0 1px hsla(0,0%,100%,.5);
}
.button.is-checked, .button:active
{
    background-color: #ff0098;
}
.button.is-checked
{
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.8);
}
.button:active
{
    box-shadow: inset 0 1px 10px rgba(0,0,0,.8);
}
.button-group
{
    margin-bottom: 20px;
}
.button-group:after
{
    clear: both;
    content: "";
    display: block;
}
.button-group .button
{
    border-radius: 2.5em!important;
    float: left;
    margin-left: 0;
    margin-right: 5px;
}
.button-group .prov-button
{
    background-color: #333;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    border-radius: .2rem!important;
    color: #ffffff59;
    float: left;
    font-size: .1rem;
    height: 30px;
    margin-left: 0;
    margin-right: 5px;
    text-shadow: none;
    width: 90px;
}
.button-group .button:first-child
{
    border-radius: 2.5em 0 0 2.5em;
}
.button-group .button:last-child
{
    border-radius: 0 2.5em 2.5em 0;
}
.grid
{
    border: 1px solid #3330;
    height: calc(100vh - 125px)!important;
    overflow-x: hidden;
    padding-left: .7rem;
}
.grid:after
{
    clear: both;
    content: "";
    display: block;
}
.grid::-webkit-scrollbar
{
    background: #121212;
    border-left: 0;
    height: 8px;
    width: 5px;
}
.grid::-webkit-scrollbar-thumb
{
    background: #99005b;
    border-radius: 5px;
}
.grid::-webkit-scrollbar-track
{
    background: none;
}
.white-hat-jpamount
{
    background-color: #ffc400;
    bottom: 35px!important;
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    height: 27px;
    left: 0!important;
    margin: auto;
    padding: 0 10px!important;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 600;
}
.white-hat-jpamount:empty
{
    display: none;
}
.element-item-bck
{
    background: #888;
    color: #262524;
    float: left;
    height: 100px;
    margin: 5px;
    padding: 10px;
    position: relative;
    width: 100px;
}
@media(max-width: 575.98px)
{
    .element-item .desc
    {
        height: 100%!important;
    }
    .element-item .info
    {
        padding-top: 0!important;
        z-index: 500;
    }
    .minfo
    {
        opacity: 0;
    }
    .element-item .name
    {
        font-size: smaller!important;
    }
    .element-item .star
    {
        right: 5px!important;
    }
    .play-icon
    {
        font-size: 3.5rem!important;
        margin-top: -8px!important;
        transform: scale(1)!important;
    }
    .slick-next
    {
        outline: none!important;
        right: -15px!important;
    }
    .slick-prev
    {
        left: -15px!important;
        outline: none!important;
    }
    #games-carousels.gameSlides-topAdd
    {
        padding-top: 50px!important;
    }
}
@media(max-width: 768px)
{
    .white-hat-jpamount
    {
        align-items: center;
        display: flex;
        font-size: 10px;
        height: 12px;
        justify-content: center;
    }
    .minfo
    {
        opacity: 0;
    }
}
.element-item
{
    background: #3b3b3b;
    border-color: transparent!important;
    border-radius: .5rem;
    box-shadow: -8px 10px 10px 0 rgb(0 0 0/1%)!important;
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .3s ease;
}
.element-item:hover
{
    box-shadow: -8px 10px 10px 0 rgba(0,0,0,.55)!important;
}
.element-item>*
{
    margin: 0;
    padding: 0;
}
.element-item .symbol
{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 5px;
    position: absolute;
    top: 0;
}
.element-item .number
{
    position: absolute;
    right: 8px;
    top: 5px;
}
.element-item .weight
{
    font-size: 12px;
    left: 10px;
    position: absolute;
    top: 76px;
}
.element-item .name
{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    bottom: 6px;
    display: -webkit-box;
    line-height: 1.5;
    overflow: hidden;
    padding-right: 28px;
}
.element-item .star
{
    bottom: 0;
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1;
    position: absolute;
    right: 5px;
    text-transform: none;
    z-index: 5;
}
.mstar, .star:hover
{
    color: #ff0098;
}
.mstar
{
    background: #2c2c2c;
    border-radius: 1rem;
    user-select: none;
    z-index: 1000;
}
.mstar:hover
{
    background: #202020;
    color: #bc0070;
}
.game-count-slider
{
    padding-bottom: .5rem!important;
    padding-left: .25rem!important;
    padding-top: 1rem;
}
.arrow-icn-all
{
    font-size: 1.4rem;
    margin-left: .25rem!important;
    vertical-align: middle;
}
.element-item .distributor
{
    left: 5px;
    position: absolute;
    top: 5px;
}
.element-item .info2
{
    color: #fff;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    position: absolute;
    right: 105px;
    text-transform: none;
    top: 10px;
    z-index: -100;
}
.m-info
{
    font-size: 2.5rem;
    text-shadow: 1px 1px 1px #00000080;
    user-select: none;
    z-index: 5000;
}
.minfo
{
    color: #fff;
    font-size: 2.1rem;
    left: 50%;
    margin: -3px 0 30px;
    position: relative;
    transform: translateX(-50%);
    transition: all .15s ease-in-out;
}
.minfo:hover
{
    color: #ffffffbd;
}
.element-item img.provider
{
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    border-radius: .4rem 0 .5rem 0;
    color: #ccc0;
    height: 12%;
    left: 0;
    object-fit: contain;
    padding: 0 2px;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 600;
}
.isNew
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAFzUlEQVRoge2ZW2xUVRSGv3VmepNCwQKK0oh0RgSsovUSBBORGCN3TQCNRtEQUKfFiCbKG68+aAIzfTFGE40xSjRQUYIoGIIWEVAuiehMEcJV2mkqtNCZdvbyYWCYds6Z6cEeIIY/mYez1tpr///ea5+z9x64hv8xYoTfiNHwupd9iFeJY0SeUuETQERlUYDQR17044mAGA3TVHQDUHLe1I3q7CD1Gwe6L9cCYjRUqegPIqwXI2vG0vKTsNJc8DcTrjEiW4GhfZqeQXk4SN3ubGOUyETQ+YjMR81jQZYd9VRAlMgChM8uJtATiDRiZG0Kc8gS2QLc6ND8pFGd5sMag6XzUJ2jyKiMV1kYpO5zN3z8bgWIJQ+qalafMgplKaJLrcLjcaMl8ruioJAzfhaTMbgSYLkJBlDVyW7b9D85rnO7KqEjvFvWJcXtQLHbjvqJ7lJNVlSx/Fx/G7iagSQltXhHHqAoQdE9bhr0aw38xYelKTpq1TKvoJ59OtKwCMVMGB/lu27lha5C4bZsDhC+yYdVi6VTUKYCtUDpQHMtgB7gTxW2WUZ+NMi223jlYN8g2xnwi2xWdBxq571s8AMTRJmgoksEPYAyvm+Q/RoQWec1O9cQbDnZCzD2wVcUDpxsBVTTsh046SkhdzgVoPVnO4etAGGlQfjGW04uIPJV9n4rG87fAaNXTxnlKWlHAT58h7KfS2pHEDAhqjuW4qss7WWr+mVBJq7qlwUETKjXb8zRRQCMfG8aARNi8PO3AzCqcSYBE6Jk0nAQqO5cSnXyZaTE14eLHHYloJnwvSkxm+x8cp2fIS/d4ZQvg7PfHaFjTYyONTHOrk+PRWJfHICi6or0ANw1HIDimkr8o8uRMj/df7SjiVSvXCkxm6NEbPdJOd+BZiLTjfAlMMSJ3ND6O2l/59e8AuIrmkjsaullS54XUByowFdZir+qPP084Xp6jnWmRe5ptUtXibAppuH5Aeo3ZDt6zUCUhmeMsCEf+VRrF74RZQx+dlxeAXZI7j0/A8GhlNw9ImMvqamkKJCeleT+uFPzQSrSGCXyoq2APwm/iuhHQFE+Ej2Hz9C5/hBDX5sE4rwvyl4Lg2aPASDV1kXP0Q6KAhWU3D0cjNId+4fimspMWSX2OgoA8CO8HyXyZo4AN2h/51eKxw9j0IxbHGOy10DP8c6MPbk3jlVRTNmjVXQfOsO5rcfxjy6n9L6RGb8bZATcRv0qVJ4Dugs1Orf1OF07/qYiVOMYE1/RxMmFGzm5cGOvtXBhhMsevpnk/jiJXadAoHTqqMwM5UEPyuIgdW/nCAAIEvrEUh4HThcS0f7ub/hGlBUKy0FyX3qRit8iub+Nrp2nLj7vyTv6naI6J0jdB9nGnLdQNXXfN2t4uhH5GhjplK3ji2a6D56maKz9eh+24l5Ma/pglWpPEH+rCehd48nf20jujaPJFFLsy7eA4yizA9Q39XU47IXqd/rUetQpW5qV0r5qj6O7/MmxDFkykSFLJvZ6Y3X/0Y52pd/zyf1taCJFcl9bjrhs+NR6JEhdDnnIcyaOEpmLsDaviMsF1blB6hvtXM5vIYu5nhFyC0scudgKUFZaKDO8Y+QSyizlc5+dy2EvVDkZuMFTUu4wspmWB+wc9iWUZ8quGBxK2l6AMsdTMpcAVZ6ws9veSvSoPnI1XqvYBfXrlurCxRYWIVV5ekBp9iUk+imGhv90seWEGOEpKvYjMVAQlSkBQj/1N97VblTRnUDCNav+I+njut2Fwy7ClYAgyxLAb64ouYLu7k/ZZMP9eUCw3ZMMCC4ht3sBJqeTVoSPUZljVMcLeiJP6xajOt5SeUiE1cCxArkLwv1fTEiTogcQ1mHM2gBtO0QvXjpFdfVMRH4g91x9GjWPjWPZgfNktykrX4tx/f1Y1jyUuYK13T0fD2D/N6vMChL6dqD7uqQzcSEECG0RZRFgABWVxV6Q9xxRIsujRJZfaR7X4CX+BTaEKdOjtYabAAAAAElFTkSuQmCC");
}
.isHot, .isHotLeft, .isNew
{
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
}
.isHot, .isHotLeft
{
    background-image: url("data:image/png;base64,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");
}
.element-item .isNew
{
    height: 34px;
    right: 0!important;
    top: 0!important;
    width: 34px;
}
.element-item .isNew, .li-games-wide .isNew
{
    background-position: 100%;
    background-size: 80%;
    color: #ccc0;
    z-index: 40;
}
.li-games-wide .isNew
{
    height: 21px;
    right: 5px!important;
    top: 5px!important;
    width: 21px;
}
.element-item .isHot, .element-item .isHotLeft
{
    background-position: 50%;
    background-size: 100%;
    color: #ccc0;
    height: 34px;
    right: 30px;
    top: 0;
    width: 34px;
    z-index: 40;
}
.li-games-wide .isHot, .li-games-wide .isHotLeft
{
    background-position: 50%;
    background-size: 100%;
    color: #ccc0;
    height: 21px;
    right: 21px;
    top: 5px;
    width: 21px;
    z-index: 40;
}
.element-item .isHotLeft
{
    background-position: 100%!important;
    right: 0!important;
}
.li-games-wide .isHotLeft
{
    background-position: 100%!important;
    right: 5px!important;
}
.element-item .rtp
{
    border-radius: 0;
    font-size: 70%;
    font-weight: 500;
    line-height: 1.2;
    padding: 3px 8px 3px 4px;
    text-shadow: none;
    top: 62px;
    width: 48px;
    z-index: 501;
}
.element-item .rtp, .element-item .rtp-btm
{
    background-color: #ffbf00;
    color: #000;
    position: absolute;
    right: 0;
}
.element-item .rtp-btm
{
    border-radius: .2rem 0 0 .2rem;
    bottom: 55px;
    font-size: .85rem;
    font-weight: 600;
    padding: 1px 6px;
    z-index: 500;
}
.element-item .rtp-lg
{
    background-color: #ffbf00;
    border-radius: 0;
    color: #000;
    font-size: 75%;
    font-weight: 500;
    line-height: 1.2;
    padding: 3px 8px 3px 4px;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 #5555554d;
    top: 70px;
    width: 48px;
    z-index: 501;
}
.element-item .info
{
    background-color: #2c2c2c00;
    border-radius: .5rem .5rem 0 0;
    color: #fff0;
    height: calc(100% - 35px);
    left: 0;
    opacity: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    transition: all .25s ease;
    width: 100%;
    z-index: 500;
}
.element-item .info:hover
{
    background-color: rgba(44,44,44,.88);
    color: #fff;
    opacity: 1;
    padding-top: 20px;
    position: absolute;
    width: 100%;
}
.element-item .volatility
{
    color: #fff0;
    position: absolute;
    right: 5px;
    top: 35px;
    z-index: -5!important;
}
.element-item .maxStake
{
    color: #fff0;
    position: absolute;
    right: 5px;
    top: 55px;
    z-index: -1;
}
.element-item .cover
{
    z-index: -4!important;
}
.element-item .cover, .element-item .desc
{
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.element-item .desc
{
    font-size: .9rem;
    overflow: hidden;
    padding: .4rem;
    text-align: left;
    z-index: -5!important;
}
.imgmodal-cont
{
    height: 400px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.imgModal
{
    border-radius: .2rem;
    left: 0;
    max-width: 400px;
    position: relative;
    top: 0;
    width: 100%;
}
.sect
{
    color: #fff;
    min-height: 200px;
    padding-top: .3rem;
}
.category-slider
{
    min-height: 200px;
    width: 100%;
}
@media(max-width: 575.98px)
{
    .modal-content .category-slider .container
    {
        max-width: 80vw;
    }
}
#games-carousels.gameSlides-topAdd
{
    padding-top: 60px!important;
}
.yoobar-ul-catlist
{
    display: inline-flex;
    left: 65px;
    list-style: none;
    max-width: 80%;
    overflow: hidden;
    padding-left: 0;
    position: absolute;
    top: 0;
    z-index: 600;
}
.dragdrop-icn
{
    color: #565656;
    cursor: grabbing;
    font-size: 1.8rem;
    margin-right: 5px;
    user-select: none;
    vertical-align: middle;
}
.title-pre-sm
{
    height: 100%;
    user-select: none;
    vertical-align: bottom!important;
    width: 7px;
}
.title-dot-sm, .title-pre-sm
{
    background: #ff0098;
    border-radius: 20px;
    color: #56565600!important;
    content: "";
    display: inline-block;
    margin: 0 8px;
}
.title-dot-sm
{
    height: 4px;
    vertical-align: middle!important;
    width: 4px;
}
.title-dot
{
    height: 8px;
    width: 8px;
}
.title-dot, .title-dot-lg
{
    background: #ff0098;
    border-radius: 20px;
    color: #56565600!important;
    content: "";
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle!important;
}
.title-dot-lg
{
    height: 12px;
    width: 12px;
}
.a-flrt
{
    display: block;
    float: right;
    font-size: .85rem;
    margin: 1.5rem 0 0;
}
.play-outline-icn
{
    color: #565656;
    font-size: 1.6rem;
    margin-right: 5px;
    user-select: none;
    vertical-align: bottom;
}
.play-button
{
    background-color: #88e220;
    border-radius: 2rem;
    color: #fff;
    font-weight: 700;
    margin: 20px auto auto;
    max-width: 100px;
    padding: .3rem .5rem;
    transform: scale(1);
    transition: all .2s ease-in-out;
}
.play-button:hover
{
    background-color: #77c819;
    transform: scale(1.15);
}
.playBtn
{
    background-color: #88e22000;
    border-radius: 3rem;
    color: #fff;
    font-weight: 700;
    height: 50px;
    margin: 0 auto auto;
    padding: .1rem;
    transform: scale(1);
    width: 50px;
}
.play-icon
{
    color: #ffffffc4;
    font-size: 3.7rem;
    margin-left: -10px;
    margin-top: -5px;
    outline: none;
    transform: scale(1);
    transition: all .2s ease;
    vertical-align: middle;
}
.play-icon:hover
{
    color: #ff0098;
    transform: scale(1.3);
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    margin: 10px 10px 20px;
    min-height: 1px;
    outline: none;
}
.slick-slider
{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}
.slick-list, .slick-slider
{
    display: block;
    position: relative;
}
.slick-list
{
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}
.slick-slider .slick-list, .slick-slider .slick-track
{
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.slick-track
{
    display: block;
    left: 0;
    position: relative;
    top: 0;
}
.slick-track:after, .slick-track:before
{
    content: "";
    display: table;
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
[dir=rtl] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden
{
    display: none;
}
.slick-arrow-lg
{
    background-color: #19191900;
    background-size: 100%;
    height: 100%;
    opacity: .7;
    outline: none;
    top: -1rem;
    width: 40px;
    z-index: 2;
}
.slick-arrow, .slick-arrow-lg
{
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    font-size: 0;
    padding: 0;
    position: absolute;
}
.slick-arrow
{
    background-color: #2c2c2c00;
    background-size: 50px;
    height: 70%;
    opacity: .3;
    outline: none!important;
    top: 15%;
    transition: all .25s ease;
    width: 35px;
    z-index: 5;
}
.slick-arrow:hover
{
    opacity: 1;
}
.slick-next
{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTguNTkgMTYuNTkgMTMuMTcgMTIgOC41OSA3LjQxIDEwIDZsNiA2LTYgNi0xLjQxLTEuNDF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    outline: none!important;
    right: -35px;
}
.slick-prev
{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHdpZHRoPSIyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE1LjQxIDE2LjU5IDEwLjgzIDEybDQuNTgtNC41OUwxNCA2bC02IDYgNiA2IDEuNDEtMS40MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
    left: -35px;
    outline: none!important;
}
.slick-next:hover:not(.slick-disabled)
{
    right: -40px;
}
.slick-prev:hover:not(.slick-disabled)
{
    left: -40px;
}
.slick-next:active, .slick-next:focus, .slick-prev:active, .slick-prev:focus
{
    outline: none!important;
}
.slick-arrow.slick-disabled
{
    cursor: default;
    opacity: .15!important;
}
.category-slider .container
{
    padding-left: 0;
    padding-right: 0;
}
.infotxt
{
    border: none;
    border-radius: 0;
    color: #fff;
    font-family: Inter,sans-serif!important;
    font-size: .9rem;
    font-weight: 400;
    left: 125px;
    position: absolute;
    text-rendering: optimizeLegibility;
    text-shadow: 0 1px 0 #000000b8;
    top: 22px;
}
.load-icon
{
    color: #78cd14;
    font-size: 2em;
}
.load-more
{
    background-color: #2c2c2c;
    background-position: 50%;
    background-size: cover;
    border: 2px solid #78cd14!important;
    color: #858585;
}
.card-banner
{
    min-height: 350px;
}
.availablePromoImg_container
{
    display: flex;
    justify-content: center;
}
.availablePromoImg_container figure
{
    margin: .2em 0 0;
}
.card-banner-modern
{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 350px;
}
@media(max-width: 767.98px)
{
    .card-banner-modern
    {
        min-height: 508px!important;
        padding: 0!important;
    }
}
@media(max-width: 575.98px)
{
    .card-banner-modern
    {
        min-height: 468px!important;
        padding: 0!important;
    }
}
@media(max-width: 384.98px)
{
    .card-banner-modern
    {
        min-height: 458px!important;
        padding: 0!important;
    }
}
.banner-modern .arrow-icn
{
    top: 6px!important;
}
.banner-modern .slick-track
{
    margin-top: 5px!important;
}
.element-item-ratio
{
    box-sizing: content-box;
    min-height: 35px;
    padding-top: 100%;
    position: relative;
}
.element-item-ratio__content
{
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.element-item .playBtn
{
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translate(-50%,-50%);
}
.element-item .playBtn a
{
    align-items: flex-start;
    display: inline-flex;
    outline: none;
}
.element-item .name
{
    word-wrap: break-word;
    align-items: center;
    bottom: 3px;
    display: flex;
    font-size: smaller!important;
    font-weight: 400;
    height: 30px;
    left: 10px;
    letter-spacing: 0;
    line-height: 1;
    padding-right: 31px;
    position: absolute;
    text-transform: none;
}
.element-item .name span
{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 1.2;
    overflow: hidden;
}
.element-item .gamestar, .element-item .info
{
    cursor: pointer;
}
.element-item__image
{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
}
.element-item__gameprovidertile, .element-item__image
{
    border-radius: .5rem .5rem 0 0;
    height: calc(100% - 35px);
}
.element-item__gameprovidertile
{
    align-content: center;
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.element-item__gameprovidertile__img
{
    margin-left: 5%;
    margin-right: 5%;
    width: 95%!important;
}
.outStar
{
    backface-visibility: hidden;
    color: #ff0098;
}
.spin-favourite
{
    animation: spin-animation 4s ease-in-out infinite;
}
@keyframes spin-animation
{
    0%
    {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to
    {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
    }
}
@media(max-width: 575.98px)
{
    .element-item .name
    {
        bottom: 1px;
        font-size: smaller!important;
        height: 35px;
    }
    .ph-slider-item:before
    {
        height: 35px!important;
    }
    .element-item .gamestar
    {
        bottom: -4px;
        height: 34px;
    }
    .element-item .minfo
    {
        display: none;
    }
    .funBtn
    {
        background-color: #88e22000;
        border-radius: 3rem;
        color: #fff;
        font-weight: 700;
        height: 50px;
        margin: 0 auto auto;
        padding: .1rem;
        transform: scale(1);
        width: 50px;
    }
    .element-item .funBtn, .element-item .playBtn
    {
        align-items: center;
        display: flex;
        height: 100%;
    }
}
@media(max-width: 768px)
{
    .element-item-ratio
    {
        height: 35px;
    }
}
.searchBar .form-group
{
    float: right;
}
@media(max-width: 1200px)
{
    .searchBar .mobile-spacer
    {
        margin-top: 50px;
    }
}
.item-search
{
    background: #3b3b3b;
    border-radius: .5rem;
    box-shadow: -8px 10px 10px 0 transparent!important;
    color: #fff;
    float: left;
    height: auto!important;
    padding: 0;
    position: relative;
    transition: all .3s ease;
    user-select: none;
    width: 100%;
}
.item-search:hover
{
    box-shadow: -8px 10px 10px 0 rgba(0,0,0,.3)!important;
}
.item-search.slick-slide
{
    margin: 0 .3rem;
}
.search-provider
{
    opacity: .8;
    transition: opacity .1s linear;
}
.search-provider--active, .search-provider:hover
{
    opacity: 1;
}
.search-provider img
{
    background: #fff;
    box-sizing: content-box;
    display: none;
    height: 30px;
    padding: 7px 0;
}
#searchResults:not(.game-category-results)
{
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 15%;
    height: 100%;
    list-style: none;
    margin: 0 0 0 -10px;
    max-height: calc(100vh - 280px)!important;
    overflow-x: hidden;
    padding: 0;
    width: calc(100% + 10px);
}
.game-category-results#categoryResults
{
    list-style: none;
    margin: 0 -8px;
    overflow-x: hidden;
    padding: 0;
}
.game-search-results#searchResults
{
    padding: 0 8px;
}
.game-category-results#categoryResults, .game-search-results#searchResults
{
    display: flex;
    flex-wrap: wrap;
}
.masonry-view
{
    display: block!important;
}
.masonry-view>.li-games-srch
{
    float: left;
    width: 16.6666%;
}
.masonry-view>.li-games-srch:first-child
{
    width: 33.332%;
}
.masonry-view>.li-games-srch:first-child .element-item-ratio
{
    padding-top: calc(100% + 34px);
}
.masonry-view>.li-games-srch:first-child .element-item__image
{
    object-fit: cover;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.li-games-srch
{
    flex: 0 0 16.6666%;
    margin: .3rem 0;
    overflow: hidden;
    padding: 0 .3rem;
}
.searchBar
{
    position: relative;
    z-index: 2000;
}
#modalSearch-1
{
    padding: 50px 0!important;
}
.loadMoreTile
{
    display: none;
}
.loadMoreTile:hover
{
    background: #3b3b3b;
    border: 0 solid #3b3b3b!important;
}
@media screen and (max-width: 992px)
{
    .masonry-view>.li-games-srch:first-child
    {
        width: 66.66%;
    }
    .li-games-srch
    {
        flex: 0 0 33.3333%!important;
        margin: .2rem 0!important;
        padding: 0 .2rem!important;
    }
    .masonry-view>.li-games-srch
    {
        width: 33.3333%;
    }
}
@media screen and (max-width: 768px)
{
    .modal-dialog-search .modal-footer
    {
        padding: 0 .75rem;
    }
    #searchResults:not(.game-category-results)
    {
        max-height: calc(100vh - 290px)!important;
    }
    .mscroller-search-child
    {
        margin-top: .5rem!important;
    }
    .categorySearchBar .form-group
    {
        margin-right: .5rem!important;
    }
    .game-category-results#categoryResults
    {
        margin-left: -22px;
    }
    .game-search-results#searchResults
    {
        margin-left: -15px;
    }
    .game-category-results#categoryResults._loading, .game-search-results#searchResults._loading
    {
        margin-left: -1.5rem;
    }
    .item-search.slick-slide
    {
        margin: 0 .2rem;
    }
    .fg-mobile-hidden
    {
        display: none;
    }
    .fg-mobile-visible
    {
        display: inline-flex;
        float: none!important;
        justify-content: center;
    }
}
.item-search-placeholder:after
{
    -webkit-animation: phAnimation .8s linear infinite;
    animation: phAnimation .9s linear infinite;
    background: linear-gradient(108deg,hsla(0,0%,65%,0) 46%,hsla(0,0%,59%,.08) 50%,transparent 54%) 50% 50%;
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: -250%;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%;
    z-index: 1;
}
@-webkit-keyframes phAnimation
{
    0%
    {
        transform: translate3d(-30%,0,0);
    }
    to
    {
        transform: translate3d(30%,0,0);
    }
}
@keyframes phAnimation
{
    0%
    {
        transform: translate3d(-30%,0,0);
    }
    to
    {
        transform: translate3d(30%,0,0);
    }
}
#faqSearchResults
{
    min-height: 300px;
}
.faq-result-list
{
    max-height: 250px;
    min-height: 250px;
    overflow-y: scroll;
}
.btn-dropdown-clear
{
    border-bottom-right-radius: .45rem!important;
    border-top-right-radius: .45rem!important;
    padding-left: .5625rem;
    padding-right: .5625rem;
}
.btn-search-clear
{
    background-color: #fff!important;
    border-radius: 50%;
    color: #191919!important;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 560;
}
.inputSrchModContainer
{
    width: 360px;
}