| Server IP : 162.0.232.140 / Your IP : 3.144.137.236 Web Server : LiteSpeed System : Linux premium139.web-hosting.com 4.18.0-513.24.1.lve.2.el8.x86_64 #1 SMP Fri May 24 12:42:50 UTC 2024 x86_64 User : micrcvoy ( 740) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/micrcvoy/www/uploads/slider/newbeinsports/index_fichiers/ |
Upload File : |
/* Global Resets START */
ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,html,p,body,blockquote,fieldset,input {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,pre,code {
font-size:1em;
}
ol, ul {
list-style:none;
}
li a:active, li a:focus, a:active, a:focus {
outline:0;
border:0;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-style:none;
clear:both;
}
td {
vertical-align:top;
}
a img {
border-width:0;
border-style:none;
}
body {
line-height:1;
font-size:62.5%;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
/* Global Resets END */
/* HTML5 reset START */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
/* HTML5 reset END */
@font-face {
font-family: 'Gotham SSm A';
src: url('/i/beINSport/site/fonts/gotham-book.eot');
src: url('/i/beINSport/site/fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
url('/i/beINSport/site/fonts/gotham-book.woff') format('woff'),
url('/i/beINSport/site/fonts/gotham-book.ttf') format('truetype'),
url('/i/beINSport/site/fonts/gotham-book.svg#Gotham SSm A') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham SSm A Arabic';
src: url('/i/beINSport/site/fonts/v1.3/bein_arabic_thin-webfont.eot');
src: url('/i/beINSport/site/fonts/v1.3/bein_arabic_thin-webfont.eot?#iefix') format('embedded-opentype'),
url('/i/beINSport/site/fonts/v1.3/bein_arabic_thin-webfont.woff') format('woff'),
url('/i/beINSport/site/fonts/v1.3/bein_arabic_thin-webfont.ttf') format('truetype'),
url('/i/beINSport/site/fonts/v1.3/bein_arabic_thin-webfont.svg#Gotham SSm A') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham SSm B';
src: url('/i/beINSport/site/fonts/gotham-black.eot');
src: url('/i/beINSport/site/fonts/gotham-black.eot?#iefix') format('embedded-opentype'),
url('/i/beINSport/site/fonts/gotham-black.woff') format('woff'),
url('/i/beINSport/site/fonts/gotham-black.ttf') format('truetype'),
url('/i/beINSport/site/fonts/gotham-black.svg#Gotham SSm B') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Gotham SSm M';
src: url('/i/beINSport/site/fonts/gotham-medium.eot');
src: url('/i/beINSport/site/fonts/gotham-medium.eot?#iefix') format('embedded-opentype'),
url('/i/beINSport/site/fonts/gotham-medium.woff') format('woff'),
url('/i/beINSport/site/fonts/gotham-medium.ttf') format('truetype'),
url('/i/beINSport/site/fonts/gotham-medium.svg#Gotham SSm M') format('svg');
font-weight: normal;
font-style: normal;
}
/* Grid Eleven! */
.gr-layout {
clear: both;
width: 990px;
position: relative;
margin: 0 auto;
text-align: left;
}
.clear,
.gr-clear,
.gr-layout:after {
clear: both;
}
.gr-11 {width: 970px; margin: 0;}
.gr-12 {width: 970px; margin: 0;}
.gr-0_5 {width: 45px; margin: 0; float: left;}
.gr-2 {width: 210px; margin: 0; float: left;}
.gr-2_5 {width: 235px; margin: 0; float: left; overflow: hidden;}
.gr-3 {width: 310px; margin: 0; float: left;}
.gr-3_5 {width: 320px; margin: 0; float: left; overflow: hidden;}
.gr-4 {width: 410px; margin: 0; float: left;}
.gr-5 {width: 520px; margin: 0; float: left;}
.gr-5_5 {width: 550px; margin: 0; float: left;}
.gr-6 {width: 610px; margin: 0; float: left;}
.gr-8 {width: 650px; margin: 0; float: left;}
.gr-10 {width: 880px; margin: 0; float: left;}
.gr-10_5 {width: 925px; margin: 0; float: left;}
.pd-lt-10 {
margin-left: 10px;
}
.p-mg-10 {
margin: 0 10px;
}
.gr-mboth {
margin-left: 5px;
margin-right: 5px;
}
.gr-mleft {
margin-left: 5px;
}
.gr-mright {
margin-right: 5px;
}
.gr-mobile {
display: none;
}
.gr-desktop {
display: block;
}
@media all and (max-width: 640px) {
body.m .gr-layout {
width: 100%;
}
body.m .gr-12, body.m .gr-11, body.m .gr-0_5, body.m .gr-2, body.m .gr-2_5,
body.m .gr-3, body.m .gr-3_5, body.m .gr-4, body.m .gr-5, body.m .gr-5_5,
body.m .gr-6, body.m .gr-8, body.m .gr-10, body.m .gr-10_5 {
width: 100%;
margin: 0;
float: none;
}
body.m .p-mg-10,
body.m .pd-lt-10 {
margin: 0 5px;
}
body.m .gr-mboth,
body.m .gr-mleft,
body.m .gr-mright {
margin: 0;
}
body.m .gr-mobile {
display: block;
}
body.m .gr-desktop {
display: none;
}
}
.perform-skin {
color: #f1f4e3;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
font-family: 'VideoJS';
src: url(/i/beINSport/site/player/vjs.eot);
src: url(/i/beINSport/site/player/vjs.eot) format("embedded-opentype"), url(/i/beINSport/site/player/vjs.woff) format("woff"), url(/i/beINSport/site/player/vjs.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.perform-skin .vjs-slider {
background: rgba(0, 0, 0, 0.70);
cursor: pointer;
outline: 0 none;
padding: 0;
position: relative;
height: 100%;
}
.perform-skin .vjs-slider-handle {
position: absolute;
/* Needed for IE6 */
left: 0;
top: 0;
}
.perform-skin .vjs-slider-handle:before {
font-family: VideoJS;
font-size: 1em;
line-height: 1;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.perform-skin .vjs-control-bar {
/* Start hidden */
display: none;
opacity: 0;
position: absolute;
/* Place control bar at the bottom of the player box/video.
If you want more margin below the control bar, add more height. */
bottom: 0;
/* Use left/right to stretch to 100% width of player div */
left: 0;
right: 0;
/* Height includes any margin you want above or below control items */
height: 4em;
margin: 15px;
z-index: 3;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
}
/* Show the control bar only once the video has started playing */
.perform-skin.vjs-has-started .vjs-control-bar {
/* Visibility needed to make sure things hide in older browsers too. */
visibility: visible;
opacity: 1;
}
/* Hide the control bar when the video is playing and the user is inactive */
.perform-skin.vjs-has-started.vjs-user-inactive .vjs-control-bar {
visibility: hidden;
opacity: 0;
}
.perform-skin.vjs-controls-disabled .vjs-control-bar {
display: none;
}
.perform-skin.vjs-using-native-controls .vjs-control-bar {
display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
.perform-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: "";
}
}
/* General styles for individual controls. */
.perform-skin .vjs-control {
outline: none;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
height: 4.0em;
width: 4em;
}
.perform-skin.small .vjs-control-bar {
font-size: 0.7em;
}
/* FontAwsome button icons */
.perform-skin .vjs-control:before {
font-family: VideoJS;
font-size: 2em;
line-height: 2em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
/* Hide control text visually, but have it available for screenreaders */
.perform-skin .vjs-control-text {
/* hide-visually */
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-play-control {
background-color: rgba(0, 0, 0, 0.70);
border-radius: 5px 5px 5px 5px;
cursor: pointer;
width: 50px;
height: 100%;
line-height: 4em;
position: relative;
z-index: 1;
}
.perform-skin.small .vjs-play-control {
width: 35px;
}
.perform-skin .vjs-play-control:before {
content: "\e001";
}
.perform-skin.vjs-playing .vjs-play-control:before {
content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.perform-skin .vjs-mute-control,
.perform-skin .vjs-volume-menu-button {
background-color: rgba(0, 0, 0, 0.70);
cursor: pointer;
float: right;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.perform-skin .vjs-mute-control:before,
.perform-skin .vjs-volume-menu-button:before {
content: "\e006";
}
.perform-skin .vjs-mute-control.vjs-vol-0:before,
.perform-skin .vjs-volume-menu-button.vjs-vol-0:before {
content: "\e003";
}
.perform-skin .vjs-mute-control.vjs-vol-1:before,
.perform-skin .vjs-volume-menu-button.vjs-vol-1:before {
content: "\e004";
}
.perform-skin .vjs-mute-control.vjs-vol-2:before,
.perform-skin .vjs-volume-menu-button.vjs-vol-2:before {
content: "\e005";
}
.perform-skin .vjs-volume-control {
width: 5em;
float: right;
}
.perform-skin .vjs-volume-bar {
width: 8em;
height: 1em;
margin: 1.1em auto 0;
background: #333132;
}
.perform-skin .vjs-volume-menu-button .vjs-menu-content {
height: 2.9em;
}
.perform-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 1em;
background: #499AAA;
}
.perform-skin .vjs-volume-bar .vjs-volume-handle {
width: 0.5em;
height: 1em;
background: #499AAA;
}
.perform-skin .vjs-volume-handle:before {
font-size: 0.9em;
top: -0.2em;
left: -0.2em;
width: 1em;
height: 1em;
}
.perform-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
width: 6em;
left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-progress-control {
position: absolute;
z-index: 0;
padding: 0 90px 0 185px;
height: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.perform-skin.small .vjs-progress-control {
padding: 0 65px 0 136px;
}
/* Progress Bars */
.perform-skin .vjs-progress-holder .vjs-play-progress,
.perform-skin .vjs-progress-holder .vjs-load-progress {
position: absolute;
display: block;
height: 1em;
margin: 0;
padding: 0;
/* Needed for IE6 */
left: 0;
top: 1.4em;
}
.perform-skin .vjs-play-progress {
/*
Using a data URI to create the white diagonal lines with a transparent
background. Surprisingly works in IE8.
Created using http://www.patternify.com
Changing the first color value will change the bar color.
Also using a paralax effect to make the lines move backwards.
The -50% left position makes that happen.
*/
background: #499AAA;
}
.perform-skin .vjs-load-progress {
background: #333132;
}
.perform-skin .vjs-seek-handle {
width: 1.5em;
height: 1em;
top: 1.4em;
background: #499AAA;
}
.perform-skin .vjs-seek-handle:before {
padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-time-controls {
font-size: 1.5em;
line-height: 2.5em;
background-color: rgba(0, 0, 0, 0.70);
left: 1em;
height: 100%;
width: 55px;
}
.perform-skin.small .vjs-time-controls {
width: 40px;
}
.perform-skin .vjs-current-time {
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
float: left;
text-align: right;
}
.perform-skin .vjs-duration {
float: left;
text-align: left;
}
/* Remaining time is in the HTML, but not included in default design */
.perform-skin .vjs-remaining-time {
display: none;
float: left;
}
.vjs-time-divider {
float: left;
font-size: 1.5em;
line-height: 2.5em;
background-color: rgba(0, 0, 0, 0.70);
left: 1em;
height: 100%;
position: relative;
width: 10px;
text-align: center;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-fullscreen-control {
width: 40px;
cursor: pointer;
float: right;
background-color: rgba(0, 0, 0, 0.70);
padding-left: 10px;
margin-right: -50px;
right: 90px;
}
.perform-skin.mobile .vjs-fullscreen-control {
width: 80px;
right: 0;
margin-right: 0;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.perform-skin.small .vjs-fullscreen-control {
width: 25px;
right: 80px;
}
.perform-skin.small.mobile .vjs-fullscreen-control {
width: 55px;
right: 0;
margin-right: 0;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.perform-skin .vjs-fullscreen-control:before {
content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.perform-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.perform-skin .vjs-big-play-button {
background-color: rgba(0, 0, 0, 0.70);
-webkit-border-radius: 20px 20px 20px 20px / 10px 10px 10px 10px;
-moz-border-radius: 20px 20px 20px 20px / 10px 10px 10px 10px;
border-radius: 20px 20px 20px 20px / 10px 10px 10px 10px;
cursor: pointer;
display: block;
height: 45px;
left: 45%;
margin: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 41%;
vertical-align: middle;
width: 65px;
z-index: 4;
/* transition */
-webkit-transition: box-shadow 0.25s;
-moz-transition: box-shadow 0.25s;
-o-transition: box-shadow 0.25s;
transition: box-shadow 0.25s;
}
.perform-skin.small .vjs-big-play-button {
left: 40%;
top: 38%;
}
/* Optionally center */
.perform-skin.vjs-big-play-centered .vjs-big-play-button {
/* Center it horizontally */
left: 50%;
margin-left: -2.1em;
/* Center it vertically */
top: 50%;
margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.perform-skin.vjs-controls-disabled .vjs-big-play-button {
display: none;
}
/* Hide when video starts playing */
.perform-skin.vjs-has-started .vjs-big-play-button {
display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
by default on mobile */
.perform-skin.vjs-using-native-controls .vjs-big-play-button {
display: none;
}
.perform-skin:hover .vjs-big-play-button,
.perform-skin .vjs-big-play-button:focus {
/* box-shadow */
-webkit-box-shadow: 0 0 2em #ffffff;
-moz-box-shadow: 0 0 2em #ffffff;
box-shadow: 0 0 2em #ffffff;
/* transition */
-webkit-transition: box-shadow 0.25s;
-moz-transition: box-shadow 0.25s;
-o-transition: box-shadow 0.25s;
transition: box-shadow 0.25s;
}
.perform-skin .vjs-big-play-button:before {
content: "\e001";
font-family: VideoJS;
font-size: 3.2em;
height: 100%;
left: 0;
line-height: 0;
position: absolute;
text-align: center;
top: 49%;
width: 100%;
color: #499AAA;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
background: url("/i/pvp/assets/html5player/perform_spinner_sprite.png") no-repeat 0 0 transparent;
display: none;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
margin-left: -61px;
margin-top: -59px;
width: 122px;
height: 118px;
/* animation */
-webkit-animation: play 1s steps(24) infinite;
-moz-animation: play 1s steps(24) infinite;
-ms-animation: play 1s steps(24) infinite;
-o-animation: play 1s steps(24) infinite;
animation: play 1s steps(24) infinite;
}
@-webkit-keyframes play {
from { background-position: 0px; }
to { background-position: -2928px; }
}
@-moz-keyframes play {
from { background-position: 0px; }
to { background-position: -2928px; }
}
@-ms-keyframes play {
from { background-position: 0px; }
to { background-position: -2928px; }
}
@-o-keyframes play {
from { background-position: 0px; }
to { background-position: -2928px; }
}
@keyframes play {
from { background-position: 0px; }
to { background-position: -2928px; }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-menu-button {
float: right;
cursor: pointer;
width: 40px;
}
.perform-skin.small .vjs-menu-button {
width: 30px;
}
.perform-skin .vjs-menu {
display: none;
position: absolute;
bottom: 0;
left: 1em;
width: 0em;
height: 0em;
margin-bottom: 4em;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-top: 1em solid rgba(0, 0, 0, 0.70);
border-top-color: rgba(0, 0, 0, 0.70);
}
/* Button Pop-up Menu */
.perform-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
background-color: rgba(0, 0, 0, 0.70);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
bottom: 44px;
display: block;
height: 3.2em;
left: -50px;
margin: 0;
max-height: 15em;
overflow: auto;
padding: 0;
position: absolute;
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
width: 10em;
}
.perform-skin.small .vjs-menu-button .vjs-menu .vjs-menu-content {
left: -35px;
bottom: 31px;
}
.perform-skin .vjs-menu-button:hover .vjs-menu {
display: block;
}
.perform-skin .vjs-menu-button ul li {
list-style: none;
margin: 0;
padding: 0.3em 0 0.3em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.perform-skin .vjs-menu-button ul li.vjs-selected {
background-color: #000;
}
.perform-skin .vjs-menu-button ul li:focus,
.perform-skin .vjs-menu-button ul li:hover,
.perform-skin .vjs-menu-button ul li.vjs-selected:focus,
.perform-skin .vjs-menu-button ul li.vjs-selected:hover {
outline: 0;
color: #111;
/* background-color-with-alpha */
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.75);
/* box-shadow */
-webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff;
}
.perform-skin .vjs-menu-button ul li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
/* Subtitles Button */
.perform-skin .vjs-subtitles-button:before {
content: "\e00c";
}
/* Captions Button */
.perform-skin .vjs-captions-button:before {
content: "\e008";
}
/* Replacement for focus outline */
.perform-skin .vjs-captions-button:focus .vjs-control-content:before,
.perform-skin .vjs-captions-button:hover .vjs-control-content:before {
/* box-shadow */
-webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.
** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
background-color: #000;
position: relative;
padding: 0;
/* Start with 10px for base font size so other dimensions can be em based and
easily calculable. */
font-size: 10px;
/* Allow poster to be vertially aligned. */
vertical-align: middle;
/* display: table-cell; */
/*This works in Safari but not Firefox.*/
/* Provide some basic defaults for fonts */
font-weight: normal;
font-style: normal;
/* Avoiding helvetica: issue #376 */
font-family: Arial, sans-serif;
/* Turn off user selection (text highlighting) by default.
The majority of player components will not be text blocks.
Text areas will need to turn user selection back on. */
/* user-select */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
checking fullScreenEnabled. */
.video-js:-moz-full-screen {
position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
/* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
overflow-y: auto;
}
.video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
/* IE6 full-window (underscore hack) */
_position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
/* Poster Styles */
.vjs-poster {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
height: 100%;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
text-align: center;
position: absolute;
bottom: 4em;
/* Leave padding on left and right */
left: 1em;
right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
display: none;
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
/* Transparent black background, or fallback to all black (oldIE) */
/* background-color-with-alpha */
background-color: #000000;
background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
display: block;
}
/* Hide disabled or unsupported controls */
.perform-skin .vjs-hidden {
display: none;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
.perform-skin .error-msg {
background-color: rgba(7, 40, 50, 0.7);
border: 0.3em solid rgba(255, 255, 255, 0.25);
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 1.8em;
height: 13%;
left: 14%;
line-height: 2.5em;
margin: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 35%;
vertical-align: middle;
width: 69%;
z-index: 2;
}
.vjs-countdown {
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: none;
font-family: Arial, sans-serif;
font-size: 1.5em;
left: 0;
position: absolute;
text-align: center;
top: 0;
z-index: 2;
width: 100%;
}
.perform-skin .vjs-duration.visible,
.perform-skin .vjs-progress-control.visible,
.perform-skin .vjs-time-divider.visible,
.perform-skin .vjs-current-time.visible,
.perform-skin .vjs-play-control.visible,
.perform-skin .vjs-control-bar.visible,
.perform-skin .vjs-big-play-button.visible,
.perform-skin .vjs-loading-spinner.visible,
.perform-skin .vjs-fullscreen-control.visible,
.perform-skin .vjs-volume-menu-button.visible,
.perform-skin .vjs-poster.visible {
display: block !important;
visibility: visible !important;
}
.perform-skin.vjs-user-inactive .vjs-control-bar {
visibility: hidden !important;
}
.perform-skin .vjs-duration.hidden,
.perform-skin .vjs-progress-control.hidden,
.perform-skin .vjs-time-divider.hidden,
.perform-skin .vjs-current-time.hidden,
.perform-skin .vjs-play-control.hidden,
.perform-skin .vjs-control-bar.hidden,
.perform-skin .vjs-big-play-button.hidden,
.perform-skin .vjs-loading-spinner.hidden,
.perform-skin .vjs-fullscreen-control.hidden,
.perform-skin .vjs-volume-menu-button.hidden,
.perform-skin .vjs-poster.hidden {
display: none !important;
visibility: hidden !important;
}
/*
apply a natural box layout model to all elements
http://www.paulirish.com/2012/box-sizing-border-box-ftw/
*/
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
direction: ltr;
}
body {
font-family: 'Gotham SSm A', Verdana, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10pt;
background: #110627;
}
body.page-activation,
body.page-buy{
background-position: center 255px;
}
section h2 {
border-bottom: 1px solid #ded5e8;
color: #5c2d91;
font: bold 32px/1.2 'Gotham SSm M', Verdana, sans-serif;
padding: 15px 0;
}
mainContent{
position: relative;
}
/* HPTO HOTFIX */
#ad1x1-oop a {
z-index: 0 !important;
}
time {
text-transform: uppercase;
font-size: 8pt;
color: #999999;
display: inline-block;
}
.container {
display: block;
}
.breadcrumbs {
margin: 10px;
}
.breadcrumbs a {
color: #666;
text-decoration: none;
text-transform: uppercase;
}
.button-gradient {
color: #fff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(255,255,255,0.1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=0 );
}
.clear:before, .clear:after {
content: '\0020';
display: block;
height: 0;
overflow: hidden;
}
.clear:after {
clear: both;
}
.date-social {
padding: 10px;
}
.filter {
border: 1px solid #d4d4d4;
color: #7e7e7e;
padding: 5px;
text-transform: uppercase;
}
.no-content {
margin: 20px 0;
}
.pagination {
clear: both;
float: right;
margin: 10px;
}
.pagination li {
border-right: 1px solid #999;
float: left;
font-weight: bold;
line-height: 20px;
text-align: center;
min-width: 49px;
}
.pagination a {
text-decoration: none;
}
.pagination .page a {
color: #555;
display: block;
line-height: 20px;
margin: 0 4px;
width: 40px;
}
.pagination .prev,
.pagination .next {
color: #eee;
cursor: default;
padding: 0 8px;
}
.pagination .next,
.pagination .items-per-page {
border-right: none;
}
.pagination .prev a,
.pagination .next a {
color: #999;
}
.pagination .selected a {
background-color: #5d2d91;
}
.pagination .selected a,
.pagination .items-per-page .selected {
color: #fff;
}
.pagination .items-per-page {
float: right;
}
.pagination .items-per-page a {
padding: 5px;
}
.sub-nav {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11px;
text-transform: uppercase;
margin: 10px 0 17px 0;
padding: 0 10px 0 5px;
color: #444444;
}
.sub-nav a {
color: #444444;
padding: 2px 7px;
text-decoration: none;
}
.sub-nav a.active {
background-color: #005798;
color: #fff;
}
#ajax-loading {
border: 1px solid gray;
border-radius: 5px;
box-shadow: 0px 5px 10px rgba(128, 128, 128, 0.75);
background-color: white;
height: 100px;
width: 100px;
display: none;
position: absolute;
z-index: 1000;
top: 500px;
left: 48%;
}
#ajax-loading img {
position: relative;
top: 30px;
left: 30px;
right: 30px;
}
#search .search-container{
border-radius: 4px;
height: 27px;
background: #fff;
width: 238px;
margin: 10px auto 10px auto;
padding: 0px 6px 0px 6px;
border: 1px solid #D5D5D5;
}
#search form input{
border: 0;
border-radius: 4px;
height: 25px;
}
#search .search-container form input[type="text"] {
width: 200px;
font-style: italic;
float:left;
}
#search .search-container form input[type="submit"] {
background: url('/i/beINSport/site/COM/layout/search-magnify.png') repeat-x center center;
width: 14px;
}
#search .search-container form input[type="text"].arabic {
float:right;
}
.content-wrapper {
background:white;
overflow: hidden;
}
footer {
background:white;
}
/* Facebook sharing for mobiles. Opposite property can be found in mobile.css fragment */
.mobile-sharing {
display: none !important;
}
/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
.no-content {
width:100%;
text-align:center;
}
.section-content.no-content h1 {
color:#666;
}
.asterisk-fix {
font-family: Arial !important;
}
#geoblocked, .geoblocked {
display: none;
}
#geoblocked.videopage {
width: 100%;
height: 500px;
background-size: 100%;
}
.lt-ie9 #global-reg-form input[type="password"] {
font-family: Arial;
}
header {
font-family: 'Gotham SSm A';
width: 100%;
display: block;
color: #72737b;
font-size: 11pt;
}
header.main-header {
background: url('/i/beINSport/site/COM/layout/header-background.jpg') repeat-x white;
min-width: 990px;
position: relative;
}
header .top-bar ul {
list-style: none;
padding: 0;
}
header .top-bar li.search,
header .top-bar li.login,
header .top-bar li.logout,
header .top-bar li.social {
float: left;
padding: 4px 10px;
}
header .top-bar li.search {
padding-right: 1px;
}
header .top-bar li.search .search-container,
header .top-bar li.search form input{
border: 0;
border-radius: 4px;
height: 27px;
}
header .top-bar li.search .search-container {
background: #fff;
width: 238px;
margin: 0;
padding: 0px 6px 0px 6px;
}
header .top-bar li.search form input[type="text"] {
width: 212px;
font-style: italic;
float:left;
}
header .top-bar li.search form input[type="submit"] {
background: url('/i/beINSport/site/COM/layout/search-magnify.png') repeat-x center center;
width: 14px;
}
header .top-bar li.search form input[type="text"].arabic {
float:right;
}
header .top-bar ul li.logout {
display:none;
margin-left: 10px;
margin-right: 5px;
}
header .top-bar ul li.login,
header .top-bar ul li.logout {
padding: 4px 10px;
border: 1px solid #a2a4ae;
position: relative;
top: 5px;
border-radius: 3px;
cursor:pointer;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
header .top-bar ul li.faq a span,
header .top-bar ul li.facebook a span,
header .top-bar ul li.twitter a span,
header .top-bar ul li.g-plus a span,
header .top-bar ul li.instagram a span {
margin: 0 4px;
padding: 2px 9px;
}
body.rtl header .top-bar ul li.faq a span,
body.rtl header .top-bar ul li.facebook a span,
body.rtl header .top-bar ul li.twitter a span,
body.rtl header .top-bar ul li.g-plus a span,
body.rtl header .top-bar ul li.instagram a span {
display: block;
position: relative;
top: 6px;
padding: 10px 9px;
}
header .top-bar ul li.faq-and-social {
float: left;
}
header .top-bar ul li.faq-and-social ul {
line-height: 36px;
display: inline-block;
float: left;
min-width: 110px;
}
header .top-bar ul.language-wrapper {
float: left;
}
header .top-bar ul.top-header-wrapper {
float: right;
}
header .top-bar ul li.faq-and-social a,
header .top-bar ul li.login a,
header .top-bar ul li.logout a {
float: right;
text-decoration: none;
color: #333333;
}
header .top-bar ul li.facebook {
padding-right: 53px;
}
header .top-bar ul li.lang-picker {
height: 34px;
display: block;
float: left;
}
header .top-bar ul li.lang-picker ul {
line-height: 35px;
float: left;
}
header .top-bar ul li.lang-picker ul li {
display: inline;
padding: 0 10px;
border-right: 2px solid #fff;
}
header .top-bar ul li.lang-picker ul li a {
text-decoration: none;
color: #999;
}
header .top-bar ul li.lang-picker ul li:last-child {
display: inline-block;
border: none;
}
header .top-bar ul li.lang-picker ul li.selected-language a {
font-family: 'Gotham SSm M', Verdana, sans-serif;
color: black;
}
header .main .header-logo {
padding: 5px 5px 0px;
float: left;
}
header .main .header-logo img {
padding-right: 10px;
padding-top: 5px;
}
header .main .main-clock {
float: left;
padding-top: 15px;
padding-bottom: 19px;
padding-left: 2px;
font-size: 11px;
}
header .main-clock .clock,
header .main-clock .time-switch {
font-size: 0.7em;
text-transform: uppercase;
}
header .main-clock .time-switch a {
text-decoration: none;
color: #999;
}
header .main-clock .time-switch a.selected {
color: #000;
}
header .pref-lang {
background-color: #fff;
border: 1px solid #f1f1f1;
padding: 20px;
position: absolute;
top: 36px;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-border-radius: 5px;
border-radius: 5px;
z-index: 10;
}
.rtl header .pref-lang {
-webkit-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
header .pref-lang label {
display: inline-block;
}
header .pref-lang .input-wrapper {
display: inline-block;
margin-top: 10px;
}
.lt-ie9 header .pref-lang .input-wrapper.no-thanks {
padding-left: 8px;
}
header .pref-lang .arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 8px 10px 8px;
border-color: transparent transparent #fff transparent;
position: absolute;
top: -10px;
left: 30px;
}
.ar header .pref-lang .arrow {
right: 105px;
}
.fr header .pref-lang .arrow {
left: 180px;
}
header .pref-lang .close {
color: #000;
position: absolute;
right: 5px;
text-decoration: none;
top: 5px;
}
#actual-time {
font-size: 2.6em;
padding: 12px 0;
letter-spacing: -1px;
font-family: 'Arial Narrow';
}
header .main .header-advert {
float: right;
padding: 8px 0px;
}
.font-arabic {
font-family: 'Gotham SSm A Arabic';
}
/* timezone select */
#timezone {
background-color: #eeedf3;
border: none;
left: 0;
margin: 0;
opacity: 0;
padding: 3px;
position: absolute;
top: 5px;
filter: alpha(opacity=0);
}
.rtl #timezone {
font-family: 'Gotham SSm A';
}
.timezone-select {
display: inline-block;
margin-left: 10px;
position: absolute;
}
.timezone-select a {
color: #999;
font-size: 14px;
line-height: 34px;
text-decoration: none;
}
.timezone-select a.selected {
color: #000;
}
.phone .timezone-select {
display: none;
}
#meganav a,
#meganav a:visited,
#meganav a:hover {
display: inline-block;
text-decoration: none;
width: 100%;
}
#meganav nav ul li.active {
background-color: #7044a3;
}
#meganav nav ul li.home.selected a span {
background-position: -140px -55px;
}
#meganav nav ul li.selected {
border-bottom: 8px solid #ded5ea;
background-color: white;
}
#meganav nav ul li a {
color:#FFFFFF;
white-space: nowrap;
}
#meganav nav ul li.selected a {
color:#3f2b5c;
}
#meganav nav li.home a {
height: 100%;
}
#meganav nav li.home a span {
display: block;
width: 18px;
height: 17px;
margin: 12px auto;
text-indent: -100px;
overflow: hidden;
}
#meganav nav {
font-family: 'Gotham SSm M';
padding-top: 11px;
display: table;
width: 100%;
direction: ltr;
}
#meganav nav ul {
display: table-row;
}
#meganav nav li {
display: table-cell;
vertical-align: middle;
text-align: center;
border-bottom: 8px solid #7145a3;
width:108px;
}
#meganav nav li:first-child {
width: 41px;
}
#meganav .type-1 {
background-color: #3e2c5b;
}
#meganav .type-2 {
background-color: #28193f;
}
#meganav .type-3 {
background-color: #3072A3;
}
#meganav .type-1 a {
border-right: 1px solid #362451;
line-height: 40px;
}
#meganav .type-1 a:hover {
border-right: 1px solid white;
}
#meganav .type-2 a {
border-right: 1px solid #362451;
}
/* world cup navigation button */
#meganav .type-99 a {
color: #2f7329;
line-height: 40px;
}
/* Meganav tabs */
.meganav {
position: relative;
}
.meganav > div {
width: 100%;
background: white;
position: absolute;
top: 0px;
left: 0px;
z-index: 200;
display: none;
border-style: solid;
border-color: #27173e;
border-width: 0px 1px 4px 1px;
}
#meganav .static-image {
width: 100%;
}
#meganav .all-competitions-button {
display: inline-block;
width: 100%;
background: #5c2e91;
padding: 10px;
margin-top: 11px;
color: #FFFFFF;
font-size: 12px;
text-transform: uppercase;
}
#meganav .all-competitions-button span {
float: right
}
#meganav .other-sports div {
float: left;
width: 164px;
border-left: 1px solid #ded5e8;
padding: 9px 5px;
min-height: 190px;
}
#meganav .other-sports div:first-child {
border: none;
}
#meganav .other-sports h3 a {
color: #2d144e;
font-size: 17px;
margin-bottom: 10px;
margin-top: 20px;
}
#meganav .other-sports > div > ul {
line-height: 25px;
}
#meganav .other-sports > div > ul li a {
color: #565656;
}
#meganav .football > div {
float: left;
width: 20%;
border-left: 1px solid #ded5e8;
padding: 9px 6px 10px 6px;
}
#meganav .football > div > ul li a {
color: #565656;
}
#meganav .football div:first-child {
border: none;
}
#meganav .football .all-competitions ul {
line-height: 16px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
#meganav .football h3 a {
color: #2d144e;
font-size: 17px;
margin-bottom: 10px;
margin-top: 20px;
}
#meganav .football .schedule {
height: 162px;
background: #fafafa;
border-top: 1px solid #ded5e8;
border-bottom: 1px solid #ddd6e6;
color: #005898;
padding-top: 20px;
}
#meganav .football .schedule span {
font-weight: 900;
font-size: 50px;
position: relative;
top: -25px;
}
#meganav .football .picture-instead-logos {
width: 216px;
height: 110px;
float: left;
}
#meganav .football .schedule ul {
float: left;
margin-left: 11px;
}
#meganav .football .schedule ul li {
font-size: 14px;
}
#meganav .football .schedule datetime {
font-weight: bold;
margin-top: 5px;
}
#meganav .football >div > ul {
line-height: 27px;
margin-left: 11px;
}
#meganav .football .all-competitions div {
background: #5c2e91;
padding: 10px;
margin-top: 11px;
}
#meganav .football .all-competitions ul li a {
white-space: nowrap;
}
#meganav .football .all-competitions div a {
display: inline;
color: #FFFFFF;
font-size: 12px;
text-transform: uppercase;
}
/* fix for french edition with overlapping text because of LOOOOOOOOOOONG text */
body.fr #meganav .all-competitions-button{
font-size: 10px;
}
#meganav .football .all-competitions .arrow {
float: right;
color: #FFFFFF;
/* when we will have sprite for arrows
background: url('/i/beINSport/site/COM/layout/icons-sprite-v2.png') no-repeat;
background-position: -122px -54px;
width: 17px;
height: 23px;
position: relative;
top: -4px;
*/
}
#meganav .basketball > div {
float: left;
width: 355px;
padding: 9px 14px 10px 10px;
}
#meganav .basketball > div:first-child {
width: 625px;
border-right: 1px solid #ded5e8;
}
#meganav .basketball > div > ul {
float: left;
line-height: 24px;
margin-left: 15px;
}
#meganav .basketball .vertical-line {
float: left;
display: inline;
border-right: 1px solid #ded5e8;
padding-right: 10px;
margin-right: 10px;
}
#meganav .basketball > div > ul li a {
color: #565656;
}
#meganav .basketball .schedule {
height: 162px;
width: 200px;
display: inline;
float: left;
background: #fafafa;
border-top: 1px solid #ded5e8;
border-bottom: 1px solid LightGray;
color: #005898;
margin-right: 3px;
margin-bottom: 20px;
}
#meganav .basketball .schedule ul {
float: left;
margin-left: 10px;
}
#meganav .basketball .schedule ul li {
font-size: 14px;
}
#meganav .basketball .schedule .datetime {
font-weight: bold;
}
#meganav .basketball .schedule span {
font-weight: 900;
font-size: 50px;
position: relative;
top: -25px;
}
#meganav .basketball .picture-instead-logos {
width: 216px;
height: 110px;
float: left;
}
#meganav .basketball h3 a {
color: #2d144e;
font-size: 17px;
margin-bottom: 10px;
margin-top: 20px;
}
#meganav .motorsports > div {
width: 355px;
float: left;
padding: 9px 14px 10px 10px;
}
#meganav .motorsports > div:first-child {
width: 625px;
border-right: 1px solid #ded5e8;
}
#meganav .motorsports h3 a {
color: #2d144e;
font-size: 17px;
margin-bottom: 10px;
margin-top: 20px;
}
#meganav .motorsports > div > div {
float: left;
}
#meganav .motorsports > div > ul {
float: left;
line-height: 24px;
margin-left: 14px;
}
#meganav .motorsports > div > ul li a {
color: #565656;
}
#meganav .motorsports .schedule {
height: 162px;
color: #005898;
background: #fafafa;
border-top: 1px solid #ded5e8;
border-bottom: 1px solid #ddd6e6;
margin-bottom: 24px;
}
#meganav .motorsports .schedule ul {
float: left;
margin-left: 11px;
}
#meganav .motorsports .schedule ul li {
font-size: 14px;
}
#meganav .motorsports .schedule .datetime {
font-weight: bold;
}
#meganav .motorsports .schedule li {
max-width: 155px;
}
#meganav .motorsports .vertical-line {
border-right: 1px solid #ded5e8;
padding-right: 10px;
margin-right: 10px;
}
#meganav .motorsports .schedule div img {
width: 206px;
height: 109px;
margin-bottom: 5px;
}
#meganav .tennis > div{
float: left;
min-width: 320px;
border-left: 1px solid #ded5e8;
padding: 9px 5px 0px;
}
#meganav .tennis > div:first-child {
border: none;
}
#meganav .tennis > div > ul {
float: left;
line-height: 25px;
margin-left: 14px;
}
#meganav .tennis > div > ul li a {
color: #565656;
}
#meganav .tennis .schedule{
float: left;
height: 162px;
color: #005898;
background: #fafafa;
border-top: 1px solid #ded5e8;
border-bottom: 1px solid #ddd6e6;
margin-bottom: 24px;
}
#meganav .tennis .schedule div img {
width: 206px;
height: 109px;
margin-bottom: 5px;
}
#meganav .tennis .schedule ul {
float: left;
margin-left: 11px;
}
#meganav .tennis .schedule ul li {
font-size: 14px;
max-width: 188px;
}
#meganav .tennis .schedule .datetime {
font-weight: bold;
}
#meganav .tennis h3 a {
color: #2d144e;
font-size: 17px;
margin-bottom: 10px;
margin-top: 20px;
}
#meganav .channel-number {
float: left;
display: inline;
border: 1px solid #8f8e93;
width: 40px;
height: 38px;
font-weight: bold;
font-size: 24px;
padding: 5px 2px;
}
/* Topnav styles */
#topnav {
padding-top: 15px;
}
#topnav .inner-topnav {
width: 1220px;
display: table;
direction: ltr;
float: right;
}
#topnav ul {
display: table-row;
}
#topnav ul li {
display: table-cell;
text-align: center;
height: 43px;
position: relative;
}
#topnav ul li a {
text-decoration: none;
}
#topnav ul li.watch-live {
left: 232px;
}
#topnav ul li.catch-up {
left: 193px;
}
#topnav ul li.tv-guide {
left: 154px;
}
#topnav ul li.register-receiver {
left: 111px;
}
#topnav ul li.short-silver a {
width: 160px;
}
#topnav ul li.silver a {
width: 183px;
}
#topnav ul li a.discover-subscribe {
font-family: 'Gotham SSm B';
color: #fff;
padding-left: 20px;
line-height: 43px;
font-size: 16pt;
position: relative;
}
#topnav ul li a {
display: block;
line-height: 43px;
color: #443162;
margin: 0 auto;
font-size: 10pt;
}
#topnav ul li a span {
margin: 5px;
position: relative;
display: inline-block;
top: 9px;
}
body.rtl #topnav ul li a.discover-subscribe {
line-height: 43px;
}
body.rtl #topnav ul li a span.icon-register-receiver {
top: 0px; /* icon overlapping fix */
padding: 3px 10px;
}
body.ltr #topnav .short-silver {
background: url('/i/beINSport/site/COM/layout/topbar-button-short-right.png') no-repeat;
width: 198px;
float: left;
}
body.ltr #topnav .long-silver {
background: url('/i/beINSport/site/COM/layout/topbar-button-long-right.png') no-repeat;
width: 273px;
float: left;
}
body.ltr #topnav .claret {
background: url('/i/beINSport/site/COM/layout/new-topbar-button-subscribe-right-v2.png') no-repeat;
width: 283px;
float: right;
}
body.rtl #topnav .short-silver {
background: url('/i/beINSport/site/COM/layout/topbar-button-short-left.png') no-repeat;
width: 198px;
float: left;
}
body.rtl #topnav .long-silver {
background: url('/i/beINSport/site/COM/layout/topbar-button-long-left.png') no-repeat;
width: 274px;
float: left;
}
body.rtl #topnav .claret {
background: url('/i/beINSport/site/COM/layout/new-topbar-button-subscribe-left-v2.png') no-repeat right;
width: 283px;
float: right;
}
/* logos */
.handball-logo, .australian-open-logo,
.volleyball-logo, .roland-garros-logo,
.cricket-logo, .wimbledon-logo,
.rugby-logo, .us-open-logo,
.golf-logo, .nba-logo,
.arab-games-logo, .fiba-logo,
.f1-logo, .premier-league-logo,
.motogp-logo, .la-liga-logo,
.atp-logo, .serieA-logo,
.wta-logo, .ligue1-logo {
float: right;
position: relative;
top: 0px;
right: 0px;
background: grey:
}
/* separate logos styles */
.handball-logo {
width: 48px;
height: 30px;
}
.volleyball-logo {
width: 50px;
height: 26px;
}
.cricket-logo {
width: 37px;
height: 30px;
}
.rugby-logo {
width: 40px;
height: 30px;
}
.golf-logo {
width: 30px;
height: 30px;
}
.arab-games-logo {
width: 54px;
height: 25px;
}
.f1-logo {
width: 81px;
height: 37px;
}
.motogp-logo {
width: 66px;
height: 39px;
}
.atp-logo {
width: 32px;
height: 42px;
}
.wta-logo {
width: 47px;
height: 36px;
}
.australian-open-logo {
width: 34px;
height: 38px;
right:-112px;
}
.roland-garros-logo {
width: 42px;
height: 42px;
right: -115px;
}
.wimbledon-logo {
width: 42px;
height: 42px;
right: -120px;
}
.us-open-logo {
width: 43px;
height: 25px;
right: -125px;
}
.nba-logo {
width: 20px;
height: 49px;
}
.fiba-logo {
width: 81px;
height: 40px;
right: -150px;
}
.premier-league-logo {
width: 60px;
height: 43px;
right: 0px;
}
.la-liga-logo {
width: 28px;
height: 39px;
}
.serieA-logo {
width: 48px;
height: 39px;
}
.ligue1-logo {
width: 26px;
height: 40px;
}
.team-a-logo,
.team-b-logo {
width: 60px;
height: 60px;
margin-bottom: 10px;
}
.team-a-logo {
margin-left: 8px;
}.connect-with-us {
border: 1px solid #e4e4e4;
padding: 5px;
margin-top: 15px;
margin-bottom: 10px;
margin-right: 9px;
}
.connect-with-us h4 {
text-align: center;
text-transform: uppercase;
color: #737479;
margin-top: 8px;
margin-bottom: 8px;
font-weight: 500;
}
.connect-with-us ul {
list-style: none;
display: table-row;
}
.connect-with-us li {
float:left;
margin:5px 4px;
}
.connect-with-us a {
display: block;
height: 100%;
}
[class^="sidebar-"] {
background-image: url('/i/beINSport/site/COM/layout/icons-sprite-v8.png');
background-repeat: no-repeat;
}
.connect-with-us .sidebar-facebook,
.connect-with-us .sidebar-twitter,
.connect-with-us .sidebar-google-plus,
.connect-with-us .sidebar-apple,
.connect-with-us .sidebar-android,
.connect-with-us .sidebar-instagram {
width: 40px;
height: 40px;
}
/* icons positions in sprite image */
.connect-with-us .sidebar-facebook {
background-position: -2px -22px;
}
.connect-with-us .sidebar-twitter {
background-position: -43px -22px;
}
.connect-with-us .sidebar-google-plus {
background-position: -2px -62px;
}
.connect-with-us .sidebar-apple {
background-position: -93px -83px;
}
.connect-with-us .sidebar-android {
background-position: -135px -83px;
}
.connect-with-us .sidebar-instagram {
background-position: -135px -126px;
}
#eplayerHolder {
padding-top: 15px;
}
/*######## DATE PICKER ###########*/
.datePick {
margin-top: 20px;
}
.datePick table.jCalendar {
background: none repeat scroll 0 0 #AAAAAA;
border: 1px solid #000000;
border-collapse: separate;
border-spacing: 2px;
width: 100%;
}
.datePick table.jCalendar th {
font-size: 1.3em;
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
font-weight: bold;
padding: 3px 5px;
}
.datePick table.jCalendar tr th {
background: #555;
color: #D9D9D9;
}
.datePick table.jCalendar td {
background: url("/i/beINSport/site/replay/calendarSilverSquareBg.png") no-repeat 0 0 transparent;
color: #000000;
padding: 3px 5px;
text-align: center;
font-size: 1.3em;
padding-top: 14px;
}
.datePick table.jCalendar td.other-month {
background: url("/i/beINSport/site/replay/calendarGreySquare.png") no-repeat 0 bottom transparent;
color: #666;
}
.datePick table.jCalendar td.today {
background: none repeat scroll 0 0 #5e3092;
color: #FFFFFF;
}
.datePick table.jCalendar td.selected {
background: none repeat scroll 0 0 #2E43E2;
color: #FFFFFF;
}
.datePick table.jCalendar td.selected.dp-hover {
background: none repeat scroll 0 0 #7784E7;
color: #FFFFFF;
}
.datePick table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
background: none repeat scroll 0 0 #7784E7;
color: #000000;
}
.datePick table.jCalendar tr.selectedWeek td {
background: none repeat scroll 0 0 #FF6666;
color: #FFFFFF;
}
.datePick table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
color: white;
background: #171717;
}
.datePick table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
background: none repeat scroll 0 0 #BBBBBB;
color: #888888;
}
.datePick{
background: none repeat scroll 0 0 #FFFF;
font-family: arial,sans-serif;
font-size: 10px;
line-height: 1.2em;
padding: 2px;
position: relative;
width: 310px;
}
.datePick h2 {
color: black;
font-size: 18px;
margin: 2px auto 16px auto;
padding: 0;
text-align: center;
display: table;
cursor: pointer;
text-transform: capitalize;
}
.datePick a#dp-close {
display: block;
font-size: 11px;
padding: 4px 0;
text-align: center;
}
.datePick a#dp-close:hover {
text-decoration: underline;
}
.datePick a {
color: #AAAAAA;
padding: 3px 2px 0;
text-decoration: none;
font-size: 29px;
}
.datePick div.dp-nav-prev {
left: 4px;
position: absolute;
top: 2px;
}
.datePick .dp-nav-next-year,
.datePick .dp-nav-prev-year{
display: none;
}
.datePick div.dp-nav-prev a {
float: left;
}
.datePick div.dp-nav-prev a,
.datePick div.dp-nav-next a {
cursor: pointer;
}
.datePick div.dp-nav-prev a.disabled,
.datePick div.dp-nav-next a.disabled {
cursor: default;
color: black;
}
.datePick div.dp-nav-next {
position: absolute;
right: 4px;
top: 2px;
}
.datePick div.dp-nav-next a {
float: right;
}
.datePick a.disabled {
color: black;
cursor: default;
}
.datePick td {
cursor: pointer;
}
.datePick td.disabled {
cursor: default;
}
h2.accordionButton {
padding: 8px 16px;
font-size: 14px;
line-height: 14px;
font-weight: normal;
}
.accordionButton {
cursor: pointer;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 20px;
}
#commentaryWidget, #optafactsWidget {
transition: all 0.3s ease-in;
height: 0;
overflow: scroll;
}
#commentaryWidget.unhide, #optafactsWidget.unhide {
height: 400px;
}
#opta-accordion .dropdownArrow {
margin: 5px 8px auto -2px;
background-color: transparent;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #6D6D6D;
float: left;
}
.packages {
float: left;
}
.assistance {
float: left;
padding-left: 8px;
margin-bottom: 10px;
}
footer {
clear: both;
width: 100%;
background: #38185c;
min-width: 990px;
}
body > footer{
position: relative;
}
footer ul {
list-style: none;
}
footer a {
text-decoration: none;
color: white;
}
footer .sitemap {
height: 222px;
background: #38185c;
color: #FFFFFF;
}
footer .sitemap div > div {
float: left;
width: 265px;
text-align: left;
padding: 18px 0px 0px 0px;
margin-left: 65px;
}
footer .sitemap h3 {
border-bottom: 1px solid rgba(250, 250, 250, 0.1);
color: #fff;
padding: 0 0 7px 0;
text-transform: uppercase;
}
footer .sitemap ul {
padding-top: 10px;
line-height: 17px;
}
footer .competition-logos {
height: 114px;
background-color: white;
}
footer .competition-logos img {
max-height: 110px;
max-width: 110px;
}
footer .competition-logos ul {
text-align: center;
}
footer .competition-logos li {
display: inline-block;
margin: 14px 25px;
}
footer .foot {
height: 54px;
background: #38185c;
}
footer .foot > div {
padding: 25px 0px 0px 0px;
}
footer .copyright {
clear: both;
color: #FFFFFF;
font-size: 0.8em;
float: left;
margin-left: 64px;
}
footer .links {
float: right;
margin-right: 50px;
font-size: 10px;
}
footer .links li {
padding: 0px 10px 0px 10px;
display: inline;
float: left;
border-left: 1px solid white;
}
footer .links li:first-child {
border: none;
}
footer .gr-layout div:nth-child(3) ul li:nth-child(4) {
margin-bottom:25px;
}
.sitemap div:nth-child(2) img {
margin-bottom: -9px;
}
/* Each class using sprite image with icons have to start with "icon-"
* and continue with any name you like.
* To update update sprite image please add icons on the right side or
* at the bottom of the image to keep existing icon positions intact.
*/
[class^="icon-"] {
background-image: url('/i/beINSport/site/COM/layout/icons-sprite-v9.png');
background-repeat: no-repeat;
}
/* header */
.icon-home-header { background-position: -87px -55px; }
.icon-facebook-header { background-position: -3px 0; }
.icon-twitter-header { background-position: -51px -1px; }
.icon-google-header { background-position: -28px 0; }
.icon-instagram-header { background-position: -177px -34px; }
/* topbar icons */
.icon-watch-live {
background-position: -163px -170px;
width: 17px;
height: 17px;
}
.icon-catch-up {
background-position: -111px -167px;
width: 18px;
height: 18px;
}
.icon-tv-guide {
background-position: -134px -167px;
width: 23px;
height: 17px;
}
/*.icon-register-receiver {
background-position: -177px 0;
padding: 3px 10px;
}*/
.icon-go-secure {
background-position: -193px -1px;
width: 15px;
height: 28px;
right: 5px;
}
/* main body */
.icon-active-pagination { background-position: -98px -2px; }
.icon-inactive-pagination { background-position: -111px -2px; }
.icon-facebook-page { background-position: -41px -103px; }
.icon-twitter-page { background-position: -49px -104px; }
.icon-comments { background-position: -65px -104px; }
/* footer */
.icon-paypal { background-position: 0 -88px; }
.icon-visa { background-position: 0 -102px; }
.icon-mastercard { background-position: -43px -80px; }
.icon-apple { background-position: -33px -53px; }
.icon-blackberry { background-position: -54px -55px; }
.icon-nexus { background-position: -66px -24px; }
.icon-facebook-footer { background-position: -1px -21px; }
.icon-twitter-footer { background-position: -1px -53px; }
.icon-google-footer { background-position: -33px -21px; }
/* play */
.icon-play-video-large { background-position: -1px -121px; width: 78px; height: 78px;}
.icon-play-video-medium { background-position: -79px -80px; width: 35px; height: 35px;}
.icon-play-video-small { background-position: -118px -80px; width: 24px; height: 24px;}
/* arrows */
.icon-left-arrow-large { background-position: -90px -20px; }
.icon-right-arrow-large { background-position: -110px -20px; }
.icon-left-arrow-small { background-position: -106px -54px; }
.icon-right-arrow-small { background-position: -122px -54px; }
.icon-opta-arrow-left { background-position: -140px -21px; }
.icon-opta-arrow-right { background-position: -156px -21px; }
.icon-more-large { background-position: -124px -3px; }
.icon-more-small { background-position: -131px -4px; }
/* social sharing */
.icon-facebook-share { background-position: -177px -58px; }
.icon-twitter-share { background-position: -177px -91px; }
.icon-gplus-share { background-position: -177px -124px; }
.icon-facebook-share-big { background-position: -209px -3px; }
.icon-twitter-share-big { background-position: -209px -44px; }
.icon-gplus-share-big { background-position: -209px -85px; }
/* OPTA Widget competition picker */
#opta-aside-widget .opta-widget-arrow {
width: 10%;
background-color: #f3f3f3;
height: inherit;
}
#opta-aside-widget .opta-widget-arrow:hover {
background-color: #000;
cursor: pointer;
}
#opta-aside-widget .opta-widget-arrow>span {
height: 25px;
width: 15px;
margin: 11px 7px;
}
#opta-aside-widget .opta-widget-arrow>span.icon-opta-arrow-left {
float: left;
}
#opta-aside-widget .opta-widget-arrow>span.icon-opta-arrow-right {
float: right;
}
.opta-widget-container thead tr {
height: 34px;
}
.opta-widget-container thead th {
vertical-align: bottom;
}
/* OPTA Widget styles */
#opta-aside-widget {
width: 300px;
padding-top: 15px;
}
#opta-aside-widget .opta-select {
width: 100%;
height: 50px;
}
#opta-aside-widget .opta-select > div {
float: left;
}
#opta-aside-widget .opta-select-outer {
width: 80%;
display: inline-block;
height: inherit;
overflow: hidden;
}
#opta-aside-widget .opta-select-inner {
height: inherit;
display: inline-block;
overflow: hidden;
}
#opta-aside-widget .opta-select-inner .competition-unit {
width: 240px;
height: 50px;
float: left;
text-align: center;
text-transform: uppercase;
padding: 19px;
color: #555555;
}
#opta-aside-widget .opta-content {
height: 500px;
}
#opta-aside-widget .fixtures-body,
#opta-aside-widget .results-body,
#opta-aside-widget .standings-body {
overflow-x: hidden;
overflow-y: auto;
display: none;
border: 1px solid #f3f3f3;
}
#opta-aside-widget .standings-body {
display: block;
}
.opta-widget-container {
margin: 0 !important;
font-family: 'Gotham SSm A' !important;
}
#opta-aside-widget .opta-widget-container table,
#opta-aside-widget .opta-widget-container .standings-container {
margin-bottom: 0;
}
#opta-aside-widget .opta-widget-container td .image-spacer {
position: relative;
top: -5px;
}
.fixtures-body .opta-widget-container,
.results-body .opta-widget-container {
width: 314px;
}
.fixtures-body .opta-widget-container .fixtures .matches dt.prematch .match-time,
.results-body .opta-widget-container .fixtures .matches dt .match-score,
.opta-widget-container tbody td.st_points {
color: #005391;
font-weight: bold;
}
.fixtures-body .opta-widget-container .fixtures,
.standings-body .opta-widget-container .standings-container,
.standings-body .opta-widget-container .season-standings {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}
.fixtures-body .opta-widget-container .fixtures .matches dt .home-side {
padding-left: 10%;
}
.fixtures-body h2,
.results-body h2,
.standings-body h2 {
display: none;
}
#opta-aside-widget .opta-tabs {
display: block;
width: 300px;
}
#opta-aside-widget .opta-tabs ul {
display: block;
width: 100%;
text-align: center;
}
#opta-aside-widget .opta-tabs ul li {
display: inline-block;
width: 100px;
padding: 12px;
cursor: pointer;
background-color: #f6f6f6;
float: left;
white-space: nowrap;
}
#opta-aside-widget .opta-tabs ul li.active a {
color: white;
}
#opta-aside-widget .opta-tabs ul li.active {
background-color: #005391;
position: relative;
}
#opta-aside-widget .opta-tabs ul li.active:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 83, 145, 0);
border-top-color: #005391;
border-width: 7px;
margin-left: -9px;
z-index: 2;
}
#opta-aside-widget .opta-widget-container tbody td.team {
text-align: left
}
#opta-aside-widget span.match-time {
color: #005391;
margin-right: 10px;
}
#opta-aside-widget .fixtures>dt.prematch {
padding: 10px;
background: #eee;
}
aside .full-table-button {
display: block;
width: 97%;
height: 25px;
text-align: center;
background-color: #5c2d91;
margin-bottom: 10px;
}
aside .full-table-button a {
text-decoration: none;
color: white;
line-height: 25px;
display: block;
text-transform: uppercase;
}
body.rtl #opta-aside-widget .opta-widget-container .fixtures .matches dt span {
float: left;
}
body.rtl #opta-aside-widget .opta-widget-container .fixtures .matches dt .match-time {
width: 0;
position: relative;
top: 2px;
right: 2px;
}
body.rtl .fixtures-body .opta-widget-container,
body.rtl .results-body .opta-widget-container {
width: 322px;
}
body.rtl .opta-widget-container thead th {
font-size: 10px;
padding: 0.3em;
text-align: right;
}
#epg-remote-control {
height: 159px;
background: #161616;
}
#epg-remote-controll a {
text-decoration:none;
color:#1771b3;
}
#epg-remote-control .channel-button-list {
display: table;
height: 60px;
width: 100%;
}
#epg-remote-control .channel-button-list ul.channel-lineup {
display: table-row;
}
#epg-remote-control .channel-lineup li {
display: table-cell;
vertical-align: middle;
text-align: center;
height: inherit;
width: 63px;
background: white;
border-left: 1px solid grey;
border-right: 1px solid grey;
}
#epg-remote-control .channel-view {
display:none;
}
#epg-remote-control .channel-views-wrapper .channel-view:first-child {
display:block;
}
#epg-remote-control .channel-lineup li a {
color: #000;
text-decoration: none;
display: inline-block;
width: 100%;
height: 100%;
line-height: 57px;
cursor:pointer;
}
#epg-remote-control .channel-lineup li a img {
width: 40px;
vertical-align: middle;
}
#epg-remote-control .channel-lineup li:first-child + li a img {
width: 33px;
}
#epg-remote-control .channel-lineup li a.selected {
background:#d1d1d1;
}
#epg-remote-control .channel-lineup li a:hover{
/* background: url('/i/beINSport/site/COM/layout/epg-remote-background.jpg') repeat-x;*/
opacity:0.3;
}
#epg-remote-control .channel-lineup span{
display: inline-block;
}
#epg-remote-control .date{
color:white;
margin-top:20px;
padding-left:20px;
}
#epg-remote-control .date li {
float:left;
}
#epg-remote-control .date span{
background:#0a5992;
text-transform:uppercase;
padding: 2px 10px;
}
#epg-remote-control .title{
clear:left;
padding-left:20px;
position: relative;
top: 11px;
}
#epg-remote-control .title li{
color: #1872b4;
font-size:25px;
display:inline;
margin:0;
margin-right: 10px;
float:left;
max-width: 655px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#epg-remote-control .title li a {
text-decoration:none;
color:#1771b3;
}
#epg-remote-control .title li:first-child {
color: white;
border-right: 2px solid white;
padding-right: 15px;
}
#epg-remote-control .carousel{
position:relative;
top: -20px;
float:right;
background:#161616;
width:300px;
height: 99px;
overflow:hidden;
}
#epg-remote-control .carousel > * {
float:left;
}
#epg-remote-control .program-list{
height: 100%;
margin-left: 39px;
padding: 13px 11px 9px 11px;
overflow: hidden;
display:inline;
width:222px;
}
#epg-remote-control .previous{
position: absolute;
top:0px;
left: 0;
width: 39px;
height: 100%;
z-index:5;
background: #414141;
cursor:pointer;
}
#epg-remote-control .next{
position: absolute;
top:0px;
right: 0;
width: 39px;
height: 100%;
z-index:5;
background:#414141;
cursor:pointer;
}
#epg-remote-control .arrow-left{
position: absolute;
top: 30px;
left: 9px;
background-image: url('/i/beINSport/site/COM/layout/icons-sprite-v7.png');
background-repeat: no-repeat;
background-position: -90px -17px;
width: 20px;
height: 35px;
}
#epg-remote-control .arrow-right{
position: absolute;
top: 30px;
left: 9px;
background-image: url('/i/beINSport/site/COM/layout/icons-sprite-v7.png');
background-repeat: no-repeat;
background-position: -109px -17px;
width: 20px;
height: 35px;
}
#epg-remote-control .program-time{
line-height: 22px;
}
#epg-remote-control .program-time span{
background: #0a5992;
padding: 4px 5px 4px 5px;
}
#epg-remote-control .program-name{
margin-top: 10px;
font-size:15px;
}
#epg-remote-control .program-schedule{
margin-top: 17px;
font-size: 15px;
color:#1771b3;
text-decoration:none;
}
#epg-remote-control .program-list ul{
position:relative;
overflow: hidden;
}
#epg-remote-control .program-list ul li{
float:left;
width:211px;
overflow: hidden;
color:white;
}
#epg-remote-control .display-visible{
display:visible;
}
#epg-remote-control .display-none{
display:none;
}
#epg-remote-control .bein-sports-logo{
background:url('/i/beINSport/site/COM/layout/beta-channels-sprite.png') no-repeat;
background-position: -350px 0px;
padding: 22px 46px;
position: relative;
top: 3px;
}
[class^="icon-channel-"] {
background-image: url('/i/beINSport/site/COM/layout/channel-lineup-sprite.png');
background-repeat: no-repeat;
background-size: 45px 500px;
padding: 16px 25px;
position: relative;
top: 17px;
}
#epg-remote-control .icon-channel-one{
background-position: 3px 0px;
}
#epg-remote-control .icon-channel-two{
background-position: 3px -34px;
}
#epg-remote-control .icon-channel-three{
background-position: 3px -67px;
}
#epg-remote-control .icon-channel-four{
background-position: 3px -100px;
}
#epg-remote-control .icon-channel-five{
background-position: 3px -134px;
}
#epg-remote-control .icon-channel-six{
background-position: 3px -167px;
}
#epg-remote-control .icon-channel-seven{
background-position: 3px -200px;
}
#epg-remote-control .icon-channel-eight{
background-position: 3px -234px;
}
#epg-remote-control .icon-channel-nine{
background-position: 3px -267px;
}
#epg-remote-control .icon-channel-ten{
background-position: 3px -301px;
}
#epg-remote-control .icon-channel-eleven{
background-position: 3px -334px;
}
#epg-remote-control .icon-channel-twelve{
background-position: 3px -367px;
}
#epg-remote-control .icon-channel-thirteen{
background-position: 3px -401px;
}
#epg-remote-control .icon-channel-fourteen{
background-position: 3px -434px;
}
#epg-remote-control .icon-channel-fifteen{
background-position: 3px -467px;
}
#extendedSchedule {
margin: 10px;
}
#extendedSchedule h1{
width: 70%;
font-size: 1.35em;
color: #1771b3;
line-height: 2em;
float: left;
}
.extRight tr {
height: 40px;
background: #eee;
border-bottom: 1px solid #fff;
}
.extRight tr:hover {
cursor: pointer;
background: #ddd;
}
.extRight td {
padding: 0 10px;
vertical-align: middle;
}
.extRight {
float: right;
}
.ext-score {
color: #1771b3;
font-weight: bold;
}
#centerpiece {
width: 990px;
height: 428px;
position: relative;
overflow: hidden;
}
#centerpiece .outer-wrapper {
width: 990px;
overflow: hidden;
}
#centerpiece .features-inner-wrapper {
position: relative;
left: 0px;
}
#centerpiece > div {
position: absolute;
}
#centerpiece .feature-article-box {
position: relative;
display: table-cell;
}
#centerpiece .features-inner-wrapper {
display: inline-table;
}
#centerpiece .feature-article-box .article-info {
position: absolute;
bottom: 0;
/*margin-left: 40px;*/
width: 990px;
background-color: rgba(0, 0, 0, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
padding: 7px 10px;
color: white;
}
#centerpiece .feature-article-box a {
color: white;
text-decoration: none;
}
#centerpiece .feature-article-box img {
width: 990px;
height: 428px;
}
#centerpiece .feature-article-box a h2 {
font-family: 'Gotham SSm M';
font-size: 2.5em;
}
#centerpiece .feature-article-box .feature-teaser-text {
padding-top: 10px;
padding-bottom: 5px;
}
#centerpiece .fa-arrow {
height: 41px;
background-color: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
width: 40px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#centerpiece .fa-arrow:hover {
background-color: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
cursor: pointer;
}
#centerpiece .fa-arrow > span {
position:relative;
top: 6px;
width: 20px;
height: 30px;
display: block;
margin: 0 auto;
}
#centerpiece .fa-arrow.left {
left: 0;
z-index: 1;
top: 200px;
}
#centerpiece .fa-arrow.right {
right: 0;
top: 200px;
}
/* Centerpiece pagination */
.pagi-dot {
background-image: url('/i/beINSport/site/COM/layout/icons-sprite-v7.png');
background-position: -194px -159px;
width: 10px;
height: 10px;
display: block;
}
.centerpiece-pagination ul li.active .pagi-dot {
background-position: -180px -159px;
}
.centerpiece-pagination ul {
display: inline-block;
background-color: black;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
position: relative;
top: 20px;
left: 720px;
border: 0;
border-radius: 10px;
padding: 0 3px;
}
.centerpiece-pagination ul li {
display: inline-block;
padding: 3px 4px;
cursor: pointer;
vertical-align: middle;
}@media (max-width: 1290px) {
#back-advert-right, #back-advert-left, #back-advert-left a, #back-advert-right a{
display:none;
}
}
@media (min-width: 1290px) {
#hpto-wrapper {
width: 1290px;
margin: 0 auto;
}
#back-advert-right, #back-advert-left {
height: 700px;
width: 150px;
float: left;
}
#back-advert-left a, #back-advert-right a {
height: 700px;
width: 150px;
display: block;
text-indent: -600px;
}
#mainContent {
float: left;
clear: none;
}
}
/*** article.css ***/
.article-list article {
height: 186px;
float: left;
margin-bottom: 10px;
position: relative;
}
.article-list article img {
width: 100%;
max-height: 186px;
}
.article-list article .basic-sprites {
background: url(/i/beINSport/site/sprites/basic-sprites.png) no-repeat;
}
.article-list article .playButton {
top: 50%;
left: 50%;
margin: -15px 0 0 -20px;
display: block;
background-color: transparent;
position: absolute;
z-index: 10;
}
.article-list article .s-play-1 {
width: 30px;
height: 25px;
background-position: -32px -67px;
}
.article-list article.odd {
margin-left: 26px;
}
.article-list .ago {
font-size: 12pt;
line-height: 58px;
text-transform: none;
}
.article-list .article-info {
background-color: rgba(0,0,0,0.6);
bottom: 6px;
height: 80px;
left: 0;
padding: 10px;
position: absolute;
right: 0;
}
.article-list .article-info a {
text-decoration: none;
}
.article-list .article-info h6 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
color: #c8c7c6;
font-size: 12pt;
line-height: 1.2em;
height: 2.4em; /* this will prevent overflow of longer headings than 2 lines */
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.article-list .article-info .social-icons {
float: right;
}
.article-list p.search-result {
padding: 10px;
}
.article-list p.search-result span {
font-weight: bold;
}
.article-section {
margin-bottom: 20px;
}
.article-section figure,
.article-section .related-articles {
float: left;
margin: 0 20px 0 -130px;
width: 280px;
}
.rtl .article-section figure,
.rtl .article-section .related-articles {
position: relative;
left: 150px;
}
.article-section figure img {
width: 280px;
}
.article-section figure figcaption {
color: #999;
font-size: 12px;
margin: 10px;
}
.article-section h2,
.article-section h4 {
font-weight: normal;
line-height: 1.2;
}
.rtl .article-section h2 {
float: right;
}
.article-section h2 {
border-bottom: none;
font-size: 2em;
padding-top: 12px;
padding-left: 8px;
padding-bottom: 12px;
}
.article-section h4 {
color: #434343;
float: left;
font-size: 20px;
}
.article-section .author {
float: left;
padding-left: 10px;
width: 535px;
border-bottom: 1px solid #ded5e8;
padding-bottom: 5px;
margin-right: 6px;
}
.rtl .article-section .author {
float: right;
}
.article-section .author address {
color: #5b2d90;
font-style: normal;
text-transform: none;
}
.article-section .article-caption {
margin-top: 30px;
}
.article-section .article-content {
color: #666;
font-size: 15px;
line-height: 1.5;
}
.article-section .article-content.rich {
padding-left: 130px;*/
}
.article-section.static .article-content {
color: #666;
font-size: 14px;
line-height: 1.5;
margin-left: 10px;
}
.article-section .article-content p {
margin: 20px 0;
}
.article-section .article-content ul {
list-style-type: square;
margin: 0 20px 0 20px;
}
.article-section .article-content ol {
list-style-type: decimal;
margin: 0 20px 0 20px;
}
.article-section .article-image {
margin-top: 10px;
width: 100%;
}
.article-section .related-articles {
border-top: 5px solid #5b2d90;
}
.article-section .related-articles h6 {
color: #333;
font-size: 18px;
font-weight: normal;
margin: 10px;
}
.article-section .related-articles ul {
background-color: #f7f7f7;
color: #787878;
list-style: none;
padding: 10px 10px 10px 25px;
text-indent: -15px;
}
.article-section .related-articles ul a {
color: #787878;
margin-left: 10px;
}
.article-section .related-articles ul li:before {
content: '\2023';
font-size: 20px;
line-height: 1;
}
.no-article {
margin: 10px 0;
}
#geoblocked {
display:none;
width: 650px;
height: 338px;
background: url('/i/beINSport/site/COM/layout/slate_transparent_small.png') no-repeat top left;
z-index: 5;
border: 1px solid #ccc;
margin-top: 5px;
}
#geoblocked h2 {
display: block;
width: 100%;
font-size: 18px;
height: 338px;
line-height: 100px;
text-align: center;
border: 0;
border-bottom: 0;
}
.article-section .article-geoblocked {
margin-top: 5px;
}
/* Social sharing */
.article-section .article-social-share-wrapper {
border: 1px solid #e4e4e4;
background: #f6f6f6;
padding: 5px;
clear: both;
height: 50px;
}
.article-section .article-social-share-bottom {
display: inline-block;
float: right;
}
.article-section .article-sharing-icons {
display: inline-block;
float: right;
}
.article-section .article-sharing-icons li,
.article-section .article-social-share-bottom li {
display: inline-block;
width: 30px;
height: 30px;
position: relative;
top: 4px;
padding: 0 16px;
cursor: pointer;
}
.article-section .article-social-share-bottom li a,
.article-section .article-sharing-icons .share-it a {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
right: 15px;
}
/* FAQ */
.article-section.faq h4 {
color: #5d3092;
float: none;
font-size: 1.125em;
font-weight: bold;
}
.article-section .table-contents h5 {
color: #000;
font-size: 20px;
margin-bottom: 20px;
}
.article-section .article-content .table-contents {
border-bottom: 3px solid #eee;
list-style-type: none;
margin: 20px 0;
}
.article-section .article-content .table-contents ol{
color: #5d3092;
}
.article-section .article-content .table-contents a,
.article-section {
color: #5d3092;
font-size: 15px;
text-decoration: none;
}
.article-section .article-content .table-contents > li {
margin-bottom: 20px;
}
.article-section .faq-answers {
color: #5d3092;
}
.article-section .faq-answers h3 {
font-size: 2em;
margin-bottom: 20px;
}
.article-section .faq-answers ol {
color: #000;
}
.article-section .faq-answers ol li{
color: #444;
font-size: 14px;
line-height: 20px;
}
.article-section .faq-answers ol a {
font-weight: bold;
font-size: 14px;
color: #000;
text-decoration: none;
}
.article-section .faq-answers ol li ul li a, .article-section .faq-answers ol li p a, .article-section .faq-answers tbody a {
font-weight: bold;
color: #5d3092;
}
.article-section .faq-answers .top {
display: block;
float: right;
font-weight: normal;
font-size: 11px;
color: #5d3092;
}
.rtl .article-section.faq h2 {
float: none;
}
/* DEALERS */
.dealers {
position: relative;
min-height: 680px;
}
.dealers h2 {
font-family: 'Gotham SSm B';
width: 80%;
}
.dealers h3 {
color: #666;
font-size: 28px;
}
.dealers-list {
float: right;
position: relative;
top: 20px;
right: 20px;
}
html:not(.ie9) .dealers-list{
font-family: "Gotham SSm A";
}
.dealers .emphasis {
text-transform: uppercase;
}
.dealers .article-body {
width: 961px;
margin-top: 15px;
}
.dealers .article-body p {
margin: 0;
}
.dealers .master-dealer {
width: 100%;
}
.dealers .master-dealer tbody {
background-color: #E4D7F6;
width: 100%;
border-top: 1px solid #6A4896;
border-bottom: 1px solid #6A4896;
font-size: 24px;
color: #000;
}
.dealers .master-dealer td + td + td + td {
display: none;
}
.dealers .master-dealer td {
position: relative;
float: left;
width: 100%;
padding: 5px 10px;
}
.dealers .master-dealer td + td {
font-size: 18px;
}
.dealers .master-dealer thead td {
background-color: #ccc;
color: #5d2d91;
padding: 0 5px;
font-size: 24px;
font-weight: bold;
}
.dealers .point-of-sale {
width: 100%;
clear: none;
}
.dealers .point-of-sale tr {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
width: 192px;
height: 145px;
position: relative;
overflow: hidden;
float: left;
display: block;
}
.dealers .point-of-sale tbody {
border-top: 1px solid #5c2c90;
border-left: 1px solid #5c2c90;
width: 100%;
}
.dealers .point-of-sale tr td {
float: left;
width: 100%;
color: #222;
text-transform: uppercase;
}
.dealers .point-of-sale tr td:first-child {
font-size: 16px;
padding: 5px 10px;
}
.dealers .point-of-sale tr td + td {
padding: 0 10px;
}
.dealers .point-of-sale tr td + td + td {
padding-top: 5px;
}
.dealers .point-of-sale tr .latitude,
.dealers .point-of-sale tr .longitude {
display: none;
}
.dealers .point-of-sale thead tr {
width: 100%;
border: 0;
background-color: #e1e1e1;
height: auto;
}
.dealers .point-of-sale thead tr td {
text-transform: none;
color: #5d2d91;
}
.dealers .article-content table tr td .phone {
background: url('/i/beINSport/site/COM/layout/dealers-sprite.png') no-repeat;
height: 17px;
width: 22px;
background-size: 45px;
display: inline-block;
line-height: 17px;
vertical-align: top;
}
.dealers table .map-icon {
background: url('/i/beINSport/site/COM/layout/dealers-sprite.png') no-repeat -29px -21px;
height: 29px;
width: 29px;
position: absolute;
top: 87px;
right: 5px;
}
.dealers .master-dealer .map-icon {
top: 80px;
left: 190px;
z-index: 1;
}
.dealers .article-content table tr td .phone + p {
display: inline-block;
line-height: 17px;
vertical-align: top;
}
.dealers .article-content .back,
.dealers .emphasis {
color: #5c2d91;
}
.modal-map.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -300px;
width: 625px;
height: 325px;
background-color: #fff;
color: #333;
border: 1px solid #000;
padding: 25px;
}
.page-dealers .map {
width: 576px;
height: 276px;
border: 1px solid #999;
}
.page-dealers .modal-map .close {
position: absolute;
top: 0;
right: 0;
color: #fff;
text-decoration: none;
font-size: 20px;
padding: 2px;
font-weight: bold;
}
.page-dealers .jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .page-dealers .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.rtl.page-dealers .modal-map .close {
right: auto;
left: 0;
padding: 4px 3px 0 2px;
}
.rtl .dealers .article-content table tr td .map-icon {
right: auto;
left: 10px;
}
@media all and (max-width: 640px) {
body.m table,
body.m table tbody {
display: block;
}
body.m .dealers .dealers-list {
position: static;
}
body.m .dealers .article-content {
margin-left: 0;
overflow: auto;
}
body.m .dealers .article-content table tr {
width: 49%;
}
}
@media all and (max-width: 370px) {
body.m .dealers .dealers-list,
body.m .dealers .article-content table tr {
width: 100%;
}
}
#video-body h3 {
background-color: #f6f6f6;
height: 50px;
padding: 14px 10px 0 10px;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 23px;
border: 1px solid #e4e4e4;
}
#video-body .video-sharing-icons {
display: inline-block;
float: right;
position: relative;
bottom: 43px;
right: 5px;
height: 0;
}
#video-body .video-sharing-icons .share-it,
#video-body .video-sharing-icons .share-it a {
width: 40px;
height: 40px;
display: inline-block;
}
.video-player-wrapper {
width: 200px;
min-height: 112px;
border: 1px solid gray;
background-image: url('/i/beINSport/site/COM/layout/ajax-loader.gif');
background-repeat: no-repeat;
background-position: 50% 48%;
background-color: #efefef;
}
.video-list {
text-align: center;
}
.video-list a {
text-decoration: none;
}
.video-list h2 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 22pt;
color: #5b2d90;
letter-spacing: -1px;
padding: 10px 0;
margin: 0;
border-bottom: 1px solid lightgray;
text-transform: capitalize;
text-align: center;
}
.video-list article {
float: left;
margin-top: 10px;
position: relative;
text-align: initial;
}
.video-list article.gr-3_5 img {
width: 330px;
height: 186px;
}
.video-list article.gr-2_5 img {
width: 240px;
height: 135px;
}
.video-list .ago {
font-size: 12pt;
line-height: 58px;
text-transform: none;
}
.video-list .article-info {
background-color: rgba(0,0,0,0.6);
bottom: 2px;
height: 50px;
left: 0;
padding: 10px;
position: absolute;
right: 0;
}
.video-list .gr-11 .article-info {height: 100px;}
.video-list .gr-4 .article-info {height: 70px;}
.video-list .gr-2_5 .article-info {height: 50px;}
.video-list .article-info h6 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
color: #c8c7c6;
font-size: 12pt;
line-height: 1.2;
margin-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.video-list .gr-11 .article-info h6 {font-size: 18pt;}
.video-list .gr-3 .article-info h6 {font-size: 11pt;}
.video-list .gr-2 .article-info h6 {font-size: 9pt;}
.video-list .play {
display: block;
position: absolute;
}
.video-list .gr-11 .play {top: 50%; left: 47%;}
.video-list .gr-3_5 .play {top: 23%; left: 37%;}
.video-list .gr-2_5 .play {top: 18%; left: 32%;}
.sport-select {
margin-top: -80px;
padding-bottom: 10px;
text-align: center;
}
.sport-select select {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 10pt;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
border: 0;
}
/*** scroller wrapping ***/
.h-scroll {
position: relative;
width: 6500px
}
/*
.scroll-wrapper img {
width: 100%;
height: 100%;
}
*/
.scroll-group {
float: left;
}
.scroll-wrapper {
max-height: 402px;
position: relative;
overflow: hidden;
direction: ltr;
}
.scroll-wrapper:after {
text-align: center;
}
/*** pagination ***/
.video-list ul {
display: inline-block;
margin: 10px 0 10px 0;
}
.indicator > li {
display: block;
float: left;
list-style: none;
padding: 0;
margin: 0;
cursor: pointer;
}
.indicator {
padding: 12px 0;
height: 10px;
margin: 0 auto;
}
.indicator > li {
text-indent: -9999em;
width: 8px;
height: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #ddd;
overflow: hidden;
margin-right: 15px;
}
.indicator > li.active {
background: #888;
}
.indicator > li:last-child {
margin: 0;
}
/*** This is for Subscribe Pop-up ***/
.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -420px;
width: 820px;
height: 350px;
background-color: #FFFFFF;
border: 1px solid #d5d5d5;
color: #333333;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
}
.jqmWindow .jqmHeader {
width: 100%;
height: 50px;
padding: 12px 20px 0 20px;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 17pt;
background-color: #d5d5d5;
color: #333333;
}
.jqmWindow .jqmBody {
padding: 4px;
}
.jqmWindow .jqmBody .jqmLeft {
width: 530px;
height: 275px;
margin: 5px;
float: left;
}
.jqmWindow .jqmBody .jqmRight {
width: 260px;
height: 275px;
margin: 5px;
float: left;
}
.jqmHeader .jqmClose {
width: 30px;
height: 30px;
display: inline-block;
float: right;
}
.rtl .jqmHeader .jqmClose {
float: left;
}
.jqmBody .jqmBodyHeader {
width: 100%;
height: 30px;
color: white;
font-size: 14pt;
padding: 5px 10px 0 10px;
text-transform: capitalize;
}
.jqmBody .jqmLeft .jqmBodyHeader {
background-color: #a50c6d;
}
.jqmBody .jqmRight .jqmBodyHeader {
background-color: #5c2e91;
}
.jqmBody .jqmBodyBody {
width: 100%;
height: 250px;
border: 2px solid #d5d5d5;
}
.jqmBody .jqmBodyBody article {
margin: 10px;
}
.jqmBody .jqmSubscribe {
font-family: 'Gotham SSm A';
font-weight: 300;
font-style: normal;
font-size: 16px;
max-width: 330px;
width: 100%;
height: 38px;
line-height: 25px;
background-color: #a50c6d;
overflow: hidden;
color: white;
text-decoration: none;
text-align: center;
vertical-align: text-bottom;
text-transform: uppercase;
cursor: pointer;
border: 0;
display: inline-block;
width: 235px;
padding-top: 6px;
bottom: 30px;
position: absolute;
left: 150px;
}
.jqmOverlay {
background-color: #000;
}
.jqmBody .jqmBodyBody article {
color: #333333;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 13px;
}
.jqmBody .jqmBodyBody img.article-image {
position: relative;
top: -80px;
width: 200px;
margin: 0;
}
.ltr .jqmBody .jqmBodyBody img.article-image {float: right;}
.rtl .jqmBody .jqmBodyBody img.article-image {float: left;}
.jqmBody .jqmBodyBody article h1 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 24pt;
color: #333333;
}
.jqmBody .jqmBodyBody article ul {
padding: 10px 20px 10px 20px;
list-style-type: square;
}
.paid-1 > a:before, .lt-ie9 .paid-1 > div:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: url('/i/beINSport/site/COM/secure-lock.png') 50% no-repeat !important;
background: rgba(255,255,255,0.8) url('/i/beINSport/site/COM/secure-lock.png') 50% no-repeat !important;
}
.lt-ie9 .paid-1 > div:before {
top: -56px;
}
.paid-1 [class^="icon-"] {
background-image: none;
}
.page-videos section.gr-11 {
width: 100%;
}/*** news.css ***/
.video-image {
position: relative;
}
.video-image .play-button {
position: absolute;
bottom: 90px;
left: 155px;
}
.newsindex-top {
margin-bottom: 20px;
}
.newsindex-top a,
.newsindex-programmes a,
.newsindex-various a {
text-decoration: none;
color: #444444;
}
.newsindex-top header,
.newsindex-programmes header,
.newsindex-photo-galleries header {
position: relative;
padding-bottom: 20px;
}
.newsindex-top header nav {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11px;
text-transform: uppercase;
margin: 10px 0 17px 0;
padding: 0 10px 0 5px;
color: #444444;
}
.newsindex-top header nav a {
padding: 3px;
margin: 0 3px 0 3px;
}
.newsindex-top header nav a.active {
background-color: #005797;
color: #ffffff;
}
.newsindex-top header h1,
.newsindex-videos h1 {
font-family: 'Gotham SSm M';
font-size: 22pt;
color: #5c2d91;
padding-bottom: 10px;
padding-left: 10px;
margin: 0;
border-bottom: 0;
}
.all-news {
font-family: 'Gotham SSm A';
font-size: 9pt;
background: #5c2d91;
color: #FFF;
padding: 9px 10px;
position: absolute;
bottom: 10px;
right: 0;
border-radius: 4px;
}
.newsindex-top .headline-article,
.newsindex-photo-galleries .first-gallery {
width: 390px;
margin: 40px 12px;
position: relative;
float: left;
}
.newsindex-top .article-info {
background-color: rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.newsindex-news {
padding-top: 20px;
border-top: 1px solid #c9c7c8;
}
.newsindex-news h3 {
font-family: 'Gotham SSm A';
font-size: 11pt;
color: #c9c7c8;
margin: 8px 25px 16px 0;
padding-right: 5px;
padding-left: 80px;
}
.newsindex-top .date-social {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 80px;
}
.newsindex-top time,
.newsindex-videos time,
.newsindex-various time {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 8pt;
color: #999999;
display: inline-block;
}
.date-social time {
float: left;
}
.rtl .date-social time {
float: right;
}
.date-social a {
padding: 0 2px 0 2px;
display: block;
float: right;
content: " ";
}
.rtl .date-social a {
float: left;
}
.newsindex-news img.img-6 {
width: 400px;
height: auto;
}
/*** news-more ***/
.newsindex-news-more {
padding-top: 20px;
border-top: 1px solid #c9c7c8;
}
.newsindex-news-more h2 {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 17pt;
color: #5c2d91;
letter-spacing: -1px;
padding: 0 10px 10px 10px;
margin: 0;
}
.newsindex-news-more article {
min-height: 71px;
clear: both;
margin-bottom: 20px;
}
.newsindex-news-more article .left {
float: left;
width: 71px;
}
.newsindex-news-more article .right {
float: right;
width: 130px;
}
.rtl .newsindex-news-more article .left {
float: right;
}
.rtl .newsindex-news-more article .right {
float: left;
}
.newsindex-news-more article .right p {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 10pt;
color: #444444;
margin: 1em 0 1em 0;
}
.newsindex-news-more ul {
margin-left: 0;
padding-left: 20px;
list-style-image: url(/i/beINSport/site/COM/layout/icon-right-more-large.png);
}
.rtl .newsindex-news-more ul {
padding-right: 20px;
list-style-image: url(/i/beINSport/site/COM/layout/icon-left-more-large.png);
}
.newsindex-news-more li a {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11pt;
margin: 10px 0 10px 0;
color: #005798;
}
/*** Videos ***/
.newsindex-videos h2,
.newsindex-photo-galleries h2 {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 17pt;
letter-spacing: -1px;
color: #5c2d91;
border-bottom: 1px solid #c9c7c8;
padding: 0 0 10px 10px;
margin: 19px 0 19px 0;
}
.newsindex-videos h3 {
font-family: 'Gotham SSm A';
font-size: 18pt;
color: #c9c7c8;
padding: 15px;
margin: 0;
background-color: rgba(0,0,0,0.6);
overflow: hidden;
position: absolute;
width: 100%;
bottom: 0;
}
.newsindex-videos h4 {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 12pt;
letter-spacing: -1px;
color: #444444;
padding: 0;
margin: 0;
}
.newsindex-videos p {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 9pt;
color: #444444;
padding-left: 10px;
margin: 12px 0 12px 0;
}
.newsindex-videos .home-programmes {
width: 30%;
height: auto;
margin: 0 13px;
position: relative;
}
.newsindex-videos .home-programmes img {
width: 100%;
}
.newsindex-videos article.more-box {
min-height: 71px;
clear: both;
margin-bottom: 20px;
}
.newsindex-videos article.more-box .left {
float: left;
width: 71px;
}
.newsindex-videos article.more-box .right {
float: right;
width: 130px;
}
.rtl .newsindex-videos article.more-box .left {
float: right;
}
.rtl .newsindex-videos article.more-box .right {
float: left;
}
.newsindex-videos article.more-box .right p {
padding-left: 0;
}
/*** Various ***/
.newsindex-various h2 {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 17pt;
letter-spacing: -1px;
color: #005798;
border-bottom: 1px solid #c9c7c8;
padding: 0 0 10px 10px;
text-transform: capitalize;
margin: 19px 0 19px 0;
}
.newsindex-various h2 span {
float: right;
padding-right: 10px;
position: relative;
top: -3px;
}
.rtl .newsindex-various h2 span {
float: left;
}
.newsindex-various article {
position: relative;
}
.newsindex-various article .left {
float: left;
width: 128px;
min-height: 200px;
}
.rtl .newsindex-various article .left {
float: right;
}
.newsindex-various article .right {
float: right;
width: 160px;
}
.newsindex-various article .left p {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11pt;
color: #444444;
padding-left: 10px;
margin: 15px 0 40px 0;
}
.newsindex-various article .left ul {
margin-left: 0;
padding-left: 12px;
max-width: 128px;
list-style-image: url(/i/beINSport/site/COM/layout/icon-right-more-small.png);
position: absolute;
bottom: 3px;
}
.rtl .newsindex-various article .left ul {
padding-right: 12px;
list-style-image: url(/i/beINSport/site/COM/layout/icon-left-more-small.png);
}
.newsindex-various article .left li a {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 9pt;
color: #005798;
text-transform: capitalize;
}
.newsindex-various article .right {
float: right;
width: 160px;
}
.rtl .newsindex-various article .right {
float: left;
}
.newsindex-various article .right ul {
margin-left: 0;
padding-left: 10px;
list-style-image: url(/i/beINSport/site/COM/layout/icon-right-more-small.png);
}
.rtl .newsindex-various article .right ul {
padding-right: 10px;
list-style-image: url(/i/beINSport/site/COM/layout/icon-left-more-small.png);
}
.newsindex-various article .right li {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 10px;
margin: 10px 0 10px 0;
}
.newsindex-various article .right li a:hover {
text-decoration: underline;
}
@media all and (max-width: 768px) {
.newsindex-various article .left {
width: 100%;
min-height: 0;
}
.newsindex-various article .left p {
margin-bottom: 10px;
}
.newsindex-various article .left ul {
position: relative;
bottom: auto;
}
}
@media all and (max-width: 610px) {
.newsindex-news img.img-6 {
max-width: 100%;
height: auto;
}
}
.programmes header nav {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11px;
text-transform: uppercase;
margin: 10px 0 17px 0;
padding: 0 10px 0 5px;
color: #444444;
}
.programmes header nav .active {
background-color: #005797;
color: #ffffff;
padding: 3px;
}
.programmes header nav a {
padding: 0 7px 0 7px;
}
.programmes header h1 {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 22pt;
color: #005798;
letter-spacing: -1px;
padding: 0 0 10px 10px;
margin: 0;
border-bottom: 0;
}
.programmes a {
text-decoration: none;
color: #444444;
}
.programmes hr {
border: 0;
height: 1px;
background: #f2f2f2;
width: 100%;
margin-bottom: 20px;
}
.programmes h3 {
font-family: 'Gotham SSm A';
font-weight: 500;
font-style: normal;
font-size: 14pt;
letter-spacing: -1px;
color: #444444;
padding: 10px 0 10px 10px;
margin: 0;
}
.programmes p {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 9pt;
color: #444444;
padding-left: 10px;
}
.programmes.big {
padding: 10px 0 10px 0;
margin-bottom: 10px;
border-top: 1px solid #c8c8c8;
}
.programmes article {
padding-bottom: 10px;
}
.programmes.small h3 {
background-image: url(/i/beINSport/site/COM/layout/arr-bigger-left.png);
background-repeat: no-repeat;
background-position: left 15px;
margin-left: 10px;
padding-left: 25px;
}
.rtl .programmes.small h3 {
background-image: url(/i/beINSport/site/COM/layout/arr-bigger-right.png);
background-repeat: no-repeat;
background-position: right 15px;
margin-right: 10px;
padding-right: 25px;
}
.programmes.small p {
padding: 0 0 0 35px;
}
.rtl .programmes.small p {
padding: 0 35px 0 0;
}
.rankings {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11pt;
color: #555555;
}
.rankings h2 {
font-size: 14pt;
font-weight: 500;
text-transform: uppercase;
margin: 10px;
padding: 0;
color: #454545;
}
.rankings h2 time {
float: right;
display: block;
margin-top: 10px;
font-weight: 300;
}
.rankings table {
margin: 10px 0 0 0;
width: 100%;
background-color: #fbfbfb;
table-layout: fixed;
}
.rankings table thead tr {
border-bottom: 1px solid #ededed;
}
.rankings table th {
font-weight: 300;
}
.rankings table tr {
height: 32px;
}
.rankings tbody tr:nth-child(even) {
background: #f3f3f3;
}
.rankings table th,
.rankings table td {
width: 45px;
text-align: center;
vertical-align: middle;
}
.rankings table .col-pos {
width: 10%;
text-align: center;
}
.rankings table .col-pts {
width: 15%;
text-align: right;
}
.rankings tbody .col-pts {
font-family: "Consolas", "Courier New", monospace;
font-size: 14px;
}
.rankings table .col-tour {
width: 15%;
text-align: right;
}
.rankings table .col-name {
width: 60%;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
white-space: nowrap;
}
.rankings table .col-name:hover {
white-space: normal;
}
.rankings .select {
text-align: center;
}
.rankings select {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
border: 0;
height: 37px;
}.wc-promo {
margin-top: 20px;
color: green;
display: block;
background: #E8B72E;
padding: 10px;
border-radius: 5px;
}
a.wc-promo {
color: green;
}
.opta-scores-widget {
position: relative;
top: -1px;
max-height: 1158px;
overflow-x: hidden;
overflow-y: auto;
margin-bottom: 4px;
border: 1px solid #f3f3f3;
}
#scores-subnav {
display: inline-block;
width: 400px;
text-align: center;
}
#scores-subnav li {
display: inline-block;
padding: 15px 0;
cursor: pointer;
width: 85px;
}
#scores-subnav li.active {
font-family: 'Gotham SSm M';
}
#scores-select-wrapper {
padding: 10px 0;
text-align: center;
}
#scores-select-wrapper .opta-competitions-select {
font-family: 'Gotham SSm A';
font-size: 10pt;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
border: 0;
min-width: 350px;
height: 37px;
}
.opta-scores-widget .scores-results,
.opta-scores-widget .scores-standings,
.opta-scores-widget .scores-stats {
display: none;
}
.opta-scores-widget .opta-widget-container h2 {
display: none;
}
/* FIXTURES WIDGET STYLES */
.opta-scores-widget .opta-widget-container .fixtures h3,
.opta-scores-widget .opta-widget-container thead tr {
background: #cfcfcf;
}
.opta-scores-widget .scores-fixtures .opta-widget-container .fixtures .matches dt {
height: 31px;
line-height: 21px;
}
#opta-widget-idx-fixtures .fixtures .matches dt.prematch .match-time {
color: #5c2d91;
font-weight: bold;
}
body.ltr #opta-widget-idx-fixtures .fixtures .matches dt .away-side,
body.ltr #opta-widget-idx-fixtures .fixtures .matches dt .home-side {
width: 31% !important;
}
body.ltr #opta-widget-idx-fixtures .fixtures .matches dt.prematch .match-score {
width: 13%;
}
body.ltr #opta-widget-idx-fixtures .fixtures .matches dt .match-time {
width: 11%;
}
body.rtl #opta-widget-idx-fixtures .fixtures .matches dt .home-side {
width: 34%;
}
body.rtl #opta-widget-idx-fixtures .fixtures .matches dt .away-side {
width: 34%;
padding-left: 7%;
}
body.rtl #opta-widget-idx-fixtures .fixtures .matches dt.prematch .match-score {
width: 15%;
}
body.rtl #opta-widget-idx-fixtures .fixtures .matches dt .match-time {
width: 11%;
}
.opta-scores-widget .fixtures .matches dt .home-side {
padding-left: 3% !important;
}
.opta-scores-widget .fixtures .matches dt .away-side {
padding-right: 3% !important;
}
/* RESULTS WIDGET STYLES */
#opta-widget-idx-results button.details-expanded {
background: transparent url('/i/beINSport/site/COM/layout/arrow-opta-down.png') 5px 16px no-repeat;
height: 25px;
}
#opta-widget-idx-results button.details-collapsed {
background: transparent url('/i/beINSport/site/COM/layout/arrow-opta-right.png') 8px 12px no-repeat;
height: 25px;
}
body.rtl #opta-widget-idx-results button.details-collapsed {
background: transparent url('/i/beINSport/site/COM/layout/arrow-opta-left.png') 8px 12px no-repeat;
height: 25px;
}
#opta-widget-idx-results .fixtures .matches dt .match-score,
#opta-widget-idx-results .fixtures .matches dt .match-time {
color: #5c2d91;
font-weight: bold;
}
#opta-widget-idx-results .fixtures .matches dt .away-side,
#opta-widget-idx-results .fixtures .matches dt .home-side {
width: 31% !important;
}
body.rtl #opta-widget-idx-results button.details-collapsed,
body.rtl #opta-widget-idx-results button.details-expanded {
right: 615px;
}
body.ltr #opta-widget-idx-results .fixtures .matches dt > span {
height: 25px;
line-height: 22px;
}
body.ltr #opta-widget-idx-results .fixtures .matches dt .match-time {
width: 11%;
}
body.rtl #opta-widget-idx-results .fixtures .matches dt .away-side {
padding-left: 7%;
margin-left: 80px;
}
body.rtl #opta-widget-idx-fixtures .fixtures .matches dt .away-side {
margin-left: 37px;
}
body.rtl #opta-widget-idx-results .fixtures .matches dt .match-time {
width: 11%;
}
body.rtl #opta-widget-idx-results .fixtures .matches dt > span {
line-height: 22px;
}
.opta-scores-widget .scores-fixtures .matches dt > a,
.opta-scores-widget .scores-results .matches dt > a {
text-decoration: none;
display: inline-block;
background: #ccc;
color: #000;
padding: 0 2px;
line-height: 22px;
min-width: 70px;
text-align: center;
}
body.ltr .opta-scores-widget .scores-fixtures .matches dt.postmatch > a,
body.ltr .opta-scores-widget .scores-results .matches dt.postmatch > a {
position: absolute;
right: 25px;
}
body.rtl .opta-scores-widget .scores-fixtures .matches dt.postmatch > a,
body.rtl .opta-scores-widget .scores-results .matches dt.postmatch > a {
position: absolute;
left: 33px;
}
body.rtl .opta-scores-widget .scores-fixtures .matches dt.prematch > a {
position: absolute;
left: 10px;
}
.opta-scores-widget .opta-widget-container .fixtures .matches dt .match-score {
width: 13%;
}
/* STANDINGS WIDGET STYLES */
#opta-widget-idx-standings thead th {
vertical-align: middle;
}
#opta-widget-idx-standings tbody td.st_points {
color: #5c2d91;
}
#opta-widget-idx-standings tbody td.team {
height: 31px;
line-height: 21px;
}
#opta-widget-idx-standings .tabs-active .tabs-nav {
background: #cfcfcf;
}
#opta-widget-idx-standings .tabs-active .tabs-nav li.tabs-selected a,
#opta-widget-idx-standings .tabs-active .tabs-nav li a:hover {
border: none;
background: #919191;
}
body.ltr #opta-widget-idx-standings tbody td.position {
text-align: center;
}
body.rtl #opta-widget-idx-standings thead th.team {
padding-right: 15px;
}
body.rtl #opta-widget-idx-standings .standings-container td.position,
body.rtl #opta-widget-idx-standings .standings-container td.st_played,
body.rtl #opta-widget-idx-standings .standings-container td.st_won,
body.rtl #opta-widget-idx-standings .standings-container td.st_drawn,
body.rtl #opta-widget-idx-standings .standings-container td.st_lost,
body.rtl #opta-widget-idx-standings .standings-container td.st_for,
body.rtl #opta-widget-idx-standings .standings-container td.st_against,
body.rtl #opta-widget-idx-standings .standings-container td.st_goaldiffall,
body.rtl #opta-widget-idx-standings .standings-container td.st_points {
text-align: center !important;
}
/* STATISTICS WIDGET STYLES */
#opta-widget-idx-stats tbody tr.ranking1 td.top3stat,
#opta-widget-idx-stats tbody tr.ranking2 td.top3stat,
#opta-widget-idx-stats tbody tr.ranking3 td.top3stat {
color: #5c2d91;
}
#opta-widget-idx-stats .ranking-category {
background: #ddd;
}
#opta-widget-idx-stats .ranking-category select {
font-family: 'Gotham SSm A';
font-size: 10pt;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 8px 5px 10px 5px;
margin: -6px 2px 0px 2px;
border: 0;
}
.scores-tabs {
display: none;
width: 100%;
border-bottom: 5px solid #dddddd;
}
.scores-tabs li {
display: table-cell;
text-align: center;
text-transform: uppercase;
padding: 15px;
border-radius: 5px 5px 0 0;
cursor: pointer;
}
.scores-tabs .active, .scores-tabs li:hover {
background-color: #dddddd;
}
body.ltr #opta-widget-idx-stats .ranking-category select {
right: 1em;
}
body.rtl #opta-widget-idx-stats .ranking-category select {
right: 33em;
}
/* ----- MATCH CENTER STYLES ----- */
.match-wrapper {
padding: 10px;
}
.widgets-pick {
text-align: center;
}
.widgets-pick li {
display: inline-block;
width: auto;
cursor: pointer;
font-size: 0.85em;
padding: 13px 0px;
text-align: center;
color: #585858;
}
.widgets-pick .active, .widgets-pick li:hover {
color: #000;
}
.widgets-pick li:not(:last-child):after {
content: ' | ';
font-weight: normal;
}
.opta-widget-container h2 {
display: none;
}
.match-tabs {
display: table;
width: 100%;
border-bottom: 5px solid #dddddd;
}
.match-tabs li {
display: table-cell;
text-align: center;
text-transform: uppercase;
padding: 15px;
border-radius: 5px 5px 0 0;
cursor: pointer;
}
.match-tabs .active, .match-tabs li:hover {
background-color: #dddddd;
}
section.gr-11 {
margin: 0 auto;
}
/* OPTA OVERRIDES */
.opta-widget-container .chalkboard div.teams dl.starters dt, .opta-widget-container .chalkboard div.personal>dl>dt, .opta-widget-container .chalkboard div.events dl dt, .opta-widget-container .averageposition div.homeTeam dl dt span, .opta-widget-container .averageposition div.team dl dt, .opta-widget-container button.expansion.details-collapsed, .opta-widget-container .averageposition div.team dl dt span {
background-color: #5c2e91 !important;
}
.opta-widget-container button.expansion.details-collapsed {
border: 1px solid #5c2e91 !important;
}
.opta-widget-container button.expansion.details-collapsed:hover, .opta-widget-container button.expansion.details-expanded {
color: #5c2e91 !important;
background-color: #fff !important;
border: 1px solid #5c2e91 !important;
}
.chalkboard ul.team li span.role, ul.team li span, table.canvas td, .opta-widget-container .fixtures .matches dt .match-score, .opta-widget-container .fixtures .matches dt .match-score a.external-link {
color: #5c2e91 !important;
}
.opta-widget-container .matchpreview .side-by-side, .opta-widget-container .seasonschedule .side-by-side {
width: 100% !important;
}
.opta-widget-container .fixtures .matches dt .match-score span.match-page a.external-link {
display: none !important;
}
select {
font-family: "Gotham SSm A" !important;
}
.chalkboard dl dt div.expansion {
float: right !important;
}
.chalkboard ul.team li span.shirt {
margin-left: 5px;
}
.opta-formation .canvas-holder ul.team li {
padding: 6px 3px;
}
body.rtl .matchstats-teamstats-container .tabs-content,
body.rtl #playercompare-table-2, .rtl #playercompare-container-2,
body.rtl #teamcompare-container-1, .rtl #teamcompare-table-1,
body.rtl .match-score-details .score-line,
body.rtl .match-score-details .score-line .score,
body.rtl .match-score-details .ht-score,
body.rtl tr.scoreline .right .relative-holder,
body.rtl .matchstats-teamstats-container .matchup,
body.rtl table.canvas tbody{
direction: ltr;
}
body.rtl .timeline .goal-scorers-away ul {
text-align: left;
}
body.rtl .opta-widget-container .comparison legend {
text-align: right;
}.epg {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
padding: 30px 0 10px 0;
margin-bottom: 10px;
border-top: 1px solid #c8c8c8;
}
.epg a {
text-decoration: none;
}
.epg nav {
padding-bottom: 30px;
margin-bottom: 30px;
}
.epg nav div.checks,
.rtl .epg nav div.on-now {
text-align: right;
}
.epg nav div.on-now,
.rtl .epg nav div.checks {
text-align: left;
}
.epg nav label {
background-color: #f3f3f3;
padding: 6px 10px;
text-transform: uppercase;
color: #555555;
font-weight: 500;
margin: 0px 2px;
display: inline-block;
}
.epg nav select {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px;
margin: 0px 2px;
border: 0;
float: right;
}
.epg nav select.sports {
width: 40%;
}
.epg nav select.filter {
width: 55%;
}
.epg nav .separator {
border-right: 1px solid #999999;
}
.rtl .epg nav .separator {
border-left: 1px solid #999999;
}
.epg nav li {
color: #555555;
}
.epg nav li a {
color: black;
}
.epg .carousel {
display: block;
position: relative;
}
.epg ul {
position: relative;
width: 8160px; /* 340px * 24 hours */
margin: 0;
padding: 0;
list-style: none;
left: 0;
top: 0;
}
.epg #epg_days ul {
width: auto;
}
.epg .cell-arr,
.epg .cell-channel {
height: 44px;
border: 1px solid #e7e7e7;
}
.epg .cell-date:first-child {
border-left : 0;
}
.epg .cell-date {
width: 132px;
height: 44px;
margin: 0;
border-left: 1px solid white;
float: left;
text-transform: uppercase;
background-color: #cacaca;
cursor: pointer;
}
.epg .cell-date.active {
background-color: #266694;
}
.epg .cell-date div {
font-family: 'Gotham SSm M';
font-size: 14px;
font-weight: 500;
text-align: center;
width: 100%;
color: #555555;
margin: 10px 0 2px 0;
}
.epg .cell-date.active div {
color: #ffffff;
}
.epg .cell-date time {
font-size: 11px;
font-weight: 300;
text-align: center;
display: block;
width: 100%;
color: #555555;
margin: 0;
}
.epg .cell-date.active time {
color: #ffffff;
}
.epg .cell-time {
width: 340px;
height: 43px;
margin: 0;
float: left;
border-right: 1px solid white;
border-top: 1px solid white;
background-color: #cacaca;
line-height: 40px;
text-align: left;
}
.rtl .epg .cell-time {
text-align: right;
}
.epg .cell-time time {
padding: 3px 10px 0 10px;
font-size: 10pt;
text-transform: uppercase;
color: #555555;
}
.epg .cell-prog {
height: 75px;
margin: 0;
float: left;
border-bottom: 1px solid #e7e7e7;
font-size: 12px;
text-align: left;
padding: 0 1px 0 1px;
}
.rtl .epg .cell-prog {
text-align: right;
}
.epg span.no-epg {
font-size: 10pt;
text-decoration: none;
margin: 12px;
color: #777777;
display: block;
font-style: italic;
}
.epg .channel .odd {
background-color: #ededed;
}
.epg .channel .even {
background-color: #f2f2f2;
}
.epg .cell-prog a.disabled {
cursor: default;
}
.epg .cell-prog time {
display: block;
}
.epg .cell-prog.playing-now time {
color:white;
}
.epg .cell-prog div {
font-family: 'Gotham SSm M';
font-size: 9pt;
margin: 0 10px 0 0;
width: 100%;
height: 100%;
border: 1px solid #e7e7e7;
color: #777777;
padding: 5px;
display: block;
text-transform: none;
line-height: 14pt;
}
.epg ul li.cell-prog.playing-now div {
color:white;
border: 0;
background:url('/i/beINSport/site/abonnement/beinConnectW.png') no-repeat bottom right;
}
.epg .cell-prog.playing-now div.live {
background-color:white;
background-image:none;
color:#c368a3;
white-space: nowrap;
}
.epg .even li.cell-prog.playing-now {
background-color:#ae6793;
}
.epg .odd li.cell-prog.playing-now {
background-color:#c368a3;
}
.rtl .epg .cell-prog div {
margin: 0 0 0 10px;
}
.epg .cell-prog a div span {
font-family: 'Gotham SSm A';
text-transform: uppercase;
padding: 0;
}
.epg .cell-prog time.live {
border: 1px solid #266694;
background-color: white;
}
/*
display:inline-block;
width:19px;
height:19px;
background: url('/i/beINSport/site/COM/layout/epg/arrow_epg.png') no-repeat center transparent;
*/
.epg .cell-prog div.live {
display: inline;
padding: 2px 6px;
background: #c368a3;
color: white;
width: auto;
text-transform: uppercase;
height: auto;
line-height: initial;
margin: 0;
font-size:9pt;
white-space: nowrap;
}
.rtl .epg .cell-prog div.live {
float: right;
margin: 0 7px 0 5px;
}
#epg_main_wrapper {
position: relative;
top: 44px;
}
#epg_days {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.rtl #epg_hours {
position: relative;
left: -44px;
}
#epg_hours {
border-bottom: 1px solid #e7e7e7;
}
.epg #current_minute_wrap {
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
height: 100%;
float: left;
width: 925px;
overflow: hidden;
position: relative;
top: -88px;
}
.epg #current_minute {
top: 0;
min-width: 14px;
height: 100%;
z-index: 15;
position: absolute;
}
.epg #current_minute .cm-left {
background-color: #000000;
min-width: 14px;
height: 100%;
opacity: 0.15;
float: left;
width: 286px;
}
.lt-ie9 .epg #current_minute .cm-left {
background-color: transparent;
}
.epg #current_minute .cm-right {
height: 100%;
width: 14px;
background-image: url('/i/beINSport/site/COM/mock/current-bg.png');
background-repeat: no-repeat;
position: absolute;
right: -7px;
top: 1px;
}
.rtl .epg #current_minute .cm-right {
left: -7px;
right: auto;
}
.epg .current_min_wrapper {
height: 100%;
top: 1px;
left: 45px;
overflow: hidden;
}
.epg .channel {
border-bottom: 1px solid #e7e7e7;
}
.epg .butt-on-now {
font-family: 'Gotham SSm M';
background-repeat: no-repeat;
width: 244px;
height: 28px;
display: block;
color: #ffffff;
text-transform: uppercase;
background-color: #286a9c;
font-size: 12pt;
font-weight: 500;
text-align: center;
padding: 7px 7px 0 7px;
}
.epg .cell-arr {
background-image: url('/i/beINSport/site/COM/mock/epg-arrows.png');
background-repeat: no-repeat;
position: relative;
top: 0;
width: 45px;
margin: 0;
cursor: pointer;
}
.epg .no-arrow {
background-image: none;
}
.epg .epg-arr-left {
background-position: 0 1px;
left: 0;
}
.epg .epg-arr-right {
background-position: -40px 1px;
left: 924px;
top: -45px;
z-index: 20;
}
.epg .arr-bottom-left {
position: absolute;
top: 1336px;
}
.epg .arr-bottom-right {
position: absolute;
top: 1335px;
}
.rtl .epg .epg-arr-left {
right: 925px;
}
.rtl .epg .epg-arr-right {
left: -2px;
}
.rtl .epg .arr-bottom-left {
right: 927px;
}
.rtl .epg .arr-bottom-right {
left: 925px;
}
.epg .channels {
border: 0;
}
.epg .cell-channel {
padding: 2px;
border-bottom: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
height: 76px;
line-height: 75px;
}
.epg .cell-channel img {
height: 40px;
width: 40px;
vertical-align:middle;
}
#channel_logos {
width: 45px;
float: left;
top: -44px;
position: relative;
}
.rtl #channel_logos {
position: inherit;
left: -2px;
}
.epg .channels.ch-1HD {background-position: 2px 0;}
.epg .channels.ch-2HD {background-position: 2px -29px;}
.epg .channels.ch-3HD {background-position: 2px -58px;}
.epg .channels.ch-4HD {background-position: 2px -87px;}
.epg .channels.ch-5HD {background-position: 2px -116px;}
.epg .channels.ch-6HD {background-position: 2px -145px;}
.epg .channels.ch-7HD {background-position: 2px -174px;}
.epg .channels.ch-8HD {background-position: 2px -203px;}
.epg .channels.ch-9HD {background-position: 2px -232px;}
.epg .channels.ch-10HD {background-position: 2px -261px;}
.epg .channels.ch-11HD {background-position: 2px -290px;}
.epg .channels.ch-12HD {background-position: 2px -319px;}
.epg .channels.ch-13HD {background-position: 2px -348px;}
.epg .channels.ch-14HD {background-position: 2px -377px;}
.epg .channels.ch-15HD {background-position: 2px -406px;}
.epg .channels.ch-news {
background-image: url('/i/beINSport/site/COM/layout/beta-channels-sprite.png');
background-size: 240px 20px;
background-position: -137px 0px;
margin-top: 15px;
height: 20px;
}
.epg .inner_epg_wrapper {
position: relative;
}
.section-tv-guide .p-mg-10 {
margin: 0;
}.standings {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 11pt;
color: #555555;
}
.standings h2 {
font-size: 14pt;
font-weight: 500;
text-transform: uppercase;
margin: 10px;
padding: 0;
color: #454545;
}
.standings h2 time {
float: right;
display: block;
margin-top: 10px;
font-weight: 300;
}
.standings h3 {
font-size: 12pt;
font-weight: 700;
text-transform: capitalize;
margin: 10px;
padding: 0;
color: #555555;
clear: both;
}
.standings table {
margin: 10px 0 0 0;
background-color: #fbfbfb;
table-layout: fixed;
width: 100%;
}
.standings table thead tr {
border-bottom: 1px solid #ededed;
}
.standings table th {
font-weight: 300;
}
.standings table tr {
height: 32px;
}
.standings table tr.highlight {
background-color: #f3f3f3;
}
.standings table th,
.standings table td {
width: 40px;
text-align: center;
vertical-align: middle;
}
.standings table .col-pos {
width: 35px;
text-align: right;
}
.standings table .col-logo {
width: 35px;
text-align: center;
}
.standings table thead .col-form {
width: 80px;
text-align: left;
}
.standings table tbody .col-form {
text-align: right;
width: 80px;
}
.standings table tbody .col-form .form-wrapper {
background-color: maroon;
height: 10px;
}
.standings table tbody .col-form .draws {
background-color: yellow;
}
.standings table tbody .col-form .wins {
background-color: green;
}
.standings table tbody .col-form .wins,
.standings table tbody .col-form .draws {
height: 10px;
float: left;
}
.standings table .col-driver {
padding-left: 10px;
}
.standings table .col-driver,
.standings table .col-team {
width: 160px;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
white-space: nowrap;
}
.standings table .col-team:hover {
white-space: normal;
}
.standings table .col-logo img {
width: 18px;
height: 20px;
}
.standings .col-form span {
background-image: url('/i/beINSport/site/COM/layout/wld.png');
background-repeat: no-repeat;
height: 14px;
width: 14px;
display: inline-block;
margin: 0;
padding: 0;
}
.standings .col-form .w {
background-position: 0 0;
}
.standings .col-form .l {
background-position: -14px 0;
}
.standings .col-form .d {
background-position: -28px 0;
}
.standings select {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
border: 0;
height: 37px;
}
.standings .select {
text-align: center;
}header.subnav {
min-height: 90px;
margin-bottom: 10px;
padding-top: 15px;
}
header.subnav span.logo {
width: 90px;
height: 90px;
float: left;
background: url('/i/beINSport/site/COM/layout/sport-icons-v1-sprite.PNG');
display: block;
}
header.subnav span.football {
background-position: 0px -20px;
}
header.subnav span.tennis {
background-position: -100px -20px;
}
header.subnav span.basketball {
background-position: 0px -110px;
}
header.subnav span.motorsports {
background-position: 105px -108px;
}
header.subnav span.videos {
width: 95px;
height: 78px;
float: left;
background: url('/i/beINSport/site/COM/mock/logo-videos.png');
display: block;
}
header.subnav span.buy {
width: 91px;
height: 87px;
float: left;
background: url('/i/beINSport/site/COM/mock/logo-buy.png');
display: block;
}
header.subnav span.tv-guide {
width: 95px;
height: 90px;
float: left;
background: url('/i/beINSport/site/COM/mock/logo-tv-guide.png');
display: block;
}
header.subnav span.account {
width: 91px;
height: 74px;
float: left;
background: url('/i/beINSport/site/COM/mock/logo-account.png');
display: block;
}
header.subnav span.sports {
width: 91px;
height: 89px;
float: left;
background: url('/i/beINSport/site/COM/mock/logo-sports.png');
display: block;
}
header.subnav.nologo {
padding-left: 0;
}
header.subnav.nologo h1 {
margin: 0;
}
header.subnav.nologo nav {
margin: 15px 0 0 0;
}
.rtl header.subnav {
padding-left: 0;
}
.rtl header.subnav.nologo {
padding-right: 0;
}
header.subnav nav {
font-family: 'Gotham SSm M';
font-weight: 400;
font-style: normal;
font-size: 11px;
text-transform: uppercase;
margin: 15px 0 0 100px;
padding: 0;
color: #444444;
}
header.subnav nav .active {
background-color: #005797;
color: #ffffff;
padding: 3px;
}
header.subnav nav a {
color: #444444;
margin: 0;
padding: 0 6px 0 6px;
text-decoration: none;
}
header.subnav h1 {
font-family: 'Gotham SSm B';
font-weight: 300;
font-style: normal;
font-size: 25pt;
color: #5b2d90;
letter-spacing: -1px;
padding: 0;
border-bottom: 0;
text-transform: capitalize;
}.watch h1,
.watch h2,
.watch h3,
.watch h6 {
color: #005798;
font-weight: normal;
letter-spacing: -1px;
padding: 0 10px;
}
.watch h1 {
font-size: 32px;
line-height: 60pembx;
}
.watch h2 {
font-size: 24px;
font-weight:bold;
line-height: 50px;
}
.watch header {
/* border-bottom: 1px solid #c9c7c8;
margin: 0 0 16px 0; */
margin-top:20px;
}
.watch header.jqmHeader {
margin:0;
border-bottom:0;
}
.catch-up header {
margin: 0;
}
.watch .date-social {
padding-right: 0;
}
#embedArea {
height: 500px;
overflow:hidden;
float:left;
margin-top: 20px;
}
.watch .date-social span {
display: block;
height: 12px;
width: 12px;
}
.watch .date-social .icon-facebook {
width: 9px;
}
.watch .icon-comments {
background-position: -64px -102px;
}
.watch .icon-facebook {
background-position: -40px -102px;
}
.watch .icon-pagination-next,
.watch .icon-pagination-prev {
display: inline-block;
height: 22px;
position: relative;
top: 5px;
width: 15px;
}
.watch .icon-pagination-next {
background-position: -90px -116px;
}
.watch .icon-pagination-prev {
background-position: -75px -116px;
}
.watch .icon-twitter {
background-position: -48px -102px;
}
.watch .pagination {
color: #989898;
float: left;
height: 40px;
margin-top: -10px;
}
.watch .pagination a {
color: #989898;
display: inline-block;
font-size: 12pt;
line-height: 40px;
text-align: center;
width: 25px;
}
.watch .pagination .next,
.watch .pagination .prev {
background-color: #f3f3f3;
}
.watch .pagination a.active {
color: #555;
}
.watch .play-button {
background-color: #fff;
bottom: 0;
height: 34px;
left: 0;
position: absolute;
width: 34px;
}
.watch .player {
position:relative;
height: 500px;
}
.rtl .watch .player {
width: 990px;
}
.watch .popular {
background-color: #f2f0f1;
float: right;
height: 100%;
padding: 0 0 30px 10px;
width: 290px;
}
.watch .popular header {
border-bottom: none;
}
.watch .tags {
bottom: 20px;
left: 10px;
position: absolute;
}
.watch .tags a {
background-color: #989898;
font-size: 7pt;
line-height: 2;
padding: 2px;
text-transform: uppercase;
white-space: nowrap;
}
.watch .triangle {
border-color: transparent transparent transparent #ce5626;
border-style: solid;
border-width: 7.5px 0 7.5px 10px;
bottom: 10px;
height: 0px;
left: 12px;
position: absolute;
width: 0px;
}
.watch .vod-image {
position: relative;
}
.watch .vod-list {
float: left;
width: 850px;
}
.watch .vod-list .vod-search {
border: 1px solid #f3f3f3;
float: right;
height: 25px;
margin-top: 11px;
padding: 2px;
}
.watch .vod-list .vod-search.button {
color: #555;
font-size: 9pt;
padding: 2px 10px;
text-transform: uppercase;
}
.watch .vod-list .sub-nav {
line-height: 50px;
margin: 0;
}
.watch .vod-list .sub-nav a.active {
background-color: #444444;
color: #fff;
}
.watch .vod-list .sub-nav.filters {
padding-right: 20px;
}
.watch .vod-item {
border-bottom: 1px solid #f2f2f2;
float: left;
margin-bottom: 10px;
min-height: 300px;
padding-right: 10px;
position: relative;
width: 280px;
}
.watch .vod-title h6 {
color: #444;
font-size: 12pt;
margin-top: 10px;
}
.watch #geoblocked,
.watch #error,
.watch #subscribe {
display:none;
width: 990px;
height: 500px;
background: url('/i/beINSport/site/COM/layout/slate_transparent.png') no-repeat top left;
z-index: 5;
border: 1px solid #ccc;
}
.watch #geoblocked h2,
.watch #error h2,
.watch #subscribe h2 {
display: block;
width: 100%;
font-size: 22px;
height: 500px;
line-height: 200px;
text-align: center;
border: 0;
border-bottom: 0;
}
.page-connect .gr-11,
.page-connect-akamai .gr-11{
width: 100%;
}
.player #akamai-media-player {
height: 500px;
width: 100%;
}
#bein-gallery a {
display: block;
float: left;
}
#bein-gallery {
height: 678px;
margin-top: 10px;
}
#bein-gallery .error {
background-color: #5c2e91;
color: #fff;
padding: 5px;
}
.gallery-container select {
margin-bottom: 5px;
}
.gallery-container section.widget {
width:300px;
float:right;
}
.galleria-counter {
display: none;
opacity:1;
filter: alpha(opacity=100);
}
.gallery-index {
position: absolute;
top: 26px;
right: 225px;
font-size: 14px;
font-weight: bold;
}
.fbook {
float: left;
}
.info-description {
font-style: italic;
font-size: 12px;
}
.info-title {
font-weight: bold;
}
.share-button.twit {
margin-left: 90px;
}
/* Specific styles for handheld mobile version */
.phone #bein-gallery {
height: auto;
}
.phone .info-text {
position: relative;
background-color: #000;
overflow: auto;
padding: 15px;
bottom: 0;
}
.phone #bein-gallery a, .phone #bein-gallery img {
width: 100%;
}
.phone #bein-gallery a:focus, .phone #bein-gallery img:focus {
border: 0;
outline: 0;
}
.phone .info-description {
width: 80%;
max-width: 80%;
font-size: 35px;
}
.phone .info-title {
font-size: 40px;
}
.phone .icon-wrapper {
display: none;
}
.phone .counter {
clear: both;
float: left;
}
.phone .share-buttons {
transform: scale(2.0);
-ms-transform: scale(2.0);
-webkit-transform: scale(2.0);
-o-transform: scale(2.0);
-moz-transform: scale(2.0);
transform-origin: bottom left;
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
float: left;
margin: 30px 0;
}.staticLogin {
position: relative;
}
.staticLogin .loginError {
color: #5b2d90;
padding-bottom: 20px;
}
.staticLogin h1 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 25pt;
color: #5b2d90;
letter-spacing: -1px;
padding: 0 0 16px 0;
margin: 0;
border-bottom: 1px solid #ded5e9;
text-transform: capitalize;
}
.staticLogin form {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 14px;
padding: 10px;
color: #666666;
text-align: left
}
.staticLogin form label {
display: inline-block;
}
.staticLogin form .username,
.staticLogin form .password {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 14px;
display: block;
max-width: 330px;
width: 100%;
border: 1px solid #abadb3;
padding: 5px;
color: #4e4e4e;
margin: 10px 0 15px 0;
}
.staticLogin form .logSubmit {
font-family: 'Gotham SSm A';
font-weight: 300;
font-style: normal;
font-size: 16px;
max-width: 330px;
width: 100%;
height: 38px;
line-height: 25px;
background-color: #5c2e91;
overflow: hidden;
color: white;
text-decoration: none;
text-align: center;
vertical-align: text-bottom;
text-transform: uppercase;
cursor: pointer;
border: 0;
margin-top: 27px;
}
.staticLogin ul {
margin: 0 10px 0 10px;
list-style-type: square;
padding: 0 20px 0 20px;
}
.staticLogin li a {
font-family: 'Gotham SSm A';
font-weight: 300;
font-style: normal;
font-size: 12px;
color: #4e4e4e;
text-decoration: none;
line-height: 18px;
}
.staticLogin .success {
padding: 10px;
}
.staticLogin .success h4 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 16pt;
color: #5b2d90;
margin-bottom: 5px;
}
.staticLogin .hidden {
display: none;
visibility: hidden;
}
.staticLogin .error {
background-color: white;
color: #666666;
}
.staticLogin .error .message {
color: red;
}
/*** This is for Subscribe Pop-up ***/
#subscribe-banner {
display: none;
position: fixed;
top: 4%;
left: 50%;
margin-left: -495px;
width: 990px;
height: 350px;
background-color: #FFFFFF;
border: 1px solid #d5d5d5;
color: #333333;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
z-index: 5;
}
#subscribe-banner .jqmHeader {
width: 100%;
height: 50px;
padding: 12px 20px 0 20px;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 17pt;
background-color: #d5d5d5;
color: #333333;
}
#subscribe-banner .jqmBody {
padding: 4px;
}
#subscribe-banner .jqmBody .jqmLeft {
width: 470px;
height: 275px;
margin: 5px;
float: left;
}
#subscribe-banner .jqmBody .jqmMiddle {
width: 240px;
height: 275px;
margin: 5px;
position: relative;
float: left;
}
#subscribe-banner .jqmBody .jqmRight {
width: 240px;
height: 275px;
margin: 5px;
float: left;
}
.jqmHeader .jqmClose {
width: 30px;
height: 30px;
display: inline-block;
float: right;
}
.rtl .jqmHeader .jqmClose {
float: left;
}
#subscribe-banner .jqmBody .jqmBodyHeader {
width: 100%;
height: 30px;
color: white;
font-size: 14pt;
padding: 5px 10px 0 10px;
text-transform: capitalize;
}
#subscribe-banner .jqmBody .jqmLeft .jqmBodyHeader {
background-color: #a50c6d;
}
#subscribe-banner .jqmBody .jqmMiddle .jqmBodyHeader,
#subscribe-banner .jqmBody .jqmMiddle .jqmSubscribe{
background-color: #1672B5;
}
#subscribe-banner .jqmBody .jqmRight .jqmBodyHeader {
background-color: #5c2e91;
}
#subscribe-banner .jqmBody .jqmBodyBody {
width: 100%;
height: 250px;
border: 2px solid #d5d5d5;
text-align: center;
}
#subscribe-banner .jqmBody .jqmBodyBody article {
margin: 10px;
}
#subscribe-banner .jqmBody .jqmSubscribe {
font-family: 'Gotham SSm A';
font-weight: 300;
font-style: normal;
font-size: 16px;
max-width: 330px;
width: 100%;
height: 38px;
line-height: 25px;
background-color: #a50c6d;
overflow: hidden;
color: white;
text-decoration: none;
text-align: center;
vertical-align: text-bottom;
text-transform: uppercase;
cursor: pointer;
border: 0;
display: inline-block;
width: 235px;
padding-top: 6px;
}
#subscribe-banner .jqmBody .jqmMiddle .jqmSubscribe{
bottom: 10px;
left: 5%;
width: 90%;
}
.jqmOverlay {
background-color: #000;
}
.jqmBody .jqmBodyBody article {
color: #333333;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 13px;
height: 170px;
overflow: hidden;
text-align: left;
float: none;
}
.jqmBody .jqmBodyBody img.article-image {
position: relative;
top: -80px;
width: 200px;
margin: 0;
}
.ltr .jqmBody .jqmBodyBody img.article-image {float: right;}
.rtl .jqmBody .jqmBodyBody img.article-image {float: left;}
.jqmBody .jqmBodyBody article h1 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 20pt;
color: #333333;
}
.jqmBody .jqmMiddle .jqmBodyBody p,
.jqmBody .jqmMiddle .jqmBodyBody span {
font-family: Gotham SSm A;
}
.jqmBody .jqmMiddle .jqmBodyBody p{
margin-top: 10px;
font-size: 1.3em;
margin-bottom: 40px;
}
.jqmBody .jqmBodyBody article ul {
padding: 10px 20px 10px 20px;
list-style-type: square;
}
/* Forgotten username or password popup windows */
#subscribe-banner .forgotten-username-popup,
#subscribe-banner .forgotten-password-popup {
display: none;
position: relative;
top: 10%;
left: 0;
margin-left: -12px;
width: 280px;
background-color: #FFFFFF;
border: 1px solid #d5d5d5;
color: #333333;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
}
#subscribe-banner .forgotten-username-popup {
height: 165px;
margin-bottom: 4px;
}
#subscribe-banner .forgotten-password-popup {
height: 180px;
}
body.fr .jqmBody .jqmBodyBody img.article-image {
top: -74px;
}
.jqmBodyBody img {
margin-bottom: -10px;
}.all-sports a,
.all-sports h3 span a {
text-decoration: none;
color: #444444;
width: 50%;
}
.all-sports
.all-sports a:hover {
text-decoration: underline;
}
.all-sports ul {
list-style-type: none;
margin: 0 20px 0 20px;
}
.sports-list > li {
font-family: 'Gotham SSm M';
font-weight: 300;
font-size: 10pt;
float: left;
width: 50%;
}
.competition-list > li,
.other-sports > li {
font-family: 'Gotham SSm M';
font-weight: 300;
font-size: 10pt;
margin: 0px 0px 10px 35px;
float: left;
clear:both;
}
.other-sports > li {
margin: 0px 0px 10px 55px;
width: 23%;
float: left;
clear: none;
}
.sports-list h3.has-logo {
position: relative;
left: -40px;
}
.sports-list h3.has-logo a {
display: inline-block;
margin-top: 20px;
}
.all-sports h3.without-logo {
position: relative;
left: 50px;
clear:both;
padding: 20px 0;
}
.all-sports span.submenu {
font-family: 'Gotham SSm A';
font-size: 10pt;
font-weight: normal;
}
.all-sports h3 {
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 20pt;
font-weight: bold;
margin: 20px 0 5px 0;
}
.all-sports h3 a {
color: #5c2d91;
margin-left: 5px;
}
/* little image before section */
.all-sports span.sport-logo {
display: block;
background: url('/i/beINSport/site/COM/layout/sport-icons-sprite.PNG');
width: 90px;
height: 80px;
float: left;
}
.all-sports span.football {
background-position: 0px -20px;
}
.all-sports span.tennis {
background-position: -100px -20px;
}
.all-sports span.basketball {
background-position: 0px -110px;
}
.all-sports span.motorsports {
background-position: 105px -108px;
}
.forgottenWrapper {
position: relative;
margin: 30px 0;
}
.forgottenWrapper legend {
margin: 20px 0;
font-weight: bold;
}
.forgottenWrapper label.error {
width: 50%;
color: red;
font-weight: bold;
background: none;
}
.forgottenWrapper .submit {
float: left;
width: 100px;
height: 25px;
margin-top: 20px;
line-height: 25px;
background-color: #3e2c5b;
overflow: hidden;
color: white;
text-decoration: none;
text-align: center;
vertical-align: text-bottom;
border: 0;
cursor: pointer;
}
.forgottenWrapper fieldset div label {
width: 200px;
display: inline-block;
}
.forgottenWrapper fieldset input.error {
padding: 0;
}
div.submitResult {
display: none;
font-weight: bold;
padding: 5px 0;
margin: 20px 0;
position: relative;
text-align: center;
border: 2px solid red;
}
div.submitResult.success {
border: 2px solid #3C0;
}
#resetPassword fieldset {
border: none;
}
#resetPassword fieldset p {
margin: 10px 0;
}
#resetPassword fieldset input#resetPasswordSubmit {
margin: 20px 0;
}
#resetPassword fieldset input#password,
#resetPassword fieldset input#retipePassword {
width: 200px;
border: 1px solid #abadb3;
padding: 5px;
color: #4e4e4e;
margin: 0 10px 12px 0;
}
.customer-service {
color: #666;
font-size: 14px;
margin: 0 10px;
}
.rtl #contact-centre-form fieldset select {
font-family: 'Gotham SSm A';
}
.rtl .customer-service aside {
float: right;
}
.rtl .customer-service .gr-8 {
float: right;
}
.customer-service fieldset {
background-color: #f7f7f7;
border: none;
margin-bottom: 10px;
padding: 50px 10px 20px;
position: relative;
}
.customer-service fieldset#step-5 {
padding: 10px 10px;
}
.customer-service header.subnav span.logo {
background-position: -8px -190px;
}
.customer-service input,
.customer-service select {
border: 1px solid #999;
font-family: 'Gotham SSm A', Verdana, sans-serif;
padding: 5px;
width: 300px;
}
.customer-service input[type="submit"] {
background-color: #5b2d90;
border: none;
width: 160px;
position: absolute;
bottom: -5px;
right: 10px;
cursor: pointer;
display: block;
-webkit-appearance: none;
}
.customer-service label {
display: block;
margin: 20px 0 10px;
}
.customer-service label.valid.error {
display: none;
}
.customer-service label.error {
color: #f00;
display: block;
}
.customer-service legend {
color: #5b2d90;
font-size: 24px;
line-height: 2;
position: absolute;
top: 10px;
width: 255px;
}
.customer-service p {
color: #000;
margin: 10px 0px 30px;
}
.customer-service textarea {
border: 1px solid #999;
height: 200px;
padding: 5px;
width: 500px;
}
.customer-service .btn {
color: #fff;
display: block;
font-size: 16px;
margin: 20px 0;
text-transform: uppercase;
}
.customer-service .contact-details {
clear: both;
margin-right: 10px;
margin-left: 15px;
margin-bottom: 10px;
float: left;
border: 1px solid #c9c7c8;
padding: 30px 20px;
position: relative;
width: 210px;
}
.customer-service .contact-details h4 {
color: #333333;
margin-bottom: 10px;
margin-left: 5px;
}
.customer-service .top-corner {
background-image: url('/i/beINSport/site/COM/layout/contact-centre-sprite.png');
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-position: 0px -2px;
position: absolute;
top: -1px;
left: -3px;
background-color: #FFFFFF;
}
.rtl .customer-service .top-corner {
background-image: url('/i/beINSport/site/COM/layout/contact-centre-sprite.png');
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-position: -22px -2px;
position: absolute;
top: -1px;
left: -3px;
background-color: #FFFFFF;
}
.customer-service .bottom-corner {
background-image: url('/i/beINSport/site/COM/layout/contact-centre-sprite.png');
background-repeat: no-repeat;
width: 36px;
height: 39px;
background-position: -40px 0px;
position: absolute;
bottom: -1px;
right: -3px;
background-color: #FFFFFF;
}
.rtl .customer-service .bottom-corner {
background-image: url('/i/beINSport/site/COM/layout/contact-centre-sprite.png');
background-repeat: no-repeat;
width: 33px;
height: 37px;
background-position: -75px -2px;
position: absolute;
bottom: -1px;
left: -3px;
background-color: #FFFFFF;
}
.customer-service .contact-details table {
color: #777;
font-size: 12px;
margin-bottom: 10px;
}
.customer-service .contact-details table td {
padding: 4px;
color: #B6B6B4;
direction: ltr;
}
.customer-service .contact-details table th {
color: #333;
padding: 4px;
float: left;
}
.customer-service .email-sent {
margin-top: 20px;
}
.customer-service .email-sent li {
padding: 10px 0;
font-weight: bold;
}
.customer-service .email-sent li span {
font-weight: normal;
word-wrap: break-word;
}
.customer-service .email-sent .go-back {
color: #565656;
display: block;
padding: 10px 0;
text-decoration: none;
}
.customer-service .email-sent .success {
color: green;
}
.customer-service .form-wrapper {
margin-bottom: 10px;
width: 715px;
float: left;
}
.customer-service .continue1 {
bottom: 15px;
right: 15px;
position: absolute;
}
.customer-service .continue1,
.customer-service .continue2,
.customer-service .continue3 {
background-color: #5b2d90;
float: right;
color: #FFFFFF;
padding: 8px 45px;
font-size: 15px;
cursor: pointer;
}
.customer-service .steps {
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.customer-service .steps > div {
float: left;
width: 33.3%;
height: 40px;
color: #fff;
text-align: center;
line-height: 38px;
font-size: 20px;
background-color: #5b2d90;
}
.customer-service .arrow {
background-color: #fff;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #5b2d90;
float: right;
height: 0px;
width: 0px;
}
.rtl .customer-service .arrow {
border-color: transparent #5b2d90 transparent transparent;
border-width: 20px 20px 20px 0;
}
.customer-service .arrow.light {
background-color: #5b2d90;
border-color: transparent transparent transparent #fff;
float: left !important;
}
.rtl .customer-service .arrow.light {
border-color: transparent #fff transparent transparent;
}
.customer-service .transparency,
.customer-service .tab-inactive {
opacity: 0.4;
filter: alpha(opacity=40);
}
.customer-service .opacity {
opacity: 1 !important;
}
.rtl #feedbackform_phone {
direction: ltr;
text-align: right;
}
.customer-service .capitalise {
text-transform: capitalize;
}
.rtl .customer-service .phoneNumber {
direction: ltr;
display: inline-block;
}
@media (max-width: 640px){
body.m .customer-service .form-wrapper {
width: 100%;
}
body.m .customer-service .contact-details {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body.m .customer-service header h1 {
margin: 10px 0;
}
body.m #contact-centre-form fieldset input,
body.m #contact-centre-form fieldset select {
width: 100%;
}
body.m .customer-service legend {
font-size: 21px;
}
.customer-service .form-wrapper .steps {
display: none;
}
.customer-service .continue1 {
float: left;
position: relative;
margin: 20px 10px 10px;
clear: both;
}
.customer-service .continue2,
.customer-service .continue3 {
float: left;
position: relative;
clear: both;
}
.customer-service input[type="submit"] {
position: relative;
clear: both;
margin: 10px;
}
.customer-service .email-sent {
max-width: 300px;
}
.customer-service .long-text {
width: 100%;
}
.customer-service textarea {
width: initial;
float: left;
}
.customer-service input, .customer-service select {
float: left;
max-width: 300px;
margin-bottom: 15px;
}
.customer-service label {
clear: both;
}
}
#galleria-loader {
height: 1px !important;
}
.counter {
padding: 3px;
text-align: right;
color: #fff;
font: normal 11px/1 arial,sans-serif;
z-index: 3;
position: absolute;
top: 14px;
right: 35px;
}
.rtl .counter {
left: 35px;
right: auto;
}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
display: block;
}
.galleria-carousel .galleria-thumbnails-list {
direction: ltr;
margin: 0 22px;
}
.galleria-container {
background: #fff;
position: relative;
overflow: hidden;
}
.galleria-image-nav {
position: absolute;
top: 50%;
margin-top: -57px;
width: 100%;
height: 115px;
left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
cursor: pointer;
width: 22px;
height: 115px;
position: absolute;
left: 0;
z-index: 2;
background-position: -48px 50%;
background-color: #474747;
}
.galleria-image-nav-right {
left: auto;
right: 0;
background-position: -70px 50%;
}
.galleria-info-link {
background-position: -669px -5px;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
background-color: #000;
display: none;
}
.galleria-layer {
display: block !important;
}
.galleria-loader {
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
display: none;
background: url('/i/beINSport/site/assets/gallery/classic-loader.gif') no-repeat 2px 2px;
}
.galleria-stage {
position: absolute;
top: 0;
bottom: 125px;
left: 0;
right: 0;
overflow: hidden;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
background-image: url(/i/beINSport/site/COM/layout/galleria-sprites.png);
background-repeat: no-repeat;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
cursor: pointer;
display: none;
background-position: -48px 50%;
position: absolute;
top: 0;
height: 115px;
width: 22px;
z-index: 3;
}
.galleria-thumb-nav-right {
background-position: -70px 50%;
right: 0;
}
.galleria-thumbnails .galleria-image {
height: 115px;
width: 195px;
margin: 0 1px 0 0;
float: left;
cursor: pointer;
}
.galleria-thumbnails-container {
height: 115px;
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
}
.galleria-thumbnails-container .disabled {
opacity: .2;
filter: alpha(opacity=20);
cursor: default;
}
.icon-fullscreen {
background: url(/i/beINSport/site/COM/layout/galleria-sprites.png) no-repeat -16px 0;
width: 16px;
height: 16px;
z-index: 3;
margin: 10px 0 0 10px;
}
.rtl .icon-fullscreen {
margin: 10px 10px 0 0;
}
.info-description {
font-size: 12px;
line-height: 15px;
margin-left: 15px;
float: left;
color: #bbb;
font-style: italic;
}
.info-text {
position: absolute;
bottom: 0;
padding: 15px 0;
background-color: #000;
background-color: rgba(0,0,0,0.5);
width: 100%;
zoom: 1; /* IE7 */
}
.info-title {
font-size: 15px;
font-weight: bold;
clear: both;
color: #fff;
margin: 0 255px 15px 15px;
}
.rtl .info-title {
float: right;
margin: 0 15px 15px 255px;
}
.info-title span {
font-weight: normal;
color: #bbb
}
.icon-wrapper {
background-image: none;
z-index: 3;
cursor: pointer;
width: 40px;
height: 40px;
margin-top: -10px;
position: absolute;
right: -3px;
top: 13px;
}
.rtl .icon-wrapper {
left: -3px;
right: auto;
}
.notouch .galleria-info-link:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.notouch .galleria-thumbnails-container .disabled:hover {
opacity: .2;
filter: alpha(opacity=20);
background-color: transparent;
}
.rtl .galleria-carousel .galleria-thumb-nav-left {
left: 0;
}
.touch .galleria-info-link:active {
opacity: 1;
filter: alpha(opacity=100);
}
.share-buttons {
display: block;
width: 200px;
height: 20px;
position: absolute;
top: 12px;
right:45px;
z-index: 3;
overflow: hidden;
}
body.rtl article .galleria-container.fullscreen .galleria-images .galleria-layer {
right: auto !important;
}
.schedule .fixtures-results .date {
padding: 20px 10px;
}
.schedule .fixtures-results .date-header {
margin-right: 90px;
text-align: center;
width: 500px;
}
.fixtures-results .result,
.fixtures-results .versus {
text-align: center;
display: inline-block;
}
.fixtures-results .result {
width: 9%;
}
.fixtures-results .result span {
display: inline-block;
}
.fixtures-results .versus {
width: 7%;
}
.schedule .fixtures-results .odd {
background-color: #fbfbfb;
}
.schedule .fixtures-results .odd,
.schedule .fixtures-results .even {
border-bottom: 1px solid #ededed;
}
.schedule .fixtures-results .even {
background-color: #f3f3f3;
}
.schedule .fixtures-results .match {
height: 30px;
line-height: 18px;
}
.schedule .fixtures-results .match time,
.schedule .fixtures-results .match .result,
.schedule .fixtures-results .match .team {
color: #555;
display: inline-block;
}
.schedule .fixtures-results .match .team-a {
text-align: right;
width: 46%;
}
.schedule .fixtures-results .match .team .team-name {
padding: 0 7px;
}
.schedule .fixtures-results .match .team-logo {
vertical-align: middle;
width: 20px;
}
.schedule .fixtures-results .watch-link {
color: #cb5317;
float: right;
text-transform: uppercase;
}
.schedule select {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 10pt;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
border: 0;
height: 37px;
}
.schedule .fixtures-results .fixtures-table-date-header,
.schedule .fixtures-results .results-table-date-header {
border-top: 1px solid #f3f3f3;
border-spacing: 10px;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 10px;
}
.schedule .fixtures-results .fixtures-table-date-header,
.schedule .fixtures-results .results-table-date-header {
text-align: center;
}
.schedule .competition-select,
.schedule .tennis-selects,
.schedule .golf-selects {
padding-bottom: 10px;
text-align: center;
}
.ie9 .schedule .competition-select optgroup {
font-style: normal;
}
.races {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 10pt;
color: #555555;
}
.races .select {
padding-bottom: 10px;
text-align: center;
}
.races select {
font-family: 'Gotham SSm A';
font-weight: 400;
font-style: normal;
font-size: 10pt;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
border: 0;
}
.races h2 {
font-size: 14pt;
font-weight: 500;
text-transform: uppercase;
margin: 10px;
padding: 0;
color: #454545;
}
.races table {
margin: 10px 0 0 0;
background-color: #fbfbfb;
table-layout: fixed;
}
.races table thead tr {
border-bottom: 1px solid #ededed;
}
.races table th {
font-weight: 300;
}
.races table tr {
height: 32px;
}
.races table tr.highlight {
background-color: #f3f3f3;
}
.races table th {
text-align: center;
vertical-align: middle;
}
.races table td {
text-align: left;
vertical-align: middle;
}
.races table .col-area {
width: 15%;
}
.races table .col-race {
width: 40%;
}
.races table .col-date {
width: 20%;
}
.races table .col-winner {
width: 25%;
}
.races table .col-area,
.races table .col-winner,
.races table .col-race {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.races table .col-area:hover,
.races table .col-winner:hover,
.races table .col-race:hover {
white-space: normal;
}
.top-scorers .count {
float: right;
line-height: 55px;
text-align: center;
width: 55px;
}
.top-scorers .name {
float: left;
height: 55px;
width: 155px;
}
.top-scorers .player {
color: #555;
height: 55px;
}
#full-site,
#mobile-site {
display: none;
}
#mobile-site {
clear: none;
margin-left: 250px;
}
@media all and (max-width: 640px) {
/*** global ***/
body.m {
background: none;
}
body.m #full-site {
display: block;
}
body.m #mobile-site {
display: none;
}
body.m #geoblocked {
background-position: 0 bottom;
}
body.m #live-score,
body.m #epg-remote-control,
body.m #eplayerHolder,
body.m .header-advert,
body.m .advert.mpu {
display: none;
}
body.m #ajax-loading {
top: 400px;
left: 38%;
}
/*** section indexes ***/
body.m .newsindex-top header {
padding-bottom: 0;
}
body.m .article-list article {
max-height: 363px;
max-width: 640px;
height: initial;
margin: 0 5px 10px 5px;
width: 97%;
}
body.m .article-list .article-info {
padding: 10px 10px 0 10px;
max-width: 640px;
}
body.m .article-list article img {
max-height: 363px;
max-width: 640px;
}
body.m .newsindex-top h2 {
font-size: 22px;
padding: 5px;
margin-bottom: 10px;
}
/*** meganav ***/
body.m #mobile-menu {
width: 55px;
height: 55px;
background-color: #edecf2;
}
body.m #meganav {
position: absolute;
top: 56px;
z-index: 100;
display: none;
}
body.m #meganav nav {
padding-top: 0;
box-shadow: 0 4px 5px 0px rgba(136,136,136,1);
}
body.m #meganav nav li:first-child,
body.m #meganav nav li {
display: block;
text-align: left;
border-bottom: 1px solid #edecf2;
height: 40px;
padding: 0 10px 0 10px;
color: #444444;
width: 100%;
}
body.m #meganav .type-1,
body.m #meganav .type-2,
body.m #meganav .type-3 {
background-color: white;
}
body.m #meganav .type-1 a {
border-right: 0;
}
body.m #meganav nav ul li.selected {
border-bottom: 1px solid #edecf2;
background-color: #edecf2;
}
body.m #meganav nav ul li.active {
background-color: lightgray;
}
body.m #meganav nav ul li a {
color: #444444;
}
body.m #meganav nav li.home a span {
display: inline;
background-image: none;
}
/*** top & lang ***/
body.m header .pref-lang {
border-radius: 0;
box-shadow: none;
float: left;
position: static;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
body.m .rtl header .pref-lang {
box-shadow: none;
}
body.m header .pref-lang .close {
top: 65px;
}
body.m .main .header-wrapp {
margin: 0 auto;
width: 100%;
min-height: 100px;
text-align: center;
background-color: white;
}
body.m header .top-bar ul.language-wrapper {
width: 100%;
}
body.m header .top-bar ul li.lang-picker,
body.m .rtl header .top-bar ul li.lang-picker {
width: 55px;
}
body.m .top-bar li.lang-picker select {
margin: 5px;
display: block;
height: 35px;
width: 45px;
background-color: #f3f3f5;
border: 1px solid #f3f3f5;
color: #a0a1a5;
line-height: 2;
}
body.m #top-bar {
margin: 0;
padding: 0;
}
body.m header.main-header {
background: none;
min-width: initial;
}
body.m header .main .header-logo {
margin-left: auto;
}
body.m header .main .main-clock {
width: 30%;
margin-right: auto;
}
body.m header .main .header-logo img {
float: right;
margin-right: 10px;
}
body.m header .top-bar ul {
height: 55px;
background-color: #edecf2;
overflow: hidden;
}
body.m header .top-bar li {
float: left;
}
body.m #topnav {
padding-top: 0;
}
body.m #topnav .inner-topnav {
width: 100%;
display: block;
background: #5C2D91 url('/i/beINSport/site/COM/layout/topbar-button-mobile.png') repeat-x;
}
body.m #topnav .register-receiver {
display: none;
}
body.m.ltr #topnav .claret,
body.m.rtl #topnav .claret {
background: url('/i/beINSport/site/COM/layout/topbar-button-subscribe-mobile.png') repeat-x;
width: 25%;
font-size: 11px;
background-color: #5c2d91;
}
body.m #topnav ul {
display: block;
}
body.m #topnav ul li {
max-width: 25%;
height: 41px;
}
body.m #topnav ul li a.discover-subscribe {
width: initial;
padding-left: 0;
padding-right: 0;
font-size: 13px;
}
body.m #topnav ul li a {
overflow: hidden;
height: 43px;
font-size: 15px;
}
body.m #topnav .claret a {
font-size: 11px;
}
body.m #topnav ul li.short-silver a,
body.m #topnav ul li.silver a {
width: initial;
}
body.m #topnav ul li.watch-live,
body.m #topnav ul li.catch-up,
body.m #topnav ul li.tv-guide {
left: 0;
right: 0;
}
body.m.rtl #topnav .short-silver,
body.m.ltr #topnav .short-silver,
body.m.ltr #topnav .silver,
body.m.rtl #topnav .silver {
background: url('/i/beINSport/site/COM/layout/topbar-button-mobile.png') repeat-x;
width: 25%;
float: left;
background-color: #5c2d91;
}
/*** footer ***/
body.m footer {
min-width: 320px;
}
body.m footer .sitemap {
height: initial;
}
body.m footer .sitemap div > div {
float: none;
width: inherit;
text-align: left;
padding: 10px;
margin: 0;
}
body.m footer .competition-logos {
height: initial;
}
body.m footer .competition-logos ul {
padding: 20px 0;
line-height: 4;
}
body.m footer .competition-logos li {
margin: 0 10px;
}
body.m footer .foot {
height: auto;
}
body.m footer .foot > div {
padding: 0;
}
body.m footer .copyright {
float: none;
text-align: center;
margin: 0;
line-height: 32px;
}
body.m footer .links {
float: none;
margin-right: 0;
line-height: 32px;
text-align: center;
width: 100%;
}
body.m footer .links li {
float: none;
}
/*** sign buttons ***/
body.m header .top-bar ul li.login,
body.m header .top-bar ul li.logout {
padding: 10px 19px;
top: 8px;
}
/*** search bar ***/
body.m header .top-bar li.search {
padding-right: 6px;
display: block;
width: 44%;
}
body.m header .top-bar li.search .search-container {
width: 100%;
margin: 10px 0;
}
body.m header .top-bar li.search form input[type="text"] {
width: 85%;
float: left
}
body.m header .top-bar li.search form input[type="submit"] {
float: right;
margin-right: 2px;
}
/*** language bar ***/
body.m #mob-language {
width: 45px;
height: 45px;
border: 1px solid #f3f3f5;
margin: 5px 2px 2px 2px;
background-color: #f3f3f5;
text-align: center;
vertical-align: middle;
line-height: 40px;
text-transform: capitalize;
}
body.m header .top-bar ul li.lang-picker ul {
display: none;
float: none;
width: 150px;
z-index: 100;
position: absolute;
min-height: 130px;
background-color: white;
border: 1px solid #edecf2;
box-shadow: 0 4px 5px 0px rgba(136,136,136,1);
}
body.m header .top-bar ul li.lang-picker ul li {
display: block;
padding: 0;
border-right: 0;
width: 150px;
border-bottom: 1px solid #edecf2;
}
body.m header .top-bar ul li.lang-picker ul li a {
display: block;
font-weight: bold;
line-height: 42px;
width: 100%;
padding: 0 10px;
}
body.m header .top-bar ul li.lang-picker ul li.selected-language {
background-color: lightgray;
border-right: 1px solid lightgray;
border-left: 1px solid lightgray;
}
body.m header .top-bar ul li.lang-picker ul li.selected-language a {
font-weight: bold;
color: initial;
}
/*** full table button ***/
body.m aside .full-table-button {
display: none;
}
/*** article ***/
body.m .article-content {
overflow: scroll;
}
body.m .article-section {
padding: 10px;
margin: 0;
}
body.m .article-section h2 {
font-size: 1.6em;
padding: 0 0 10px 0;
}
body.m .article-section .author {
float: none;
padding-left: 10px;
width: 100%;
}
body.m .article-section h4 {
float: none;
font-size: 1.6em;
}
/*** rich article ***/
body.m .article-section .article-content.rich {
padding-left: 0;
}
body.m .article-section figure,
body.m .article-section .related-articles {
float: none;
margin: 0;
width: 100%;
}
body.m .article-section figure img {
width: 100%;
}
/*** facebook sharing for articles ***/
.desktop-sharing {
display: none !important;
}
.mobile-sharing {
display: block !important;
}
/*** gallery hacks ***/
body.m .share-buttons {
display: none;
}
body.m .info-title {
margin: 0;
}
body.m .info-text {
position: initial;
background-color: #000;
overflow: initial;
padding: 0;
bottom: initial;
margin-bottom: 10px;
}
body.m .info-title {
font-family: 'Gotham SSm A';
font-weight: 300;
font-style: normal;
font-size: 16px;
padding: 4px;
}
body.m.rtl .info-title {
float: none;
}
body.m .info-description {
font-size: 12px;
float: none;
}
/*** subnav ***/
body.m header.subnav {
margin-bottom: 0;
}
body.m header.subnav span.logo {
display: none;
}
body.m header.subnav h1,
body.m header.subnav.nologo h1,
body.m.rtl header.subnav h1,
body.m.rtl header.subnav.nologo h1 {
font-size: 20pt;
margin: 10px;
padding: 5px 0;
}
body.m header.subnav nav,
body.m header.subnav.nologo nav {
margin: 10px;
padding: 0;
line-height: 20px;
}
body.m header.subnav nav a,
body.m header.subnav.nologo nav a {
margin: 0;
padding: 6px;
text-decoration: none;
display: inline-block;
color: #005797;
border: 1px solid #005797;
margin-bottom: 4px;
border-radius: 5px;
white-space: nowrap;
}
body.m header.subnav nav .active,
body.m header.subnav.nologo nav .active {
padding: 6px;
color: white;
}
body.m header.subnav nav span.separator,
body.m header.subnav.nologo nav span.separator {
visibility: hidden;
}
/*** videos page ***/
body.m .videos-page {
padding: 10px;
}
body.m .video-list article.gr-2_5 img,
body.m .video-list article.gr-3_5 img {
width: 100%;
height: auto;
}
body.m .video-list .gr-2_5 .play {
left: 38%;
}
body.m .scroll-wrapper {
max-height: none;
}
body.m .scroll-group:not(:first-child) {
display: none;
}
body.m .video-list ul {
display: none;
}
body.m .video-list h2 {
font-size: 1.6em;
padding: 10px 0 10px 0;
}
body.m #video-body h3 {
font-size: 16px;
height: 80px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
body.m #video-body .video-sharing-icons {
display: inline-block;
float: left;
position: relative;
bottom: 43px;
left: 7px;
height: 0;
}
/*** EPG ***/
body.m .epg {
padding: 10px;
width: 100%;
}
body.m .epg nav {
padding-bottom: 10px;
margin-bottom: 0;
}
body.m .epg nav div.checks,
body.m.rtl .epg nav div.checks {
text-align: center;
}
body.m .epg nav label {
border: 1px solid #005797;
height: 40px;
border-radius: 5px;
background-color: white;
color: #005797;
padding: 12px 10px 6px 10px;
}
body.m .epg nav label.selected {
border: 1px solid #005797;
height: 40px;
border-radius: 5px;
background-color: #005797;
color: white;
padding: 12px 10px 6px 10px;
}
body.m .epg nav .separator,
body.m.rtl .epg nav .separator {
border: 0;
text-align: center;
}
body.m .epg .butt-on-now {
display: none;
}
body.m .epg .epg-arr-right,
body.m .epg .epg-arr-left {
display: none;
}
body.m .epg ul {
width: 100%;
}
body.m .epg .channel ul.odd li.filler,
body.m .epg .channel ul.even li.filler {
display: none;
}
body.m .epg .channel ul.odd li,
body.m .epg .channel ul.even li {
display: flex;
background-color: #f3f3f3;
}
body.m .epg .cell-channel {
background-color: #5b2d90;
margin-top: 10px;
}
body.m .epg .cell-prog {
float: none;
}
body.m .epg .cell-prog time {
display: block;
font-size: 14px;
}
body.m .epg .cell-prog a {
display: block;
min-width: 200px;
width: 100%;
text-decoration: none;
float: left;
display: block;
height: 100%;
}
body.m .epg .cell-prog a div {
border: none;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 17px;
}
body.m .epg .cell-prog a div span {
display: inline;
margin: 4px 0;
}
body.m.rtl .epg .cell-prog a div span,
body.m.rtl .epg .cell-prog a div {
font-family: 'Gotham SSm A';
}
body.m .epg .cell-prog div.live {
margin: 0;
width: auto;
white-space: inherit;
text-overflow: initial;
text-align:center;
padding:1px 2px;
font-size: 9px;
}
body.m .epg .cell-prog a div:not(:first-child) {
width: 80%;
}
body.m.rtl .epg .cell-prog div.live {
float:none;
}
body.m .epg .cell-prog div.live:after div {
width: 80%;
}
body.m .epg select {
border: 1px solid lightgray;
font-family: 'Gotham SSm M';
font-weight: 300;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
background-color: #f3f3f3;
padding: 6px 10px 6px 10px;
margin: 0px 2px 0px 2px;
height: 40px;
width: 100%;
}
body.m #channel_logos {
display: none;
}
body.m #current_minute {
display: none !important;
}
body.m #current_minute_wrap {
width: 100%;
border-right: none;
margin: 0;
}
/*** pagination ***/
body.m .pagination li {
min-width: 30px;
}
body.m .pagination .page a {
width: 25px;
}
/*** fixtures / tables ***/
body.m .fixtures-results .result,
body.m .fixtures-results .versus {
display: block;
vertical-align: middle;
height: 100%;
line-height: 20px;
float: left;
width: 15%;
}
body.m .schedule .fixtures-results .match {
line-height: 20px;
}
body.m .schedule .fixtures-results .match .team {
width: 42.5%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body.m .schedule .fixtures-results .match .team .team-name {
width: 80%;
}
body.m .schedule .fixtures-results .match .team-a {
float: left;
}
body.m .standings select,
body.m .schedule select {
width: 98%;
}
/*** centerpiece carousel ***/
body.m #centerpiece {
width: 100%;
height: 160px;
visibility: hidden;
}
body.m #centerpiece .fa-arrow {
height: 100%;
}
body.m #centerpiece .fa-arrow > span {
top: 42%;
}
body.m #centerpiece .outer-wrapper {
width: 100%;
height: 100%;
}
body.m #centerpiece .feature-article-box .article-info {
bottom: 1px;
}
body.m #centerpiece .feature-article-box a h2 {
font-size: 1.2em;
}
body.m #centerpiece .feature-article-box .article-info {
max-width: 280px;
}
body.m #centerpiece .feature-article-box .article-info {
top: initial;
margin-left: 40px;
margin-right: 40px;
max-width: initial;
}
/*** Scores ***/
body.m #scores-select-wrapper .opta-competitions-select {
width: 98%;
min-width: initial;
}
body.m #scores-subnav li {
margin: 2px 3px;
padding: 12px 6px;
display: inline-block;
color: #005797;
border: 1px solid #005797;
border-radius: 5px;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
text-align: center;
height: 35px;
font-family: 'Gotham SSm M';
font-weight: 400;
font-style: normal;
font-size: 11px;
width: initial;
min-width: 60px;
}
body.m #scores-subnav li.active {
background-color: #005797;
border: 1px solid #005797;
border-radius: 5px;
color: white;
}
body.m #scores-subnav {
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}
body.m.ltr .opta-widget-container tbody td,
body.m.rtl .opta-widget-container tbody td {
padding: 6px;
}
body.m .opta-widget-container .fixtures.narrow .matches dt .away-side,
body.m .opta-widget-container .fixtures.narrow .matches dt .home-side,
body.m #opta-widget-idx-fixtures .fixtures .matches dt .home-side,
body.m #opta-widget-idx-fixtures .fixtures .matches dt .away-side {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body.m.ltr #opta-widget-idx-fixtures .fixtures .matches dt .match-time,
body.m.rtl #opta-widget-idx-fixtures .fixtures .matches dt .match-time {
width: 13%;
}
body.m .opta-scores-widget {
max-height: 100%;
overflow-x: auto;
overflow-y: auto;
}
body.m #opta-widget-idx-standings tbody td.team {
overflow: hidden;
text-overflow: ellipsis;
}
body.m #opta-widget-idx-standings tbody td.team {
line-height: 1;
}
body.m .opta-widget-container tbody td.name,
body.m .opta-widget-container tbody td.team,
body.m .opta-widget-container tbody tr.ranking1 td,
body.m .opta-widget-container tbody tr.ranking2 td,
body.m .opta-widget-container tbody tr.ranking3 td {
padding-left: 6px;
}
body.m #opta-widget-idx-standings tbody td {
width: 32px;
padding: 0;
}
body.m #opta-widget-idx-standings tbody td.team,
body.m #opta-widget-idx-stats .opta-widget-container tbody tr.ranking1 td {
width: initial;
max-width: 0px;
}
body.m #opta-widget-idx-standings thead th {
padding: 2px 3px;
}
body.m.ltr .opta-widget-container tbody td.name,
body.m.ltr .opta-widget-container tbody td.team,
body.m.rtl .opta-widget-container tbody td.name,
body.m.rtl .opta-widget-container tbody td.team {
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
max-width: 0;
}
body.m.ltr .opta-widget-container .tabs-active .tabs-content>li,
body.m.rtl .opta-widget-container .tabs-active .tabs-content>li {
display: block;
}
body.m.ltr .opta-widget-container .tabs-active div.opta-dropdown,
body.m.rtl .opta-widget-container .tabs-active div.opta-dropdown {
display: none;
}
body.m.rtl #opta-widget-idx-stats .ranking-category select {
right: 0;
left: 1em;
}
body.m.ltr .opta-widget-container span.match-time abbr,
body.m.rtl .opta-widget-container span.match-time abbr {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
body.m.rtl .opta-widget-container .fixtures .matches dt .match-score span.match-score-home,
body.m.rtl .opta-widget-container .fixtures .matches dt .match-score span.match-score-away,
body.m.ltr .opta-widget-container .fixtures .matches dt .match-score span.match-score-home,
body.m.ltr .opta-widget-container .fixtures .matches dt .match-score span.match-score-away {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body.m.rtl #opta-widget-idx-results button.details-collapsed,
body.m.rtl #opta-widget-idx-results button.details-expanded {
right: initial;
left: 1px;
}
body.m.rtl .opta-widget-container .fixtures .matches dd ul.match-home-events li,
body.m.ltr .opta-widget-container .fixtures .matches dd ul.match-home-events li {
height: initial;
}
body.m.rtl #opta-widget-idx-results .fixtures .matches dt.postmatch .away-side {
padding-left: 0;
margin-left: 20px;
}
body.m .standings .col-goals-for,
body.m .standings .col-goals-against,
body.m .standings .col-goals-difference,
body.m .standings .col-score-for,
body.m .standings .col-score-against,
body.m .standings .col-score-difference {
display: none;
}
#standings-body > table.motorsports.drivers > thead > tr > th {
font-size: 9pt;
}
/*** geoblocking ***/
body.m #geoblocked {
width: 100%;
height: 200px;
background-size: contain;
}
body.m #geoblocked h2 {
line-height: 1;
height: initial;
}
/* Video page select box */
body.m .sport-select {
clear: none;
float: right;
max-width: 48%;
margin-top: -45px;
}
body.m .subnav.nologo {
min-height: 60px;
}
body.m .subnav.nologo h1 {
display: inline;
}
}
@media all and (max-width: 370px) {
body.m header .pref-lang label {
display: inline;
}
body.m header .pref-lang .input-wrapper {
display: block;
}
body.m header .top-bar li.search .search-container {
margin: 15px 0;
}
body.m #topnav ul li {
max-width: none;
}
body.m #topnav .inner-topnav li.long-silver {
background: #F7F7F7 url('/i/beINSport/site/COM/layout/topbar-button-mobile.png');
width: 100%;
}
body.m #topnav .inner-topnav li.claret {
width: 100%;
}
body.m #topnav ul li a.discover-subscribe {
font-size: 11px;
}
body.m .fixtures-results .result,
body.m .fixtures-results .versus {
width: 20%;
}
body.m .races table {
border-collapse: collapse;
}
body.m .races table th {
text-align: left;
}
body.m .races table td {
padding: 5px 0;
}
body.m .races .col-race,
body.m .races .col-winner {
text-overflow: clip;
white-space: normal;
}
body.m .races .col-race {
width: 50%;
}
body.m .races .col-date,
body.m .races .col-winner {
width: 25%;
}
body.m .schedule .fixtures-results .match .team {
width: 40%;
}
body.m .schedule .fixtures-results .match .team .team-name {
display: inline-block;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
width: 75%;
}
body.m .schedule .fixtures-results .match .team-logo {
vertical-align: top;
}
body.m .standings table td,
body.m .standings table th {
width: auto;
}
body.m .standings .col-driver,
body.m .standings .col-team {
width: 120px;
}
body.m .standings .motorsports .col-pos {
width: 20px;
}
body.m #centerpiece .feature-article-box .feature-teaser-text,
body.m .opta-widget-container tbody td.team img,
body.m .opta-widget-container tbody td.name img,
body.m .races .col-area,
body.m .standings .col-form,
body.m .standings .col-goals-for,
body.m .standings .col-goals-against,
body.m .standings .col-goals-difference,
body.m .standings .col-score-for,
body.m .standings .col-score-against,
body.m .standings .col-score-difference,
body.m .standings .drivers .col-team {
display: none;
}
#standings-body > table.motorsports.drivers > thead > tr > th {
font-size: 7pt;
}
}