/* 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) {
    .superloto-card-element {
        min-height: 38vw;
    }
}
@media screen and (min-width: 1800px) and (max-width: 1919px) {
    .superloto-card-element {
        min-height: 40vw;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1799px) {
    .superloto-card-element {
        min-height: 44vw;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
    .superloto-card-element {
        min-height: 49vw;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .superloto-card-element {
        min-height: 51vw;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .superloto-card-element {
        min-height: 54vw;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1279px) {
    .superloto-card-element {
        min-height: 59vw;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .superloto-card-element {
        min-height: 64vw;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
    .superloto-card-element {
        min-height: 69vw;
    }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
    /* start of wide tablet (ipad pro) styles */
    .superloto-card-element {
        min-height: 73vw;
    }
}
@media screen and (min-width: 481px) and (max-width: 990px) {
    /*.game-iframe { display: none; }*/
    /*.play-with { display: none; }*/
    .play-with {
        display: block !important;
    }
}
@media screen and (max-width: 481px) {
    /*.game-iframe { display: none; }*/
    /*.play-with { display: none; }*/
    .play-with {
        display: block !important;
    }
}
@media screen and (max-width: 360px) {
    .superloto-card-element {
        min-height: 152vw;
    }
}
@media screen and (min-width: 361px) and (max-width: 376px) {
    .superloto-card-element {
        min-height: 146vw;
    }
}
@media screen and (min-width: 377px) and (max-width: 394px) {
    .superloto-card-element {
        min-height: 139vw;
    }
}
@media screen and (min-width: 394px) and (max-width: 416px) {
    .superloto-card-element {
        min-height: 132vw;
    }
}
@media screen and (min-width: 417px) and (max-width: 481px) {
    .superloto-card-element {
        min-height: 113vw;
    }
}
@media screen and (min-width: 482px) and (max-width: 601px) {
    .superloto-card-element {
        min-height: 91vw;
    }
}
@media screen and (min-width: 602px) and (max-width: 768px) {
    .superloto-card-element {
        min-height: 80vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 800px) {
    .superloto-card-element {
        min-height: 78vw;
    }
}
@media screen and (min-width: 801px) and (max-width: 962px) {
    .superloto-card-element {
        min-height: 94vw;
    }
}
@media screen and (min-width: 963px) and (max-width: 990px) {
    .superloto-card-element {
        min-height: 78vw;
    }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
    .saysaloto-card-element {
        min-height: 78vw;
    }
}
/* @media screen and (min-width: 393px) and (max-width: 394px) {
    .superloto-card-element {
        min-height: 132vw;
    }
} */
.play-with .superloto {
    background-color: #FF9700;
    margin-bottom: 0px;
}
.play-with .round-btn:hover svg polygon {
    fill: #FF9700;
}
/*@media (max-width: 767.98px) {*/
/*    .play-with {*/
/*        display: none;*/
/*    }*/
/*}*/
.superloto-stylehover {
    color: #FF9700 !important;
    border-color: #FF9700 !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;
    }
}