@font-face {
  font-family: "GT-Walsheim";
  src: url("../../fonts/GT-Walsheim/GT-Walsheim-Regular.eot") format("eot"), url("../../fonts/GT-Walsheim/GT-Walsheim-Regular.woff") format("woff"), url("../../fonts/GT-Walsheim/GT-Walsheim-Regular.ttf") format("truetype"), url("../../fonts/GT-Walsheim/GT-Walsheim-Regular.svg#GT-Walsheim") format("svg"); }

@font-face {
  font-family: "GT-Walsheim";
  font-weight: 100;
  src: url("../../fonts/GT-Walsheim/GT-Walsheim-Light.eot") format("eot"), url("../../fonts/GT-Walsheim/GT-Walsheim-Light.woff") format("woff"), url("../../fonts/GT-Walsheim/GT-Walsheim-Light.ttf") format("truetype"), url("../../fonts/GT-Walsheim/GT-Walsheim-Light.svg#GT-Walsheim") format("svg"); }

@font-face {
  font-family: "GT-Walsheim";
  font-weight: 600;
  src: url("../../fonts/GT-Walsheim/GT-Walsheim-Bold.eot") format("eot"), url("../../fonts/GT-Walsheim/GT-Walsheim-Bold.woff") format("woff"), url("../../fonts/GT-Walsheim/GT-Walsheim-Bold.ttf") format("truetype"), url("../../fonts/GT-Walsheim/GT-Walsheim-Bold.svg#GT-Walsheim") format("svg"); }

/* 80 */
/* Reset */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Begin */
body {
  color: #fff;
  font-family: "GT-Walsheim", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0; }

a {
  color: #fff;
  outline: 0; }

.wait {
  background: #000;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  opacity: 0.4;
  filter: alpha(opacity=40);
  display: none; }

.wait i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  font-size: 200px; }

.tvListings-container {
  position: relative; }

.tvListings-days {
  position: relative; }
  .tvListings-days .rowNav .next,
  .tvListings-days .rowNav .prev {
    padding: 0 10px;
    display: block;
    color: #fff;
    position: absolute;
    top: 0;
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    color: #3bb700;
    width: 50px;
    text-align: center;
    background: #222222; }
  .tvListings-days .rowNav .next:hover,
  .tvListings-days .rowNav .prev:hover {
    color: #67ff1e; }
  .tvListings-days .rowNav .next {
    right: 0; }
  .tvListings-days .rowNav .prev {
    right: 70px; }
  .tvListings-days .rowNav .colTimes {
    background: #222222;
    overflow: hidden;
    padding-right: 130px;
    margin: 0; }
  .tvListings-days .rowNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 50px;
    margin: 0; }
    .tvListings-days .rowNav ul li {
      display: inline-block;
      margin: 0;
      height: 50px;
      vertical-align: top;
      /* line-height of 30px add an extra pixel to end */ }
      .tvListings-days .rowNav ul li a {
        height: 32px;
        text-decoration: none;
        color: #FFF;
        padding: 18px 20px 0;
        margin: 0;
        border-left: 1px solid #555;
        font-size: 15px;
        display: block;
        transition: all 0.2s linear; }
      .tvListings-days .rowNav ul li a:hover {
        color: #3bb700; }
      .tvListings-days .rowNav ul li a.first {
        border-left: 0; }
      .tvListings-days .rowNav ul li a.active {
        color: #3bb700;
        font-weight: 500; }

.tvListings-footer {
  background: #222222;
  border-top: 2px solid #fff; }
  .tvListings-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 50px;
    margin: 0; }
    .tvListings-footer ul li {
      display: inline-block;
      margin: 0;
      height: 50px;
      vertical-align: top;
      /* line-height of 30px add an extra pixel to end */ }
      .tvListings-footer ul li a {
        height: 32px;
        text-decoration: none;
        color: #FFF;
        padding: 18px 15px 0 10px;
        margin: 0;
        border-right: 1px solid #555;
        font-size: 14px;
        display: block;
        transition: all 0.2s linear; }
      .tvListings-footer ul li a:hover {
        color: #e40046; }

.tvListings {
  /* Prevent text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 100%; }
  .tvListings .box {
    display: inline-block;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    vertical-align: top;
    font-size: 11px; }
  .tvListings .box.first {
    border-left: 0; }
  .tvListings .rowContent {
    position: relative; }
    .tvListings .rowContent .colChannel {
      float: left;
      width: 170px; }
      .tvListings .rowContent .colChannel .channel {
        height: 120px;
        display: block;
        /*background: $grey;*/ }
        .tvListings .rowContent .colChannel .channel img.Eir-Sport-1, .tvListings .rowContent .colChannel .channel img.Eir-Sport-2 {
          padding-top: 30px;
          width: 120px; }
        .tvListings .rowContent .colChannel .channel img.BT-Europe,
        .tvListings .rowContent .colChannel .channel img.BT-Sports-1,
        .tvListings .rowContent .colChannel .channel img.BT-Sports-2,
        .tvListings .rowContent .colChannel .channel img.ESPN {
          padding-top: 42px;
          width: 150px; }
        .tvListings .rowContent .colChannel .channel img.BoxNation {
          width: 150px; }
    .tvListings .rowContent .colLeft,
    .tvListings .rowContent .colRight {
      width: 60px;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      opacity: 0.15;
      filter: alpha(opacity=15); }
    .tvListings .rowContent .colLeft {
      background: #222222 url("../../imgs/left.png") no-repeat right center; }
    .tvListings .rowContent .colRight {
      background: #222222 url("../../imgs/right.png") no-repeat left center; }
    .tvListings .rowContent .colLeft.active,
    .tvListings .rowContent .colLeft:hover {
      background: #555555 url("../../imgs/left.png") no-repeat right center; }
    .tvListings .rowContent .colRight.active,
    .tvListings .rowContent .colRight:hover {
      background: #555555 url("../../imgs/right.png") no-repeat left center; }
    .tvListings .rowContent .colLeft {
      border-right: 2px solid #fff;
      left: 166px; }
    .tvListings .rowContent .colRight {
      right: 0; }
    .tvListings .rowContent .colScrollContainer {
      overflow: hidden;
      position: relative; }
      .tvListings .rowContent .colScrollContainer .progress {
        background: #000 url("/Themes/eir/img/stripes.jpg");
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        opacity: 0.1;
        filter: alpha(opacity=10); }
      .tvListings .rowContent .colScrollContainer .progressBar {
        position: absolute;
        border-right: 4px dotted #FFF;
        top: 0;
        bottom: 0; }
      .tvListings .rowContent .colScrollContainer .content {
        padding-right: 60px;
        width: 1px;
        min-width: 100%;
        *width: 100%; }
        .tvListings .rowContent .colScrollContainer .content .rowTime {
          background: #222222;
          white-space: nowrap;
          display: block; }
          .tvListings .rowContent .colScrollContainer .content .rowTime .colTimes a {
            background: #04357B;
            color: #FFF;
            padding: 5px;
            margin: 0; }
        .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes {
          white-space: nowrap;
          display: inline-block; }
          .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a {
            height: 120px;
            background: #04357B;
            overflow: hidden;
            text-decoration: none;
            white-space: pre-wrap;
            transition: all 0.2s linear; }
            .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a span.title {
              display: block;
              font-size: 16px;
              padding: 0;
              margin: 0 0 4px;
              font-weight: 600;
              line-height: 20px; }
            .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a span.desc {
              display: block;
              font-size: 16px;
              line-height: 17px;
              font-weight: 100; }
          .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a.active,
          .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a:hover {
            background: #0760de; }
  .tvListings .live {
    text-transform: uppercase;
    color: red; }

/* Shrink when no descriptions */
.noDescriptions .rowContent .colChannel .channel {
  height: 80px; }

.noDescriptions .rowContent .colScrollContainer .content .rowChannel .colTimes a {
  /* Increase title size */
  height: 80px; }
  .noDescriptions .rowContent .colScrollContainer .content .rowChannel .colTimes a span.title {
    font-size: 18px;
    padding: 0;
    margin: 0 0 4px;
    font-weight: 400;
    line-height: 22px; }

.noDescriptions .rowContent .colChannel .channel img.Eir-Sport-1, .noDescriptions .rowContent .colChannel .channel img.Eir-Sport-2 {
  padding-top: 10px;
  width: 120px; }

.clear {
  clear: both;
  display: block; }

.tvListings-vert {
  display: none;
  position: relative; }
  .tvListings-vert .channel {
    /*padding: 20px;*/
    margin: 20px 2px; }
    .tvListings-vert .channel .logo {
      text-align: left;
      margin-bottom: 20px;
      background: #fff; }
    .tvListings-vert .channel .list {
      /* width: 320px; margin: 0 auto; */ }
  .tvListings-vert .channel.first {
    margin-top: 80px; }
  .tvListings-vert a.prog {
    padding: 0;
    margin: 0 0 2px !important;
    display: block;
    transition: all 0.2s linear;
    background: #04357B;
    margin-bottom: 4px; }
    .tvListings-vert a.prog .col1,
    .tvListings-vert a.prog .col2 {
      height: 74px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; }
    .tvListings-vert a.prog .col1 {
      width: 60px;
      float: left;
      border-right: 2px solid #fff;
      padding: 0;
      margin: 0; }
    .tvListings-vert a.prog .col2 {
      position: absolute;
      right: 0;
      left: 60px;
      padding-left: 60px;
      float: left;
      padding: 0;
      margin: 0;
      overflow: hidden; }
    .tvListings-vert a.prog .time {
      display: block;
      color: #c8c8c8;
      padding: 8px;
      font-size: 15px; }
    .tvListings-vert a.prog .title {
      display: block;
      text-decoration: none;
      padding: 8px 8px 6px;
      white-space: nowrap;
      font-size: 16px;
      font-weight: 600; }
    .tvListings-vert a.prog .desc {
      display: block;
      padding: 0 8px 8px;
      line-height: 20px;
      font-size: 16px;
      font-weight: 100; }
  .tvListings-vert a.prog:hover {
    background: #04357B; }

.tvListings-info {
  display: none;
  position: absolute;
  width: 600px;
  background: #FFF;
  border: 4px #222222 solid;
  z-index: 1200;
  padding-bottom: 50px; }
  .tvListings-info h2 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 20px;
    background: #222222;
    color: #fff;
    padding: 12px 10px 4px;
    height: 30px; }
  .tvListings-info .inner {
    padding: 10px;
    color: #333333; }
  .tvListings-info h3 {
    font-weight: 300;
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    padding: 0;
    line-height: 20px; }
  .tvListings-info p {
    font-weight: 100;
    padding: 0;
    font-size: 16px;
    line-height: 20px; }
  .tvListings-info .img {
    float: right;
    width: 200px;
    margin: 0 0 10px 10px;
    max-height: 100px; }
  .tvListings-info .imgChannel {
    height: 20px;
    position: absolute;
    bottom: 10px; }
  .tvListings-info .sport {
    background: #888888;
    padding: 4px;
    display: inline-block;
    color: #FFF;
    position: absolute;
    top: 55px;
    right: 10px; }
  .tvListings-info .sport.football:before {
    font-family: FontAwesome;
    content: '\f1e3';
    padding-right: 5px; }
  .tvListings-info .sport.news:before {
    font-family: FontAwesome;
    content: '\f1ea';
    padding-right: 5px; }
  .tvListings-info .sport.magazine:before {
    font-family: FontAwesome;
    content: '\f1ea';
    padding-right: 5px; }
  .tvListings-info .sport.motor-sport:before,
  .tvListings-info .sport.motorsport:before {
    font-family: FontAwesome;
    content: '\f1b9';
    padding-right: 5px; }
  .tvListings-info .sport.baseball:before {
    font-family: FontAwesome;
    content: '\f256';
    padding-right: 5px; }
  .tvListings-info .sport.golf:before {
    font-family: FontAwesome;
    content: '\f10c';
    padding-right: 5px; }
  .tvListings-info .sport.ice-hockey:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.rugby:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.tennis:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.cricket:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.extreme-sports:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.american-football:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.basketball:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.fishing:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.boxing:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .sport.athletics:before {
    font-family: FontAwesome;
    content: '\f0fc';
    padding-right: 5px; }
  .tvListings-info .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    background: #222222;
    color: #fff; }

hr {
  margin-bottom: 1.5em; }

hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #bdbdbd -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-style: solid none none;
  border-width: 1px 0 0;
  margin-bottom: 0.7em;
  margin-top: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

@media screen and (max-width: 1200px) {
  .tvListings .rowContent .colChannel {
    width: 100px; }
    .tvListings .rowContent .colChannel .channel {
      height: 60px; }
      .tvListings .rowContent .colChannel .channel img.Eir-Sport-1, .tvListings .rowContent .colChannel .channel img.Eir-Sport-2 {
        padding-top: 0px;
        margin-top: -2px;
        width: 75%;
        margin-left: 5px; }
      .tvListings .rowContent .colChannel .channel img.BT-Europe,
      .tvListings .rowContent .colChannel .channel img.BT-Sports-1,
      .tvListings .rowContent .colChannel .channel img.BT-Sports-2,
      .tvListings .rowContent .colChannel .channel img.ESPN {
        padding-top: 22px;
        width: 80px; }
      .tvListings .rowContent .colChannel .channel img.BoxNation {
        padding-top: 0px;
        margin-top: 3px;
        margin-left: 10px;
        width: 60px; }
    .tvListings .rowContent .colChannel .box {
      padding-left: 0; }
  .tvListings .rowContent .colLeft {
    border-right: 4px solid #fff;
    left: 96px; }
  .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a {
    height: 60px; }
    .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a h3 {
      font-size: 12px;
      padding: 0;
      margin: 0 0 4px;
      font-weight: 400; }
    .tvListings .rowContent .colScrollContainer .content .rowChannel .colTimes a p {
      font-size: 9px;
      line-height: 12px; }
  .title {
    font-size: 16px;
    font-weight: 600; }
  .desc {
    font-size: 16px;
    font-weight: 100; } }

@media screen and (max-width: 600px) {
  .tvListings {
    display: none; }
  .tvListings-days .rowNav .colTimes {
    border-left: 0; }
  .tvListings-days {
    position: fixed;
    top: 0;
    z-index: 1; }
  .tvListings-vert {
    display: block; }
  .tvListings-info {
    width: 90%; }
    .tvListings-info .img {
      width: 100px; }
    .tvListings-info .duration {
      display: block; }
  .title {
    font-size: 16px;
    font-weight: 600; }
  .desc {
    font-size: 16px;
    font-weight: 100; } }