@charset "UTF-8";
/* ==========
  SBS Global Navigation
========== */
/* compass imports */
/* background image --------------------------------- */
/* font families ------------------------------------ */
/*
$fontfamilyBold:'HelveticaNeue-75-Bold', 'Helvetica', Arial,  "times new roman", serif !default;
$fontfamilyItalic:'HelveticaNeue-56-Italic', 'Helvetica', Arial, "times new roman", serif !default;
$fontfamilyBoldItalic:'HelveticaNeue-76-Bold-Italic', 'Helvetica', Arial,  "times new roman", serif !default;

$fontfamilyLight:'HelveticaNeue-45-Light', 'Helvetica', Arial, "times new roman", serif !default;
$fontfamilyLightBold: $fontfamilyBold;
$fontfamilyLightItalic:'HelveticaNeue-46-Light-Italic', 'Helvetica', Arial, "times new roman", serif !default;
$fontfamilyLightBoldItalic: $fontfamilyBoldItalic;
*/
/* 404 & 403 error pages ------------------------------------ */
/* SBS colours ---------------------------------------- */
/* generic colours ------------------------------------ */
/* spacing ------------------------------------------ */
/* configuration ------------------------------------ */
/* grid variables ------------------------------------ */
/* Used in print */
/* preset image sizes ------------------------------------ */
/* ==========
  Scrollers
========== */
/* ==============
  Theme folder names
=================*/
/* categorised mixins */
/* Overlay mixins */
/**
** Misc mixins
*/
/* line 384, ../../../scss/mixins/_icons.scss */
.displaymode-mobile #page .header .mobile_menu:after, .displaymode-mobile #page .header .mobile_search:after, .displaymode-tablet #page .header .mobile_menu:after, .displaymode-tablet #page .header .mobile_search:after {
  *margin-right: .3em;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome" !important;
  font-weight: normal !important;
  font-style: normal !important;
  display: inline-block;
  speak: none;
}

/* ====
mobile mix ins
==== */
/* ====
Tablet mix ins
==== */
/* use placeholders whenever possible for more efficient CSS! */
/* Theme hex values */
/* Theme list */
/* line 8, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page > .header {
  -moz-box-shadow: 0 0 7px black;
  -webkit-box-shadow: 0 0 7px black;
  box-shadow: 0 0 7px black;
}
/* line 11, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header {
  font-weight: normal ;
  font-style: normal ;
  font-size: 10px ;
  line-height: 11px ;
  letter-spacing: 0px ;
  z-index: 999;
  max-width: 1650px;
  position: relative;
}
/* line 16, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .mobile_menu,
#page .header .mobile_search {
  display: none;
}
/* line 20, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header a {
  text-decoration: none;
  text-transform: uppercase;
}
/* line 23, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header a, #page .header a:active, #page .header a:visited {
  color: #cfd2d3;
}
/* line 26, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header a:hover {
  text-decoration: none;
}
/* line 32, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header ul, #page .header ul li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
/* line 37, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header ul li {
  float: left;
  white-space: nowrap;
}
/* line 43, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_logo {
  background: transparent url(/global/profiles/sbsdistribution/themes/global/images/logo/global.png) no-repeat 0 0;
  height: 70px;
  position: absolute;
  width: 136px;
  z-index: 1000;
  top: 0;
  left: 0;
}
/* line 51, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_logo a {
  width: 100%;
  height: 100%;
  display: block;
}
/* line 58, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages,
#page .header #infocus {
  background-color: #1b2024;
}
/* line 61, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages > ul,
#page .header #infocus > ul {
  display: block;
  height: 32px;
}
/* line 64, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages > ul > li,
#page .header #infocus > ul > li {
  border-bottom: 1px solid #3d4651;
}
/* line 67, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages > ul li,
#page .header #infocus > ul li {
  margin: -1px 0;
  float: left;
}
/* line 70, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages > ul li a,
#page .header #infocus > ul li a {
  display: block;
  position: relative;
  text-transform: none;
  transition: color .3 linear;
  -moz-transition: color .3s linear;
  /* Firefox 4 */
  -webkit-transition: color .3s linear;
  /* Safari and Chrome */
  -o-transition: color .3s linear;
  /* Opera */
}
/* line 78, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages > ul li a:hover,
#page .header #infocus > ul li a:hover {
  color: #fff;
}
/* line 82, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header #languages > ul li:first-child,
#page .header #infocus > ul li:first-child {
  margin-left: 146px;
}
/* line 3, ../../../scss/global/global_nav/_infocus.scss */
#page .header #infocus > ul li {
  position: relative;
}
/* line 6, ../../../scss/global/global_nav/_infocus.scss */
#page .header #infocus > ul li:not(.first):before {
  content: '';
  display: block;
  height: 10px;
  background-color: #3d4651;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 14px;
}
/* line 18, ../../../scss/global/global_nav/_infocus.scss */
#page .header #infocus > ul li a {
  padding: 13px 12.5px 10px;
}
/* line 20, ../../../scss/global/global_nav/_infocus.scss */
.displaymode-not-mobile #page .header #infocus > ul li a {
  font-weight: normal ;
  font-style: normal ;
  font-size: 12px ;
  line-height: 14px ;
  letter-spacing: 0px ;
}
/* line 24, ../../../scss/global/global_nav/_infocus.scss */
#page .header #infocus > ul li > span, #page .header #infocus > ul li.hover > span {
  display: none;
}
/* line 30, ../../../scss/global/global_nav/_infocus.scss */
#page .header #infocus > ul > li:first-child a, #page .header #infocus > ul > li:first-child:before {
  display: inline-block;
}
/* line 34, ../../../scss/global/global_nav/_infocus.scss */
#page .header #infocus > ul > li:first-child:before {
  font-size: 11px;
  padding-left: 8px;
  padding-right: 8px;
  content: 'IN FOCUS';
  color: #68778b;
}
/* line 3, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li {
  /* drop down menus */
  /* Add CSS for Drupals' selected classname  */
}
/* line 4, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li a {
  padding: 13px 10px 10px;
}
/* line 8, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li.expanded:hover {
  background: #525e6e;
}
/* line 12, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li.hover > span {
  z-index: 10;
  display: block;
  height: auto;
  *visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.075s;
  -o-transition-duration: 0.075s;
  -webkit-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/* line 19, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li.hover > span ul {
  padding: 30px 60px 30px 146px;
}
/* line 22, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li.hover > span.multi-column-done {
  padding: 10px 0;
}
/* line 26, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li:hover {
  color: #fff;
}
/* line 28, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li:hover > div {
  *visibility: visible;
  opacity: 1;
}
/* line 33, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span {
  width: 100%;
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
  *overflow: visible;
  *visibility: hidden;
  z-index: -2;
  position: absolute;
  top: 32px;
  left: 0;
  background: #525e6e;
  -moz-box-shadow: 1px 3px 6px -1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 3px 6px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 3px 6px -1px rgba(0, 0, 0, 0.3);
}
/* line 49, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span a, #page .header #languages ul li span a:active, #page .header #languages ul li span a:visited {
  color: #525e6d;
}
/* line 52, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span a:hover {
  color: #303740;
}
/* line 56, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span li:first-child {
  padding-left: 0;
}
/* line 59, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span div {
  display: none;
}
/* line 62, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul {
  /* dropdowns */
  padding: 0;
  margin: 0;
}
/* line 65, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
/* line 68, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul li {
  border-bottom: 1px dotted #858d98;
  width: 220.66667px;
  margin: 0 10px;
  white-space: nowrap;
  display: block;
  float: left;
  transition: background .10s linear;
  -moz-transition: background .10s linear;
  /* Firefox 4 */
  -webkit-transition: background .10s linear;
  /* Safari and Chrome */
  -o-transition: background .10s linear;
  /* Opera */
}
/* line 79, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul li:hover {
  background: #747d8a;
}
/* line 81, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul li:hover a {
  padding-bottom: 7px !important;
  border-bottom: 3px solid #ffc424;
  color: #fff !important;
}
/* line 135, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header #languages ul li span ul li:hover a, #page .header #languages ul li span ul li:hover a:active, #page .header #languages ul li span ul li:hover a:visited {
  padding: 10px;
  text-transform: none;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
}
/* line 88, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul li.last {
  margin-bottom: 10px;
}
/* line 135, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header #languages ul li span ul li a, #page .header #languages ul li span ul li a:active, #page .header #languages ul li span ul li a:visited {
  padding: 10px;
  text-transform: none;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
}
/* line 93, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span ul li a:hover {
  color: #fff;
}
/* line 101, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span.multi-column-done ul li {
  float: left;
}
/* line 103, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span.multi-column-done ul li.first {
  margin-top: 0;
}
/* line 106, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li span.multi-column-done ul li.last {
  margin-bottom: 0;
}
/* line 113, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li div {
  opacity: 0;
  *visibility: hidden;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: 0;
  transition: opacity .20s linear;
  -moz-transition: opacity .20s linear;
  /* Firefox 4 */
  -webkit-transition: opacity .20s linear;
  /* Safari and Chrome */
  -o-transition: opacity .20s linear;
  /* Opera */
}
/* line 128, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul li.active div {
  opacity: 1;
  *visibility: visible;
}
/* line 134, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul > li:first-child {
  padding-left: 10px;
  background: transparent url('../../../images/sprites-global-s5a18839e85.png') -203px -4996px no-repeat;
}
/* line 137, ../../../scss/global/global_nav/_languages.scss */
#page .header #languages ul > li:first-child:hover {
  background: #525e6e url('../../../images/sprites-global-s5a18839e85.png') -203px -4896px no-repeat;
}
/* line 92, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status {
  float: right;
  margin: 0 280px 0 0;
  margin-top: 12px;
  top: 12px;
}
/* line 98, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status .capture_username,
#page .header .user_status #capture_signout_link,
#page .header .user_status #capture_signin_link {
  display: none;
}
/* line 105, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status span {
  text-transform: uppercase;
  color: #d8dcdc;
  color: #a0aab4;
}
/* line 110, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status a span {
  text-transform: uppercase;
  color: #d8dcdc;
}
/* line 112, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status a span:after {
  content: " / ";
  color: #a0aab4;
}
/* line 117, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status a span.username:after {
  content: "";
}
/* line 121, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status a span + span {
  color: #a0aab4;
}
/* line 123, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .user_status a span + span:after {
  content: "";
}
/* line 131, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav {
  background-color: #1b2024;
  padding-top: 6px;
}
/* line 136, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars {
  display: block;
  height: 32px;
}
/* line 140, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li {
  background: transparent none;
  position: relative;
  margin: -1px 1px;
  /* drop down menus */
}
/* line 144, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li a {
  display: block;
  position: relative;
  padding: 12px 8px 10px;
}
/* line 150, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li.hover > span {
  z-index: 10;
  display: block;
  height: auto;
  *visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.075s;
  -o-transition-duration: 0.075s;
  -webkit-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/* line 157, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li.hover > span.multi-column-done {
  padding: 10px 0;
}
/* line 162, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li:hover {
  color: #FFF;
}
/* line 164, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li:hover > div {
  *visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: #fff;
}
/* line 170, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
  *overflow: visible;
  *visibility: hidden;
  z-index: 9;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  -moz-box-shadow: 1px 3px 6px -1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 3px 6px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 3px 6px -1px rgba(0, 0, 0, 0.3);
}
/* line 185, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span a, #page .header .sbs_gnav_bars li span a:active, #page .header .sbs_gnav_bars li span a:visited {
  color: #525e6d;
}
/* line 188, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span a:hover {
  color: #303740;
}
/* line 192, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span div {
  display: none;
}
/* line 195, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span ul {
  /* dropdowns */
  padding: 0;
  float: left;
  margin: 0;
}
/* line 199, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span ul li {
  text-align: left;
  margin: 0 10px;
  white-space: nowrap;
  display: block;
  float: none;
  transition: background .10s linear;
  -moz-transition: background .10s linear;
  /* Firefox 4 */
  -webkit-transition: background .10s linear;
  /* Safari and Chrome */
  -o-transition: background .10s linear;
  /* Opera */
}
/* line 209, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span ul li:hover {
  background: #d5d5d5;
}
/* line 212, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span ul li.first {
  padding-left: 0;
  margin-left: 10px;
  margin-top: 10px;
}
/* line 217, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span ul li.last {
  margin-bottom: 10px;
}
/* line 220, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span ul li a {
  padding: 7px;
}
/* line 227, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span.multi-column-done ul li {
  float: left;
}
/* line 229, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span.multi-column-done ul li.first {
  margin-top: 0;
}
/* line 232, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li span.multi-column-done ul li.last {
  margin-bottom: 0;
}
/* line 239, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  *visibility: hidden;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity .20s linear;
  -moz-transition: opacity .20s linear;
  /* Firefox 4 */
  -webkit-transition: opacity .20s linear;
  /* Safari and Chrome */
  -o-transition: opacity .20s linear;
  /* Opera */
}
/* line 253, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li.active div {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  *visibility: visible;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.ondemand div, #page .header .sbs_gnav_bars li.ondemand.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.video div, #page .header .sbs_gnav_bars li.video.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.topics div, #page .header .sbs_gnav_bars li.topics.active div {
  background: #006dc7;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.news div, #page .header .sbs_gnav_bars li.news.active div {
  background: #00acff;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.documentary div, #page .header .sbs_gnav_bars li.documentary.active div {
  background: #756505;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.movies div, #page .header .sbs_gnav_bars li.movies.active div {
  background: #00ccc7;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.food div, #page .header .sbs_gnav_bars li.food.active div {
  background: #b4c713;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.multimedia div, #page .header .sbs_gnav_bars li.multimedia.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.podcasts div, #page .header .sbs_gnav_bars li.podcasts.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.radio div, #page .header .sbs_gnav_bars li.radio.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.ontv div, #page .header .sbs_gnav_bars li.ontv.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.channels div, #page .header .sbs_gnav_bars li.channels.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.guide div, #page .header .sbs_gnav_bars li.guide.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.programs div, #page .header .sbs_gnav_bars li.programs.active div {
  background: #ffc424;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.programguide div, #page .header .sbs_gnav_bars li.programguide.active div {
  background: #ffc424;
}
/* line 107, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.shop, #page .header .sbs_gnav_bars li.shop.active {
  margin-right: 21px;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.shop div, #page .header .sbs_gnav_bars li.shop.active div {
  background: #267420;
}
/* line 68, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.shop:after, #page .header .sbs_gnav_bars li.shop.active:after {
  content: ' ';
  display: block;
  width: 2px;
  height: 14px;
  position: absolute;
  background: #000;
  top: 10px;
  right: -12px;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.sport div, #page .header .sbs_gnav_bars li.sport.active div {
  background: #267420;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.football div, #page .header .sbs_gnav_bars li.football.active div {
  background: #f78e1e;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.worldcup div, #page .header .sbs_gnav_bars li.worldcup.active div {
  background: #5e9732;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.cycling div, #page .header .sbs_gnav_bars li.cycling.active div {
  background: #d20000;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.comedy div, #page .header .sbs_gnav_bars li.comedy.active div {
  background: #ca00ff;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.sbshome div, #page .header .sbs_gnav_bars li.sbshome.active div {
  background: #d20000;
}
/* line 109, ../../../scss/global/global_nav/_mixins_vars.scss */
#page .header .sbs_gnav_bars li.tourdefrance div, #page .header .sbs_gnav_bars li.tourdefrance.active div {
  background: #ffa900;
}
/* line 261, ../../../scss/global/global_nav/sbs_global_nav.scss */
#page .header .sbs_gnav_bars li:first-child {
  margin-left: 146px;
}

/* line 267, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search {
  bottom: 0;
  height: 70px;
  padding: 0;
  position: absolute;
  right: 0;
  width: 258px;
  border-left: 2px solid black;
  background-color: #383f46;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/* line 279, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search:hover {
  background-color: #31373e;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.075s;
  -o-transition-duration: 0.075s;
  -webkit-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/* line 285, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search input {
  background: transparent none;
  border: 0 none;
  box-shadow: none;
  position: absolute;
  top: 0;
  outline: none;
  color: #d8dcdc;
  -webkit-font-smoothing: antialiased;
  font-weight: bold ;
  font-size: 18px ;
  line-height: 18px ;
  letter-spacing: 0px ;
}
/* line 294, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search input[type=text] {
  border-bottom: 1px solid #525e6e;
}
/* line 298, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search input:focus {
  -webkit-font-smoothing: antialiased;
  font-weight: bold ;
  color: white;
}
/* line 302, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search .form-text {
  width: 146px;
  height: 20px;
  padding: 36px 0 3px 0px;
  margin-left: 15px;
}
/* line 308, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search .form-submit {
  background: transparent url(/global/profiles/sbsdistribution/themes/global/images/global_nav/global_search_sprite.png) no-repeat 0 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  right: 10px;
  top: 11px;
  width: 50px;
  height: 50px;
}
/* line 317, ../../../scss/global/global_nav/sbs_global_nav.scss */
#block-sbs-global-widgets-gsa-search .form-submit:hover {
  background-position: 100% 0;
}

/* Less then IE8 Fixes */
/* line 325, ../../../scss/global/global_nav/sbs_global_nav.scss */
.ie.displaymode-mobile #page .header #sbs_gnav .sbs_gnav_bars ul li a {
  overflow: visible;
}

/* line 153, ../../../scss/global/global_nav/_mixins_vars.scss */
.lt-ie9.displaymode-mobile #block-sbs-global-widgets-gsa-search,
.lt-ie9.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars,
.lt-ie9.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars ul li,
.lt-ie9.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars ul li.active,
.lt-ie9.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars ul li.active-trail, .lt-ie9.displaymode-tablet #block-sbs-global-widgets-gsa-search,
.lt-ie9.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars,
.lt-ie9.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars ul li,
.lt-ie9.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars ul li.active,
.lt-ie9.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars ul li.active-trail {
  background-color: #1b2024;
}
/* line 335, ../../../scss/global/global_nav/sbs_global_nav.scss */
.lt-ie9 #page .header .sbs_gnav_bars li div {
  display: none;
}
/* line 338, ../../../scss/global/global_nav/sbs_global_nav.scss */
.lt-ie9 #page .header .sbs_gnav_bars > ul > li.active > div,
.lt-ie9 #page .header .sbs_gnav_bars > ul > li:hover > div {
  display: block;
}

/* line 344, ../../../scss/global/global_nav/sbs_global_nav.scss */
.gnav_mask {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
}
/* line 349, ../../../scss/global/global_nav/sbs_global_nav.scss */
.gnav_mask.expanded-menu {
  width: 100%;
  height: 150%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 8;
}

/* line 186, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .sbs_menu .sbs_menu_bars > ul > li.active-trail > a,
.displaymode-mobile #page .sbs_menu .sbs_menu_bars > ul > li.active-trail > a {
  background-color: transparent;
}
/* line 190, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search,
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search {
  left: -100%;
}
/* line 193, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #languages,
.displaymode-tablet #page .header .sbs_gnav_bars,
.displaymode-tablet #page .header .sbs_gnav_logo,
.displaymode-mobile #page .header #languages,
.displaymode-mobile #page .header .sbs_gnav_bars,
.displaymode-mobile #page .header .sbs_gnav_logo {
  display: none;
}
/* line 199, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars,
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars {
  opacity: 0;
}
/* line 153, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #block-sbs-global-widgets-gsa-search,
.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars,
.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars ul li,
.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars ul li.active,
.displaymode-tablet .region-menu .sbs_menu .sbs_menu_bars ul li.active-trail,
.displaymode-mobile #block-sbs-global-widgets-gsa-search,
.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars,
.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars ul li,
.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars ul li.active,
.displaymode-mobile .region-menu .sbs_menu .sbs_menu_bars ul li.active-trail {
  background-color: #1b2024;
}

/* line 212, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #site_name {
  -moz-box-shadow: 0 0 7px black;
  -webkit-box-shadow: 0 0 7px black;
  box-shadow: 0 0 7px black;
  z-index: 3;
  position: relative;
}
/* line 218, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu {
  top: 85px;
  display: block;
}
/* line 221, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu .sbs_menu {
  left: -50%;
  top: 0;
  position: absolute;
  width: 50%;
  box-shadow: none;
}
/* line 229, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu {
  left: 50%;
  transition: left .20s ease-in-out, opacity .20s ease-in-out;
  -moz-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Safari and Chrome */
  -o-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Opera */
}
/* line 232, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars {
  min-height: 600px;
  padding: 0;
  box-shadow: none;
  width: 100%;
}
/* line 237, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars:before {
  color: #cccccc;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
  display: block;
  float: left;
  width: 86%;
  padding: 15px 0 10px 0;
  margin: 0 7%;
  border-bottom: 1px solid #313841;
}
/* line 240, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li {
  width: 86%;
  margin: 0 7%;
  display: block;
  background: transparent;
  border-bottom: 1px solid rgba(49, 56, 65, 0.1);
}
/* line 246, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li a {
  color: #9fa9b3;
  padding: 10px 0;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
  border: 0 none;
}
/* line 251, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li a:hover {
  background-color: transparent;
  color: #cccccc;
}
/* line 257, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li.active-trail a {
  background-color: transparent;
  color: #cccccc;
}
/* line 268, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page #main-wrapper .vertical-branding {
  padding-top: 0px;
  clear: both;
}
/* line 273, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header {
  min-width: 320px;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
/* line 276, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header.expanded-menu {
  z-index: 999;
}
/* line 278, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header.expanded-menu .user_status {
  right: 16px;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 284, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header.expanded-menu .sbs_gnav_logo {
  right: -124px;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 290, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header.expanded-menu #infocus {
  display: block;
}
/* line 294, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #infocus {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  height: 40px;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #3d4651;
}
/* line 303, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #infocus > ul {
  width: 86%;
  margin: 4px 3.5% 0 3.5%;
}
/* line 322, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #infocus > ul > li {
  border-bottom: 0 none !important;
}
/* line 324, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #infocus > ul > li:first-child:before {
  padding-right: 10px;
}
/* line 337, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #infocus > ul > li:first-child {
  margin-left: 0;
}
/* line 339, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #infocus > ul > li:first-child:before {
  padding-left: 0;
}
/* line 346, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #languages {
  display: none;
}
/* line 351, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav_logo {
  height: 43px;
  background: transparent url(/global/profiles/sbsdistribution/themes/global/images/logo/global_mobile.png) no-repeat 0 0;
  height: 86px;
  width: 124px;
  left: auto;
  right: 0;
  display: block;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  /* line 351, ../../../scss/global/global_nav/_mixins_vars.scss */
  .displaymode-mobile #page .header .sbs_gnav_logo {
    background: transparent url(/global/profiles/sbsdistribution/themes/global/images/logo/global_mobile_2x.png) no-repeat 0 0;
    background-size: 100% auto;
  }
}
/* line 372, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav {
  border-bottom: 1px solid #2c3540;
  height: 43px;
  padding: 0;
  z-index: 200;
}
/* line 377, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars {
  display: block;
  position: absolute;
  transition: left .20s ease-in-out, opacity .20s ease-in-out;
  -moz-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Safari and Chrome */
  -o-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Opera */
  opacity: 0;
  left: -50%;
  top: 85px;
  width: 50%;
  min-height: 600px;
  z-index: -1;
  background-color: #1b2024;
  overflow: visible;
  height: auto;
}
/* line 391, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li {
  width: 86%;
  margin: 0 7%;
  clear: both;
  border-bottom: 1px solid #313841;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 397, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li:first-child {
  padding-left: 0;
}
/* line 399, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li:first-child > div {
  width: 100%;
}
/* line 403, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li div {
  bottom: 0;
  height: 2px;
}
/* line 407, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li a {
  color: #9fa9b3;
  padding: 10px 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
  text-indent: 0;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.ondemand.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.ondemand.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.ondemand.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.video.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.video.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.video.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.topics.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.topics.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.topics.active a:hover {
  color: #006dc7;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.news.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.news.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.news.active a:hover {
  color: #00acff;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.documentary.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.documentary.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.documentary.active a:hover {
  color: #756505;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.movies.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.movies.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.movies.active a:hover {
  color: #00ccc7;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.food.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.food.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.food.active a:hover {
  color: #b4c713;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.multimedia.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.multimedia.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.multimedia.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.podcasts.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.podcasts.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.podcasts.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.radio.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.radio.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.radio.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.ontv.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.ontv.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.ontv.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.channels.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.channels.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.channels.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.guide.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.guide.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.guide.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.programs.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.programs.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.programs.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.programguide.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.programguide.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.programguide.active a:hover {
  color: #ffc424;
}
/* line 96, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active {
  margin-right: 21px;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active a:hover {
  color: #267420;
}
/* line 68, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active:after {
  content: ' ';
  display: block;
  width: 2px;
  height: 14px;
  position: absolute;
  background: #000;
  top: 10px;
  right: -12px;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.sport.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.sport.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.sport.active a:hover {
  color: #267420;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.football.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.football.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.football.active a:hover {
  color: #f78e1e;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.worldcup.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.worldcup.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.worldcup.active a:hover {
  color: #5e9732;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.cycling.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.cycling.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.cycling.active a:hover {
  color: #d20000;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.comedy.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.comedy.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.comedy.active a:hover {
  color: #ca00ff;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.sbshome.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.sbshome.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.sbshome.active a:hover {
  color: #d20000;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.tourdefrance.active a, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.tourdefrance.active a:visited, .displaymode-mobile #page .header .sbs_gnav .sbs_gnav_bars ul li.tourdefrance.active a:hover {
  color: #ffa900;
}
/* line 422, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav.expanded-menu .sbs_gnav_bars {
  display: block;
  opacity: 1;
  left: -1px;
  border-right: 1px solid #252b31;
  transition: left .20s ease-in-out, opacity .20s ease-in-out;
  -moz-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Safari and Chrome */
  -o-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Opera */
}
/* line 431, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -100%;
  width: 100%;
  height: 80px;
  top: 85px;
  border-bottom: 1px solid #1a1a1a;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 443, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search.expanded-menu {
  overflow: visible;
  display: block;
  left: 0;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 451, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search form {
  width: 100%;
  padding: 0;
}
/* line 455, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search form .form-item {
  margin-bottom: 11px;
}
/* line 462, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search form .form-submit {
  top: 17px;
}
/* line 465, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header #block-sbs-global-widgets-gsa-search form .form-text {
  height: 24px;
  float: left;
  position: relative;
  width: 75%;
  padding-top: 0;
  margin: 22px 0 0 3.5%;
  font-size: 21px ;
  line-height: 21px ;
  letter-spacing: -1px ;
  padding-bottom: 7px;
}
/* line 483, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .mobile_menu,
.displaymode-mobile #page .header .mobile_search {
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 43px;
  top: -1px;
  border: 1px solid #161616;
  border-top: 0;
  border-left: 0;
}
/* line 495, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .mobile_menu:before,
.displaymode-mobile #page .header .mobile_search:before {
  content: '';
  position: absolute;
  top: 1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #2c3540;
  border-top: 0;
  border-left: 0;
}
/* line 507, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .mobile_menu:after,
.displaymode-mobile #page .header .mobile_search:after {
  text-shadow: black 1px 1px 1px;
  line-height: 45px;
}
/* line 511, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .mobile_menu.active,
.displaymode-mobile #page .header .mobile_search.active {
  -moz-box-shadow: inset -1px 1px 10px black;
  -webkit-box-shadow: inset -1px 1px 10px black;
  box-shadow: inset -1px 1px 10px black;
  background-image: url(/global/profiles/sbsdistribution/themes/global/images/global_nav/bg_btn.png);
}
/* line 450, ../../../scss/mixins/_icons.scss */
.displaymode-mobile #page .header .mobile_menu:after {
  color: #d8dcdc;
  content: "";
  font-size: 24px !important;
}
/* line 475, ../../../scss/mixins/_icons.scss */
.displaymode-mobile #page .header .mobile_menu.disabled:after {
  color: white !important;
}
/* line 518, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .mobile_menu:after {
  margin-left: 19px;
}
/* line 450, ../../../scss/mixins/_icons.scss */
.displaymode-mobile #page .header .mobile_search:after {
  color: #d8dcdc;
  content: "";
  font-size: 24px !important;
}
/* line 475, ../../../scss/mixins/_icons.scss */
.displaymode-mobile #page .header .mobile_search.disabled:after {
  color: white !important;
}
/* line 524, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .mobile_search:after {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  text-shadow: black -1px 1px 1px;
  margin-left: 19px;
  font-size: 21px !important;
}
/* line 532, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .user_status {
  margin: 0;
  position: absolute;
  right: 130px;
  padding: 0;
  z-index: 2001;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 542, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .user_status .capture_end_session span:after {
  content: "";
}
/* line 546, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .user_status > span {
  display: block;
  clear: both;
}

/* line 212, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #site_name {
  -moz-box-shadow: 0 0 7px black;
  -webkit-box-shadow: 0 0 7px black;
  box-shadow: 0 0 7px black;
  z-index: 3;
  position: relative;
}
/* line 218, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu {
  top: 85px;
  display: block;
}
/* line 221, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu .sbs_menu {
  left: -50%;
  top: 0;
  position: absolute;
  width: 50%;
  box-shadow: none;
}
/* line 229, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu {
  left: 50%;
  transition: left .20s ease-in-out, opacity .20s ease-in-out;
  -moz-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Safari and Chrome */
  -o-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Opera */
}
/* line 232, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars {
  min-height: 600px;
  padding: 0;
  box-shadow: none;
  width: 100%;
}
/* line 237, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars:before {
  color: #cccccc;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
  display: block;
  float: left;
  width: 86%;
  padding: 15px 0 10px 0;
  margin: 0 7%;
  border-bottom: 1px solid #313841;
}
/* line 240, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li {
  width: 86%;
  margin: 0 7%;
  display: block;
  background: transparent;
  border-bottom: 1px solid rgba(49, 56, 65, 0.1);
}
/* line 246, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li a {
  color: #9fa9b3;
  padding: 10px 0;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
  border: 0 none;
}
/* line 251, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li a:hover {
  background-color: transparent;
  color: #cccccc;
}
/* line 257, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .region-menu.expanded-menu .sbs_menu .sbs_menu_bars li.active-trail a {
  background-color: transparent;
  color: #cccccc;
}
/* line 268, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page #main-wrapper .vertical-branding {
  padding-top: 0px;
  clear: both;
}
/* line 273, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header {
  min-width: 320px;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
/* line 276, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header.expanded-menu {
  z-index: 999;
}
/* line 278, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header.expanded-menu .user_status {
  right: 16px;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 284, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header.expanded-menu .sbs_gnav_logo {
  right: -124px;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 290, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header.expanded-menu #infocus {
  display: block;
}
/* line 294, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  height: 40px;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #3d4651;
}
/* line 303, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul {
  width: 86%;
  margin: 3px 3.5% 0 3.5%;
}
/* line 309, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul li:not(.first) a {
  padding-left: 15px;
  padding-right: 15px;
}
/* line 313, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul li:not(.first):before {
  height: 17px;
  margin-top: 10px;
}
/* line 322, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul > li {
  border-bottom: 0 none !important;
}
/* line 324, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul > li:first-child:before {
  padding-right: 20px;
}
/* line 332, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul > li:before,
.displaymode-tablet #page .header #infocus > ul > li a {
  font-size: 12px ;
  line-height: 14px ;
  letter-spacing: 0px ;
}
/* line 337, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul > li:first-child {
  margin-left: 0;
}
/* line 339, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #infocus > ul > li:first-child:before {
  padding-left: 0;
}
/* line 346, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #languages {
  display: none;
}
/* line 351, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav_logo {
  height: 43px;
  background: transparent url(/global/profiles/sbsdistribution/themes/global/images/logo/global_mobile.png) no-repeat 0 0;
  height: 86px;
  width: 124px;
  left: auto;
  right: 0;
  display: block;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  /* line 351, ../../../scss/global/global_nav/_mixins_vars.scss */
  .displaymode-tablet #page .header .sbs_gnav_logo {
    background: transparent url(/global/profiles/sbsdistribution/themes/global/images/logo/global_mobile_2x.png) no-repeat 0 0;
    background-size: 100% auto;
  }
}
/* line 372, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav {
  border-bottom: 1px solid #2c3540;
  height: 43px;
  padding: 0;
  z-index: 200;
}
/* line 377, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars {
  display: block;
  position: absolute;
  transition: left .20s ease-in-out, opacity .20s ease-in-out;
  -moz-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Safari and Chrome */
  -o-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Opera */
  opacity: 0;
  left: -50%;
  top: 85px;
  width: 50%;
  min-height: 600px;
  z-index: -1;
  background-color: #1b2024;
  overflow: visible;
  height: auto;
}
/* line 391, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li {
  width: 86%;
  margin: 0 7%;
  clear: both;
  border-bottom: 1px solid #313841;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 397, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li:first-child {
  padding-left: 0;
}
/* line 399, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li:first-child > div {
  width: 100%;
}
/* line 403, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li div {
  bottom: 0;
  height: 2px;
}
/* line 407, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li a {
  color: #9fa9b3;
  padding: 10px 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px ;
  line-height: 14px ;
  letter-spacing: 0px ;
  text-indent: 0;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.ondemand.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.ondemand.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.ondemand.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.video.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.video.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.video.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.topics.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.topics.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.topics.active a:hover {
  color: #006dc7;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.news.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.news.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.news.active a:hover {
  color: #00acff;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.documentary.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.documentary.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.documentary.active a:hover {
  color: #756505;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.movies.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.movies.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.movies.active a:hover {
  color: #00ccc7;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.food.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.food.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.food.active a:hover {
  color: #b4c713;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.multimedia.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.multimedia.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.multimedia.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.podcasts.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.podcasts.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.podcasts.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.radio.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.radio.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.radio.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.ontv.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.ontv.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.ontv.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.channels.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.channels.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.channels.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.guide.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.guide.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.guide.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.programs.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.programs.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.programs.active a:hover {
  color: #ffc424;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.programguide.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.programguide.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.programguide.active a:hover {
  color: #ffc424;
}
/* line 96, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active {
  margin-right: 21px;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active a:hover {
  color: #267420;
}
/* line 68, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.shop.active:after {
  content: ' ';
  display: block;
  width: 2px;
  height: 14px;
  position: absolute;
  background: #000;
  top: 10px;
  right: -12px;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.sport.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.sport.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.sport.active a:hover {
  color: #267420;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.football.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.football.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.football.active a:hover {
  color: #f78e1e;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.worldcup.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.worldcup.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.worldcup.active a:hover {
  color: #5e9732;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.cycling.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.cycling.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.cycling.active a:hover {
  color: #d20000;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.comedy.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.comedy.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.comedy.active a:hover {
  color: #ca00ff;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.sbshome.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.sbshome.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.sbshome.active a:hover {
  color: #d20000;
}
/* line 97, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.tourdefrance.active a, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.tourdefrance.active a:visited, .displaymode-tablet #page .header .sbs_gnav .sbs_gnav_bars ul li.tourdefrance.active a:hover {
  color: #ffa900;
}
/* line 422, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav.expanded-menu .sbs_gnav_bars {
  display: block;
  opacity: 1;
  left: -1px;
  border-right: 1px solid #252b31;
  transition: left .20s ease-in-out, opacity .20s ease-in-out;
  -moz-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Firefox 4 */
  -webkit-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Safari and Chrome */
  -o-transition: left .20s ease-in-out, opacity .20s ease-in-out;
  /* Opera */
}
/* line 431, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -100%;
  width: 100%;
  height: 80px;
  top: 85px;
  border-bottom: 1px solid #1a1a1a;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 443, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search.expanded-menu {
  overflow: visible;
  display: block;
  left: 0;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 451, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search form {
  width: 100%;
  padding: 0;
}
/* line 455, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search form .form-item {
  margin-bottom: 11px;
}
/* line 462, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search form .form-submit {
  top: 17px;
}
/* line 465, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search form .form-text {
  height: 24px;
  float: left;
  position: relative;
  width: 80%;
  padding-top: 0;
  margin: 22px 0 0 3.5%;
  font-size: 21px ;
  line-height: 21px ;
  letter-spacing: -1px ;
  padding-bottom: 7px;
}
/* line 483, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .mobile_menu,
.displaymode-tablet #page .header .mobile_search {
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 43px;
  top: -1px;
  border: 1px solid #161616;
  border-top: 0;
  border-left: 0;
}
/* line 495, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .mobile_menu:before,
.displaymode-tablet #page .header .mobile_search:before {
  content: '';
  position: absolute;
  top: 1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #2c3540;
  border-top: 0;
  border-left: 0;
}
/* line 507, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .mobile_menu:after,
.displaymode-tablet #page .header .mobile_search:after {
  text-shadow: black 1px 1px 1px;
  line-height: 45px;
}
/* line 511, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .mobile_menu.active,
.displaymode-tablet #page .header .mobile_search.active {
  -moz-box-shadow: inset -1px 1px 10px black;
  -webkit-box-shadow: inset -1px 1px 10px black;
  box-shadow: inset -1px 1px 10px black;
  background-image: url(/global/profiles/sbsdistribution/themes/global/images/global_nav/bg_btn.png);
}
/* line 450, ../../../scss/mixins/_icons.scss */
.displaymode-tablet #page .header .mobile_menu:after {
  color: #d8dcdc;
  content: "";
  font-size: 24px !important;
}
/* line 475, ../../../scss/mixins/_icons.scss */
.displaymode-tablet #page .header .mobile_menu.disabled:after {
  color: white !important;
}
/* line 518, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .mobile_menu:after {
  margin-left: 19px;
}
/* line 450, ../../../scss/mixins/_icons.scss */
.displaymode-tablet #page .header .mobile_search:after {
  color: #d8dcdc;
  content: "";
  font-size: 24px !important;
}
/* line 475, ../../../scss/mixins/_icons.scss */
.displaymode-tablet #page .header .mobile_search.disabled:after {
  color: white !important;
}
/* line 524, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .mobile_search:after {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  text-shadow: black -1px 1px 1px;
  margin-left: 19px;
  font-size: 21px !important;
}
/* line 532, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .user_status {
  margin: 0;
  position: absolute;
  right: 130px;
  padding: 0;
  z-index: 2001;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 542, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .user_status .capture_end_session span:after {
  content: "";
}
/* line 546, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .user_status > span {
  display: block;
  clear: both;
}

/* ------------------------------------ Mobile */
/* line 374, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-mobile #page .user_status a.username {
  display: none;
}
/* line 377, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-mobile #page .user_status a.janrain_capture_signin {
  position: relative;
  top: -3px;
}
/* line 380, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-mobile #page .user_status a.janrain_capture_signin span {
  display: block;
  clear: both;
}
/* line 389, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-mobile #page .header .sbs_gnav_bars li.shop {
  margin-right: 0;
}
/* line 144, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-mobile #page .header .sbs_gnav_bars li.shop:after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
/* line 392, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-mobile #page .header .sbs_gnav_bars li span {
  display: none;
}

/* ------------------------------------ Tablet */
/* line 403, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-tablet #page .user_status {
  min-width: 95px;
}
/* line 406, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-tablet #page .user_status a span {
  display: inline;
  clear: none;
}
/* line 414, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-tablet #page .header .sbs_gnav_bars li.shop {
  margin-right: 0;
}
/* line 144, ../../../scss/global/global_nav/_mixins_vars.scss */
.displaymode-tablet #page .header .sbs_gnav_bars li.shop:after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
/* line 417, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-tablet #page .header .sbs_gnav_bars li span {
  display: none;
}
/* line 421, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-tablet #page .header #block-sbs-global-widgets-gsa-search form .form-text {
  width: 88%;
}
/* line 427, ../../../scss/global/global_nav/sbs_global_nav.scss */
.displaymode-tablet #page #footer .header .sbs_gnav {
  height: 85px;
}

/* ------------------------------------ desktop */