/* Adds font-display: swap to the slick icon font (overrides slick-theme.css @font-face). */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('../../../etc.clientlibs/sisalsans/clientlibs/clientlib-vendor/resources/fonts/slick.woff') format('woff'),
         url('../../../etc.clientlibs/sisalsans/clientlibs/clientlib-vendor/resources/fonts/slick.ttf') format('truetype');
}

@media screen and (min-width: 1920px) {
    .hizlionnumara-card-element {
        min-height: 45vw;
    }
}
@media screen and (min-width: 1799px) and (max-width: 1919px) {
    .hizlionnumara-card-element {
        min-height: 47vw;
    }
}
@media screen and (min-width: 1599px) and (max-width: 1799px) {
    .hizlionnumara-card-element {
        min-height: 53vw;
    }
}
@media screen and (min-width: 1441px) and (max-width: 1511px) {
    .hizlionnumara-card-element {
        min-height: 58vw;
    }
}
@media screen and (min-width: 1511px) and (max-width: 1599px) {
    .hizlionnumara-card-element {
        min-height: 56vw;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .hizlionnumara-card-element {
        min-height: 63vw;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .hizlionnumara-card-element {
        /*min-height: 61vw;*/
        min-height: 68vw;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1279px) {
    .hizlionnumara-card-element {
        min-height: 72vw;
    }
}
@media screen and (min-width: 1101px) and (max-width: 1200px) {
    .hizlionnumara-card-element {
        min-height: 78vw;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1100px) {
    .hizlionnumara-card-element {
        min-height: 82vw;
    }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
    /* start of wide tablet (ipad pro) styles */
    .hizlionnumara-card-element {
        min-height: 98vw;
    }
}
@media screen and (min-width: 481px) and (max-width: 990px) {
    /* start of tablet styles */
    /*.hizlionnumara-card-element {*/
    /*    min-height: 78vw;*/
    /*}*/
    /*.game-iframe { display: none; }
    .play-with { display: none; }*/
    .play-with {
        display: block !important;
    }
}
@media screen and (max-width: 481px) {
    /* start of phone styles */
    /*.hizlionnumara-card-element {*/
    /*    min-height: 146vw;*/
    /*}*/
    /*.game-iframe { display: none; }
    .play-with { display: none; }*/
    .play-with {
        display: block !important;
    }
}
@media screen and (max-width: 360px) {
    .hizlionnumara-card-element {
        min-height: 184vw;
    }
}
@media screen and (min-width: 361px) and (max-width: 376px) {
    .hizlionnumara-card-element {
        min-height: 152vw;
    }
}
@media screen and (min-width: 377px) and (max-width: 396px) {
    .hizlionnumara-card-element {
        min-height: 139vw;
    }
}
@media screen and (min-width: 397px) and (max-width: 416px) {
    .hizlionnumara-card-element {
        min-height: 132vw;
    }
}
@media screen and (min-width: 417px) and (max-width: 481px) {
    .hizlionnumara-card-element {
        min-height: 130vw;
    }
}
@media screen and (min-width: 482px) and (max-width: 601px) {
    .hizlionnumara-card-element {
        min-height: 95vw;
    }
}
@media screen and (min-width: 602px) and (max-width: 768px) {
    .hizlionnumara-card-element {
        min-height: 80vw;
    }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
    .hizlionnumara-card-element {
        min-height: 110vw;
    }
}
@media screen and (min-width: 801px) and (max-width: 961px) {
    .hizlionnumara-card-element {
        min-height: 94vw;
    }
}
@media screen and (min-width: 962px) and (max-width: 1024px) {
    .hizlionnumara-card-element {
        min-height: 88vw;
    }
}
@media screen and (min-width: 393px) and (max-width: 394px) {
    .hizlionnumara-card-element {
        min-height: 145vw;
    }
}
.play-with .jet10 {
    background-color: #EA0029;
    margin-bottom: 0px;
}
.play-with.keno .round-btn:hover {
    color: #722189;
    border-color: #722189;
}
.play-with.keno .round-btn svg polygon {
    fill: #722189;
}
.play-with.keno .round-btn:hover svg polygon {
    fill: #C2A1CE;
}
.hizlionnumara-stylehover {
    color: #722189 !important;
    border-color: #722189 !important;
    background-color: #fff !important;
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
@media only screen and (min-device-width: 375px)and (max-device-width: 667px) {

    .embed-responsive {
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}