@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Perform a value into a percentage value.
 * @param {number} $value - The value which should be converted.
 * @returns {number} $value - The percentage.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column-width().
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-column-gutter().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Alias for j-span().
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-shift().
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * Alias for j-unshift().
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 * Aliases for j-edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Alias for j-center().
 */
/**
 * Uncenter an element.
 */
/**
 * Alias for j-uncenter().
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Alias for j-stack().
 */
/**
 * Unstack an element.
 */
/**
 * Alias for j-unstack().
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Alias for j-align().
 */
/**
 * Apply a clearfix to an element.
 */
/**
 * Alias for j-cf().
 */
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  cursor: url(grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/*  ==========================================================================
    Break Points
    ========================================================================== */
/* ==========================================================================
   Typography
   ========================================================================== */
/* ==========================================================================
   Colours
   ========================================================================== */
/* ==========================================================================
   Icons sprites sheet
   ========================================================================== */
/* ==========================================================================
   Easing animation bezier curves
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden, .skip-to-main {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.focusable.skip-to-main:active,
.visuallyhidden.focusable:focus, .focusable.skip-to-main:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #cecece;
  text-shadow: none;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality;
}

.content {
  padding: 20px;
}

@font-face {
  font-family: archerregular;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Archer-Medium-Pro-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Medium-Pro-webfont.woff2") format("woff2"), url("../fonts/Archer-Medium-Pro-webfont.woff") format("woff"), url("../fonts/Archer-Medium-Pro-webfont.ttf") format("truetype"), url("../fonts/Archer-Medium-Pro-webfont.svg#archerregular") format("svg");
}

@font-face {
  font-family: archerbold;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Archer-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Bold-webfont.woff2") format("woff2"), url("../fonts/Archer-Bold-webfont.woff") format("woff"), url("../fonts/Archer-Bold-webfont.ttf") format("truetype"), url("../fonts/Archer-Bold-webfont.svg#archerbold") format("svg");
}

@font-face {
  font-family: archeritalic;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Archer-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-MediumItalic-webfont.woff2") format("woff2"), url("../fonts/Archer-MediumItalic-webfont.woff") format("woff"), url("../fonts/Archer-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/Archer-MediumItalic-webfont.svg#archeritalic") format("svg");
}

.regular, body, input,
label,
select, textarea,
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select[multiple=multiple], .sched-date {
  font-family: "archerregular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.italic, em {
  font-family: "archeritalic", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.bold, strong, .btn-header, .btn-header-c4og, .btn-download, .title-tab-blue, .title-tab-dark, .title-tab-dark-2, .title-tab-dark-3, .title-tab-black, .title-tab-white, .title-tab-pale-2, .title-tab-pale-4, .title-tab-green, .title-tab-red-1, .title-tab-orange, .title-tab-yellow, .title-tab-red, .title-tab-purple, .title-tab-black-iem-1, .title-tab-black-iem-2, .title-tab-black-iem-3, .title-tab-black-iem-4, .title-tab-white-iem-1, .title-tab-white-iem-2, .title-tab-white-iem-3, .title-tab-white-iem-4, .title-tab-white-c4og, .title-tab-blue-c4og, .title-tab-green-c4og, .title-tab-red-1-c4og, .title-tab-orange-c4og, .title-tab-yellow-c4og, .title-tab-pale-4-c4og, .title-tab-purple-c4og, .title-tab-bia-linn, .footer h2, .title-block, .title-block-c4og-1, .title-block-c4og-2, .title-block-c4og-alpha, .title-block-iem, .content-subtitle, .content-subtitle-c4og, .prog-title, .prog-title-c4og, .prog-title-c4og-alpha, .prog-title-sfs-alpha, .prog-title-bia-linn-alpha, .win-title, .news-title, .news-title-c4og, .doit-title, .presenter-title-list, .extra-title-list, .section-title, .livesport-item-sub, .day-link, .sched-lists-title, .sched-item-sub, .showing-day, .player-title, .player-title-list, .archiveLtr, .nlcontent-title, .nlcontent-subtitle, .newsletter-title, .newsletter-subtitle, .newsletter-botHeader, .newsletter-botsubHeader {
  font-family: "archerbold", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-style: normal;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  -moz-font-feature-settings: "kern", "liga", "pnum";
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  background-color: #ffffff;
  color: #353c40;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  font-weight: normal;
}

h1 {
  font-size: 37px;
  font-size: 3.7rem;
}

h2 {
  font-size: 27px;
  font-size: 2.7rem;
}

h3 {
  font-size: 25px;
  font-size: 2.5rem;
}

h4 {
  font-size: 23px;
  font-size: 2.3rem;
}

h5 {
  font-size: 21px;
  font-size: 2.1rem;
}

h6 {
  font-size: 20px;
  font-size: 2rem;
}

p {
  margin: 0 0 0.75rem;
}

a {
  color: #207bb8;
  text-decoration: none;
}

a:hover {
  color: #154f77;
}

a:active, a:focus {
  color: #154f77;
  outline: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #207bb8;
  margin: 1.5rem 0;
  padding: 0;
}

blockquote {
  border-left: 2px solid #207bb8;
  color: #58636a;
  margin: 1.5rem 0;
  padding-left: 0.75rem;
}

cite {
  color: #6f7d86;
  font-style: italic;
}

cite:before {
  content: "\2014 \00A0";
}

/* ==========================================================================
   General buttons
   ========================================================================== */
.btn-header {
  display: block;
  float: left;
  color: #8cbb4e;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0px 100px 0px 40px;
  margin-top: 5px;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 0;
}

.btn-header span {
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

.btn-header span:before {
  position: absolute;
  content: '';
  top: 13px;
  right: 13px;
}

.btn-header:hover, .btn-header:focus {
  background-color: black;
  color: #8cbb4e;
}

.btn-header:hover span, .btn-header:focus span {
  background-color: white;
}

.btn-header-c4og {
  display: block;
  float: left;
  color: #8cbb4e;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0px 100px 0px 40px;
  margin-top: 5px;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 0;
}

.btn-header-c4og span {
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

.btn-header-c4og span:before {
  position: absolute;
  content: '';
  top: 13px;
  right: 13px;
}

.btn-header-c4og:hover, .btn-header-c4og:focus {
  background-color: black;
  color: #8cbb4e;
}

.btn-header-c4og:hover span, .btn-header-c4og:focus span {
  background-color: white;
}

.btn-nl-play {
  display: block;
  float: left;
  color: white;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0px 0px 0px 60px;
  margin-top: 5px;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 0;
}

.btn-nl-play span {
  background-color: #207bb8;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

.btn-nl-play span:before {
  position: absolute;
  content: '';
  top: 14px;
  right: 13px;
}

.btn-nl-play:hover, .btn-nl-play:focus {
  background-color: white;
  color: #207bb8;
}

.btn-nl-play:hover span, .btn-nl-play:focus span {
  background-color: #249acc;
}

.html5lightbox {
  display: block;
  float: left;
  color: white;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0px 0px 0px 60px;
  margin-top: 5px;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 0;
}

.html5lightbox span {
  background-color: #207bb8;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

.html5lightbox span:before {
  position: absolute;
  content: '';
  top: 14px;
  right: 13px;
}

.html5lightbox:hover, .html5lightbox:focus {
  background-color: white;
  color: #207bb8;
}

.html5lightbox:hover span, .html5lightbox:focus span {
  background-color: #249acc;
}

.btn-download {
  display: block;
  float: left;
  color: white;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0px 100px 0px 40px;
  margin-top: 5px;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 0;
}

.btn-download span {
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

.btn-download span:before {
  position: absolute;
  content: '';
  top: 13px;
  right: 13px;
}

.btn-download:hover, .btn-download:focus {
  background-color: black;
  color: #8cbb4e;
}

.btn-download:hover span, .btn-download:focus span {
  background-color: white;
}

.watch-tel:before, .watch-lap:before, .watch-tab:before, .watch-mob:before, .watch-and:before, .facebook:before, .share-facebook:before, .twitter:before, .share-twitter:before, .share-email:before, .instagram:before, .youtube:before, .snapchat:before, .facebook-large:before, .share-facebook-large:before, .twitter-large:before, .share-twitter-large:before, .youtube-large:before, .share-youtube-large:before, .snapchat-large:before, .share-snapchat-large:before, .prog-panel .btn-nl-playbox:after, .online-logo-playlist:before, .prog-panel .arrow-box:after, .btn-high span:after, .btn-high-c4og span:after, .file-btnImg:before, .btn-header span:before, .btn-header-c4og span:before, .btn-nl-play span:before, .html5lightbox span:before, .btn-download span:before, .live-Soccer:before, .live-Basketball:before, .live-Boxing:before, .live-Rally:before, .live-Cycling:before, .live-Gaelic:before, .live-Racing:before, .live-Hurling:before, .live-Sailing:before, .live-Rugby:before, .rsMinW .rsArrowIcn, .slick-prev:before,
.slick-next:before, .featv-prev:before,
.featv-next:before, .featvp-prev:before, .featsp-prev:before, .featdoc-prev:before,
.featvp-next:before, .featsp-next:before, .featdoc-next:before, .sched-lists-top span:after {
  background: url("../images/sprite-icons@2x.png") no-repeat 0 0 transparent;
  background-size: 1000px auto;
  display: block;
}

.burger-menu:before, .search-btn-toggle:before, .search-btn:before, .search-btn-toggle:after, .no-player:after, .ireland-only:after {
  background: url("../images/sprite-icons@2x.png") no-repeat 0 0 transparent;
  background-size: 500px auto;
  display: block;
}

/* 	==========================================================================
   	Nav / Search icons
   	========================================================================== */
.burger-menu:before {
  background-position: -6px -10px;
  width: 21px;
  height: 15px;
}

.search-btn-toggle:before, .search-btn:before {
  background-position: -40px -7px;
  width: 20px;
  height: 20px;
}

.search-btn-toggle:after {
  background-position: -74px -8px;
  width: 20px;
  height: 20px;
}

/* 	==========================================================================
   	Footer icons
   	========================================================================== */
.watch-tel:before {
  background-position: -105px -7px;
  width: 24px;
  height: 19px;
}

.watch-lap:before {
  background-position: -138px -8px;
  width: 25px;
  height: 18px;
}

.watch-tab:before {
  background-position: -176px -7px;
  width: 15px;
  height: 19px;
}

.watch-mob:before {
  background-position: -212px -7px;
  width: 10px;
  height: 18px;
}

.watch-and:before {
  background-position: -241px -6px;
  width: 19px;
  height: 21px;
}

.facebook:before, .share-facebook:before {
  background-position: -10px -304px;
  width: 38px;
  height: 38px;
}

.twitter:before, .share-twitter:before {
  background-position: -76px -308px;
  width: 36px;
  height: 36px;
}

.share-email:before {
  background-position: -142px -308px;
  width: 36px;
  height: 36px;
}

.instagram:before {
  background-position: -106px -154px;
  width: 36px;
  height: 36px;
}

.youtube:before {
  background-position: -343px -302px;
  width: 48px;
  height: 48px;
}

.snapchat:before {
  background-position: -462px -302px;
  width: 44px;
  height: 44px;
}

.facebook-large:before, .share-facebook-large:before {
  background-position: -17px -542px;
  width: 140px;
  height: 140px;
}

@media (max-width: 700px) {
  .facebook-large:before, .share-facebook-large:before {
    background-position: 2px -360px;
    width: 60px;
    height: 60px;
  }
}

.twitter-large:before, .share-twitter-large:before {
  background-position: -180px -539px;
  width: 140px;
  height: 140px;
}

@media (max-width: 700px) {
  .twitter-large:before, .share-twitter-large:before {
    background-position: -64px -360px;
    width: 60px;
    height: 60px;
  }
}

.youtube-large:before, .share-youtube-large:before {
  background-position: -367px -542px;
  width: 140px;
  height: 140px;
}

@media (max-width: 700px) {
  .youtube-large:before, .share-youtube-large:before {
    background-position: -337px -360px;
    width: 60px;
    height: 60px;
  }
}

.snapchat-large:before, .share-snapchat-large:before {
  background-position: -552px -537px;
  width: 140px;
  height: 140px;
}

@media (max-width: 700px) {
  .snapchat-large:before, .share-snapchat-large:before {
    background-position: -455px -360px;
    width: 60px;
    height: 60px;
  }
}

/* 	==========================================================================
   	Button icons
   	========================================================================== */
.prog-panel .btn-nl-playbox:after {
  background-position: 0 -34px;
  width: 32px;
  height: 32px;
}

/*  ==========================================================================
    Programme Icons
   	========================================================================== */
.no-player:after {
  content: '';
  background-position: -8px -74px;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 8px;
}

.ireland-only:after {
  content: '';
  background-position: -40px -74px;
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-left: 8px;
}

/*  ==========================================================================
    Online now
   	========================================================================== */
.online-logo-playlist:before {
  content: '';
  background-position: -70px -75px;
  width: 25px;
  height: 18px;
}

/*  ==========================================================================
    Arrows
   	========================================================================== */
.prog-panel .arrow-box:after, .btn-high span:after, .btn-high-c4og span:after, .file-btnImg:before {
  content: '';
  background-position: -424px -460px;
  width: 40px;
  height: 40px;
}

.btn-header span:before, .btn-header-c4og span:before, .btn-nl-play span:before, .html5lightbox span:before, .btn-download span:before {
  content: '';
  background-position: -68px -456px;
  width: 48px;
  height: 50px;
}

/* 	==========================================================================
   	Live Sport icons
   	========================================================================== */
.live-Soccer:before {
  background-position: -8px -100px;
  width: 45px;
  height: 45px;
}

.live-Basketball:before {
  background-position: -27px -100px;
  width: 45px;
  height: 45px;
}

.live-Boxing:before {
  background-position: -60px -100px;
  width: 45px;
  height: 45px;
}

.live-Rally:before {
  background-position: -94px -100px;
  width: 45px;
  height: 45px;
}

.live-Cycling:before {
  background-position: -128px -100px;
  width: 45px;
  height: 45px;
}

.live-Gaelic:before {
  background-position: -161px -100px;
  width: 45px;
  height: 45px;
}

.live-Racing:before {
  background-position: -194px -100px;
  width: 45px;
  height: 45px;
}

.live-Hurling:before {
  background-position: -228px -100px;
  width: 45px;
  height: 45px;
}

.live-Sailing:before {
  background-position: -262px -100px;
  width: 45px;
  height: 45px;
}

.live-Rugby:before {
  background-position: -296px -100px;
  width: 45px;
  height: 45px;
}

fieldset {
  background: #3096db;
  border: 1px solid #207bb8;
  margin: 0 0 0.75rem 0;
  padding: 1.5rem;
}

input,
label,
select {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

label {
  font-weight: bold;
  margin-bottom: 0.375rem;
}

label.required:after {
  content: "*";
}

label abbr {
  display: none;
}

textarea,
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea,
select[multiple=multiple] {
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 0;
  border: 1px solid #207bb8;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.75rem;
  padding: 0px 10px 0px 10px;
  width: 100%;
  box-sizing: border-box;
}

textarea:hover,
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover,
select[multiple=multiple]:hover {
  border-color: #185e8d;
}

textarea:focus,
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus,
select[multiple=multiple]:focus {
  border-color: #207bb8;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(28, 108, 162, 0.7);
  outline: none;
}

textarea {
  resize: vertical;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375rem;
}

input[type="file"] {
  padding-bottom: 0.75rem;
  width: 100%;
}

select {
  margin-bottom: 1.5rem;
  max-width: 100%;
  width: auto;
}

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75rem 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #154f77;
  font-weight: bold;
  padding: 0.75rem 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #207bb8;
  padding: 0.75rem 0;
}

tr,
td,
th {
  vertical-align: middle;
}

/*  ==========================================================================
    ZURB Responsive Tables
    ========================================================================== */
table th {
  font-weight: bold;
}

table td, table th {
  padding: 9px 10px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0;
  }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .pinned table th, .pinned table td {
    white-space: nowrap;
  }
  .pinned td:last-child {
    border-bottom: 0;
  }
  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
  div.table-wrapper div.scrollable table {
    margin-left: 35%;
  }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
  }
  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
  }
}

/* ==========================================================================
   Main Nav
   ========================================================================== */
@media (max-width: 1024px) {
  #main-menu {
    display: none;
  }
}

@media (max-width: 1024px) {
  #main-menu-og {
    display: none;
  }
}

.burger-menu {
  display: none;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fce807;
  text-align: center;
  font-size: 10px;
  color: white;
  padding-top: 36px;
  padding-left: 1px;
}

.burger-menu:hover, .burger-menu:focus {
  color: white;
}

.burger-menu:before {
  content: '';
  position: absolute;
  top: 23px;
  right: 19px;
}

@media (max-width: 1024px) {
  .burger-menu {
    display: block;
  }
}

/* ==========================================================================
   Desktop Nav
   ========================================================================== */
#main-menu .main-menu-list > li > a:after, #main-menu .main-menu-list > li > a:hover:after, #main-menu .main-menu-list > li > a:focus:after, #main-menu .main-menu-list > li.current-menu-item a:after, #main-menu .main-menu-list > li.current-menu-item a:hover:after, #main-menu .main-menu-list-og > li > a:after, #main-menu .main-menu-list-og > li > a:hover:after, #main-menu .main-menu-list-og > li > a:focus:after, #main-menu .main-menu-list-og > li.current-menu-item a:after, #main-menu .main-menu-list-og > li.current-menu-item a:hover:after, #main-menu .main-menu-list-iem > li > a:after, #main-menu .main-menu-list-iem > li > a:hover:after, #main-menu .main-menu-list-iem > li > a:focus:after, #main-menu .main-menu-list-iem > li.current-menu-item a:after, #main-menu .main-menu-list-iem > li.current-menu-item a:hover:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#main-menu .main-menu-list > li > ul.sub-menu > li, #main-menu .main-menu-list-og > li > ul.sub-menu > li, #main-menu .main-menu-list-iem > li > ul.sub-menu > li, .column-list ul .menu-item {
  width: 164px;
  padding: 0;
  margin: 0;
}

#main-menu .main-menu-list > li > ul.sub-menu > li > a, #main-menu .main-menu-list-og > li > ul.sub-menu > li > a, #main-menu .main-menu-list-iem > li > ul.sub-menu > li > a, .column-list ul .menu-item > a {
  color: #207bb8;
  padding: 10px 12px 11px;
  line-height: 1.2;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

#main-menu .main-menu-list > li > ul.sub-menu > li > a:hover, #main-menu .main-menu-list-og > li > ul.sub-menu > li > a:hover, #main-menu .main-menu-list-iem > li > ul.sub-menu > li > a:hover, .column-list ul .menu-item > a:hover {
  background-color: #207bb8;
  color: white;
}

#main-menu {
  padding-top: 12px;
}

#main-menu .main-menu-list {
  margin: 0;
  padding: 6px 0px 6px 0px;
  list-style: none;
}

#main-menu .main-menu-list a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}

#main-menu .main-menu-list > li {
  float: left;
  position: relative;
  border-top: 1px solid #262528;
  border-bottom: 1px solid #262528;
}

#main-menu .main-menu-list > li > a {
  padding: 0px 8px 0px 8px;
  color: #fce807;
  line-height: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

#main-menu .main-menu-list > li > a:after {
  height: 0;
}

#main-menu .main-menu-list > li > a:hover, #main-menu .main-menu-list > li > a:focus {
  color: white;
}

#main-menu .main-menu-list > li > a:hover:after, #main-menu .main-menu-list > li > a:focus:after {
  background-color: #207bb8;
  opacity: .2 !important;
  filter: alpha(opacity=20);
}

#main-menu .main-menu-list > li > a:after {
  background-color: #207bb8;
}

#main-menu .main-menu-list > li.current-menu-item a {
  color: white;
}

#main-menu .main-menu-list > li.current-menu-item a:after, #main-menu .main-menu-list > li.current-menu-item a:hover:after {
  background-color: #207bb8;
  opacity: .2 !important;
  filter: alpha(opacity=20);
}

#main-menu .main-menu-list > li:hover > ul.sub-menu {
  display: block;
}

#main-menu .main-menu-list > li:hover.menu-item-has-children {
  background-color: #207bb8;
}

#main-menu .main-menu-list > li:hover.menu-item-has-children > a {
  color: white;
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.5);
}

#main-menu .main-menu-list > li:hover.menu-item-has-children > a:after {
  background-color: #207bb8;
}

#main-menu .main-menu-list > li.menu-item-has-children > a:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

#main-menu .main-menu-list > li.menu-item-has-children > a:focus:after {
  -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#main-menu .main-menu-list > li > ul.sub-menu {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  list-style: none;
  background: white;
  padding: 20px;
  margin: 0;
  border-top: 10px solid #207bb8;
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.5);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#main-menu .main-menu-list-og {
  margin: 0;
  padding: 6px 0px 6px 0px;
  list-style: none;
}

#main-menu .main-menu-list-og a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}

#main-menu .main-menu-list-og > li {
  float: left;
  position: relative;
}

#main-menu .main-menu-list-og > li > a {
  padding: 0px 8px 0px 8px;
  color: #fce807;
  line-height: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

#main-menu .main-menu-list-og > li > a:after {
  height: 0;
}

#main-menu .main-menu-list-og > li > a:hover, #main-menu .main-menu-list-og > li > a:focus {
  color: white;
}

#main-menu .main-menu-list-og > li > a:hover:after, #main-menu .main-menu-list-og > li > a:focus:after {
  border-top: 3px solid #207bb8;
  border-bottom: 3px solid #207bb8;
  opacity: .5 !important;
  filter: alpha(opacity=50);
}

#main-menu .main-menu-list-og > li.current-menu-item a {
  color: white;
}

#main-menu .main-menu-list-og > li.current-menu-item a:after, #main-menu .main-menu-list-og > li.current-menu-item a:hover:after {
  border-top: 3px solid #207bb8;
  border-bottom: 3px solid #207bb8;
  opacity: .5 !important;
  filter: alpha(opacity=50);
}

#main-menu .main-menu-list-og > li:hover > ul.sub-menu {
  display: block;
}

#main-menu .main-menu-list-og > li:hover.menu-item-has-children {
  background-color: #207bb8;
}

#main-menu .main-menu-list-og > li:hover.menu-item-has-children > a {
  color: white;
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.5);
}

#main-menu .main-menu-list-og > li:hover.menu-item-has-children > a:after {
  background-color: #207bb8;
}

#main-menu .main-menu-list-og > li.menu-item-has-children > a:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

#main-menu .main-menu-list-og > li.menu-item-has-children > a:focus:after {
  -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#main-menu .main-menu-list-og > li > ul.sub-menu {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  list-style: none;
  background: white;
  padding: 20px;
  margin: 0;
  border-top: 10px solid #207bb8;
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.5);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

#main-menu .main-menu-list-iem {
  margin: 0;
  padding: 6px 0px 6px 0px;
  list-style: none;
}

#main-menu .main-menu-list-iem a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}

#main-menu .main-menu-list-iem > li {
  float: left;
  position: relative;
}

#main-menu .main-menu-list-iem > li > a {
  padding: 0px 8px 0px 8px;
  color: #fce807;
  line-height: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

#main-menu .main-menu-list-iem > li > a:after {
  height: 0;
}

#main-menu .main-menu-list-iem > li > a:hover, #main-menu .main-menu-list-iem > li > a:focus {
  color: white;
}

#main-menu .main-menu-list-iem > li > a:hover:after, #main-menu .main-menu-list-iem > li > a:focus:after {
  border-bottom: 3px solid #ffffff;
}

#main-menu .main-menu-list-iem > li.current-menu-item a {
  color: white;
}

#main-menu .main-menu-list-iem > li.current-menu-item a:after, #main-menu .main-menu-list-iem > li.current-menu-item a:hover:after {
  border-bottom: 3px solid #ffffff;
}

#main-menu .main-menu-list-iem > li:hover > ul.sub-menu {
  display: block;
}

#main-menu .main-menu-list-iem > li:hover.menu-item-has-children {
  background-color: #207bb8;
}

#main-menu .main-menu-list-iem > li:hover.menu-item-has-children > a {
  color: white;
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.5);
}

#main-menu .main-menu-list-iem > li:hover.menu-item-has-children > a:after {
  background-color: #207bb8;
}

#main-menu .main-menu-list-iem > li.menu-item-has-children > a:after {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

#main-menu .main-menu-list-iem > li.menu-item-has-children > a:focus:after {
  -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#main-menu .main-menu-list-iem > li > ul.sub-menu {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  list-style: none;
  background: white;
  padding: 20px;
  margin: 0;
  border-top: 10px solid #207bb8;
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.5);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/*  ==========================================================================
    Drop nav multi-columns
    ========================================================================== */
/* 
	second level navigation drop downs can be divided into columns.
	This uses the jquery.columnlist.js and is initalised in the main.js.
	A column list class needs to be added to the top level nav item in
	WP custom menus, e.g. 'col-3-list'.
*/
.column-list {
  margin-right: 10px !important;
}

.column-list:last-child {
  margin-right: 0 !important;
}

.column-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.col-4-list > ul.sub-menu {
  width: 726px;
}

.col-4-list .column-list {
  float: left;
  clear: none;
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}

.col-3-list > ul.sub-menu {
  width: 552px;
}

.col-3-list .column-list {
  float: left;
  clear: none;
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
}

.col-2-list > ul.sub-menu {
  width: 378px;
}

.col-2-list .column-list {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

/* ==========================================================================
   PR Listing Menu
   ========================================================================== */
.pr-menu li {
  margin-left: -10px;
  width: 300px;
  background-color: #aac4cf;
  margin-bottom: 1px;
  list-style: none;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3px 15px 3px 15px;
  text-align: left;
}

/* ==========================================================================
   Mmenu variables overrides
   ========================================================================== */
/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu,
.mm-menu > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 2px;
}

.mm-menu > .mm-panel.mm-hasnavbar {
  padding-top: 50px;
}

.mm-menu > .mm-panel:before,
.mm-menu > .mm-panel:after {
  content: '';
  display: block;
  height: 2px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 1px 0 1px 1px;
}

.mm-vertical .mm-listview .mm-panel
.mm-listview > li:last-child:after
,
.mm-listview .mm-vertical .mm-panel
.mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-vertical .mm-listview > li
> .mm-next
,
.mm-listview > li.mm-vertical
> .mm-next {
  height: 50px;
  bottom: auto;
}

.mm-vertical .mm-listview > li
> .mm-next
:after
,
.mm-listview > li.mm-vertical
> .mm-next:after {
  top: 21px;
  bottom: auto;
}

.mm-vertical .mm-listview > li.mm-opened
> .mm-next:after
,
.mm-listview > li.mm-vertical.mm-opened
> .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-navbar {
  border-bottom: 1px solid transparent;
  text-align: left;
  line-height: 25px;
  height: 50px;
  padding: 0 50px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar
> * {
  display: block;
  padding: 12.5px 0;
}

.mm-navbar a, .mm-navbar
a:hover {
  text-decoration: none;
}

.mm-navbar
.mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-navbar
.mm-btn {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.mm-navbar
.mm-btn:first-child {
  padding-left: 2px;
  left: 0;
}

.mm-navbar
.mm-btn:last-child {
  padding-right: 2px;
  right: 0;
}

.mm-panel
.mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 16px;
}

.mm-listview a,
.mm-listview
a:hover {
  text-decoration: none;
}

.mm-listview
> li {
  position: relative;
}

.mm-listview
> li > a,
.mm-listview
> li
> span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 48px;
  display: block;
  padding: 1px 1px 1px 20px;
  margin: 0;
}

.mm-listview
> li > a.mm-arrow
,
.mm-listview
> li
> span.mm-arrow {
  padding-right: 48px;
}

.mm-listview
> li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.mm-listview
> li:not(.mm-divider):after {
  left: 20px;
}

.mm-listview
.mm-next {
  background: rgba(3, 2, 1, 0);
  width: 48px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview
.mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-listview
.mm-next + a,
.mm-listview
.mm-next
+ span {
  margin-right: 48px;
}

.mm-listview
.mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview
.mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview
.mm-next.mm-fullsubopen + a,
.mm-listview
.mm-next.mm-fullsubopen
+ span {
  padding-right: 48px;
  margin-right: 0;
}

.mm-menu > .mm-panel
> .mm-listview {
  margin-left: -2px;
  margin-right: -2px;
}

.mm-menu > .mm-panel
> .mm-listview.mm-first {
  margin-top: -2px;
}

.mm-menu > .mm-panel
> .mm-listview.mm-last {
  padding-bottom: 2px;
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 20px;
}

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 20px;
}

.mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25.5px;
}

.mm-listview > li.mm-spacer {
  padding-top: 50px;
}

.mm-listview > li.mm-spacer
> .mm-next {
  top: 50px;
}

.mm-listview > li.mm-spacer.mm-divider {
  padding-top: 25.5px;
}

.mm-menu {
  background: #fce807;
  color: white;
}

.mm-menu
.mm-navbar {
  border-color: #95bdd8;
}

.mm-menu
.mm-navbar > *,
.mm-menu
.mm-navbar
a {
  color: #043244;
}

.mm-menu
.mm-navbar .mm-btn:before,
.mm-menu
.mm-navbar
.mm-btn:after {
  border-color: #043244;
}

.mm-menu
.mm-listview
> li:after {
  border-color: #95bdd8;
}

.mm-menu
.mm-listview
> li .mm-prev:before,
.mm-menu
.mm-listview
> li .mm-next:after,
.mm-menu
.mm-listview
> li
.mm-arrow:after {
  border-color: #043244;
}

.mm-menu
.mm-listview
> li .mm-prev:after,
.mm-menu
.mm-listview
> li
.mm-next:before {
  border-color: #95bdd8;
}

.mm-menu
.mm-listview
> li.mm-selected > a:not(.mm-next),
.mm-menu
.mm-listview
> li.mm-selected
> span {
  background: #95bdd8;
}

.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview li.mm-opened
> .mm-panel
,
.mm-menu
.mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu
.mm-listview li.mm-opened.mm-vertical
> .mm-panel {
  background: rgba(255, 255, 255, 0.4);
}

.mm-menu
.mm-divider {
  background: rgba(255, 255, 255, 0.4);
}

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-opened {
  overflow: hidden;
  position: relative;
}

html.mm-opened
body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}

html.mm-opened
#mm-blocker
,
html.mm-blocking
#mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 160px;
}

html.mm-opening
.mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening
.mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}

@media all and (min-width: 200px) {
  html.mm-opening
.mm-slideout {
    -webkit-transform: translate(160px, 0);
    -moz-transform: translate(160px, 0);
    -ms-transform: translate(160px, 0);
    -o-transform: translate(160px, 0);
    transform: translate(160px, 0);
  }
}

/* ==========================================================================
   Mmenu variables overrides
   ========================================================================== */
#mm-main-menu a {
  text-transform: uppercase;
}

.mm-listview > li:not(.mm-divider):after {
  left: 0;
}

.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
  border-color: white;
}

.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
  border-color: white;
}

/*  ==========================================================================
    Centered panels
    ========================================================================== */
.center-panel, .footer-wrapper, .online-wrap, .featvp-wrap, .featsp-wrap, .featdoc-wrap {
  width: auto;
  max-width: 1214px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

/*  ==========================================================================
    Coloured sectional panels
    ========================================================================== */
.section-panel, .section-panel-blue, .section-panel-dark, .section-panel-dark-2, .section-panel-dark-3, .section-panel-pale-2, .section-panel-pale-4, .section-panel-corporate, .section-panel-green, .section-panel-red, .section-panel-purple, .section-panel-black, .section-panel-red-iem, .section-panel-green-iem, .section-panel-bia-linn, .section-panel-sfs {
  position: relative;
  color: white;
  padding: 0 20px 40px;
}

.section-panel-more, .section-panel-red-1, .section-panel-orange {
  position: relative;
  color: white;
  padding: 0 0px 40px;
}

.section-panel-white {
  position: relative;
  color: black;
  padding: 0 20px 40px;
  background-color: #ffffff;
}

.section-panel-white-iem {
  position: relative;
  padding: 0 20px 40px;
  background-color: #ffffff;
}

.section-panel-prog, .section-panel-green-2 {
  position: relative;
  color: white;
  padding: 0 20px 40px;
}

.section-panel-promo, .section-panel-yellow {
  position: relative;
  color: white;
  padding: 0 20px 0px;
}

.section-panel-iframe {
  position: relative;
  color: white;
  padding: 0;
}

.section-panel-blue {
  background-color: #207bb8;
}

.section-panel-dark {
  background-color: #043244;
}

.section-panel-dark-2 {
  background-color: #0c232c;
}

.section-panel-dark-3 {
  background-color: #151a1d;
}

.section-panel-pale-2 {
  background-color: #d7e2ea;
}

.section-panel-pale-4 {
  background-color: #aac4cf;
}

.section-panel-corporate {
  background-color: #ffffff;
}

.section-panel-green {
  background-color: #8cbb4e;
}

.section-panel-green-2 {
  background-color: #8cbb4e;
}

.section-panel-red-1 {
  background-color: #c5333d;
}

.section-panel-orange {
  background-color: #d78106;
}

.section-panel-yellow {
  background-color: #fef26e;
}

.section-panel-red {
  background-color: #c5333d;
}

.section-panel-purple {
  background-color: #392d75;
}

.section-panel-black {
  background-color: #000000;
}

.section-panel-red-iem {
  background-color: #c12750;
}

.section-panel-green-iem {
  background-color: #8db17b;
}

.section-panel-bia-linn {
  background-color: #4DC4CC;
  padding: 0px 20px 40px 20px;
}

.section-panel-sfs {
  background-color: #7A658E;
  padding: 0px 20px 40px 20px;
}

/*  ==========================================================================
    Panel tabs
    ========================================================================== */
.title-tab-wrap {
  width: auto;
  max-width: 1640px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.title-tab-wrap:before, .title-tab-wrap:after {
  content: '';
  display: table;
}

.title-tab-wrap:after {
  clear: both;
}

@media (max-width: 1024px) {
  .title-tab-wrap {
    text-align: center;
  }
}

.title-tab-blue, .title-tab-dark, .title-tab-dark-2, .title-tab-dark-3, .title-tab-black, .title-tab-white, .title-tab-pale-2, .title-tab-pale-4, .title-tab-green, .title-tab-red-1, .title-tab-orange, .title-tab-yellow, .title-tab-red, .title-tab-purple, .title-tab-black-iem-1, .title-tab-black-iem-2, .title-tab-black-iem-3, .title-tab-black-iem-4, .title-tab-white-iem-1, .title-tab-white-iem-2, .title-tab-white-iem-3, .title-tab-white-iem-4 {
  position: relative;
  float: left;
  color: white;
  padding: 14px 70px 20px 70px;
  margin: -30px 0px 0;
  background-color: #207bb8;
  font-size: 42px;
  font-size: 4.2rem;
}

@media (max-width: 1024px) {
  .title-tab-blue, .title-tab-dark, .title-tab-dark-2, .title-tab-dark-3, .title-tab-black, .title-tab-white, .title-tab-pale-2, .title-tab-pale-4, .title-tab-green, .title-tab-red-1, .title-tab-orange, .title-tab-yellow, .title-tab-red, .title-tab-purple, .title-tab-black-iem-1, .title-tab-black-iem-2, .title-tab-black-iem-3, .title-tab-black-iem-4, .title-tab-white-iem-1, .title-tab-white-iem-2, .title-tab-white-iem-3, .title-tab-white-iem-4 {
    margin-top: 0;
    padding: 14px 0px 20px 0px;
    display: inline-block;
    float: none;
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 20px;
  }
}

.title-tab-white-c4og, .title-tab-blue-c4og, .title-tab-green-c4og, .title-tab-red-1-c4og, .title-tab-orange-c4og, .title-tab-yellow-c4og, .title-tab-pale-4-c4og, .title-tab-purple-c4og, .title-tab-bia-linn {
  position: relative;
  float: left;
  color: white;
  padding: 14px 120px 20px 120px;
  border-radius: 90px 90px 0px 0px;
  -moz-border-radius: 90px 90px 0px 0px;
  -webkit-border-radius: 90px 90px 0px 0px;
  margin: -30px 0px 0;
  background-color: #207bb8;
  font-size: 42px;
  font-size: 4.2rem;
}

@media (max-width: 1024px) {
  .title-tab-white-c4og, .title-tab-blue-c4og, .title-tab-green-c4og, .title-tab-red-1-c4og, .title-tab-orange-c4og, .title-tab-yellow-c4og, .title-tab-pale-4-c4og, .title-tab-purple-c4og, .title-tab-bia-linn {
    margin-top: 0;
    padding: 14px 0px 20px 0px;
    display: inline-block;
    float: none;
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 20px;
  }
}

.title-tab-dark {
  background-color: #043244;
}

.title-tab-dark-2 {
  background-color: #0c232c;
}

.title-tab-dark-3 {
  background-color: #151a1d;
}

.title-tab-black {
  background-color: black;
}

.title-tab-white {
  color: #043244;
  background-color: #ffffff;
}

.title-tab-white-c4og {
  color: #043244;
  background-color: #ffffff;
}

.title-tab-pale-2 {
  color: #043244;
  background-color: #d7e2ea;
}

.title-tab-pale-4 {
  background-color: #aac4cf;
}

.title-tab-green {
  background-color: #8cbb4e;
}

.title-tab-red-1 {
  background-color: #c5333d;
}

.title-tab-orange {
  background-color: #d78106;
}

.title-tab-yellow {
  background-color: #fef26e;
}

.title-tab-red {
  background-color: #c5333d;
}

.title-tab-purple {
  background-color: #392d75;
}

.title-tab-green-c4og {
  background-color: #8cbb4e;
}

.title-tab-red-1-c4og {
  background-color: #c5333d;
}

.title-tab-orange-c4og {
  background-color: #d78106;
}

.title-tab-yellow-c4og {
  background-color: #fef26e;
}

.title-tab-pale-4-c4og {
  background-color: #aac4cf;
}

.title-tab-purple-c4og {
  background-color: #392d75;
}

.title-tab-black-iem-1 {
  background-color: #000000;
  color: #c12750;
}

.title-tab-black-iem-2 {
  background-color: #000000;
  color: #9ac4c5;
}

.title-tab-black-iem-3 {
  background-color: #000000;
  color: #ecc45a;
}

.title-tab-black-iem-4 {
  background-color: #000000;
  color: #8db17b;
}

.title-tab-white-iem-1 {
  background-color: #ffffff;
  color: #ecc45a;
}

.title-tab-white-iem-2 {
  background-color: #ffffff;
  color: #8db17b;
}

.title-tab-white-iem-3 {
  background-color: #ffffff;
  color: #9ac4c5;
}

.title-tab-white-iem-4 {
  background-color: #ffffff;
  color: #c12750;
}

.title-tab-bia-linn {
  background-color: #4DC4CC;
  color: #ffffff;
}

/*  ==========================================================================
    Main header elements
    ========================================================================== */
.header-nav {
  position: relative;
  z-index: 2;
}

.nav-bar {
  background-color: #cce1eb;
  float: left;
  width: calc(100% - 480px);
  height: 20px;
}

@media (max-width: 1024px) {
  .nav-bar {
    display: none;
  }
}

.curve-bar {
  background-color: #cce1eb;
  border-bottom-left-radius: 550px 30px;
  border-bottom-right-radius: 550px 30px;
  -moz-border-bottom-left-radius: 550px 30px;
  -moz-border-bottom-right-radius: 550px 30px;
  -webkit-border-bottom-left-radius: 550px 30px;
  -webkit-border-bottom-right-radius: 550px 30px;
  height: 20px;
}

@media (max-width: 1024px) {
  .curve-bar {
    display: none;
  }
}

.curve-bar-left {
  background-color: #cce1eb;
  border-bottom-left-radius: 550px 30px;
  float: left;
  width: 240px;
  height: 20px;
}

@media (max-width: 1024px) {
  .curve-bar-left {
    display: none;
  }
}

.curve-bar-right {
  background-color: #cce1eb;
  border-bottom-right-radius: 550px 30px;
  float: right;
  width: 240px;
  height: 20px;
}

@media (max-width: 1024px) {
  .curve-bar-right {
    display: none;
  }
}

.header-wrapper {
  background-color: #cce1eb;
  position: relative;
}

.header-wrapper .logo-home {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}

.header-wrapper .logo-right {
  position: absolute;
  left: -10px;
  top: -82px;
  height: auto;
}

@media (max-width: 1024px) {
  .header-wrapper .logo-right {
    display: none;
    /* width: 84px;
			left: 100px;
  			top: 55px;
			z-index: -50; */
  }
}

.header-wrapper .logo {
  display: block;
  width: 190px;
  height: auto;
  margin: 10px;
}

.header-wrapper .logo:focus {
  background-color: white;
}

.header-wrapper .logo-link {
  display: block;
  width: 115px;
  height: auto;
  margin: 20px;
}

.header-wrapper .logo-link:focus {
  background-color: white;
}

.header-wrapper::after {
  clear: both;
  content: "";
  display: table;
}

@media (max-width: 1024px) {
  .header-wrapper {
    z-index: 10;
  }
  .header-wrapper .logo {
    margin: 3px 10px 0px 10px;
    width: 114px;
  }
}

.header-wrapper-bia-linn {
  background-color: #ffffff;
  position: relative;
}

.header-wrapper-bia-linn .logo-home {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}

.header-wrapper-bia-linn .logo-right {
  position: absolute;
  left: -10px;
  top: -82px;
  height: auto;
}

@media (max-width: 1024px) {
  .header-wrapper-bia-linn .logo-right {
    display: none;
    /* width: 84px;
			left: 100px;
  			top: 55px;
			z-index: -50; */
  }
}

.header-wrapper-bia-linn .logo {
  display: block;
  width: 150px;
  height: auto;
  margin: 10px;
}

.header-wrapper-bia-linn .logo:focus {
  background-color: white;
}

.header-wrapper-bia-linn .logo-link {
  display: block;
  width: 115px;
  height: auto;
  margin: 20px;
}

.header-wrapper-bia-linn .logo-link:focus {
  background-color: white;
}

.header-wrapper-bia-linn::after {
  clear: both;
  content: "";
  display: table;
}

@media (max-width: 1024px) {
  .header-wrapper-bia-linn {
    z-index: 10;
  }
  .header-wrapper-bia-linn .logo {
    margin: 3px 10px 0px 10px;
    width: 80px;
  }
}

.header-wrapper-sfs {
  background-color: #7D6892;
  position: relative;
}

.header-wrapper-sfs .logo-home {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}

.header-wrapper-sfs .logo-right {
  position: absolute;
  left: -10px;
  top: -82px;
  height: auto;
}

@media (max-width: 1024px) {
  .header-wrapper-sfs .logo-right {
    display: none;
    /* width: 84px;
			left: 100px;
  			top: 55px;
			z-index: -50; */
  }
}

.header-wrapper-sfs .logo {
  display: block;
  width: 130px;
  height: auto;
  margin: 10px;
}

.header-wrapper-sfs .logo:focus {
  background-color: white;
}

.header-wrapper-sfs .logo-link {
  display: block;
  width: 115px;
  height: auto;
  margin: 20px;
}

.header-wrapper-sfs .logo-link:focus {
  background-color: white;
}

.header-wrapper-sfs::after {
  clear: both;
  content: "";
  display: table;
}

@media (max-width: 1024px) {
  .header-wrapper-sfs {
    z-index: 10;
  }
  .header-wrapper-sfs .logo {
    margin: 3px 10px 0px 10px;
    width: 70px;
  }
}

.header-wrapper-iem {
  background-color: #000000;
  position: relative;
}

.header-wrapper-iem .logo-home {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}

.header-wrapper-iem .logo-right {
  position: absolute;
  left: -10px;
  top: -82px;
  height: auto;
}

@media (max-width: 1024px) {
  .header-wrapper-iem .logo-right {
    display: none;
    /* width: 84px;
			left: 100px;
  			top: 55px;
			z-index: -50; */
  }
}

.header-wrapper-iem .logo {
  display: block;
  width: 190px;
  height: auto;
  margin: 10px;
}

.header-wrapper-iem .logo:focus {
  background-color: white;
}

.header-wrapper-iem .logo-link {
  display: block;
  width: 115px;
  height: auto;
  margin: 20px;
}

.header-wrapper-iem .logo-link:focus {
  background-color: white;
}

.header-wrapper-iem::after {
  clear: both;
  content: "";
  display: table;
}

@media (max-width: 1024px) {
  .header-wrapper-iem {
    z-index: 10;
  }
  .header-wrapper-iem .logo {
    margin: 3px 10px 0px 10px;
    width: 114px;
  }
}

.top-bar {
  background-color: #cce1eb;
  height: 120px;
  width: 240px;
  border-right: 0px solid #333333;
  float: left;
}

@media (max-width: 1024px) {
  .top-bar {
    width: 100%;
    height: 60px;
    border-right: 0px solid #333333;
  }
}

.top-bar-iem {
  background-color: #000000;
  height: 120px;
  width: 240px;
  border-right: 0px solid #333333;
  float: left;
}

@media (max-width: 1024px) {
  .top-bar-iem {
    width: 100%;
    height: 60px;
    border-right: 0px solid #333333;
  }
}

/* ==========================================================================
   Language selector
   ========================================================================== */
.languages {
  position: absolute;
  right: 0;
  top: 75px;
}

@media (max-width: 1024px) {
  .languages {
    right: 120px;
    top: 0;
  }
}

.lang-btn {
  display: block;
}

@media (min-width: 1025px) {
  .lang-btn {
    float: left;
    width: 90px;
    text-align: center;
    color: #73bc42;
    background-color: #D6F1C4;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
  }
  .lang-btn:hover {
    color: white;
  }
  .lang-btn:focus {
    background-color: white;
    color: #73bc42;
  }
}

@media (max-width: 1024px) {
  .lang-btn {
    height: 60px;
    padding: 0 15px;
    background-color: #73bc42;
    color: white;
    line-height: 60px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
    /* tap colour for iOS Safari */
  }
  .lang-btn:hover {
    color: white;
  }
  .lang-btn:active {
    /* for non iOS Safari devices */
    background-color: white;
    color: #95bdd8;
  }
}

.lang-selected {
  color: white;
  background-color: #73bc42;
}

@media (max-width: 1024px) {
  .lang-selected {
    display: none;
  }
}

/* ==========================================================================
   Search
   ========================================================================== */
.search-btn-toggle {
  display: block;
  width: 45px;
  height: 45px;
  overflow: hidden;
  background-color: black;
  position: absolute;
  right: 180px;
  top: 75px;
  z-index: 3;
}

.search-btn-toggle:hover, .search-btn-toggle:focus {
  background-color: #373737;
}

.search-btn-toggle:before {
  content: '';
  position: absolute;
  top: 13px;
  right: 13px;
  -webkit-transition: top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.search-btn-toggle:after {
  content: '';
  position: absolute;
  top: 45px;
  right: 14px;
  -webkit-transition: top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: top 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.search-btn-toggle.search-exp {
  background-color: #373737;
}

.search-btn-toggle.search-exp:before {
  top: -20px;
}

.search-btn-toggle.search-exp:after {
  top: 14px;
}

@media (max-width: 1024px) {
  .search-btn-toggle {
    top: 0;
    right: 60px;
    width: 60px;
    height: 60px;
    background-color: #95bdd8;
  }
  .search-btn-toggle:hover {
    background-color: #95bdd8;
  }
  .search-btn-toggle:before {
    top: 21px;
    right: 20px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .search-btn-toggle:after {
    top: 61px;
    right: 20px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .search-btn-toggle.search-exp {
    background-color: #373737;
  }
  .search-btn-toggle.search-exp:before {
    top: -20px;
  }
  .search-btn-toggle.search-exp:after {
    top: 21px;
  }
}

.search-wrapper {
  position: absolute;
  right: 225px;
  top: 75px;
  width: 0px;
  height: 45px;
  overflow: hidden;
  background-color: #373737;
  z-index: 2;
}

@media (max-width: 1024px) {
  .search-wrapper {
    width: 100%;
    height: 60px;
    right: 0;
    top: 0;
    z-index: -100;
  }
}

.search {
  position: relative;
  width: 100%;
  height: 45px;
  float: right;
}

@media (max-width: 1024px) {
  .search {
    height: 60px;
  }
}

.search-form {
  width: 330px;
  height: 45px;
  position: absolute;
  right: 0px;
  top: 0;
}

@media (max-width: 1024px) {
  .search-form {
    height: 60px;
    width: 100%;
  }
}

input.search-input {
  position: absolute;
  top: 0;
  right: 45px;
  border: none;
  height: 45px;
  margin: 0;
  width: 285px;
  background-color: transparent;
  color: #b8b7b7;
}

@media (max-width: 1024px) {
  input.search-input {
    right: 60px;
    height: 60px;
    width: calc(100% - 60px);
  }
}

.search-btn {
  display: block;
  width: 45px;
  height: 45px;
  background-color: #373737;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  text-indent: 100%;
}

.search-btn:before {
  content: '';
  position: absolute;
  top: 13px;
  right: 13px;
}

@media (max-width: 1024px) {
  .search-btn {
    width: 60px;
    height: 60px;
  }
  .search-btn:before {
    top: 21px;
    right: 20px;
  }
}

.nav-cover {
  display: none;
  width: 100%;
  height: 45px;
  position: absolute;
  top: 75px;
  background-color: black;
  opacity: 0;
  z-index: 1;
}

@media (max-width: 1260px) {
  .nav-cover.search-open {
    display: block;
    opacity: 0.5;
  }
}

@media (max-width: 1024px) {
  .nav-cover.search-open {
    display: none;
  }
}

.menu-item a img {
  border: none;
  box-shadow: none;
  vertical-align: middle;
  width: auto;
  display: inline;
}

.menu-item a.menu-image-hovered img.hovered-image,
.menu-item a.menu-image-hovered:hover img.menu-image {
  opacity: 0;
  transition: opacity 0.25s ease-in-out 0s;
}

.menu-item a.menu-image-hovered:hover img.hovered-image {
  opacity: 1;
}

.menu-item a.menu-image-title-after.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
  padding-right: 10px;
}

.menu-item a.menu-image-title-before.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper {
  padding-left: 10px;
}

.menu-item a.menu-image-title-above,
.menu-item a.menu-image-title-below {
  text-align: center;
}

.menu-item a.menu-image-title-above.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper {
  display: block;
  padding-top: 10px;
  margin: 0 auto;
}

.menu-item a.menu-image-title-below.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper {
  display: block;
  padding-bottom: 10px;
  margin: 0 auto;
}

.menu-item a.menu-image-title-hide .menu-image-title {
  display: none;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer {
  color: white;
}

.footer h2 {
  color: #fce807;
  font-size: 28px;
  font-size: 2.8rem;
}

.footer a {
  color: white;
}

.footer a:focus {
  color: white;
}

.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer li {
  margin-bottom: 35px;
}

.footer p {
  color: white;
  font-size: 24px;
  font-size: 2.4rem;
}

.footer-main {
  background-color: #04568d;
  padding: 50px 0;
}

@media (max-width: 900px) {
  .footer-main {
    padding-top: 35px;
  }
}

.footer-wrapper {
  padding: 0 10px;
  *zoom: 1;
}

.footer-wrapper:before, .footer-wrapper:after {
  content: '';
  display: table;
}

.footer-wrapper:after {
  clear: both;
}

@media (max-width: 900px) {
  .footer-wrapper {
    padding: 0 20px;
  }
}

@media (max-width: 500px) {
  .footer-wrapper {
    padding: 0 10px;
  }
}

/* ==========================================================================
   Programmes
   ========================================================================== */
.footer-programmes {
  float: left;
  clear: none;
  width: 69.4%;
  margin-left: 0;
  margin-right: 2%;
}

.footer-programmes:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .footer-programmes {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
  }
  .footer-programmes:last-child {
    margin-right: 0;
  }
}

.footer-prog-block {
  float: left;
  clear: none;
  width: 30.66667%;
  margin-left: 0;
  margin-right: 4%;
}

.footer-prog-block:last-child {
  margin-right: 0;
}

@media (max-width: 450px) {
  .footer-prog-block {
    float: left;
    clear: none;
    width: 49%;
    margin-left: 0;
    margin-right: 2%;
  }
  .footer-prog-block:nth-of-type(2n) {
    margin-right: 0;
    float: right;
  }
  .footer-prog-block:nth-of-type(2n + 1) {
    clear: both;
  }
}

/* ==========================================================================
   Catchup
   ========================================================================== */
.footer-catchup {
  float: left;
  clear: none;
  width: 23.5%;
  margin-left: 0;
  margin-right: 2%;
  padding: 0 2%;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.footer-catchup:last-child {
  margin-right: 0;
}

.footer-catchup li {
  text-align: center;
}

@media (max-width: 900px) {
  .footer-catchup {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 0px;
    padding: 0;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .footer-catchup:last-child {
    margin-right: 0;
  }
}

.catchup-wrapper {
  max-width: 174px;
  margin: 0 auto;
}

.catchup-wrapper li {
  margin-bottom: 10px;
}

@media (max-width: 900px) {
  .catchup-wrapper {
    margin: 0;
  }
}

/* ==========================================================================
   Footer social
   ========================================================================== */
.footer-social {
  float: left;
  clear: none;
  width: 27.58%;
  margin-left: 0;
  margin-right: 2%;
  padding-left: 25px;
}

.footer-social:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .footer-social {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
  .footer-social:last-child {
    margin-right: 0;
  }
}

.watch-follow-wrap {
  *zoom: 1;
}

.watch-follow-wrap:before, .watch-follow-wrap:after {
  content: '';
  display: table;
}

.watch-follow-wrap:after {
  clear: both;
}

.footer-watch {
  float: left;
  clear: none;
  width: 49%;
  margin-left: 0;
  margin-right: 2%;
}

.footer-watch:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .footer-watch {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
  }
  .footer-watch:last-child {
    margin-right: 0;
  }
}

.watch-item {
  color: rgba(255, 255, 255, 0.8);
}

.watch-item span {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  position: relative;
  margin-right: 10px;
}

@media (max-width: 900px) {
  .watch-item span {
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 900px) {
  .watch-item {
    display: inline-block;
    position: relative;
    margin-right: 2%;
    padding-top: 10px;
    width: 70px;
    text-align: center;
  }
}

.watch-tel:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}

.watch-lap:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}

.watch-tab:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}

.watch-mob:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}

.watch-and:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}

.footer-follow {
  float: left;
  clear: none;
  width: 49%;
  margin-left: 0;
  margin-right: 2%;
}

.footer-follow:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .footer-follow {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
  .footer-follow:last-child {
    margin-right: 0;
  }
}

.footer-address {
  float: left;
  clear: none;
  width: 49%;
  margin-left: 0;
  margin-right: 2%;
}

.footer-address:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .footer-address {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .footer-address:last-child {
    margin-right: 0;
  }
}

@media (max-width: 900px) {
  .follow-item {
    display: inline-block;
    position: relative;
    margin-right: 2%;
    padding-top: 10px;
    width: 70px;
    text-align: center;
  }
}

.follow-item span {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  position: relative;
  margin-right: 10px;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  border-radius: 2px;
}

@media (max-width: 900px) {
  .follow-item span {
    float: none;
    margin: 0 auto 5px;
  }
}

.follow-item a {
  display: block;
}

.follow-item a:hover span, .follow-item a:focus span {
  background-color: #043244;
}

@media (max-width: 900px) {
  .follow-item {
    display: inline-block;
  }
}

.facebook:before, .share-facebook:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.twitter:before, .share-twitter:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.youtube:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.instagram:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flickr:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wall:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.snapchat:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.facebook-large:before, .share-facebook-large:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.twitter-large:before, .share-twitter-large:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.youtube-large:before, .share-youtube-large:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.snapchat-large:before, .share-snapchat-large:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer-share {
  margin-top: 40px;
}

.share-item {
  display: inline-block;
  margin-right: 5px;
}

.share-item a {
  display: block;
  text-indent: 100%;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.share-item a:hover span {
  background-color: white;
}

.share-item span {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  position: relative;
  background-color: #043244;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  border-radius: 2px;
}

.share-item-large {
  display: inline-block;
  margin-right: 5px;
}

.share-item-large a {
  display: block;
  text-indent: 100%;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.share-item-large a:hover span {
  background-color: #0a4060;
}

@media (max-width: 700px) {
  .share-item-large a {
    width: 80px;
    height: 80px;
  }
}

.share-item-large span {
  display: block;
  float: left;
  width: 150px;
  height: 150px;
  position: relative;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  border-radius: 2px;
}

@media (max-width: 700px) {
  .share-item-large span {
    width: 80px;
    height: 80px;
  }
}

.share-email:before {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ==========================================================================
   Footer links
   ========================================================================== */
.footer-links {
  background-color: black;
  min-height: 50px;
  padding: 18px 0 12px;
  font-size: 14px;
  font-size: 1.4rem;
}

.footer-links ul {
  float: left;
}

@media (max-width: 900px) {
  .footer-links ul {
    float: none;
  }
}

.footer-links li {
  display: inline;
  margin: 0;
}

.footer-links a {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 25px;
}

.copyright {
  float: right;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 900px) {
  .copyright {
    float: none;
    margin-top: 20px;
  }
}

p.copyright {
  font-size: 14px;
  font-size: 1.4rem;
}

/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
  color: #FFF;
}

/***************
*
*  Variables
*
****************/
/***************
*
*  1. Arrows
*
****************/
.rsMinW .rsArrow {
  height: 70px;
  width: 70px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  margin-left: 5px;
}

@media (max-width: 1024px) {
  .rsMinW .rsArrow {
    height: 40px;
    width: 40px;
  }
}

@media (min-width: 1025px) {
  .rsMinW .rsArrow:hover, .rsMinW .rsArrow:focus {
    background-color: white;
  }
}

.rsMinW .rsArrowLeft {
  right: 120px;
  bottom: 40px;
}

@media (max-width: 1024px) {
  .rsMinW .rsArrowLeft {
    right: 50px;
    bottom: 5px;
  }
}

.rsMinW .rsArrowRight {
  right: 40px;
  bottom: 40px;
}

@media (max-width: 1024px) {
  .rsMinW .rsArrowRight {
    right: 5px;
    bottom: 5px;
  }
}

.rsMinW .rsArrowIcn {
  width: 12px;
  height: 24px;
  position: absolute;
  top: 18px;
  cursor: pointer;
  border-radius: 2px;
}

@media (max-width: 1024px) {
  .rsMinW .rsArrowIcn {
    top: 9px;
  }
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: 6px -455px;
  width: 55px;
  height: 55px;
}

@media (max-width: 1024px) {
  .rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -348px -460px;
  }
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -63px -455px;
  width: 55px;
  height: 55px;
}

@media (max-width: 1024px) {
  .rsMinW.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -414px -460px;
  }
}

/*
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -100px -36px;
}

.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -100px -68px;
}
*/
.rsMinW .rsArrowDisabled .rsArrowIcn {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
.rsMinW .rsBullets {
  position: absolute;
  bottom: 40px;
  right: 200px;
  z-index: 35;
  padding-top: 4px;
  height: auto;
  text-align: center;
  line-height: 6px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .rsMinW .rsBullets {
    bottom: 5px;
    right: 95px;
  }
}

.rsMinW .rsBullet {
  width: 6px;
  height: 6px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0;
  margin-right: 4px;
}

.rsMinW .rsBullet span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #CCC;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.rsMinW .rsBullet.rsNavSelected span {
  background: #FFF;
}

/***************
*
*  3. Thumbnails
*
****************/
/***************
*
*  4. Tabs
*
****************/
/***************
*
*  5. Fullscreen button
*
****************/
/***************
*
*  6. Play/close video button
*
****************/
/***************
*
*  7. Preloader
*
****************/
.rsMinW .rsPreloader {
  width: 32px;
  height: 32px;
  background-image: url(../images/preloader.gif);
  background-size: 32px 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}

/***************
*
*  8. Global caption
*
****************/
/*  ==========================================================================
    General Slick Theme
    ========================================================================== */
/* Slider */
.slick-list {
  padding: 10px 0;
}

.slick-loading .slick-list {
  background: #fff url("../images/preloader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: -70px;
  display: block;
  width: 60px;
  height: 60px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  user-select: none;
  z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: white;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  position: absolute;
  content: '';
  top: 12px;
}

.slick-prev {
  left: 0px;
}

[dir='rtl'] .slick-prev {
  left: auto;
}

.slick-prev:before {
  background-position: -2px -455px;
  width: 55px;
  height: 55px;
}

.slick-next {
  right: 0px;
}

[dir='rtl'] .slick-next {
  right: auto;
}

.slick-next:before {
  background-position: -65px -455px;
  width: 55px;
  height: 55px;
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  z-index: 0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  text-indent: 100%;
  color: transparent;
  border: 0;
  outline: none;
  background: white;
  opacity: 0.5;
}

.slick-dots li.slick-active button {
  opacity: 1;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

/* ==========================================================================
   Homepage header royalslider
   ========================================================================== */
.slider-wrapper {
  width: 100%;
  min-height: 520px;
  background-color: black;
  padding-bottom: 40.625%;
  position: relative;
}

.royalSlider > .rsContent {
  visibility: hidden;
}

#full-width-slider {
  width: 100%;
  color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rsContent {
  float: left;
  position: relative;
}

@media (max-width: 700px) {
  .rsContent .btn-header {
    padding: 0px 80px 0px 20px;
  }
}

.blockContainer {
  position: absolute;
  left: 7%;
  margin-right: 7%;
  top: 17%;
}

@media (max-width: 1024px) {
  .blockContainer {
    top: 10%;
    left: 0;
  }
}

.rsABlock {
  position: relative;
  display: block;
}

@media (max-width: 400px) {
  .rsABlock {
    display: none;
  }
}

.title-block {
  position: relative;
  color: #fce807;
  background: #207bb8;
  margin: 0;
  font-size: 78px;
  font-size: 7.8rem;
  line-height: 1.0;
  float: left;
  padding: 10px 40px 20px;
}

@media (max-width: 1024px) {
  .title-block {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 15px;
  }
}

@media (max-width: 700px) {
  .title-block {
    padding: 15px 20px;
  }
}

.title-block-c4og-1 {
  position: relative;
  color: white;
  background: #207bb8;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  margin: 0;
  font-size: 78px;
  font-size: 7.8rem;
  line-height: 1.0;
  float: left;
  padding: 10px 40px 20px;
}

@media (max-width: 1024px) {
  .title-block-c4og-1 {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 15px;
  }
}

@media (max-width: 700px) {
  .title-block-c4og-1 {
    padding: 15px 20px;
  }
}

.title-block-c4og-2 {
  position: relative;
  color: white;
  background: #207bb8;
  border-radius: 30px 30px 0px 0px;
  -moz-border-radius: 30px 30px 0px 0px;
  -webkit-border-radius: 30px 30px 0px 0px;
  margin: 0;
  font-size: 78px;
  font-size: 7.8rem;
  line-height: 1.0;
  float: left;
  padding: 10px 40px 20px;
}

@media (max-width: 1024px) {
  .title-block-c4og-2 {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 15px;
  }
}

@media (max-width: 700px) {
  .title-block-c4og-2 {
    padding: 15px 20px;
  }
}

.title-block-c4og-alpha {
  position: relative;
  color: white;
  background: rgba(32, 123, 184, 0.7);
  border-radius: 30px 30px 0px 0px;
  -moz-border-radius: 30px 30px 0px 0px;
  -webkit-border-radius: 30px 30px 0px 0px;
  margin: 0;
  font-size: 78px;
  font-size: 7.8rem;
  line-height: 1.0;
  float: left;
  padding: 10px 40px 20px;
}

@media (max-width: 1024px) {
  .title-block-c4og-alpha {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 15px;
  }
}

@media (max-width: 700px) {
  .title-block-c4og-alpha {
    padding: 15px 20px;
  }
}

.title-block-iem {
  position: relative;
  color: #c12750;
  background: #ffffff;
  margin: 0;
  font-size: 78px;
  font-size: 7.8rem;
  line-height: 1.0;
  float: left;
  padding: 20px 40px 20px;
}

@media (max-width: 1024px) {
  .title-block-iem {
    font-size: 36px;
    font-size: 3.6rem;
    padding-top: 15px;
  }
}

@media (max-width: 700px) {
  .title-block-iem {
    padding: 15px 20px;
  }
}

.content-block {
  position: relative;
  color: #FFF;
  background: #000;
  opacity: 0.75;
  max-width: 560px;
  clear: left;
  padding: 20px 40px 20px;
}

@media (max-width: 700px) {
  .content-block {
    padding: 20px;
  }
}

.content-block-c4og-1 {
  position: relative;
  color: white;
  background: #b64249;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  opacity: 0.75;
  max-width: 560px;
  clear: left;
  padding: 20px 40px 20px;
}

@media (max-width: 700px) {
  .content-block-c4og-1 {
    padding: 20px;
  }
}

.press-block {
  position: relative;
  color: #FFF;
  background: #207bb8;
  opacity: 0.75;
  max-width: 560px;
  clear: left;
  padding: 20px 40px 30px;
}

@media (max-width: 700px) {
  .press-block {
    padding: 20px;
  }
}

.content-subtitle {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 2px;
  color: #8cbb4e;
}

.content-subtitle-c4og {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 2px;
  color: white;
}

.heroSlider .rsOverflow,
.royalSlider.heroSlider {
  min-height: 520px;
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
    font-size: 14px;
    line-height: 17px;
  }
}

.mini-slider-wrapper {
  width: 100%;
  position: relative;
}

.mini-title-block {
  position: relative;
  color: #FFF;
  background: #207bb8;
  margin: 0;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.0;
  float: left;
  padding: 10px 40px 20px;
}

@media (max-width: 1024px) {
  .mini-title-block {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 15px;
  }
}

@media (max-width: 700px) {
  .mini-title-block {
    padding: 15px 20px;
  }
}

.mini-content-block {
  position: relative;
  color: #FFF;
  background: #000;
  max-width: 450px;
  clear: left;
  padding: 10px 40px 10px;
}

@media (max-width: 700px) {
  .mini-content-block {
    padding: 20px;
  }
}

.mini-content-subtitle {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0 0 15px;
}

.youtube-highlights {
  background-color: #c5333d;
  padding: 30px 0 80px;
}

.gallery-slider-wrapper {
  width: 100%;
  margin-bottom: 76px;
  position: relative;
}

@media (max-width: 900px) {
  .gallery-slider-wrapper {
    margin-bottom: 64px;
  }
}

/* ==========================================================================
   Gallery slider
   ========================================================================== */
.visibleNearby {
  width: 100%;
  background: #207bb8;
  color: #fff;
}

.visibleNearby img {
  -webkit-backface-visibility: hidden;
}

.visibleNearby .rsGCaption {
  font-size: 24px;
  line-height: 24px;
  padding: 12px 0 16px;
  background: #207bb8;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}

.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 16px;
  line-height: 24px;
}

.royalSlider > .rsImg {
  visibility: hidden;
}

/* Scaling transforms */
.visibleNearby .rsSlide img {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.visibleNearby .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
  #gallery-1 {
    padding: 12px 0 12px;
  }
  #gallery-1 .rsOverflow, .royalSlider#gallery-1 {
    height: 400px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  #gallery-1 .rsOverflow, .royalSlider#gallery-1 {
    height: 300px !important;
  }
}

/* ==========================================================================
   Gallery slider - Is Eolaí Mé
   ========================================================================== */
.visibleNearbyIEM {
  width: 100%;
  background: #8db17b;
  color: #fff;
}

.visibleNearbyIEM img {
  -webkit-backface-visibility: hidden;
}

.visibleNearbyIEM .rsGCaption {
  font-size: 24px;
  line-height: 24px;
  padding: 12px 0 16px;
  background: #8db17b;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}

.visibleNearbyIEM .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 16px;
  line-height: 24px;
}

.royalSlider > .rsImg {
  visibility: hidden;
}

/* Scaling transforms */
.visibleNearbyIEM .rsSlide img {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.visibleNearbyIEM .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
  #gallery-1 {
    padding: 12px 0 12px;
  }
  #gallery-1 .rsOverflow, .royalSlider#gallery-1 {
    height: 400px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  #gallery-1 .rsOverflow, .royalSlider#gallery-1 {
    height: 300px !important;
  }
}

/* 	==========================================================================
   	Tonight slider
   	========================================================================== */
.view-full {
  display: block;
  width: 190px;
  position: absolute;
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  color: white;
  text-align: center;
  line-height: 1.2;
  background-color: #043244;
  padding: 15px 0px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.view-full:hover, .view-full:focus {
  color: white;
  background-color: #0c232c;
}

.tonight-slider {
  list-style: none;
  *zoom: 1;
}

.tonight-slider:before, .tonight-slider:after {
  content: '';
  display: table;
}

.tonight-slider:after {
  clear: both;
}

.tonight-item {
  position: relative;
  float: left;
  margin: 0 0px;
}

.tonight-link {
  display: block;
  max-width: 272px;
  padding: 13px 10px 1px;
  color: white;
  background-color: transparent;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  user-select: none;
}

.tonight-link.live-now {
  background-color: rgba(255, 255, 255, 0.2);
}

.tonight-link.live-now .tonight-live {
  display: block;
}

.tonight-link.live-now .btn-watch-small, .tonight-link.live-now .btn-info-small {
  display: block;
}

.tonight-link.live-now .btn-info-small {
  display: none;
}

.tonight-link.live-now .btn-wrapper {
  opacity: 1;
}

.tonight-link.live-now:hover .btn-info-small, .tonight-link.live-now:focus .btn-info-small {
  display: none;
}

.tonight-link:hover, .tonight-link:focus {
  color: white;
  background-color: #cccccc !important;
}

.tonight-link:hover .tonight-time, .tonight-link:focus .tonight-time {
  color: rgba(255, 255, 255, 0.7);
}

.tonight-link:hover .btn-info-small, .tonight-link:focus .btn-info-small {
  display: block;
}

.tonight-link:hover .btn-wrapper, .tonight-link:focus .btn-wrapper {
  opacity: 1;
}

.tonight-link .btn-wrapper {
  height: 80px;
  padding-top: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.ssm-mobile .tonight-link:hover, .ssm-mobile .tonight-link:focus {
  background-color: inherit;
}

.ssm-mobile .tonight-link.live-now:hover, .ssm-mobile .tonight-link.live-now:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.tonight-title {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 34px 0px 14px 0px;
  line-height: 1.1;
  letter-spacing: 0px;
}

.tonight-time {
  color: #043244;
  position: absolute;
  top: 2px;
  left: 0;
  width: calc(100% - 20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin: 10px;
  padding-bottom: 3px;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.tonight-live {
  display: none;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 42px;
  height: 24px;
  border-radius: 2px;
  background-color: #c5333d;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  text-align: center;
  padding-top: 2px;
}

.btn-watch-small, .btn-info-small {
  display: none;
  width: 120px;
  height: 40px;
  margin: 0px auto;
  color: #043244;
  background-color: white;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 2px;
}

.btn-info-small {
  color: white;
  background-color: black;
}

.tonight-slider-wrap .slick-prev {
  left: -20px;
}

.tonight-slider-wrap .slick-next {
  right: -20px;
}

/* 	==========================================================================
   	Common program panels
   	========================================================================== */
.prog-module {
  margin: 0 10px 20px;
  float: left;
}

.prog-module .tonight-live {
  float: left;
}

.prog-slide-wrap {
  margin: 0 auto;
  max-width: 378px;
}

.prog-panel {
  display: block;
  clear: both;
  position: relative;
}

.prog-title {
  margin: 0;
  position: absolute;
  z-index: 1;
  color: #207bb8;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  min-height: 48px;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .prog-title {
  background-color: #249acc;
}

.prog-title-c4og {
  margin: 0;
  position: absolute;
  z-index: 1;
  background-color: #207bb8;
  color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  min-height: 48px;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .prog-title-c4og {
  background-color: #249acc;
}

.prog-title-c4og-alpha {
  margin: 0;
  position: absolute;
  z-index: 1;
  background: rgba(32, 123, 184, 0.7);
  color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  min-height: 48px;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .prog-title-c4og-alpha {
  background-color: #249acc;
}

.prog-title-sfs-alpha {
  margin: 0;
  position: absolute;
  z-index: 1;
  background: rgba(27, 117, 134, 0.8);
  color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  min-height: 48px;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .prog-title-sfs-alpha {
  background-color: #249acc;
}

.prog-title-bia-linn-alpha {
  margin: 0;
  position: absolute;
  z-index: 1;
  background: rgba(126, 82, 161, 0.8);
  color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  min-height: 48px;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .prog-title-bia-linn-alpha {
  background-color: #249acc;
}

.prog-footer {
  position: relative;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  min-height: 60px;
  padding: 8px 105px 8px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.prog-footer.ireland-only:after {
  position: absolute;
  top: 31px;
  right: 74px;
}

.prog-footer.no-player:after {
  position: absolute;
  top: 31px;
  right: 74px;
}

.prog-panel:hover .prog-footer {
  background-color: #5cbd46;
}

.prog-episode-title {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.prog-episode-title span {
  text-transform: initial;
  color: #207bb8;
  margin-left: 5px;
}

.prog-panel:hover .prog-episode-title span {
  color: white;
}

.prog-season, .prog-episode {
  display: inline-block;
  background-color: #95bdd8;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0 4px;
}

.prog-panel:hover .prog-season, .prog-panel:hover .prog-episode {
  background-color: black;
}

.prog-panel .arrow-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.prog-panel .arrow-box:after {
  position: absolute;
  top: calc( 50% - 13px);
  left: calc( 50% - 8px);
}

.prog-panel .btn-nl-playbox {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background-color: #207bb8;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.prog-panel .btn-nl-playbox:after {
  content: '';
  position: absolute;
  top: calc( 50% - 16px);
  left: calc( 50% - 14px);
}

.prog-panel:hover .arrow-box, .prog-panel:hover .btn-nl-playbox {
  background-color: black;
}

.prog-desc {
  margin: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 3px;
}

.prog-infobar {
  position: relative;
  background-color: #95bdd8;
  padding: 0px;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
}

.prog-firstshow, .prog-daysleft, .prog-dur {
  display: inline-block;
  background-color: #95bdd8;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 0 10px;
  border-right: 1px solid #d7e2ea;
}

.win-title {
  margin: 0;
  position: absolute;
  z-index: 1;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: #ffffff;
  min-height: 48px;
  padding: 7px 20px;
  font-size: 28px;
  font-size: 2.8rem;
}

.online-panel:hover .win-title {
  background-color: #249acc;
}

.news-title {
  margin: 0;
  position: absolute;
  z-index: 1;
  background-color: white;
  color: #c12750;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .news-title {
  background-color: #c12750;
}

.news-title-c4og {
  margin: 0;
  position: absolute;
  z-index: 1;
  color: white;
  background-color: #c12750;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .news-title-c4og {
  background-color: #c12750;
}

.doit-title {
  margin: 0;
  position: absolute;
  z-index: 1;
  color: #9ac4c5;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .doit-title {
  background-color: #249acc;
}

.presenter-title-list {
  margin: 0;
  position: absolute;
  z-index: 1;
  color: #ecc45a;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .presenter-title-list {
  background-color: #249acc;
}

.extra-title-list {
  margin: 0;
  position: absolute;
  z-index: 1;
  color: #8db17b;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .extra-title-list {
  background-color: #249acc;
}

.party-desc {
  margin: 10px;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 3px;
}

/* 	==========================================================================
   	Online now module
   	========================================================================== */
@media (max-width: 1024px) {
  .online-section {
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1024px) {
  .online-section .title-tab-wrap {
    padding: 0 10px;
  }
}

.online-wrap {
  *zoom: 1;
  margin-top: 25px;
  margin-bottom: 80px;
}

.online-wrap:before, .online-wrap:after {
  content: '';
  display: table;
}

.online-wrap:after {
  clear: both;
}

.online-wrap .slick-prev,
.online-wrap .slick-next {
  background: black;
  bottom: -50px;
}

.online-wrap .slick-prev {
  left: -10px;
}

.online-wrap .slick-next {
  right: -10px;
}

.online-wrap .slick-prev:hover,
.online-wrap .slick-prev:focus,
.online-wrap .slick-next:hover,
.online-wrap .slick-next:focus {
  outline: none;
  background: white;
}

@media (max-width: 1024px) {
  .online-wrap {
    margin-top: 0;
  }
}

.online-cula .online-logo, .online-playlist .online-logo {
  background-color: black;
}

.online-cula .online-logo {
  padding: 5px 20px 0;
}

.online-playlist .online-logo {
  padding: 4px 20px 0;
}

.online-logo {
  float: left;
  height: 42px;
  margin-bottom: 15px;
}

.online-tg4-logo {
  width: 115px;
  height: 42px;
}

.online-cula-logo {
  width: 73px;
  height: 33px;
}

.online-logo-playlist {
  position: relative;
  padding-left: 30px;
  font-size: 21px;
  font-size: 2.1rem;
}

.online-logo-playlist:before {
  position: absolute;
  top: 7px;
  left: 0px;
}

/* 	==========================================================================
   	featured videos module
   	========================================================================== */
@media (max-width: 1024px) {
  .featv-section {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1024px) {
  .featv-section .title-tab-wrap {
    padding: 0 10px;
  }
}

@media (max-width: 1024px) {
  .featv-wrap {
    margin-top: 0px;
  }
}

.featv-wrap .prog-title {
  min-height: 35px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (max-width: 1100px) {
  .featv-wrap .prog-title {
    min-height: 48px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.featv-prev,
.featv-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 0px;
  display: block;
  width: 60px;
  height: 60px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-color: #043244;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  user-select: none;
  z-index: 1;
}

.featv-prev:hover,
.featv-prev:focus,
.featv-next:hover,
.featv-next:focus {
  outline: none;
  background: black;
}

.featv-prev:hover:before,
.featv-prev:focus:before,
.featv-next:hover:before,
.featv-next:focus:before {
  opacity: 1;
}

.featv-prev.slick-disabled:before,
.featv-next.slick-disabled:before {
  opacity: .25;
}

.featv-prev:before,
.featv-next:before {
  position: absolute;
  content: '';
  width: 9px;
  height: 16px;
  top: 22px;
}

.featv-prev {
  left: 0px;
}

.featv-prev:before {
  left: 25px;
  background-position: -178px -42px;
}

.featv-next {
  right: 0px;
}

.featv-next:before {
  left: 29px;
  background-position: -214px -42px;
}

/* 	==========================================================================
   	featured videos - TG4 Player module
   	========================================================================== */
@media (max-width: 1024px) {
  .featvp-section, .featsp-section, .featdoc-section {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1024px) {
  .featvp-section .title-tab-wrap, .featsp-section .title-tab-wrap, .featdoc-section .title-tab-wrap {
    padding: 0 10px;
  }
}

.featvp-wrap, .featsp-wrap, .featdoc-wrap {
  *zoom: 1;
  margin-top: 25px;
  margin-bottom: 30px;
}

.featvp-wrap:before, .featvp-wrap:after, .featsp-wrap:before, .featsp-wrap:after, .featdoc-wrap:before, .featdoc-wrap:after {
  content: '';
  display: table;
}

.featvp-wrap:after, .featsp-wrap:after, .featdoc-wrap:after {
  clear: both;
}

@media (max-width: 1024px) {
  .featvp-wrap, .featsp-wrap, .featdoc-wrap {
    margin-top: 0px;
  }
}

.featvp-wrap .prog-title, .featsp-wrap .prog-title, .featdoc-wrap .prog-title {
  min-height: 35px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (max-width: 1100px) {
  .featvp-wrap .prog-title, .featsp-wrap .prog-title, .featdoc-wrap .prog-title {
    min-height: 48px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.featvp-prev, .featsp-prev, .featdoc-prev,
.featvp-next, .featsp-next, .featdoc-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 0px;
  display: block;
  width: 60px;
  height: 60px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  user-select: none;
  z-index: 1;
}

.featvp-prev:hover, .featsp-prev:hover, .featdoc-prev:hover,
.featvp-prev:focus, .featsp-prev:focus, .featdoc-prev:focus,
.featvp-next:hover, .featsp-next:hover, .featdoc-next:hover,
.featvp-next:focus, .featsp-next:focus, .featdoc-next:focus {
  outline: none;
  background: white;
}

.featvp-prev:hover:before, .featsp-prev:hover:before, .featdoc-prev:hover:before,
.featvp-prev:focus:before, .featsp-prev:focus:before, .featdoc-prev:focus:before,
.featvp-next:hover:before, .featsp-next:hover:before, .featdoc-next:hover:before,
.featvp-next:focus:before, .featsp-next:focus:before, .featdoc-next:focus:before {
  opacity: 1;
}

.featvp-prev.slick-disabled:before, .featsp-prev.slick-disabled:before, .featdoc-prev.slick-disabled:before,
.featvp-next.slick-disabled:before, .featsp-next.slick-disabled:before, .featdoc-next.slick-disabled:before {
  opacity: .25;
}

.featvp-prev:before, .featsp-prev:before, .featdoc-prev:before,
.featvp-next:before, .featsp-next:before, .featdoc-next:before {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  top: 12px;
}

.featvp-prev, .featsp-prev, .featdoc-prev {
  left: 0px;
}

.featvp-prev:before, .featsp-prev:before, .featdoc-prev:before {
  background-position: -1px -454px;
  width: 60px;
  height: 60px;
}

.featvp-next, .featsp-next, .featdoc-next {
  right: 0px;
}

.featvp-next:before, .featsp-next:before, .featdoc-next:before {
  background-position: -66px -454px;
  width: 60px;
  height: 60px;
}

/* 	==========================================================================
   	Section headers
   	========================================================================== */
.section-header {
  min-height: 82px;
  background-color: #373737;
  padding: 13px 20px 13px;
  margin-top: 0px;
  position: relative;
  *zoom: 1;
}

.section-header:before, .section-header:after {
  content: '';
  display: table;
}

.section-header:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header {
    padding: 13px 20px 13px;
    min-height: 74px;
  }
}

.section-header-blue-c4og {
  min-height: 112px;
  background-color: #207bb8;
  padding: 33px 20px 13px;
  margin-top: -20px;
  position: relative;
  *zoom: 1;
}

.section-header-blue-c4og:before, .section-header-blue-c4og:after {
  content: '';
  display: table;
}

.section-header-blue-c4og:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-blue-c4og {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-header-red-c4og {
  min-height: 112px;
  background-color: #b64249;
  padding: 33px 20px 13px;
  margin-top: -20px;
  position: relative;
  *zoom: 1;
}

.section-header-red-c4og:before, .section-header-red-c4og:after {
  content: '';
  display: table;
}

.section-header-red-c4og:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-red-c4og {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-header-red-iem {
  min-height: 112px;
  background-color: #c12750;
  padding: 33px 20px 13px;
  margin-top: -20px;
  position: relative;
  *zoom: 1;
}

.section-header-red-iem:before, .section-header-red-iem:after {
  content: '';
  display: table;
}

.section-header-red-iem:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-red-iem {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-header-programmes {
  min-height: 82px;
  background-color: #207bb8;
  padding: 13px 20px 13px;
  margin-top: 0px;
  position: relative;
  *zoom: 1;
}

.section-header-programmes:before, .section-header-programmes:after {
  content: '';
  display: table;
}

.section-header-programmes:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-programmes {
    padding: 13px 20px 13px;
    min-height: 74px;
  }
}

.section-header-games {
  min-height: 82px;
  background-color: #d78106;
  padding: 13px 20px 13px;
  margin-top: 0px;
  position: relative;
  *zoom: 1;
}

.section-header-games:before, .section-header-games:after {
  content: '';
  display: table;
}

.section-header-games:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-games {
    padding: 13px 20px 13px;
    min-height: 74px;
  }
}

.section-header-watch {
  min-height: 82px;
  background-color: #8cbb4e;
  padding: 13px 20px 13px;
  margin-top: 0px;
  position: relative;
  *zoom: 1;
}

.section-header-watch:before, .section-header-watch:after {
  content: '';
  display: table;
}

.section-header-watch:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-watch {
    padding: 13px 20px 13px;
    min-height: 74px;
  }
}

.section-header-news {
  min-height: 82px;
  background-color: #c5333d;
  padding: 13px 20px 13px;
  margin-top: 0px;
  position: relative;
  *zoom: 1;
}

.section-header-news:before, .section-header-news:after {
  content: '';
  display: table;
}

.section-header-news:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-news {
    padding: 13px 20px 13px;
    min-height: 74px;
  }
}

.section-header-win {
  min-height: 82px;
  background-color: #392d75;
  padding: 13px 20px 13px;
  margin-top: 0px;
  position: relative;
  *zoom: 1;
}

.section-header-win:before, .section-header-win:after {
  content: '';
  display: table;
}

.section-header-win:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-win {
    padding: 13px 20px 13px;
    min-height: 74px;
  }
}

.section-title {
  margin: 0 67px;
  font-size: 50px;
  font-size: 5rem;
  color: white;
  line-height: 1;
  float: left;
}

@media (max-width: 1024px) {
  .section-title {
    font-size: 36px;
    font-size: 3.6rem;
    padding: 5px 0px;
    margin: 0 20px 0 0;
  }
}

.section-header-green-iem {
  min-height: 112px;
  background-color: #8db17b;
  padding: 33px 20px 13px;
  margin-top: -20px;
  position: relative;
  *zoom: 1;
}

.section-header-green-iem:before, .section-header-green-iem:after {
  content: '';
  display: table;
}

.section-header-green-iem:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-green-iem {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-header-blue-iem {
  min-height: 112px;
  background-color: #9ac4c5;
  padding: 33px 20px 13px;
  margin-top: -20px;
  position: relative;
  *zoom: 1;
}

.section-header-blue-iem:before, .section-header-blue-iem:after {
  content: '';
  display: table;
}

.section-header-blue-iem:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-blue-iem {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-header-yellow-iem {
  min-height: 112px;
  background-color: #ecc45a;
  padding: 33px 20px 13px;
  margin-top: -20px;
  position: relative;
  *zoom: 1;
}

.section-header-yellow-iem:before, .section-header-yellow-iem:after {
  content: '';
  display: table;
}

.section-header-yellow-iem:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-yellow-iem {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-header-bia-linn {
  min-height: 82px;
  background-color: #A2C439;
  padding: 13px 20px 13px 0px;
  margin-top: 0px;
  text-align: center;
  position: relative;
  *zoom: 1;
}

.section-header-bia-linn:before, .section-header-bia-linn:after {
  content: '';
  display: table;
}

.section-header-bia-linn:after {
  clear: both;
}

@media (max-width: 1024px) {
  .section-header-bia-linn {
    padding: 13px 20px 13px;
    margin-top: 0px;
    min-height: 74px;
  }
}

.section-submenu {
  clear: both;
  position: relative;
  z-index: 1;
  top: -35px;
  left: 69px;
  width: calc(100% - 138px);
}

@media (max-width: 1024px) {
  .section-submenu {
    top: 0;
    left: 0;
    background-color: #043244;
    width: 100%;
  }
}

.section-submenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}

.section-submenu-list:before, .section-submenu-list:after {
  content: '';
  display: table;
}

.section-submenu-list:after {
  clear: both;
}

.section-submenu-list li {
  float: left;
}

.section-submenu-list li a {
  color: white;
  display: block;
  padding: 7px 20px;
  opacity: 0.5;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (max-width: 1268px) {
  .section-submenu-list li a {
    padding: 7px 8px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media (max-width: 1024px) {
  .section-submenu-list li a {
    text-transform: initial;
    padding: 10px 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.section-submenu-list li.current_page_item a, .section-submenu-list li:hover a, .section-submenu-list li:focus a {
  opacity: 1;
}

.section-submenu-list li.current_page_item a {
  border-bottom: 5px solid #207bb8;
}

@media (max-width: 1024px) {
  .section-submenu-list li.current_page_item a {
    border-bottom: 0;
  }
}

@media (max-width: 1024px) {
  .section-submenu-list li {
    float: none;
  }
}

@media (max-width: 1024px) {
  .section-submenu-list {
    padding: 15px 0 20px;
    background-color: #0c232c;
  }
}

.section-sub-page {
  display: none;
  color: white;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (max-width: 1024px) {
  .section-sub-page {
    display: block;
  }
  .section-sub-page span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    position: relative;
  }
  .section-sub-page span:after {
    position: absolute;
    top: 3px;
    left: 4px;
    background: url("../images/sprite-icons@2x.png") no-repeat 0 0 transparent;
    background-size: 1000px auto;
    content: '';
    background-position: -214px -42px;
    width: 9px;
    height: 16px;
    transform: rotate(90deg);
  }
}

.section-submenu-wrap {
  overflow: hidden;
  height: auto;
}

@media (max-width: 1024px) {
  .section-submenu-wrap {
    height: 0;
  }
}

@media (max-width: 1024px) {
  .section-submenu-wrap.section-sub-open {
    height: auto;
  }
}

/* 	==========================================================================
   	Schedule Highlights
   	========================================================================== */
.sched-highlights {
  background-color: #d78106;
}

.sched-highlights-player {
  margin-top: -40px;
  background-color: #0c232c;
  padding: 30px 0 80px;
}

.high-slider {
  *zoom: 1;
  padding: 0 20px;
}

.high-slider:before, .high-slider:after {
  content: '';
  display: table;
}

.high-slider:after {
  clear: both;
}

.high-slider .slick-dots {
  right: 0;
  left: 0;
}

@media (max-width: 800px) {
  .high-slider {
    padding: 0;
  }
}

.high-ad {
  margin: 0 10px;
}

.high-ad .mod-ad {
  height: 327px;
  background-color: #c7dae2;
  margin: 0 auto;
  max-width: 582px;
}

.high-module {
  float: left;
  margin: 0 10px;
}

.high-link {
  display: block;
  position: relative;
  max-width: 582px;
  margin: 0 auto;
  min-height: 327px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.high-details {
  position: absolute;
  top: 20px;
  left: 20px;
}

.high-title {
  margin: 0;
  font-size: 21px;
  font-size: 2.1rem;
  color: white;
  background-color: #ec7909;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 10px 20px;
  min-height: 60px;
  margin-right: 20px;
}

.high-link:hover .high-title, .high-link:focus .high-title {
  background-color: #249acc;
}

.youtube-title {
  margin: 0;
  font-size: 21px;
  font-size: 2.1rem;
  color: white;
  background-color: #c5333d;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 10px 20px;
  min-height: 60px;
  margin-right: 20px;
}

.high-link:hover .youtube-title, .high-link:focus .youtube-title {
  background-color: #249acc;
}

.high-date {
  background-color: black;
  color: white;
  min-height: 20px;
  padding: 10px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  margin: 0;
}

.btn-high {
  position: absolute;
  display: block;
  bottom: 20px;
  left: 20px;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: #8cbb4e;
  min-height: 40px;
  padding: 6px 60px 6px 20px;
}

.btn-high span {
  height: 40px;
  width: 40px;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: absolute;
  top: 0;
  right: 0;
}

.btn-high span:after {
  position: absolute;
  top: 7px;
  left: 12px;
}

.high-link:hover .btn-high, .high-link:focus .btn-high {
  background-color: black;
}

.high-link:hover .btn-high span, .high-link:focus .btn-high span {
  background-color: white;
}

.btn-high-c4og {
  position: absolute;
  display: block;
  bottom: 20px;
  left: 20px;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: #8cbb4e;
  min-height: 40px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  padding: 6px 60px 6px 20px;
}

.btn-high-c4og span {
  height: 40px;
  width: 40px;
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
}

.btn-high-c4og span:after {
  position: absolute;
  top: 7px;
  left: 12px;
}

.high-link:hover .btn-high-c4og, .high-link:focus .btn-high-c4og {
  background-color: black;
}

.high-link:hover .btn-high-c4og span, .high-link:focus .btn-high-c4og span {
  background-color: white;
}

.high-img {
  max-width: 100%;
  height: auto;
}

.high-slider .slick-next, .high-slider .slick-prev {
  background-color: black;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.high-slider .slick-next:hover, .high-slider .slick-prev:hover {
  background-color: white;
}

.youtube-title {
  margin: 0;
  font-size: 21px;
  font-size: 2.1rem;
  color: white;
  background-color: #e64747;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 10px 20px;
  min-height: 60px;
  margin-right: 20px;
}

.youtube-link:hover .youtube-title, .youtube-link:focus .youtube-title {
  background-color: #249acc;
}

.presenter-title {
  margin: 0;
  font-size: 28px;
  font-size: 2.8rem;
  color: white;
  background-color: #c5333d;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 10px 20px;
  min-height: 60px;
  margin-right: 20px;
}

.high-link:hover .presenter-title, .high-link:focus .presenter-title {
  background-color: #249acc;
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("../fonts/vjs.eot");
  src: url("../fonts/vjs.eot?#iefix") format("embedded-opentype"), url("../fonts/vjs.woff") format("woff"), url("../fonts/vjs.ttf") format("truetype"), url("../fonts/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}

.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}

/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
    content: "";
  }
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}

/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2);
}

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}

.vjs-default-skin .vjs-current-time {
  float: left;
}

.vjs-default-skin .vjs-duration {
  float: left;
}

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}

.vjs-time-divider {
  float: left;
  line-height: 3em;
}

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
/*
#Subtitles .vjs-big-play-button {
    content: url('http://www.tg4.ie/TG4Playicon.png?101');
    opacity: .9;
    width: 180px;
    height: 90px;
    top: 60px;
    left: 60px;
}
*/
#Subtitles .vjs-text-track {
  background-color: red;
  font-size: large;
  font-weight: bold;
  font-family: "Comic Sans MS";
}

#PromoVideo .vjs-big-play-button {
  content: url("http://www.tg4.ie/TG4Playicon.png");
  opacity: .9;
  width: 180px;
  height: 90px;
  top: 60px;
  left: 60px;
}

.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-big-play-button {
  display: none;
}

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none;
}

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}

/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  height: 100% !important;
  width: 100% !important;
  background-color: #000;
  position: relative;
  padding: 0;
  margin-top: -5px;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertically aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}

/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none;
}

/* Captions Settings Dialog */
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #FFF;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em;
}

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}

.vjs-caption-settings label > input {
  margin-right: 10px;
}

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px;
}

/* Hide disabled or unsupported controls */
.vjs-hidden {
  display: none !important;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 4em;
  color: #333333;
  background-color: #3e8eb4;
  font-size: 0.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #ffffff;
}

.vjs-ima3-ad-container > div,
.vjs-ima3-ad-container > div > iframe {
  height: 100% !important;
  width: 100% !important;
}

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less
*/
/* ==========================================================================
   Banner Ads
   ========================================================================== */
.header-banner {
  width: 728px;
  height: 90px;
  margin: 0 auto;
  padding-top: 4px;
}

@media (max-width: 1150px) {
  .header-banner {
    position: absolute;
    top: 4px;
    right: 5px;
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .header-banner {
    display: none;
  }
}

.mod-ad {
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
}

.mod-ad .mod-ad-title {
  font-size: 14px;
  font-size: 1.4rem;
  color: #207bb8;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.mod-ad .ad-wrapper {
  margin: 0 auto;
  width: 300px;
  height: 250px;
}

/* 	==========================================================================
   	Homepage modules
   	========================================================================== */
.home-mods {
  background-color: #c7dae2;
  padding: 62px 20px 65px;
}

@media (max-width: 1260px) {
  .home-mods {
    padding: 62px 20px 5px;
  }
}

.mods-wrapper {
  width: auto;
  max-width: 1600px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.mods-wrapper:before, .mods-wrapper:after {
  content: '';
  display: table;
}

.mods-wrapper:after {
  clear: both;
}

.mods-wrapper .mod-1 {
  height: 360px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 48.77561%;
  margin-left: 0;
  margin-right: 2.44878%;
}

.mods-wrapper .mod-1:last-child {
  margin-right: 0;
}

@media (max-width: 1260px) {
  .mods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
    height: 100%;
  }
  .mods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .mods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
    height: 100%;
  }
  .mods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .mods-wrapper .mod-1 {
    height: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 400px) {
  .mods-wrapper .mod-1 {
    height: 100%;
    margin-bottom: 20px;
  }
}

.mods-wrapper
.mod-2 {
  height: 360px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 48.77561%;
  margin-left: 0;
  margin-right: 2.44878%;
}

.mods-wrapper
.mod-2:last-child {
  margin-right: 0;
}

@media (max-width: 1260px) {
  .mods-wrapper
.mod-2 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
    height: 460px;
  }
  .mods-wrapper
.mod-2:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .mods-wrapper
.mod-2 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
    height: 100%;
  }
  .mods-wrapper
.mod-2:last-child {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .mods-wrapper
.mod-2 {
    height: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  .mods-wrapper
.mod-2 {
    height: 100%;
  }
}

@media (max-width: 400px) {
  .mods-wrapper
.mod-2 {
    height: 100%;
  }
}

.mods-wrapper .mod-ad {
  float: left;
  clear: none;
  width: 21.55625%;
  margin-left: 0;
  margin-right: 1.875%;
  float: right;
  height: 360px;
  min-width: 300px;
}

.mods-wrapper .mod-ad:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .mods-wrapper .mod-ad {
    width: 300px;
    margin: 0;
  }
}

@media (max-width: 960px) {
  .mods-wrapper .mod-ad {
    display: none;
  }
}

.home-mod-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  width: 76.56875%;
  margin-left: 0;
  margin-right: 1.875%;
}

.home-mod-wrap:before, .home-mod-wrap:after {
  content: '';
  display: table;
}

.home-mod-wrap:after {
  clear: both;
}

.home-mod-wrap:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .home-mod-wrap {
    width: calc(98% - 300px);
    margin: 0;
  }
}

@media (max-width: 960px) {
  .home-mod-wrap {
    width: 100%;
    margin-bottom: 120px;
  }
}

@media (max-width: 800px) {
  .home-mod-wrap {
    width: 100%;
    margin-bottom: 50px;
  }
}

.mod-notice {
  position: relative;
  background-color: #c7dae2;
  height: 100%;
}

.mod-notice .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.livesport-item-wrap {
  padding: 0px;
  *zoom: 1;
}

.livesport-item-wrap:before, .livesport-item-wrap:after {
  content: '';
  display: table;
}

.livesport-item-wrap:after {
  clear: both;
}

.livesport-head {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #043244;
  padding: 15px;
  color: white;
  text-transform: uppercase;
  position: relative;
  min-height: 50px;
}

.livesport-head:last-child {
  margin-right: 0;
}

.livesport-content-wrap {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0px;
  *zoom: 1;
  border-bottom: 1px solid #ffffff;
}

.livesport-content-wrap:last-child {
  margin-right: 0;
}

.livesport-content-wrap:before, .livesport-content-wrap:after {
  content: '';
  display: table;
}

.livesport-content-wrap:after {
  clear: both;
}

@media (max-width: 700px) {
  .livesport-content-wrap {
    min-height: 49px;
    padding: 5px 0px 0px 20px;
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .livesport-content-wrap:last-child {
    margin-right: 0;
  }
}

.mod-livesport {
  position: relative;
  background-color: #aac4cf;
  height: 100%;
}

.mod-livesport .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.livesport-img {
  float: left;
  clear: none;
  width: 9.55%;
  margin-left: 0;
  margin-right: 0.5%;
  background-color: #207bb8;
  background-size: cover;
  min-height: 48px;
  min-width: 50px;
  background-position: center center;
}

.livesport-img:last-child {
  margin-right: 0;
}

@media (max-width: 700px) {
  .livesport-img {
    display: none;
  }
}

.livesport-content {
  float: left;
  clear: none;
  width: 72.865%;
  margin-left: 0;
  margin-right: 0.5%;
  padding: 5px 0px 0px 20px;
}

.livesport-content:last-child {
  margin-right: 0;
}

@media (max-width: 960px) {
  .livesport-content {
    float: left;
    clear: none;
    width: 64.825%;
    margin-left: 0;
    margin-right: 0.5%;
  }
  .livesport-content:last-child {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .livesport-content {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
  .livesport-content:last-child {
    margin-right: 0;
  }
}

.livesport-item-title {
  color: #207bb8;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
}

.livesport-item-title span {
  margin-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .livesport-item-title span {
    display: block;
    margin-left: 0;
    padding-bottom: 8px;
  }
}

.livesport-item-sub {
  font-size: 18px;
  font-size: 1.8rem;
}

.livesport-fixture {
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
}

.livesport-date {
  color: #043244;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
}

.live-Soccer:before {
  content: '';
}

.live-Basketball:before {
  content: '';
}

.live-Boxing:before {
  content: '';
}

.live-Rally:before {
  content: '';
}

.live-Cycling:before {
  content: '';
}

.live-Gaelic:before {
  content: '';
}

.live-Racing:before {
  content: '';
}

.live-Hurling:before {
  content: '';
}

.live-Sailing:before {
  content: '';
}

.live-Rugby:before {
  content: '';
}

/* 	==========================================================================
   	Schedule page
   	========================================================================== */
.sport-lists {
  margin-top: -40px;
}

@media (max-width: 1024px) {
  .sport-lists {
    margin-top: 0px;
  }
}

.sched-days-wrap {
  background-color: black;
  border-bottom: 10px solid #207bb8;
  height: 70px;
}

.sched-days {
  width: auto;
  max-width: 1314px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  height: 60px;
}

.sched-slider {
  margin: 0 60px;
}

.sched-slider .slick-list {
  padding: 0;
}

.sched-slider .slick-prev, .sched-slider .slick-next {
  top: 0;
  margin-top: 0;
  height: 70px;
  background-color: transparent;
}

.sched-slider .slick-prev {
  left: -60px;
}

.sched-slider .slick-next {
  right: -60px;
}

.day-link {
  float: left;
  display: block;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  margin: 0 1px;
  height: 60px;
  padding: 8px 15px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}

.day-link:hover, .day-link:focus {
  background-color: #d7e2ea;
}

.day-selected, .day-selected:hover, .day-selected:focus {
  background-color: #207bb8;
  color: white;
}

.sched-date {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-transform: uppercase;
}

.sched-lists-title {
  background-color: black;
  margin: 0;
  color: white;
  text-align: center;
  padding: 30px 20px;
  font-size: 42px;
  font-size: 4.2rem;
}

@media (max-width: 1024px) {
  .sched-lists-title {
    font-size: 36px;
    font-size: 3.6rem;
  }
}

.sched-list-day {
  margin: 0;
  background-color: #207bb8;
  text-align: center;
  color: white;
  padding: 20px 20px 30px;
  font-size: 24px;
  font-size: 2.4rem;
}

.sched-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sched-list li {
  background-color: #d7e2ea;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  margin-bottom: 1px;
}

.sched-list li:last-child {
  margin-bottom: 0px;
}

.sched-list li:nth-child(even) {
  background-color: #e2e9ef;
}

.sched-list li:hover {
  background-color: #c7dae2;
}

.sched-item-wrap {
  width: auto;
  max-width: 1234px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding: 20px 20px;
  *zoom: 1;
}

.sched-item-wrap:before, .sched-item-wrap:after {
  content: '';
  display: table;
}

.sched-item-wrap:after {
  clear: both;
}

.sched-time {
  float: left;
  clear: none;
  width: 9.55%;
  margin-left: 0;
  margin-right: 0.5%;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: white;
  position: relative;
  min-height: 110px;
}

.sched-time:last-child {
  margin-right: 0;
}

.sched-time span {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .sched-time {
    float: left;
    clear: none;
    width: 14.575%;
    margin-left: 0;
    margin-right: 0.5%;
  }
  .sched-time:last-child {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .sched-time {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-height: 40px;
    width: 100px;
    margin: 0 0 7px 0;
  }
  .sched-time:last-child {
    margin-right: 0;
  }
}

.sched-item-img {
  float: left;
  clear: none;
  width: 16.585%;
  margin-left: 0;
  margin-right: 0.5%;
  background-size: cover;
  background-position: center center;
}

.sched-item-img:last-child {
  margin-right: 0;
}

@media (max-width: 960px) {
  .sched-item-img {
    float: left;
    clear: none;
    width: 19.6%;
    margin-left: 0;
    margin-right: 0.5%;
  }
  .sched-item-img:last-child {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .sched-item-img {
    display: none;
  }
}

.sched-item-content {
  float: left;
  clear: none;
  width: 72.865%;
  margin-left: 0;
  margin-right: 0.5%;
  padding-left: 20px;
}

.sched-item-content:last-child {
  margin-right: 0;
}

.sched-item-content hr {
  clear: both;
}

@media (max-width: 960px) {
  .sched-item-content {
    float: left;
    clear: none;
    width: 64.825%;
    margin-left: 0;
    margin-right: 0.5%;
  }
  .sched-item-content:last-child {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .sched-item-content {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
  .sched-item-content:last-child {
    margin-right: 0;
  }
}

.sched-item-title {
  color: #207bb8;
  font-size: 30px;
  font-size: 3rem;
  margin: 0;
  border-bottom: 1px solid #207bb8;
  padding-bottom: 5px;
}

.sched-item-title span {
  margin-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .sched-item-title span {
    display: block;
    margin-left: 0;
    padding-bottom: 8px;
  }
}

.sched-item-sub {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 5px 0 3px;
}

.sched-item-desc {
  margin: 0;
}

.sched-lists-top {
  display: block;
  background-color: black;
  padding: 30px 20px 26px;
  color: white;
  text-align: center;
}

.sched-lists-top:hover, .sched-lists-top:focus {
  background-color: #043244;
  color: white;
}

.sched-lists-top span {
  position: relative;
  display: inline-block;
  padding-right: 5px;
}

.sched-lists-top span:after {
  content: '';
  background-position: -214px -42px;
  width: 9px;
  height: 16px;
  transform: rotate(-90deg);
  position: absolute;
  right: 50%;
  top: -15px;
}

/* 	==========================================================================
   	General styles for the programme pages
   	========================================================================== */
.showing-times {
  float: left;
  *zoom: 1;
}

.showing-times:before, .showing-times:after {
  content: '';
  display: table;
}

.showing-times:after {
  clear: both;
}

.showing-box {
  float: left;
  background-color: white;
  height: 60px;
  width: 80px;
  color: #207bb8;
  margin-right: 4px;
  margin-top: 5px;
  padding: 9px 0 0 5px;
}

@media (max-width: 1024px) {
  .showing-box {
    width: 50px;
    height: 40px;
    padding: 7px 0 0 3px;
  }
}

.showing-day {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}

@media (max-width: 1024px) {
  .showing-day {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.showing-time {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

@media (max-width: 1024px) {
  .showing-time {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: -1;
  }
}

.prog-head {
  background: no-repeat top center transparent;
  background-size: cover;
  min-height: 400px;
  position: relative;
  z-index: 0;
}

.prog-head:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}

.prog-head .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.prog-head .content {
  padding: 70px;
}

@media (max-width: 1024px) {
  .prog-head {
    margin-top: 0;
  }
  .prog-head .content {
    padding: 20px;
  }
}

.prog-headcenter {
  background: no-repeat center center transparent;
  background-size: cover;
  min-height: 400px;
  margin-top: -40px;
  position: relative;
  z-index: 0;
}

.prog-headcenter:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}

.prog-headcenter .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.prog-headcenter .content {
  padding: 70px;
}

@media (max-width: 1024px) {
  .prog-headcenter {
    margin-top: 0;
  }
  .prog-headcenter .content {
    padding: 20px;
  }
}

.prog-headcenter-no-min {
  background: no-repeat center center transparent;
  background-size: cover;
  min-height: 0px;
  margin-top: 0px;
  position: relative;
  z-index: 0;
}

.prog-headcenter-no-min:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}

.prog-headcenter-no-min .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.prog-headcenter-no-min .content {
  padding: 70px;
}

@media (max-width: 1024px) {
  .prog-headcenter-no-min {
    margin-top: 0;
  }
  .prog-headcenter-no-min .content {
    padding: 20px;
  }
}

/* 	==========================================================================
   	Featured Video
   	========================================================================== */
.prog-feat-section .section-panel-dark-3 {
  padding-bottom: 0;
}

.prog-feat {
  padding: 15px 0 0;
  *zoom: 1;
}

.prog-feat:before, .prog-feat:after {
  content: '';
  display: table;
}

.prog-feat:after {
  clear: both;
}

.prog-feat-wrap {
  width: calc(100% - 380px);
  float: left;
}

@media (max-width: 1024px) {
  .prog-feat-wrap {
    width: 100%;
  }
}

.prog-feat-ad {
  width: 360px;
  float: right;
  padding-bottom: 20px;
}

@media (max-width: 1024px) {
  .prog-feat-ad {
    display: none;
  }
}

.video-js {
  padding-top: 56.25%;
}

.vjs-fullscreen {
  padding-top: 0px;
}

.prog-feat-intro-wrap {
  background-color: #c7dae2;
  padding: 0 20px;
  *zoom: 1;
}

.prog-feat-intro-wrap:before, .prog-feat-intro-wrap:after {
  content: '';
  display: table;
}

.prog-feat-intro-wrap:after {
  clear: both;
}

.prog-feat-intro {
  width: calc(100% - 380px);
}

@media (max-width: 1024px) {
  .prog-feat-intro {
    width: 100%;
  }
}

.prog-feat-toolbar {
  background-color: #c5333d;
  min-height: 54px;
  *zoom: 1;
}

.prog-feat-toolbar:before, .prog-feat-toolbar:after {
  content: '';
  display: table;
}

.prog-feat-toolbar:after {
  clear: both;
}

.prog-remind {
  max-width: calc(100% - 165px);
  float: left;
  color: white;
  font-size: 20px;
  font-size: 2rem;
  position: relative;
  overflow: visible;
}

@media (max-width: 450px) {
  .prog-remind {
    display: none;
  }
}

.prog-remind-txt {
  padding: 12px 74px 10px 20px;
  line-height: 1;
}

.prog-remind-count {
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 66px;
  background-color: #207bb8;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
}

.prog-remind-count span {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  line-height: 30px;
}

.prog-share {
  width: 165px;
  float: right;
  *zoom: 1;
}

.prog-share:before, .prog-share:after {
  content: '';
  display: table;
}

.prog-share:after {
  clear: both;
}

@media (max-width: 450px) {
  .prog-share {
    float: left;
  }
}

.facebook-share, .twitter-share, .email-share {
  display: block;
  float: left;
  height: 54px;
  width: 54px;
  text-indent: 110px;
  overflow: hidden;
  background-color: #207bb8;
  margin-left: 1px;
}

.facebook-share:hover, .facebook-share:focus, .twitter-share:hover, .twitter-share:focus, .email-share:hover, .email-share:focus {
  background-color: #249acc;
}

.facebook-share {
  position: relative;
}

.facebook-share:after {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.twitter-share {
  position: relative;
}

.twitter-share:after {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.email-share {
  position: relative;
}

.email-share:after {
  content: '';
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.prog-feat-txt {
  float: left;
  clear: none;
  width: 59.2%;
  margin-left: 0;
  margin-right: 2%;
  padding: 30px 0;
}

.prog-feat-txt:last-child {
  margin-right: 0;
}

@media (max-width: 700px) {
  .prog-feat-txt {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 20%;
    padding-bottom: 0;
  }
  .prog-feat-txt:last-child {
    margin-right: 0;
  }
}

.prog-feat-keyword {
  float: left;
  clear: none;
  width: 38.8%;
  margin-left: 0;
  margin-right: 2%;
  padding: 15px 0;
}

.prog-feat-keyword:last-child {
  margin-right: 0;
}

@media (max-width: 700px) {
  .prog-feat-keyword {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 20%;
  }
  .prog-feat-keyword:last-child {
    margin-right: 0;
  }
}

.keyword {
  display: block;
  float: left;
  padding: 5px 10px;
  background-color: white;
  margin: 0 1px 1px 0;
}

.c2-feat-txt {
  float: left;
  padding: 30px 30px;
}

@media (max-width: 700px) {
  .c2-feat-txt {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 20%;
    padding-bottom: 0;
  }
  .c2-feat-txt:last-child {
    margin-right: 0;
  }
}

/* 	==========================================================================
   	Misc
   	========================================================================== */
.prog-intro .mod-notice {
  padding: 20px 0px 40px 0px;
  background-color: white;
}

.prog-intro .mod-notice .notice {
  color: #207bb8;
}

@media (max-width: 1260px) {
  .prog-intro .mod-notice {
    padding: 20px 20px 40px 20px;
  }
}

/* 	==========================================================================
   	Responsive divs in Content section
   	========================================================================== */
.content-mods {
  background-color: #ffffff;
  padding: 12px 20px 85px;
}

.contentmods-wrapper {
  width: auto;
  max-width: 1250px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.contentmods-wrapper:before, .contentmods-wrapper:after {
  content: '';
  display: table;
}

.contentmods-wrapper:after {
  clear: both;
}

.contentmods-wrapper .mod-1 {
  max-width: 298px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 24.25%;
  margin-left: 0;
  margin-right: 1%;
}

.contentmods-wrapper .mod-1:last-child {
  margin-right: 0;
}

@media (max-width: 960px) {
  .contentmods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 203%;
    margin-left: 0;
    margin-right: 3%;
  }
  .contentmods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .contentmods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .contentmods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

.content-mod-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
}

.content-mod-wrap:before, .content-mod-wrap:after {
  content: '';
  display: table;
}

.content-mod-wrap:after {
  clear: both;
}

.content-mod-wrap:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .content-mod-wrap {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 960px) {
  .content-mod-wrap {
    width: 100%;
  }
}

.content-blue-box-1 {
  padding: 12px 20px 12px 20px;
  color: white;
  background-color: #207bb8;
  float: left;
}

@media (max-width: 1024px) {
  .content-blue-box-1 {
    margin-top: 15px;
    width: 100%;
  }
}

.content-blue-box-1 a {
  color: #043244;
}

.file-content-wrap {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  min-height: 40px;
  padding: 0px;
  *zoom: 1;
  background-color: #c5333d;
  border-bottom: 1px solid #ffffff;
}

.file-content-wrap:last-child {
  margin-right: 0;
}

.file-content-wrap:before, .file-content-wrap:after {
  content: '';
  display: table;
}

.file-content-wrap:after {
  clear: both;
}

.mod-file {
  font-size: 16px;
  font-size: 1.6rem;
  color: white;
  height: 100%;
}

.mod-file .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.file-btn {
  float: left;
  clear: none;
  width: 9.55%;
  margin-left: 0;
  margin-right: 0.5%;
  background-color: black;
  background-size: cover;
  min-height: 40px;
  min-width: 50px;
  background-position: center center;
  padding: 10px 0px 0px 15px;
}

.file-btn:last-child {
  margin-right: 0;
}

.file-content {
  float: left;
  padding: 10px 0px 0px 10px;
}

.file-btnImg:before {
  content: '';
}

/* 	==========================================================================
   	Player modules - Player Video Panel
   	========================================================================== */
.player-mods {
  background-color: #ffffff;
  padding: 12px 20px 85px;
}

.plyrmods-wrapper {
  width: auto;
  max-width: 1250px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.plyrmods-wrapper:before, .plyrmods-wrapper:after {
  content: '';
  display: table;
}

.plyrmods-wrapper:after {
  clear: both;
}

.plyrmods-wrapper .mod-1 {
  height: 360px;
  max-width: 280px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 23.59375%;
  margin-left: 0;
  margin-right: 1.875%;
}

.plyrmods-wrapper .mod-1:last-child {
  margin-right: 0;
}

@media (max-width: 960px) {
  .plyrmods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 203%;
    margin-left: 0;
    margin-right: 3%;
  }
  .plyrmods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .plyrmods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .plyrmods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

.plyrmods-wrapper .mod-2 {
  height: 460px;
  max-width: 280px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 23.59375%;
  margin-left: 0;
  margin-right: 1.875%;
}

.plyrmods-wrapper .mod-2:last-child {
  margin-right: 0;
}

@media (max-width: 960px) {
  .plyrmods-wrapper .mod-2 {
    float: left;
    clear: none;
    width: 203%;
    margin-left: 0;
    margin-right: 3%;
  }
  .plyrmods-wrapper .mod-2:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .plyrmods-wrapper .mod-2 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .plyrmods-wrapper .mod-2:last-child {
    margin-right: 0;
  }
}

.player-mod-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
}

.player-mod-wrap:before, .player-mod-wrap:after {
  content: '';
  display: table;
}

.player-mod-wrap:after {
  clear: both;
}

.player-mod-wrap:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .player-mod-wrap {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 960px) {
  .player-mod-wrap {
    width: 100%;
  }
}

.player-mod-notice {
  position: relative;
  background-color: #d7e2ea;
  height: 100%;
}

.player-mod-notice .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.player-footer {
  position: relative;
  background-color: #fef26e;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  min-height: 60px;
  padding: 8px 105px 8px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.player-footer.ireland-only:after {
  position: absolute;
  top: 31px;
  right: 74px;
}

.player-footer.no-player:after {
  position: absolute;
  top: 31px;
  right: 74px;
}

.prog-panel:hover .player-footer {
  background-color: #5cbd46;
}

.player-title {
  margin: 0;
  position: absolute;
  z-index: 1;
  color: #5cbd46;
  background-color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .player-title {
  background-color: #249acc;
}

.player-title-list {
  margin: 0;
  position: absolute;
  z-index: 1;
  background-color: #c12750;
  color: white;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  padding: 7px 20px;
  font-size: 20px;
  font-size: 2rem;
}

.online-panel:hover .player-title-list {
  background-color: #249acc;
}

.plyr-live-section {
  margin-top: -40px;
}

.plyr-live-section .section-panel-dark-3 {
  padding-bottom: 0;
}

.plyr-feat-section .section-panel-dark-3 {
  padding-bottom: 0;
}

.plyr-feat {
  padding: 45px 0 0;
  *zoom: 1;
}

.plyr-feat:before, .plyr-feat:after {
  content: '';
  display: table;
}

.plyr-feat:after {
  clear: both;
}

.plyr-feat-wrap {
  width: calc(100% - 380px);
  float: left;
}

@media (max-width: 1024px) {
  .plyr-feat-wrap {
    width: 100%;
  }
}

.plyr-feat-intro-wrap {
  background-color: #c7dae2;
  padding: 0 20px 20px;
  *zoom: 1;
}

.plyr-feat-intro-wrap:before, .plyr-feat-intro-wrap:after {
  content: '';
  display: table;
}

.plyr-feat-intro-wrap:after {
  clear: both;
}

.srch-feat-intro-wrap {
  margin-top: 0px;
  background-color: #c7dae2;
  padding: 0 20px 20px;
  *zoom: 1;
}

.srch-feat-intro-wrap:before, .srch-feat-intro-wrap:after {
  content: '';
  display: table;
}

.srch-feat-intro-wrap:after {
  clear: both;
}

@media (max-width: 1024px) {
  .srch-feat-intro-wrap {
    margin-top: 0px;
  }
}

.srch-feat-intro {
  width: calc(95%);
}

@media (max-width: 1024px) {
  .srch-feat-intro {
    width: 100%;
  }
}

.srchSel-wrap {
  margin-top: 30px;
  display: inline-block;
  width: 200px;
}

.srchSel {
  display: inline-block;
  width: 80%;
}

.hot {
  cursor: pointer;
  opacity: .5;
}

.hot:hover {
  opacity: 1;
}

.srchText {
  margin-top: -42px;
  display: inline;
  float: right;
}

@media (max-width: 600px) {
  .srchText {
    margin-top: 0px;
    float: left;
  }
}

@media (max-width: 400px) {
  .srchText {
    display: false;
  }
}

.srchTextCart {
  margin-top: -42px;
  display: inline;
  float: right;
}

@media (max-width: 600px) {
  .srchTextCart {
    margin-top: 0px;
    float: left;
  }
}

.partymods-wrapper {
  width: auto;
  max-width: 1250px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.partymods-wrapper:before, .partymods-wrapper:after {
  content: '';
  display: table;
}

.partymods-wrapper:after {
  clear: both;
}

.partymods-wrapper .mod-1 {
  height: 360px;
  max-width: 380px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 32.08333%;
  margin-left: 0;
  margin-right: 1.875%;
}

.partymods-wrapper .mod-1:last-child {
  margin-right: 0;
}

@media (max-width: 960px) {
  .partymods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 203%;
    margin-left: 0;
    margin-right: 3%;
  }
  .partymods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .partymods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .partymods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

.party-mod-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
}

.party-mod-wrap:before, .party-mod-wrap:after {
  content: '';
  display: table;
}

.party-mod-wrap:after {
  clear: both;
}

.party-mod-wrap:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .party-mod-wrap {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 960px) {
  .party-mod-wrap {
    width: 100%;
  }
}

.party-mod-notice {
  position: relative;
  background-color: #d7e2ea;
  height: 100%;
}

.party-mod-notice .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.pagination {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #c7dae2;
  border-color: #c7dae2;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #3e8eb4;
  border-color: #3e8eb4;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.archiveLtr {
  color: #ffffff;
  font-size: 42px;
  font-size: 4.2rem;
  margin-top: 0px;
  margin-bottom: 15px;
}

.archivePg {
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 0px;
  margin-bottom: 15px;
  display: block;
}

/* 	==========================================================================
   	Contact Form 7 Styles
   	========================================================================== */
div.wpcf7 {
  margin-top: 1.5em;
  border-top: 0px solid #d7e2ea;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="email"] {
  background-color: #ffffff;
  color: #000;
  width: 35%;
  min-height: 25px;
}

.wpcf7 textarea {
  background-color: #ffffff;
  color: #000;
  width: 70%;
  max-height: 200px;
  margin-bottom: 0px;
  padding: 10px 10px;
  border: 1px solid #3e8eb4;
}

.wpcf7 select {
  background-color: #ffffff;
  color: #000;
  width: 30%;
  margin-bottom: 7px;
  padding: 0px 10px;
  border: 1px solid #3e8eb4;
}

.wpcf7 input[type="radio"] {
  margin: 20px 3px 20px 15px;
}

.wpcf7 input[type="submit"] {
  margin-top: 20px;
  background-color: #d7e2ea;
  border: 1px solid #207bb8;
  min-width: 100px;
  min-height: 30px;
}

div.wpcf7-validation-errors {
  border: 1px solid #ff0000;
  width: 70%;
  color: #ff0000;
}

.rc-anchor-light {
  border: 1px solid #3e8eb4;
}

/* hide Contact Form 7 success message before thank you page redirect */
/* 	==========================================================================
   	Newsletter - HTML Page Panels
   	========================================================================== */
.nlblockContainer {
  position: absolute;
  left: 7%;
  margin-right: 7%;
  top: 17%;
}

@media (max-width: 1024px) {
  .nlblockContainer {
    top: 10%;
    left: 0;
  }
}

@media (max-width: 700px) {
  .nlblockContainer {
    top: 0;
    left: 0;
  }
}

.nlcontent-block {
  position: relative;
  color: #fce807;
  background-color: #207bb8;
  max-width: 560px;
  clear: left;
  padding: 5px 40px 5px;
}

@media (max-width: 700px) {
  .nlcontent-block {
    padding: 15px;
  }
}

.nlcontent-subblock {
  position: relative;
  color: #8cbb4e;
  background-color: black;
  max-width: 560px;
  clear: left;
  padding: 5px 40px 5px;
}

@media (max-width: 700px) {
  .nlcontent-subblock {
    padding: 15px;
  }
}

.nlcontent-title {
  font-size: 36px;
  font-size: 3.6rem;
}

@media (max-width: 700px) {
  .nlcontent-title {
    font-size: 21px;
    font-size: 2.1rem;
  }
}

.nlcontent-subtitle {
  font-size: 24px;
  font-size: 2.4rem;
}

@media (max-width: 700px) {
  .nlcontent-subtitle {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.newsletter-mods {
  background-color: #ffffff;
  padding: 12px 20px 85px;
}

.nlmods-wrapper {
  width: auto;
  max-width: 850px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.nlmods-wrapper:before, .nlmods-wrapper:after {
  content: '';
  display: table;
}

.nlmods-wrapper:after {
  clear: both;
}

.nlmods-wrapper .mod-1 {
  background-color: #66b7e6;
  height: 360px;
  max-width: 776px;
  margin-bottom: 20px;
}

@media (max-width: 700px) {
  .nlmods-wrapper .mod-1 {
    height: 300px;
  }
}

@media (max-width: 450px) {
  .nlmods-wrapper .mod-1 {
    height: 400px;
  }
}

.nlmods-wrapper .mod-2 {
  height: 550px;
  max-width: 380px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 49.1125%;
  margin-left: 0;
  margin-right: 1.775%;
}

.nlmods-wrapper .mod-2:last-child {
  margin-right: 0;
}

@media (max-width: 1150px) {
  .nlmods-wrapper .mod-2 {
    float: left;
    clear: none;
    width: 203%;
    margin-left: 0;
    margin-right: 3%;
  }
  .nlmods-wrapper .mod-2:last-child {
    margin-right: 0;
  }
}

@media (max-width: 450px) {
  .nlmods-wrapper .mod-2 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .nlmods-wrapper .mod-2:last-child {
    margin-right: 0;
  }
}

.nlmods-wrapper .mod-3 {
  background-color: #66b7e6;
  height: 260px;
  max-width: 776px;
  margin-bottom: 20px;
}

.newsletter-mod-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
}

.newsletter-mod-wrap:before, .newsletter-mod-wrap:after {
  content: '';
  display: table;
}

.newsletter-mod-wrap:after {
  clear: both;
}

.newsletter-mod-wrap:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .newsletter-mod-wrap {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 960px) {
  .newsletter-mod-wrap {
    width: 100%;
  }
}

.newsletter-mod-notice {
  position: relative;
  background-color: #d7e2ea;
  height: 100%;
}

.newsletter-mod-notice .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.newsletter-title {
  margin: 0;
  position: absolute;
  z-index: 1;
  background-color: #207bb8;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  padding: 7px 20px;
  font-size: 24px;
  font-size: 2.4rem;
}

.online-panel:hover .newsletter-title {
  background-color: #249acc;
}

.newsletter-subtitle {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 3px;
}

.newsletter-subtitle span {
  text-transform: initial;
  color: #207bb8;
  margin-left: 5px;
}

.prog-panel:hover .newsletter-subtitle span {
  color: white;
}

.newsletter-botHeader {
  margin: 0;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  color: white;
  padding: 15px 10px 0 10px;
}

@media (max-width: 600px) {
  .newsletter-botHeader {
    font-size: 21px;
    font-size: 2.1rem;
  }
}

.newsletter-botsubHeader {
  padding: 20px 20px 0 20px;
  margin: 0;
  font-size: 21px;
  font-size: 2.1rem;
  color: white;
}

@media (max-width: 700px) {
  .newsletter-botsubHeader {
    padding: 10px 10px 0 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (max-width: 500px) {
  .newsletter-botsubHeader {
    padding: 10px 10px 0 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

@media (max-width: 400px) {
  .newsletter-botsubHeader {
    padding: 10px 10px 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.share-list {
  text-align: center;
  margin-left: -40px;
}

.newsletter-botText {
  padding: 20px;
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  margin-bottom: 3px;
}

@media (max-width: 700px) {
  .newsletter-botText {
    padding: 10px 10px 0 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (max-width: 500px) {
  .newsletter-botText {
    padding: 10px 10px 0 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

@media (max-width: 400px) {
  .newsletter-botText {
    padding: 10px 10px 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.nl-live-section {
  margin-top: -40px;
}

.nl-live-section .section-panel-dark-3 {
  padding-bottom: 0;
}

.nl-feat-section {
  margin-top: -40px;
}

.nl-feat-section .section-panel-dark-3 {
  padding-bottom: 0;
}

.nl-feat {
  padding: 45px 0 0;
  *zoom: 1;
}

.nl-feat:before, .nl-feat:after {
  content: '';
  display: table;
}

.nl-feat:after {
  clear: both;
}

.nl-feat-wrap {
  width: calc(100% - 380px);
  float: left;
}

@media (max-width: 1024px) {
  .nl-feat-wrap {
    width: 100%;
  }
}

.nl-feat-intro-wrap {
  background-color: #c7dae2;
  padding: 0 20px 20px;
  *zoom: 1;
}

.nl-feat-intro-wrap:before, .nl-feat-intro-wrap:after {
  content: '';
  display: table;
}

.nl-feat-intro-wrap:after {
  clear: both;
}

.srch-feat-intro-wrap {
  margin-top: 0px;
  background-color: #c7dae2;
  padding: 0 20px 20px;
  *zoom: 1;
}

.srch-feat-intro-wrap:before, .srch-feat-intro-wrap:after {
  content: '';
  display: table;
}

.srch-feat-intro-wrap:after {
  clear: both;
}

@media (max-width: 1024px) {
  .srch-feat-intro-wrap {
    margin-top: 0px;
  }
}

.srch-feat-intro {
  width: calc(95%);
}

@media (max-width: 1024px) {
  .srch-feat-intro {
    width: 100%;
  }
}

.srchSel-wrap {
  margin-top: 30px;
  display: inline-block;
  width: 200px;
}

.srchSel {
  display: inline-block;
  width: 80%;
}

.hot {
  cursor: pointer;
  opacity: .5;
}

.hot:hover {
  opacity: 1;
}

.srchText {
  margin-top: -42px;
  display: inline;
  float: right;
}

@media (max-width: 600px) {
  .srchText {
    margin-top: 0px;
    float: left;
  }
}

@media (max-width: 400px) {
  .srchText {
    display: false;
  }
}

.srchTextCart {
  margin-top: -42px;
  display: inline;
  float: right;
}

@media (max-width: 600px) {
  .srchTextCart {
    margin-top: 0px;
    float: left;
  }
}

.prog-desc-ie {
  margin: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 3px;
  color: white;
}

@media (max-width: 500px) {
  .prog-desc-ie {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.social-desc {
  margin: 0px 10px 0px 10px;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 3px;
}

.footer-details-wrap {
  text-align: right;
  height: 150px;
  margin-top: -40px;
  background-color: #c7dae2;
  *zoom: 1;
}

.footer-details-wrap:before, .footer-details-wrap:after {
  content: '';
  display: table;
}

.footer-details-wrap:after {
  clear: both;
}

@media (max-width: 1024px) {
  .footer-details-wrap {
    margin-top: 0px;
    height: 60px;
    text-align: left;
  }
}

.nl-reg-btn {
  margin: 20px;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 3px;
  color: #207bb8;
}

.footer-desc-ie {
  float: right;
  margin: 10px 60px 0px;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 3px;
  color: #207bb8;
}

@media (max-width: 1024px) {
  .footer-desc-ie {
    float: left;
    margin: 10px 20px 0px;
  }
}

.games-mods {
  background-color: #ffffff;
  padding: 12px 20px 85px;
}

.gamemods-wrapper {
  width: auto;
  max-width: 1250px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}

.gamemods-wrapper:before, .gamemods-wrapper:after {
  content: '';
  display: table;
}

.gamemods-wrapper:after {
  clear: both;
}

.gamemods-wrapper .mod-1 {
  max-width: 300px;
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 24.25%;
  margin-left: 0;
  margin-right: 1%;
}

.gamemods-wrapper .mod-1:last-child {
  margin-right: 0;
}

@media (max-width: 1150px) {
  .gamemods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 203%;
    margin-left: 0;
    margin-right: 3%;
  }
  .gamemods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .gamemods-wrapper .mod-1 {
    float: left;
    clear: none;
    width: 100%;
    margin-left: 0;
    margin-right: 3%;
  }
  .gamemods-wrapper .mod-1:last-child {
    margin-right: 0;
  }
}

.games-mod-wrap {
  *zoom: 1;
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%;
}

.games-mod-wrap:before, .games-mod-wrap:after {
  content: '';
  display: table;
}

.games-mod-wrap:after {
  clear: both;
}

.games-mod-wrap:last-child {
  margin-right: 0;
}

@media (max-width: 1435px) {
  .games-mod-wrap {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 960px) {
  .games-mod-wrap {
    width: 100%;
  }
}

.prog-footer-1 {
  position: relative;
  background-color: #91bf78;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  min-height: 60px;
  padding: 8px 105px 8px 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.prog-footer-2 {
  position: relative;
  background-color: #87adbf;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  min-height: 60px;
  padding: 8px 105px 8px 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.prog-footer-3 {
  position: relative;
  background-color: #ae7578;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  min-height: 60px;
  padding: 8px 105px 8px 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.prog-footer-4 {
  position: relative;
  background-color: #bebd77;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  color: white;
  min-height: 60px;
  padding: 8px 105px 8px 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.newsletter-mod-notice-1 {
  position: relative;
  background-color: #36800e;
  height: 100%;
}

.newsletter-mod-notice-1 .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.newsletter-mod-notice-2 {
  position: relative;
  background-color: #1d5874;
  height: 100%;
}

.newsletter-mod-notice-2 .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.newsletter-mod-notice-3 {
  position: relative;
  background-color: #831c21;
  height: 100%;
}

.newsletter-mod-notice-3 .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

.newsletter-mod-notice-4 {
  position: relative;
  background-color: #697f11;
  height: 100%;
}

.newsletter-mod-notice-4 .notice {
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
   Shame custom styles
   ========================================================================== */
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}