.events-none {
    pointer-events: none;
}

.img-responsive {
    width: 100% !important;
    height: auto !important;
}

.text-orange {
    color: orange !important;
}

#IDtopArticles {
    position:relative;
}

#scrollable {
    overflow:hidden;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling: touch;
}

#scrollable .top-article {
    white-space:normal;
    display:inline-block;
    cursor:pointer;
}

#scrollable .top-article * {
        -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#controls {
    overflow:hidden;
}

#scrollable .top-article img {
    pointer-events:none;
    
}


.wrapimage img {
    width:100%;
    height:auto;
}

#IDtopArticles .wrapimage.stretchx {
    display: block;
    overflow: hidden;
    max-width:675px;
    height:450px;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
}

#IDtopArticles .wrapimage.stretchx img {
    display: inline-block;
    width: 100% !important;
    height: auto !important;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}



#IDtopArticles .wrapimage.stretchy {
    display: block;
    overflow: hidden;
    max-width:675px;
    height:450px;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
}

#IDtopArticles .wrapimage.stretchy img {
    display: inline-block;
    width: auto !important;
    height: 100% !important;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}



@media screen and (min-width: 1200px) 
{	    
    #scrollableWrap {
        overflow:hidden;
        width:675px;
        height:450px;
    }
}

@media screen and (max-width: 1199px) 
{	    
    #scrollableWrap {
        overflow:hidden;
        width:450px;
        height:450px;
    }

    .top-article {
        height:450px;
    }
}

@media screen and (max-width: 767px)
{
    #statistiky-header {
        padding-top:40px; display:block; background-color:white;
    }

    #scrollableWrap {
        overflow:hidden;
        width:100%;
    }

    #IDtopArticles .wrapimage.stretchx, #IDtopArticles .wrapimage.stretchy {
        max-width:100%;
    }

}



@media screen and (max-width: 479px) 
{

    .top-article {
        height:320px;
    }

    #scrollableWrap {
        overflow:hidden;
        width:100%;
        height:320px;
    }

    #IDtopArticles .wrapimage.stretchx, #IDtopArticles .wrapimage.stretchy {
        height:320px;
    }

}

#medailova-vyzva-iframe {
    display:block; background-color:#cbd3e3; border:none; height:640px; min-width:300px; width:100%; margin:0px 0px 0px 0px; padding:0px;
    }
    

body .responsive-images img {
   width:100% !important;
   height: auto !important;
}

/* other shared css */

.bet-group a {
    display: inline-block;
    vertical-align: middle;
}

.match-live {
    display: inline-block;
    vertical-align: middle;
    animation: blink-animation 1s infinite ease-out;
}
.match-live:after {
    content: 'LIVE';
    font-size:12px;
}

.tipsport-bg .match-live {
    color: lightgreen !important;
}

@keyframes blink-animation {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.CSSarticle img[src^="data:image/"] { 
  width: 100% !important;
  height: auto !important;
}