/* STREAMPLAYER EMBED CSS - GV FEB 2018 */

body {
background-color:#f6f6f6;
padding: 0px;
margin-top: 0px;
margin-left:0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: 'Barlow Semi Condensed', sans-serif, arial;
font-size: 15px;
color:#000;
overflow-y:auto;
overflow-x:auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.pointer {
cursor: pointer; cursor: hand;
}

@media screen and (max-width: 480px){   

.content {
position:relative;margin-top:0px;width:100%;text-align:center;padding-bottom:0px;
}

.live {
padding-left:10px;text-align:left;position:absolute;top:30px;left:0px;z-index:1999;background-color:#da111d;color:#fff;text-transform:uppercase;padding-top:5px;padding-bottom:5px;padding-right:10px;font-size:12px;
}

}

@media screen and (min-width: 480px) {      
.container {
display: inline-block;position:absolute;right:20px;top:20px;
cursor: pointer;
z-index:20;
}

.content {
position:relative;margin-top:0px;width:100%;text-align:center;padding-bottom:0px;
}

.live {
padding-left:10px;text-align:left;position:absolute;top:30px;left:0px;z-index:1999;background-color:#da111d;color:#fff;text-transform:uppercase;padding-top:5px;padding-bottom:5px;padding-right:10px;
}


}

.bottomMenu {
    display: none;
    position: fixed;
    right:20px;
    bottom: 23px;
    width: 40px;
    height: 40px;
    border-top: 0px solid #000;
    z-index: 100;
}

.liveplayer_container { position:relative;height:0;overflow:hidden;padding-bottom:56.25%; }
.liveplayer_container iframe { position:absolute;top:0;left:0;width:100%;height:100%;border:0px;overflow:hidden; }

a:link { text-decoration: none; border-bottom:0px dotted; color:#<?PHP echo $customercolor; ?>; }
a:active { text-decoration: none;  border-bottom:0px dotted; color:#<?PHP echo $customercolor; ?>; }
a:visited { text-decoration: none; border-bottom:0px dotted; color: #<?PHP echo $customercolor; ?>; }
a:hover { text-decoration: none;  border-bottom:0px dotted;color:#<?PHP echo $customercolor; ?>; }
.videobox:hover img { opacity: 0.5;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}