/* font face */
/* rem font size */
/* fonts */
@font-face {
  font-family: "BTFont Light";
  src: url("../fonts/bt/BTFont-Light.eot?") format("eot"), url("../fonts/bt/BTFont-Light.woff") format("woff"), url('../fonts/bt/BTFont-Light.svg#str-replace("BTFont Light", " ", "_")') format("svg"), url("../fonts/bt/BTFont-Light.otf") format("opentype"), url("../fonts/bt/BTFont-Light.ttf") format("truetype");
}

@font-face {
  font-family: "BTFont Regular";
  src: url("../fonts/bt/BTFont-Regular.eot?") format("eot"), url("../fonts/bt/BTFont-Regular.woff") format("woff"), url('../fonts/bt/BTFont-Regular.svg#str-replace("BTFont Regular", " ", "_")') format("svg"), url("../fonts/bt/BTFont-Regular.otf") format("opentype"), url("../fonts/bt/BTFont-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "BTFont Bold";
  src: url("../fonts/bt/BTFont-Bold.eot?") format("eot"), url("../fonts/bt/BTFont-Bold.woff") format("woff"), url('../fonts/bt/BTFont-Bold.svg#str-replace("BTFont Bold", " ", "_")') format("svg"), url("../fonts/bt/BTFont-Bold.otf") format("opentype"), url("../fonts/bt/BTFont-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "BT TV Icons";
  src: url("../fonts/bt/bttvicons.eot?") format("eot"), url("../fonts/bt/bttvicons.woff") format("woff"), url("../fonts/bt/bttvicons.woff2") format("woff2");
}

/* icon set */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'BT TV Icons';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  display: inline-block;
}

.icon-ad:before {
  content: '\e800';
}

.icon-search:before {
  content: '\e801';
}

.icon-burger:before {
  content: '\e802';
}

.icon-collection:before {
  content: '\e804';
}

.icon-chevron-left:before {
  content: '\e805';
}

.icon-chevron-right:before {
  content: '\e806';
}

.icon-close:before {
  content: '\e807';
}

.icon-settings:before {
  content: '\e808';
}

.icon-email:before {
  content: '\e809';
}

.icon-watchlive:before {
  content: '\e80a';
}

.icon-user:before {
  content: '\e80b';
}

.icon-ticket:before {
  content: '\e80c';
}

.icon-sub:before {
  content: '\e80d';
}

.icon-chevron-down:before {
  content: '\e80e';
}

.icon-chevron-up:before {
  content: '\e803';
}

.icon-help:before {
  content: '\e810';
}

.icon-info:before {
  content: '\e811';
}

.icon-livenext:before {
  content: '\e812';
}

.icon-livenow:before {
  content: '\e813';
}

.icon-lock:before {
  content: '\e814';
}

.icon-logout:before {
  content: '\e815';
}

.icon-news:before {
  content: '\e816';
}

.icon-ondemand:before {
  content: '\e817';
}

.icon-planviewing:before {
  content: '\e818';
}

.icon-play:before {
  content: '\e819';
}

.icon-plus:before {
  content: '\e81a';
}

body {
  margin: 0;
  padding: 0;
}

/*@mixin clearfixBT() {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}*/
.bt-container {
  margin: 0 auto;
  padding-left: 8px;
  padding-right: 8px;
}

.bt-container:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.skip {
  overflow: hidden;
  display: block;
  width: 0;
  height: 0;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
  width: auto;
  height: auto;
  overflow: visible;
}

/**
 * Responsive breakpoints
 */
/**
 * Responsive grid framework (Standalone) similar to Bootstrap.
 */
@media (min-width: 768px) {
  .bt-row {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.bt-row:before,
.bt-row:after {
  content: " ";
  display: table;
}

.bt-row::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.bt-col {
  position: relative;
  min-height: 1px;
}

@media (min-width: 768px) {
  .bt-col {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.bt-col,
.bt-row,
.bt-container,
.bt-col::after,
.bt-col::before,
.bt-row::after,
.bt-row::before,
.bt-container::after,
.bt-container::before {
  box-sizing: border-box;
}

@media (min-width: 320px) {
  .bt-col-xs-12-of-12 {
    float: left;
    width: 100%;
  }
  .bt-col-xs-11-of-12 {
    float: left;
    width: 91.66667%;
  }
  .bt-col-xs-10-of-12 {
    float: left;
    width: 83.33333%;
  }
  .bt-col-xs-9-of-12 {
    float: left;
    width: 75%;
  }
  .bt-col-xs-8-of-12 {
    float: left;
    width: 66.66667%;
  }
  .bt-col-xs-7-of-12 {
    float: left;
    width: 58.33333%;
  }
  .bt-col-xs-6-of-12 {
    float: left;
    width: 50%;
  }
  .bt-col-xs-5-of-12 {
    float: left;
    width: 41.66667%;
  }
  .bt-col-xs-4-of-12 {
    float: left;
    width: 33.33333%;
  }
  .bt-col-xs-3-of-12 {
    float: left;
    width: 25%;
  }
  .bt-col-xs-2-of-12 {
    float: left;
    width: 16.66667%;
  }
  .bt-col-xs-1-of-12 {
    float: left;
    width: 8.33333%;
  }
}

@media (min-width: 768px) {
  .bt-col-sm-12-of-12 {
    float: left;
    width: 100%;
  }
  .bt-col-sm-11-of-12 {
    float: left;
    width: 91.66667%;
  }
  .bt-col-sm-10-of-12 {
    float: left;
    width: 83.33333%;
  }
  .bt-col-sm-9-of-12 {
    float: left;
    width: 75%;
  }
  .bt-col-sm-8-of-12 {
    float: left;
    width: 66.66667%;
  }
  .bt-col-sm-7-of-12 {
    float: left;
    width: 58.33333%;
  }
  .bt-col-sm-6-of-12 {
    float: left;
    width: 50%;
  }
  .bt-col-sm-5-of-12 {
    float: left;
    width: 41.66667%;
  }
  .bt-col-sm-4-of-12 {
    float: left;
    width: 33.33333%;
  }
  .bt-col-sm-3-of-12 {
    float: left;
    width: 25%;
  }
  .bt-col-sm-2-of-12 {
    float: left;
    width: 16.66667%;
  }
  .bt-col-sm-1-of-12 {
    float: left;
    width: 8.33333%;
  }
}

@media (min-width: 1024px) {
  .bt-col-md-12-of-12 {
    float: left;
    width: 100%;
  }
  .bt-col-md-11-of-12 {
    float: left;
    width: 91.66667%;
  }
  .bt-col-md-10-of-12 {
    float: left;
    width: 83.33333%;
  }
  .bt-col-md-9-of-12 {
    float: left;
    width: 75%;
  }
  .bt-col-md-8-of-12 {
    float: left;
    width: 66.66667%;
  }
  .bt-col-md-7-of-12 {
    float: left;
    width: 58.33333%;
  }
  .bt-col-md-6-of-12 {
    float: left;
    width: 50%;
  }
  .bt-col-md-5-of-12 {
    float: left;
    width: 41.66667%;
  }
  .bt-col-md-4-of-12 {
    float: left;
    width: 33.33333%;
  }
  .bt-col-md-3-of-12 {
    float: left;
    width: 25%;
  }
  .bt-col-md-2-of-12 {
    float: left;
    width: 16.66667%;
  }
  .bt-col-md-1-of-12 {
    float: left;
    width: 8.33333%;
  }
}

@media (min-width: 1200px) {
  .bt-col-lg-12-of-12 {
    float: left;
    width: 100%;
  }
  .bt-col-lg-11-of-12 {
    float: left;
    width: 91.66667%;
  }
  .bt-col-lg-10-of-12 {
    float: left;
    width: 83.33333%;
  }
  .bt-col-lg-9-of-12 {
    float: left;
    width: 75%;
  }
  .bt-col-lg-8-of-12 {
    float: left;
    width: 66.66667%;
  }
  .bt-col-lg-7-of-12 {
    float: left;
    width: 58.33333%;
  }
  .bt-col-lg-6-of-12 {
    float: left;
    width: 50%;
  }
  .bt-col-lg-5-of-12 {
    float: left;
    width: 41.66667%;
  }
  .bt-col-lg-4-of-12 {
    float: left;
    width: 33.33333%;
  }
  .bt-col-lg-3-of-12 {
    float: left;
    width: 25%;
  }
  .bt-col-lg-2-of-12 {
    float: left;
    width: 16.66667%;
  }
  .bt-col-lg-1-of-12 {
    float: left;
    width: 8.33333%;
  }
}

.social-media-icons::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.social-media-icons a {
  display: inline-block;
  padding: 0;
}

.social-media-icons > li {
  float: left;
  display: block;
  padding: 0 5px;
}

.social-media-icons > li:first-child {
  padding-left: 0;
}

.social-media-icons > li:last-child {
  padding-right: 0;
}

@media (max-width: 767px) {
  .social-media-icons > li {
    margin-right: 0;
  }
}

.social-media-icons > li > a > .title {
  position: absolute;
  left: -5000px;
}

.social-media-icons .facebook, .social-media-icons .twitter, .social-media-icons .instagram, .social-media-icons .youtube {
  background: url(../images/icons/sprites.png) no-repeat;
  width: 30px;
  height: 35px;
}

@media (min-width: 1024px) and (max-width: 1023px) {
  .social-media-icons .facebook, .social-media-icons .twitter, .social-media-icons .instagram, .social-media-icons .youtube {
    margin-right: 3px;
  }
}

.social-media-icons .facebook {
  background-position: -10px -5px;
  margin-left: 0;
}

.social-media-icons .twitter {
  background-position: -59px -5px;
}

.social-media-icons .instagram {
  background-position: -110px -5px;
}

.social-media-icons .youtube {
  background-position: -158px -5px;
  margin-right: 0;
}

/*$linkHighlight: lighten(#0295d4, 20%);*/
/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Crap - CMS integration issues, needs to be removed! - volatile environment
   */
}

.bt-navigation-component2 ul {
  margin: 0;
  padding: 0;
}

.bt-navigation-component2 a {
  text-decoration: none;
}

.bt-navigation-component2 a:focus {
  outline: #337ab7 dotted 1px;
  outline-offset: 3px;
}

@media (min-width: 768px) {
  .bt-navigation-component2 a:focus {
    outline: #337ab7 dotted thin;
  }
}

.bt-navigation-component2 .primary-navigation a:focus {
  outline-offset: 0;
}

.bt-navigation-component2 .open:focus {
  outline: 0;
}

.bt-navigation-component2 * {
  box-sizing: border-box;
  font-family: 'BT TV Regular', sans-serif;
}

.bt-navigation-component2 img {
  max-width: 100%;
  width: auto;
  border: none;
}

.bt-navigation-component2 a:hover {
  text-decoration: none;
}

.bt-navigation-component2 a:active, .bt-navigation-component2 a:focus {
  text-decoration: none !important;
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Common list styles for nav lists
   */
}

.bt-navigation-component2 .tertiary-navigation-wrap,
.bt-navigation-component2 .sub-navigation-wrap,
.bt-navigation-component2 .live-ticker-container-wrap {
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation-wrap.burger-menu-is-open,
  .bt-navigation-component2 .sub-navigation-wrap.burger-menu-is-open,
  .bt-navigation-component2 .live-ticker-container-wrap.burger-menu-is-open {
    left: -50px;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .tertiary-navigation-wrap.burger-menu-is-open,
  .bt-navigation-component2 .sub-navigation-wrap.burger-menu-is-open,
  .bt-navigation-component2 .live-ticker-container-wrap.burger-menu-is-open {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .global-nav .null,
  .bt-navigation-component2 .primary-navigation .null,
  .bt-navigation-component2 .sub-navigation .null,
  .bt-navigation-component2 .tertiary-navigation .null {
    background-color: #ffffff;
  }
  .bt-navigation-component2 .global-nav .null a,
  .bt-navigation-component2 .primary-navigation .null a,
  .bt-navigation-component2 .sub-navigation .null a,
  .bt-navigation-component2 .tertiary-navigation .null a {
    color: #333333;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
  }
}

.bt-navigation-component2 .global-nav ul li,
.bt-navigation-component2 .primary-navigation ul li,
.bt-navigation-component2 .sub-navigation ul li,
.bt-navigation-component2 .tertiary-navigation ul li {
  list-style-type: none;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .global-nav ul li,
  .bt-navigation-component2 .primary-navigation ul li,
  .bt-navigation-component2 .sub-navigation ul li,
  .bt-navigation-component2 .tertiary-navigation ul li {
    display: inline-block;
    vertical-align: middle;
  }
  .bt-navigation-component2 .global-nav ul li + li,
  .bt-navigation-component2 .primary-navigation ul li + li,
  .bt-navigation-component2 .sub-navigation ul li + li,
  .bt-navigation-component2 .tertiary-navigation ul li + li {
    margin-left: .8em;
  }
}

@media (min-width: 1024px) {
  .bt-navigation-component2 .global-nav ul li + li,
  .bt-navigation-component2 .primary-navigation ul li + li,
  .bt-navigation-component2 .sub-navigation ul li + li,
  .bt-navigation-component2 .tertiary-navigation ul li + li {
    margin-left: 1.5em;
  }
}

.bt-navigation-component2 .tertiary-navigation::after,
.bt-navigation-component2 .sub-navigation .sub-nav-group::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.bt-navigation-component2 .tertiary-navigation > ul,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul {
  list-style-type: none;
}

.bt-navigation-component2 .tertiary-navigation > ul > li a,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a {
  position: relative;
  display: block;
  padding: 13px 10px 13px 13px;
  font-size: 14px;
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation > ul > li a,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a {
    color: #6400aa;
  }
}

.bt-navigation-component2 .tertiary-navigation > ul > li a > span,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a > span {
  color: #333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation > ul > li a > span,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a > span {
    color: #6400aa;
  }
}

.bt-navigation-component2 .tertiary-navigation > ul > li a > em,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a > em {
  font-style: normal;
  color: #333;
}

.bt-navigation-component2 .tertiary-navigation > ul > li a:hover,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation > ul > li a:hover,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover {
    color: #6400aa;
    text-decoration: underline;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation > ul > li,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li {
    width: 50%;
    float: left;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .tertiary-navigation > ul > li a,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .bt-navigation-component2 .tertiary-navigation > ul > li + li,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li {
    margin-left: 0;
  }
  .bt-navigation-component2 .tertiary-navigation > ul > li + li > a,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li > a {
    padding-left: 0;
    padding-right: 0;
  }
  .bt-navigation-component2 .tertiary-navigation > ul > li + li.back a,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li.back a {
    margin-right: 0;
    color: #6400aa;
  }
}

.bt-navigation-component2 .sub-navigation-wrap {
  background-color: #ffffff;
}

.bt-navigation-component2 .live-ticker-wrap,
.bt-navigation-component2 .live-ticker-panel-wrap {
  /*  background-color : #303030;*/
  background-color: #eeeeee;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-wrap,
  .bt-navigation-component2 .live-ticker-panel-wrap {
    background-color: #eee;
  }
}

.bt-navigation-component2 .global-nav-wrap *,
.bt-navigation-component2 .primary-navigation-wrap *,
.bt-navigation-component2 .primary-navigation-dropdown-wrap *,
.bt-navigation-component2 .sub-navigation-wrap *,
.bt-navigation-component2 .live-ticker-wrap *,
.bt-navigation-component2 .live-ticker-panel-wrap * {
  color: #ffffff;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .global-nav-wrap *,
  .bt-navigation-component2 .primary-navigation-wrap *,
  .bt-navigation-component2 .primary-navigation-dropdown-wrap *,
  .bt-navigation-component2 .sub-navigation-wrap *,
  .bt-navigation-component2 .live-ticker-wrap *,
  .bt-navigation-component2 .live-ticker-panel-wrap * {
    color: #333;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .non-mobile-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .mobile-only {
    display: none !important;
  }
  .bt-navigation-component2 .primary-navigation-wrap,
  .bt-navigation-component2 .primary-navigation-dropdown-wrap {
    /* background-color: #222; */
    background-color: #eeeeee;
  }
  .bt-navigation-component2 .primary-navigation-deco2 {
    border-bottom: 1px solid #dddddd;
  }
  .bt-navigation-component2 .primary-navigation-deco2::after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }
  .bt-navigation-component2 .primary-navigation-deco2 {
    border-bottom-color: #dddddd;
    min-height: 62px;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger span.channel :focus,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger span.live-now :focus,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger span.next-programme :focus,
.bt-navigation-component2 .live-ticker :focus,
.bt-navigation-component2 a :focus,
.bt-navigation-component2 .sub-navigation ul li :focus,
.bt-navigation-component2 .primary-navigation .dtop-left-group ul li :focus,
.bt-navigation-component2 .primary-navigation .dtop-right-group ul li:first-child :focus {
  outline: #337ab7 dotted 1px;
}

.bt-navigation-component2 .primary-navigation .search :focus {
  outline: #337ab7 auto 1px !important;
}

/**
 * Components
 */
/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Decorator
   */
  /**
   * Component
   */
}

.bt-navigation-component2 .global-nav-wrap {
  background-color: #070707;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .global-nav-wrap {
    z-index: 1000;
    position: relative;
    height: 46px;
    background-color: none;
    border-bottom: 1px solid #ddd;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .global-nav ul li + li {
    margin-left: 1.5em;
  }
}

@media (min-width: 1024px) {
  .bt-navigation-component2 .global-nav ul li + li {
    margin-left: 2.5em;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .global-nav {
    display: none;
  }
}

.bt-navigation-component2 .global-nav * {
  line-height: 18px;
  font-size: 12px;
}

.bt-navigation-component2 .global-nav a {
  display: block;
  padding: 6px 0;
  font-family: 'BT TV Regular', sans-serif;
}

.bt-navigation-component2 .global-nav a:hover {
  color: #fff;
}

.bt-navigation-component2 .global-nav a:hover {
  color: #3fc4fd;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .global-nav a {
    display: inline-block;
  }
}

.bt-navigation-component2 .global-nav ul > li > a:hover {
  color: #3fc4fd;
}

.bt-navigation-component2 .global-nav ul > li > a:hover i {
  color: #3fc4fd;
}

.bt-navigation-component2 .global-nav ul > li > a.selected {
  margin-bottom: -1px;
  padding-bottom: 7px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

.bt-navigation-component2 .global-nav ul > li > a > i {
  float: none;
  margin-right: 0;
  height: auto;
  margin-left: .3em;
  font-size: 14px;
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 .main-mobile-menu {
  width: 100%;
  padding: 7px 6px 8px 58px;
  background-color: #222;
  /**
     * State
     */
  /**
     * When in mobile, fix navigation
     */
}

@media (max-width: 767px) {
  .bt-navigation-component2 .main-mobile-menu {
    background-color: #fff;
    border-bottom: solid 1px #ddd;
  }
}

.bt-navigation-component2 .main-mobile-menu:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.bt-navigation-component2 .main-mobile-menu a {
  padding: .4em;
}

.bt-navigation-component2 .main-mobile-menu a > i {
  font-size: 20px;
  background: none;
}

.bt-navigation-component2 .main-mobile-menu .mobile-burger-menu-trigger {
  position: absolute;
  top: 0;
  left: 0;
  right: left;
  display: block;
  width: 50px;
  height: 45px;
  padding: 0;
  background-color: #222;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .main-mobile-menu .mobile-burger-menu-trigger {
    background-color: #fff;
  }
}

.bt-navigation-component2 .main-mobile-menu .mobile-burger-menu-trigger > i {
  display: block;
  margin-top: 11px;
  margin-left: 16px;
  font-size: 18px;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .main-mobile-menu .mobile-burger-menu-trigger {
    display: none;
  }
}

.bt-navigation-component2 .main-mobile-menu .mob-left-group {
  float: left;
}

.bt-navigation-component2 .main-mobile-menu .mob-right-group {
  float: right;
}

.bt-navigation-component2 .main-mobile-menu .mob-right-group > a {
  margin-left: .5em;
}

.bt-navigation-component2 .main-mobile-menu .logo {
  display: block;
  width: 100px;
  margin-top: 1px;
}

.bt-navigation-component2 .main-mobile-menu .logo > img {
  display: block;
  width: 100%;
}

.bt-navigation-component2 .main-mobile-menu.burger-menu-is-open {
  padding-left: 17px;
}

.bt-navigation-component2 .main-mobile-menu.burger-menu-is-open .mobile-burger-menu-trigger {
  margin-left: -50px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .main-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Decorator
   */
}

.bt-navigation-component2 .smartbanner .sb-container {
  position: relative;
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Decorator
   */
  /**
   * Component
   */
}

.bt-navigation-component2 .primary-navigation-wrap > .primary-navigation-container > .close-menu {
  display: none;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-wrap {
    /**
       * Primary navigation as burger menu when in mobile mode
       */
  }
  .bt-navigation-component2 .primary-navigation-wrap.mobile-burger-menu {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100%;
    width: 100%;
    background-color: transparent;
  }
  .bt-navigation-component2 .primary-navigation-wrap.mobile-burger-menu > .primary-navigation-container {
    position: relative;
    height: 100%;
  }
  .bt-navigation-component2 .primary-navigation-wrap.mobile-burger-menu > .primary-navigation-container .primary-navigation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
  }
  .bt-navigation-component2 .primary-navigation-wrap.mobile-burger-menu.open > .primary-navigation-container {
    /*> .mobile-burger-menu-trigger {
              margin-right : 0;
            }*/
  }
  .bt-navigation-component2 .primary-navigation-wrap.mobile-burger-menu.open > .primary-navigation-container > .close-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    border: none;
    background: none;
    cursor: pointer;
  }
  .bt-navigation-component2 .primary-navigation-wrap.mobile-burger-menu.open > .primary-navigation-container .primary-navigation {
    margin-right: 50px;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-wrap {
    border-top: 1px solid #333;
    height: 63px;
  }
  @-moz-document url-prefix() {
    .bt-navigation-component2 .primary-navigation-wrap {
      height: 64px;
    }
  }
}

.bt-navigation-component2 .primary-navigation * {
  font-size: 15px;
}

.bt-navigation-component2 .primary-navigation a {
  display: block;
  padding: 13px;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation a {
    display: inline-block;
    padding: 1.2em .3em;
    border-left: none;
    border-bottom: 1px solid transparent;
  }
}

.bt-navigation-component2 .primary-navigation .search {
  position: relative;
  width: 160px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .search {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bt-navigation-component2 .primary-navigation .search {
    width: 250px;
  }
}

.bt-navigation-component2 .primary-navigation .search > label {
  position: absolute;
  left: -5000px;
}

.bt-navigation-component2 .primary-navigation .search > input {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  color: #666;
  border-radius: 3px;
  border: none;
}

.bt-navigation-component2 .primary-navigation .search > input::-webkit-input-placeholder {
  color: #808080;
}

.bt-navigation-component2 .primary-navigation .search > input:-moz-placeholder {
  /* Firefox 18- */
  color: #808080;
}

.bt-navigation-component2 .primary-navigation .search > input::-moz-placeholder {
  /* Firefox 19+ */
  color: #808080;
}

.bt-navigation-component2 .primary-navigation .search > input:-ms-input-placeholder {
  color: #808080;
}

.bt-navigation-component2 .primary-navigation .search > i {
  position: absolute;
  top: 4px;
  right: 10px;
  display: block;
  font-size: 20px;
  color: #999;
}

.bt-navigation-component2 .primary-navigation .bt-external-icons {
  padding: 13px 0 13px 17px;
  border-top: 1px solid #333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .bt-external-icons {
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
}

.bt-navigation-component2 .primary-navigation .bt-external-icons > em {
  display: block;
  padding-bottom: 13px;
  font-style: normal;
  font-size: 12px;
  color: #ccc;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .bt-external-icons > em {
    color: #333;
  }
}

.bt-navigation-component2 .primary-navigation .bt-external-icons > .icon-list li {
  display: inline-block;
}

.bt-navigation-component2 .primary-navigation .bt-external-icons > .icon-list a {
  padding: 0;
}

.bt-navigation-component2 .primary-navigation .highlighted-link-list {
  background-color: #321E5B;
  border-bottom: 1px solid #222;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .highlighted-link-list {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
  }
}

.bt-navigation-component2 .primary-navigation .highlighted-link-list li + li {
  border-top: 1px solid #55379B;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .highlighted-link-list li + li {
    border-top: 1px solid #ddd;
  }
}

.bt-navigation-component2 .primary-navigation .highlighted-link-list > li a {
  padding-left: 17px;
  font-size: 16px;
}

.bt-navigation-component2 .primary-navigation .secondary-link-list > li {
  border-bottom: 1px solid #070707;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .secondary-link-list > li {
    border-bottom: 1px solid #ddd;
  }
}

.bt-navigation-component2 .primary-navigation .secondary-link-list > li a {
  padding-left: 17px;
  font-size: 14px;
  color: #808080;
}

.bt-navigation-component2 .primary-navigation .secondary-link-list + .logo-wrap .logo > img {
  width: auto;
}

.bt-navigation-component2 .primary-navigation .logo-wrap {
  text-align: center;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .logo-wrap {
    background-color: #5514b4;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list {
    white-space: nowrap;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li > a {
  text-decoration: none;
  font-family: 'BT TV Regular', sans-serif;
  /*&.nav-toggle {
            &:hover {
              color : $linkHover;

              > i {
                color : $linkHover;
              }
            }
          }*/
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li > a > i {
  position: relative;
  float: right;
  display: inline-block;
  top: -1px;
  font-size: 12px;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a {
    border-bottom-width: 1px;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a.open {
    border-bottom-color: #6400aa;
    padding-bottom: 8px;
    margin-bottom: 11px;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a > i {
    position: relative;
    float: none;
    margin-left: 5px;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li:not(.primary-cta) > a:not(.logo):hover {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li:not(.primary-cta) > a:not(.logo):hover {
    color: #6400aa;
    background-color: #fff;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li:not(.primary-cta) > a:not(.logo):hover > i {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li:not(.primary-cta) > a:not(.logo):hover > i {
    color: #6400aa;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li.primary-cta > a {
  border-radius: 0 !important;
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  height: 42px;
  text-align: center;
  background-color: #bf1111;
  color: white;
  font-family: "BT TV Regular";
  font-size: 15px;
  line-height: 42px;
  vertical-align: middle;
  box-sizing: border-box;
  border: none;
  position: static;
  width: auto;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button {
    width: 100%;
    background-color: #e60050;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button:link, .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button:visited {
  background-color: #bf1111;
  color: white;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button:link, .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button:visited {
    background-color: #eee;
    border-bottom: solid 1px #ddd;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button:hover, .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button:hover i {
  color: #6400aa !important;
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button span, .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button i {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  position: static;
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button span {
  float: left !important;
  display: inline-block;
  width: 118px;
  text-align: center;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button span:hover, .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button span:hover i {
    color: #6400aa !important;
  }
}

.bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button i {
  float: right;
  display: inline-block;
  border-left: 1px solid #f2dfe1;
  width: 42px;
}

@media (max-width: 1024px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li .chevron-button i {
    display: none;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a {
    border-bottom: 1px solid #ddd;
    border-left: 4px solid transparent;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a.open {
    /*border-left-color: #0295d4;
              border-left-color: $linkOpen;*/
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a.open:not(.primary-cta):not(.logo) {
    color: #6400aa;
    background-color: #ffffff;
    border-top: 0px solid #dddddd;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a.open:not(.primary-cta):not(.logo) > i {
    color: #6400aa;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a.open:not(.primary-cta):not(.logo):hover {
    color: #6400aa;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li > a.open:not(.primary-cta):not(.logo):hover > i {
    color: #6400aa;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation .primary-link-list > li.primary-cta {
    padding: .3em 0;
  }
  .bt-navigation-component2 .primary-navigation .primary-link-list > li.primary-cta > a {
    margin-top: -2px;
    padding: .7em;
    border-radius: 5px;
    border-bottom: none;
  }
}

.bt-navigation-component2 .primary-navigation .dtop-left-group .logo {
  width: 140px;
  padding: 0;
  margin-top: 5px;
}

.bt-navigation-component2 .primary-navigation .dtop-left-group .logo > img {
  width: 100%;
}

.skip {
  overflow: hidden;
  display: block;
  width: 0;
  height: 0;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
  width: auto;
  height: auto;
  overflow: visible;
}

@media (max-width: 767px) {
  li.null a:hover {
    color: #333333 !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .bt-navigation-component2 .primary-navigation-wrap {
    height: 64px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .bt-navigation-component2 .primary-navigation-wrap {
    height: 64px;
  }
}

.bt-navigation-component2 .primary-navigation .search > i.icon-search,
.bt-navigation-component2 .primary-navigation-dropdown .watch-live .categories.channels strong > i.icon-watchlive,
.bt-navigation-component2 .primary-navigation-dropdown .categories strong > i.icon-livenow,
.bt-navigation-component2 .primary-navigation-dropdown .categories strong > i.icon-livenext,
.bt-navigation-component2 .primary-navigation-dropdown .categories strong > i.icon-ondemand,
.bt-navigation-component2 .primary-navigation-dropdown .categories strong > i.icon-planviewing,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span > i.icon-livenow,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme > strong > span > i.icon-livenext,
.bt-navigation-component2 .primary-navigation-dropdown .channels strong > i.icon-watchlive,
.bt-navigation-component2 .live-ticker-panel .live-now > .summary > .livenow-text-cta > i.icon-livenow,
.bt-navigation-component2 .live-ticker-panel .summary > em > i.icon-livenext {
  display: none !important;
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title.section-selected > strong {
  color: #6400aa;
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title.section-selected > strong:hover {
  text-decoration: none;
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 .primary-navigation-dropdown {
  display: none;
}

.bt-navigation-component2 .primary-navigation-dropdown * {
  font-size: 14px;
}

.bt-navigation-component2 .primary-navigation-dropdown ul {
  margin: 0;
  list-style-type: none;
}

.bt-navigation-component2 .primary-navigation-dropdown a,
.bt-navigation-component2 .primary-navigation-dropdown strong {
  display: block;
  padding: 1em 0;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown a,
  .bt-navigation-component2 .primary-navigation-dropdown strong {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ddd;
    border-top: none !important;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown a,
  .bt-navigation-component2 .primary-navigation-dropdown strong {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category ul a,
  .bt-navigation-component2 .primary-navigation-dropdown .open-category ul strong,
  .bt-navigation-component2 .primary-navigation-dropdown .categories ul a,
  .bt-navigation-component2 .primary-navigation-dropdown .categories ul strong {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category a,
  .bt-navigation-component2 .primary-navigation-dropdown .categories a {
    padding-bottom: 3px;
    line-height: 20px;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category *,
.bt-navigation-component2 .primary-navigation-dropdown .categories a {
  font-size: 14px;
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category *,
  .bt-navigation-component2 .primary-navigation-dropdown .categories a {
    color: #333;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .channels ul a,
  .bt-navigation-component2 .primary-navigation-dropdown .channels ul strong,
  .bt-navigation-component2 .primary-navigation-dropdown .programme ul a,
  .bt-navigation-component2 .primary-navigation-dropdown .programme ul strong {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .categories strong,
.bt-navigation-component2 .primary-navigation-dropdown .channels strong {
  line-height: 18px;
}

.bt-navigation-component2 .primary-navigation-dropdown .categories strong > i,
.bt-navigation-component2 .primary-navigation-dropdown .channels strong > i {
  position: relative;
  top: 2px;
  margin-right: .15em;
  font-size: 16px;
  color: #ccc;
}

.bt-navigation-component2 .primary-navigation-dropdown .categories strong > i.icon-livenow, .bt-navigation-component2 .primary-navigation-dropdown .categories strong > i.icon-livenext,
.bt-navigation-component2 .primary-navigation-dropdown .channels strong > i.icon-livenow,
.bt-navigation-component2 .primary-navigation-dropdown .channels strong > i.icon-livenext {
  top: 0;
  font-size: 12px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .toggle-icon {
    float: right;
    color: #333;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category a {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category a {
    color: #333;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category a.selected, .bt-navigation-component2 .primary-navigation-dropdown .open-category a:hover {
  color: #6400aa;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category a.selected, .bt-navigation-component2 .primary-navigation-dropdown .open-category a:hover {
    color: #6400aa;
    text-decoration: none;
    background-color: #fff;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title strong {
  padding: 0;
  border: none;
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title:hover strong, .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title:hover .toggle-icon {
  /*color : yellow;*/
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title:hover strong, .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title:hover .toggle-icon {
    color: #6400aa;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title {
    margin-top: -3px;
    padding-bottom: 0;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title > strong {
  font-weight: normal;
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title > strong {
    color: #333;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title > strong:hover {
    color: #6400aa;
    text-decoration: underline;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .open-category a,
  .bt-navigation-component2 .primary-navigation-dropdown .open-category strong {
    padding-left: 30px;
    padding-right: 30px;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .open-category .category-title {
    background-color: #fff;
    border-bottom: 1px solid #ddd !important;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .categories .live-now
.next-programme strong {
  line-height: 20px;
}

.bt-navigation-component2 .primary-navigation-dropdown .categories .live-now
.next-programme strong > i {
  font-size: 12px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner {
    border-bottom: 1px solid #ddd;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner > strong {
  font-weight: normal;
  background-color: transparent;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner > strong {
    font-size: 12px;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner a:hover {
  color: #6400aa;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner a:hover {
    text-decoration: none;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner a.selected {
  color: #6400aa;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner a.selected {
    color: #6400aa;
    text-decoration: none;
    font-family: "BT TV Bold";
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner ul a,
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner ul strong {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .categories > .categories-inner > strong {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .categories {
    padding-left: 0;
    padding-right: 0;
    border-left: 1px solid #dddddd;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .categories strong {
    font-size: 12px;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .categories > .categories-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .categories > .categories-inner > strong {
    font-weight: normal;
    color: #333333;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .programme > a {
  max-width: 100%;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: #6400aa;
}

.bt-navigation-component2 .primary-navigation-dropdown .programme > a > em {
  margin-right: .2em;
  font-style: normal;
  color: #6400aa;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .programme > a > em {
    font-weight: bold;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .programme > a:hover {
  text-decoration: underline;
}

.bt-navigation-component2 .primary-navigation-dropdown .live-now > a > em {
  color: #6400aa;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .live-now > a > em {
    font-weight: bold;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .live-now > a > em:hover {
  /*color : $linkHighlight;*/
  text-decoration: underline;
}

.bt-navigation-component2 .primary-navigation-dropdown .live-now > a:hover {
  /*color : $linkHighlight;*/
  text-decoration: underline;
}

.bt-navigation-component2 .primary-navigation-dropdown .live-now > strong > i {
  color: #333333;
}

.bt-navigation-component2 .primary-navigation-dropdown .live-now.categories > strong {
  color: #333333;
}

.bt-navigation-component2 .primary-navigation-dropdown .next-programme * {
  color: #333333;
}

.bt-navigation-component2 .primary-navigation-dropdown .channels > ul li > a > img {
  display: block;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .channels > a {
    padding-top: 0;
    line-height: 30px;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .channels > a > img {
    width: 100%;
    vertical-align: middle;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown .watch-live {
    border-bottom: 1px solid #ddd;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown .watch-live {
    padding-bottom: .3em;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .watch-live .categories {
  padding-left: 8px;
  padding-right: 8px;
  border: none;
}

.bt-navigation-component2 .primary-navigation-dropdown .watch-live .categories strong {
  font-weight: normal;
  text-transform: uppercase;
}

.bt-navigation-component2 .primary-navigation-dropdown .watch-live .categories.channels strong,
.bt-navigation-component2 .primary-navigation-dropdown .watch-live .categories.channels strong > i {
  color: #333333;
}

.bt-navigation-component2 .primary-navigation-dropdown .watch-live .categories.channels strong > i {
  top: -1px;
  vertical-align: middle;
}

.bt-navigation-component2 .primary-navigation-dropdown .watch-live-non-mobile {
  padding: 0 8px;
  padding-right: 16px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .primary-navigation-dropdown {
    background-color: #222;
  }
  .bt-navigation-component2 .primary-navigation-dropdown strong {
    padding-top: .5em;
    padding-bottom: .5em;
  }
  .bt-navigation-component2 .primary-navigation-dropdown ul {
    background-color: #fff;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner > strong,
  .bt-navigation-component2 .primary-navigation-dropdown .channels > strong,
  .bt-navigation-component2 .primary-navigation-dropdown .programme > strong {
    background-color: #eee;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner > strong + ul > li:last-child > a,
  .bt-navigation-component2 .primary-navigation-dropdown .channels > strong + ul > li:last-child > a,
  .bt-navigation-component2 .primary-navigation-dropdown .programme > strong + ul > li:last-child > a {
    border-bottom: none;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner ul > li > a,
  .bt-navigation-component2 .primary-navigation-dropdown .channels ul > li > a,
  .bt-navigation-component2 .primary-navigation-dropdown .programme ul > li > a {
    border-bottom: 1px solid #dddddd;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .open-category ul > li > a {
    border-top: 1px solid #222;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .channels strong,
  .bt-navigation-component2 .primary-navigation-dropdown .programme strong {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
  }
  .bt-navigation-component2 .primary-navigation-dropdown .programme > strong,
  .bt-navigation-component2 .primary-navigation-dropdown .categories .categories-inner > strong {
    color: #333333;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-dropdown {
    padding-top: .8em;
    padding-bottom: .8em;
  }
  .bt-navigation-component2 .primary-navigation-dropdown a,
  .bt-navigation-component2 .primary-navigation-dropdown strong {
    padding-top: .5em;
    padding-bottom: 0;
  }
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category a.category-title.football-page.section-selected {
  border-bottom: none !important;
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category a.category-title.football-page.section-selected:hover > strong {
  color: #6400aa;
  text-decoration: underline !important;
}

.bt-navigation-component2 .primary-navigation-dropdown .open-category a.category-title.football-page.section-selected > strong {
  color: #333333;
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Decorator
   */
  /**
   * Component
   */
}

.bt-navigation-component2 .sub-navigation-wrap {
  z-index: 100;
  position: relative;
  height: 40px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation-wrap {
    height: inherit;
    line-height: inherit;
    background-color: #fff;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap {
  position: relative;
  font-size: 14px;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > a {
  font-size: 14px;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .title {
  display: block;
  padding: 13px;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .title .toggle-icon {
  display: block;
  margin-top: -1px;
  margin-right: 2px;
  float: right;
  font-size: 14px;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .title > strong {
  font-weight: normal;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .back {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 13px;
  width: 48px;
  border-right: 2px solid #222;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .back {
    border-right: 1px solid #ddd;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .back .icon-chevron-left {
  display: block;
  margin-top: -1px;
  margin-left: 5px;
  vertical-align: top;
  font-size: 14px;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .back + .title {
  padding-left: 60px;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > span,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > em,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > em i {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > span,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > em,
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > em i {
    color: #6400aa;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li:first-child a {
  color: #6400aa;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li:first-child a:hover {
  text-decoration: underline;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li:first-child a > span {
  color: #fff;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a {
    padding-left: 5px;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li {
    /*&:not(.selected) {
                 > a > span {
                   &:hover {
                     color : $linkHover;
                   }
                 }
              }*/
  }
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li > a {
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li > a {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li + li > a:hover {
    text-decoration: underline;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .sub-navigation .sub-nav-group {
    margin-left: -5px;
    margin-right: -5px;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap > .title {
    float: left;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav-group .sub-nav {
    display: block !important;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap ~ .title-wrap {
  border-top: 2px solid #222;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation .sub-nav-group > .title-wrap ~ .title-wrap {
    border-top: 1px solid #dddddd;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav {
  width: 100%;
  display: none;
}

.bt-navigation-component2 .sub-navigation .sub-nav::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation .sub-nav {
    background-color: #eee;
    border-top: 1px solid #ddd;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav .revealSubNavToggle em .toggle-icon,
.bt-navigation-component2 .sub-navigation .sub-nav .revealTertiaryNavToggle em .toggle-icon {
  position: relative;
  top: -1px;
  margin-left: .2em;
  font-size: 11px;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .sub-navigation .sub-nav .revealSubNavToggle em .toggle-icon,
  .bt-navigation-component2 .sub-navigation .sub-nav .revealTertiaryNavToggle em .toggle-icon {
    margin-left: .3em;
    margin-right: .2em;
    color: #333;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav .revealTertiaryNavToggle {
  margin-bottom: -1px;
  padding-bottom: 5px;
}

.bt-navigation-component2 .sub-navigation .sub-nav > li.back {
  display: none;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .sub-navigation .sub-nav > li > a {
    border-bottom: 1px solid transparent;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li > a.open > .bg {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0;
    background-color: transparent;
    filter: alpha(opacity=30);
    opacity: .3;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li > a.open > em {
    position: relative;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.back {
    display: inline-block;
    padding-right: 12px;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.back > a {
    padding-left: 0;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.back > a > i {
    position: relative;
    top: -1px;
    margin-right: .8em;
    font-size: 10px;
    color: #6400aa;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.back > a:hover {
    color: #6400aa;
    text-decoration: underline;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.back > a:hover > i {
    color: #6400aa;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.back > a:hover > i:hover {
    color: #6400aa;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.shadow-separator {
    padding-left: 17px;
    height: 40px;
    border-left: 1px solid #ddd;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation .sub-nav > li.shadow-separator {
    border-left: none;
    background: url("../images/bt-navigation-component2-shade.png") bottom left no-repeat;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .sub-navigation .sub-nav > li.selected > a {
    border-bottom: 1px solid #6400aa;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.selected > a > span {
    color: #6400aa;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.selected > a:hover {
    text-decoration: none;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .sub-navigation .sub-nav > li.selected > a {
    padding-top: 7px;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.selected > a:hover {
    text-decoration: none;
  }
  .bt-navigation-component2 .sub-navigation .sub-nav > li.selected > a > span {
    display: block;
    color: #6400aa;
    border-bottom: 1px solid #6400aa;
    font-family: "BT TV Bold";
    padding-top: 5px;
  }
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a:hover > em i.toggle-icon.icon-chevron-up,
.bt-navigation-component2 .sub-navigation .sub-nav .revealTertiaryNavToggle em toggle-icon icon-chevron-down:hover,
.bt-navigation-component2 .sub-navigation .sub-nav > li > a.open > em,
.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li a > em:hover,
.bt-navigation-component2 .sub-navigation .sub-nav .revealTertiaryNavToggle em .toggle-icon:hover,
.bt-navigation-component2 .sub-navigation .sub-nav > li > a.open em .toggle-icon.icon-chevron-up {
  color: #6400aa !important;
}

.bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li > a.revealTertiaryNavToggle.non-mobile-only:hover em, .bt-navigation-component2 .sub-navigation .sub-nav-group > ul > li > a.revealTertiaryNavToggle.non-mobile-only:hover i {
  color: #6400aa;
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Decorator
   */
  /**
   * Component
   */
}

.bt-navigation-component2 .tertiary-navigation-wrap {
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .tertiary-navigation-wrap {
    border-top: 1px solid #dddddd;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation-wrap {
    background-color: #eee;
  }
}

.bt-navigation-component2 .tertiary-navigation a:hover {
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .tertiary-navigation a:hover {
    color: #6400aa;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .tertiary-navigation a {
    color: #ccc;
  }
  .bt-navigation-component2 .tertiary-navigation > ul > li a {
    padding: 8px 0px;
    margin-right: 4px;
  }
}

@media (min-width: 1024px) {
  .bt-navigation-component2 .tertiary-navigation > ul > li a {
    margin-right: 15px;
  }
}

/**
 * bt-navigation-component2 namespace
 */
.bt-navigation-component2 {
  /**
   * Context Modifiers
   */
  /**
   * Outer Container
   */
  /**
   * live-ticker Decorator
   */
  /**
   * live-ticker Component
   */
  /**
   * live-ticker-panel Decorator
   */
  /**
   * live-ticker-panel Component
   */
}

@media (min-width: 768px) {
  .bt-navigation-component2 .primary-navigation-wrap + .primary-navigation-dropdown-wrap + .live-ticker-container-wrap .live-ticker-container {
    border-top: none;
  }
}

@media (min-width: 768px) {
  body.takeover-active .bt-navigation-component2 .live-ticker-channels .toggle-icon {
    width: 250px;
  }
}

@media (min-width: 1024px) {
  body.takeover-active .bt-navigation-component2 .live-ticker-channels .toggle-icon {
    width: 350px;
  }
}

.bt-navigation-component2 .live-ticker-container {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-container {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: block !important;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-wrap {
    display: block !important;
  }
}

.bt-navigation-component2 .live-ticker {
  font-size: 14px;
  /**
     * General styles for ticker
     */
}

.bt-navigation-component2 .live-ticker a {
  font-size: 14px;
}

.bt-navigation-component2 .live-ticker a.live-ticker-trigger {
  display: block;
}

.bt-navigation-component2 .live-ticker .live-ticker-trigger-inner {
  display: block;
}

.bt-navigation-component2 .live-ticker .live-ticker-trigger-inner > span {
  display: inline-block;
}

.bt-navigation-component2 .live-ticker .live-ticker-trigger-inner > span > strong {
  display: inline-block;
  text-transform: uppercase;
  font-weight: normal;
}

.bt-navigation-component2 .live-ticker .live-ticker-trigger-inner > span em {
  font-style: normal;
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger {
  height: 30px;
  padding: 0 13px;
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now .programme:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now .programme:hover {
    text-decoration: none;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger > .toggle-icon {
  position: relative;
  top: 6px;
  right: 3px;
  float: right;
  font-size: 11px;
  background-color: transparent;
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger > .toggle-icon {
    color: #333;
    margin-left: 18px;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger > .toggle-icon {
    right: 11px;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-ticker-trigger-inner {
  display: block;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger:hover > .toggle-icon {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger:hover > .toggle-icon {
    color: #333;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger:hover .live-ticker-trigger-inner > .live-now .programme {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger:hover .live-ticker-trigger-inner > .live-now .programme {
    text-decoration: none;
    outline: none;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .channel,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme {
  display: inline-block;
  height: 100%;
  padding: 5px 0;
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span > i,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme > strong > span > i {
  position: relative;
  top: -1px;
  vertical-align: baseline;
  font-size: 12px;
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now em,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme em {
  margin-left: .5em;
  margin-right: .2em;
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme * {
  color: #333;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme > strong {
    border-left: 1px solid #ddd;
  }
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme > strong > span {
    padding-left: 20px;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now {
  margin-right: 1em;
  padding-left: 2em;
  border-left: solid 1px #ddd;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now {
    border-left: solid 1px #ddd;
    padding-left: 5px;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now .programme {
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now .programme {
    color: #333;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now em,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now strong,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span > i,
.bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span > span.live-now-text {
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now em,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now strong,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span > i,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now > strong > span > span.live-now-text {
    color: #333;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger {
    padding-left: 0;
    padding-right: 0;
  }
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .channel {
    margin-right: 19px;
    padding-top: 5px;
  }
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now {
    padding-left: 20px;
    padding-top: 5px;
    margin-right: 18px;
  }
}

.bt-navigation-component2 .live-ticker-panel-wrap {
  display: none;
}

.bt-navigation-component2 .live-ticker-panel p {
  font-size: 14px;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image {
  float: left;
  max-width: 200px;
  min-width: 200px;
  padding: 13px;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image > .ticker-image-inner {
  position: relative;
  display: block;
  min-height: 50px;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image img {
  display: block;
  width: 100%;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .trapezium {
  display: inline-block;
  height: 0;
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 0 22px 12px;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .cta {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: .3em;
  display: inline-block;
  color: #1083b9;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .cta.trapezium {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  border-color: #0b7db3 transparent;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .cta .cta-icon {
  float: right;
  margin-left: .3em;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .cta .cta-icon > i {
  position: relative;
  display: inline-block;
  margin-right: .3em;
  top: -1px;
  font-size: 9px;
  color: #1083b9;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .cta .cta-icon > i.icon-lock {
  font-size: 12px;
}

.bt-navigation-component2 .live-ticker-panel .ticker-image .cta .cta-icon > i.icon-ticket {
  font-size: 13px;
}

.bt-navigation-component2 .live-ticker-panel .summary {
  padding-top: 5px;
}

.bt-navigation-component2 .live-ticker-panel .summary em {
  display: block;
  font-style: normal;
  /*&:hover {
              color : $linkHover;
            color : $linkHighlightPink;
            text-decoration: underline;
          }*/
}

.bt-navigation-component2 .live-ticker-panel .summary > em > i,
.bt-navigation-component2 .live-ticker-panel .summary > a > i {
  position: relative;
  font-size: 12px;
}

.bt-navigation-component2 .live-ticker-panel .summary > em,
.bt-navigation-component2 .live-ticker-panel .summary > .livenow-text-cta {
  display: inline-block;
  padding: .5em 0;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 12px;
}

.bt-navigation-component2 .live-ticker-panel .summary .title {
  display: block;
  padding-bottom: 8px;
  line-height: 20px;
  font-size: 14px;
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .summary .title {
    color: #6400aa;
  }
}

.bt-navigation-component2 .live-ticker-panel .live-now {
  display: block;
}

.bt-navigation-component2 .live-ticker-panel .live-now::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.bt-navigation-component2 .live-ticker-panel .live-now > .summary {
  border-bottom: 1px solid #dddddd;
}

.bt-navigation-component2 .live-ticker-panel .live-now > .summary > a > i {
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .live-now > .summary {
    margin: 0 13px;
  }
}

.bt-navigation-component2 .live-ticker-panel .live-now > .summary > .livenow-text-cta,
.bt-navigation-component2 .live-ticker-panel .live-now > .summary > .livenow-text-cta > i,
.bt-navigation-component2 .live-ticker-panel .live-now > .summary em {
  color: #333333;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .live-now > .summary > .livenow-text-cta,
  .bt-navigation-component2 .live-ticker-panel .live-now > .summary > .livenow-text-cta > i,
  .bt-navigation-component2 .live-ticker-panel .live-now > .summary em {
    color: #333;
  }
}

.bt-navigation-component2 .live-ticker-panel .live-now > .summary em {
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .live-now > .summary em {
    color: #6400aa;
    font-family: "BT TV Bold";
  }
}

.bt-navigation-component2 .live-ticker-panel .live-now .ticker-image + .summary {
  margin-left: 200px;
  margin-right: 10px;
}

.bt-navigation-component2 .live-ticker-panel .live-now:hover > .summary .title,
.bt-navigation-component2 .live-ticker-panel .live-now:hover > .summary em,
.bt-navigation-component2 .live-ticker-panel .live-now:hover > .details * {
  /*  color : $linkHover;*/
  color: #6400aa;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .live-now:hover > .summary .title,
  .bt-navigation-component2 .live-ticker-panel .live-now:hover > .summary em,
  .bt-navigation-component2 .live-ticker-panel .live-now:hover > .details * {
    color: #6400aa;
    text-decoration: underline;
  }
}

.bt-navigation-component2 .live-ticker-panel .next-programme > .summary * {
  color: #333333;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker-panel .ticker-image + .summary + .details {
    margin-left: 200px;
  }
}

.bt-navigation-component2 .live-ticker-panel .details {
  line-height: 20px;
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .details {
    border-bottom: none;
  }
}

.bt-navigation-component2 .live-ticker-panel .details > p {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .details > p {
    color: #6400aa;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-panel .details {
    padding: 0 8px 0 13px;
    clear: both;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker-panel .ticker-image {
    padding-left: 0;
  }
  .bt-navigation-component2 .live-ticker-panel .summary em {
    display: inline-block;
    margin-right: .2em;
  }
}

.bt-navigation-component2 .live-ticker-channels {
  /* background-color : #222;*/
  background-color: #eeeeee;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-channels {
    background-color: #eee;
  }
}

.bt-navigation-component2 .live-ticker-channels .toggle-icon {
  position: relative;
  display: inline-block;
  float: right;
  height: 34px;
  padding-right: 15px;
  padding-top: 3px;
  text-align: right;
  width: 40px;
  color: #6400aa;
}

.bt-navigation-component2 .live-ticker-channels .toggle-icon:hover > i {
  color: #6400aa;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker-channels .toggle-icon {
    width: 275px;
    padding-right: 11px;
  }
}

@media (min-width: 1024px) {
  .bt-navigation-component2 .live-ticker-channels .toggle-icon {
    width: 488px;
  }
}

.bt-navigation-component2 .live-ticker-channels .toggle-icon > i {
  font-size: 11px;
  color: #6400aa;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-channels .toggle-icon > i {
    color: #333;
  }
}

.bt-navigation-component2 .live-ticker-channels .channels {
  padding: 0 13px;
  white-space: nowrap;
  list-style-type: none;
}

.bt-navigation-component2 .live-ticker-channels .channels > li {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  margin-right: .6em;
  vertical-align: top;
}

.bt-navigation-component2 .live-ticker-channels .channels > li > a,
.bt-navigation-component2 .live-ticker-channels .channels > li > a img {
  display: block;
  vertical-align: top;
}

.bt-navigation-component2 .live-ticker-channels .channels > li > a {
  position: relative;
}

.bt-navigation-component2 .live-ticker-channels .channels > li > .arrow {
  position: absolute;
  top: 0px;
  display: none;
  margin-left: -8px;
  left: 50%;
  border: 8px solid #333;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.bt-navigation-component2 .live-ticker-channels .channels > li.selected > .arrow {
  display: block;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-channels .channels {
    overflow-x: hidden;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker-channels .channels {
    padding-left: 0;
    padding-right: 0;
  }
  .bt-navigation-component2 .live-ticker-channels .channels > li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .channel {
    padding-right: 10px;
  }
}

.burger-menu-is-open > .bt-container-wrap {
  overflow: hidden;
}

body.burger-menu-is-open {
  height: 100%;
  overflow-y: hidden;
}

.content-container {
  width: 100%;
}

@media (max-width: 767px) {
  .content-container.burger-menu-is-open {
    position: relative;
    left: -50px;
  }
}

@media (min-width: 768px) {
  .content-container.burger-menu-is-open {
    margin-left: 0 !important;
  }
}

.bt-navigation-component2 .section-selected {
  border-bottom: 1px solid #6400aa !important;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .section-selected {
    border-color: #ddd !important;
    color: #6400aa !important;
    font-family: "BT TV Bold";
  }
}

.bt-navigation-component2 .section-selected:hover {
  text-decoration: none !important;
}

.bt-navigation-component2 .skip-link-container {
  border-bottom: 1px solid #222;
}

.bt-navigation-component2 .skip-link-container .skip-link {
  display: inline-block;
  padding: .5em 0;
  color: #fff;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .bt-container {
    padding: 0;
  }
  .bt-navigation-component2 .bt-container.tertiary-navigation {
    border-top: 1px solid #ddd;
  }
}

@media (min-width: 768px) {
  .bt-navigation-component2 {
    min-width: 768px;
  }
  .bt-navigation-component2 .dtop-left-group {
    float: left;
  }
  .bt-navigation-component2 .dtop-right-group {
    float: right;
  }
}

@media (min-width: 768px) {
  .bt-container {
    width: 738px;
  }
}

@media (min-width: 1024px) {
  .bt-container {
    width: 994px;
  }
}

@media (min-width: 1200px) {
  .bt-container {
    width: 1170px;
  }
}

/*Dante-5869-rebrand logos UI fixes starts*/
.bt-navigation-component2 .live-ticker > .live-ticker-trigger {
  height: 35px;
}

@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now {
    padding-top: 7px;
  }
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now strong,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme > strong,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-now .programme,
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .next-programme .programme {
    position: relative;
    top: 1px;
  }
}

.bt-navigation-component2 .live-ticker > .live-ticker-trigger > .toggle-icon {
  top: 10px;
}

.bt-navigation-component2 img[alt="BoxNation"] {
  position: relative;
  top: 2px;
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker > .live-ticker-trigger .live-ticker-trigger-inner {
    position: relative;
    top: 2px;
  }
  .bt-navigation-component2 .main-mobile-menu .logo > img {
    width: auto;
    height: 30px;
  }
  .bt-navigation-component2 .main-mobile-menu a.logo {
    padding: 0;
  }
}
/*Dante-5869-rebrand logos UI fixes ends*/

/*DANTE:6033 Sport Live issue fix starts */
@media (min-width: 768px) {
  .bt-navigation-component2 .live-ticker img[alt="BoxNation"] {
    position: relative;
    top: -1px;
  }
}

@media (max-width: 767px) {
  .bt-navigation-component2 .live-ticker-channels img[alt="BoxNation"] {
    position: relative;
    top: 3px;
  }
}

/*DANTE:6033 Sport Live issue fix ends */