@charset "UTF-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/*import libraries */
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * 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;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 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-loading .slick-list {
  background: #fff url("ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -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;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("fonts/slick.eot");
  src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.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: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.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;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*# sourceMappingURL=slick.css.map */
/* basic */
/* BASE COLORS */
/* TYPOGRAPHY DEFAULTS */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.55em;
  color: #26282A;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 24, 2014 */
@font-face {
  font-family: 'droid_serifregular';
  src: url('fonts/droid-serif/droidserif-webfont.eot');
  src: url('fonts/droid-serif/droidserif-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid-serif/droidserif-webfont.woff2') format('woff2'), url('fonts/droid-serif/droidserif-webfont.woff') format('woff'), url('fonts/droid-serif/droidserif-webfont.ttf') format('truetype'), url('fonts/droid-serif/droidserif-webfont.svg#droid_serifregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serifitalic';
  src: url('fonts/droid-serif/droidserif-italic-webfont.eot');
  src: url('fonts/droid-serif/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid-serif/droidserif-italic-webfont.woff2') format('woff2'), url('fonts/droid-serif/droidserif-italic-webfont.woff') format('woff'), url('fonts/droid-serif/droidserif-italic-webfont.ttf') format('truetype'), url('fonts/droid-serif/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serifbold_italic';
  src: url('fonts/droid-serif/droidserif-bolditalic-webfont.eot');
  src: url('fonts/droid-serif/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid-serif/droidserif-bolditalic-webfont.woff2') format('woff2'), url('fonts/droid-serif/droidserif-bolditalic-webfont.woff') format('woff'), url('fonts/droid-serif/droidserif-bolditalic-webfont.ttf') format('truetype'), url('fonts/droid-serif/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serifbold';
  src: url('fonts/droid-serif/droidserif-bold-webfont.eot');
  src: url('fonts/droid-serif/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid-serif/droidserif-bold-webfont.woff2') format('woff2'), url('fonts/droid-serif/droidserif-bold-webfont.woff') format('woff'), url('fonts/droid-serif/droidserif-bold-webfont.ttf') format('truetype'), url('fonts/droid-serif/droidserif-bold-webfont.svg#droid_serifbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.typography-serif a {
  text-decoration: underline;
  color: #787878;
  outline: 0;
}
.typography-serif a:hover {
  color: #aaa;
}
.typography-serif a:active,
.typography-serif a:visited,
.typography-serif a:focus {
  outline: 0;
}
@font-face {
  font-family: 'boilerthousand';
  src: url('fonts/iconfont/fonts/boilerthousand.eot?kkhew5');
  src: url('fonts/iconfont/fonts/boilerthousand.eot?#iefixkkhew5') format('embedded-opentype'), url('fonts/iconfont/fonts/boilerthousand.woff?kkhew5') format('woff'), url('fonts/iconfont/fonts/boilerthousand.ttf?kkhew5') format('truetype'), url('fonts/iconfont/fonts/boilerthousand.svg?kkhew5#boilerthousand') format('svg');
  font-weight: normal;
  font-style: normal;
}
i {
  font-family: 'boilerthousand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ic-logo-soundcloud:before {
  content: "\e600";
}
.ic-logo-vimeo:before {
  content: "\e601";
}
.ic-logo-youtube:before {
  content: "\e602";
}
.ic-chat-close-stroke:before {
  content: "\e603";
}
.ic-popout-stroke:before {
  content: "\e604";
}
.ic-arrow-down:before {
  content: "\e605";
}
.ic-arrow-left:before {
  content: "\e606";
}
.ic-arrow-next-light-stroke:before {
  content: "\e607";
}
.ic-arrow-next:before {
  content: "\e608";
}
.ic-arrow-previous-fill .path1:before {
  content: "\e609";
  color: #000000;
}
.ic-arrow-previous-fill .path2:before {
  content: "\e60a";
  margin-left: -1em;
  color: #ffffff;
}
.ic-arrow-previous-light-stroke:before {
  content: "\e60b";
}
.ic-arrow-previous:before {
  content: "\e60c";
}
.ic-arrow-right:before {
  content: "\e60d";
}
.ic-arrow-up:before {
  content: "\e60e";
}
.ic-cancel-fill .path1:before {
  content: "\e60f";
  color: #000000;
}
.ic-cancel-fill .path2:before {
  content: "\e610";
  margin-left: -1em;
  color: #ffffff;
}
.ic-cancel-stroke:before {
  content: "\e611";
}
.ic-cancel:before {
  content: "\e612";
}
.ic-chat-stroke:before {
  content: "\e613";
}
.ic-chat:before {
  content: "\e614";
}
.ic-check-fill .path1:before {
  content: "\e615";
  color: #000000;
}
.ic-check-fill .path2:before {
  content: "\e616";
  margin-left: -1em;
  color: #ffffff;
}
.ic-check-stroke:before {
  content: "\e617";
}
.ic-check:before {
  content: "\e618";
}
.ic-download:before {
  content: "\e619";
}
.ic-drop-down:before {
  content: "\e61a";
}
.ic-drop-up:before {
  content: "\e61b";
}
.ic-expand-stroke:before {
  content: "\e61c";
}
.ic-fullscreen-stroke:before {
  content: "\e61d";
}
.ic-logo-dailymotion:before {
  content: "\e61e";
}
.ic-logo-discogs:before {
  content: "\e61f";
}
.ic-pause-fill:before {
  content: "\e620";
}
.ic-pause-stroke:before {
  content: "\e621";
}
.ic-pause:before {
  content: "\e622";
}
.ic-play-fill:before {
  content: "\e623";
}
.ic-play-stroke:before {
  content: "\e624";
}
.ic-play:before {
  content: "\e625";
}
.ic-popup:before {
  content: "\e626";
}
.ic-remindme-fill .path1:before {
  content: "\e627";
  color: #000000;
}
.ic-remindme-fill .path2:before {
  content: "\e628";
  margin-left: -1em;
  color: #ffffff;
}
.ic-remindme-stroke:before {
  content: "\e629";
}
.ic-remindme:before {
  content: "\e62a";
}
.ic-reply:before {
  content: "\e62b";
}
.ic-repost:before {
  content: "\e62c";
}
.ic-search:before {
  content: "\e62d";
}
.ic-settings:before {
  content: "\e62e";
}
.ic-share:before {
  content: "\e62f";
}
.ic-social-dailymotion:before {
  content: "\e630";
}
.ic-social-facebook:before {
  content: "\e631";
}
.ic-social-soundcloud:before {
  content: "\e632";
}
.ic-social-twitter:before {
  content: "\e633";
}
.ic-social-youtube:before {
  content: "\e634";
}
.ic-star-fill:before {
  content: "\e635";
}
.ic-star:before {
  content: "\e636";
}
.ic-tracklist:before {
  content: "\e637";
}
.ic-user-fill .path1:before {
  content: "\e638";
  color: #000000;
}
.ic-user-fill .path2:before {
  content: "\e639";
  margin-left: -1em;
  color: #ffffff;
}
.ic-user-stroke:before {
  content: "\e63a";
}
.ic-user:before {
  content: "\e63b";
}
[class^="ic-"],
[class*=" ic-"] {
  vertical-align: middle;
}
.large-title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 1em;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 968px) {
  .large-title {
    padding: 0 0 10px 0 !important;
  }
}
a {
  text-decoration: none;
  color: inherit;
  outline: 0;
}
a:active,
a:visited,
a:focus {
  outline: 0;
}
.btn {
  border: none;
  background: transparent;
  font-weight: bold;
  font-size: inherit;
  outline: none;
  padding: 0;
}
.btn i {
  vertical-align: baseline;
}
.btn:hover {
  color: #E7271E;
}
.btn-large {
  font-size: 16px;
  line-height: 38px;
}
.btn-large i {
  display: inline-block;
  font-size: 38px;
  margin-right: 2px;
}
.btn-arrow {
  font-weight: bold;
  font-style: italic;
  color: #fff;
  vertical-align: middle;
}
.btn-arrow i {
  display: inline-block;
  width: 11px;
  overflow: hidden;
  font-size: 10px;
  margin-left: 2px;
  padding-right: 1px;
}
.btn-arrow i::before {
  display: inline-block;
  position: relative;
  left: -11px;
  opacity: 0;
  -webkit-transition: all 0.11s;
  transition: all 0.11s;
}
.btn-arrow:hover i::before {
  left: 0;
  opacity: 1;
}
@font-face {
  font-family: 'GibsonBold';
  src: url('fonts/gibson/Gibson-Bold-webfont.eot');
  src: url('fonts/gibson/Gibson-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson/Gibson-Bold-webfont.woff') format('woff'), url('fonts/gibson/Gibson-Bold-webfont.ttf') format('truetype'), url('fonts/gibson/Gibson-Bold-webfont.svg#GibsonBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gibson';
  src: url('fonts/gibson/Gibson-Regular-webfont.eot');
  src: url('fonts/gibson/Gibson-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson/Gibson-Regular-webfont.woff') format('woff'), url('fonts/gibson/Gibson-Regular-webfont.ttf') format('truetype'), url('fonts/gibson/Gibson-Regular-webfont.svg#Gibson') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GibsonSemibold';
  src: url('fonts/gibson/Gibson-Semibold-webfont.eot');
  src: url('fonts/gibson/Gibson-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson/Gibson-Semibold-webfont.woff') format('woff'), url('fonts/gibson/Gibson-Semibold-webfont.ttf') format('truetype'), url('fonts/gibson/Gibson-Semibold-webfont.svg#Gibson') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'GibsonLight';
  src: url('fonts/gibson/Gibson-Light-webfont.eot');
  src: url('fonts/gibson/Gibson-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson/Gibson-Light-webfont.woff') format('woff'), url('fonts/gibson/Gibson-Light-webfont.ttf') format('truetype'), url('fonts/gibson/Gibson-Light-webfont.svg#Gibson') format('svg');
  font-weight: 100;
  font-style: normal;
}
.shake {
  display: inline-block;
  transform-origin: center center;
}
.shake:hover {
  animation-name: shake-base;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez {
  animation-play-state: paused !important;
}
.shake.freez.shake-hard {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-slow {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-little {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-horizontal {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-vertical {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-rotate {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-opacity {
  animation-name: shake-opacity;
  animation-duration: 200ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez.shake-crazy {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.freez:hover {
  animation-play-state: running !important;
}
.shake.shake-hard:hover {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-slow:hover {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-little:hover {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-horizontal:hover {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-vertical:hover {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-rotate:hover {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-opacity:hover {
  animation-name: shake-opacity;
  animation-duration: 200ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-crazy:hover {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant {
  animation-name: shake-base;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-hard {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-slow {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-little {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-horizontal {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-vertical {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-rotate {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-opacity {
  animation-name: shake-opacity;
  animation-duration: 200ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.shake-crazy {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-play-state: running;
}
.shake.shake-constant.hover-stop:hover {
  animation-play-state: paused;
}
.shake.shake-delay {
  animation-name: shake-base;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 4s;
  animation-play-state: running;
}
@keyframes shake-base {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(0.5px, -1.5px) rotate(-0.5deg);
  }
  4% {
    transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  6% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg);
  }
  8% {
    transform: translate(0.5px, -0.5px) rotate(-0.5deg);
  }
  10% {
    transform: translate(2.5px, 2.5px) rotate(-0.5deg);
  }
  12% {
    transform: translate(2.5px, 0.5px) rotate(-0.5deg);
  }
  14% {
    transform: translate(2.5px, 0.5px) rotate(-0.5deg);
  }
  16% {
    transform: translate(2.5px, -0.5px) rotate(1.5deg);
  }
  18% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg);
  }
  20% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg);
  }
  22% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg);
  }
  24% {
    transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  26% {
    transform: translate(1.5px, 1.5px) rotate(1.5deg);
  }
  28% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  30% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg);
  }
  32% {
    transform: translate(2.5px, 2.5px) rotate(1.5deg);
  }
  34% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
  }
  36% {
    transform: translate(2.5px, -1.5px) rotate(-0.5deg);
  }
  38% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }
  40% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg);
  }
  42% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }
  44% {
    transform: translate(-0.5px, 1.5px) rotate(1.5deg);
  }
  46% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg);
  }
  48% {
    transform: translate(-0.5px, 1.5px) rotate(1.5deg);
  }
  50% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg);
  }
  52% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
  }
  54% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg);
  }
  56% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
  }
  58% {
    transform: translate(1.5px, 2.5px) rotate(0.5deg);
  }
  60% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  62% {
    transform: translate(-0.5px, 0.5px) rotate(0.5deg);
  }
  64% {
    transform: translate(1.5px, 2.5px) rotate(0.5deg);
  }
  66% {
    transform: translate(-1.5px, -0.5px) rotate(1.5deg);
  }
  68% {
    transform: translate(0.5px, -1.5px) rotate(1.5deg);
  }
  70% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg);
  }
  72% {
    transform: translate(1.5px, 1.5px) rotate(1.5deg);
  }
  74% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg);
  }
  76% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg);
  }
  78% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg);
  }
  80% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg);
  }
  82% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  84% {
    transform: translate(2.5px, -0.5px) rotate(-0.5deg);
  }
  86% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }
  88% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
  }
  90% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg);
  }
  92% {
    transform: translate(0.5px, -1.5px) rotate(1.5deg);
  }
  94% {
    transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
  }
  96% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg);
  }
  98% {
    transform: translate(1.5px, -1.5px) rotate(1.5deg);
  }
}
@keyframes shake-little {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  4% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  6% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  8% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  10% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  12% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  14% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  16% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  18% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  20% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  22% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  24% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  26% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  28% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  30% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  32% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  34% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  36% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  38% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  40% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  42% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  44% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  46% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  48% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  50% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  52% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  54% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  58% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  60% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  62% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  64% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  66% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  68% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  70% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  72% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  74% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  76% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  78% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  80% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  82% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  84% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
  86% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  88% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  90% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  92% {
    transform: translate(1px, 0px) rotate(0.5deg);
  }
  94% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  96% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  98% {
    transform: translate(0px, 1px) rotate(0.5deg);
  }
}
@keyframes shake-slow {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(-3px, 1px) rotate(-1.5deg);
  }
  4% {
    transform: translate(4px, 5px) rotate(1.5deg);
  }
  6% {
    transform: translate(4px, 6px) rotate(2.5deg);
  }
  8% {
    transform: translate(-7px, 0px) rotate(0.5deg);
  }
  10% {
    transform: translate(6px, -5px) rotate(3.5deg);
  }
  12% {
    transform: translate(-2px, 9px) rotate(-0.5deg);
  }
  14% {
    transform: translate(-8px, -9px) rotate(-0.5deg);
  }
  16% {
    transform: translate(4px, 0px) rotate(-1.5deg);
  }
  18% {
    transform: translate(-7px, 6px) rotate(3.5deg);
  }
  20% {
    transform: translate(1px, -4px) rotate(-0.5deg);
  }
  22% {
    transform: translate(1px, 4px) rotate(3.5deg);
  }
  24% {
    transform: translate(-4px, 8px) rotate(-2.5deg);
  }
  26% {
    transform: translate(-1px, -5px) rotate(1.5deg);
  }
  28% {
    transform: translate(-6px, -2px) rotate(1.5deg);
  }
  30% {
    transform: translate(3px, -6px) rotate(-1.5deg);
  }
  32% {
    transform: translate(-8px, 6px) rotate(2.5deg);
  }
  34% {
    transform: translate(4px, -1px) rotate(2.5deg);
  }
  36% {
    transform: translate(-3px, 2px) rotate(3.5deg);
  }
  38% {
    transform: translate(5px, -7px) rotate(1.5deg);
  }
  40% {
    transform: translate(4px, 9px) rotate(1.5deg);
  }
  42% {
    transform: translate(1px, -5px) rotate(2.5deg);
  }
  44% {
    transform: translate(-5px, -2px) rotate(-1.5deg);
  }
  46% {
    transform: translate(-3px, 2px) rotate(0.5deg);
  }
  48% {
    transform: translate(6px, 10px) rotate(-0.5deg);
  }
  50% {
    transform: translate(-8px, -1px) rotate(-1.5deg);
  }
  52% {
    transform: translate(5px, -3px) rotate(0.5deg);
  }
  54% {
    transform: translate(-6px, -9px) rotate(2.5deg);
  }
  56% {
    transform: translate(-1px, 1px) rotate(-1.5deg);
  }
  58% {
    transform: translate(2px, 0px) rotate(0.5deg);
  }
  60% {
    transform: translate(6px, 2px) rotate(-2.5deg);
  }
  62% {
    transform: translate(7px, 0px) rotate(-2.5deg);
  }
  64% {
    transform: translate(3px, 2px) rotate(-2.5deg);
  }
  66% {
    transform: translate(-1px, 4px) rotate(-2.5deg);
  }
  68% {
    transform: translate(0px, 8px) rotate(3.5deg);
  }
  70% {
    transform: translate(7px, -3px) rotate(1.5deg);
  }
  72% {
    transform: translate(6px, 8px) rotate(0.5deg);
  }
  74% {
    transform: translate(9px, 8px) rotate(-1.5deg);
  }
  76% {
    transform: translate(8px, 1px) rotate(2.5deg);
  }
  78% {
    transform: translate(2px, 1px) rotate(0.5deg);
  }
  80% {
    transform: translate(-7px, 10px) rotate(3.5deg);
  }
  82% {
    transform: translate(-1px, -5px) rotate(1.5deg);
  }
  84% {
    transform: translate(-5px, 7px) rotate(2.5deg);
  }
  86% {
    transform: translate(-6px, -2px) rotate(-0.5deg);
  }
  88% {
    transform: translate(-2px, -6px) rotate(0.5deg);
  }
  90% {
    transform: translate(10px, -7px) rotate(2.5deg);
  }
  92% {
    transform: translate(-6px, 4px) rotate(-2.5deg);
  }
  94% {
    transform: translate(-5px, -6px) rotate(0.5deg);
  }
  96% {
    transform: translate(8px, 9px) rotate(-0.5deg);
  }
  98% {
    transform: translate(1px, -8px) rotate(1.5deg);
  }
}
@keyframes shake-hard {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(7px, -5px) rotate(2.5deg);
  }
  4% {
    transform: translate(-2px, -7px) rotate(-0.5deg);
  }
  6% {
    transform: translate(-2px, 0px) rotate(0.5deg);
  }
  8% {
    transform: translate(-7px, 1px) rotate(3.5deg);
  }
  10% {
    transform: translate(-7px, 9px) rotate(0.5deg);
  }
  12% {
    transform: translate(9px, 1px) rotate(-2.5deg);
  }
  14% {
    transform: translate(-9px, -2px) rotate(-0.5deg);
  }
  16% {
    transform: translate(-5px, 9px) rotate(-2.5deg);
  }
  18% {
    transform: translate(-9px, -4px) rotate(0.5deg);
  }
  20% {
    transform: translate(-6px, -9px) rotate(-0.5deg);
  }
  22% {
    transform: translate(-3px, 7px) rotate(-1.5deg);
  }
  24% {
    transform: translate(-9px, -5px) rotate(-1.5deg);
  }
  26% {
    transform: translate(2px, -1px) rotate(-0.5deg);
  }
  28% {
    transform: translate(-7px, 5px) rotate(0.5deg);
  }
  30% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }
  32% {
    transform: translate(10px, 3px) rotate(1.5deg);
  }
  34% {
    transform: translate(9px, -3px) rotate(-2.5deg);
  }
  36% {
    transform: translate(-1px, 2px) rotate(-1.5deg);
  }
  38% {
    transform: translate(-9px, -4px) rotate(2.5deg);
  }
  40% {
    transform: translate(-7px, -3px) rotate(-0.5deg);
  }
  42% {
    transform: translate(1px, 8px) rotate(0.5deg);
  }
  44% {
    transform: translate(-4px, -5px) rotate(-1.5deg);
  }
  46% {
    transform: translate(7px, -2px) rotate(-2.5deg);
  }
  48% {
    transform: translate(4px, -7px) rotate(2.5deg);
  }
  50% {
    transform: translate(-8px, -4px) rotate(3.5deg);
  }
  52% {
    transform: translate(-9px, -3px) rotate(3.5deg);
  }
  54% {
    transform: translate(1px, 9px) rotate(-1.5deg);
  }
  56% {
    transform: translate(10px, -9px) rotate(-1.5deg);
  }
  58% {
    transform: translate(-9px, 10px) rotate(3.5deg);
  }
  60% {
    transform: translate(-1px, -6px) rotate(2.5deg);
  }
  62% {
    transform: translate(-7px, -5px) rotate(1.5deg);
  }
  64% {
    transform: translate(3px, -2px) rotate(-0.5deg);
  }
  66% {
    transform: translate(0px, 7px) rotate(-0.5deg);
  }
  68% {
    transform: translate(2px, -1px) rotate(-2.5deg);
  }
  70% {
    transform: translate(2px, 6px) rotate(-0.5deg);
  }
  72% {
    transform: translate(-5px, -6px) rotate(-2.5deg);
  }
  74% {
    transform: translate(-8px, 8px) rotate(2.5deg);
  }
  76% {
    transform: translate(-5px, 5px) rotate(-1.5deg);
  }
  78% {
    transform: translate(-8px, 7px) rotate(-1.5deg);
  }
  80% {
    transform: translate(-1px, 4px) rotate(1.5deg);
  }
  82% {
    transform: translate(-5px, -5px) rotate(-1.5deg);
  }
  84% {
    transform: translate(-7px, -8px) rotate(-2.5deg);
  }
  86% {
    transform: translate(4px, 10px) rotate(2.5deg);
  }
  88% {
    transform: translate(5px, 6px) rotate(3.5deg);
  }
  90% {
    transform: translate(6px, -9px) rotate(3.5deg);
  }
  92% {
    transform: translate(1px, -4px) rotate(-0.5deg);
  }
  94% {
    transform: translate(1px, 1px) rotate(2.5deg);
  }
  96% {
    transform: translate(9px, -3px) rotate(-2.5deg);
  }
  98% {
    transform: translate(-2px, 5px) rotate(3.5deg);
  }
}
@keyframes shake-horizontal {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(-7px, 0px) rotate(0deg);
  }
  4% {
    transform: translate(-3px, 0px) rotate(0deg);
  }
  6% {
    transform: translate(5px, 0px) rotate(0deg);
  }
  8% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  10% {
    transform: translate(-8px, 0px) rotate(0deg);
  }
  12% {
    transform: translate(6px, 0px) rotate(0deg);
  }
  14% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  16% {
    transform: translate(-7px, 0px) rotate(0deg);
  }
  18% {
    transform: translate(-9px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(2px, 0px) rotate(0deg);
  }
  22% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  24% {
    transform: translate(-2px, 0px) rotate(0deg);
  }
  26% {
    transform: translate(9px, 0px) rotate(0deg);
  }
  28% {
    transform: translate(-5px, 0px) rotate(0deg);
  }
  30% {
    transform: translate(7px, 0px) rotate(0deg);
  }
  32% {
    transform: translate(6px, 0px) rotate(0deg);
  }
  34% {
    transform: translate(-7px, 0px) rotate(0deg);
  }
  36% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  38% {
    transform: translate(5px, 0px) rotate(0deg);
  }
  40% {
    transform: translate(-4px, 0px) rotate(0deg);
  }
  42% {
    transform: translate(3px, 0px) rotate(0deg);
  }
  44% {
    transform: translate(-7px, 0px) rotate(0deg);
  }
  46% {
    transform: translate(6px, 0px) rotate(0deg);
  }
  48% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  50% {
    transform: translate(3px, 0px) rotate(0deg);
  }
  52% {
    transform: translate(4px, 0px) rotate(0deg);
  }
  54% {
    transform: translate(-5px, 0px) rotate(0deg);
  }
  56% {
    transform: translate(-9px, 0px) rotate(0deg);
  }
  58% {
    transform: translate(-9px, 0px) rotate(0deg);
  }
  60% {
    transform: translate(-6px, 0px) rotate(0deg);
  }
  62% {
    transform: translate(-1px, 0px) rotate(0deg);
  }
  64% {
    transform: translate(5px, 0px) rotate(0deg);
  }
  66% {
    transform: translate(-4px, 0px) rotate(0deg);
  }
  68% {
    transform: translate(6px, 0px) rotate(0deg);
  }
  70% {
    transform: translate(4px, 0px) rotate(0deg);
  }
  72% {
    transform: translate(-7px, 0px) rotate(0deg);
  }
  74% {
    transform: translate(-6px, 0px) rotate(0deg);
  }
  76% {
    transform: translate(-6px, 0px) rotate(0deg);
  }
  78% {
    transform: translate(-6px, 0px) rotate(0deg);
  }
  80% {
    transform: translate(3px, 0px) rotate(0deg);
  }
  82% {
    transform: translate(-2px, 0px) rotate(0deg);
  }
  84% {
    transform: translate(9px, 0px) rotate(0deg);
  }
  86% {
    transform: translate(6px, 0px) rotate(0deg);
  }
  88% {
    transform: translate(-2px, 0px) rotate(0deg);
  }
  90% {
    transform: translate(5px, 0px) rotate(0deg);
  }
  92% {
    transform: translate(-4px, 0px) rotate(0deg);
  }
  94% {
    transform: translate(-4px, 0px) rotate(0deg);
  }
  96% {
    transform: translate(-7px, 0px) rotate(0deg);
  }
  98% {
    transform: translate(-5px, 0px) rotate(0deg);
  }
}
@keyframes shake-vertical {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(0px, -7px) rotate(0deg);
  }
  4% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  6% {
    transform: translate(0px, 8px) rotate(0deg);
  }
  8% {
    transform: translate(0px, -9px) rotate(0deg);
  }
  10% {
    transform: translate(0px, -8px) rotate(0deg);
  }
  12% {
    transform: translate(0px, 6px) rotate(0deg);
  }
  14% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  16% {
    transform: translate(0px, 3px) rotate(0deg);
  }
  18% {
    transform: translate(0px, -8px) rotate(0deg);
  }
  20% {
    transform: translate(0px, -1px) rotate(0deg);
  }
  22% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  24% {
    transform: translate(0px, -7px) rotate(0deg);
  }
  26% {
    transform: translate(0px, 3px) rotate(0deg);
  }
  28% {
    transform: translate(0px, -1px) rotate(0deg);
  }
  30% {
    transform: translate(0px, 5px) rotate(0deg);
  }
  32% {
    transform: translate(0px, -1px) rotate(0deg);
  }
  34% {
    transform: translate(0px, 2px) rotate(0deg);
  }
  36% {
    transform: translate(0px, 7px) rotate(0deg);
  }
  38% {
    transform: translate(0px, -7px) rotate(0deg);
  }
  40% {
    transform: translate(0px, 3px) rotate(0deg);
  }
  42% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  44% {
    transform: translate(0px, 4px) rotate(0deg);
  }
  46% {
    transform: translate(0px, 10px) rotate(0deg);
  }
  48% {
    transform: translate(0px, -3px) rotate(0deg);
  }
  50% {
    transform: translate(0px, 8px) rotate(0deg);
  }
  52% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  54% {
    transform: translate(0px, 2px) rotate(0deg);
  }
  56% {
    transform: translate(0px, 10px) rotate(0deg);
  }
  58% {
    transform: translate(0px, -4px) rotate(0deg);
  }
  60% {
    transform: translate(0px, 8px) rotate(0deg);
  }
  62% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  64% {
    transform: translate(0px, -5px) rotate(0deg);
  }
  66% {
    transform: translate(0px, -8px) rotate(0deg);
  }
  68% {
    transform: translate(0px, 6px) rotate(0deg);
  }
  70% {
    transform: translate(0px, -6px) rotate(0deg);
  }
  72% {
    transform: translate(0px, 4px) rotate(0deg);
  }
  74% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  76% {
    transform: translate(0px, -2px) rotate(0deg);
  }
  78% {
    transform: translate(0px, -2px) rotate(0deg);
  }
  80% {
    transform: translate(0px, -7px) rotate(0deg);
  }
  82% {
    transform: translate(0px, -3px) rotate(0deg);
  }
  84% {
    transform: translate(0px, 7px) rotate(0deg);
  }
  86% {
    transform: translate(0px, 2px) rotate(0deg);
  }
  88% {
    transform: translate(0px, -5px) rotate(0deg);
  }
  90% {
    transform: translate(0px, -8px) rotate(0deg);
  }
  92% {
    transform: translate(0px, -1px) rotate(0deg);
  }
  94% {
    transform: translate(0px, 2px) rotate(0deg);
  }
  96% {
    transform: translate(0px, 3px) rotate(0deg);
  }
  98% {
    transform: translate(0px, -7px) rotate(0deg);
  }
}
@keyframes shake-rotate {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(0px, 0px) rotate(-2.5deg);
  }
  4% {
    transform: translate(0px, 0px) rotate(-3.5deg);
  }
  6% {
    transform: translate(0px, 0px) rotate(6.5deg);
  }
  8% {
    transform: translate(0px, 0px) rotate(-2.5deg);
  }
  10% {
    transform: translate(0px, 0px) rotate(-4.5deg);
  }
  12% {
    transform: translate(0px, 0px) rotate(3.5deg);
  }
  14% {
    transform: translate(0px, 0px) rotate(-4.5deg);
  }
  16% {
    transform: translate(0px, 0px) rotate(-3.5deg);
  }
  18% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  20% {
    transform: translate(0px, 0px) rotate(1.5deg);
  }
  22% {
    transform: translate(0px, 0px) rotate(-5.5deg);
  }
  24% {
    transform: translate(0px, 0px) rotate(-4.5deg);
  }
  26% {
    transform: translate(0px, 0px) rotate(7.5deg);
  }
  28% {
    transform: translate(0px, 0px) rotate(7.5deg);
  }
  30% {
    transform: translate(0px, 0px) rotate(-4.5deg);
  }
  32% {
    transform: translate(0px, 0px) rotate(4.5deg);
  }
  34% {
    transform: translate(0px, 0px) rotate(5.5deg);
  }
  36% {
    transform: translate(0px, 0px) rotate(2.5deg);
  }
  38% {
    transform: translate(0px, 0px) rotate(-1.5deg);
  }
  40% {
    transform: translate(0px, 0px) rotate(-6.5deg);
  }
  42% {
    transform: translate(0px, 0px) rotate(-4.5deg);
  }
  44% {
    transform: translate(0px, 0px) rotate(-5.5deg);
  }
  46% {
    transform: translate(0px, 0px) rotate(-6.5deg);
  }
  48% {
    transform: translate(0px, 0px) rotate(-5.5deg);
  }
  50% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  52% {
    transform: translate(0px, 0px) rotate(-5.5deg);
  }
  54% {
    transform: translate(0px, 0px) rotate(1.5deg);
  }
  56% {
    transform: translate(0px, 0px) rotate(-1.5deg);
  }
  58% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  60% {
    transform: translate(0px, 0px) rotate(6.5deg);
  }
  62% {
    transform: translate(0px, 0px) rotate(5.5deg);
  }
  64% {
    transform: translate(0px, 0px) rotate(2.5deg);
  }
  66% {
    transform: translate(0px, 0px) rotate(0.5deg);
  }
  68% {
    transform: translate(0px, 0px) rotate(-1.5deg);
  }
  70% {
    transform: translate(0px, 0px) rotate(-4.5deg);
  }
  72% {
    transform: translate(0px, 0px) rotate(-6.5deg);
  }
  74% {
    transform: translate(0px, 0px) rotate(4.5deg);
  }
  76% {
    transform: translate(0px, 0px) rotate(7.5deg);
  }
  78% {
    transform: translate(0px, 0px) rotate(7.5deg);
  }
  80% {
    transform: translate(0px, 0px) rotate(-2.5deg);
  }
  82% {
    transform: translate(0px, 0px) rotate(2.5deg);
  }
  84% {
    transform: translate(0px, 0px) rotate(3.5deg);
  }
  86% {
    transform: translate(0px, 0px) rotate(4.5deg);
  }
  88% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  90% {
    transform: translate(0px, 0px) rotate(-6.5deg);
  }
  92% {
    transform: translate(0px, 0px) rotate(-0.5deg);
  }
  94% {
    transform: translate(0px, 0px) rotate(-3.5deg);
  }
  96% {
    transform: translate(0px, 0px) rotate(-3.5deg);
  }
  98% {
    transform: translate(0px, 0px) rotate(-6.5deg);
  }
}
@keyframes shake-opacity {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
    opacity: 0.4;
  }
  10% {
    transform: translate(5px, -4px) rotate(1.5deg);
    opacity: 0.4;
  }
  20% {
    transform: translate(-3px, -4px) rotate(1.5deg);
    opacity: 1;
  }
  30% {
    transform: translate(-4px, -2px) rotate(-1.5deg);
    opacity: 0.8;
  }
  40% {
    transform: translate(4px, -4px) rotate(-1.5deg);
    opacity: 0.4;
  }
  50% {
    transform: translate(0px, 5px) rotate(-1.5deg);
    opacity: 0.7;
  }
  60% {
    transform: translate(-4px, -4px) rotate(1.5deg);
    opacity: 0.3;
  }
  70% {
    transform: translate(-2px, 4px) rotate(2.5deg);
    opacity: 0.1;
  }
  80% {
    transform: translate(1px, 5px) rotate(1.5deg);
    opacity: 0.2;
  }
  90% {
    transform: translate(1px, -2px) rotate(-0.5deg);
    opacity: 0.3;
  }
}
@keyframes shake-crazy {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
    opacity: 0.8;
  }
  10% {
    transform: translate(8px, 15px) rotate(-7deg);
    opacity: 1;
  }
  20% {
    transform: translate(1px, 19px) rotate(-7deg);
    opacity: 0.2;
  }
  30% {
    transform: translate(1px, -6px) rotate(4deg);
    opacity: 0.1;
  }
  40% {
    transform: translate(4px, 14px) rotate(-4deg);
    opacity: 1;
  }
  50% {
    transform: translate(5px, 13px) rotate(-9deg);
    opacity: 0.7;
  }
  60% {
    transform: translate(-11px, 17px) rotate(0deg);
    opacity: 0.1;
  }
  70% {
    transform: translate(18px, -17px) rotate(-3deg);
    opacity: 0.9;
  }
  80% {
    transform: translate(-5px, 12px) rotate(5deg);
    opacity: 0.9;
  }
  90% {
    transform: translate(-6px, -13px) rotate(-4deg);
    opacity: 0.2;
  }
}
/* BASIC LAYOUT STYLES */
/* base layout variables */
/*@sidebar-width: 321px;*/
html {
  height: 100%;
}
body {
  background: #f7f7f7;
  height: 100%;
}
body.mobile-menu-open {
  overflow-x: hidden;
}
.hug {
  max-width: 1014px;
  margin: 0 auto;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
body.admin-bar {
  /*.second-header {
    top: calc(@admin-bar-height + @first-header-height);
  }*/
}
body.admin-bar #site_header {
  top: 32px;
}
/*.full-width-header {
  margin-top: calc(@first-header-height + @second-header-height);
  margin-bottom: calc(-1 * (@first-header-height + @second-header-height));
}*/
.content {
  width: 1014px;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 22px 0 22px;
  /*margin-top: calc(@first-header-height + @second-header-height);*/
  background: white;
  border-radius: 0 0 2px 2px;
  overflow: hidden;
}
@media only screen and (max-width: 968px) {
  .content {
    width: 100%;
    padding: 0 5% 5% 5%;
  }
}
.content .page-break {
  margin-left: -22px;
  margin-right: -22px;
  border: 0;
  border-bottom: 1px solid #EDEDED;
}
.main {
  width: 657px;
  padding: 22px 10px 22px 0;
  float: left;
  box-shadow: 1px 0 0 #EDEDED;
}
@media only screen and (max-width: 968px) {
  .main {
    width: 100%;
    box-shadow: none;
    padding: 22px 0;
  }
}
.menu-transition {
  -webkit-transition: left 0.2s ease-out;
  -moz-transition: left 0.2s ease-out;
  -ms-transition: left 0.2s ease-out;
  -o-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.the-great-wrap {
  min-width: 100%;
  min-height: 100%;
  background-color: #f7f7f7;
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 6;
  -webkit-transition: left 0.2s ease-out;
  -moz-transition: left 0.2s ease-out;
  -ms-transition: left 0.2s ease-out;
  -o-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
@media only screen and (max-width: 968px) {
  .the-great-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.the-great-wrap .mobile-menu-overlay {
  display: none;
}
@media only screen and (max-width: 968px) {
  .the-great-wrap.mobile-menu-open {
    left: 250px;
  }
}
@media only screen and (max-width: 968px) {
  .the-great-wrap.mobile-menu-open .mobile-menu-overlay {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 250px;
    z-index: 9999;
    right: 0;
  }
}
.main-center {
  width: 650px;
  padding: 0;
  float: none;
  box-shadow: none;
  margin: 0 auto;
}
@media only screen and (max-width: 968px) {
  .main-center {
    width: 90%;
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 968px) {
  .content .main-center {
    width: 100% !important;
  }
}
.session-schedule .session-schedule-title {
  margin-top: 0;
  padding-top: 0;
  font-weight: bold;
  font-size: 16px;
  color: #26282A;
}
.sidebar-artistlist > ul {
  margin: 0;
  padding: 0;
}
.sidebar-artistlist > ul > li {
  position: relative;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 11px;
}
.sidebar-artistlist > ul > li:first-child {
  padding-top: 0;
}
.sidebar-artistlist > ul > li > a {
  display: block;
  overflow: hidden;
  padding: 11px 0 0 0;
  font-weight: bold;
}
.sidebar-artistlist > ul > li .more-arrow {
  position: absolute;
  right: 0;
  top: 21px;
  margin-top: -3px;
  font-size: 8px;
  line-height: 1;
  color: #26282A;
}
.sidebar-artistlist > ul > li:last-child a {
  border-bottom: 0;
}
.sidebar-artistlist > ul > li .artist-socials {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #26282A;
  opacity: 0.7;
}
.sidebar-artistlist > ul > li .artist-socials li {
  display: inline-block;
  border: none;
  margin-right: 6px;
  vertical-align: middle;
}
.sidebar-artistlist > ul > li .artist-socials li a {
  display: inline-block;
  border: none;
  padding: 0;
  line-height: 1;
}
.sidebar-artistlist > ul > li .artist-socials li a:hover {
  color: #E7271E;
}
.sidebar-artistlist > ul > li .artist-socials li:first-child {
  margin-right: 9px;
}
.sidebar-artistlist > ul > li:hover > a {
  color: #E7271E;
  padding-bottom: 5px;
}
.sidebar-artistlist > ul > li:hover .more-arrow {
  color: #E7271E;
}
.sidebar-artistlist > ul > li:hover .artist-socials {
  display: block;
  opacity: 1.0;
}
.sidebar-artistlist .sidebar-section {
  margin-bottom: 22px;
}
.sidebar {
  width: 313px;
  float: right;
  border-left: 1px solid #EDEDED;
  padding-left: 12px;
}
@media only screen and (max-width: 968px) {
  .sidebar {
    width: 100%;
    margin: 0 auto;
    float: none;
    clear: both;
    border: none;
    border-top: 1px solid #EDEDED;
    padding: 22px 0 0 0;
  }
}
.sidebar .sidebar-social {
  display: inline-block;
}
.sidebar .sidebar-fb {
  width: 110px;
}
.sidebar .sidebar-upcoming-tabs {
  text-align: right;
  margin: 0 0 11px 0;
  padding-left: 0;
  line-height: 1;
}
.sidebar .sidebar-upcoming-tabs li {
  display: inline-block;
  color: #878A8D;
  line-height: 1;
  cursor: pointer;
}
.sidebar .sidebar-upcoming-tabs li.active {
  color: #26282A;
  cursor: default;
}
.sidebar .sidebar-upcoming-tabs li:first-child {
  margin-right: 6px;
}
.sidebar .upcoming-session-link {
  display: block;
  margin-bottom: 11px;
}
.sidebar .upcoming-session-link:last-child {
  margin-bottom: 0;
}
.sidebar .upcoming-list {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 200;
}
.sidebar .upcoming-session {
  position: relative;
  min-height: 93px;
  overflow: hidden;
  padding: 11px;
  margin: 0;
  margin-bottom: 11px;
  color: white;
  padding-right: 21%;
  background: #26282A no-repeat center center;
  background-size: cover;
  font-weight: bold;
}
.sidebar .upcoming-session:last-child {
  margin-bottom: 0;
}
.sidebar .upcoming-session ul {
  margin: 0;
  padding: 0 0 0 11px;
}
.sidebar .upcoming-session li {
  display: inline;
  z-index: 30;
  position: relative;
}
.sidebar .upcoming-session li::before {
  content: " / ";
}
.sidebar .upcoming-session li:first-child::before {
  content: none;
}
.sidebar .upcoming-session .sidebar-upcoming-overlay {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  border-right: 38px solid transparent;
  border-top: 117px solid #26282A;
  opacity: 0.7;
  width: 84%;
  z-index: 110;
}
.sidebar .upcoming-session .sidebar-upcoming-overlay::before {
  content: none;
}
.sidebar .recent-recordings-header .header {
  margin: 4px 0 0 0 !important;
}
.sidebar .recent-recording-arrows {
  margin-bottom: 11px;
}
.sidebar .recent-recording-arrows .arrow-prev,
.sidebar .recent-recording-arrows .arrow-next {
  font-size: 22px;
  cursor: pointer;
}
.sidebar .cycle-item {
  opacity: 1;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.sidebar .cycle-item.ng-hide-add,
.sidebar .cycle-item.ng-hide-remove {
  display: block!important;
  width: 100%;
}
.sidebar .cycle-item.ng-hide {
  opacity: 0;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  position: absolute;
  color: transparent;
}
.sidebar .sidebar-archives-blurb {
  padding: 11px;
  background: #FFEA00;
  margin: 0;
  font-size: 12px;
  line-height: 1.6em;
}
.sidebar .sidebar-archives .cycle-item,
.sidebar .sidebar-archives .transition {
  opacity: 1;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.sidebar .sidebar-archives .cycle-item.ng-hide-add,
.sidebar .sidebar-archives .cycle-item.ng-hide-remove {
  display: block !important;
  width: 100%;
}
.sidebar .sidebar-archives .cycle-item.ng-hide,
.sidebar .sidebar-archives .transition.ng-hide {
  opacity: 0;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  position: absolute;
  color: transparent;
}
.sidebar .sidebar-blog-post {
  margin-bottom: 11px;
}
.sidebar .post-image {
  float: left;
  height: 60px;
  width: 60px;
}
.sidebar .post-text {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0 11px;
}
.sidebar .post-date {
  font-size: 12px;
  color: #878A8D;
  line-height: 1;
  margin-bottom: 1px;
}
.sidebar .post-title {
  font-size: 14px !important;
  display: inline !important;
  margin: 3px 0 0 0 !important;
  line-height: 1.4em !important;
}
.sidebar .featured-carousel {
  position: relative;
  margin: 0 0 -1px 0;
  padding: 0 !important;
  min-height: 400px;
  color: #26282A;
}
.sidebar .featured-carousel.small-carousel {
  min-height: 235px;
  height: 235px;
}
.sidebar .featured-carousel #featured-carousel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.sidebar .featured-carousel #featured-carousel > span {
  z-index: 300;
  position: absolute;
}
.sidebar .featured-carousel #featured-carousel .dots {
  position: absolute;
  width: 100%;
  top: 150px;
  padding: 0;
  text-align: center;
}
.sidebar .featured-carousel #featured-carousel .dots li {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  line-height: 1;
  text-indent: -9999px;
  margin-left: 7px;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.sidebar .featured-carousel #featured-carousel .dots .active {
  background: #fff;
}
.sidebar .featured-carousel #featured-carousel .dots li:last-child {
  margin-right: 0;
}
.sidebar .featured-carousel #featured-carousel span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.9);
}
.sidebar .featured-carousel #featured-carousel .prev {
  display: none;
  left: 30px;
}
.sidebar .featured-carousel #featured-carousel .next {
  display: none;
  right: 30px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sidebar .featured-carousel #featured-carousel .carousel-slide {
  position: absolute;
  width: 100%;
  height: auto;
  float: left;
}
.sidebar .featured-carousel #featured-carousel .carousel-slide .carousel-slide-image {
  height: 180px;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.sidebar .featured-carousel #featured-carousel .carousel-slide .carousel-slide-image a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.sidebar .featured-carousel #featured-carousel .carousel-slide a {
  margin: 11px 0;
  display: block;
  text-decoration: none;
  color: #26282A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .featured-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar .featured-list ul li {
  margin-bottom: 11px;
  list-style: none;
  display: block;
}
.sidebar .featured-list ul li .post-image {
  width: 100%;
  margin-bottom: 9px;
  display: block;
  height: 170px;
  background: no-repeat center center;
  background-size: cover;
}
.sidebar .featured-list ul li .post-title {
  display: block;
  font-weight: bold;
  font-style: italic;
  color: #EB8B1E;
}
.sidebar .sidebar-section {
  margin: 0 0 22px 0;
  padding: 0;
  width: 100%;
  position: relative;
}
.sidebar .sidebar-section .header {
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin: 0 0 11px 0;
  line-height: 1;
}
.sidebar .sidebar-section .brtv-cycle {
  width: 100%;
  position: relative;
}
.sidebar .sidebar-section:first-child {
  margin-top: 22px;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.ad-billboard {
  background: #26282A;
}
@media only screen and (max-width: 968px) {
  .ad-billboard {
    display: none;
  }
}
.ad-billboard #div-gpt-ad-1390347855947-0 {
  height: 220px;
  position: absolute;
  width: 100%;
}
.ad-billboard #div-gpt-ad-1390347855947-0 > div > iframe {
  height: 220px;
  width: 100%;
}
.ad-billboard iframe {
  position: relative;
  display: block;
  margin: 0 auto;
}
.header-hug {
  position: relative;
  width: 100%;
  display: block;
  z-index: 999;
}
@media only screen and (max-width: 968px) {
  .header-hug {
    display: none;
  }
}
@media only screen and (max-width: 968px) {
  .sticky-wrapper {
    display: none;
  }
}
.second-header {
  position: relative;
  /*top: @first-header-height;*/
  display: block;
  width: 100%;
  color: #26282A;
  background: white;
  /*z-index: 998;*/
  line-height: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  height: 60px;
}
.second-header .second-header-absolute {
  position: absolute;
  top: 0;
  right: 22px;
  left: 22px;
  bottom: 0;
}
.second-header #logo {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0 22px 0 0;
}
.second-header #logo a {
  display: block;
  background: url(../images/br-logo-round.svg) no-repeat center center;
  background-size: contain;
  text-indent: -99999em;
  width: 52px;
  height: 52px;
  margin-top: 4px;
}
.second-header #logo .beta-badge {
  position: absolute;
  font-size: 10px;
  line-height: 1;
  right: -2px;
  top: 26px;
  letter-spacing: 0.2px;
  color: #eaeaea;
  font-weight: normal;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.second-header nav {
  float: left;
}
.second-header nav ul {
  padding: 0;
  margin: 0;
}
.second-header nav li {
  display: block;
  float: left;
  position: relative;
  text-transform: uppercase;
  border-right: solid 1px rgba(0, 0, 0, 0.1);
}
.second-header nav li:first-child {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}
.second-header nav li a {
  display: block;
  padding: 24px 16px 23px 16px;
  line-height: 1;
}
.second-header nav li a:hover {
  padding-bottom: 20px;
  border-bottom: 3px #E7271E solid;
}
.second-header nav li .sub-menu {
  display: none;
  position: absolute;
  z-index: 999;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.second-header nav li .sub-menu > li {
  display: block;
  border-right: 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  float: none;
}
.second-header nav li .sub-menu > li a {
  padding-top: 18px;
  padding-bottom: 18px;
  display: block;
}
.second-header nav li .sub-menu > li a:hover {
  border-bottom: none;
}
.second-header nav li .sub-menu > li:last-child {
  border-bottom: 0;
}
.second-header nav li .sub-menu > li:hover {
  border-bottom: 1px solid #E7271E;
}
.second-header nav li:hover .sub-menu {
  display: block;
}
.second-header nav .current_page_item a,
.second-header nav .parent-menu-item a {
  padding-bottom: 20px;
  border-bottom: 3px black solid;
}
.second-header .header-search {
  overflow: hidden;
}
.second-header .header-search form fieldset {
  margin: 0;
  border: none;
  padding: 0;
}
.second-header .header-search .search_input {
  background: none;
  border: 0;
  float: left;
  outline: none;
  vertical-align: middle;
  width: 80%;
  width: calc(100% - 70px);
  margin: 0;
  padding: 0;
  padding-left: 16px;
  font-size: 13px;
  font-weight: 400;
  height: 60px;
  line-height: 1;
  text-transform: none;
}
.second-header .header-search .search_input::-webkit-input-placeholder {
  line-height: 1.2em;
  text-transform: uppercase;
}
.second-header .header-search .search_input:-moz-placeholder {
  line-height: 60px;
  text-transform: uppercase;
}
.second-header .header-search .search_input::-moz-placeholder {
  line-height: 60px;
  text-transform: uppercase;
}
.second-header .header-search .search_input:-ms-input-placeholder {
  line-height: 1.2em;
  text-transform: uppercase;
}
.second-header .header-search .search_submit {
  background: none;
  color: transparent;
  border: 0;
  float: right;
  outline: none;
  padding: 0;
  width: 20px;
  margin: 20px 0 20px 20px;
  font-family: 'boilerthousand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.second-header .header-search .search_submit:before {
  content: "\e62d";
  color: #878A8D;
  font-size: 20px;
}
.second-header .header-search .search_submit:hover:before {
  color: #26282A;
}
.survey-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.77);
}
.survey-content {
  position: absolute;
  width: 70%;
  background: #fff;
  color: #000;
  text-align: center;
  left: 50%;
  margin-left: -35%;
  top: 50%;
  margin-top: -341px;
  text-shadow: none;
}
.survey-content h6 {
  margin: 0;
  font-size: 38px;
  color: #fff;
  background: #000 url(../images/survey-header-bg.jpg) no-repeat center center;
  background-size: cover;
  line-height: 226px;
}
.survey-content p {
  color: #323232;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: normal;
  padding: 0 35px;
  margin: 17px 0;
}
.survey-content .first {
  margin-top: 26px;
}
.survey-content .last {
  margin-bottom: 26px;
}
.survey-content .ic-cancel {
  color: #fff;
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 18px;
}
.survey-content .survey-btn {
  display: block;
  font-weight: 600;
  line-height: 80px;
  background: #3bdb86;
  margin: 0 35px;
  border-radius: 1px;
  color: #fff;
  font-size: 16px;
}
.survey-content .survey-btn:hover {
  background: #3de38b;
}
.survey-content .survey-btn:active {
  background: #36c779;
}
.survey-content .survey-btn-text {
  margin-bottom: 11px;
  background: none;
  color: #959595;
}
.survey-content .survey-btn-text span {
  border-bottom: 2px solid #959595;
}
.survey-content .survey-btn-text:hover {
  color: #aaa;
  background: none;
}
.survey-content .survey-btn-text:hover span {
  border-bottom: 2px solid #aaa;
}
.survey-content .survey-btn-text:active {
  color: #777;
  background: none;
}
.survey-content .survey-btn-text:active span {
  border-bottom: 2px solid #777;
}
.headroom {
  transition: transform 200ms linear;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
}
/* ngCloak support */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.post-type {
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 1;
  color: white;
  font-size: 12px;
  padding: 7px 11px;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  list-style: none;
  margin: 0;
}
.post-type.session-type {
  right: 0;
}
.fantasycss {
  margin: 0 auto;
  display: inline-block;
  padding: 10px;
}
.livebarcontent {
  margin: 0;
  margin-top: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 1;
}
.livebarcontent > li {
  position: relative;
  display: inline-block;
  line-height: 36px;
  font-size: 12px;
  padding-right: 11px;
  box-sizing: border-box;
}
.livebarcontent > li .session-link {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.livebarcontent > li .session-link :hover {
  opacity: 0.92;
}
.livebarcontent > li [class^="ic-"],
.livebarcontent > li [class*=" ic-"] {
  vertical-align: middle;
  display: inline-block;
  margin-right: 1px;
  margin-top: -4px;
  font-size: 15px;
}
.livebarcontent > li .livebar-preview {
  display: none;
  position: absolute;
  top: 37px;
  z-index: 999;
  width: 160px;
  height: 114px;
  border: 3px solid #26282A;
  border-radius: 2px;
  background: #26282A no-repeat center center;
  background-size: cover;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.livebarcontent > li .livebar-preview:before {
  display: block;
  content: " ";
  width: 14px;
  height: 7px;
  background: url(../images/preview-arrow-up.png) no-repeat bottom center;
  background-size: 14px 7px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -7px;
}
.livebarcontent > li:hover .livebar-preview {
  display: block;
}
.livebarcontent > li:last-child {
  margin-right: 0;
}
.livebarcontent.livecount-1 li {
  max-width: 100%;
}
.livebarcontent.livecount-2 li {
  max-width: 50%;
}
.livebarcontent.livecount-3 li {
  max-width: 33.33%;
}
.livebarcontent.livecount-4 li {
  max-width: 25%;
}
.livebarcontent.livecount-5 li {
  max-width: 20%;
}
.livebarcontent.livecount-6 li {
  max-width: 16.66%;
}
.livebarcontent.livecount-7 li {
  max-width: 14.28%;
}
/* 15 degree angle */
.load-more a,
.load-more-editorial a,
.load-more-recordings a,
.load-more-editorials a,
.load-more-upfront a,
.load-more-debuts a,
.load-more-recent-recordings a,
.load-more-sessions a {
  display: block;
  text-align: center;
  font-weight: bold;
  text-transform: none;
  font-style: italic;
  line-height: 1em;
  letter-spacing: 0.2px;
  color: #b0b0b0;
  font-size: 14px;
  padding-bottom: 32px;
  margin-top: -26px;
  padding-top: 10px;
}
.load-more a:hover,
.load-more-editorial a:hover,
.load-more-recordings a:hover,
.load-more-editorials a:hover,
.load-more-upfront a:hover,
.load-more-debuts a:hover,
.load-more-recent-recordings a:hover,
.load-more-sessions a:hover {
  color: #26282a;
}
.load-more .go-to-archive,
.load-more-editorial .go-to-archive,
.load-more-recordings .go-to-archive,
.load-more-editorials .go-to-archive,
.load-more-upfront .go-to-archive,
.load-more-debuts .go-to-archive,
.load-more-recent-recordings .go-to-archive,
.load-more-sessions .go-to-archive,
.load-more .go-to-editorials,
.load-more-editorial .go-to-editorials,
.load-more-recordings .go-to-editorials,
.load-more-editorials .go-to-editorials,
.load-more-upfront .go-to-editorials,
.load-more-debuts .go-to-editorials,
.load-more-recent-recordings .go-to-editorials,
.load-more-sessions .go-to-editorials,
.load-more .go-to-upfront,
.load-more-editorial .go-to-upfront,
.load-more-recordings .go-to-upfront,
.load-more-editorials .go-to-upfront,
.load-more-upfront .go-to-upfront,
.load-more-debuts .go-to-upfront,
.load-more-recent-recordings .go-to-upfront,
.load-more-sessions .go-to-upfront,
.load-more .go-to-debuts,
.load-more-editorial .go-to-debuts,
.load-more-recordings .go-to-debuts,
.load-more-editorials .go-to-debuts,
.load-more-upfront .go-to-debuts,
.load-more-debuts .go-to-debuts,
.load-more-recent-recordings .go-to-debuts,
.load-more-sessions .go-to-debuts,
.load-more .go-to-recent-recordings,
.load-more-editorial .go-to-recent-recordings,
.load-more-recordings .go-to-recent-recordings,
.load-more-editorials .go-to-recent-recordings,
.load-more-upfront .go-to-recent-recordings,
.load-more-debuts .go-to-recent-recordings,
.load-more-recent-recordings .go-to-recent-recordings,
.load-more-sessions .go-to-recent-recordings {
  display: none;
  color: #26282A;
}
.load-more .go-to-archive:hover,
.load-more-editorial .go-to-archive:hover,
.load-more-recordings .go-to-archive:hover,
.load-more-editorials .go-to-archive:hover,
.load-more-upfront .go-to-archive:hover,
.load-more-debuts .go-to-archive:hover,
.load-more-recent-recordings .go-to-archive:hover,
.load-more-sessions .go-to-archive:hover,
.load-more .go-to-editorials:hover,
.load-more-editorial .go-to-editorials:hover,
.load-more-recordings .go-to-editorials:hover,
.load-more-editorials .go-to-editorials:hover,
.load-more-upfront .go-to-editorials:hover,
.load-more-debuts .go-to-editorials:hover,
.load-more-recent-recordings .go-to-editorials:hover,
.load-more-sessions .go-to-editorials:hover,
.load-more .go-to-upfront:hover,
.load-more-editorial .go-to-upfront:hover,
.load-more-recordings .go-to-upfront:hover,
.load-more-editorials .go-to-upfront:hover,
.load-more-upfront .go-to-upfront:hover,
.load-more-debuts .go-to-upfront:hover,
.load-more-recent-recordings .go-to-upfront:hover,
.load-more-sessions .go-to-upfront:hover,
.load-more .go-to-debuts:hover,
.load-more-editorial .go-to-debuts:hover,
.load-more-recordings .go-to-debuts:hover,
.load-more-editorials .go-to-debuts:hover,
.load-more-upfront .go-to-debuts:hover,
.load-more-debuts .go-to-debuts:hover,
.load-more-recent-recordings .go-to-debuts:hover,
.load-more-sessions .go-to-debuts:hover,
.load-more .go-to-recent-recordings:hover,
.load-more-editorial .go-to-recent-recordings:hover,
.load-more-recordings .go-to-recent-recordings:hover,
.load-more-editorials .go-to-recent-recordings:hover,
.load-more-upfront .go-to-recent-recordings:hover,
.load-more-debuts .go-to-recent-recordings:hover,
.load-more-recent-recordings .go-to-recent-recordings:hover,
.load-more-sessions .go-to-recent-recordings:hover {
  color: #E7271E;
}
.tabs-underlined {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  background: #fff;
  font-weight: bold;
  border-bottom: 2px solid #e5e5e5;
}
@media only screen and (max-width: 968px) {
  .tabs-underlined {
    border-bottom: none;
    display: none;
  }
}
.tabs-underlined li {
  margin: 0;
  padding: 0 16px;
  line-height: 56px;
  color: #cacaca;
  display: inline-block;
  margin-bottom: -2px;
  cursor: pointer;
}
@media only screen and (max-width: 968px) {
  .tabs-underlined li {
    display: block;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 2px solid #e5e5e5;
  }
}
.tabs-underlined li a {
  color: #cacaca;
  display: block;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.tabs-underlined li.active {
  color: #E7271E;
  border-bottom: 2px solid #E7271E;
  cursor: normal;
}
.tabs-underlined li.active a {
  color: #E7271E;
}
.ad-below-content {
  margin: 11px 0;
}
@media only screen and (max-width: 968px) {
  .ad-below-content {
    display: none !important;
  }
}
.ad-inline-below-content {
  width: 100% !important;
}
@media only screen and (max-width: 968px) {
  .ad-inline-below-content {
    display: none !important;
  }
}
.ad-below-content-blog > div {
  margin: 30px 0 22px 0;
}
@media only screen and (max-width: 968px) {
  .ad-below-content-blog > div {
    display: none !important;
  }
}
.ad-inline-below-content > div {
  margin: -1px 0 22px 0;
}
@media only screen and (max-width: 968px) {
  .ad-inline-below-content > div {
    display: none !important;
  }
}
#notifications-area {
  position: fixed;
  z-index: 999;
  left: 14px;
  right: 14px;
  bottom: 15px;
  font-size: 14px;
  line-height: 49px;
  background: rgba(40, 45, 49, 0.92);
  color: rgba(255, 255, 255, 0.9);
  padding: 0 25px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  letter-spacing: .2px;
  border-radius: 4px;
  font-weight: bold;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 968px) {
  #notifications-area .center_wrap {
    line-height: 1.4em;
    padding-top: 21px;
  }
}
#notifications-area .right {
  font-size: 26px;
  line-height: 50px;
  color: #36BA6E;
}
#notifications-area .right i {
  cursor: pointer;
  display: inline-block;
  margin-top: -4px;
}
/* dark gradient overlays for text on image */
.dark-fade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(rgba(38, 40, 42, 0.08), rgba(38, 40, 42, 0.46));
  z-index: 100;
}
.share-buttons-inline > div {
  float: left;
  margin-right: 8px;
}
table {
  text-align: left;
}
.dj-ez-banner {
  background: #e40085;
  text-align: center;
  display: block;
  padding: 10px;
  color: white;
}
/* UI MODULES */
.blocks-2,
.blocks-3,
.blocks-4,
.blocks-5,
.blocks-6 {
  padding-left: 0;
  list-style: none;
  margin-left: -22px;
}
.blocks-2:after,
.blocks-3:after,
.blocks-4:after,
.blocks-5:after,
.blocks-6:after {
  content: "";
  display: table;
  clear: both;
}
.blocks-1 > li {
  width: 98.5%;
}
.blocks-2 > li,
.blocks-3 > li,
.blocks-4 > li,
.blocks-5 > li,
.blocks-6 > li {
  height: auto;
  float: left;
  margin-bottom: 22px;
  margin-left: 22px;
}
.blocks-2 > li {
  width: 48%;
}
.blocks-3 > li {
  width: 308px;
}
.blocks-4 > li {
  width: 23.5%;
}
.blocks-5 > li {
  width: 18.5%;
}
.blocks-6 > li {
  width: 14.66%;
}
.block-first {
  clear: both;
}
/* =Responsive
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 968px) {
  .blocks-2,
  .blocks-3,
  .blocks-4,
  .blocks-5,
  .blocks-6 {
    margin-left: 0;
    margin-bottom: 1.6em;
  }
  .blocks-2 > li,
  .blocks-3 > li,
  .blocks-4 > li,
  .blocks-5 > li,
  .blocks-6 > li {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .blocks-mobile-50 > li,
  .blocks-mobile-33 > li {
    float: left;
    margin-left: 3%;
  }
  .blocks-mobile-33,
  .blocks-mobile-50 {
    margin-left: -3%;
  }
  .blocks-mobile-50 > li {
    width: 47%;
  }
  .blocks-mobile-33 > li {
    width: 30.333333333333332%;
  }
}
#livestream:-webkit-full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
}
#livestream:-webkit-full-screen .player-wrapper {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#livestream:-webkit-full-screen .player-wrapper .video-container {
  width: 100%;
}
#livestream:-webkit-full-screen .chat-tab {
  display: block;
  position: absolute;
  /* top: 47px; */
  top: 0;
  bottom: -40px;
  left: 11px;
  right: 11px;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
#livestream:-webkit-full-screen .comments-list {
  height: calc(100% - 135px);
}
#livestream:-webkit-full-screen .tracklist-wrapper {
  height: calc(100% - 47px);
}
#livestream:-webkit-full-screen .session-interactive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
#livestream:-webkit-full-screen .session-interactive .tabs {
  display: none;
}
#livestream:-webkit-full-screen .player-toolbar {
  display: none;
}
#livestream:-webkit-full-screen .fullscreen-chat-controls {
  position: absolute;
  z-index: 99999;
  bottom: 49px;
  left: 22px;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#livestream:-webkit-full-screen .fullscreen-chat-controls i {
  font-size: 26px;
}
#livestream:-webkit-full-screen .fullscreen-chat-controls:hover {
  color: #fff;
}
#livestream:-moz-full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
}
#livestream:-moz-full-screen .player-wrapper {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#livestream:-moz-full-screen .player-wrapper .video-container {
  width: 100%;
}
#livestream:-moz-full-screen .chat-tab {
  display: block;
  position: absolute;
  /* top: 47px; */
  top: 0;
  bottom: -40px;
  left: 11px;
  right: 11px;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
#livestream:-moz-full-screen .comments-list {
  height: calc(100% - 135px);
}
#livestream:-moz-full-screen .tracklist-wrapper {
  height: calc(100% - 47px);
}
#livestream:-moz-full-screen .session-interactive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
#livestream:-moz-full-screen .session-interactive .tabs {
  display: none;
}
#livestream:-moz-full-screen .player-toolbar {
  display: none;
}
#livestream:-moz-full-screen .fullscreen-chat-controls {
  position: absolute;
  z-index: 99999;
  bottom: 49px;
  left: 22px;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#livestream:-moz-full-screen .fullscreen-chat-controls i {
  font-size: 26px;
}
#livestream:-moz-full-screen .fullscreen-chat-controls:hover {
  color: #fff;
}
#livestream:-ms-full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
}
#livestream:-ms-full-screen .player-wrapper {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#livestream:-ms-full-screen .player-wrapper .video-container {
  width: 100%;
}
#livestream:-ms-full-screen .chat-tab {
  display: block;
  position: absolute;
  /* top: 47px; */
  top: 0;
  bottom: -40px;
  left: 11px;
  right: 11px;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
#livestream:-ms-full-screen .comments-list {
  height: calc(100% - 135px);
}
#livestream:-ms-full-screen .tracklist-wrapper {
  height: calc(100% - 47px);
}
#livestream:-ms-full-screen .session-interactive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
#livestream:-ms-full-screen .session-interactive .tabs {
  display: none;
}
#livestream:-ms-full-screen .player-toolbar {
  display: none;
}
#livestream:-ms-full-screen .fullscreen-chat-controls {
  position: absolute;
  z-index: 99999;
  bottom: 49px;
  left: 22px;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#livestream:-ms-full-screen .fullscreen-chat-controls i {
  font-size: 26px;
}
#livestream:-ms-full-screen .fullscreen-chat-controls:hover {
  color: #fff;
}
#livestream:-o-full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
}
#livestream:-o-full-screen .player-wrapper {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#livestream:-o-full-screen .player-wrapper .video-container {
  width: 100%;
}
#livestream:-o-full-screen .chat-tab {
  display: block;
  position: absolute;
  /* top: 47px; */
  top: 0;
  bottom: -40px;
  left: 11px;
  right: 11px;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
#livestream:-o-full-screen .comments-list {
  height: calc(100% - 135px);
}
#livestream:-o-full-screen .tracklist-wrapper {
  height: calc(100% - 47px);
}
#livestream:-o-full-screen .session-interactive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
#livestream:-o-full-screen .session-interactive .tabs {
  display: none;
}
#livestream:-o-full-screen .player-toolbar {
  display: none;
}
#livestream:-o-full-screen .fullscreen-chat-controls {
  position: absolute;
  z-index: 99999;
  bottom: 49px;
  left: 22px;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#livestream:-o-full-screen .fullscreen-chat-controls i {
  font-size: 26px;
}
#livestream:-o-full-screen .fullscreen-chat-controls:hover {
  color: #fff;
}
#livestream:full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
}
#livestream:full-screen .player-wrapper {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#livestream:full-screen .player-wrapper .video-container {
  width: 100%;
}
#livestream:full-screen .chat-tab {
  display: block;
  position: absolute;
  /* top: 47px; */
  top: 0;
  bottom: -40px;
  left: 11px;
  right: 11px;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
#livestream:full-screen .comments-list {
  height: calc(100% - 135px);
}
#livestream:full-screen .tracklist-wrapper {
  height: calc(100% - 47px);
}
#livestream:full-screen .session-interactive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
#livestream:full-screen .session-interactive .tabs {
  display: none;
}
#livestream:full-screen .player-toolbar {
  display: none;
}
#livestream:full-screen .fullscreen-chat-controls {
  position: absolute;
  z-index: 99999;
  bottom: 49px;
  left: 22px;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#livestream:full-screen .fullscreen-chat-controls i {
  font-size: 26px;
}
#livestream:full-screen .fullscreen-chat-controls:hover {
  color: #fff;
}
.player-toolbar a {
  cursor: pointer;
}
.player-toolbar .switch-player {
  cursor: pointer;
}
.player-toolbar .switch-player ul {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0;
}
.player-toolbar .switch-player > ul > li {
  font-weight: bold;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.player-toolbar .switch-player > ul > li > span .ic-drop-down {
  font-size: 4px;
}
.player-toolbar .switch-player > ul > li > .youtube {
  font-size: 19px;
  display: inline-block;
  margin-top: -3px;
}
.player-toolbar .switch-player > ul > li > ul {
  display: none;
  position: absolute;
  color: white;
  text-align: center;
  margin-top: 0px;
  top: 40px;
  padding-top: 4px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 999;
}
.player-toolbar .switch-player > ul > li > ul i {
  font-size: 14px;
  line-height: 1;
}
.player-toolbar .switch-player > ul > li > ul .ic-logo-youtube {
  font-size: 19px;
  margin-top: -6px;
  display: inline-block;
}
.player-toolbar .switch-player > ul > li > ul > li {
  padding: 11px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  line-height: 25px;
  background: #26282A;
  min-width: 104px;
}
.player-toolbar .switch-player > ul > li > ul > li:last-child {
  border-bottom: none;
}
.player-toolbar .switch-player > ul > li > ul > li:hover {
  background: #E7271E;
}
.player-toolbar .switch-player > ul li:hover ul {
  display: block;
}
.player-toolbar .player-functions {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 0;
}
.player-toolbar .player-functions li {
  display: inline-block;
  margin-right: 19px;
  cursor: pointer;
}
.player-toolbar .player-functions li i {
  font-size: 28px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 3px;
}
.player-toolbar .player-functions li:last-child {
  margin-right: 0;
}
.player-toolbar .player-functions .video-stats {
  font-weight: normal;
  cursor: normal;
}
.player-toolbar .player-functions-right {
  cursor: pointer;
  /* width: 66.5%; */
  width: 42.5%;
}
.player-toolbar .player-functions-left {
  width: 32.2%;
  padding-left: 12px;
  border-left: 1px solid #ededed;
}
.player-toolbar .popup-chat-button:hover {
  color: #E7271E;
}
.player-toolbar .player-functions-left.no-fragments {
  width: auto;
  border-left: 0;
  padding-left: 0;
  float: right;
  text-align: right;
}
.media-post-toolbar {
  width: calc(970px);
  margin: 0 auto;
  font-weight: bold;
  line-height: 55px;
}
@media only screen and (max-width: 968px) {
  .media-post-toolbar {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .player-toolbar .player-functions-right {
    width: 60%;
  }
}
.recording-player-toolbar {
  text-transform: none;
  font-style: normal;
}
.audio_player {
  background: #26282A no-repeat center center;
  background-size: cover;
  height: 364px;
  min-height: 364px;
  width: 100%;
  position: relative;
  color: #fff;
  margin-bottom: 13px;
}
.audio_player ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.audio_player .dark-fade {
  z-index: 2;
}
.audio_player .dark-overlay {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
}
.audio_player #jp_container_1 {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.audio_player .jp-play,
.audio_player .jp-pause {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 72px;
  line-height: 1;
  margin-top: -36px;
  margin-left: -36px;
  z-index: 500;
}
.audio_player .jp-times {
  text-align: center;
  display: block;
  top: 66%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
  position: absolute;
  left: 0;
  right: 0;
  font-size: 12px;
  line-height: 1;
}
.audio_player .jp-times .duration {
  font-weight: bold;
}
.audio_player .jp-seek-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 9px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.044), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  cursor: pointer;
}
.audio_player .jp-seek-bar .jp-play-bar {
  height: 9px;
  min-width: 1px;
  background: #E7271E;
}
.audio_player .jp-seek-bar:hover {
  background: rgba(255, 255, 255, 0.4);
}
.no-related-recordings .audio_player {
  height: 540px;
  min-height: 540px;
}
.comment-avatar {
  width: 40px;
  height: 40px;
  border: 2px solid #26282A;
  border-radius: 20px;
  padding: 0;
}
.comments-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comments-list > ul > li {
  margin-bottom: 11px;
}
.comments-list > ul .comment-content {
  width: calc(100% - 40px - 11px);
  border: 1px solid #EDEDED;
  padding: 11px;
  color: #26282A;
  border-radius: 1px;
}
.comments-list > ul .comment-meta {
  margin-top: 11px;
  font-size: 10px;
  line-height: 1;
}
.comments-list > ul .comment-meta .comment-functions {
  text-align: left;
}
.comments-list > ul .comment-meta .comment-functions li {
  display: inline-block;
  margin: 0 9px 0 0;
  cursor: pointer;
}
.comments-list > ul .comment-meta .comment-functions li:hover {
  color: #E7271E;
}
.comments-list > ul .comment-meta .comment-functions li .ic-cancel {
  color: #CFD4D4;
}
.comments-list > ul .comment-meta .comment-functions li .voted {
  color: #EB8B1E;
}
.comments-list > ul .comment-meta .comment-time {
  text-align: right;
  color: #CFD4D4;
}
.comments-list .comments-list {
  padding-left: 52px;
}
.comments-list .comment_form {
  margin-top: 11px;
}
.comments-list .load-more-comments {
  display: block;
  text-align: center;
  cursor: pointer;
  padding: 22px 0;
  font-style: italic;
  line-height: 1;
}
.comments-list .load-more-comments:hover {
  color: #E7271E;
}
.comment_form .comment-input {
  display: block;
  float: right;
  width: calc(100% - 40px - 11px);
  height: 60px;
  margin-bottom: 11px;
  border: 1px solid #CFD4D4;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  padding: 11px;
  color: #26282A;
}
.comment_form .comment-input:focus {
  border-color: #26282A;
}
.comment_form .actions {
  padding-left: calc(51px);
  margin-bottom: 3px;
}
.comment_form .actions .posting-as i {
  font-size: 12px;
}
.chat-tab {
  display: block;
  position: relative;
  width: 100%;
  height: 370px;
  top: 0;
  left: 0;
  right: 0;
}
.chat-tab .comments-list {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  /* height: 403px; */
  height: 274px;
  overflow: hidden;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat-tab .comments-list .comment-avatar {
  margin-top: 1px;
}
.chat-tab .comments-list .comment-content {
  width: calc(100% - 36px);
  padding: 3px 8px 8px 8px;
  font-size: 12px;
  line-height: 1.46em;
}
.chat-tab .comments-list .comment-content .comment-meta {
  margin-top: 5px;
}
.chat-tab .comments-list .comment-content .comment-meta .comment-functions li {
  margin: 0 8px 0 0;
}
.chat-tab .comments-list .chat-stream > li:last-child {
  margin-bottom: 0;
}
.chat-tab .comment-avatar {
  width: 28px;
  height: 28px;
}
.chat-tab .comment_form {
  padding: 11px 0;
}
.chat-tab .comment_form .comment-input {
  width: calc(100% - 36px);
  padding: 8px;
  font-size: 12px;
  height: 44px;
  margin-bottom: 6px;
}
.chat-tab .comment_form .actions {
  padding-left: 36px;
}
.chat-tab .comment_form .actions .settings-link {
  font-size: 12px;
  vertical-align: baseline;
}
.chat-tab .growl-notifications {
  display: none;
}
.chat-tab .fade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 18px;
  background: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  z-index: 10;
}
.chat-tab .pause {
  position: absolute;
  z-index: 11;
  top: 21px;
  width: 94px;
  height: 34px;
  left: 50%;
  line-height: 34px;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  letter-spacing: 0.6px;
  color: #26282A;
}
.chat-tab .lightbox {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
  background: rgba(255, 255, 255, 0.96);
  left: 0;
  right: 0;
  z-index: 900;
}
.chat-tab .lightbox .lightbox-content h3 {
  margin: 11px 0 22px 0;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}
.chat-tab .lightbox .lightbox-content h4 {
  margin: 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #EDEDED;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.chat-tab .lightbox .lightbox-content ul {
  margin: 0 0 22px 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.chat-tab .lightbox .lightbox-content ul li {
  display: block;
  line-height: 1;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.chat-tab .lightbox .lightbox-content ul li .left {
  font-weight: normal;
}
.chat-tab .lightbox .lightbox-content ul li .right img {
  width: 16px;
  height: 16px;
  border-radius: 12px;
  margin-top: -6px;
}
.chat-tab .lightbox .lightbox-content a {
  text-decoration: underline;
  color: #a0a0a0;
}
.chat-tab .lightbox .lightbox-content button {
  font-weight: bold;
  color: #E7271E;
}
.chat-tab .tracklist-entry {
  margin-bottom: 0 !important;
}
.chat-tab .make-suggestion {
  padding: 11px 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  margin-bottom: 6px;
}
.chat-tab .make-suggestion input:first-child {
  margin-right: 8px;
  margin-bottom: 3px;
}
.chat-tab .make-suggestion .group .left {
  cursor: pointer;
  color: #c0c0c0;
}
.chat-tab .make-suggestion .group .btn {
  color: #36BA6E;
  font-weight: bold;
}
.chat-tab .make-suggestion .group .btn i {
  margin-right: 2px;
}
.chat-over-player .chat-tab .fade {
  display: none;
}
.chat-over-player .chat-tab .comment-content {
  color: white;
  border: none;
  background: rgba(255, 255, 255, 0.08);
}
.chat-over-player .chat-tab .ic-cancel {
  color: rgba(255, 255, 255, 0.2);
}
.chat-over-player .chat-tab .ic-cancel:hover {
  color: rgba(255, 255, 255, 0.5);
}
.chat-over-player .chat-tab .settings-link {
  color: white;
}
.chat-over-player .lightbox {
  padding: 11px 11px 11px 11px;
  background: rgba(38, 40, 42, 0.97);
  color: #fff;
}
.chat-over-player .lightbox li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.brtv-tracklist .tracklist-wrapper {
  position: relative;
  overflow: scroll;
  height: 499px;
}
.brtv-tracklist .tracklist-wrapper ol {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  margin: 11px 0 0 0;
  padding: 0;
}
.brtv-tracklist .tracklist-wrapper .add-track {
  margin: 11px 0;
  background: white;
  border-radius: 3px;
  padding: 11px 22px;
  font-size: 12px;
  color: #444;
  text-align: center;
}
.brtv-tracklist .tracklist-wrapper .add-track p {
  margin: 0;
  line-height: 1.4em;
}
.brtv-tracklist .tracklist-wrapper .add-track p:first-child {
  margin: 0 0 6px 0;
}
.brtv-tracklist .tracklist-wrapper .add-track input {
  width: 32px;
  height: 32px;
  text-align: center;
  margin-right: 6px;
}
.brtv-tracklist .tracklist-wrapper .add-track button {
  line-height: 32px;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-nav {
  line-height: 54px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-nav .ic-arrow-previous-fill {
  font-size: 23px;
  display: inline-block;
  margin-right: 7px;
  margin-top: -5px;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list > li {
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list > li:last-child {
  margin-bottom: 11px;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggestion-single {
  line-height: 1;
  font-weight: bold;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggestion-single .user {
  margin-top: 9px;
  font-size: 10px;
  font-weight: normal;
  color: #CFD4D4;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggenstion-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 3px;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggenstion-actions li {
  display: inline-block;
  margin-left: 5px;
  font-size: 24px;
  cursor: pointer;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggenstion-actions li:first-child {
  font-size: 14px;
  line-height: 24px;
  cursor: default;
  font-weight: bold;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggenstion-actions li.action-up {
  color: #36BA6E;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .suggenstion-actions li.action-down {
  color: #E7271E;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .admin-actions {
  margin: 6px 0 0 0;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  color: #c0c0c0;
}
.brtv-tracklist .tracklist-wrapper .suggestions .suggestions-list .admin-actions li {
  display: inline-block;
  margin-right: 3px;
}
.tracklist-entry {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 1px;
  padding: 0 8px 0 11px;
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 40px;
  overflow: hidden;
  cursor: pointer;
}
.tracklist-entry .number {
  display: inline-block;
  width: 18px;
  font-weight: normal;
}
.tracklist-entry .title {
  font-weight: bold;
  width: 224px;
  overflow: hidden;
}
.tracklist-entry .action {
  text-align: right;
}
.tracklist-entry .action .voteCount {
  display: inline-block;
  margin-right: 3px;
  font-weight: normal;
  color: #CFD4D4;
  font-size: 10px;
}
.tracklist-entry .action .ic-arrow-next {
  font-size: 8px;
}
.tracklist-entry:hover {
  background: rgba(255, 255, 255, 0.12);
}
.tracklist-entry:hover .ic-arrow-next {
  display: inline-block;
  margin-right: -2px;
  margin-left: 2px;
}
.tracklist-entry:active {
  background: rgba(255, 255, 255, 0.05);
}
.tracklist-entry .admin-tools {
  list-style: none;
  margin: 0px 0 9px 0;
  padding: 0;
  font-size: 10px;
  color: #c0c0c0;
  cursor: pointer;
  line-height: 1;
}
.tracklist-entry .admin-tools > li {
  display: inline-block;
  margin-right: 5px;
}
.id-me {
  padding: 0 0 0 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #26282A;
}
.id-me .title {
  width: 205px;
}
.id-me .action {
  background: rgba(231, 39, 30, 0.9);
  color: white;
  padding: 0 8px 0 11px;
  border-radius: 0 1px 1px 0;
  font-weight: bold;
}
.id-me .action span {
  margin-right: 4px;
}
.id-me:hover {
  background: white;
}
.id-me:hover .action {
  background: #E7271E;
}
.confirm-me .action span {
  display: inline-block;
  margin-left: 2px;
}
.confirm-me .action i {
  font-size: 20px;
}
.confirm-me .action .ic-check-stroke {
  color: #36BA6E;
}
.confirm-me .action .ic-cancel-stroke {
  color: #E7271E;
}
.confirm-me .user {
  line-height: 1;
  margin: -1px 0 11px 0;
  font-size: 10px;
  color: #cfd4d4;
}
.buy-me {
  background: #36BA6E;
}
.buy-me:hover {
  background: #36BA6E;
}
.make-suggestion strong {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.make-suggestion input {
  width: 48%;
  padding: 0 6px;
  border-radius: 2px;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  height: 36px;
  outline: none;
  margin-bottom: 11px;
}
.make-suggestion .user {
  font-weight: bold;
}
.make-suggestion .btn {
  color: #fff;
  display: block;
  text-align: right;
}
.make-suggestion .btn i {
  display: inline-block;
  margin-right: 3px;
  font-size: 15px;
}
#footer-login-register {
  position: fixed;
  z-index: 999;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(26, 28, 31, 0.92);
}
#footer-login-register .login-error-message p {
  background: #F09148;
  color: #fff;
  font-style: italic;
  margin: 0 0 11px 0;
  padding: 11px calc(44px);
}
#footer-login-register .close {
  position: absolute;
  font-size: 28px;
  color: #fff;
  top: 3%;
  left: 2.6%;
  cursor: pointer;
}
#footer-login-register .close:hover .ic-cancel-fill:before {
  content: "\e60e";
}
#footer-login-register .auth-title {
  text-align: center;
  color: #fff;
  background: transparent;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 36px 0;
}
#footer-login-register .footer-login-close-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#footer-login-register .footer-login-inner {
  position: absolute;
  width: 358px;
  top: 50%;
  left: 50%;
  margin-left: -179px;
  margin-top: -264px;
}
#footer-login-register .footer-login-inner p {
  margin: 0;
  padding: 0 calc(44px);
}
#footer-login-register .footer-login-inner .tabs {
  background: rgba(255, 255, 255, 0.27);
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 62px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-login-register .footer-login-inner .tabs li {
  float: left;
  width: 50%;
  cursor: pointer;
}
#footer-login-register .footer-login-inner .tabs li:hover {
  background: rgba(255, 255, 255, 0.31);
}
#footer-login-register .footer-login-inner .tabs .active {
  background: #fff;
  color: #26282A;
  cursor: default;
}
#footer-login-register .footer-login-inner .tabs .active:hover {
  background: #fff;
}
#footer-login-register .footer-login-inner #footer-login-form,
#footer-login-register .footer-login-inner #footer-register-form {
  background: #fff;
  padding-top: 22px;
}
#footer-login-register .footer-login-inner .fb_login {
  display: block;
  width: 100%;
  line-height: 52px;
  border: none !important;
  background: #3B5998;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  outline: none;
  text-align: left;
  margin-bottom: 22px;
  letter-spacing: 0.3px;
  overflow: hidden;
}
#footer-login-register .footer-login-inner .fb_login .ic-social-facebook {
  display: inline-block;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0 8px 0 21px;
  text-align: center;
  background: #334C82;
  margin-right: 11px;
}
#footer-login-register .footer-login-inner .fb_login.loading:after {
  content: " \b7";
  font-weight: bold;
  display: inline-block;
  width: 3em;
  margin-left: 4px;
  animation: loadingDots steps(3, end) infinite 2s;
  -webkit-animation: loadingDots steps(3, end) infinite 2s;
  -moz-animation: loadingDots steps(3, end) infinite 2s;
}
#footer-login-register .footer-login-inner .or-wrapper {
  position: relative;
  line-height: 1;
  width: 100%;
  height: 20px;
  text-align: center;
  margin-bottom: 8px;
  cursor: default;
}
#footer-login-register .footer-login-inner .or-wrapper .or-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  border-bottom: 1px solid #CACCCC;
  z-index: 1;
}
#footer-login-register .footer-login-inner .or-wrapper .or {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 14px;
  line-height: 1;
  color: #A8A9A9;
  text-align: center;
  background: #fff;
  padding: 0 10px;
}
#footer-login-register .footer-login-inner label {
  display: block;
  margin-bottom: 17px;
}
#footer-login-register .footer-login-inner label > span {
  display: block;
  font-weight: bold;
  font-size: 13px;
  color: #26282A;
  margin-bottom: 9px;
}
#footer-login-register .footer-login-inner label input {
  display: block;
  width: 100%;
  outline: none;
  border: 2px solid #26282A;
  background: #fff;
  color: #26282A;
  font-size: 13px;
  height: 50px;
  padding: 0 11px;
}
#footer-login-register .footer-login-inner label input:hover {
  border-color: #111;
  background: #fafafa;
}
#footer-login-register .footer-login-inner .forgetmenot {
  font-size: 13px;
  vertical-align: baseline;
  letter-spacing: 0;
}
#footer-login-register .footer-login-inner .forgetmenot label {
  cursor: pointer;
}
#footer-login-register .footer-login-inner .forgetmenot label input {
  display: inline-block;
  width: auto;
  padding: 0;
  height: auto;
}
#footer-login-register .footer-login-inner .forgetmenot a {
  text-decoration: underline;
}
#footer-login-register .footer-login-inner .forgetmenot a:hover {
  color: #000;
}
#footer-login-register .footer-login-inner .submit .button {
  display: block;
  width: 100%;
  background: #E33930;
  color: #fff;
  text-align: center;
  line-height: 52px;
  border: none;
  outline: none;
  letter-spacing: 0.3px;
  padding: 0;
  font-weight: bold;
}
#footer-login-register .footer-login-inner .submit .button:hover {
  background: #E7271E;
}
#footer-login-register .footer-login-inner .submit .button:active {
  background: #CC231B;
}
@keyframes loadingDots {
  to {
    transform: translate(15px, 0);
  }
}
@-moz-keyframes loadingDots {
  to {
    -moz-transform: translate(15px, 0);
  }
}
@-webkit-keyframes loadingDots {
  to {
    -webkit-transform: translate(15px, 0);
  }
}
.pages {
  text-align: center;
}
.pages .pagination {
  display: inline-block;
  list-style: none;
  margin: -20px 0 12px 0;
  text-align: center;
}
.pages .pagination li {
  display: inline-block;
  padding: 0 2px 4px 2px;
  border-bottom: 2px solid #fff;
  margin: 0 6px;
}
.pages .pagination li a {
  text-decoration: none;
  font-weight: bold;
}
.pages .pagination li a:hover {
  color: #E7271E;
}
.pages .pagination .disabled a {
  cursor: default;
  color: #c0c0c0;
}
.pages .pagination .active a {
  color: #26282A;
  cursor: default;
  padding-bottom: 2px;
  border-bottom: 2px solid #26282A;
}
.pages .pagination .active a:hover {
  border-bottom: 2px solid #26282A;
}
.pages .pagination li:first-child {
  margin-left: 0;
}
.pages .pagination li:last-child {
  margin-right: 0;
}
.recording-list {
  list-style: none;
  margin: 0 -18px 0 0;
  padding: 0;
}
@media only screen and (max-width: 968px) {
  .recording-list {
    margin: 0;
  }
}
.recording-list li {
  display: inline-block;
  width: 310px;
  position: relative;
  margin-right: 17px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 968px) {
  .recording-list li {
    width: 100%;
    margin-right: 0;
  }
}
.recording-list li .recording {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.recording-related-recordings .recording-list {
  margin: 0 0 0 0;
}
.single-recording .recording-list > li .post-image,
.single-session .recording-list > li .post-image {
  width: 40%;
  height: 200px;
  float: left;
}
@media only screen and (max-width: 968px) {
  .single-recording .recording-list > li .post-image,
  .single-session .recording-list > li .post-image {
    width: 100%;
    height: 200px;
    float: none;
  }
}
.debuts {
  background: #26282A;
  color: white;
}
.debuts a {
  color: white;
  text-decoration: none;
}
.debuts .exclusive-banner {
  background: linear-gradient(rgba(47, 117, 212, 0.91), rgba(47, 117, 212, 0.94));
  color: white;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 2.3em;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 300;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.debuts .latest-debuts {
  margin: 0;
  padding: 0;
}
.debuts .debut-track {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.debuts .debut-track a {
  margin: 14px 11px;
  display: block;
}
.debuts .debuts-logo-container {
  height: 56px;
}
.debuts .debuts-logo {
  background: url(../images/debuts-widget.png) no-repeat center 4px;
  background-size: 77px;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.debuts .repost {
  background: url(../images/debuts-reloop-arrow.png) no-repeat;
  width: 18px;
  height: 11px;
  position: relative;
  display: inline-block;
  background-position: 0px 0px;
  background-size: 100%;
  margin-right: 7px;
}
.debuts .view-all {
  background: url(../images/debuts-reloop-arrow.png) no-repeat;
  width: 18px;
  height: 11px;
  margin-left: 3px;
  position: relative;
  display: inline-block;
  background-position: 0px -40px;
  background-size: 100%;
}
.rsvp_modal {
  position: fixed;
  z-index: 999;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(26, 28, 31, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rsvp_modal .inner {
  /*left:50%;
        margin-left:-170px;*/
  padding: 0px;
  /*position: absolute;*/
  text-align: center;
  /*top:40%;*/
  max-height: 80%;
  overflow-y: auto;
  width: 340px;
  z-index: 100;
  overflow: scroll;
  -webkit-overflow-scrolling: touch !important;
}
.rsvp_modal .inner a.close {
  cursor: pointer;
  display: block;
  position: absolute;
}
.rsvp_modal .step > button,
.rsvp_modal .guestlist-closed > button {
  background: #E7271E;
  border: none;
  color: #fff;
  height: 34px;
  width: 100%;
}
.rsvp_modal .step > button:hover,
.rsvp_modal .guestlist-closed > button:hover {
  background: #FF1F26;
}
.rsvp_modal .step-content {
  background: #fff;
  padding: 20px;
}
.rsvp_modal .step-content h4 {
  line-height: 1em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.rsvp_modal .step-content h6 {
  font-size: 0.875em;
  line-height: 1.14285714em;
}
.rsvp_modal .step-content .input-group label {
  font-size: 0.75em;
  text-transform: uppercase;
}
.rsvp_modal .step-content .input-group input {
  border: 1px solid #878A8D;
}
.rsvp_modal .step-content .input-group input.ng-invalid.ng-dirty {
  border: 1px solid red;
}
.rsvp_modal .step-content form.ng-invalid.ng-dirty .input-group input {
  border: 1px solid #E7271E;
}
.rsvp_modal .age-check-form .input-group {
  margin: 0 auto;
  overflow: hidden;
  width: 142px;
}
.rsvp_modal .age-check-form .input-group .input-wrap-day,
.rsvp_modal .age-check-form .input-group .input-wrap-month,
.rsvp_modal .age-check-form .input-group .input-wrap-year {
  float: left;
  margin-right: 2px;
}
.rsvp_modal .age-check-form .input-group .input-wrap-day input,
.rsvp_modal .age-check-form .input-group .input-wrap-month input,
.rsvp_modal .age-check-form .input-group .input-wrap-year input {
  width: 40px;
}
.rsvp_modal .age-check-form .input-group .input-wrap-day label,
.rsvp_modal .age-check-form .input-group .input-wrap-month label,
.rsvp_modal .age-check-form .input-group .input-wrap-year label {
  display: block;
}
.rsvp_modal .age-check-form .input-group .input-wrap-year input {
  width: 55px;
}
.rsvp_modal .age-check-form .age-requirement {
  font-size: 0.875em;
}
.rsvp_modal .age-check-form form.ng-invalid-age .age-requirement {
  color: #E7271E;
}
.rsvp_modal .info-form .input-wrap-first_name,
.rsvp_modal .info-form .input-wrap-last_name,
.rsvp_modal .info-form .input-wrap-email {
  margin-top: 5px;
}
.rsvp_modal .info-form .input-wrap-first_name label,
.rsvp_modal .info-form .input-wrap-last_name label,
.rsvp_modal .info-form .input-wrap-email label {
  display: none;
}
.rsvp_modal .info-form .input-wrap-newsletter {
  margin-top: 5px;
}
.rsvp_modal .fb {
  margin: 20px 0 0;
}
.rsvp_modal .fb > p {
  text-transform: uppercase;
}
.rsvp_modal .fb .fb-like {
  margin: 10px 0 0;
}
.rsvp-button {
  position: relative;
}
.media-post .rsvp-button {
  vertical-align: middle;
}
.rsvp_modal .inner {
  overflow: hidden;
}
.grid-feed {
  margin-top: 22px;
  margin-bottom: 22px;
}
.grid-feed .item-post {
  position: relative;
  margin-bottom: 22px;
}
.grid-feed .item-post .post-image {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 1;
  height: 175px;
  background: #26282A no-repeat center center;
  background-size: cover;
}
.grid-feed .item-post .post-image .dark-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(38, 40, 42, 0.07);
}
.grid-feed .item-post .post-image .dark-fade {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  height: 63px;
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.grid-feed .item-post .post-image .grid-item-click {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  z-index: 5;
}
.grid-feed .item-post .post-image .title-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  z-index: 6;
  margin: 0;
  overflow: hidden;
  border-left: 318px solid rgba(255, 255, 255, 0.82);
  border-bottom: 0px solid transparent;
  border-top: 16px solid transparent;
  border-right: 30px solid transparent;
  min-height: 69px;
}
.grid-feed .item-post .post-image .categories {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 0;
  left: 0;
  z-index: 4;
  color: white;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  padding: 7px 11px;
  line-height: 1;
  background: rgba(243, 129, 0, 0.9);
}
.grid-feed .item-post .post-image .title {
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  z-index: 7;
  width: 100%;
  padding: 0 6px 10px 11px;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  line-height: 1.3em;
  color: #26282A;
  text-transform: uppercase;
}
.grid-feed .item-post .text-overlay {
  position: relative;
  z-index: 8;
  padding: 0 0 14px 0;
  background: white;
  font-size: 13px;
  line-height: 1.7em;
  margin-top: -1px;
  text-decoration: none;
}
.grid-feed .item-post .text-overlay p {
  margin: 0;
  height: 95px;
  overflow: hidden;
}
.grid-feed .item-post .text-overlay .read-more {
  display: block;
  color: #F09148;
  text-decoration: none;
}
.grid-feed .item-post .session-actions {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 11px;
  right: 11px;
  z-index: 7;
  color: white;
}
.grid-feed .item-post .session-actions li {
  margin: 0;
  float: none;
  font-size: 12px;
  line-height: 17px;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.18);
}
.grid-feed .item-post .session-actions li span {
  display: inline-block;
  position: relative;
  padding: 0;
  cursor: pointer;
}
.grid-feed .item-post .session-actions li span i {
  font-size: 17px;
  line-height: 17px;
  margin-left: 1px;
}
.grid-feed .item-post:hover .dark-overlay {
  opacity: 0;
}
.grid-feed .item-post:hover .title-overlay {
  opacity: 0.97;
}
.grid-feed .item-blogpost .text-overlay {
  border-bottom: 1px solid #f7f7f7;
}
.grid-feed .item-featuredpost .post-image .dark-fade {
  background: linear-gradient(rgba(38, 40, 42, 0), #26282a);
}
.grid-feed .item-featuredpost .post-image .title-overlay {
  border-left-color: rgba(38, 40, 42, 0.84);
}
.grid-feed .item-featuredpost .post-image .title {
  color: white;
}
.grid-feed .item-featuredpost .text-overlay {
  background: #26282A;
  color: white;
}
.grid-feed .item-featuredpost .text-overlay .read-more {
  color: #f1f1f1;
}
.grid-feed .item-featuredpost.item-upcoming .dark-fade {
  background: linear-gradient(rgba(231, 39, 30, 0), #e7271e);
}
.grid-feed .item-featuredpost.item-upcoming .title-overlay {
  border-left-color: rgba(231, 39, 30, 0.84);
}
.grid-feed .item-featuredpost.item-upcoming .text-overlay {
  background: #E7271E;
}
.grid-feed .item-livesession .post-image {
  position: relative;
  overflow: hidden;
  height: 332px;
  width: 100%;
  background: #26282A no-repeat center center;
  background-size: 202%;
}
.grid-feed .item-livesession .post-image .dark-overlay {
  background: rgba(0, 0, 0, 0.075);
}
.grid-feed .item-livesession .post-image .dark-fade {
  height: 75%;
  background: linear-gradient(rgba(38, 40, 42, 0), rgba(38, 40, 42, 0.06));
}
.grid-feed .item-livesession .post-image .red-border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 10px solid rgba(231, 39, 30, 0.98);
  /*background: rgba(231, 39, 30, 0.6);*/
  z-index: 5;
}
.grid-feed .item-livesession .post-image .play-session {
  display: inline-block;
  position: absolute;
  z-index: 6;
  width: 58px;
  height: 58px;
  line-height: 1;
  top: 50%;
  left: 50%;
  margin-left: -29px;
  margin-top: -29px;
}
.grid-feed .item-livesession .post-image .play-session i {
  color: white;
  font-size: 58px;
  line-height: 1;
}
.grid-feed .item-livesession .post-image .show-meta,
.grid-feed .item-livesession .post-image .show-name {
  font-weight: bold;
  font-style: italic;
  left: 25px;
  padding: 0;
  display: inline-block;
  position: absolute;
  z-index: 7;
  color: white;
}
.grid-feed .item-livesession .post-image .show-meta {
  top: 25px;
  bottom: auto;
  right: 25px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}
.grid-feed .item-livesession .post-image .show-name {
  bottom: 24px;
  top: auto;
  left: 25px;
  right: 25px;
  font-size: 19px;
  line-height: 1.25em;
  font-style: normal;
  text-transform: none;
}
.grid-feed .item-livesession .meta-category a {
  display: inline-block;
  background: #E7271E;
  text-align: left;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
}
.grid-feed .item {
  margin-bottom: 30px;
}
.grid-feed .item .meta-announcement {
  display: block;
  padding: 0 8px;
  background: #333;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 24px;
  color: white;
  border-radius: 1px 1px 0 0;
}
.grid-feed .item .meta-announcement:hover {
  background: #151515;
}
.grid-feed .item .meta-announcement .announcement-date {
  font-weight: normal;
  line-height: 0;
  font-weight: bold;
}
.grid-feed .item .meta-announcement .announcement-date .timer_wrap {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.grid-feed .item .meta-announcement .announcement-date .timer_wrap li {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 24px;
}
.grid-feed .item .meta-announcement .announcement-date .timer_wrap li .value {
  display: inline-block;
  margin-right: -3px;
}
.grid-feed .item .meta-announcement .session-actions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.grid-feed .item .meta-announcement .session-actions li {
  margin: 0;
}
.grid-feed .item .meta-announcement .session-actions li i {
  margin-top: -1px;
  display: inline-block;
}
.grid-feed .item .meta-announcement-past {
  background: #26282A;
}
.grid-feed .item .meta-announcement-past:hover {
  background: #151515;
}
.grid-feed .item .meta-category {
  overflow: hidden;
}
.grid-feed .item .meta-category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #EB8B1E;
  text-align: left;
  padding: 0 8px;
}
.grid-feed .item .meta-category ul li {
  display: inline-block;
  margin: 0;
  float: none;
  cursor: default;
}
.grid-feed .item .meta-category ul li a {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
}
.grid-feed .item .meta-category ul li::after {
  display: inline-block;
  content: "/";
  margin: 0 0px 0 4px;
  cursor: default;
}
.grid-feed .item .meta-category ul li:last-child::after {
  content: "";
  margin: 0;
}
.grid-feed .item .meta-category ul li a:hover {
  text-decoration: underline;
}
.grid-feed .item .meta-category ul:hover {
  background: #F09148;
}
.grid-feed .item .meta-date {
  color: #c0c0c0;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
}
.grid-feed .item .item-image {
  display: block;
  width: 100%;
  height: 196px;
  background: #f9f9f9 no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 968px) {
  .grid-feed .item .item-image {
    height: 218px;
  }
}
.grid-feed .item .item-text {
  display: block;
  padding-top: 9px;
  max-height: 144px;
  overflow: hidden;
}
.grid-feed .item .item-text h4 {
  margin: 0 0 5px 0;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.26em;
}
.grid-feed .item .item-text p {
  margin: 0;
  font-size: 13px;
}
.grid-feed .item:hover .item-image {
  opacity: 0.94;
}
.grid-feed .item:hover .item-text h4 {
  color: #F09148;
}
.grid-feed .item-livesession:hover .item-text h4 {
  color: #E7271E;
}
.grid-feed .item-photo-background .item-image {
  height: 334px;
  position: relative;
}
.grid-feed .item-photo-background .item-image .dark-fade {
  z-index: 100;
  background: linear-gradient(rgba(38, 40, 42, 0), rgba(38, 40, 42, 0.76));
}
.grid-feed .item-photo-background .item-image .item-text {
  position: absolute;
  color: #fff;
  bottom: 15px;
  left: 12px;
  right: 12px;
  z-index: 200;
}
.grid-feed .item-photo-background .item-image:hover .item-text {
  color: #fff;
}
.grid-feed .item-photo-background .item-image:hover .item-text h4 {
  color: #fff;
}
.row {
  margin-bottom: 22px;
  margin-top: -22px;
  margin-right: -22px;
  padding: 22px 0 10px 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.row > li {
  margin-bottom: 0;
}
.row .large-title {
  margin-top: 0;
}
.row-ad {
  border: none;
  padding: 0;
  margin: 21px 0 22px 0;
}
@media only screen and (max-width: 968px) {
  .row-ad {
    display: none;
  }
}
.item-recording {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}
.item-recording .recording {
  display: block;
  position: relative;
}
.item-recording .recording .recording-title {
  text-transform: uppercase;
}
.item-recording .dark-fade {
  background: linear-gradient(rgba(38, 40, 42, 0), rgba(38, 40, 42, 0.7));
  height: 170px;
}
.item-recording .text-overlay {
  z-index: 1;
  margin-top: 0;
  /* border: 1px solid #ececec; */
  border-top: 0;
  padding: 0 !important;
  max-height: 124px;
  overflow: hidden;
}
.item-recording .text-overlay p {
  padding-top: 10px;
  margin: 0;
  height: auto;
}
.item-recording .text-overlay p a {
  color: #26282A;
}
.item-recording .text-overlay .read-more {
  color: #025CED;
  display: none;
}
.item-recording:hover .dark-fade {
  background: linear-gradient(rgba(38, 40, 42, 0), rgba(38, 40, 42, 0.63));
}
.recordings-row {
  margin-bottom: 0 !important;
}
.recordings-row .large-title {
  padding: 0 22px;
  margin-bottom: 11px;
}
.brtv-move {
  position: relative;
}
.brtv-move.recommended-recordings-slider {
  padding-top: 11px;
  margin-bottom: 10px;
}
.brtv-move .recordings-row {
  width: 992px;
  position: relative;
  overflow: hidden;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  margin-left: -11px;
  font-size: 0;
  line-height: 0;
}
.brtv-move .recordings-row .item-recording {
  position: relative;
  width: 308px;
  height: auto;
  margin: 0 11px 0 11px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.55em;
  white-space: normal;
}
.brtv-move .recordings-row .item-recording .description {
  margin-top: 0;
  line-height: 1.7em;
  white-space: normal;
}
.brtv-move .recordings-row .large-title {
  padding-left: 22px;
}
.brtv-move .brtv-move-left {
  position: absolute;
  left: -22px;
  top: 122px;
  width: 40px;
  height: 41px;
  padding-left: 16px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.85);
  z-index: 800;
  border-radius: 0 3px 3px 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.brtv-move .brtv-move-left:hover {
  color: #E7271E;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
.brtv-move .brtv-move-right {
  position: absolute;
  right: -22px;
  top: 122px;
  width: 40px;
  height: 41px;
  padding-left: 16px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.85);
  z-index: 800;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.brtv-move .brtv-move-right:hover {
  color: #E7271E;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
.trcklst {
  list-style: none;
  margin-top: -8px;
  margin-bottom: 40px;
}
.trcklst #tracklist_add_track {
  background-color: #21759b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
  background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
  background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
  background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
  background-image: -o-linear-gradient(top, #2a95c5, #21759b);
  background-image: linear-gradient(to bottom, #2a95c5, #21759b);
  border-color: #21759b;
  border-bottom-color: #1e6a8d;
  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  line-height: 23px;
  height: 24px;
  margin: 0;
  padding: 0 10px 1px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.trcklst .total-tracks {
  padding-top: 15px;
  color: #878a8d;
}
.trcklst .trcklst-list {
  margin: 0;
  padding: 0;
}
.trcklst .trcklst-list.with-transition {
  transition: height ease 0.3s;
  -moz-transition: height ease 0.3s;
  -webkit-transition: height ease 0.3s;
  -o-transition: height ease 0.3s;
}
.trcklst .trcklst-list li {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 44px;
  border-bottom: 1px solid #E5E5E5;
}
.trcklst .trcklst-list li .order,
.trcklst .trcklst-list li .time {
  margin-right: 11px;
}
@media only screen and (max-width: 968px) {
  .trcklst .trcklst-list li .track {
    line-height: 1.3em;
  }
}
.trcklst .trcklst-list li .right {
  color: #878a8d;
}
.trcklst .trcklst-list li .right .discogs {
  display: inline-block;
  width: 20px;
  text-indent: -9999px;
  background: url(../images/discogs.svg) no-repeat right center;
  background-size: 20px 20px;
  line-height: 44px;
  margin-right: 1px;
}
.trcklst .trcklst-list li .right .discogs:hover {
  opacity: 0.8;
}
.trcklst .trcklst-list .toggle {
  color: #E7271E;
  border-bottom: none !important;
  cursor: pointer;
  font-weight: bold;
  font-style: italic;
}
.trcklist-extend-me {
  overflow: hidden;
  height: 493px;
}
@media only screen and (max-width: 968px) {
  .trcklist-extend-me {
    height: 580px;
  }
}
.slide-recordings.popout {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  padding-top: 50px;
  background-color: rgba(244, 246, 248, 0.8);
}
.slide-recordings.popout .btn-close {
  position: absolute;
  top: 5px;
  left: 100%;
  width: 46px;
  height: 46px;
  background: #14325c url('../images/ic-cancel@2x.png') 50% 50% no-repeat;
  background-size: 23px auto;
}
.skrollr-mobile .slide-recordings.popout {
  overflow: visible;
}
.video-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9000;
  background-color: rgba(255, 255, 255, 0.8);
}
.new-artist-grid {
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-artist-grid .artist-box {
  float: left;
  width: 50%;
  position: relative;
}
.new-artist-grid .artist-box.artist-box-first {
  clear: left;
}
.new-artist-grid .artist-box.artist-box-2 {
  width: 100%;
}
.new-artist-grid .artist-box .artist-profile {
  font-family: 'GibsonLight', sans-serif;
  margin-bottom: 12px;
  background: #fff;
  min-height: 650px;
  position: relative;
  margin: 5px;
  padding-bottom: 45px;
}
.new-artist-grid .artist-box .artist-profile p,
.new-artist-grid .artist-box .artist-profile h3 {
  text-align: left !important;
  font-family: 'GibsonLight', sans-serif;
  text-transform: none;
}
.new-artist-grid .artist-box .artist-profile .artist-photo {
  width: 100%;
  min-height: 220px;
  background: #333 no-repeat center center;
  background-size: cover;
}
.new-artist-grid .artist-box .artist-profile .artist-video {
  width: 100%;
  background: #333 no-repeat center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  min-height: 220px;
}
.new-artist-grid .artist-box .artist-profile h3 {
  border: 0;
  margin: 0;
  line-height: 1;
  font-size: 24px;
  font-weight: normal;
  padding: 25px 25px 16px;
}
.new-artist-grid .artist-box .artist-profile p {
  padding: 0 25px;
  margin: 0 0 25px;
  color: #000;
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
}
.new-artist-grid .artist-box .artist-profile .btn-watch-btn {
  background-color: #444455;
  text-align: center;
  color: #fff;
  display: block;
  padding: .75em;
  font-size: 19px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.new-artist-grid .artist-box .artist-profile .follow {
  position: absolute;
  top: 250px;
  right: 0;
  margin: 0;
  padding: 0 15px 15px 15px;
  list-style: none;
}
.new-artist-grid .artist-box .artist-profile .follow li {
  margin-right: 7px;
  margin-bottom: 0;
  display: inline-block;
}
.new-artist-grid .artist-box .artist-profile .follow li a {
  display: inline-block;
  text-indent: -9999px;
  background: url(../images/artist-social-icons2.png) no-repeat top left;
  background-size: 92px 15px;
  width: 20px;
  height: 20px;
}
.new-artist-grid .artist-box .artist-profile .follow li a:hover {
  opacity: 0.9;
}
.new-artist-grid .artist-box .artist-profile .follow li:first-child {
  margin-left: 0;
}
.new-artist-grid .artist-box .artist-profile .follow .twitter {
  background-position: 0px 0px;
}
.new-artist-grid .artist-box .artist-profile .follow .facebook {
  background-position: -30px 0px;
}
.new-artist-grid .artist-box .artist-profile .follow .soundcloud {
  background-position: -57px 0px;
  width: 36px;
}
.new-artist-grid .artist-box.artist-box-2 .artist-profile h3 {
  float: left;
  font-size: 3.5em;
  width: 45%;
}
.new-artist-grid .artist-box.artist-box-2 p {
  margin-left: 50%;
  margin-top: 25px;
}
.new-artist-grid .artist-box.artist-box-2 .follow {
  top: auto;
  right: auto;
  left: 10px;
  bottom: 50px;
}
.featured-carousel {
  position: relative;
  margin: 0;
  padding: 0 !important;
  height: 372px;
}
.featured-carousel .dots {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 11px;
  left: 400px;
  right: 400px;
  text-align: center;
  z-index: 730;
}
@media only screen and (max-width: 968px) {
  .featured-carousel .dots {
    display: none;
  }
}
.featured-carousel .dots li {
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  font-size: 26px;
  line-height: 1;
}
.featured-carousel .dots .active {
  color: #fff;
}
.featured-carousel #featured-carousel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.featured-carousel #featured-carousel .prev,
.featured-carousel #featured-carousel .next {
  position: absolute;
  z-index: 888;
  color: white;
  line-height: 1;
  font-size: 16px;
  top: 50%;
  margin-top: -18px;
  display: inline-block;
  opacity: 0.82;
  cursor: pointer;
  padding: 10px;
  display: none;
}
.featured-carousel #featured-carousel .prev:hover,
.featured-carousel #featured-carousel .next:hover {
  opacity: 1.0;
}
@media (min-width: 1024px) {
  .featured-carousel #featured-carousel .prev,
  .featured-carousel #featured-carousel .next {
    display: block;
  }
}
.featured-carousel #featured-carousel .prev {
  left: 11px;
}
.featured-carousel #featured-carousel .next {
  right: 11px;
}
@media (max-width: 1050px) {
  .featured-carousel #featured-carousel .prev {
    left: 0px;
  }
  .featured-carousel #featured-carousel .next {
    right: 0px;
  }
}
@media (min-width: 1050px) {
  .featured-carousel #featured-carousel .prev {
    padding: 20px 11px 20px 15px;
  }
  .featured-carousel #featured-carousel .next {
    padding: 20px 15px 20px 11px;
  }
}
.featured-carousel #featured-carousel .front-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: #ececec;
  background-position: center center;
  float: left;
}
.featured-carousel #featured-carousel .front-slider .dark-overlay {
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.featured-carousel #featured-carousel .front-slider .front-slider-click {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 111;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap-link {
  display: block;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap {
  position: relative;
  display: block;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 36px;
  bottom: 22px;
  left: 0;
  right: 0;
  padding-left: 22px;
  padding-right: 22px;
  z-index: 120;
}
@media only screen and (max-width: 968px) {
  .featured-carousel #featured-carousel .front-slider .front-slider-wrap {
    width: 100%;
  }
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .front-slider-click {
  z-index: 121;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-title {
  color: #fff;
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  margin: 0;
  width: 50%;
  border-bottom: 2px solid #fff;
  padding-bottom: 14px;
}
@media only screen and (max-width: 968px) {
  .featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-title {
    width: 100%;
  }
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .slider-excerpt {
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  margin: 13px 0 0 0;
  width: 48%;
  font-weight: bold;
}
@media only screen and (max-width: 968px) {
  .featured-carousel #featured-carousel .front-slider .front-slider-wrap .slider-excerpt {
    width: 100%;
  }
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .slider-excerpt .readitall {
  display: inline-block;
  font-weight: bold;
  background: #fff;
  color: #333;
  line-height: 35px;
  padding: 0 11px;
  margin-top: 11px;
  letter-spacing: normal;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .slider-excerpt .readitall:hover {
  background: rgba(255, 255, 255, 0.97);
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .slider-excerpt .excerpt-cage {
  display: inline-block;
  overflow: hidden;
  max-height: 84px;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .flyer-message {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  padding: 0;
  display: block;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .flyer-message:hover {
  cursor: pointer;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .remind-me-icon {
  display: inline-block;
  font-size: 12px;
  padding: 0;
  margin-top: -3px;
  margin-right: 4px;
  width: auto;
  height: auto;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .play-icon {
  display: inline-block;
  font-size: 10px;
  padding: 0;
  margin-top: -3px;
  margin-right: 1px;
  width: auto;
  height: auto;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-meta {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  margin-bottom: 7px;
  letter-spacing: 0.1px;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-meta li {
  display: inline-block;
  margin: 0;
  float: none;
  cursor: default;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-meta li::after {
  display: inline-block;
  content: "/";
  margin: 0 0px 0 4px;
  cursor: default;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-meta li:last-child::after {
  content: "";
  margin: 0;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .post-meta li a:hover {
  text-decoration: underline;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .session-actions {
  position: relative;
  margin-top: 20px;
  list-style-type: none;
  padding: 0;
  color: white;
  display: inline-block;
  z-index: 300;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .session-actions li {
  display: inline-block;
  margin-right: 22px;
  font-weight: bold;
  cursor: pointer;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .session-actions li.rsvp-action {
  margin-left: 30px;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .actions-sharp {
  position: absolute;
  z-index: 500;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .actions-sharp li {
  display: inline-block;
  font-size: 14px !important;
  font-weight: bold;
  cursor: pointer;
  margin-right: 15px;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .actions-sharp li a {
  display: inline-block;
  color: #fff;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .actions-sharp .session-date a {
  color: #fff;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .actions-sharp .action,
.featured-carousel #featured-carousel .front-slider .front-slider-wrap .actions-sharp .rsvp-action {
  color: #fff;
  display: inline-block;
  font-weight: normal;
}
.featured-carousel #featured-carousel .front-slider .front-slider-wrap a:hover .readitall {
  background: rgba(255, 255, 255, 0.7);
}
.section-hero {
  position: relative;
  width: 100%;
  height: 372px;
  background: no-repeat center center;
  background-size: cover;
  margin-bottom: 20px;
}
.section-hero .hero-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
.section-hero .hero-content {
  width: 50%;
}
@media only screen and (max-width: 968px) {
  #main-ctrl {
    padding-top: 56px;
  }
}
.mobile-header-hug {
  display: none;
  z-index: 1000;
  background: #FFFFFF;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFFFFF url(../images/br-logo-round.svg) no-repeat center center;
  height: 56px;
  background-size: 48px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
  -webkit-transition: left 0.2s ease-out;
  -moz-transition: left 0.2s ease-out;
  -ms-transition: left 0.2s ease-out;
  -o-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
@media only screen and (max-width: 968px) {
  .mobile-header-hug {
    display: block;
  }
}
.mobile-header-hug .br-mobile-logo {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 3px;
  background: #FFFFFF url(../images/br-logo-round.svg) no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
}
.mobile-header-hug .open-menu {
  background: url(../images/hamburger.svg) no-repeat center center;
  background-size: 20px auto;
  height: 56px;
  width: 100%;
  background-position: 5% center;
  text-align: center;
  line-height: 56px;
}
.mobile-menu-open .mobile-header-hug {
  left: 250px;
}
.mobile-menu {
  display: none;
  list-style: none;
  background: #26282A;
  color: #FFFFFF;
  width: 250px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  overflow-y: auto;
}
@media only screen and (max-width: 968px) {
  .mobile-menu {
    display: block;
  }
}
.mobile-menu .mobile-logo {
  display: block;
  background: url(../images/br-logo-round-white.svg) no-repeat center center;
  height: 120px;
  background-size: 80px;
}
.mobile-menu #menu-main-menu {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  font-weight: 300;
}
.mobile-menu #menu-main-menu > li {
  background: none;
  text-align: center;
  font-size: 18px;
  line-height: 41px;
  width: auto;
}
.mobile-menu .mobile-profile-links {
  margin: 22px 0 0 0;
  padding: 0;
  text-align: center;
}
.mobile-menu .mobile-profile-links ul {
  margin: 0;
  padding: 0;
}
.mobile-menu .mobile-profile-links li {
  margin-bottom: 11px;
}
.mobile-menu .mobile-profile-links .avatar-link img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  margin-bottom: 9px;
}
.mobile-menu .search {
  width: 82%;
  margin: 0 auto;
  border-radius: 0;
}
.mobile-menu .search fieldset {
  border: 0;
  margin: 19px 0 11px 0;
  padding: 0;
  border-radius: 0;
}
.mobile-menu .search fieldset input {
  border: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 10px;
  line-height: 48px;
  color: #fff;
  font-weight: bold;
  border-radius: 0;
}
.mobile-menu .search fieldset input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.25);
}
.mobile-menu .search fieldset input[type=text] {
  width: 75%;
}
.mobile-menu .search fieldset button {
  width: 25%;
  text-indent: -9999px;
  background: #f1f1f1;
  height: 48px;
  border: none;
  outline: none;
  float: right;
  background: rgba(255, 255, 255, 0.25) url(../images/search.svg) no-repeat center center;
  background-size: 16px 16px;
}
.mobile-menu .search fieldset button:focus {
  background-color: rgba(255, 255, 255, 0.32);
}
/* PLUGINS - to be moved into modules maybe */
/*! Hint.css - v1.3.2 - 2014-05-18
* http://kushagragour.in/lab/hint/
* Copyright (c) 2014 Kushagra Gour; Licensed MIT */
.hint,
[data-hint] {
  position: relative;
  display: inline-block;
}
.hint:before,
.hint:after,
[data-hint]:before,
[data-hint]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}
.hint:hover:before,
.hint:hover:after,
.hint:focus:before,
.hint:focus:after,
[data-hint]:hover:before,
[data-hint]:hover:after,
[data-hint]:focus:before,
[data-hint]:focus:after {
  visibility: visible;
  opacity: 1;
}
.hint:hover:before,
.hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}
.hint:before,
[data-hint]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}
.hint:after,
[data-hint]:after {
  content: attr(data-hint);
  background: #383838;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.hint--top:before {
  border-top-color: #383838;
}
.hint--bottom:before {
  border-bottom-color: #383838;
}
.hint--left:before {
  border-left-color: #383838;
}
.hint--right:before {
  border-right-color: #383838;
}
.hint--top:before {
  margin-bottom: -12px;
}
.hint--top:after {
  margin-left: -18px;
}
.hint--top:before,
.hint--top:after {
  bottom: 100%;
  left: 50%;
}
.hint--top:hover:after,
.hint--top:hover:before,
.hint--top:focus:after,
.hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--bottom:before {
  margin-top: -12px;
}
.hint--bottom:after {
  margin-left: -18px;
}
.hint--bottom:before,
.hint--bottom:after {
  top: 100%;
  left: 50%;
}
.hint--bottom:hover:after,
.hint--bottom:hover:before,
.hint--bottom:focus:after,
.hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px;
}
.hint--right:after {
  margin-bottom: -14px;
}
.hint--right:before,
.hint--right:after {
  left: 100%;
  bottom: 50%;
}
.hint--right:hover:after,
.hint--right:hover:before,
.hint--right:focus:after,
.hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px;
}
.hint--left:after {
  margin-bottom: -14px;
}
.hint--left:before,
.hint--left:after {
  right: 100%;
  bottom: 50%;
}
.hint--left:hover:after,
.hint--left:hover:before,
.hint--left:focus:after,
.hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}
.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}
.hint--warning.hint--top:before {
  border-top-color: #c09854;
}
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
  border-left-color: #c09854;
}
.hint--warning.hint--right:before {
  border-right-color: #c09854;
}
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #193b4d;
}
.hint--info.hint--top:before {
  border-top-color: #3986ac;
}
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
  border-left-color: #3986ac;
}
.hint--info.hint--right:before {
  border-right-color: #3986ac;
}
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}
.hint--success.hint--top:before {
  border-top-color: #458746;
}
.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}
.hint--success.hint--left:before {
  border-left-color: #458746;
}
.hint--success.hint--right:before {
  border-right-color: #458746;
}
.hint--always:after,
.hint--always:before {
  opacity: 1;
  visibility: visible;
}
.hint--always.hint--top:after,
.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--bottom:after,
.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--left:after,
.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--always.hint--right:after,
.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}
.hint--rounded:after {
  border-radius: 4px;
}
.hint--no-animate:before,
.hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  transition-duration: 0ms;
}
.hint--bounce:before,
.hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
/***
Spectrum Colorpicker v1.3.4
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
  display: none !important;
}
/* Clearfix hack */
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
/* Buttons */
.sp-button-container {
  float: right;
}
/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.sp-replacer.sp-disabled {
  cursor: default;
  color: silver;
}
.sp-dd {
  display: none;
}
.sp-preview {
  position: relative;
  width: 16px;
  height: 16px;
  float: left;
  z-index: 0;
  background-image: none !important;
}
.sp-preview:hover {
  opacity: 0.9;
}
.sp-preview-inner {
  border-radius: 8px;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #f1f1f1;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* VIEWS */
.home .pre-footer-wrapper {
  background: #fff;
}
.front-page .content {
  overflow: visible !important;
}
.front-page .content .front-page-section {
  margin: 22px 0 24px 0;
  border-bottom: 22px solid #f7f7f7;
  border-top: 22px solid #f7f7f7;
}
.front-page .content .page-break {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-top: 22px solid #f7f7f7;
}
.front-page .content .load-more-recordings {
  line-height: 1;
  text-align: center;
  position: relative;
}
.front-page .content .load-more-recordings .trigger-load,
.front-page .content .load-more-recordings .go-to-archive {
  display: block;
  font-weight: bold;
  text-transform: none;
  font-style: italic;
  line-height: 45px;
  padding: 1px 18px 0 18px;
  letter-spacing: 0.2px;
  color: #b0b0b0;
  margin-top: -11px;
}
.front-page .content .load-more-recordings .trigger-load:hover,
.front-page .content .load-more-recordings .go-to-archive:hover {
  color: #26282A;
  border-color: #26282A;
}
.front-page .content .load-more-recordings .go-to-archive {
  display: none;
  color: #26282A;
}
.front-page .content .load-more-recordings .go-to-archive:hover {
  color: #E7271E;
}
.front-page .content .load-more-recordings .trigger-close {
  position: absolute;
  font-weight: normal;
  right: 0;
  top: 4px;
  color: #c0c0c0;
}
.front-page .content .load-more-recordings .trigger-close:hover {
  color: #E7271E;
}
.front-page .content .load-more-recordings-target {
  height: 0px;
  overflow: hidden !important;
  transition: height ease 0.6s;
  -moz-transition: height ease 0.6s;
  -webkit-transition: height ease 0.6s;
  -o-transition: height ease 0.6s;
  margin-top: 0;
  margin-bottom: 0;
}
.section-whatson {
  margin-top: 0;
  margin-left: -22px;
  margin-right: -22px;
  padding: 0 22px 0 22px;
}
.section-whatson .large-title {
  margin-top: 0;
}
.section-whatson .skip-to-now {
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #b0b0b0;
  display: inline-block;
  margin-top: 30px;
}
@media only screen and (max-width: 968px) {
  .section-whatson .skip-to-now {
    display: none;
  }
}
.section-whatson .skip-to-now:hover {
  color: #26282A;
}
.brtv-whatson {
  position: relative;
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .group.whatson-header {
    position: relative;
    height: 70px;
  }
  .brtv-whatson .group.whatson-header h2 {
    margin: 18px 0 24px 0;
  }
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .group.whatson-header .left {
    float: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .group.whatson-header .left a.left {
    width: 100 %;
  }
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .group.whatson-header .right {
    position: absolute;
    right: 70px;
    float: none;
  }
}
.brtv-whatson .brtv-whatson-wrapper {
  overflow: hidden;
}
.brtv-whatson .whatson_sessions {
  width: 8000px;
  margin-left: -1012px;
  margin-top: 0;
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .whatson_sessions {
    width: 24000%;
  }
}
.brtv-whatson .item-whatson {
  position: relative;
  margin-bottom: 0;
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .item-whatson {
    width: 90vw;
    float: left;
  }
}
.brtv-whatson .flyer-meta a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  background: #26282A;
  color: #fff;
  line-height: 24px;
  padding: 0 8px;
}
.brtv-whatson .whatson-live .post-meta,
.brtv-whatson .whatson-reloop .post-meta {
  color: #E7271E;
}
.brtv-whatson .flyer-unit {
  z-index: 1;
  display: block;
  position: relative;
  width: 308px;
  height: 308px;
  overflow: hidden;
}
.brtv-whatson .flyer-unit .session-flyer {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fafafa no-repeat center center;
  background-size: cover;
}
.brtv-whatson .flyer-unit .dark-overlay {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
}
.brtv-whatson .flyer-unit .info-overlay {
  position: absolute;
  z-index: 4;
  line-height: 1.5em;
  bottom: -70px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
  opacity: .7;
  background: rgba(255, 255, 255, 0);
  color: rgba(0, 0, 0, 0);
  -webkit-transition: all .25s;
  transition: all .25s;
}
.brtv-whatson .flyer-unit .info-overlay .info-click {
  display: block;
  padding: 11px 14px 0 14px;
}
.brtv-whatson .flyer-unit .info-overlay p {
  margin: 8px 0 0 0;
}
.brtv-whatson .flyer-unit .info-overlay .overlay-actions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.brtv-whatson .flyer-unit .info-overlay .overlay-actions li {
  margin: 0;
  font-weight: bold;
  font-style: italic;
  float: none;
}
.brtv-whatson .flyer-unit .info-overlay .overlay-actions li a {
  padding: 12px 14px 12px 14px;
  display: block;
  color: #26282A;
}
.brtv-whatson .flyer-unit .info-overlay .overlay-actions li a .ic-arrow-right {
  font-size: 8px;
}
.brtv-whatson .flyer-unit .info-overlay .overlay-actions li a:hover {
  color: #E7271E;
}
.brtv-whatson .flyer-title {
  margin: 0;
}
.brtv-whatson .flyer-title a {
  display: block;
  padding: 14px 0 0px 0;
  color: #26282A;
  min-height: 72px;
}
.brtv-whatson .item-whatson:hover .dark-overlay {
  background: rgba(0, 0, 0, 0.08);
}
.brtv-whatson .item-whatson:hover .info-overlay {
  background: rgba(255, 255, 255, 0.96);
  opacity: 1;
  bottom: 0;
  color: #26282A;
}
.brtv-whatson .next,
.brtv-whatson .prev {
  position: absolute;
  right: -65px;
  top: 191px;
  background: rgba(255, 255, 255, 0.89);
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 10;
  border-radius: 25px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.08s;
  -moz-transition: all 0.08s;
  -webkit-transition: all 0.08s;
  -o-transition: all 0.08s;
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .next,
  .brtv-whatson .prev {
    right: 0;
    top: 5px;
  }
}
.brtv-whatson .next i,
.brtv-whatson .prev i {
  display: inline-block;
  padding-left: 6px;
}
.brtv-whatson .next:hover,
.brtv-whatson .prev:hover {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
  color: #000;
}
.brtv-whatson .next:hover i,
.brtv-whatson .prev:hover i {
  color: #151515;
}
.brtv-whatson .prev {
  left: -65px;
}
@media only screen and (max-width: 968px) {
  .brtv-whatson .prev {
    left: 0;
  }
}
.brtv-whatson .prev i {
  padding-right: 6px;
}
.brtv-whatson .embarrassing-overlay {
  position: absolute;
  height: 459px;
  top: 0;
  right: -22px;
  background: #f7f7f7;
  z-index: 9;
  width: 2px;
}
.browser-is-safari .front-page .actions-sharp {
  vertical-align: bottom !important;
}
.browser-is-safari .front-page .actions-sharp .rsvp-button {
  top: 5px;
}
.browser-is-safari .front-page .actions-sharp .rsvp-button::before {
  position: relative;
  top: -5px;
}
.browser-is-safari .front-page .actions-sharp .remindme-safari {
  position: relative;
  top: 6px;
}
.browser-is-safari .front-page .actions-sharp li {
  vertical-align: bottom !important;
  display: inline-block;
}
.blinking-live-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: red;
  margin-bottom: 2px;
  margin-right: 1px;
  animation: blink 1.1s steps(3, start) infinite;
  -webkit-animation: blink 1.1s steps(3, start) infinite;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
.page-template-template-editorial .pre-footer-wrapper {
  background: #fff;
}
.editorial-all.post-grid > li .post-image {
  height: 196px;
}
@media only screen and (max-width: 968px) {
  .editorial-all.post-grid > li .post-image {
    height: 218px;
  }
}
.editorial-all.post-grid.blocks-1 > li .post-image {
  height: 308px;
}
@media only screen and (max-width: 968px) {
  .editorial-all.post-grid.blocks-1 > li .post-image {
    height: 218px;
  }
}
@media only screen and (max-width: 968px) {
  .blog-overview .content,
  .blog-single .content {
    padding: 0 5%;
  }
}
.blog-overview .blog-videopost,
.blog-single .blog-videopost {
  margin: 22px 0 11px 0;
}
.blog-overview .share-buttons-inline,
.blog-single .share-buttons-inline {
  margin: 1.6em 0 0.6em 0;
}
.blog-overview .post-meta,
.blog-single .post-meta {
  font-size: 14px;
  line-height: 1;
  font-style: italic;
  margin-bottom: 11px;
  margin-left: 0;
  text-transform: uppercase;
  list-style: none;
}
.blog-overview .post-meta ul,
.blog-single .post-meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.blog-overview .post-meta li,
.blog-single .post-meta li {
  display: inline-block;
  margin: 0;
  float: none;
  cursor: default;
}
.blog-overview .post-meta li::after,
.blog-single .post-meta li::after {
  display: inline-block;
  content: "/";
  margin: 0 0px 0 4px;
  cursor: default;
}
.blog-overview .post-meta li:last-child::after,
.blog-single .post-meta li:last-child::after {
  content: "";
  margin: 0;
}
.blog-overview .post-meta li a:hover,
.blog-single .post-meta li a:hover {
  text-decoration: underline;
}
.blog-overview .post-title,
.blog-single .post-title {
  font-size: 30px;
  line-height: 1.15em;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 0 0;
}
.blog-overview .video-post-video .switch-player,
.blog-single .video-post-video .switch-player {
  float: none !important;
}
.blog-overview .video-post-video .media-post-toolbar,
.blog-single .video-post-video .media-post-toolbar {
  margin-top: 0 !important;
}
.blog-overview .media-post,
.blog-single .media-post {
  width: 647px;
  margin: 0 auto 22px auto;
}
.blog-overview .live-calltoaction,
.blog-single .live-calltoaction {
  margin-bottom: 22px;
}
.blog-overview .live-calltoaction a,
.blog-single .live-calltoaction a {
  display: block;
}
.blog-overview .live-calltoaction .badge,
.blog-single .live-calltoaction .badge {
  display: inline-block;
  background: #E7271E;
  padding: 0 6px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
}
.blog-overview .live-calltoaction .live-thumbnail,
.blog-single .live-calltoaction .live-thumbnail {
  width: 50%;
  height: 196px;
  border: 5px solid #E7271E;
  position: relative;
  color: #fff;
  text-align: center;
  background: #26282A no-repeat center center;
  background-size: 150%;
}
@media only screen and (max-width: 968px) {
  .blog-overview .live-calltoaction .live-thumbnail,
  .blog-single .live-calltoaction .live-thumbnail {
    height: 218px;
  }
}
.blog-overview .live-calltoaction .live-thumbnail .dark-fade,
.blog-single .live-calltoaction .live-thumbnail .dark-fade {
  height: auto;
  top: 0;
  z-index: 10;
}
.blog-overview .live-calltoaction .live-thumbnail i,
.blog-single .live-calltoaction .live-thumbnail i {
  position: relative;
  display: inline-block;
  margin-top: 59px;
  font-size: 52px;
  line-height: 1;
  z-index: 20;
}
.blog-overview .live-calltoaction .live-thumbnail span,
.blog-single .live-calltoaction .live-thumbnail span {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 12px;
  line-height: 36px;
  z-index: 20;
}
.blog-overview .live-calltoaction:hover .live-thumbnail .dark-fade,
.blog-single .live-calltoaction:hover .live-thumbnail .dark-fade {
  background: rgba(255, 255, 255, 0.08);
}
.blog-overview .live-calltoaction .session-info,
.blog-single .live-calltoaction .session-info {
  background: #E7271E;
  width: 50%;
  height: 196px;
  overflow: hidden;
  color: #fff;
  padding: 11px 11px 11px 6px;
}
@media only screen and (max-width: 968px) {
  .blog-overview .live-calltoaction .session-info,
  .blog-single .live-calltoaction .session-info {
    height: 218px;
  }
}
.blog-overview .live-calltoaction .session-info h3,
.blog-single .live-calltoaction .session-info h3,
.blog-overview .live-calltoaction .session-info p,
.blog-single .live-calltoaction .session-info p {
  margin: 0;
  padding: 0;
}
.blog-overview .live-calltoaction .session-info h3,
.blog-single .live-calltoaction .session-info h3 {
  margin: 3px 0 7px 0;
  font-size: 16px;
  line-height: 1.32em;
  font-style: italic;
  text-transform: uppercase;
}
.blog-overview .live-calltoaction .session-info p,
.blog-single .live-calltoaction .session-info p {
  font-size: 13px;
  line-height: 1.48em;
  height: 96px;
  overflow: hidden;
}
.blog-overview .post-words,
.blog-single .post-words {
  font-size: 15px;
  line-height: 1.6em;
}
.blog-overview .post-words p,
.blog-single .post-words p {
  margin: 0 0 1em 0;
}
.blog-overview .post-words img,
.blog-single .post-words img {
  width: 100%;
  height: auto;
}
.blog-overview .post-words .wp-caption,
.blog-single .post-words .wp-caption {
  width: 100% !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666;
  font-style: italic;
  text-align: center;
}
.blog-overview .post-words blockquote,
.blog-single .post-words blockquote {
  margin: 0;
  text-align: center;
  font-size: 22px;
  line-height: 1.5em;
  font-style: italic;
  color: #025CED;
}
.blog-overview .post-pagination,
.blog-single .post-pagination {
  text-align: center;
}
.blog-overview .post-pagination a,
.blog-single .post-pagination a {
  display: block;
  line-height: 48px;
  font-weight: bold;
  font-style: italic;
  border-bottom: 1px solid #f7f7f7;
  cursor: pointer;
}
.blog-overview .post-pagination a:hover,
.blog-single .post-pagination a:hover {
  color: #E7271E;
}
.blog-overview .comments-wrapper,
.blog-single .comments-wrapper {
  margin-top: 22px;
}
.blog-overview .post-featured-header,
.blog-single .post-featured-header {
  position: relative;
  width: 100%;
  min-height: 360px;
  padding: 22px;
  background-color: #26282A;
  color: white;
  overflow: hidden;
  background-size: cover;
}
.blog-overview .post-featured-header .dark-fade,
.blog-single .post-featured-header .dark-fade {
  z-index: 10;
}
.blog-overview .post-featured-header .featured-overlay,
.blog-single .post-featured-header .featured-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-left: 1014px solid rgba(38, 40, 42, 0.91);
  border-bottom: 0px solid transparent;
  border-top: 130px solid transparent;
  border-right: 30px solid transparent;
  height: 55%;
  z-index: 15;
}
.blog-overview .post-featured-header .post-metatitle,
.blog-single .post-featured-header .post-metatitle {
  position: absolute;
  z-index: 20;
  bottom: 28px;
  right: auto;
  padding: 0;
  width: 650px;
  left: 50%;
  margin-left: -325px;
}
@media only screen and (max-width: 968px) {
  .blog-overview .post-featured-header .post-metatitle,
  .blog-single .post-featured-header .post-metatitle {
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.blog-overview .post-featured-header .post-metatitle ul,
.blog-single .post-featured-header .post-metatitle ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.blog-overview .post-featured-header .post-metatitle li,
.blog-single .post-featured-header .post-metatitle li {
  display: inline-block;
  margin: 0;
  float: none;
  cursor: default;
}
.blog-overview .post-featured-header .post-metatitle li::after,
.blog-single .post-featured-header .post-metatitle li::after {
  display: inline-block;
  content: "/";
  margin: 0 0px 0 4px;
  cursor: default;
}
.blog-overview .post-featured-header .post-metatitle li:last-child::after,
.blog-single .post-featured-header .post-metatitle li:last-child::after {
  content: "";
  margin: 0;
}
.blog-overview .post-featured-header .post-metatitle li a:hover,
.blog-single .post-featured-header .post-metatitle li a:hover {
  text-decoration: underline;
}
.blog-overview .post-featured-header .post-meta,
.blog-single .post-featured-header .post-meta {
  font-size: 12px;
}
.blog-overview .featured-content,
.blog-single .featured-content {
  padding-top: 1.6em;
}
.blog-overview .session-bar,
.blog-single .session-bar {
  background: #E7271E;
  background-image: linear-gradient(to right, #911913 0%, #911913 50%, #E7271E 51%, #E7271E 100%);
}
.blog-overview .session-bar .session-bar-wrapper,
.blog-single .session-bar .session-bar-wrapper {
  width: 690px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  height: 50px;
  background: #E7271E;
}
@media only screen and (max-width: 968px) {
  .blog-overview .session-bar .session-bar-wrapper,
  .blog-single .session-bar .session-bar-wrapper {
    width: 90%;
  }
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap,
.blog-single .session-bar .session-bar-wrapper .timer_wrap {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li {
  float: left;
  padding: 0 20px 0 20px;
  color: #FFFFFF;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li.days,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li.days {
  background: #911913;
  height: 50px;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li.hours,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li.hours {
  background: #A81D16;
  top: 0;
  border-bottom: 50px solid transparent;
  height: 0px;
  border-top: 0px solid transparent;
  text-align: center;
  border-left: 8px solid #911913;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li.minutes,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li.minutes {
  top: 0;
  border-bottom: 50px solid transparent;
  height: 0px;
  border-top: 0px solid transparent;
  text-align: center;
  border-left: 8px solid #A81D16;
  background: #BF2119;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li.seconds,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li.seconds {
  top: 0;
  border-bottom: 50px solid transparent;
  height: 0px;
  border-top: 0px solid transparent;
  text-align: center;
  border-left: 8px solid #BF2119;
  background: #D6251C;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li.seconds-dummy,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li.seconds-dummy {
  top: 0;
  border-bottom: 50px solid transparent;
  height: 0px;
  border-top: 0px solid transparent;
  text-align: center;
  border-left: 8px solid #D6251C;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li .value,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li .value {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
}
.blog-overview .session-bar .session-bar-wrapper .timer_wrap li .label,
.blog-single .session-bar .session-bar-wrapper .timer_wrap li .label {
  font-size: 12px;
  text-transform: uppercase;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions,
.blog-single .session-bar .session-bar-wrapper .session-actions {
  float: right;
  list-style-type: none;
  color: #FFFFFF;
  margin: 0;
  height: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 968px) {
  .blog-overview .session-bar .session-bar-wrapper .session-actions,
  .blog-single .session-bar .session-bar-wrapper .session-actions {
    display: none;
  }
}
.blog-overview .session-bar .session-bar-wrapper .session-actions li,
.blog-single .session-bar .session-bar-wrapper .session-actions li {
  float: right;
  padding: 0 20px 0 0;
  font-weight: bold;
  color: white;
  font-size: 14px;
  line-height: 48px;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions li i,
.blog-single .session-bar .session-bar-wrapper .session-actions li i {
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  margin-top: -4px;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions .flyer-message,
.blog-single .session-bar .session-bar-wrapper .session-actions .flyer-message {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  padding: 0;
  display: block;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions .flyer-message:hover,
.blog-single .session-bar .session-bar-wrapper .session-actions .flyer-message:hover {
  cursor: pointer;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions .brtv-rsvp,
.blog-single .session-bar .session-bar-wrapper .session-actions .brtv-rsvp {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions .brtv-rsvp:hover,
.blog-single .session-bar .session-bar-wrapper .session-actions .brtv-rsvp:hover {
  text-decoration: none;
  cursor: pointer;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions .brtv-rsvp a,
.blog-single .session-bar .session-bar-wrapper .session-actions .brtv-rsvp a {
  text-decoration: none;
}
.blog-overview .session-bar .session-bar-wrapper .session-actions .fb-rsvp-action a,
.blog-single .session-bar .session-bar-wrapper .session-actions .fb-rsvp-action a {
  font-weight: bold;
}
.blog-overview .session-bar-normal,
.blog-single .session-bar-normal {
  background: none;
  margin: 1.2em 0 1.6em 0;
  border-radius: 1px;
}
.blog-overview .session-bar-normal .session-bar-wrapper,
.blog-single .session-bar-normal .session-bar-wrapper {
  width: 100%;
}
.blog-overview .session-bar-video,
.blog-single .session-bar-video {
  margin-bottom: 0;
}
.blog-overview .related-posts-tabs,
.blog-single .related-posts-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-overview .related-posts-tabs li,
.blog-single .related-posts-tabs li {
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
  color: #878A8D;
  line-height: 48px;
}
.blog-overview .related-posts-tabs li.active,
.blog-single .related-posts-tabs li.active {
  cursor: default;
  color: #26282A;
}
.blog-overview .related-posts-tabs li.active span,
.blog-single .related-posts-tabs li.active span {
  display: inline-block;
  border-bottom: 1px solid #26282A;
  padding-bottom: 5px;
  line-height: 1;
}
.blog-overview .post-related-posts,
.blog-single .post-related-posts {
  margin-top: 22px;
}
.blog-overview .related-posts-bottom,
.blog-single .related-posts-bottom {
  margin: 5px 0 22px 0;
  width: 100%;
  padding: 0;
  list-style: none;
}
.blog-overview .related-posts-bottom a,
.blog-single .related-posts-bottom a {
  text-decoration: none;
}
.blog-overview .related-posts-bottom li .related-thumbnail,
.blog-single .related-posts-bottom li .related-thumbnail {
  display: block;
  text-indent: -9999px;
  background: #f9f9f9 no-repeat center center;
  background-size: cover;
  width: 110px;
  height: 110px;
}
.blog-overview .related-posts-bottom li .related-title,
.blog-single .related-posts-bottom li .related-title {
  width: 186px;
}
.blog-overview .related-posts-bottom li .related-title h4,
.blog-single .related-posts-bottom li .related-title h4 {
  margin: -2px 0 5px 0;
  font-weight: bold;
  color: #F09148;
  font-style: italic;
  line-height: 1.3em;
}
.blog-overview .related-posts-bottom li .related-title p,
.blog-single .related-posts-bottom li .related-title p {
  margin: 0;
  font-size: 13px;
  color: #26282A;
  line-height: 1.45em;
}
.blog-overview .related-posts-bottom li .related-title p a,
.blog-single .related-posts-bottom li .related-title p a {
  color: #26282A;
}
.blog-overview .related-posts-bottom li:hover .related-thumbnail,
.blog-single .related-posts-bottom li:hover .related-thumbnail {
  opacity: 0.92;
}
.blog-overview .related-posts-bottom .block-first,
.blog-single .related-posts-bottom .block-first {
  margin-left: 0;
}
.blog-single-featured {
  background: white;
}
.blog-single-featured .share-buttons-inline {
  margin-bottom: 0;
}
.blog-single-featured .media-post {
  width: 970px;
  margin: 0 auto;
}
.blog-single-featured .post-words img {
  width: 140%;
  height: auto;
  margin-left: -20%;
  margin-top: 7px;
  margin-bottom: 7px;
}
@media only screen and (max-width: 968px) {
  .blog-single-featured .post-words img {
    width: 100%;
    margin-left: 0;
  }
}
.blog-single-featured .post-words img.editorial-narrow-image {
  width: 100%;
  margin-left: 0;
}
.blog-single-featured .post-words .wp-caption-text {
  margin-top: -5px;
  margin-bottom: 1.3em;
}
.blog-single-featured .post-words blockquote {
  padding: 7px 0;
  width: 126%;
  margin-left: -13%;
}
@media only screen and (max-width: 968px) {
  .blog-single-featured .post-words blockquote {
    width: 100%;
    margin-left: 0;
  }
}
.blog-single-video {
  background: white;
}
.blog-single-video .media-post {
  width: 970px;
  margin: 0 auto 22px auto;
}
.blog-overview .upcoming-post {
  margin-bottom: 26px;
}
.blog-single-gallery .main-center {
  margin-bottom: 22px;
}
.blog-single-gallery .main-center .session-bar {
  margin-top: 11px;
}
.blog-single-gallery .player-wrapper {
  margin-bottom: 22px;
}
.blog-gallery {
  position: relative;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -ms-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
}
.blog-gallery.gallery-fullscreen .gallery-fullscreen-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 999999;
  display: block;
  opacity: 1;
  cursor: zoom-out;
}
.blog-gallery .gallery-fullscreen-wrapper {
  display: none;
  opacity: 0;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-wrapper-preloader {
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: grey;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-slider {
  position: absolute;
  top: 5%;
  left: 10%;
  bottom: 5%;
  right: 10%;
  cursor: default;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-slider img {
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-next,
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-prev {
  position: fixed;
  color: #303336;
  top: 50%;
  margin-top: -50px;
  text-align: center;
  cursor: pointer;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-next:hover::before,
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-prev:hover::before {
  background: #fff;
  color: #E7271E;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-next:active::before,
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-prev:active::before {
  color: #26282A;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-next:before,
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-prev:before {
  display: block;
  font-size: 30px;
  line-height: 1;
  color: #26282A;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'boilerthousand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-prev {
  left: 2%;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-prev:before {
  content: "\e60c";
  border-radius: 0 2px 2px 0;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-next {
  right: 2%;
}
.blog-gallery .gallery-fullscreen-wrapper .gallery-fullscreen-nav-next:before {
  content: "\e608";
  border-radius: 2px 0 0 2px;
}
.blog-gallery .gallery-fullscreen-wrapper .close {
  position: absolute;
  top: 3%;
  left: 3%;
  font-size: 28px;
  color: #26282A;
  cursor: pointer;
}
.blog-gallery .gallery-fullscreen-wrapper .close:hover .ic-cancel-fill:before {
  content: "\e60a";
}
.blog-gallery .gallery-fullscreen-wrapper .logo {
  position: absolute;
  top: 50px;
  left: 50px;
}
.blog-gallery .blog-gallery-embed-nav {
  width: 910px;
  margin-left: -20%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 200px;
}
.blog-gallery .blog-gallery-embed-nav .carousel-nav-slide {
  opacity: 0;
  cursor: pointer;
}
.blog-gallery .blog-gallery-embed-nav .carousel-nav-slide .carousel-nav-image-container {
  float: left;
  width: 200px;
  height: 130px;
  background-size: cover;
  position: absolute;
}
.blog-gallery .blog-gallery-embed-nav .slick-prev,
.blog-gallery .blog-gallery-embed-nav .slick-next {
  height: 130px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 30px;
  color: #303336;
}
.blog-gallery .blog-gallery-embed-nav .slick-prev:hover::before,
.blog-gallery .blog-gallery-embed-nav .slick-next:hover::before {
  background: #fff;
  color: #E7271E;
}
.blog-gallery .blog-gallery-embed-nav .slick-prev:active::before,
.blog-gallery .blog-gallery-embed-nav .slick-next:active::before {
  color: #26282A;
}
.blog-gallery .blog-gallery-embed-nav .slick-prev:before,
.blog-gallery .blog-gallery-embed-nav .slick-next:before {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'boilerthousand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.blog-gallery .blog-gallery-embed-nav .slick-prev {
  left: 0px;
  width: 30px;
}
.blog-gallery .blog-gallery-embed-nav .slick-prev:before {
  content: "\e60c";
  border-radius: 0 2px 2px 0;
}
.blog-gallery .blog-gallery-embed-nav .slick-next {
  right: 0px;
  width: 30px;
}
.blog-gallery .blog-gallery-embed-nav .slick-next:before {
  content: "\e608";
  border-radius: 2px 0 0 2px;
}
.blog-gallery .blog-gallery-embed {
  margin: 0 0 22px 0;
  padding: 0;
  list-style: none;
  position: relative;
  margin-left: -20%;
  width: 140%;
}
.blog-gallery .blog-gallery-embed .blog-gallery-preloader {
  background: #f1f1f1;
  height: 640px;
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.blog-gallery .blog-gallery-embed .carousel-slide {
  float: left;
  width: 910px;
  opacity: 0;
  position: absolute;
  cursor: zoom-in;
}
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container {
  width: 100%;
  background: #f1f1f1;
  position: relative;
}
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container img,
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container iframe,
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container .blog-gallery-video-dummy {
  width: 100%;
  height: auto;
  /*object-fit: contain;*/
  margin: 0;
  padding: 0;
  position: absolute;
}
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container img.portrait,
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container iframe.portrait,
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container .blog-gallery-video-dummy.portrait {
  height: 100% !important;
  width: auto;
}
.blog-gallery .blog-gallery-embed .carousel-slide .carousel-image-container .blog-gallery-video-dummy {
  background-size: cover;
  background-position: 50% 50%;
}
.blog-gallery .blog-gallery-embed .carousel-slide .caption {
  text-align: center;
  color: #26282A;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 20px 0;
  line-height: 1.5;
  border-bottom: 1px solid #EDEDED;
  margin-left: 130px;
  margin-right: 130px;
  background: white;
  margin-top: 141px;
}
.blog-gallery .blog-gallery-embed .carousel-slide .caption a {
  color: #E7271E !important;
  text-decoration: none !important;
}
.blog-gallery .blog-gallery-embed .slick-prev,
.blog-gallery .blog-gallery-embed .slick-next {
  height: 80%;
  position: absolute;
  top: 10px;
  bottom: 100px;
  cursor: pointer;
  width: 50px;
  color: #303336;
}
.blog-gallery .blog-gallery-embed .slick-prev:hover::before,
.blog-gallery .blog-gallery-embed .slick-next:hover::before {
  background: #fff;
  color: #E7271E;
}
.blog-gallery .blog-gallery-embed .slick-prev:active::before,
.blog-gallery .blog-gallery-embed .slick-next:active::before {
  color: #26282A;
}
.blog-gallery .blog-gallery-embed .slick-prev:before,
.blog-gallery .blog-gallery-embed .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'boilerthousand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  width: 50px;
  color: #26282A;
  display: block;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}
.blog-gallery .blog-gallery-embed .slick-prev {
  left: 0px;
  width: 50px;
}
.blog-gallery .blog-gallery-embed .slick-prev:before {
  content: "\e60c";
  border-radius: 0 2px 2px 0;
}
.blog-gallery .blog-gallery-embed .slick-next {
  right: 0px;
  width: 50px;
}
.blog-gallery .blog-gallery-embed .slick-next:before {
  content: "\e608";
  border-radius: 2px 0 0 2px;
}
.blog-gallery .blog-gallery-embed .gallery-pos {
  display: none;
  position: absolute;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  width: 92px;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  text-align: center;
  line-height: 46px;
  border-radius: 23px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
  left: 50%;
  margin-left: -46px;
  top: 22px;
}
.blog-gallery .blog-gallery-embed:hover .gallery-pos {
  display: inline-block;
}
.blog-gallery.blog-gallery-video .slick-slide {
  /*min-height: 772px;*/
}
.blog-gallery.blog-gallery-video .blog-gallery-embed .carousel-slide .caption {
  margin-top: 50px;
}
.blog-gallery.blog-gallery-video .blog-gallery-embed {
  transition-property: height;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}
.blog-gallery.blog-gallery-video .carousel-slide {
  cursor: auto;
}
.blog-gallery.blog-gallery-video .slick-next,
.blog-gallery.blog-gallery-video .slick-prev {
  height: 50px !important;
  margin-top: 0 !important;
  top: 512px !important;
  bottom: auto;
  background: #26282A;
  width: 130px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  line-height: 50px;
  vertical-align: top;
}
.blog-gallery.blog-gallery-video .slick-next:hover,
.blog-gallery.blog-gallery-video .slick-prev:hover {
  background: #E7271E;
}
.blog-gallery.blog-gallery-video .slick-next:hover::before,
.blog-gallery.blog-gallery-video .slick-prev:hover::before {
  background: #E7271E !important;
  color: #fff !important;
}
.blog-gallery.blog-gallery-video .slick-next {
  text-align: right;
}
.blog-gallery.blog-gallery-video .slick-next:before,
.blog-gallery.blog-gallery-video .slick-prev:before {
  background: #26282A;
  color: #fff;
  opacity: 1;
  font-size: 18px;
  line-height: 49px;
  height: 50px;
  padding: 0;
  width: 50px;
  padding-left: 1px;
  border-radius: 0;
  display: inline-block;
  text-align: center;
}
.blog-gallery.blog-gallery-video .slick-prev:before {
  padding-left: 0;
  padding-right: 1px;
  margin-right: 0px;
  box-shadow: none;
}
.blog-gallery.blog-gallery-video .slick-next:before {
  float: right;
  margin-left: 0px;
  box-shadow: none;
}
.blog-gallery.blog-gallery-video .caption {
  font-size: 15px !important;
  line-height: 1.6em !important;
  font-family: "droid_serifregular", georgia, sans-serif !important;
  text-align: left !important;
  border-bottom: none !important;
}
.blog-gallery.blog-gallery-video .blog-gallery-video-counter {
  position: absolute;
  top: 512px;
  left: 0;
  right: 0;
  text-align: center;
  background: #f7f7f7;
  line-height: 50px;
  font-weight: 600;
  color: #26282A;
}
.blog-single-branded-sxsw {
  background: #F4EFE6;
}
.blog-single-branded-sxsw .logo-rayban {
  display: block;
  position: absolute;
  z-index: 800;
  background: url(http://boilerroom.tv/wp-content/uploads/2015/02/ray-ban-logo.png) no-repeat top left;
  background-size: cover;
  width: 133px;
  height: 90px;
  text-indent: -9999px;
  left: 50%;
  margin-left: -336px;
  top: 54px;
}
.blog-single-branded-sxsw .post-featured-header .post-metatitle {
  position: absolute;
  z-index: 20;
  bottom: 28px;
  right: auto;
  padding: 0;
  width: 660px;
  left: 50%;
  margin-left: -335px;
}
.blog-single-branded-sxsw .repeating-bg {
  background: transparent url(../microsites/2015-sxsw/images/tiling-bg-image.jpg) repeat-x center top;
}
.blog-single-branded-sxsw .content {
  width: 100%;
  background: transparent url(../microsites/2015-sxsw/images/bg-brandedpost-illu.png) no-repeat center 27px;
  padding-top: 0;
}
.blog-single-branded-sxsw .back-to-sxsw {
  display: inline-block;
  text-indent: -9999px;
  background: transparent url(../microsites/2015-sxsw/images/return-to-session.png) no-repeat top left;
  background-size: cover;
  width: 200px;
  height: 47px;
  margin: 0 0 22px 0;
}
.blog-single-branded-sxsw .back-to-sxsw:last-child {
  margin: 11px 0 11px 0;
}
.blog-single-branded-sxsw .back-to-sxsw:hover {
  opacity: 0.96;
}
.blog-single-branded-sxsw .main-center {
  width: 730px;
  padding: 1.6em 30px 0 30px;
  background: #fff;
}
@media only screen and (max-width: 968px) {
  .blog-single-branded-sxsw .main-center {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
}
.blog-single-branded-sxsw .post-credits {
  border-bottom: none;
}
.blog-single-branded-sxsw .post-words img {
  width: 100%;
  margin-left: 0;
}
.blog-single-branded-sxsw .post-words blockquote {
  width: 100%;
  margin-left: 0;
}
.blog-single-branded-sxsw .blog-gallery-embed {
  width: 100% !important;
  margin-left: 0 !important;
}
.blog-single-branded-sxsw .blog-gallery .blog-gallery-embed .carousel-slide {
  width: 670px;
}
.blog-single-branded-sxsw .blog-gallery.blog-gallery-video .slick-next,
.blog-single-branded-sxsw .blog-gallery.blog-gallery-video .slick-prev,
.blog-single-branded-sxsw .blog-gallery.blog-gallery-video .blog-gallery-video-counter {
  top: 377px !important;
}
.blog-single-branded-rbxbr .logo-rayban {
  display: block;
  position: absolute;
  z-index: 800;
  background: url(http://boilerroom.tv/wp-content/uploads/2015/02/ray-ban-logo.png) no-repeat top left;
  background-size: cover;
  width: 133px;
  height: 90px;
  text-indent: -9999px;
  left: 50%;
  margin-left: -336px;
  top: 54px;
}
.blog-single-branded-frontiers .logo-frontiers {
  display: block;
  position: absolute;
  z-index: 800;
  background: url(https://boilerroom.tv/wp-content/uploads/2016/05/frontiers-logo-new.png) no-repeat top left;
  background-size: contain;
  width: 304px;
  height: 90px;
  text-indent: -9999px;
  left: 50%;
  margin-left: -336px;
  top: 54px;
}
@media only screen and (max-width: 968px) {
  .blog-single-branded-frontiers .logo-frontiers {
    left: 5%;
    margin-left: 0;
    top: 100px;
  }
}
.post-credits {
  padding: 22px 0 22px 0;
  margin: 22px 0 0 0;
  border-top: 2px solid #EDEDED;
  border-bottom: 2px solid #EDEDED;
}
.post-credits .author-image {
  line-height: 1;
}
.post-credits .author-image img {
  width: 88px;
  height: 88px;
  border-radius: 50px;
}
.author-bio {
  padding-left: 22px;
  width: calc(100% - 90px);
}
.author-bio .large-title {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 8px;
}
.author-bio p {
  font-size: 13px;
  margin: 0 0 9px 0;
}
.author-bio ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.author-bio ul li {
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
  line-height: 1;
}
.author-bio ul li a {
  color: #929394;
}
.author-bio ul li a:hover {
  color: #26282A;
}
/* sessions, recordings */
.media-post .fullscreen-only {
  display: none;
}
@media only screen and (max-width: 968px) {
  .media-post .livestream .player-wrapper,
  .media-post .session-player .player-wrapper {
    margin-top: 3px;
  }
  .media-post .livestream .player-toolbar,
  .media-post .session-player .player-toolbar {
    padding-left: 5%;
    padding-right: 5%;
  }
  .media-post .livestream .player-toolbar .player-functions li:first-child,
  .media-post .session-player .player-toolbar .player-functions li:first-child {
    display: none;
  }
  .media-post .livestream .player-toolbar .player-functions-left,
  .media-post .session-player .player-toolbar .player-functions-left {
    width: auto;
    padding-left: 0;
    border-left: 0;
  }
  .media-post .livestream .player-toolbar .player-functions-right,
  .media-post .session-player .player-toolbar .player-functions-right {
    margin: -15px 18px 0 18px;
    width: auto;
  }
  .media-post .livestream .video-container,
  .media-post .session-player .video-container {
    width: 100% !important;
  }
  .media-post .livestream .session-interactive,
  .media-post .session-player .session-interactive {
    width: 100% !important;
  }
}
.media-post .session-player .player-wrapper .group {
  position: relative;
}
.media-post .session-player .player-wrapper .session-interactive {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.media-post .session-player .player-wrapper .session-interactive iframe {
  height: 100%;
}
@media only screen and (max-width: 968px) {
  .media-post .session-player .player-wrapper .session-interactive {
    position: static;
  }
  .media-post .session-player .player-wrapper .session-interactive iframe {
    height: 300px;
  }
}
.media-post .post-header {
  min-height: 300px;
  background: #26282A no-repeat center center;
  background-size: cover;
  font-weight: bold;
  color: white;
  overflow: hidden;
  width: 100%;
}
.media-post .post-header .dark-fade {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 260px;
  z-index: 10;
}
.media-post .post-header .angled-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: 50%;
  z-index: 20;
  border-top: 425px solid rgba(38, 40, 42, 0.8);
  border-right: 87px solid transparent;
  opacity: 0.95;
}
.media-post .post-header .hug {
  position: relative;
  z-index: 30;
  padding-left: 22px;
  height: 320px;
}
@media only screen and (max-width: 968px) {
  .media-post .post-header .hug {
    height: auto;
  }
}
.media-post .post-header .hug .featured-recording {
  top: 16px;
  right: 0;
  font-size: 24px;
}
@media only screen and (max-width: 968px) {
  .media-post .post-header .hug .featured-recording {
    right: 16px;
  }
}
.media-post .post-header .hug .featured-recording i {
  font-size: 26px;
}
.media-post .post-header .hug .hint--left {
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.media-post .post-header .hug .wrapper-post-info {
  position: absolute;
  width: 78%;
  top: 22px;
}
.media-post .post-header .post-title {
  margin: 11px 0;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2em;
}
@media only screen and (max-width: 968px) {
  .media-post .post-header .post-title {
    font-size: 25px;
  }
}
.media-post .post-header .mediapost-share {
  margin: 14px 0 13px 0;
}
.media-post .post-header .city-date {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: #26282A;
}
.media-post .post-header .recording-branding {
  margin-top: 18px;
}
.media-post .post-header .recording-branding a {
  text-decoration: none;
}
.media-post .post-header .recording-branding img {
  width: 144px;
  height: auto;
}
.media-post .post-header .countdown {
  color: #E7271E;
  margin: 0;
  font-style: normal;
}
.media-post .post-header .countdown ul {
  padding: 0;
  margin: 0;
  display: inline-block;
  padding: 5px 0 2px 0;
  background: white;
}
.media-post .post-header .countdown li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: 0 10px;
  line-height: 1;
}
.media-post .post-header .countdown li span {
  display: block;
}
.media-post .post-header .countdown li .value {
  font-size: 20px;
  line-height: 1;
}
.media-post .post-header .countdown li .label {
  display: inline-block;
  margin: 0px 0 2px 0;
  font-size: 9px;
  font-weight: normal;
  line-height: 1;
}
.media-post .post-header .countdown .off-air,
.media-post .post-header .countdown .live-now,
.media-post .post-header .countdown .relooping {
  line-height: 1;
  padding: 22px 22px 22px 0;
  color: #26282A;
  letter-spacing: 0.2px;
}
.media-post .post-header .countdown .live-now,
.media-post .post-header .countdown .relooping {
  color: #E7271E;
}
.media-post .post-header .session-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: none;
  font-style: normal;
  cursor: pointer;
}
.media-post .post-header .session-actions li {
  float: left;
  margin-right: 22px;
}
.media-post .post-header .session-actions .remindme {
  font-style: normal;
  text-transform: none;
}
.media-post .post-header .session-actions .flyer-message {
  position: relative;
  padding: 0;
  color: #000;
}
@media only screen and (max-width: 968px) {
  .media-post .post-header .dark-fade {
    height: 60%;
  }
}
.media-post .editor-recommendation {
  margin: -22px -11px 22px -22px;
  background: #FFEA00;
  padding: 22px;
  position: relative;
}
@media only screen and (max-width: 968px) {
  .media-post .editor-recommendation {
    margin: -22px -5% 26px -5%;
  }
}
.media-post .editor-recommendation p {
  margin: 0;
}
.media-post .editor-recommendation p .large-title {
  margin-bottom: 11px;
}
.media-post .editor-recommendation p .typography-serif {
  font-size: 15px;
  line-height: 1.6em;
}
.media-post .editor-recommendation .editor-name {
  font-style: italic;
}
.media-post .editor-recommendation .recommendation-indicator {
  position: absolute;
  font-size: 22px;
  color: #fff;
  line-height: 1;
  top: 11px;
  right: 11px;
  color: #FFF8B8;
}
.media-post .post-description {
  margin-top: 0;
  margin-bottom: 33px;
  font-size: 15px;
}
@media only screen and (max-width: 968px) {
  .media-post .post-description {
    margin-bottom: 0;
  }
}
.media-post .post-description p {
  margin: 0 0 1em 0;
  line-height: 1.6em;
}
.media-post .description {
  margin: 11px 0;
  font-weight: normal;
}
.media-post .description a {
  text-decoration: underline;
}
.media-post .description a:hover {
  color: #E7271E;
}
.media-post .recommendation-author {
  font-style: italic;
}
.media-post .player-wrapper {
  margin-top: 22px;
  border-bottom: 1px solid #EDEDED;
  position: relative;
}
.media-post .player-wrapper .video-container {
  width: 657px;
  position: relative;
  background-color: #000;
}
.media-post .player-wrapper .video-container iframe {
  width: 100%;
  height: 364px;
  display: block;
  background: #000 url(../images/br-simple-loader-black.gif) no-repeat center center;
}
.media-post .player-wrapper .player-switch-link:hover {
  color: #E7271E;
}
.media-post .player-wrapper .hideChat {
  width: 100%;
}
.media-post .player-wrapper .player-functions li {
  white-space: nowrap;
}
.media-post .player-wrapper .session-interactive {
  position: relative;
  width: 313px;
  background: #26282A;
  float: right;
  color: white;
  padding: 0;
}
@media only screen and (max-width: 968px) {
  .media-post .player-wrapper .session-interactive {
    width: 100%;
  }
}
.media-post .tabs-underlined {
  margin: 0 auto;
  width: calc(970px);
}
@media only screen and (max-width: 968px) {
  .media-post .tabs-underlined {
    display: block;
  }
  .media-post .tabs-underlined li {
    padding-left: 5%;
    text-align: left;
  }
}
.media-post .tabs {
  margin-bottom: 18px;
  background: #fff;
  box-shadow: inset 0px -2px 0 0 #e5e5e5;
}
.media-post .blocks-1 {
  margin: 0;
  padding: 0;
}
.media-post .blocks-1 > li {
  width: 100%;
}
.media-post .blocks-2 > li {
  margin-left: 2%;
}
.media-post .post-grid {
  margin-bottom: 30px;
}
.media-post .sidebar .sidebar-flyer {
  margin-bottom: 11px;
}
.media-post .sidebar .sidebar-flyer a {
  display: block;
}
@media only screen and (max-width: 968px) {
  .media-post .sidebar {
    display: none;
  }
}
.media-post .recordings h2 {
  margin: 0 0 11px 0;
}
.media-post.single-session .session-header {
  min-height: 400px;
  height: 100vw;
  max-height: 508px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}
@media only screen and (max-width: 968px) {
  .media-post.single-session .session-header {
    min-height: 200px;
  }
}
.media-post.single-session .session-header .session-flyer {
  text-align: center;
  height: 100%;
  display: inline-block;
  position: relative;
  z-index: 10;
  padding: 20px 0;
}
@media only screen and (max-width: 516px) {
  .media-post.single-session .session-header .session-flyer {
    padding: 0;
  }
}
.media-post.single-session .session-header .session-flyer img {
  display: inline-block;
  height: 100%;
  width: auto;
}
.media-post.single-session .session-header .session-header-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.media-post.single-session.broadcast_status-live .session-header,
.media-post.single-session.broadcast_status-reloop .session-header {
  height: 56.25vw;
  max-height: none;
}
.media-post.single-session .media-post-toolbar {
  line-height: 65px;
}
@media only screen and (max-width: 968px) {
  .media-post.single-session .media-post-toolbar {
    line-height: 45px;
  }
}
.media-post.single-session .player-toolbar .player-functions-left {
  border-left: none;
  width: 25%;
}
.media-post.single-session .player-toolbar .player-functions-right {
  width: 74%;
}
.media-post.single-recording .post-header,
.media-post.single-session .post-header {
  min-height: 360px;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .post-header,
  .media-post.single-session .post-header {
    min-height: 262px;
  }
}
.media-post.single-recording .post-header .post-title,
.media-post.single-session .post-header .post-title {
  padding-top: 6px;
}
.media-post.single-recording .post-header .hug,
.media-post.single-session .post-header .hug {
  height: auto;
}
.media-post.single-recording .branded-header,
.media-post.single-session .branded-header {
  display: block;
  width: 100%;
  height: 148px;
  background: #26282A center center no-repeat;
  background-size: cover;
}
.media-post.single-recording .branded-header .branded-safe-area,
.media-post.single-session .branded-header .branded-safe-area {
  position: relative;
  width: 970px;
  margin: 0 auto;
  height: 148px;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .branded-header .branded-safe-area,
  .media-post.single-session .branded-header .branded-safe-area {
    width: 100%;
  }
}
.media-post.single-recording .branded-header .branded-header-logo,
.media-post.single-session .branded-header .branded-header-logo {
  position: absolute;
  height: 92px;
  width: auto;
  top: 28px;
  left: 0;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .branded-header .branded-header-logo,
  .media-post.single-session .branded-header .branded-header-logo {
    left: 28px;
  }
}
.media-post.single-recording.blog-single-branded-sxsw,
.media-post.single-session.blog-single-branded-sxsw {
  background: #F4EFE6;
}
.media-post.single-recording.blog-single-branded-sxsw .logo-rayban,
.media-post.single-session.blog-single-branded-sxsw .logo-rayban {
  display: block;
  position: absolute;
  z-index: 800;
  background: url(http://boilerroom.tv/wp-content/uploads/2015/02/ray-ban-logo.png) no-repeat top left;
  background-size: cover;
  width: 133px;
  height: 90px;
  text-indent: -9999px;
  left: 50%;
  margin-left: -336px;
  top: 54px;
}
.media-post.single-recording .session-player .player-wrapper,
.media-post.single-session .session-player .player-wrapper {
  border-bottom: 0;
  margin-top: 0;
}
.media-post.single-recording .session-player .player-wrapper .video-container,
.media-post.single-session .session-player .player-wrapper .video-container {
  width: calc(100% - 313px);
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .session-player .player-wrapper .video-container,
  .media-post.single-session .session-player .player-wrapper .video-container {
    width: 100%;
  }
}
.media-post.single-recording .session-player .player-wrapper .video-container.hideChat,
.media-post.single-session .session-player .player-wrapper .video-container.hideChat {
  width: 100%;
}
.media-post.single-recording .recording-player,
.media-post.single-session .recording-player {
  border-bottom: 1px solid #EDEDED;
  background-color: #fff;
}
.media-post.single-recording .recording-player .inner-player,
.media-post.single-session .recording-player .inner-player {
  padding-bottom: 11px;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .recording-player .inner-player,
  .media-post.single-session .recording-player .inner-player {
    padding-top: 2px;
  }
}
.media-post.single-recording .recording-player .no-related-recordings,
.media-post.single-session .recording-player .no-related-recordings {
  width: 100%;
  box-shadow: none;
  padding-right: 0;
}
.media-post.single-recording .recording-player iframe,
.media-post.single-session .recording-player iframe {
  width: 100%;
  height: 364px;
  min-height: 364px;
  background: #000 url(../images/br-simple-loader-black.gif) no-repeat center center;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .recording-player iframe,
  .media-post.single-session .recording-player iframe {
    min-height: 0;
  }
}
.media-post.single-recording .recording-related-recordings,
.media-post.single-session .recording-related-recordings {
  width: 100%;
  float: none;
  margin: 0;
  height: auto;
  padding-top: 0;
}
.media-post.single-recording .recording-related-recordings > h4,
.media-post.single-session .recording-related-recordings > h4 {
  display: none;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .recording-related-recordings > h4,
  .media-post.single-session .recording-related-recordings > h4 {
    display: block;
    padding-left: 5%;
    margin: 11px 0 11px 0;
  }
}
.media-post.single-recording .recording-related-recordings .recording-list,
.media-post.single-session .recording-related-recordings .recording-list {
  margin-bottom: 36px;
}
.media-post.single-recording .recording-related-recordings .recording-list > li,
.media-post.single-session .recording-related-recordings .recording-list > li {
  display: block;
  padding: 0;
  margin: 0 0 11px 0;
  overflow: hidden;
}
.media-post.single-recording .recording-related-recordings .recording-list > li:last-child,
.media-post.single-session .recording-related-recordings .recording-list > li:last-child {
  margin-bottom: 0;
}
.media-post.single-recording .recording-player-toolbar .player-functions,
.media-post.single-session .recording-player-toolbar .player-functions {
  font-size: 0;
}
.media-post.single-recording .recording-player-toolbar .player-functions i,
.media-post.single-session .recording-player-toolbar .player-functions i {
  font-size: 9px;
  margin-right: 5px;
  margin-top: -1px;
}
.media-post.single-recording .session-player .player-toolbar .player-functions i,
.media-post.single-session .session-player .player-toolbar .player-functions i {
  font-size: 28px;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .session-player .player-toolbar .left,
  .media-post.single-session .session-player .player-toolbar .left {
    float: none;
    width: 100%;
    margin: 0;
  }
}
.media-post.single-recording .player-toolbar .countdown,
.media-post.single-session .player-toolbar .countdown {
  line-height: 1;
}
.media-post.single-recording .player-toolbar .countdown .timer_wrap,
.media-post.single-session .player-toolbar .countdown .timer_wrap {
  margin: 10px 0;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .player-toolbar,
  .media-post.single-session .player-toolbar {
    padding: 0 5%;
    border-bottom: 1px solid #EDEDED;
  }
}
.media-post.single-recording .player-toolbar .left,
.media-post.single-session .player-toolbar .left {
  float: left;
}
.media-post.single-recording .player-toolbar .right,
.media-post.single-session .player-toolbar .right {
  float: right;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .player-toolbar .right,
  .media-post.single-session .player-toolbar .right {
    float: none;
  }
  .media-post.single-recording .player-toolbar .right.player-functions,
  .media-post.single-session .player-toolbar .right.player-functions,
  .media-post.single-recording .player-toolbar .right .session-actions,
  .media-post.single-session .player-toolbar .right .session-actions {
    position: relative;
    top: -5px;
    text-align: center;
  }
  .media-post.single-recording .player-toolbar .right.player-functions li,
  .media-post.single-session .player-toolbar .right.player-functions li,
  .media-post.single-recording .player-toolbar .right .session-actions li,
  .media-post.single-session .player-toolbar .right .session-actions li {
    float: none;
  }
  .media-post.single-recording .player-toolbar .right.player-functions,
  .media-post.single-session .player-toolbar .right.player-functions {
    top: 5px;
    width: 100%;
  }
}
.media-post.single-recording .player-toolbar li,
.media-post.single-session .player-toolbar li {
  margin-right: 14px;
  font-size: 14px;
}
.media-post.single-recording .player-toolbar li:last-child,
.media-post.single-session .player-toolbar li:last-child {
  margin-right: 0;
}
.media-post.single-recording .player-toolbar li a,
.media-post.single-session .player-toolbar li a {
  display: inline-block;
  line-height: 34px;
  padding: 0;
  border-radius: 2px;
}
.media-post.single-recording .player-toolbar li a:hover,
.media-post.single-session .player-toolbar li a:hover {
  color: #E7271E;
}
.media-post.single-recording .player-toolbar .playback-switch,
.media-post.single-session .player-toolbar .playback-switch {
  border: 1px solid #ddd;
  padding: 1px;
  padding: 2px;
  line-height: 28px;
  border-radius: 19px;
  letter-spacing: 0.1px;
  list-style: none;
  margin: 8px 14px 0 0;
  font-size: 0;
}
.media-post.single-recording .player-toolbar .playback-switch li,
.media-post.single-session .player-toolbar .playback-switch li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.media-post.single-recording .player-toolbar .playback-switch a,
.media-post.single-session .player-toolbar .playback-switch a {
  display: inline-block;
  width: 74px;
  text-align: center;
  background: none;
  font-size: 14px;
  vertical-align: top;
}
.media-post.single-recording .player-toolbar .playback-switch a:hover,
.media-post.single-session .player-toolbar .playback-switch a:hover {
  background-color: #f7f7f7;
  border-radius: 17px;
  color: #26282A;
}
.media-post.single-recording .player-toolbar .playback-switch a.active,
.media-post.single-session .player-toolbar .playback-switch a.active {
  color: #fff;
  background-color: #303336;
  border-radius: 17px;
  cursor: default;
}
.media-post.single-recording .player-toolbar .playback-switch a.active:hover,
.media-post.single-session .player-toolbar .playback-switch a.active:hover {
  background-color: #303336;
}
.media-post.single-recording .player-toolbar .video-stats,
.media-post.single-session .player-toolbar .video-stats {
  color: #878A8D;
  cursor: default;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .player-toolbar .switch-player,
  .media-post.single-session .player-toolbar .switch-player {
    display: none;
  }
}
.media-post.single-recording .player-toolbar .switch-player > ul > li,
.media-post.single-session .player-toolbar .switch-player > ul > li {
  margin-right: 0;
}
@media only screen and (max-width: 968px) {
  .media-post.single-recording .tabs,
  .media-post.single-session .tabs {
    display: none;
  }
}
@media only screen and (max-width: 968px) {
  .media-post .upcoming-post {
    margin-bottom: 0;
    border-bottom: 0;
  }
}
.media-post .post-meta-categories {
  display: inline-block;
}
.media-post .mobile-headline {
  display: none;
  color: #E7271E;
  border-bottom: 2px solid #E7271E;
  line-height: 56px;
  height: 56px;
  font-size: 15px;
  text-align: left;
  margin-top: 0;
  margin-left: -5.55555556%;
  margin-right: -5.55555556%;
  padding-left: 5.55555556%;
  padding-right: 5.55555556%;
}
@media only screen and (max-width: 968px) {
  .media-post .mobile-headline {
    display: block;
  }
}
.media-post .recording-tab {
  margin-bottom: 35px;
}
@media only screen and (max-width: 968px) {
  .media-post .recording-tab {
    display: block !important;
  }
}
.brtv-full-width-video {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  text-align: center;
}
.brtv-full-width-video iframe,
.brtv-full-width-video embed,
.brtv-full-width-video video {
  height: 70vh;
  width: 100%;
  margin: 0 auto;
  background: #000000 url(../images/ajax-loader.gif) no-repeat center center;
}
.recording-media-wrapper {
  background-color: #000000;
}
.post-related-columns {
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #ededed;
  margin-bottom: 22px;
  padding-bottom: 11px;
}
.post-related-columns > div {
  display: inline-block;
  width: calc(306px);
  margin-right: 22px;
  vertical-align: top;
  margin-bottom: 0;
}
.post-related-columns > div:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 968px) {
  .post-related-columns > div {
    margin-right: 0;
    width: 100%;
  }
}
.post-related-columns h3 {
  font-size: 12px;
  font-style: italic;
  margin: 12px 0 11px 0;
  line-height: 1;
}
.post-related-columns .debut-track {
  display: none;
}
.post-related-columns .featured-debut {
  display: block;
}
.post-related-columns .featured-debut-image {
  height: 250px !important;
}
.post-related-columns .twitter-widget-1 {
  height: 250px !important;
}
.single-recording .pre-footer-wrapper,
.single-session .pre-footer-wrapper {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  background-image: #ffffff;
}
@media only screen and (min-width: 968px) {
  /* SXSW branded recs */
  .recording-branded-sxsw2015 {
    background: #f4efe6 url(//cdn.boilerroom.tv/wp-content/themes/boilerroom_v5/microsites/2015-sxsw/images/tiling-bg-image.jpg) repeat-x center 343px;
  }
  .recording-branded-sxsw2015 .post-header {
    background-image: url(../images/branded-recordings/sxsw2015/header-kaetranada-goldlink.jpg) !important;
    background-size: cover;
  }
  .recording-branded-sxsw2015 .repeating-bg {
    background: url(../images/branded-recordings/sxsw2015/rayban-post-bg.png) no-repeat center 10px;
  }
  .recording-branded-sxsw2015 .hug .logo-rayban {
    display: block;
    z-index: 800;
    background: url(http://boilerroom.tv/wp-content/uploads/2015/02/ray-ban-logo.png) no-repeat top left;
    background-size: cover;
    width: 133px;
    height: 90px;
    text-indent: -9999px;
    position: relative;
    top: 250px;
  }
  .recording-branded-sxsw2015 .dark-fade,
  .recording-branded-sxsw2015 .angled-overlay {
    display: none;
  }
  .recording-branded-rayban .post-header,
  .recording-branded-sxsw2015 .post-header {
    background-size: 100% auto;
    background-position: 50% 100%;
  }
  .recording-branded-rayban .wrapper-post-info,
  .recording-branded-sxsw2015 .wrapper-post-info {
    height: 36vw;
  }
  .recording-branded-rayban .hug .logo-rayban {
    display: block;
    z-index: 800;
    background: url(http://boilerroom.tv/wp-content/uploads/2015/02/ray-ban-logo.png) no-repeat top left;
    background-size: cover;
    width: 133px;
    height: 90px;
    text-indent: -9999px;
    position: relative;
    top: 250px;
  }
  .postid-40953 .recording-branded-sxsw2015 .post-header,
  .postid-40951 .recording-branded-sxsw2015 .post-header,
  .postid-40972 .recording-branded-sxsw2015 .post-header {
    background-image: url(../images/branded-recordings/sxsw2015/header-gibbs-ghostface-bbng.jpg) !important;
  }
  .postid-40924 .recording-branded-sxsw2015 .post-header,
  .postid-40923 .recording-branded-sxsw2015 .post-header,
  .postid-40858 .recording-branded-sxsw2015 .post-header,
  .postid-40865 .recording-branded-sxsw2015 .post-header {
    background-image: url(../images/branded-recordings/sxsw2015/header-gibbs-j-rocc.jpg) !important;
  }
  .postid-40741 .recording-branded-sxsw2015 .post-header,
  .postid-40740 .recording-branded-sxsw2015 .post-header,
  .postid-40736 .recording-branded-sxsw2015 .post-header,
  .postid-40734 .recording-branded-sxsw2015 .post-header,
  .postid-40737 .recording-branded-sxsw2015 .post-header {
    background-image: url(../images/branded-recordings/sxsw2015/header-dipset.jpg) !important;
  }
  .postid-40721 .recording-branded-sxsw2015 .post-header,
  .postid-40724 .recording-branded-sxsw2015 .post-header,
  .postid-40779 .recording-branded-sxsw2015 .post-header {
    background-image: url(../images/branded-recordings/sxsw2015/header-rae-sremmurd.jpg) !important;
  }
  .postid-40741 .partners.sponsored-row,
  .postid-40740 .partners.sponsored-row,
  .postid-40736 .partners.sponsored-row,
  .postid-40734 .partners.sponsored-row,
  .postid-40737 .partners.sponsored-row,
  .postid-40721 .partners.sponsored-row,
  .postid-40724 .partners.sponsored-row,
  .postid-40779 .partners.sponsored-row,
  .postid-40953 .partners.sponsored-row,
  .postid-40951 .partners.sponsored-row {
    display: none;
  }
}
.flyer-message {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px;
  z-index: 1;
}
.remind-me-icon {
  width: 30px;
  height: 30px;
  padding: 0 5px 0 0;
  font-size: 30px;
}
.session-flyer .remind-me {
  display: none;
}
.session-flyer:hover .remind-me {
  display: initial;
}
.show-reminder .remind-me {
  display: initial;
}
.session-flyer-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 686px solid #E7271E;
  border-bottom: 0px solid transparent;
  border-top: 50px solid transparent;
  border-right: 30px solid transparent;
  opacity: 0.6;
  width: 30%;
  height: 30%;
  z-index: 0;
}
.session-flyer-overlay.reminder-set {
  border-left-color: black;
}
.upcoming-sessions-page .content {
  padding-top: 22px;
}
@media only screen and (max-width: 968px) {
  .upcoming-sessions-page .content {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.upcoming-sessions-page .live-playing {
  margin: 0 -22px;
  padding: 0 22px 11px 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.upcoming-sessions-page .live-playing .recent-sessions-title {
  margin-top: 0;
  line-height: 1;
}
.upcoming-sessions-page .session-list {
  list-style: none;
  margin: 0 -22px 0 0;
  padding: 0;
}
@media only screen and (max-width: 968px) {
  .upcoming-sessions-page .session-list {
    margin-right: 0;
  }
}
.upcoming-sessions-page .session-list > li {
  display: inline-block;
  position: relative;
  float: left;
  width: calc(33.33% - 22px);
  margin: 0 22px 22px 0;
}
@media only screen and (max-width: 968px) {
  .upcoming-sessions-page .session-list > li {
    display: block;
    width: 100%;
    margin: 0 0 22px 0;
  }
}
.upcoming-sessions-page .session-list > li.reloop .badge-reloop {
  display: block;
}
.upcoming-sessions-page .session-list > li.live .badge-live {
  display: block;
}
.upcoming-sessions-page .session-list > li .result {
  width: 100%;
  height: 100%;
}
.upcoming-sessions-page .session-list > li .result > a {
  width: 100%;
  height: 100%;
  display: block;
}
.upcoming-sessions-page .session-list > li .result > a .main_image {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
}
.upcoming-sessions-page .session-list > li .result > a .main_image > img {
  width: 100%;
  height: auto;
}
.upcoming-sessions-page .session-list > li .result > a .main_image:hover > img {
  display: none;
}
.upcoming-sessions-page .session-list > li .result > a .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.upcoming-sessions-page .badge-live,
.upcoming-sessions-page .badge-reloop {
  display: none;
  background: rgba(231, 39, 30, 0.9);
}
.upcoming-sessions-all {
  margin: 0 -22px 0 -22px;
  padding: 0 22px 22px 22px;
}
.upcoming-sessions-schedules {
  width: 28%;
  width: calc(308.66666667px);
  float: left;
  margin-right: 22px;
  margin-bottom: 22px;
  margin-top: calc(-27.5px);
}
@media only screen and (max-width: 968px) {
  .upcoming-sessions-schedules {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
.schedules-title,
.recent-sessions-title {
  font-style: italic;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 22px 0;
}
.session-schedule {
  padding: 0;
  margin: 0 0 0 0;
}
.session-schedule.current-schedule {
  color: #E7271E;
  border-color: #E7271E;
}
.session-schedule-title {
  font-style: italic;
  color: #E7271E;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: calc(27.5px) 0 11px 0;
  margin: 0;
  line-height: 1;
}
.session-schedule-timeslot {
  list-style: none;
  display: block;
  overflow: hidden;
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.session-schedule-timeslot .group {
  display: block;
  padding: 0 !important;
}
.session-schedule-timeslot .time {
  float: right;
  font-weight: normal;
}
.session-schedule-timeslot .artist {
  float: left;
}
.session-schedule-timeslot .artist-socials {
  margin-top: 5px !important;
  font-size: 14px !important;
}
.session-schedule-timeslot:hover {
  color: #E7271E;
  border-color: #E7271E;
}
.upcoming-sessions-list {
  position: relative;
  overflow: hidden;
  display: block;
}
.upcoming-sessions-list .upcoming-session {
  width: 45%;
  position: relative;
  width: calc(308.66666667px);
  float: left;
  margin-bottom: 22px;
}
@media only screen and (max-width: 968px) {
  .upcoming-sessions-list .upcoming-session {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
.upcoming-sessions-list .upcoming-session:nth-child(even) {
  float: right;
}
.upcoming-sessions-list .upcoming-session:nth-child(odd) {
  clear: left;
}
.recent-sessions-list {
  overflow: auto;
  width: 100%;
  display: block;
}
.recent-sessions-list .recent-session {
  position: relative;
  float: left;
  margin-right: 22px;
  width: 22%;
  margin-bottom: 22px;
  width: calc(308.66666667px);
}
@media only screen and (max-width: 968px) {
  .recent-sessions-list .recent-session {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
.recent-sessions-list .recent-session:nth-child(3n+1) {
  margin-right: 0;
}
.flyer-message {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 152px 22px 22px;
  z-index: 1;
  color: white;
  font-weight: bold;
}
.remind-me-icon {
  width: 30px;
  height: 30px;
  padding: 0 5px 0 0;
  font-size: 30px;
}
.session-flyer {
  overflow: hidden;
}
@media only screen and (max-width: 968px) {
  .session-flyer {
    width: 100% !important;
    float: none;
    margin-right: 0;
  }
}
.session-flyer .remind-me {
  display: none;
}
.session-flyer:hover .remind-me {
  display: initial;
}
.show-reminder .remind-me {
  display: initial;
}
.session-flyer-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 686px solid #E7271E;
  border-bottom: 0px solid transparent;
  border-top: 50px solid transparent;
  border-right: 30px solid transparent;
  opacity: 0.6;
  width: 30%;
  height: 30%;
  z-index: 0;
}
.session-flyer-overlay.reminder-set {
  border-left-color: black;
}
.city-overview .city-overview-page-header {
  overflow: auto;
}
.city-overview .city-overview-page-header .featured-carousel {
  position: relative;
  margin: 0;
  padding: 0 !important;
  height: 360px;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .front-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  float: left;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .front-slider .front-slider-city-link {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 360px;
  height: 360px;
  color: #FFFFFF;
  display: block;
  z-index: 120;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .post-title {
  font-size: 30px;
  margin: 0;
  line-height: 360px;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .slider-next,
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .slider-prev {
  position: absolute;
  display: inline-block;
  z-index: 800;
  color: #fff;
  line-height: 1;
  top: 50%;
  left: 22px;
  margin-top: -10px;
  font-size: 20px;
  opacity: 0.85;
  cursor: pointer;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .slider-next:hover,
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .slider-prev:hover {
  opacity: 1.0;
}
.city-overview .city-overview-page-header .featured-carousel #featured-carousel .slider-next {
  right: 22px;
  left: auto;
}
.city-overview .content {
  padding-top: 22px;
}
.city-overview .cities-list {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 968px) {
  .city-overview .cities-list {
    width: 100%;
  }
}
.city-overview .cities-list li {
  list-style: none;
}
@media only screen and (max-width: 968px) {
  .city-overview .cities-list li {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .city-overview .cities-list li a {
    padding-left: 11px;
  }
}
.city-overview .headline-city,
.city-overview .other-city {
  width: 22%;
  width: calc(226px);
  display: block;
  margin: 0;
  float: left;
  margin-left: 22px;
}
.city-overview .headline-city:nth-child(4n+1),
.city-overview .other-city:nth-child(4n+1) {
  margin-left: 0;
}
.city-overview .headline-city {
  margin-bottom: 22px;
}
.city-overview .other-cities .current-city-highlight {
  color: #E7271E;
  border-top: 2px solid #E7271E;
}
.city-overview .other-cities a {
  border-top: 2px solid #26282A;
  display: block;
  color: #26282A;
  font-size: 1.2em;
  line-height: 48px;
  font-weight: bold;
}
.city-overview .other-cities a:hover {
  border-top: 2px solid #E7271E;
  color: #E7271E;
}
.city-block {
  display: block;
  background: lightGrey;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.city-angled-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 686px solid #26282A;
  border-bottom: 0px solid transparent;
  border-top: 25px solid transparent;
  border-right: 30px solid transparent;
  opacity: 0.6;
  width: 30%;
  height: 30%;
  z-index: 0;
}
.city-title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 22px;
  color: white;
  z-index: 1;
  font-size: 1.3em;
  font-weight: bold;
}
.archive-intro.fiftyweapons-debuts-banner {
  background: #F4F6F3 url(//boilerroom.tv/wp-content/uploads/2015/08/Modeselektor-50-weapons-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page-template-template-debuts-php .debuts-play-button {
  color: #fff;
}
.page-template-template-debuts-php .load-more {
  margin-top: 30px;
}
.page-template-template-debuts-php .pre-footer-wrapper {
  background: #fff;
}
.search-results .cse .gsc-control-cse,
.search-results .gsc-control-cse {
  padding: 0;
}
.search-results .gsc-thumbnail-inside,
.search-results .gsc-url-top {
  padding: 0 !important;
}
.search-results .gsc-above-wrapper-area {
  display: none;
}
.search-results .gs-webResult div.gs-visibleUrl-short {
  display: none;
}
.search-results .gs-title {
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
  color: #26282A;
}
.search-results .gs-title a {
  text-decoration: none;
  color: #26282A;
}
.search-results .gs-title {
  text-decoration: none !Important;
  margin-bottom: 3px;
}
.search-results .gs-title b {
  text-decoration: none !important;
  background: #FFEA00;
}
.post-type-archive-recording .pre-footer-wrapper,
.recordings-archive .pre-footer-wrapper {
  background: #fff;
}
.post-type-archive-recording .post-grid .post-article .post-preview,
.recordings-archive .post-grid .post-article .post-preview {
  height: 246px;
  border-bottom: 16px solid #ffffff;
}
.post-type-archive-recording .post-grid .post-article .post-image,
.recordings-archive .post-grid .post-article .post-image {
  height: 174px;
}
.post-type-archive-recording .post-grid .post-article .post-image .recording-audio-controls,
.recordings-archive .post-grid .post-article .post-image .recording-audio-controls {
  color: white;
}
#brtv_page_archive .archive-hug {
  width: calc(970px);
  margin: 50px auto;
}
@media only screen and (max-width: 968px) {
  #brtv_page_archive .archive-hug {
    width: 90%;
  }
}
#brtv_page_archive .filter {
  padding-bottom: 11px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EDEDED;
}
#brtv_page_archive .filter .left {
  margin: 0;
  padding: 0;
  list-style: none;
}
#brtv_page_archive .filter .left li {
  display: inline-block;
  font-size: 20px;
  font-weight: light;
  margin-right: 3px;
}
#brtv_page_archive .filter .left li:after {
  content: " / ";
  color: #CFD4D4;
}
#brtv_page_archive .filter .left li:last-child:after {
  content: "";
}
#brtv_page_archive .filter .left li:first-child:after {
  content: "";
}
#brtv_page_archive .filter .left li:first-child {
  font-weight: bold;
}
#brtv_page_archive .filter .right {
  margin: 0;
  padding: 0;
  list-style: none;
}
#brtv_page_archive .filter .right li {
  display: inline-block;
  font-size: 20px;
  margin-right: 3px;
  color: #CFD4D4;
}
#brtv_page_archive .filter .right li:hover {
  color: #E7271E;
}
#brtv_page_archive .sorting {
  list-style-type: none;
  margin: 16px 0 0px 0;
  padding: 0;
  overflow: auto;
}
#brtv_page_archive .sorting > li {
  padding: 0;
  margin: 0;
}
#brtv_page_archive .sorting .number-of-posts {
  float: left;
  line-height: 40px;
  margin-right: 10px;
}
#brtv_page_archive .sorting .sorting-order {
  float: left;
  line-height: 40px;
}
#brtv_page_archive .sorting .sorting-order .ic-arrow-down,
#brtv_page_archive .sorting .sorting-order .ic-arrow-up {
  font-size: 5px;
  margin-left: 2px;
}
#brtv_page_archive .sorting .sorting-order a {
  font-weight: bold;
}
#brtv_page_archive .sorting .sorting-recommended {
  float: right;
  border: 1px solid #EDEDED;
  padding: 1px;
  padding: 2px;
  line-height: 34px;
  border-radius: 19px;
  font-size: 13px;
  letter-spacing: 0.1px;
}
#brtv_page_archive .sorting .sorting-recommended a {
  display: inline-block;
  width: 113px;
  text-align: center;
}
#brtv_page_archive .sorting .sorting-recommended a:hover {
  background-color: #f7f7f7;
  border-radius: 17px;
}
#brtv_page_archive .sorting .sorting-recommended a.active {
  color: #26282A;
  background-color: #ededed;
  border-radius: 17px;
  cursor: default;
}
#brtv_page_archive .sorting .sorting-recommended a.active:hover {
  background-color: #ededed;
}
#brtv_page_archive .sorting .sorting-recommended a:first-child {
  margin-right: -3px;
}
#brtv_page_archive .sorting .sorting-recommended a:last-child {
  font-size: 13px;
  vertical-align: top;
  width: 120px;
}
#brtv_page_archive .sorting .sorting-recommended a:last-child i {
  display: inline-block;
  margin-top: -3px;
}
#brtv_page_archive .sorting .sorting-recommended a:last-child i::before {
  display: inline-block;
  margin-right: 3px;
}
#brtv_page_archive .sorting .sorting-recommended a:last-child.active {
  background-color: yellow;
}
@media only screen and (max-width: 968px) {
  .single-city-page .content {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.single-city-page > header {
  height: 320px;
  background-size: cover;
}
.single-city-page > header h1 {
  line-height: 320px;
  text-align: center;
  color: white;
  font-size: 40px;
  margin: 0;
}
.single-city-page .city-maincontent-headline {
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin: 0 0 11px 0;
  line-height: 1;
}
.single-city-page .recent-sessions-list {
  overflow: auto;
}
@media only screen and (max-width: 968px) {
  .single-city-page .recent-sessions-list {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 968px) {
  .single-city-page .recent-sessions-list .recent-session {
    margin-bottom: 37px;
  }
}
.single-city-page .recent-sessions-list .recent-session {
  margin-right: 22px;
}
@media only screen and (max-width: 968px) {
  .single-city-page .recent-sessions-list .recent-session {
    margin-left: 0;
    width: 100% !important;
  }
}
@media only screen and (max-width: 968px) {
  .single-city-page .recent-sessions-list .recent-session a div {
    width: 100% !important;
  }
}
.single-city-page .recent-sessions-list .recent-session:nth-child(2n+1) {
  margin-right: 0;
}
.single-city-page .recent-session:nth-child(3n+1) {
  margin-right: 22px;
}
@media only screen and (max-width: 968px) {
  .single-city-page .recent-session:nth-child(3n+1) {
    margin-right: 0;
  }
}
.single-city-page .featured-debut-image {
  min-height: 232px !important;
}
@media only screen and (max-width: 968px) {
  .single-city-page .featured-debut-image {
    height: 90vw !important;
  }
}
#single_channel_page #page_title_bar {
  height: 320px;
  position: relative;
  background-size: cover;
}
#single_channel_page #page_title_bar .page-title-bar-lower {
  position: absolute;
  bottom: 0;
  height: 120px;
  width: 100%;
  text-align: center;
  background: rgba(37, 39, 41, 0.8);
  color: #FFFFFF;
}
#single_channel_page #page_title_bar .page-title-bar-lower .subtitle {
  text-transform: uppercase;
  margin-top: 20px;
  display: block;
}
#single_channel_page #page_title_bar .page-title-bar-lower > h1 {
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 4px;
  font-weight: normal;
  margin-top: 20px 0 0 0;
}
#single_channel_page .content .subsubtitle {
  text-align: center;
  font-weight: normal;
  font-style: italic;
  font-size: 16px;
}
#single_channel_page .content .upcoming-post {
  margin-bottom: 30px;
}
#single_channel_page .content .upcoming-post .featured-content .post-excerpt {
  width: 100%;
}
.blog-single-beatsunraveled #page_title_bar {
  height: 120px;
  position: relative;
  background-size: cover;
}
.blog-single-beatsunraveled #page_title_bar .page-title-bar-lower {
  position: absolute;
  bottom: 0;
  height: 120px;
  width: 100%;
  text-align: center;
  background: rgba(37, 39, 41, 0.8);
  color: #FFFFFF;
}
.blog-single-beatsunraveled #page_title_bar .page-title-bar-lower .subtitle {
  text-transform: uppercase;
  margin-top: 20px;
  display: block;
}
.blog-single-beatsunraveled #page_title_bar .page-title-bar-lower > h1 {
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 4px;
  font-weight: normal;
  margin-top: 20px 0 0 0;
}
.blog-single-beatsunraveled .content #main_video {
  float: left;
  width: 100%;
  height: 550px;
  margin-top: 20px;
}
.blog-single-beatsunraveled .content .sidebar {
  border: none;
}
.blog-single-beatsunraveled .content .comments-wrapper {
  float: left;
  width: 100%;
  border-top: 1px solid #ededed;
  padding-top: 20px;
}
.live-page .session-list {
  list-style: none;
  margin: 22px -22px 0 0;
  padding: 0;
}
.live-page .session-list > li {
  display: inline-block;
  position: relative;
  float: left;
  width: calc(33.33% - 22px);
  margin: 0 22px 22px 0;
}
.live-page .session-list > li.reloop .badge-reloop {
  display: block;
}
.live-page .session-list > li.live .badge-live {
  display: block;
}
.live-page .session-list > li .result {
  width: 100%;
  height: 100%;
}
.live-page .session-list > li .result > a {
  width: 100%;
  height: 100%;
  display: block;
}
.live-page .session-list > li .result > a .main_image {
  display: block;
  width: 100%;
  height: 100%;
}
.live-page .session-list > li .result > a .main_image > img {
  width: 100%;
  height: auto;
}
.live-page .session-list > li .result > a .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.live-page .badge-live,
.live-page .badge-reloop {
  display: none;
  background: rgba(231, 39, 30, 0.9);
}
.whatson-live .post-meta,
.whatson-reloop .post-meta {
  color: #E7271E;
}
.share-buttons-side {
  position: fixed;
  top: 380px;
  left: 0;
  z-index: 500;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 968px) {
  .share-buttons-side {
    display: none;
  }
}
.share-buttons-side li {
  padding: 0;
  margin: 0;
  margin: 0 0 1px 0;
}
.share-buttons-side li a {
  display: block;
  background: #fff;
  text-align: center;
  width: 32px;
  line-height: 33px;
  vertical-align: baseline;
}
.share-buttons-side li a i {
  color: #26282A;
}
.share-buttons-side li a:hover {
  background: #f1f1f1;
}
.share-buttons-side li a:hover i {
  color: #191B1C;
}
.navigation-next {
  display: inline-block;
  position: fixed;
  top: 220px;
  right: 50%;
  z-index: 5;
  color: #fff;
  margin-right: -393px;
  font-size: 20px;
  line-height: 1;
}
.navigation-previous {
  display: inline-block;
  position: fixed;
  top: 220px;
  left: 50%;
  z-index: 5;
  color: #fff;
  margin-left: -393px;
  font-size: 20px;
  line-height: 1;
}
/* Upfront Archive view */
.post-type-archive-upfront .pre-footer-wrapper {
  background: #fff;
}
.archive-intro {
  background: #fff;
  padding: 40px 0;
  margin-bottom: 11px;
  font-size: 15px;
  line-height: 1.65em;
}
@media only screen and (max-width: 968px) {
  .archive-intro {
    text-align: center;
  }
}
.archive-intro p {
  width: calc(970px);
  margin: 0 auto;
}
@media only screen and (max-width: 968px) {
  .archive-intro p {
    width: 90%;
  }
}
.archive-hug {
  width: calc(970px);
  margin: 0 auto;
}
@media only screen and (max-width: 968px) {
  .archive-hug {
    width: 90%;
  }
}
.archive-hug h2 {
  margin: 23px 0 24px 0;
  line-height: 1;
  font-size: 26px;
}
@media only screen and (max-width: 968px) {
  .archive-hug h2 {
    text-align: center;
  }
}
.post-grid {
  list-style: none;
}
.post-grid > li {
  background: #fff;
}
.post-grid > li .post-image {
  display: block;
  height: 308px;
  background: #444 no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #f9f9f9;
  width: 100%;
}
.post-grid > li .post-preview {
  padding: 19px 22px 22px 22px;
  height: 259px;
  overflow: hidden;
  border-bottom: 16px solid #ffffff;
}
.post-grid > li .post-preview p {
  margin: 0;
}
.post-grid > li .post-meta-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.post-grid > li .post-meta-categories li {
  display: inline-block;
  margin: 0;
}
.post-grid > li .post-meta-categories li:after {
  content: " /";
}
.post-grid > li .post-meta-categories li:last-child {
  margin-right: 0;
}
.post-grid > li .post-meta-categories li:last-child:after {
  content: "";
}
.post-grid > li .post-meta-categories li a:hover {
  color: #E7271E;
}
.post-grid > li .post-title {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.45em;
  color: black;
  margin: 1px 0 11px 0;
}
.post-grid > li .post-title:hover {
  color: #585858;
}
.post-grid > li .post-title span {
  padding-bottom: 2px;
  border-bottom: 1px solid #aaa;
}
.post-grid > li .post-title span:hover {
  border-bottom: 1px solid #d1d1d1;
}
/* Upfront Single view */
.single-upfront .pre-footer-wrapper {
  background: #fff;
}
.upfront-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: no-repeat center center;
  background-size: cover;
  -webkit-transition: left 0.2s ease-out;
  -moz-transition: left 0.2s ease-out;
  -ms-transition: left 0.2s ease-out;
  -o-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
@media only screen and (max-width: 968px) {
  .the-great-wrap.mobile-menu-open .upfront-background,
  .the-great-wrap.mobile-menu-open .upfront-overlay {
    left: 250px;
  }
}
.upfront-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: left 0.2s ease-out;
  -moz-transition: left 0.2s ease-out;
  -ms-transition: left 0.2s ease-out;
  -o-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.upfront-single {
  position: relative;
  z-index: 3;
}
.upfront-single .content-hug {
  width: 704px;
  margin: 0 auto 44px auto;
  padding-top: 90px;
}
@media only screen and (max-width: 968px) {
  .upfront-single .content-hug {
    width: 94%;
    margin: 0 auto;
    padding-top: 60px;
  }
}
.upfront-single .intro {
  color: #fff;
  padding: 0 34px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 968px) {
  .upfront-single .intro {
    padding: 0 11px;
  }
}
.upfront-single .intro h2 {
  font-size: 26px;
  line-height: 1;
  margin: 12px 0 17px 0;
}
.upfront-single .intro a {
  color: #fff;
}
.upfront-single .upfront-content {
  background: #fff;
  padding: 34px;
  font-size: 15px;
  line-height: 1.65em;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content {
    padding: 11px;
    overflow: hidden;
  }
}
.upfront-single .upfront-content .tabs-underlined .download-mix {
  position: absolute;
  right: 0;
  color: #E7271E;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .tabs-underlined .download-mix {
    display: none;
  }
}
.upfront-single .upfront-content .tabs-underlined .download-mix a {
  color: #E7271E;
}
.upfront-single .upfront-content .tabs-underlined .download-mix:hover {
  color: #E7271E;
}
.upfront-single .upfront-content .tabs-underlined .download-mix:hover a {
  color: #E7271E;
}
.upfront-single .upfront-content .player-multicover {
  margin: 0 -34px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover {
    margin: 0;
  }
}
.upfront-single .upfront-content .player-multicover iframe {
  display: none;
}
.upfront-single .upfront-content .player-multicover .covers {
  position: relative;
  left: 34px;
  width: 1168px;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transition: all 0.32s cubic-bezier(0.605, 0, 0.385, 1);
  -moz-transition: all 0.32s cubic-bezier(0.605, 0, 0.385, 1);
  -ms-transition: all 0.32s cubic-bezier(0.605, 0, 0.385, 1);
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover .covers {
    position: relative;
    width: 100%;
    left: 0;
  }
}
.upfront-single .upfront-content .player-multicover .covers li {
  margin: 0;
  padding: 0;
  width: 584px;
  height: 584px;
  float: left;
  background: #f9f9f9 no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover .covers li {
    width: 50%;
    height: 240px;
  }
}
.upfront-single .upfront-content .player-multicover .covers li:last-child {
  cursor: pointer;
}
.upfront-single .upfront-content .player-multicover .show-backcover {
  left: -498px;
}
.upfront-single .upfront-content .player-multicover .show-backcover li:first-child {
  cursor: pointer;
}
.upfront-single .upfront-content .player-multicover .show-backcover li:last-child {
  cursor: default;
}
.upfront-single .upfront-content .player-multicover .show-frontcover {
  left: 34px;
}
.upfront-single .upfront-content .player-multicover .show-frontcover li:first-child {
  cursor: default;
}
.upfront-single .upfront-content .player-multicover .show-frontcover li:last-child {
  cursor: pointer;
}
.upfront-single .upfront-content .player-multicover .dark-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 92px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.23));
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.23)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.23));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.23));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.23));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.23));
}
.upfront-single .upfront-content .player-multicover .controls {
  position: absolute;
  bottom: 17px;
  right: 51px;
  left: 51px;
  z-index: 100;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover .controls {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
  }
}
.upfront-single .upfront-content .player-multicover .controls .ic-play-stroke,
.upfront-single .upfront-content .player-multicover .controls .ic-pause-stroke {
  font-size: 54px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover .controls .ic-play-stroke,
  .upfront-single .upfront-content .player-multicover .controls .ic-pause-stroke {
    position: absolute;
    left: 11px;
    bottom: 11px;
  }
}
.upfront-single .upfront-content .player-multicover .controls .progress {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 432px;
  height: 4px;
  background: rgba(255, 255, 255, 0.36);
  margin-left: -228px;
  cursor: pointer;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover .controls .progress {
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
}
.upfront-single .upfront-content .player-multicover .controls .progress .bar {
  height: 4px;
  background: #E7271E;
}
.upfront-single .upfront-content .player-multicover .controls .download-mix {
  display: inline-block;
  position: absolute;
  right: 0;
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  line-height: 54px;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .player-multicover .controls .download-mix {
    display: none;
    position: absolute;
    right: 11px;
    bottom: 11px;
  }
}
.upfront-single .upfront-content .artist-quote,
.upfront-single .upfront-content .article-copy {
  margin: 22px 0 22px;
}
.upfront-single .upfront-content .credits-artist {
  margin-bottom: 20px;
}
.upfront-single .upfront-content .trcklst {
  margin-top: 10px;
}
.upfront-single .upfront-content .more-upfront {
  margin: 0 -34px -34px -34px;
  padding: 34px;
  background: #f2f2f2;
}
.upfront-single .upfront-content .more-upfront .more-upfront-title {
  margin: 0;
  font-size: 26px;
  line-height: 1;
}
.upfront-single .upfront-content .more-upfront > p {
  margin: 15px 0 22px 0;
}
.upfront-single .upfront-content .more-upfront .post-grid {
  margin-bottom: 0;
}
.upfront-single .upfront-content .more-upfront .post-grid > li {
  width: 46.6%;
}
@media only screen and (max-width: 968px) {
  .upfront-single .upfront-content .more-upfront .post-grid > li {
    width: 100%;
  }
}
.upfront-single .upfront-content .more-upfront .see-all {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 54px;
  color: #e7271e;
  background: #fff;
  padding-bottom: 9px;
}
.upfront-single .upfront-content .more-upfront .see-all span {
  padding-bottom: 2px;
  border-bottom: 1px solid #e7271e;
}
.upfront-single .upfront-content .post-credits {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 20px;
}
.single-upfront .scroll-down {
  display: inline-block;
  position: absolute;
  bottom: 22px;
  left: 50%;
  margin-left: -8px;
}
.single-upfront .scroll-down i {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  color: #f7f7f7;
  cursor: default;
}
.single-upfront .intro-article,
.single-upfront .cover-tracklist {
  position: relative;
}
.single-upfront .intro-article .scroll-down,
.single-upfront .cover-tracklist .scroll-down {
  bottom: -42px;
}
.single-upfront .mobile-headline {
  display: none;
  color: #E7271E;
  border-bottom: 2px solid #E7271E;
  line-height: 56px;
  height: 56px;
  font-size: 15px;
  text-align: left;
}
@media only screen and (max-width: 968px) {
  .single-upfront .mobile-headline {
    display: block;
  }
}
.upfront-nav {
  position: fixed;
  top: 50%;
  margin-top: -16px;
  line-height: 1;
  font-size: 32px;
  z-index: 1000;
  opacity: 1.0;
}
.upfront-nav.previous {
  left: 13px;
}
.upfront-nav.next {
  right: 13px;
}
.upfront-nav:hover {
  opacity: 1;
}
#brtv_account_page {
  padding-bottom: 22px;
}
#brtv_account_page .form-table th,
#brtv_account_page .form-table td {
  padding: 0 .5em 1em 0;
  vertical-align: top;
}
#brtv_account_page .form-table th {
  padding: .5em 1.5em .5em 0;
}
#brtv_account_page .form-table .verify-email-nag td {
  padding-bottom: 1em;
}
#brtv_account_page .form-table .description {
  color: #666363;
}
#brtv_account_page .form-table ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
#brtv_account_page input[type=text],
#brtv_account_page input[type=password] {
  width: 300px;
  padding: .5em;
  font-size: 1em;
  border: 1px solid #ccc;
}
#brtv_account_page a {
  color: #E7271E;
}
#brtv_account_page .submit {
  margin: 2em 0;
}
#brtv_account_page button,
#brtv_account_page input[type=submit] {
  background-color: #36BA6E;
  border: 0;
  color: #fff;
  padding: 0 2em;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}
#brtv_account_page .fb_login {
  background-color: #3b5998;
  color: #fff;
}
#brtv_account_page .delete-account-box input[type=submit] {
  background-color: #E7271E;
}
.single-job .share-buttons-inline {
  margin: 60px 0 20px 0;
}
.job-archive-header {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-image: url(//cdn.boilerroom.tv/wp-content/uploads/2015/04/careers-2.jpg);
  height: 372px;
}
.job-archive-header .header-meta {
  width: calc(970px);
  margin: 0 auto;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 2em;
  position: relative;
  padding-top: 160px;
}
.job-archive-header .header-meta:after {
  content: '';
  width: 295px;
  position: absolute;
  left: 0;
  bottom: -9px;
  border-width: 0 0 1px;
  border-style: solid;
}
.job-archive .content {
  padding: 30px;
}
.search-results-page {
  padding-top: 30px;
  padding-bottom: 30px;
}
.search-results-page h1 {
  padding: 10px 0 20px 15px;
}
.hub-page .hub-custom-header {
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
}
.hub-page .archive-intro {
  margin-bottom: 0;
}
.hub-page .hub-main-content-wrapper {
  padding-top: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.the-great-wrap.moderator {
  background-color: #fff;
}
.the-great-wrap.moderator.dark {
  background-color: #262626;
}
.page-moderator-hug {
  width: 970px;
  margin: 0 auto;
  min-height: 450px;
}
.page-moderator-hug h2 {
  color: #d2d2d2;
  font-size: 1.1em;
}
.page-moderator-hug h1 {
  color: #262626;
}
.page-moderator-hug ul {
  list-style-type: none;
  margin: 0 0 2em 0;
  padding: 0;
}
.page-moderator-hug ul li {
  padding: 1em 0;
  color: #262626;
  font-weight: bold;
  border: 1px solid #d2d2d2;
  border-width: 1px 0 0 0;
  cursor: pointer;
}
.page-moderator-hug ul li:last-child {
  border-bottom-width: 1px;
}
.page-moderator-hug ul li .hashtags {
  float: right;
  font-weight: normal;
  color: #d2d2d2;
}
.dark .page-moderator-hug {
  /* Feed-detail */
}
.dark .page-moderator-hug h1,
.dark .page-moderator-hug h3 {
  color: #fff;
}
.dark .page-moderator-hug h1 .back,
.dark .page-moderator-hug h3 .back {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  position: relative;
  top: 3px;
  cursor: pointer;
  background: url(../images/back.png) no-repeat;
  background-size: 50%;
}
.dark .page-moderator-hug .instagram-feed,
.dark .page-moderator-hug .twitter-feed {
  width: 45%;
  float: left;
  margin-right: 5%;
}
.dark .page-moderator-hug .instagram-feed ul li,
.dark .page-moderator-hug .twitter-feed ul li {
  border-width: 0;
  cursor: auto;
}
.dark .page-moderator-hug .instagram-feed ul li header,
.dark .page-moderator-hug .twitter-feed ul li header {
  height: 45px;
  line-height: 45px;
  padding: 0 0 0 5%;
}
.dark .page-moderator-hug .instagram-feed ul li header .delete,
.dark .page-moderator-hug .twitter-feed ul li header .delete {
  display: block;
  float: right;
  height: 45px;
  width: 45px;
  cursor: pointer;
  background-color: #fff;
  background-image: url(../images/delete.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
}
.dark .page-moderator-hug .instagram-feed ul li header .time,
.dark .page-moderator-hug .twitter-feed ul li header .time {
  color: #fff;
}
.dark .page-moderator-hug .instagram-feed ul li .feedcontent,
.dark .page-moderator-hug .twitter-feed ul li .feedcontent {
  width: 100%;
  background-color: #fff;
}
.dark .page-moderator-hug .instagram-feed ul li .feedcontent img,
.dark .page-moderator-hug .twitter-feed ul li .feedcontent img {
  width: 100%;
  padding: 5% 5% 0 5%;
}
.dark .page-moderator-hug .instagram-feed ul li .feedcontent p,
.dark .page-moderator-hug .twitter-feed ul li .feedcontent p {
  padding: 0 5% 5% 5%;
  color: #666;
}
.dark .page-moderator-hug .instagram-feed header {
  background-color: #3C719D;
}
.dark .page-moderator-hug .twitter-feed header {
  background-color: #55ACEE;
}
.dark .page-moderator-hug .twitter-feed p {
  padding-top: 5% !important;
  margin: 0;
}
.dark .page-moderator-hug .hashtags {
  color: #d2d2d2;
}
/* dearth */
.page-template-template-front-page-dearth #main-ctrl {
  position: fixed;
  top: 95px;
  left: 0;
  right: 0;
}
.page-template-template-front-page-dearth .pre-footer-wrapper,
.page-template-template-front-page-dearth .sponsored-navigation,
.page-template-template-front-page-dearth .footer {
  display: none;
}
li.dearth-trigger {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  font-family: nb_grotesk_pro75m_fett;
  text-transform: none !important;
  background-position: 50% 0;
  background-size: 250%;
  background-repeat: no-repeat;
  width: 120px;
  text-align: center;
}
li.dearth-trigger > a {
  font-size: 16px;
  height: 60px;
  line-height: 1;
}
.dearth-root {
  font-family: nb_grotesk_pro75m_fett;
  text-align: center;
}
.dearth-root.current_element_dearth-view-alex-rathbone-live .dearth-bg {
  background-color: transparent;
}
.dearth-root.current_element_dearth-view-001 .dearth-bg,
.dearth-root.current_element_dearth-view-richard-sides-live .dearth-bg {
  background-color: rgba(0, 51, 255, 0.79);
}
.dearth-root.dearth-active,
.dearth-root.dearth-active > .dearth-bg {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.dearth-root .dearth-bg {
  background-color: rgba(0, 0, 0, 0.79);
}
.dearth-root .dearth-trigger {
  display: none;
  position: absolute;
  margin: 22px 0;
  z-index: 10001;
  top: 50px;
  width: 200px;
  height: 200px;
  padding: 20px;
  z-index: 10000;
}
.dearth-root .dearth-trigger.dearth-transition {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
}
.dearth-root .dearth-trigger .dearth-headline {
  font-size: 55px;
  margin: 0;
  padding: 0;
  line-height: 1.1;
}
.dearth-root .dearth-trigger p {
  font-size: 16px;
}
.dearth-root .dearth-trigger a {
  display: block;
  text-decoration: none;
  font-size: 18px;
}
.dearth-root .dearth-trigger a:hover {
  text-decoration: underline;
}
.dearth-root .dearth-trigger .more-link {
  font-size: 18px;
  margin-top: 17px;
}
.dearth-root .dearth-trigger .dearth-x-close {
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 1;
}
.dearth-root .dearth-trigger video {
  display: block;
}
.dearth-root .dearth-trigger .video-gif {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dearth-root .dearth-view-001 {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
  top: 200px;
  left: 50%;
  width: 500px;
  height: 610px;
}
.dearth-root .dearth-view-001 a {
  font-size: 23px;
  line-height: 1.8;
}
.dearth-root .dearth-view-001 .dearth-x-close {
  right: 15px;
  z-index: 2;
}
.dearth-root .dearth-view-001 .dearth-headline {
  margin-top: 15px;
}
.dearth-root .dearth-view-001 .dearth-about {
  width: 400px;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  line-height: 1.5;
}
.dearth-root .dearth-view-artist-hannah-perry {
  top: 100px;
  left: calc(30% + 422px);
  /*width: 845px;*/
  width: 0;
  height: 480px;
  padding: 0;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-headline {
  margin-top: 30px;
  font-size: 50px;
  font-weight: normal;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-date {
  font-size: 26px;
  line-height: 1.3;
}
.dearth-root .dearth-view-artist-hannah-perry > video {
  position: absolute;
  top: 0;
  left: 0;
}
.dearth-root .dearth-view-artist-hannah-perry .video-gif {
  /*gif here*/
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-x-close {
  color: white;
  z-index: 3;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip {
  width: 845px;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip .dearth-flip-front {
  background: #000;
  color: #FFF;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip .dearth-flip-back {
  background: #000;
  color: #FFF;
  padding-top: 35px;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip .dearth-flip-back .dearth-x-close {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip .dearth-flip-back a {
  margin-top: 22px;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip .dearth-flip-back p {
  width: 70%;
  margin: 0 auto;
  line-height: 1.5em;
}
.dearth-root .dearth-view-artist-hannah-perry .dearth-flip .dearth-flip-back p > a {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-alex-rathbone {
  top: 150px;
  left: 50%;
  /*width: 729px;*/
  width: 0;
  height: 532px;
  padding: 0;
  background: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-size: 500px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-x-close {
  color: #FFF;
  z-index: 3;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip {
  width: 729px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-front .text-wrapper {
  width: 300px;
  margin-top: 210px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-front .text-wrapper .dearth-headline {
  font-weight: light;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-front .dearth-date {
  font-size: 25px;
  margin: 50px 0 70px 0;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-front .background-image-1 {
  background-image: url(../partials/dearth/assets/images/artist-alex-rathbone-urban-chaos.gif);
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -9px;
  left: -90px;
  height: 250px;
  width: 250px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-front .background-image-2 {
  background-image: url(../partials/dearth/assets/images/artist-alex-rathbone-urbanchaosbutton-small.jpg);
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 550px;
  width: 448px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-back {
  background: #000;
  color: #FFF;
  padding-top: 35px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-back .dearth-x-close {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-back a {
  margin-top: 22px;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-back p {
  width: 70%;
  margin: 0 auto;
  line-height: 1.5em;
}
.dearth-root .dearth-view-artist-alex-rathbone .dearth-flip-back p > a {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-benedict-drew {
  top: 100px;
  left: 30%;
  /*width: 845px;*/
  width: 0;
  height: 475px;
  padding: 0;
  overflow: hidden;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-headline {
  margin-top: 90px;
  font-size: 50px;
  font-weight: normal;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-date {
  margin-top: 70px;
  margin-bottom: 70px;
  font-size: 26px;
  line-height: 1.3;
}
.dearth-root .dearth-view-artist-benedict-drew video {
  width: 100%;
}
.dearth-root .dearth-view-artist-benedict-drew .video-gif {
  /*gif here*/
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-x-close {
  color: white;
  z-index: 3;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-flip {
  width: 845px;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-flip .dearth-flip-front {
  background: #000;
  color: #FFF;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-flip .dearth-flip-back {
  background-color: #000;
  background-image: url(../partials/dearth/assets/images/benedict_drew_bio.jpg);
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
  color: #FFF;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-flip .dearth-flip-back .dearth-x-close {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-benedict-drew .dearth-flip .dearth-flip-back a {
  text-align: left;
  margin-left: 16px;
  margin-top: 220px;
}
.dearth-root .dearth-view-artist-rhys-coren {
  top: 100px;
  left: 30%;
  /*width: 845px;*/
  width: 0;
  height: 476px;
  padding: 0;
}
.dearth-root .dearth-view-artist-rhys-coren video {
  width: 100%;
}
.dearth-root .dearth-view-artist-rhys-coren .video-gif {
  /*gif here*/
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-x-close {
  color: #000;
  z-index: 3;
}
.dearth-root .dearth-view-artist-rhys-coren.dearth-flip-back-active .dearth-x-close {
  color: #FFF;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip {
  width: 845px;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip .dearth-flip-front {
  background: #000;
  color: #111;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip .dearth-flip-back {
  background: #000;
  color: #FFF;
  padding-top: 35px;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip .dearth-flip-back .dearth-x-close {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip .dearth-flip-back a {
  margin-top: 22px;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip .dearth-flip-back p {
  width: 70%;
  margin: 0 auto;
  line-height: 1.5em;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-flip .dearth-flip-back p > a {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-headline {
  font-size: 43px;
  letter-spacing: 1.3px;
  padding-top: 90px;
}
.dearth-root .dearth-view-artist-rhys-coren .dearth-date {
  font-size: 24px;
  line-height: 1.1;
  margin: 78px 0 70px;
}
.dearth-root .dearth-view-artist-mark-leckey {
  top: 100px;
  left: 30%;
  /*width: 600px;*/
  width: 0;
  height: 455px;
  padding: 0;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-headline {
  margin-top: 90px;
  font-size: 50px;
  font-weight: normal;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-date {
  font-size: 26px;
  line-height: 1.3;
  margin: 81px 0;
}
.dearth-root .dearth-view-artist-mark-leckey > video {
  position: absolute;
  top: 0;
  left: 0;
}
.dearth-root .dearth-view-artist-mark-leckey video {
  width: 100%;
}
.dearth-root .dearth-view-artist-mark-leckey .video-gif {
  /*gif here*/
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-x-close {
  color: white;
  z-index: 3;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip {
  width: 600px;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip .dearth-flip-front {
  background: #000;
  color: #FFF;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip .dearth-flip-back {
  background: #000;
  color: #FFF;
  padding-top: 35px;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip .dearth-flip-back a {
  margin-top: 22px;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip .dearth-flip-back .dearth-x-close {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip .dearth-flip-back p {
  width: 70%;
  margin: 0 auto;
  line-height: 1.5em;
}
.dearth-root .dearth-view-artist-mark-leckey .dearth-flip .dearth-flip-back p > a {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-richard-sides {
  top: 100px;
  left: 30%;
  /*width: 500px;*/
  width: 0;
  height: 500px;
  padding: 0;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-headline {
  margin-top: 90px;
  font-size: 50px;
  font-weight: normal;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-date {
  font-size: 26px;
  line-height: 1.3;
  margin-top: 40px;
  margin-bottom: 95px;
}
.dearth-root .dearth-view-artist-richard-sides > video {
  position: absolute;
  top: 0;
  left: 0;
}
.dearth-root .dearth-view-artist-richard-sides .video-gif {
  /*gif here*/
}
.dearth-root .dearth-view-artist-richard-sides .dearth-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-x-close {
  color: #000;
  z-index: 3;
}
.dearth-root .dearth-view-artist-richard-sides.dearth-flip-back-active .dearth-x-close {
  color: #FFF;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip {
  width: 500px;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip .dearth-flip-front {
  background-color: #FFF;
  background-image: url(../partials/dearth/assets/images/richard_sides_front.jpg);
  background-position: 50% 260px;
  background-size: 180px;
  background-repeat: no-repeat;
  color: #000;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip .dearth-flip-back {
  background: #000;
  color: #FFF;
  padding-top: 35px;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip .dearth-flip-back .dearth-x-close {
  margin-top: 0;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip .dearth-flip-back a {
  margin-top: 22px;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip .dearth-flip-back p {
  width: 70%;
  margin: 0 auto;
  line-height: 1.5em;
}
.dearth-root .dearth-view-artist-richard-sides .dearth-flip .dearth-flip-back p > a {
  margin-top: 0;
}
.dearth-root .dearth-view-richard-sides-live {
  width: 100%;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-richard-sides-live-content {
  width: 852px;
  height: 462px;
  margin: 0 auto;
  position: relative;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-richard-sides-live-content video#dearth-video-richard-sides {
  margin: 50px auto;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-richard-sides-live-content > div {
  overflow: hidden;
  position: absolute !important;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-richard-sides-live-content > div video {
  width: 100%;
  height: auto;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-mark-leckey-live-content {
  width: 852px;
  background: #000;
  margin: 0 auto;
  color: #FFFFFF;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-mark-leckey-live-content h2 {
  padding: 30px;
}
.dearth-root .dearth-view-richard-sides-live .dearth-view-mark-leckey-live-content p {
  padding-bottom: 50px;
}
.dearth-root .dearth-view-richard-sides-live .dearth-live-session-backlink {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-position: -50px 0;
  background-size: 1034px;
  background-repeat: no-repeat;
  color: #000;
  height: 80px;
  width: 300px;
  margin-top: 222px;
  margin-left: 130px;
  margin-right: 100px;
  float: right;
}
.dearth-root .dearth-view-richard-sides-live .dearth-live-session-backlink > a {
  height: 80px;
  line-height: 80px;
  font-size: 26px;
}
.dearth-root .dearth-view-benedict-drew-live {
  width: 100%;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content {
  width: 1000px;
  height: 560px;
  margin: 0 auto;
  position: relative;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content > div {
  overflow: hidden;
  position: absolute !important;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content > div video {
  width: 100%;
  height: auto;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-1 {
  width: 580px;
  height: 430px;
  top: 0;
  left: 0;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-2 {
  width: 500px;
  height: 330px;
  top: 0;
  left: 580px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-3 {
  width: 475px;
  height: 260px;
  top: 140px;
  left: -40px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-4 {
  width: 350px;
  height: 200px;
  left: 250px;
  top: 390px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-5 {
  width: 395px;
  height: 225px;
  right: 5px;
  top: 280px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-6 {
  width: 275px;
  height: 167px;
  top: 419px;
  left: -10px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-7 {
  width: 307px;
  height: 173px;
  left: 50%;
  margin-left: -120px;
  top: 37px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-view-benedict-drew-live-content .ben-video-8 {
  width: 240px;
  height: 240px;
  top: 50%;
  margin-top: -80px;
  left: 50%;
  margin-left: -120px;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-live-session-backlink {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-position: -50px 0;
  background-size: 1034px;
  background-repeat: no-repeat;
  color: #000;
  height: 80px;
  width: 300px;
  margin-top: 222px;
  margin-left: 130px;
  margin-right: 100px;
  float: right;
}
.dearth-root .dearth-view-benedict-drew-live .dearth-live-session-backlink > a {
  height: 80px;
  line-height: 80px;
  font-size: 26px;
}
.dearth-root .dearth-view-hannah-perry-live {
  top: 100px;
  left: 30%;
  /*width: 500px;*/
  width: 970px;
  height: 600px;
  padding: 0;
  background: #000;
  color: #FFF;
}
.dearth-root .dearth-view-hannah-perry-live .dearth-live-session-content {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-position: -50px 0;
  background-size: 1034px;
  background-repeat: no-repeat;
  color: #000;
  text-align: left;
  padding-left: 22px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.dearth-root .dearth-view-hannah-perry-live .dearth-live-session-backlink {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-position: -50px 0;
  background-size: 1034px;
  background-repeat: no-repeat;
  color: #000;
  height: 80px;
  width: 300px;
  margin-top: 22px;
  margin-left: 130px;
  margin-right: auto;
}
.dearth-root .dearth-view-hannah-perry-live .dearth-live-session-backlink > a {
  height: 80px;
  line-height: 80px;
  font-size: 26px;
}
.dearth-root .dearth-view-hannah-perry-live .dearth-x-close {
  color: #FFF;
  z-index: 3;
}
.dearth-root .dearth-view-alex-rathbone-live {
  background: url(../partials/dearth/assets/images/alex/bg-bottom.png) top left;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  color: #111;
  font-family: "times new roman", georgia, serif;
  vertical-align: middle;
  text-align: left;
  margin: 0;
}
.dearth-root .dearth-view-alex-rathbone-live .background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: url(../partials/dearth/assets/images/alex/bg-top.png) top left;
}
.dearth-root .dearth-view-alex-rathbone-live .alex-hug {
  position: relative;
  width: 690px;
  margin: 0 auto;
}
.dearth-root .dearth-view-alex-rathbone-live p {
  margin: 35px 0;
  font-size: 21px;
  line-height: 2.2em;
}
.dearth-root .dearth-view-alex-rathbone-live p a {
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-chaos {
  display: block;
  width: 438px;
  height: 406px;
  background: url(../partials/dearth/assets/images/artist-alex-rathbone-urban-chaos.gif) no-repeat top left;
  background-size: contain;
  text-indent: -9999px;
  margin: 0 auto;
  cursor: pointer;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-woods {
  text-indent: -9999px;
  width: 208px;
  height: 105px;
  background: url(../partials/dearth/assets/images/alex/woods.gif) no-repeat top left;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-pondering {
  text-indent: -9999px;
  width: 416px;
  height: 126px;
  background: url(../partials/dearth/assets/images/alex/pondernence.gif) no-repeat top left;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-virtually {
  text-indent: -9999px;
  width: 427px;
  height: 119px;
  background: url(../partials/dearth/assets/images/alex/virtually.gif) no-repeat top left;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-woozy {
  text-indent: -9999px;
  width: 265px;
  height: 159px;
  background: url(../partials/dearth/assets/images/alex/woozy.gif) no-repeat top left;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-curious {
  text-indent: -9999px;
  width: 365px;
  height: 125px;
  background: url(../partials/dearth/assets/images/alex/curious.gif) no-repeat top left;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .trigger-smashed {
  text-indent: -9999px;
  width: 426px;
  height: 125px;
  background: url(../partials/dearth/assets/images/alex/smashed.gif) no-repeat top left;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .story-devider {
  border: 0;
  border-bottom: 1px solid #111;
  display: block;
}
.dearth-root .dearth-view-alex-rathbone-live .tright {
  text-align: right;
}
.dearth-root .dearth-view-alex-rathbone-live .tright a {
  display: inline-block;
  font-size: 21px;
  line-height: 84px;
  padding: 0 25px 0 37px;
  font-family: nb_grotesk_pro75m_fett;
  background: url(../partials/dearth/assets/images/menu-bg-big.gif);
}
.dearth-root .dearth-view-alex-rathbone-live .dark-overlay {
  display: block;
  visibility: hidden;
  position: absolute;
  z-index: 10002;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.63);
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -ms-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
  opacity: 0;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter {
  display: block;
  position: absolute;
  top: 0;
  width: 690px;
  margin: 0 auto;
  z-index: 10003;
  left: 50%;
  margin-left: -345px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter a {
  position: relative;
  display: inline-block;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .close-woods,
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .close-pondering,
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .close-virtually,
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .close-woozy,
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .close-curious,
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .close-smashed {
  display: block;
  width: 67px;
  height: 81px;
  background: url(../partials/dearth/assets/images/alex/wooden-cross.png) no-repeat top left;
  background-size: contain;
  position: absolute;
  top: -29px;
  right: -67px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-woods {
  position: absolute;
  display: none;
  top: 460px;
  left: 446px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-woods .download {
  color: #7cbf07;
  text-decoration: underline;
  font-size: 23px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-woods .wooden-close {
  width: 48px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-pondering {
  position: absolute;
  display: none;
  top: 831px;
  left: 0px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-pondering .download {
  color: #7cbf07;
  text-decoration: underline;
  font-size: 23px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-pondering .wooden-close {
  width: 48px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-virtually {
  position: absolute;
  display: none;
  top: 1175px;
  left: 0px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-virtually .download {
  color: #7cbf07;
  text-decoration: underline;
  font-size: 23px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-virtually .wooden-close {
  width: 48px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-woozy {
  position: absolute;
  display: none;
  top: 1469px;
  left: 57px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-woozy .download {
  color: #7cbf07;
  text-decoration: underline;
  font-size: 23px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-woozy .wooden-close {
  width: 48px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-curious {
  position: absolute;
  display: none;
  top: 1673px;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-curious .download {
  color: #7cbf07;
  text-decoration: underline;
  font-size: 23px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-curious .wooden-close {
  width: 48px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-smashed {
  position: absolute;
  display: none;
  top: 2293px;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-smashed .download {
  color: #7cbf07;
  text-decoration: underline;
  font-size: 23px;
}
.dearth-root .dearth-view-alex-rathbone-live .overlay-containter .overlay-smashed .wooden-close {
  width: 48px;
}
.dearth-root .wooden-close {
  display: block;
  text-indent: -9999px;
  width: 77px;
  height: 91px;
  background: url(../partials/dearth/assets/images/alex/wooden-cross.png) no-repeat top left;
  background-size: contain;
  right: -28px;
  top: -34px;
  position: absolute;
  z-index: 3;
}
.dearth-root .main-close {
  top: 30px;
  right: -80px;
  z-index: 2;
}
.dearth-root .dearth-view-alex-rathbone-live-video {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  width: auto;
  height: auto;
  margin: 0;
  display: block !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -ms-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
.dearth-root .dearth-view-alex-rathbone-live-video .dearth-view-alex-rathbone-live-video-content {
  width: 852px;
  min-height: 480px;
  background: #000;
  position: relative;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.dearth-root .dearth-view-rhys-coren-live {
  display: none;
  position: absolute;
  z-index: 10001;
  top: 50px;
  width: 880px;
  height: 670px;
  z-index: 10000;
  background: transparent;
  left: 50%;
  margin-left: -440px;
}
.dearth-root .dearth-view-rhys-coren-live .alex-hug {
  position: relative;
  width: 690px;
  margin: 0 auto;
}
.dearth-root .dearth-view-mark-leckey-live {
  width: 100%;
  height: 100%;
}
.dearth-root .dearth-view-mark-leckey-live h2,
.dearth-root .dearth-view-mark-leckey-live p {
  margin: 0;
  padding: 0;
}
.dearth-root .dearth-view-mark-leckey-live .dearth-view-mark-leckey-live-video {
  position: relative;
  width: 852px;
  min-height: 480px;
  background: #000;
  height: auto;
  margin: 50px auto 0;
}
.dearth-root .dearth-view-mark-leckey-live .dearth-view-mark-leckey-live-content {
  width: 852px;
  background: #000;
  margin: 0 auto;
  color: #FFFFFF;
}
.dearth-root .dearth-view-mark-leckey-live .dearth-view-mark-leckey-live-content h2 {
  padding: 30px;
}
.dearth-root .dearth-view-mark-leckey-live .dearth-view-mark-leckey-live-content p {
  padding-bottom: 50px;
}
.dearth-root .dearth-view-mark-leckey-live .dearth-view-mark-leckey-live-backlink {
  color: #000;
  width: 852px;
  margin: 22px auto;
}
.dearth-root .dearth-view-mark-leckey-live .dearth-view-mark-leckey-live-backlink > a {
  background-image: url(../partials/dearth/assets/images/menu-bg-big.gif);
  background-position: -50px 0;
  background-size: 1034px;
  background-repeat: no-repeat;
  width: 300px;
  height: 80px;
  line-height: 80px;
  font-size: 26px;
  float: right;
}
.dearth-root #main-rhys-video-player {
  width: 100%;
  padding: 0;
}
.dearth-root .dearth-trigger {
  padding: 0;
}
.dearth-root .more-rhys-box {
  margin-top: 30px;
  width: 270px;
  position: absolute;
  background: #fff;
  padding: 29px;
  line-height: 2em;
  background: url(../partials/dearth/assets/images/menu-bg-big.gif);
  top: 800px;
  z-index: 9999;
  right: 40px;
  margin-bottom: 20px;
}
.dearth-root .main-rhys-video {
  width: 100%;
}
.dearth-root .main-close {
  display: inline-block;
  right: 30px;
  color: rgba(255, 255, 255, 0.73);
  position: absolute;
  top: 26px;
  right: 26px;
  z-index: 9999;
  font-size: 21px;
}
.dearth-root .media-post-toolbar {
  background: white;
  color: black;
  padding-left: 22px;
}
.dearth-root .player-functions {
  display: none;
}
.dearth-flip {
  position: relative;
  width: 100%;
  height: 100%;
}
.dearth-flip-front,
.dearth-flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dearth-flip-front {
  -webkit-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
  z-index: 1;
}
.dearth-flip-back-active > .dearth-flip > .dearth-flip-front {
  -webkit-transform: perspective(600px) rotateY(180deg);
  transform: perspective(600px) rotateY(180deg);
}
.dearth-flip-back {
  -webkit-transform: perspective(600px) rotateY(-179deg);
  transform: perspective(600px) rotateY(-179deg);
}
.dearth-flip-back-active > .dearth-flip > .dearth-flip-back {
  -webkit-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
  z-index: 2;
}
/*@media only screen and (max-device-width : 1024px) {
 all ios devices and other handhelds below 1024px

  .dearth-root {
    
    .dearth-trigger {
      
      video {
        display: none;
      }
      
      .video-gif{
        display: block;
      }
    }
  }
}*/
.dearth-swirl {
  display: none;
  position: fixed;
  height: 138px;
  width: 138px;
  z-index: 999999;
}
@font-face {
  font-family: 'nb_grotesk_pro75m_fett';
  src: url('fonts/grotesk/nbgroteskpro-mfett-webfont.eot');
  src: url('fonts/grotesk/nbgroteskpro-mfett-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/grotesk/nbgroteskpro-mfett-webfont.woff2') format('woff2'), url('fonts/grotesk/nbgroteskpro-mfett-webfont.woff') format('woff'), url('fonts/grotesk/nbgroteskpro-mfett-webfont.ttf') format('truetype'), url('fonts/grotesk/nbgroteskpro-mfett-webfont.svg#nb_grotesk_pro75m_fett') format('svg');
  font-weight: normal;
  font-style: normal;
}
.postid-25967 .pre-footer,
.postid-34262 .pre-footer,
.postid-25967 .footer,
.postid-34262 .footer,
.postid-25967 .sponsored-navigation,
.postid-34262 .sponsored-navigation,
.postid-25967 #notifications-area,
.postid-34262 #notifications-area {
  display: none !important;
}
.postid-25967 #main-ctrl:after,
.postid-34262 #main-ctrl:after {
  height: 0;
}
.single-upfront {
  position: relative;
}
.single-upfront .slide {
  position: relative;
  width: 100%;
}
.single-upfront .slide-content {
  position: absolute;
  width: 83%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.single-upfront .fixed-shareshare {
  position: absolute;
  bottom: 180px;
  left: 1.5%;
  z-index: 10;
}
.single-upfront .downloaddownload {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  bottom: 185px;
  left: calc(1.5% + 224px);
  background: #f7f7f7;
  border-radius: 2px;
  padding: 5px 7px;
  color: #000;
  font-weight: bold;
}
.single-upfront .downloaddownload:hover {
  color: red;
}
.single-upfront .sc-player {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.single-upfront .fixed-player {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 42px;
  z-index: 11;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.03);
}
.single-upfront .fixed-player iframe {
  display: none;
}
.single-upfront .fixed-player .playpause {
  display: inline-block;
  position: absolute;
  z-index: 20;
  top: 4px;
  left: 1.5%;
  color: #E7271E;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}
.single-upfront .fixed-player .playpause:hover {
  color: #FF4941;
}
.single-upfront .fixed-player .duration {
  display: inline-block;
  position: absolute;
  z-index: 20;
  top: 16px;
  left: calc(1.5% + 42px);
  color: #222;
  font-size: 12px;
  line-height: 1;
}
.single-upfront .fixed-player .duration strong {
  display: inline-block;
  margin-right: 1px;
}
.single-upfront .fixed-player .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 42px;
  z-index: 15;
  background: transparent;
}
.single-upfront .fixed-player .bar .progress {
  width: 3px;
  height: 42px;
  background: #fff;
  z-index: 16;
}
.upfront-2-airtexture {
  background: url(../partials/upfront-2-airtexture/img/background.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.upfront-2-airtexture .upfront-title {
  position: absolute;
  top: 3%;
  left: 3%;
}
.upfront-2-airtexture .upfront-title aside {
  line-height: 1;
  font-size: 12px;
}
.upfront-2-airtexture .upfront-title h1 {
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  font-size: 28px;
  margin: 12px 0 15px 0;
}
.upfront-2-airtexture .artist-social {
  margin: 0;
  padding: 0;
  list-style: none;
}
.upfront-2-airtexture .artist-social li {
  display: inline-block;
  margin-right: 8px;
  color: #fff;
}
.upfront-2-airtexture .artist-social li a {
  display: block;
  width: 34px;
  height: 34px;
  border: 2px solid #fff;
  border-radius: 17px;
  background: transparent;
  text-align: center;
  line-height: 31px;
  padding-left: 2px;
}
.upfront-2-airtexture .uglyblackbar {
  position: relative;
  z-index: 900;
  width: 100%;
  min-height: 300px;
  font-size: 20px;
  line-height: 1.6em;
  color: #f7f7f7;
  background: rgba(2, 2, 2, 0.84);
  padding: 1.5%;
}
.upfront-2-airtexture .uglyblackbar p {
  position: absolute;
  width: 518px;
  top: 50%;
  left: 50%;
  margin-left: -259px;
  margin-top: -138px;
  font-weight: 300;
}
.upfront-2-airtexture .intro-article {
  width: 955px;
  position: absolute;
  top: 67px;
  left: 50%;
  margin-left: -477px;
}
.upfront-2-airtexture .slide-intro {
  height: 1040px;
}
.upfront-2-airtexture .slide-intro .intro {
  width: 461px;
  text-align: right;
  /*padding-right: 32px;*/
  color: #fff;
}
.upfront-2-airtexture .slide-intro .intro aside {
  line-height: 1;
  font-size: 12px;
}
.upfront-2-airtexture .slide-intro .intro h1 {
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  font-size: 28px;
  margin: 12px 0 15px 0;
}
.upfront-2-airtexture .slide-intro .intro blockquote {
  padding: 0;
  margin: 0;
  /*font-size: 18px;*/
  font-style: normal;
  /*line-height: 1.35em;*/
  /*padding-left: 90px;*/
}
.upfront-2-airtexture .slide-intro .intro blockquote span {
  font-size: 14px;
}
.upfront-2-airtexture .slide-intro .article {
  width: 461px;
  background: #fff;
  color: #222;
  padding: 29px 32px 30px 32px;
}
.upfront-2-airtexture .slide-intro .article a {
  color: #000;
  text-decoration: underline;
}
.upfront-2-airtexture .slide-intro .article p {
  margin-top: 0;
}
.upfront-2-airtexture .slide-intro .article p:last-child {
  margin-bottom: 0;
}
.upfront-2-airtexture .slide-tracklist {
  min-height: 860px;
  position: relative;
}
.upfront-2-airtexture .slide-tracklist .cover-tracklist {
  width: 955px;
  position: absolute;
  top: 3%;
  left: 50%;
  margin-left: -477px;
}
.upfront-2-airtexture .slide-tracklist .cover {
  width: 461px;
  height: 461px;
  /*position: absolute;
      top: 3%;
      right: calc(~'3% + 492px');*/
  float: left;
  background: #fff url(../partials/upfront-2-airtexture/img/cover.jpg) no-repeat center center;
  background-size: cover;
}
.upfront-2-airtexture .slide-tracklist .tracklist {
  /*position: absolute;
      right: 3%;
      top: 3%;
      bottom: auto;*/
  float: right;
  width: 461px;
  height: 461px;
  background: #000 url(../partials/upfront-2-airtexture/img/tracklist.jpg) no-repeat top left;
  background-size: cover;
  opacity: 0.72;
}
.upfront-2-airtexture .slide-comments {
  display: none !important;
  padding-top: 40px;
  /*height: 700px;

    .commenthere {
      
      right: 50%;
      margin-right: -477px;
      
      width: 955px; 
    }

    .comments-wrapper {
      */
  /*position: absolute;
      top: 42px;
      right: 1.5%;
      bottom: 110px;
      width: 50%;
      overflow: auto;      
      padding: 0 1.5% 1.5% 1.5%;*/
  /*
      width: 461px;
      position: relative;
      left: 461px;
      overflow: auto;
      bottom: 110px;
      top: 42px;

      .comment-content {
        background: rgba(255,255,255,0.9);
      }

      .submit {
        color: #222;
      }
    }*/
}
.upfront-2-airtexture .slide-comments .comments-wrapper {
  padding-bottom: 190px;
  width: 955px;
  margin: 0 auto;
}
.upfront-2-airtexture .slide-comments .comments-wrapper .comment-content {
  background: rgba(255, 255, 255, 0.9);
}
.upfront-2-airtexture .slide-comments .comments-wrapper .submit {
  color: #fff;
}
.upfront-2-airtexture .slide-comments .comments-wrapper .submit:hover {
  color: red;
}
.upfront-2-airtexture .credits {
  position: absolute;
  font-size: 14px;
  bottom: 185px;
  right: 1.5%;
  font-style: italic;
  background: rgba(0, 0, 0, 0.2);
  line-height: 1;
  padding: 2px 4px;
  border-radius: 1px;
  text-align: right;
  line-height: 1.4em;
}
.upfront-2-airtexture .credits a {
  color: red;
}
/* POST PARTIALS */
.featured {
  padding: 22px;
  border: 2px solid #E7271E;
}
.featured .angled-overlay {
  display: none;
}
.featured .session-post .featured-overlay {
  display: initial;
}
.session-post {
  height: 100%;
  width: 100%;
  display: inline-block;
  position: relative;
  color: white;
}
.session-post .blurb {
  margin: 24px 24px 26px 24px;
  position: absolute;
  z-index: 200;
  bottom: 0;
}
.session-post .location {
  font-size: 12px;
  line-height: 1;
  margin: 0px 0 9px 0;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}
.session-post .headline {
  font-style: italic;
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 14px;
  line-height: 1.2em;
}
.session-post .action {
  margin: 0;
  font-size: 16px;
}
.session-post .action span {
  display: inline-block;
  margin-left: 2px;
}
.session-post .ic-play-fill {
  font-size: 48px;
  vertical-align: middle;
  padding-right: 5px;
}
.session-post .angled-overlay {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 425px solid #E7271E;
  border-right: 87px solid transparent;
  opacity: 0.6;
  width: 40%;
  z-index: 150;
}
.session-post .featured-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 686px solid #e7271e;
  border-bottom: 0px solid transparent;
  border-top: 110px solid transparent;
  border-right: 30px solid transparent;
  opacity: 0.6;
  height: 59%;
  display: none;
  z-index: 150;
}
.single-session #livestream {
  position: relative;
}
.single-session #livestream:-webkit-full-screen {
  position: absolute;
}
.single-session #livestream .logo-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 20%;
  z-index: 9999999;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 2%;
  display: none;
  opacity: 0;
}
.single-session #livestream .logo-session-34943 {
  display: none;
  opacity: 0;
}
.single-session #livestream .logo-geo-34943-RU {
  display: block;
  opacity: 1;
  background-image: url(../microsites/2014-moscow-adidas/assets/bug-adidas.png);
  background-size: 50px auto;
}
.blog-excerpt {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 24px;
  margin-bottom: calc(26px);
  position: relative;
}
.blog-excerpt .post-image {
  float: left;
  margin-right: 22px;
  width: 143px;
  height: 143px;
  background: #f7f7f7 no-repeat center center;
  background-size: cover;
  position: relative;
}
@media only screen and (min-width: 968px) {
  .blog-excerpt .post-image {
    float: none;
    margin-right: 0;
    width: 100%;
    height: 56vw;
    margin-bottom: 13px;
  }
}
.blog-excerpt .categories {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 4;
  color: white;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  padding: 7px 11px;
  line-height: 1;
  background: rgba(243, 129, 0, 0.9);
  display: inline-block;
  list-style: none;
}
.blog-excerpt .categories li {
  display: inline-block;
  margin: 0;
  float: none;
  cursor: default;
}
.blog-excerpt .categories li::after {
  display: inline-block;
  content: "/";
  margin: 0 0px 0 4px;
  cursor: default;
}
.blog-excerpt .categories li:last-child::after {
  content: "";
  margin: 0;
}
.blog-excerpt .categories li a:hover {
  text-decoration: underline;
}
.blog-excerpt .post-title {
  margin: -2px 0 6px 0;
}
.blog-excerpt .post-title a {
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
  color: #EB8B1E;
}
.blog-excerpt .post-content {
  width: calc(482px);
  float: left;
  font-size: 15px;
  margin: 0;
}
.blog-excerpt .read-it-all {
  color: #EB8B1E;
  text-decoration: none;
}
.upcoming-post {
  position: relative;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 26px;
}
.upcoming-post .upcoming-session-bar {
  background: #E7271E;
  line-height: 1;
  font-size: 12px;
  line-height: 34px;
  color: white;
}
@media only screen and (max-width: 968px) {
  .upcoming-post .upcoming-session-bar {
    display: none;
  }
}
.upcoming-post .upcoming-session-bar .session-name {
  display: inline-block;
  padding-left: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 505px;
  overflow: hidden;
  height: 34px;
}
.upcoming-post .upcoming-session-bar .session-name strong {
  font-weight: bold;
}
.upcoming-post .upcoming-session-bar .session-remindme {
  display: inline-block;
  background-color: #E7271E;
  cursor: pointer;
  text-align: right;
}
.upcoming-post .upcoming-session-bar .session-remindme span {
  display: inline-block;
  background: #26282A;
  padding: 0 11px;
}
.upcoming-post .upcoming-session-bar .session-remindme.session-gotorecordings {
  padding: 0 11px;
}
.upcoming-post .upcoming-session-bar .session-remindme i {
  display: inline-block;
  margin-right: 2px;
  margin-top: -1px;
}
.upcoming-post .upcoming-session-bar.archive-bar {
  background: #26282A;
}
.upcoming-post .featured-header {
  position: relative;
  z-index: 5;
  background: #26282A no-repeat center center;
  background-size: cover;
  height: 348px;
  overflow: hidden;
}
.upcoming-post .featured-header .dark-fade {
  z-index: 9;
  opacity: 0.5;
}
.upcoming-post .featured-header .upcoming-overlay {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  border-left: 686px solid rgba(38, 40, 42, 0.91);
  border-bottom: 0px solid transparent;
  border-top: 120px solid transparent;
  border-right: 30px solid transparent;
  height: 190px;
}
.upcoming-post .featured-header .featured-title {
  position: absolute;
  z-index: 15;
  left: 22px;
  right: 22px;
  bottom: 47px;
  color: white;
}
.upcoming-post .featured-header .featured-title .post-meta {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  list-style: none;
  padding: 0;
  margin: 0;
}
.upcoming-post .featured-header .featured-title h2 {
  font-weight: bold;
  font-style: italic;
  font-size: 30px;
  margin: 6px 0 30px 0;
  width: 72%;
  line-height: 1.2em;
}
@media only screen and (max-width: 968px) {
  .upcoming-post .featured-header .featured-title h2 {
    width: 100%;
  }
}
.upcoming-post .featured-content {
  position: relative;
  z-index: 20;
  top: -48px;
  left: 0;
  right: 0;
  background: white;
  padding: 22px;
  margin: 0 22px -48px 22px;
}
.upcoming-post .featured-content blockquote {
  margin: 0;
  width: 190px;
  font-size: 19px;
  line-height: 1.4em;
  font-weight: 300;
  font-style: italic;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #EB8B1E;
  margin-top: -5px;
}
@media only screen and (max-width: 968px) {
  .upcoming-post .featured-content blockquote {
    width: 100%;
  }
}
.upcoming-post .featured-content .post-excerpt {
  width: calc(100% - 190px - 22px);
  margin: 0;
  font-size: 15px;
  line-height: 1.6em;
}
@media only screen and (max-width: 968px) {
  .upcoming-post .featured-content .post-excerpt {
    width: 100%;
    float: none;
  }
}
.upcoming-post .featured-content .post-excerpt .read-it-all {
  color: #EB8B1E;
  text-decoration: none;
}
.tracklist {
  height: 100%;
  width: 100%;
  color: white;
}
.tracklist .post-type-left {
  width: 15%;
}
.tracklist-tag {
  border-bottom: 24px solid #E7271E;
  border-top: 0px solid #E7271E;
  border-right: 3px solid transparent;
  padding: 0 7px;
}
.tracklist-header {
  display: block;
  padding: 24px;
  background-size: cover;
  overflow: hidden;
}
.tracklist-title-container {
  width: 50%;
  float: left;
  height: 100%;
  display: table;
}
.tracklist-title {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-style: italic;
  padding-right: 24px;
}
.tracklist-recording {
  width: 45%;
  width: calc(50% - 12px);
  float: right;
  height: 100%;
  position: relative;
}
.tracklist-table-container {
  /* should become percentage height when whole section has height */
  height: 300px;
  overflow: scroll;
  clear: both;
}
.post-tracklist {
  display: table;
  width: 100%;
  padding-left: 0;
  margin: 0;
  padding: 0;
}
.post-tracklist-track {
  display: table-row;
  line-height: 24px;
}
.post-tracklist-track:nth-child(odd) {
  background: #26282A;
}
.post-tracklist-track:nth-child(even) {
  background: #202224;
}
.track-number,
.track-artist,
.track-title,
.buy-track {
  display: table-cell;
  padding: 12px 24px 12px 0;
}
.track-number {
  padding-left: 24px;
}
.track-artist {
  font-weight: bold;
}
.large-recording .recording .play-recording::before {
  content: none;
}
.large-recording .recording .play-button {
  display: initial;
}
.large-recording .play-button {
  display: inline-block;
  font-size: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
}
.large-recording .recording-length {
  padding: 0;
  display: inline;
}
.large-recording .recording-length::before {
  content: "/ ";
}
.play-button {
  display: none;
}
.recording {
  height: 174px;
  width: 100%;
  position: absolute;
  background-size: cover;
  color: white;
}
.recording-title {
  position: absolute;
  bottom: 0;
  left: 11px;
  right: 11px;
  font-size: 14px;
  font-style: italic;
  z-index: 200;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 3px;
  text-transform: uppercase;
}
.recording-title > span {
  line-height: 20px;
  padding-top: 1px;
}
.recording-title > i {
  display: inline-block;
  margin-right: 6px;
  margin-top: -1px;
  margin-left: 1px;
}
.recording-title .facts {
  width: calc(75%);
  line-height: 1.39em;
}
.recording-length {
  font-weight: normal;
  display: block;
  text-transform: uppercase;
  z-index: 200;
  font-size: 12px;
  margin-top: 2px;
}
.recording .recording-date {
  position: absolute;
  top: 11px;
  left: 11px;
  display: inline-block;
  font-style: italic;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  z-index: 201;
  display: none;
}
.recording:hover .recording-date {
  display: block;
}
.featured-recording {
  position: absolute;
  right: 11px;
  top: 9px;
  background-color: transparent;
  color: #FFEA00;
  font-size: 24px;
  line-height: 1;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
  z-index: 200;
}
.featured-recording i {
  font-size: 24px;
  line-height: 24px;
  padding-left: 1px;
  color: #FFEA00;
}
.thumbnail .featured-recording {
  background: transparent;
}
.thumbnail .featured-recording i {
  color: #FFEA00;
}
.play-recording {
  font-size: 20px;
  z-index: 100;
}
.recording-thumbnail {
  position: relative;
  width: 100%;
}
.recording-thumbnail .thumbnail {
  width: 40%;
  height: 77px;
  position: relative;
  background: #26282A no-repeat center center;
  background-size: cover;
}
.recording-thumbnail .thumbnail .dark-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 100%;
}
.recording-thumbnail .thumbnail .featured-recording {
  position: absolute;
  font-size: 13px;
  line-height: 1;
  z-index: 3;
  top: -3px;
  right: 4px;
}
.recording-thumbnail .thumbnail .featured-recording i:before {
  font-size: 15px;
  line-height: 1;
}
.recording-thumbnail .thumbnail .play-recording {
  position: absolute;
  z-index: 4;
  font-size: 38px;
  line-height: 1;
  top: 50%;
  left: 50%;
  margin-top: -19px;
  margin-left: -19px;
  color: white;
}
.recording-thumbnail .title {
  width: 60%;
  padding-left: 11px;
  padding-top: 2px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: italic;
  line-height: 1.4em;
}
.recording-thumbnail .title span:first-child {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
}
.recording-thumbnail .title .length {
  padding: 0;
  line-height: 1;
}
.single-recording .main,
.single-session .main {
  width: 100%;
  padding: 22px 0 22px 0;
  box-shadow: none;
}
.single-recording .post-header,
.single-session .post-header {
  background-color: #FFFFFF;
  color: #26282A;
}
.single-recording .post-header .session-link,
.single-session .post-header .session-link {
  margin-top: 20px;
  display: block;
}
.single-recording .post-header .post-title,
.single-session .post-header .post-title {
  padding-top: 0;
  margin-top: 0;
}
.single-recording .post-header .hug,
.single-session .post-header .hug {
  height: auto;
}
.single-recording .wrapper-post-info,
.single-session .wrapper-post-info {
  width: calc(970px);
  margin: 0 auto;
}
@media only screen and (max-width: 968px) {
  .single-recording .wrapper-post-info,
  .single-session .wrapper-post-info {
    padding: 0 5% 0 5%;
    width: 100%;
  }
}
.single-recording .recording-tab-header,
.single-session .recording-tab-header {
  height: 80px;
  line-height: 80px;
}
.single-recording .recording-tab-header > ul,
.single-session .recording-tab-header > ul {
  display: flex;
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
.single-recording .recording-tab-header > ul > li,
.single-session .recording-tab-header > ul > li {
  flex-grow: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.single-recording .recording-tab-header > ul > li.active,
.single-session .recording-tab-header > ul > li.active {
  font-weight: bold;
  text-decoration: underline;
  background-color: #F0F3F7;
}
.single-recording .recording-related-recordings > h4,
.single-session .recording-related-recordings > h4 {
  display: none;
}
@media only screen and (max-width: 968px) {
  .single-recording .recording-related-recordings > h4,
  .single-session .recording-related-recordings > h4 {
    display: block;
  }
}
.single-recording .recording-related-recordings .recording-list > li,
.single-session .recording-related-recordings .recording-list > li {
  display: block;
  margin: 0 0 11px 0;
  width: 100%;
}
.single-recording .recording-related-recordings .recording-list > li:last-child,
.single-session .recording-related-recordings .recording-list > li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 968px) {
  .single-recording .recording-related-recordings .recording-list > li .thumbnail,
  .single-session .recording-related-recordings .recording-list > li .thumbnail {
    width: 100%;
    float: none;
    height: 198px;
  }
}
.single-recording .recording-related-recordings .recording-list > li .post-preview,
.single-session .recording-related-recordings .recording-list > li .post-preview {
  height: auto;
  padding-bottom: 0;
  width: 60%;
}
@media only screen and (max-width: 968px) {
  .single-recording .recording-related-recordings .recording-list > li .post-preview,
  .single-session .recording-related-recordings .recording-list > li .post-preview {
    width: 100%;
    float: none;
  }
}
.single-recording .player-toolbar .player-functions,
.single-session .player-toolbar .player-functions {
  font-size: 0;
}
.single-recording .player-toolbar .player-functions i,
.single-session .player-toolbar .player-functions i {
  font-size: 9px;
  margin-right: 5px;
  margin-top: -1px;
}
.single-recording .player-toolbar li,
.single-session .player-toolbar li {
  margin-right: 14px;
  font-size: 14px;
}
.single-recording .player-toolbar li a,
.single-session .player-toolbar li a {
  display: inline-block;
  line-height: 34px;
  padding: 0;
  border-radius: 2px;
}
.single-recording .player-toolbar li a:hover,
.single-session .player-toolbar li a:hover {
  color: #E7271E;
}
.single-recording .player-toolbar .playback-switch,
.single-session .player-toolbar .playback-switch {
  border: 1px solid #ddd;
  padding: 1px;
  padding: 2px;
  line-height: 28px;
  border-radius: 19px;
  letter-spacing: 0.1px;
  list-style: none;
  margin: 8px 14px 0 0;
  font-size: 0;
}
.single-recording .player-toolbar .playback-switch li,
.single-session .player-toolbar .playback-switch li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.single-recording .player-toolbar .playback-switch a,
.single-session .player-toolbar .playback-switch a {
  display: inline-block;
  width: 74px;
  text-align: center;
  background: none;
  font-size: 14px;
  vertical-align: top;
}
.single-recording .player-toolbar .playback-switch a:hover,
.single-session .player-toolbar .playback-switch a:hover {
  background-color: #f7f7f7;
  border-radius: 17px;
  color: #26282A;
}
.single-recording .player-toolbar .playback-switch a.active,
.single-session .player-toolbar .playback-switch a.active {
  color: #fff;
  background-color: #303336;
  border-radius: 17px;
  cursor: default;
}
.single-recording .player-toolbar .playback-switch a.active:hover,
.single-session .player-toolbar .playback-switch a.active:hover {
  background-color: #303336;
}
.single-recording .player-toolbar .video-stats,
.single-session .player-toolbar .video-stats {
  color: #878A8D;
  cursor: default;
}
.single-recording .player-toolbar .switch-player > ul > li,
.single-session .player-toolbar .switch-player > ul > li {
  margin-right: 0;
}
.recent-recordings {
  position: relative;
  display: inline-block;
  width: 100%;
  background-size: cover;
  color: white;
}
.recent-recordings .recordings-tag {
  border-bottom: 24px solid #E7271E;
  border-top: 0px solid #E7271E;
  border-left: 3px solid transparent;
  padding: 0 7px;
  right: 0;
}
.recent-recordings .recordings-top-row {
  overflow: hidden;
  margin: 24px;
}
.recent-recordings .large-recording {
  display: inline-block;
  float: left;
  position: relative;
  width: 100%;
}
.recent-recordings .headline-container {
  height: 100%;
  display: inline-block;
  margin: 0;
  float: left;
  margin-bottom: 24px;
}
.recent-recordings .recording-info {
  font-style: italic;
  font-size: 0.7em;
  margin: 0;
}
.recent-recordings .headline {
  vertical-align: middle;
  font-style: italic;
}
.recent-recordings .small-recording {
  display: inline-block;
  margin-left: 24px;
  margin-bottom: 24px;
  width: calc((98% - 96px) / 3);
  position: relative;
}
.featured-debut-image {
  width: 100%;
  height: 100%;
  position: relative;
}
.featured-track {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  z-index: 300;
}
.debuts-play-button {
  color: #fff;
  position: absolute;
  bottom: 29px;
  left: 57px;
}
.debuts-play-button::before {
  -webkit-transition: all 0.02s ease-in-out;
  font-size: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  cursor: pointer;
  z-index: 200;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}
.debuts-soundcloud iframe {
  display: none;
}
.seekbar {
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: 200;
  background: transparent;
}
.progress {
  height: 3px;
  background: white;
  position: absolute;
  bottom: 0;
}
.dark-fade {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  left: 0;
  right: 0;
  top: auto;
  height: 190px;
  background: linear-gradient(rgba(38, 40, 42, 0), rgba(38, 40, 42, 0.4));
  z-index: 100;
}
.mediakitkit {
  background: #161616;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.mediakitkit form {
  width: 300px;
  margin: 10% auto 0 auto;
  color: #fff;
  line-height: 1.6em;
  font-size: 14px;
  background: url(../images/br-logo-auth.png) no-repeat center top;
  background-size: 155px 156px;
  padding-top: 200px;
}
.mediakitkit form label {
  display: block;
  margin-top: 24px;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: none;
}
.mediakitkit form input[type=password] {
  border: 0;
  border-radius: 3px 3px 0 0;
  background: #f1f1f1;
  padding-left: 12px;
  height: 48px;
  display: block;
  width: 100%;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  outline: none;
}
.mediakitkit form input[type=password]:focus {
  background: #fff;
}
.mediakitkit form input[type=submit] {
  display: block;
  width: 100%;
  border: 0;
  color: #fff;
  background: #E33930;
  text-align: center;
  border-radius: 0 0 2px 2px;
  font-size: 16px;
  font-weight: normal;
  line-height: 38px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  outline: none;
}
.mediakitkit form input[type=submit]:hover {
  background: #E7271E;
}
.mediakitkit .speakerdeck-iframe {
  position: absolute;
  top: -26px;
  left: 0;
  bottom: -26px;
  right: 0;
  width: 100%;
  height: calc(100% + 62px);
}
.mediakitkit .loadmediakit {
  position: absolute;
  top: 3%;
  right: 3%;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  color: black;
  border-radius: 2px;
}
.mediakitkit .loadmediakit:hover {
  text-decoration: none;
  background: #ffffff;
}
.mediakitkit .openvideo {
  position: absolute;
  z-index: 200;
  top: 3%;
  left: 3%;
  font-size: 14px;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  margin-top: 2px;
  cursor: pointer;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.mediakitkit .openvideo i {
  font-size: 22px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
  margin-right: 2px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.mediakitkit .openvideo:hover i {
  margin-right: 3px;
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.mediakitkit .great-wrapper {
  position: absolute;
  z-index: 500;
  background: #000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  color: white;
}
.mediakitkit .great-wrapper .great-video {
  position: absolute;
  top: 50%;
  margin-top: -247px;
  left: 50%;
  margin-left: -440px;
  z-index: 600;
  width: 880px;
  height: 495px;
}
.mediakitkit .great-wrapper .closevideo {
  position: absolute;
  bottom: 38px;
  left: 50%;
  margin-left: -15px;
  cursor: pointer;
  display: inline-block;
  color: #454545;
  font-size: 30px;
  line-height: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.mediakitkit .great-wrapper .closevideo:hover {
  color: #fff;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.video-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.recording-audio-wrap {
  position: relative;
}
.recording-audio-wrap:hover .recording-audio-controls {
  opacity: 1;
}
.front-slider:hover .video-header-controls,
.video-header:hover .video-header-controls {
  opacity: 1;
}
.video-header-controls,
.recording-audio-controls {
  position: absolute;
  z-index: 2;
  top: 6px;
  right: 6px;
  cursor: pointer;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  width: 42px;
  height: 42px;
  text-align: center;
  border-radius: 2px;
  opacity: 1;
}
.video-header-controls .recording-audio-muted-icon,
.recording-audio-controls .recording-audio-muted-icon,
.video-header-controls .video-header-muted-icon,
.recording-audio-controls .video-header-muted-icon {
  background-image: url("../images/speaker.svg");
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px;
  margin-top: 13px;
  display: inline-block;
}
.video-header-controls .video-header-progress-indicator,
.recording-audio-controls .video-header-progress-indicator,
.video-header-controls .recording-audio-progress-indicator,
.recording-audio-controls .recording-audio-progress-indicator {
  border: 2px solid #fff;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  position: relative;
  margin-top: 9px;
  display: inline-block;
}
.video-header-controls .video-header-progress-indicator i,
.recording-audio-controls .video-header-progress-indicator i,
.video-header-controls .recording-audio-progress-indicator i,
.recording-audio-controls .recording-audio-progress-indicator i {
  display: block;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  transition: all .1s;
}
.recording-audio-controls {
  opacity: 0;
}
@media only screen and (max-width: 968px) {
  .video-header-controls {
    opacity: 0;
  }
}
#sofie h3 {
  font-size: 21pt;
  margin: 0;
  color: black;
}
#sofie p {
  font-size: 10pt;
  color: black;
  margin: 1em 0;
  line-height: 1.3;
}
#sofie a {
  color: blue;
  text-decoration: underline;
}
#sofie img {
  max-width: 650px;
  margin: auto;
}
#sofie #mce-EMAIL {
  width: 100%;
  font-size: 24px;
  border: 0;
  border-bottom: 3px solid black;
  padding: 10px;
  text-align: center;
}
#sofie #mc-embedded-subscribe {
  border-style: none;
  font-size: 24px;
  text-align: center;
  width: 100%;
  font-weight: bold;
  background-color: #FFFE4E;
  padding: 10px;
  text-transform: lowercase;
}
footer.main-footer {
  background: black;
  color: white;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
}