/* compass imports */
/* background image --------------------------------- */
/* font families ------------------------------------ */
/*
$fontfamilyBold:'HelveticaNeue-75-Bold', 'Helvetica', Arial,  sans-serif !default;
$fontfamilyItalic:'HelveticaNeue-56-Italic', 'Helvetica', Arial, sans-serif !default;
$fontfamilyBoldItalic:'HelveticaNeue-76-Bold-Italic', 'Helvetica', Arial, sans-serif !default;

$fontfamilyLight:'HelveticaNeue-45-Light', 'Helvetica', Arial, sans-serif !default;
$fontfamilyLightBold: $fontfamilyBold;
$fontfamilyLightItalic:'HelveticaNeue-46-Light-Italic', 'Helvetica', Arial, sans-serif !default;
$fontfamilyLightBoldItalic: $fontfamilyBoldItalic;
*/
/* 404 & 403 error pages ------------------------------------ */
/* SBS colours ---------------------------------------- */
/* generic colours ------------------------------------ */
/* spacing ------------------------------------------ */
/* configuration ------------------------------------ */
/* grid variables ------------------------------------ */
/* Used in print */
/* preset image sizes ------------------------------------ */
/* ==========
  Scrollers
========== */
/* ==============
  Theme folder names
=================*/
/* categorised mixins */
/* Overlay mixins */
/**
** Misc mixins
*/
/* ====
mobile mix ins
==== */
/* ====
Tablet mix ins
==== */
/* use placeholders whenever possible for more efficient CSS! */
/* line 14, global/scss/placeholders/_mixins.scss */
.feature_list li:hover h3,
.feature_list li:hover .metadata-info,
.feature_list li.on h3,
.feature_list li.on .metadata-info, .feature_list li:hover h3 > div[class],
.feature_list li:hover .metadata-info > div[class],
.feature_list li.on h3 > div[class],
.feature_list li.on .metadata-info > div[class],
.feature_list li:hover a,
.feature_list li:hover a > div[class], .feature_list li, .feature_list h3 > div[class],
.feature_list .metadata-info > div[class],
.feature_list a > div[class], .feature_list h3,
.feature_list .metadata-info,
.feature_list a {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color; }

/* line 20, global/scss/placeholders/_mixins.scss */
.feature_list li:hover .block_item,
.feature_list li.on .block_item, .feature_list li .block_item {
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color; }

/* line 23, global/scss/placeholders/_animation.scss */
.feature_list li:hover h3,
.feature_list li:hover .metadata-info,
.feature_list li.on h3,
.feature_list li.on .metadata-info, .feature_list li:hover h3 > div[class],
.feature_list li:hover .metadata-info > div[class],
.feature_list li.on h3 > div[class],
.feature_list li.on .metadata-info > div[class],
.feature_list li:hover a,
.feature_list li:hover a > div[class], .feature_list li:hover .block_item,
.feature_list li.on .block_item {
  -webkit-transition-duration: 0.075s;
  -moz-transition-duration: 0.075s;
  -o-transition-duration: 0.075s;
  transition-duration: 0.075s; }

/* line 26, global/scss/placeholders/_animation.scss */
.feature_list li, .feature_list h3 > div[class],
.feature_list .metadata-info > div[class],
.feature_list a > div[class], .feature_list h3,
.feature_list .metadata-info,
.feature_list a, .feature_list li .block_item {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

/* line 37, global/scss/placeholders/_animation.scss */
.feature_list li:hover h3,
.feature_list li:hover .metadata-info,
.feature_list li.on h3,
.feature_list li.on .metadata-info, .feature_list li:hover h3 > div[class],
.feature_list li:hover .metadata-info > div[class],
.feature_list li.on h3 > div[class],
.feature_list li.on .metadata-info > div[class],
.feature_list li:hover a,
.feature_list li:hover a > div[class], .feature_list li, .feature_list h3 > div[class],
.feature_list .metadata-info > div[class],
.feature_list a > div[class], .feature_list h3,
.feature_list .metadata-info,
.feature_list a, .feature_list li:hover .block_item,
.feature_list li.on .block_item, .feature_list li .block_item {
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

/* ====
Feature Carousel
==== */
/* line 7, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.scroller-bean-feature {
  height: 455px;
  clear: both;
  position: relative; }
  /* line 99, global/scss/mixins/_scroller.scss */
  .scroller-bean-feature .mask {
    height: 455px;
    background: #000;
    position: relative;
    width: 100%;
    overflow: hidden; }
    /* line 105, global/scss/mixins/_scroller.scss */
    .scroller-bean-feature .mask .field-items {
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      bottom: 0;
      width: 99999em; }
  /* line 115, global/scss/mixins/_scroller.scss */
  .scroller-bean-feature .field-items {
    list-style-type: none; }
    /* line 117, global/scss/mixins/_scroller.scss */
    .scroller-bean-feature .field-items .field-item {
      width: 300px;
      height: 1px;
      float: left;
      position: relative; }
      /* line 122, global/scss/mixins/_scroller.scss */
      .scroller-bean-feature .field-items .field-item .meta_data {
        position: static;
        left: 0;
        bottom: 0;
        margin: 0;
        min-height: 42px;
        width: 240px;
        padding-left: 50px; }
        /* line 130, global/scss/mixins/_scroller.scss */
        .scroller-bean-feature .field-items .field-item .meta_data h3 {
          margin-bottom: 0;
          font-size: 16px ;
          line-height: 18px ;
          letter-spacing: 0px ; }
      /* line 138, global/scss/mixins/_scroller.scss */
      .scroller-bean-feature .field-items .field-item .field-item {
        width: auto; }
  /* line 146, global/scss/mixins/_scroller.scss */
  .scroller-bean-feature .dots {
    bottom: -32px;
    position: absolute;
    left: 43%;
    padding: 20px 10px; }
    /* line 151, global/scss/mixins/_scroller.scss */
    .scroller-bean-feature .dots li {
      float: left;
      margin: 3px;
      list-style-type: none;
      background: #999;
      overflow: hidden;
      width: 30px;
      height: 2px; }
      /* line 159, global/scss/mixins/_scroller.scss */
      .scroller-bean-feature .dots li.on {
        background: #444; }
      /* line 162, global/scss/mixins/_scroller.scss */
      .scroller-bean-feature .dots li a {
        width: 100%;
        height: 100%;
        display: block;
        text-indent: -9999em; }
        /* line 167, global/scss/mixins/_scroller.scss */
        .scroller-bean-feature .dots li a:visited, .scroller-bean-feature .dots li a:hover {
          width: 100%;
          height: 100%;
          display: block;
          text-indent: -9999em; }
      /* line 174, global/scss/mixins/_scroller.scss */
      .scroller-bean-feature .dots li:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: 0.9;
        background: #B4C814; }
  /* line 47, global/scss/mixins/_scroller.scss */
  .scroller-bean-feature .btns {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 5; }
    /* line 53, global/scss/mixins/_scroller.scss */
    .scroller-bean-feature .btns a {
      position: absolute;
      bottom: 0;
      left: 0;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    /* line 65, global/scss/mixins/_scroller.scss */
    .scroller-bean-feature .btns .previous {
      text-indent: -119988px;
      overflow: hidden;
      text-align: left;
      background: black url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAdCAYAAAB1yDbaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTVGRUY4RUQ1QTFDM0QzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQTlGMjkxM0JCOEQxMUUyQUVGREEyM0M3OTc4QTBGQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQTlGMjkxMkJCOEQxMUUyQUVGREEyM0M3OTc4QTBGQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M3RTdFQTAyMDIwNjgxMTgwODNGNkI2NzZBMkU3ODkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk1RkVGOEVENUExQzNEMzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SogHSAAAAiUlEQVR42pzVSQ7AIAxDUeD+d04HlYohIbYrIXXz/qKFUM2siI81Fd6rNhU+L02FLJ4ggzeIYhciOIQZPsITTmGEIehhGK6YgiOmYccS7Lh+AQkXNTB+MDqw/ioq4G0SOBBtTyhwOhhpIDuSxwAyDMIAOobcADMAtwA7eqeAMvT/gHrdvIFLgAEAWwMgNtBrei4AAAAASUVORK5CYII=") center center no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      display: block;
      width: 45px;
      height: 45px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      bottom: 10px;
      left: 10px; }
      /* line 386, global/scss/mixins/_button.scss */
      .scroller-bean-feature .btns .previous:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: 0.9;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.075s;
        -moz-transition-duration: 0.075s;
        -o-transition-duration: 0.075s;
        transition-duration: 0.075s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }
    /* line 76, global/scss/mixins/_scroller.scss */
    .scroller-bean-feature .btns .next {
      text-indent: -119988px;
      overflow: hidden;
      text-align: left;
      background: black url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAdCAYAAAB1yDbaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTVGRUY4RUQ1QTFDM0QzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMEZGMTRGOUJCOEQxMUUyQUZFRTlFN0U1MDFEN0FGOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMEZGMTRGOEJCOEQxMUUyQUZFRTlFN0U1MDFEN0FGOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M3RTdFQTAyMDIwNjgxMTgwODNGNkI2NzZBMkU3ODkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTk1RkVGOEVENUExQzNEMzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4wLYUHAAAAh0lEQVR42pyVWQ7AIAgFce5/Z7ukMbZFhMeXYmbiiq2fYWbNhOABuwqbKmBqlwV8+iUBTi4tYJFPCQjGtgI28lBAYmlLAcmNdQUUjvUnoHipXgKEKz0ECjwEKnw/Y1RQmfarcKCCFdgtVahgBg6LIyoYwalyjAp6cOkDQAVnWPpyUMErDgEGAJmsIDfZjMbpAAAAAElFTkSuQmCC") center center no-repeat;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      display: block;
      width: 45px;
      height: 45px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      bottom: 58px;
      left: 10px; }
      /* line 386, global/scss/mixins/_button.scss */
      .scroller-bean-feature .btns .next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: 0.9;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.075s;
        -moz-transition-duration: 0.075s;
        -o-transition-duration: 0.075s;
        transition-duration: 0.075s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }

/* line 11, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.scroller-bean-feature {
  height: 520px;
  border-bottom: 2px solid transparent; }
  /* line 15, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature .mask {
    height: 455px;
    border-bottom: 1px solid white; }
    /* line 67, global/scss/mixins/_misc.scss */
    .scroller-bean-feature .mask .meta_data {
      padding: 15px 10px;
      bottom: 10px;
      left: 98px;
      width: auto;
      max-width: 300px;
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 10px;
      -webkit-transition-property: background-color;
      -moz-transition-property: background-color;
      -o-transition-property: background-color;
      transition-property: background-color;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      margin: 2px 10px 10px 10px;
      position: absolute; }
      /* line 39, global/scss/mixins/_misc.scss */
      .scroller-bean-feature .mask .meta_data:hover {
        -webkit-transition-property: background-color;
        -moz-transition-property: background-color;
        -o-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-duration: 0.075s;
        -moz-transition-duration: 0.075s;
        -o-transition-duration: 0.075s;
        transition-duration: 0.075s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        background-color: white;
        background-color: white; }
      /* line 76, global/scss/mixins/_misc.scss */
      .scroller-bean-feature .mask .meta_data h3 {
        color: #1b2024;
        font-size: 26px ;
        line-height: 26px ;
        letter-spacing: -1px ; }
        /* line 78, global/scss/mixins/_misc.scss */
        .scroller-bean-feature .mask .meta_data h3 a {
          color: #1b2024; }
    /* line 20, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .mask:after {
      width: 100%;
      height: 14px;
      content: '';
      display: block;
      z-index: 8;
      background: transparent url(/global/profiles/sbsdistribution/themes/global/images/shadow_top.png) no-repeat 0 2px;
      background-size: 100% 14px;
      position: absolute;
      bottom: 0;
      left: 0; }
      /* line 31, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile .scroller-bean-feature .mask:after {
        display: none; }
    /* line 36, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .mask .field-item .meta_data {
      background: transparent none;
      padding: 0;
      max-width: 320px;
      width: 300px; }
      /* line 42, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data .metadata-info {
        display: none; }
      /* line 47, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data.sbs-title-long h3 {
        -webkit-font-smoothing: antialiased;
        font-size: 19px ;
        line-height: 20px ;
        letter-spacing: 0px ;
        font-family: "Museo-Slab-700", "Helvetica", Arial, sans-serif; }
        /* line 49, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
        .scroller-bean-feature .mask .field-item .meta_data.sbs-title-long h3 a {
          height: 80px; }
      /* line 55, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data.sbs-title-very-long h3 {
        -webkit-font-smoothing: antialiased;
        font-size: 18px ;
        line-height: 19px ;
        letter-spacing: 0px ;
        font-family: "Museo-Slab-700", "Helvetica", Arial, sans-serif; }
      /* line 60, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data.sbs-title-very-very-long h3 {
        -webkit-font-smoothing: antialiased;
        font-size: 16px ;
        line-height: 16px ;
        letter-spacing: 0px ;
        font-family: "Museo-Slab-700", "Helvetica", Arial, sans-serif; }
        /* line 62, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
        .scroller-bean-feature .mask .field-item .meta_data.sbs-title-very-very-long h3 a {
          height: 80px; }
      /* line 68, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data .field-name-field-abstract,
      .scroller-bean-feature .mask .field-item .meta_data h3 {
        background-color: white;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 10px;
        padding: 10px;
        height: 73px;
        overflow: hidden;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        position: absolute;
        max-width: 320px;
        width: 300px; }
      /* line 80, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data h3 {
        bottom: 20px;
        left: 108px;
        -webkit-font-smoothing: antialiased;
        font-weight: bold ;
        font-size: 26px ;
        line-height: 25px ;
        letter-spacing: -1px ;
        font-family: "Museo-Slab-700", "Helvetica", Arial, sans-serif;
        display: block;
        height: 73px;
        overflow: hidden; }
        /* line 81, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
        .scroller-bean-feature .mask .field-item .meta_data h3.field-label {
          display: none; }
        /* line 90, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
        .scroller-bean-feature .mask .field-item .meta_data h3 a {
          display: block;
          height: 77px;
          overflow: hidden;
          margin-top: -2px; }
      /* line 98, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .mask .field-item .meta_data .field-name-field-abstract {
        margin-top: 3px;
        height: 73px;
        overflow: hidden;
        font-size: 14px ;
        line-height: 14px ;
        letter-spacing: 0px ;
        bottom: 116px;
        left: 108px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out; }
    /* line 111, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .mask .field-item.on .meta_data h3 {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-animation: fadeInDelay 0.075s 0.5s forwards ease-in-out;
      -moz-animation: fadeInDelay 0.075s 0.5s forwards ease-in-out;
      animation: fadeInDelay 0.075s 0.5s forwards ease-in-out; }
      /* line 108, global/scss/mixins/_animations.scss */
      .scroller-bean-feature .mask .field-item.on .meta_data h3 else {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-animation: fadeOutDelay 0.075s 0.5s forwards ease-in-out;
        -moz-animation: fadeOutDelay 0.075s 0.5s forwards ease-in-out;
        animation: fadeOutDelay 0.075s 0.5s forwards ease-in-out; }
    /* line 117, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .mask .field-item.on:hover .field-name-field-abstract {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.075s;
      -moz-transition-duration: 0.075s;
      -o-transition-duration: 0.075s;
      transition-duration: 0.075s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
  /* line 124, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature .field-label {
    display: none; }
  /* line 128, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature .field-items .field-item {
    display: block;
    height: 455px;
    width: 1015px; }
    /* line 132, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .field-items .field-item.on {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    /* line 135, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .field-items .field-item img {
      margin-right: 0; }
  /* line 140, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature .btns {
    width: 45px;
    height: 90px;
    left: 50px;
    bottom: 75px;
    top: auto; }
    /* line 146, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .btns a.next {
      top: auto; }
  /* line 150, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature .dots {
    z-index: 1; }
    /* line 152, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .scroller-bean-feature .dots li {
      height: 4px;
      width: 40px;
      position: relative;
      overflow: visible; }
      /* line 157, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .scroller-bean-feature .dots li a {
        position: absolute;
        top: -13px;
        height: 30px !important;
        width: 100%;
        left: 0; }
  /* line 166, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature ul li:first-child .meta_data {
    display: block; }

/* line 176, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.no-cssanimations .scroller-bean-feature .mask .field-item.on .meta_data h3 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

/* line 182, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.no-cssanimations .scroller-bean-feature .mask .field-item:hover .field-name-field-abstract {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

/* line 193, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.feature_list {
  position: absolute;
  right: 0;
  top: 0;
  color: #a0aab4;
  width: 294px;
  height: 455px;
  padding: 0 0 0 10px;
  background: white;
  overflow: hidden;
  z-index: 7; }
  /* line 204, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .feature_list li {
    cursor: pointer;
    list-style-type: none;
    width: 100%;
    background: transparent;
    border-bottom: 2px solid #ccc;
    height: 20%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 215, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list li .block_item {
      overflow: hidden;
      height: 70px;
      padding: 10px;
      background-color: transparent; }
      /* line 222, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .feature_list li .block_item .meta_data {
        background: transparent none; }
      /* line 225, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .feature_list li .block_item .metadata-info {
        font-weight: normal ;
        font-style: normal ;
        font-size: 11px ;
        line-height: 13px ;
        letter-spacing: 0px ;
        position: relative;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        background: transparent none; }
    /* line 236, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list li:last-child {
      border-bottom: 0; }
    /* line 240, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list li .meta_data {
      background: transparent none;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%; }
      /* line 247, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .feature_list li .meta_data h3 {
        -webkit-font-smoothing: antialiased;
        font-weight: bold ;
        font-size: 18px ;
        line-height: 18px ;
        letter-spacing: 0px ;
        font-family: "Museo-Slab-700", "Helvetica", Arial, sans-serif;
        padding-bottom: 5px;
        height: 51px;
        overflow: hidden; }
    /* line 254, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list li .field-name-field-abstract {
      height: 18px;
      white-space: nowrap;
      font-weight: normal ;
      font-style: normal ;
      font-size: 14px ;
      line-height: 14px ;
      letter-spacing: 0px ;
      overflow: hidden;
      text-overflow: ellipsis; }
      /* line 255, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .feature_list li .field-name-field-abstract p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    /* line 266, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list li .media_container {
      display: none; }
  /* line 272, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .feature_list li:hover .block_item,
  .feature_list li.on .block_item {
    background-color: #f9f9f9; }
  /* line 285, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .feature_list li:hover h3,
  .feature_list li:hover a,
  .feature_list li:hover .metadata-info {
    color: #525e6e; }
    /* line 290, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list li:hover h3 > div[class],
    .feature_list li:hover a > div[class],
    .feature_list li:hover .metadata-info > div[class] {
      color: #525e6e; }
  /* line 296, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .feature_list .metadata-info {
    text-transform: uppercase; }
    /* line 298, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list .metadata-info .byline {
      display: none; }
  /* line 302, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .feature_list h3,
  .feature_list .metadata-info,
  .feature_list a {
    font-weight: normal ;
    font-style: normal ;
    color: #a0aab4; }
    /* line 307, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .feature_list h3 > div[class],
    .feature_list .metadata-info > div[class],
    .feature_list a > div[class] {
      color: #a0aab4; }

/* ------------------------------------ Mobile */
/* line 318, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-mobile #shape_mask {
  display: none; }

/* line 323, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-mobile #feature.scroller-bean-feature {
  top: 0;
  min-height: 180px;
  max-height: 307px;
  min-width: 320px;
  max-width: 480px;
  padding-bottom: 133px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.075s;
  -moz-transition-duration: 0.075s;
  -o-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  border-bottom: 0; }
  /* line 333, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .displaymode-mobile #feature.scroller-bean-feature .dots {
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    text-align: center; }
    /* line 340, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .displaymode-mobile #feature.scroller-bean-feature .dots li {
      height: 4px;
      display: inline-block;
      float: none; }
  /* line 346, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .displaymode-mobile #feature.scroller-bean-feature .mask {
    -webkit-box-shadow: #d8dcdc 0px 0px 5px;
    -moz-box-shadow: #d8dcdc 0px 0px 5px;
    box-shadow: #d8dcdc 0px 0px 5px;
    max-width: 480px;
    height: 270px;
    padding-bottom: 103px; }
    /* line 352, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .displaymode-mobile #feature.scroller-bean-feature .mask .meta_data {
      margin: 0;
      padding: 0;
      max-width: none;
      width: auto;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      visibility: visible;
      position: static;
      background: white; }
      /* line 362, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile #feature.scroller-bean-feature .mask .meta_data h3 {
        -webkit-font-smoothing: antialiased;
        font-size: 26px ;
        line-height: 26px ;
        letter-spacing: -1px ;
        font-family: "Museo-Slab-700", "Helvetica", Arial, sans-serif;
        margin: 0;
        padding: 10px 60px 10px 20px;
        min-height: 83px;
        max-width: 240px;
        width: auto;
        position: static; }
      /* line 371, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile #feature.scroller-bean-feature .mask .meta_data .field-name-field-abstract {
        display: none; }
  /* line 376, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .displaymode-mobile #feature.scroller-bean-feature .btns {
    left: auto;
    right: 5px;
    bottom: 72px; }
    /* line 380, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .displaymode-mobile #feature.scroller-bean-feature .btns a {
      left: auto; }
      /* line 381, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile #feature.scroller-bean-feature .btns a.previous {
        bottom: 0; }
      /* line 384, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile #feature.scroller-bean-feature .btns a.next {
        bottom: 48px; }
  /* line 393, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .displaymode-mobile #feature.scroller-bean-feature .mask .field-items .field-item {
    min-width: 320px;
    max-width: 480px;
    max-height: 270px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    padding-bottom: 103px; }
    /* line 400, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
    .displaymode-mobile #feature.scroller-bean-feature .mask .field-items .field-item .media_container {
      font-size: 0; }
      /* line 402, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile #feature.scroller-bean-feature .mask .field-items .field-item .media_container img {
        display: block;
        width: 100%; }
      /* line 407, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
      .displaymode-mobile #feature.scroller-bean-feature .mask .field-items .field-item .media_container .field-name-field-source {
        display: none; }

/* line 419, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.scroller-bean-feature .dots {
  text-align: center;
  padding: 0;
  position: static;
  margin: 8px 0 0 0;
  margin-bottom: 0;
  border-bottom: 0;
  clear: both; }
  /* line 27, global/scss/mixins/_layout.scss */
  .scroller-bean-feature .dots:after {
    display: block;
    content: "";
    border-top: 1px solid #d8dcdc;
    border-bottom: 1px solid white;
    margin: 8px 0 30px 0;
    visibility: visible;
    clear: both;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0 solid transparent; }
  /* line 426, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
  .scroller-bean-feature .dots li {
    float: none;
    display: inline-block; }

/* line 435, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-not-mobile .front.branding-watermark #highlighted {
  background: transparent none;
  z-index: 1; }

/* line 439, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-not-mobile .front.branding-watermark #main-wrapper {
  top: -66px;
  margin-bottom: -66px;
  position: relative; }

/* line 448, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-tablet .front.branding-watermark #page #main-wrapper .vertical-branding {
  padding-top: 50px; }

/* line 458, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-hires .dots,
.displaymode-desktop .dots {
  margin-left: 60px; }

/* line 271, global/scss/mixins/_misc.scss */
.displaymode-tablet #shape_mask {
  right: 0 !important; }

/* line 274, global/scss/mixins/_misc.scss */
.displaymode-tablet #feature .feature_list {
  display: none; }

/* line 466, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-tablet .dots {
  margin-left: 38px; }

/* line 472, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-mobile .dots {
  max-width: 480px; }

/* line 480, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-grid-3 .scroller-bean-feature .dots {
  width: 700px; }

/* line 488, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-grid-4 .scroller-bean-feature .dots {
  width: 940px; }

/* line 496, global/scss/components/bean/sbs-carousel/scroller-feature.scss */
.displaymode-grid-5 .scroller-bean-feature .dots {
  width: 1180px; }
