@charset "utf-8";
/* ****************************************************************************
   ALL
   ----------------------------------------------------------------------------
   @name:        /css/all.less
   @modified:    07/05/2013
   @author:      DH

   @description: Main CSS file combining all needed partials. Output minified

   @contents:
                 1  Fonts
                 2  Settings
                 3  Normalize      (v2.1.1 *instead* of Reset)
                 4  Mixins
                 5  Base
                 6  Layout
                 7  Modules
                 8  Forms
                 9  Media Queries  (breakpoints as seperate files /imports/mediaqueries/narrow|medium|wide.less)
                 10 Extra          (extra functionality in /imports/extra/foo.less)
                 11 Site (Theme)
                 12 PRINT (import with @media to save request)  
                                                                               
 =========================================================================== */
/* = FONTS 
   @name:        fonts.less
   @description: @font-face Webfont (and -icons)

 --------------------------------------------------------------------------- */
/* ****************************************************************************
   FONTS
   ----------------------------------------------------------------------------
   @name:        /css/imports/fonts.less
   @modified:    07/05/2013
   @author:      DH

   @description: @font-face etc
                 Syntax based on: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

   @contents:
                 1  @font-face
                 2  webfont icons (generated by icomoon)
                 3  Webfont icons extra (modifications)

   @examples:    icons: file://b2b/rbi-nl/Department/IT/Product%20Development/Afdeling/Front-end%20Development/RWD-Community-2/CSS%20Architecture/23042013/webfont-and-icons/icomoon.io/rbi-icons13399/rbi-icons13399/index.html

 =========================================================================== */
/* = Font-face
 --------------------------------------------------------------------------- */
/* = WebFont Icons
 --------------------------------------------------------------------------- */
@font-face {
  font-family: 'rbi-icons';
  src: url('/css/imports/webfonts/rbi-icons/fonts/rbi-icons.eot');
  src: url('/css/imports/webfonts/rbi-icons/fonts/rbi-icons.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rbi-icons/fonts/rbi-icons.woff') format('woff'), url('/css/imports/webfonts/rbi-icons/fonts/rbi-icons.ttf') format('truetype'), url('/css/imports/webfonts/rbi-icons/fonts/rbi-icons.svg#rbi-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
span.replaced-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .33em;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: attr(data-icon);
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="rbi-icon-"] {
*/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="rbi-icon-"] {
*/
[class*="rbi-icon-"]:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
}
.rbi-icon-patch:before {
  content: "\e600";
}
.rbi-icon-home:before {
  content: "\e000";
}
.rbi-icon-pencil:before {
  content: "\e001";
}
.rbi-icon-image:before {
  content: "\e002";
}
.rbi-icon-file:before {
  content: "\e003";
}
.rbi-icon-tag:before {
  content: "\e004";
}
.rbi-icon-cart:before {
  content: "\e005";
}
.rbi-icon-location:before {
  content: "\e006";
}
.rbi-icon-calendar:before {
  content: "\e007";
}
.rbi-icon-screen:before {
  content: "\e008";
}
.rbi-icon-mobile:before {
  content: "\e009";
}
.rbi-icon-disk:before {
  content: "\e00a";
}
.rbi-icon-bubbles:before {
  content: "\e00b";
}
.rbi-icon-user:before {
  content: "\e00c";
}
.rbi-icon-users:before {
  content: "\e00d";
}
.rbi-icon-spinner:before {
  content: "\e00e";
}
.rbi-icon-search:before {
  content: "\e00f";
}
.rbi-icon-lock:before {
  content: "\e010";
}
.rbi-icon-unlocked:before {
  content: "\e011";
}
.rbi-icon-cog:before {
  content: "\e012";
}
.rbi-icon-remove:before {
  content: "\e013";
}
.rbi-icon-menu:before {
  content: "\e014";
}
.rbi-icon-earth:before {
  content: "\e015";
}
.rbi-icon-link:before {
  content: "\e016";
}
.rbi-icon-eye:before {
  content: "\e017";
}
.rbi-icon-star:before {
  content: "\e018";
}
.rbi-icon-star-2:before {
  content: "\e019";
}
.rbi-icon-star-3:before {
  content: "\e01a";
}
.rbi-icon-heart:before {
  content: "\e01b";
}
.rbi-icon-thumbs-up:before {
  content: "\e01c";
}
.rbi-icon-thumbs-up-2:before {
  content: "\e01d";
}
.rbi-icon-warning:before {
  content: "\e01e";
}
.rbi-icon-notification:before {
  content: "\e01f";
}
.rbi-icon-question:before {
  content: "\e020";
}
.rbi-icon-info:before {
  content: "\e021";
}
.rbi-icon-info-2:before {
  content: "\e022";
}
.rbi-icon-cancel-circle:before {
  content: "\e023";
}
.rbi-icon-checkmark-circle:before {
  content: "\e024";
}
.rbi-icon-spam:before {
  content: "\e025";
}
.rbi-icon-close:before {
  content: "\e026";
}
.rbi-icon-checkmark:before {
  content: "\e027";
}
.rbi-icon-minus:before {
  content: "\e028";
}
.rbi-icon-plus:before {
  content: "\e029";
}
.rbi-icon-play:before {
  content: "\e02a";
}
.rbi-icon-play-2:before {
  content: "\e02b";
}
.rbi-icon-arrow-up:before {
  content: "\e02c";
}
.rbi-icon-arrow-right:before {
  content: "\e02d";
}
.rbi-icon-arrow-down:before {
  content: "\e02e";
}
.rbi-icon-arrow-left:before {
  content: "\e02f";
}
.rbi-icon-arrow-up-2:before {
  content: "\e030";
}
.rbi-icon-arrow-right-2:before {
  content: "\e031";
}
.rbi-icon-arrow-down-2:before {
  content: "\e032";
}
.rbi-icon-arrow-left-2:before {
  content: "\e033";
}
.rbi-icon-new-tab:before {
  content: "\e034";
}
.rbi-icon-embed:before {
  content: "\e035";
}
.rbi-icon-feed:before {
  content: "\e036";
}
.rbi-icon-twitter:before {
  content: "\e037";
}
.rbi-icon-google-plus:before {
  content: "\e038";
}
.rbi-icon-feed-2:before {
  content: "\e039";
}
.rbi-icon-facebook:before {
  content: "\e03a";
}
.rbi-icon-youtube:before {
  content: "\e03b";
}
.rbi-icon-caret-down:before {
  content: "\e03c";
}
.rbi-icon-caret-up:before {
  content: "\e03d";
}
.rbi-icon-caret-left:before {
  content: "\e03e";
}
.rbi-icon-caret-right:before {
  content: "\e03f";
}
.rbi-icon-angle-left:before {
  content: "\e040";
}
.rbi-icon-angle-right:before {
  content: "\e041";
}
.rbi-icon-angle-up:before {
  content: "\e042";
}
.rbi-icon-angle-down:before {
  content: "\e043";
}
.rbi-icon-double-angle-right:before {
  content: "\e044";
}
.rbi-icon-double-angle-left:before {
  content: "\e045";
}
.rbi-icon-double-angle-up:before {
  content: "\e046";
}
.rbi-icon-double-angle-down:before {
  content: "\e047";
}
.rbi-icon-cloudy:before {
  content: "\e048";
}
.rbi-icon-weather:before {
  content: "\e049";
}
.rbi-icon-sun:before {
  content: "\e04a";
}
.rbi-icon-sun-2:before {
  content: "\e04b";
}
.rbi-icon-cloudy-2:before {
  content: "\e04c";
}
.rbi-icon-rainy:before {
  content: "\e04d";
}
.rbi-icon-Celsius:before {
  content: "\e04e";
}
.rbi-icon-snowy:before {
  content: "\e04f";
}
.rbi-icon-snowy-2:before {
  content: "\e050";
}
.rbi-icon-circle-blank:before {
  content: "\e051";
}
.rbi-icon-circle:before {
  content: "\e052";
}
.rbi-icon-smiley:before {
  content: "\e053";
}
.rbi-icon-sad:before {
  content: "\e054";
}
.rbi-icon-heart-2:before {
  content: "\e055";
}
.rbi-icon-newspaper:before {
  content: "\e056";
}
.rbi-icon-profile:before {
  content: "\e057";
}
.rbi-icon-camera:before {
  content: "\e058";
}
.rbi-icon-music:before {
  content: "\e059";
}
.rbi-icon-play-3:before {
  content: "\e05a";
}
.rbi-icon-file-2:before {
  content: "\e05b";
}
.rbi-icon-blocked:before {
  content: "\e05c";
}
.rbi-icon-envelope-alt:before {
  content: "\e05d";
}
.rbi-icon-linkedin:before {
  content: "\e05e";
}
.rbi-icon-bubble:before {
  content: "\e05f";
}
.rbi-icon-print:before {
  content: "\e060";
}
.rbi-icon-envelope:before {
  content: "\e061";
}
.rbi-icon-at:before {
  content: "\e062";
}
.rbi-icon-quote-left:before {
  content: "\e063";
}
.rbi-icon-quote-right:before {
  content: "\e064";
}
.rbi-icon-quotes-left:before {
  content: "\e065";
}
.rbi-icon-phone:before {
  content: "\e066";
}
.rbi-icon-link-2:before {
  content: "\e067";
}
.rbi-icon-picture:before {
  content: "\e068";
}
.rbi-icon-asterisk:before {
  content: "\e069";
}
.rbi-icon-comment-stroke:before {
  content: "\e06a";
}
.rbi-icon-question-2:before {
  content: "\e06b";
}
.rbi-icon-book-alt2:before {
  content: "\e06c";
}
.rbi-icon-eye-blocked:before {
  content: "\e06d";
}
.rbi-icon-farmer_baro_chicken:before {
  content: "\e073";
}
.rbi-icon-drops_two:before {
  content: "\e074";
}
.rbi-icon-drops_one:before {
  content: "\e075";
}
.rbi-icon-drops_one_alt:before {
  content: "\e076";
}
.rbi-icon-compas_ne:before {
  content: "\e077";
}
.rbi-icon-sms_alert:before {
  content: "\e07b";
}
.rbi-icon-farmer_tractor:before {
  content: "\e07c";
}
.rbi-icon-farmer_store:before {
  content: "\e07d";
}
.rbi-icon-farmer_scatter:before {
  content: "\e07e";
}
.rbi-icon-farmer_scatter_full:before {
  content: "\e07f";
}
.rbi-icon-farmer_pile:before {
  content: "\e080";
}
.rbi-icon-farmer_pile_full:before {
  content: "\e081";
}
.rbi-icon-farmer_baro_pig:before {
  content: "\e082";
}
.rbi-icon-sunrise:before {
  content: "\e083";
}
.rbi-icon-sun-3:before {
  content: "\e084";
}
.rbi-icon-moon:before {
  content: "\e085";
}
.rbi-icon-sun-4:before {
  content: "\e086";
}
.rbi-icon-windy:before {
  content: "\e087";
}
.rbi-icon-wind:before {
  content: "\e088";
}
.rbi-icon-snowflake:before {
  content: "\e089";
}
.rbi-icon-cloudy-3:before {
  content: "\e08a";
}
.rbi-icon-cloud:before {
  content: "\e08b";
}
.rbi-icon-weather-2:before {
  content: "\e08c";
}
.rbi-icon-weather-3:before {
  content: "\e08d";
}
.rbi-icon-weather-4:before {
  content: "\e08e";
}
.rbi-icon-lines:before {
  content: "\e08f";
}
.rbi-icon-cloud-2:before {
  content: "\e090";
}
.rbi-icon-lightning:before {
  content: "\e091";
}
.rbi-icon-lightning-2:before {
  content: "\e092";
}
.rbi-icon-rainy-2:before {
  content: "\e093";
}
.rbi-icon-rainy-3:before {
  content: "\e094";
}
.rbi-icon-windy-2:before {
  content: "\e095";
}
.rbi-icon-windy-3:before {
  content: "\e096";
}
.rbi-icon-snowy-3:before {
  content: "\e097";
}
.rbi-icon-snowy-4:before {
  content: "\e098";
}
.rbi-icon-snowy-5:before {
  content: "\e099";
}
.rbi-icon-weather-5:before {
  content: "\e09a";
}
.rbi-icon-cloud-3:before {
  content: "\e09b";
}
.rbi-icon-lightning-3:before {
  content: "\e09c";
}
.rbi-icon-cloudy-4:before {
  content: "\e09d";
}
.rbi-icon-cloudy-5:before {
  content: "\e09f";
}
.rbi-icon-moon-2:before {
  content: "\e09e";
}
.rbi-icon-sun-5:before {
  content: "\e0a0";
}
.rbi-icon-thermometer:before {
  content: "\e0a1";
}
.rbi-icon-none:before {
  content: "\e0a3";
}
.rbi-icon-lightning-4:before {
  content: "\e0a4";
}
.rbi-icon-weather-6:before {
  content: "\e0a5";
}
.rbi-icon-cloudy-6:before {
  content: "\e0a6";
}
.rbi-icon-snowy-6:before {
  content: "\e0a7";
}
.rbi-icon-snowy-7:before {
  content: "\e0a2";
}
.rbi-icon-windy-4:before {
  content: "\e0a8";
}
.rbi-icon-rainy-4:before {
  content: "\e0a9";
}
.rbi-icon-rainy-5:before {
  content: "\e0aa";
}
.rbi-icon-lightning-5:before {
  content: "\e0ab";
}
.rbi-icon-cloud-4:before {
  content: "\e0ac";
}
.rbi-icon-Fahrenheit:before {
  content: "\e0ad";
}
.rbi-icon-cloud-5:before {
  content: "\e0ae";
}
.rbi-icon-Celsius-2:before {
  content: "\e0af";
}
.rbi-icon-windy-5:before {
  content: "\e0b0";
}
.rbi-icon-Umbrella:before {
  content: "\e0b1";
}
.rbi-icon-Tornado:before {
  content: "\e0b2";
}
.rbi-icon-Thermometer:before {
  content: "\e0b3";
}
.rbi-icon-Thermometer-Zero:before {
  content: "\e0b4";
}
.rbi-icon-Thermometer-100:before {
  content: "\e0b5";
}
.rbi-icon-Thermometer-75:before {
  content: "\e0b6";
}
.rbi-icon-Thermometer-50:before {
  content: "\e0b7";
}
.rbi-icon-Thermometer-25:before {
  content: "\e0b8";
}
.rbi-icon-Sunset:before {
  content: "\e0b9";
}
.rbi-icon-Sunrise:before {
  content: "\e0ba";
}
.rbi-icon-Sun:before {
  content: "\e0bb";
}
.rbi-icon-Sun-Lower:before {
  content: "\e0bc";
}
.rbi-icon-Sun-Low:before {
  content: "\e0bd";
}
.rbi-icon-Snowflake:before {
  content: "\e0be";
}
.rbi-icon-Shades:before {
  content: "\e0bf";
}
.rbi-icon-Moon:before {
  content: "\e0c0";
}
.rbi-icon-Moon-Waxing-Gibbous:before {
  content: "\e0c1";
}
.rbi-icon-Moon-Waxing-Crescent:before {
  content: "\e0c2";
}
.rbi-icon-Moon-Waning-Gibbous:before {
  content: "\e0c3";
}
.rbi-icon-Moon-Waning-Crescent:before {
  content: "\e0c4";
}
.rbi-icon-Moon-New:before {
  content: "\e0c5";
}
.rbi-icon-Moon-Last-Quarter:before {
  content: "\e0c6";
}
.rbi-icon-Moon-Full:before {
  content: "\e0c7";
}
.rbi-icon-Moon-First-Quarter:before {
  content: "\e0c8";
}
.rbi-icon-Degrees-Fahrenheit:before {
  content: "\e0c9";
}
.rbi-icon-Degrees-Celcius:before {
  content: "\e0ca";
}
.rbi-icon-Compass:before {
  content: "\e0cb";
}
.rbi-icon-Compass-West:before {
  content: "\e0cc";
}
.rbi-icon-Compass-South:before {
  content: "\e0cd";
}
.rbi-icon-Compass-North:before {
  content: "\e0ce";
}
.rbi-icon-Compass-East:before {
  content: "\e0cf";
}
.rbi-icon-Cloud:before {
  content: "\e0d0";
}
.rbi-icon-Cloud-Wind:before {
  content: "\e0d1";
}
.rbi-icon-Cloud-Wind-Sun:before {
  content: "\e0d2";
}
.rbi-icon-Cloud-Wind-Moon:before {
  content: "\e0d3";
}
.rbi-icon-Cloud-Upload:before {
  content: "\e0d4";
}
.rbi-icon-Cloud-Sun:before {
  content: "\e0d5";
}
.rbi-icon-Cloud-Snow:before {
  content: "\e0d6";
}
.rbi-icon-Cloud-Snow-Sun:before {
  content: "\e0d7";
}
.rbi-icon-Cloud-Snow-Sun-Alt:before {
  content: "\e0d8";
}
.rbi-icon-Cloud-Snow-Moon:before {
  content: "\e0d9";
}
.rbi-icon-Cloud-Snow-Moon-Alt:before {
  content: "\e0da";
}
.rbi-icon-Cloud-Snow-Alt:before {
  content: "\e0db";
}
.rbi-icon-Cloud-Refresh:before {
  content: "\e0dc";
}
.rbi-icon-Cloud-Rain:before {
  content: "\e0dd";
}
.rbi-icon-Cloud-Rain-Sun:before {
  content: "\e0de";
}
.rbi-icon-Cloud-Rain-Sun-Alt:before {
  content: "\e0df";
}
.rbi-icon-Cloud-Rain-Moon:before {
  content: "\e0e0";
}
.rbi-icon-Cloud-Rain-Moon-Alt:before {
  content: "\e0e1";
}
.rbi-icon-Cloud-Rain-Alt:before {
  content: "\e0e2";
}
.rbi-icon-Cloud-Moon:before {
  content: "\e0e3";
}
.rbi-icon-Cloud-Lightning:before {
  content: "\e0e4";
}
.rbi-icon-Cloud-Lightning-Sun:before {
  content: "\e0e5";
}
.rbi-icon-Cloud-Lightning-Moon:before {
  content: "\e0e6";
}
.rbi-icon-Cloud-Hail:before {
  content: "\e0e7";
}
.rbi-icon-Cloud-Hail-Sun:before {
  content: "\e0e8";
}
.rbi-icon-Cloud-Hail-Sun-Alt:before {
  content: "\e0e9";
}
.rbi-icon-Cloud-Hail-Moon:before {
  content: "\e0ea";
}
.rbi-icon-Cloud-Hail-Moon-Alt:before {
  content: "\e0eb";
}
.rbi-icon-Cloud-Hail-Alt:before {
  content: "\e0ec";
}
.rbi-icon-Cloud-Fog:before {
  content: "\e0ed";
}
.rbi-icon-Cloud-Fog-Sun:before {
  content: "\e0ee";
}
.rbi-icon-Cloud-Fog-Sun-Alt:before {
  content: "\e0ef";
}
.rbi-icon-Cloud-Fog-Moon:before {
  content: "\e0f0";
}
.rbi-icon-Cloud-Fog-Moon-Alt:before {
  content: "\e0f1";
}
.rbi-icon-Cloud-Fog-Alt:before {
  content: "\e0f2";
}
.rbi-icon-Cloud-Drizzle:before {
  content: "\e0f3";
}
.rbi-icon-Cloud-Drizzle-Sun:before {
  content: "\e0f4";
}
.rbi-icon-Cloud-Drizzle-Sun-Alt:before {
  content: "\e0f5";
}
.rbi-icon-Cloud-Drizzle-Moon:before {
  content: "\e0f6";
}
.rbi-icon-Cloud-Drizzle-Moon-Alt:before {
  content: "\e0f7";
}
.rbi-icon-Cloud-Drizzle-Alt:before {
  content: "\e0f8";
}
.rbi-icon-Cloud-Download:before {
  content: "\e0f9";
}
.rbi-icon-Wind:before {
  content: "\e0fa";
}
.rbi-icon-light-bulb:before {
  content: "\e0fb";
}
.rbi-icon-cross:before {
  content: "\e0fc";
}
.rbi-icon-target:before {
  content: "\e0fd";
}
.rbi-icon-office:before {
  content: "\e0fe";
}
.rbi-icon-hyves1:before {
  content: "\e0ff";
}
.rbi-icon-Viadeo-grey:before {
  content: "\e100";
}
.rbi-icon-farmer_baro_cow:before {
  content: "\e101";
}
.rbi-icon-service-winkel:before {
  content: "\e102";
}
.rbi-icon-service-dashboard:before {
  content: "\e104";
}
.rbi-icon-service-connect:before {
  content: "\e105";
}
.rbi-icon-wind_direction_w:before {
  content: "\e06e";
}
.rbi-icon-wind_direction_sw:before {
  content: "\e06f";
}
.rbi-icon-wind_direction_se:before {
  content: "\e070";
}
.rbi-icon-wind_direction_s:before {
  content: "\e071";
}
.rbi-icon-wind_direction_nw:before {
  content: "\e072";
}
.rbi-icon-wind_direction_ne:before {
  content: "\e078";
}
.rbi-icon-wind_direction_n:before {
  content: "\e079";
}
.rbi-icon-wind_direction_e:before {
  content: "\e07a";
}
.rbi-icon-service-home:before {
  content: "\e103";
}
.rbi-icon-service-leveranciersgids:before {
  content: "\e106";
}
.rbi-icon-service-events:before {
  content: "\e107";
}
.rbi-icon-service-marktplaats:before {
  content: "\e108";
}
/* import rcd fonts */
@font-face {
  font-family: 'TradeGothicLTPro-Light';
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_0_0.eot');
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_0_0.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-fonts/2959B6_0_0.woff') format('woff'), url('/css/imports/webfonts/rcd-fonts/2959B6_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_1_0.eot');
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_1_0.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-fonts/2959B6_1_0.woff') format('woff'), url('/css/imports/webfonts/rcd-fonts/2959B6_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_2_0.eot');
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_2_0.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-fonts/2959B6_2_0.woff') format('woff'), url('/css/imports/webfonts/rcd-fonts/2959B6_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_3_0.eot');
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_3_0.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-fonts/2959B6_3_0.woff') format('woff'), url('/css/imports/webfonts/rcd-fonts/2959B6_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Md';
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_4_0.eot');
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_4_0.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-fonts/2959B6_4_0.woff') format('woff'), url('/css/imports/webfonts/rcd-fonts/2959B6_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'TradeGothicLTPro-Bd2';
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_5_0.eot');
  src: url('/css/imports/webfonts/rcd-fonts/2959B6_5_0.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-fonts/2959B6_5_0.woff') format('woff'), url('/css/imports/webfonts/rcd-fonts/2959B6_5_0.ttf') format('truetype');
}
/* import rcd icons */
@font-face {
  font-family: 'rcd';
  src: url('/css/imports/webfonts/rcd-icons/rcd.eot');
  src: url('/css/imports/webfonts/rcd-icons/rcd.eot?#iefix') format('embedded-opentype'), url('/css/imports/webfonts/rcd-icons/rcd.ttf') format('truetype'), url('/css/imports/webfonts/rcd-icons/rcd.woff') format('woff'), url('/css/imports/webfonts/rcd-icons/rcd.svg#rcd') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"],
.more-link:before,
.more-link-standalone:before,
.list-links a:before,
.link-dashboard:before,
.list-default li:before {
  font-family: 'rcd';
  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;
}
.icon-logo-rcd:before {
  content: "\e600";
}
.icon-supplier-small:before {
  content: "\e601";
}
.icon-supplier:before {
  content: "\e602";
}
.icon-sub-contractor-small:before {
  content: "\e603";
}
.icon-sub-contractor:before {
  content: "\e604";
}
.icon-search:before {
  content: "\e605";
}
.icon-owner-small:before {
  content: "\e606";
}
.icon-owner:before {
  content: "\e607";
}
.icon-manufacturer-small:before {
  content: "\e608";
}
.icon-manufacturer:before {
  content: "\e609";
}
.icon-listing:before {
  content: "\e60a";
}
.icon-engineer-small:before {
  content: "\e60b";
}
.icon-engineer:before {
  content: "\e60c";
}
.icon-contractor-small:before {
  content: "\e60d";
}
.icon-contractor:before {
  content: "\e60e";
}
.icon-construction-small:before {
  content: "\e60f";
}
.icon-construction:before {
  content: "\e610";
}
.icon-arrow-top:before {
  content: "\e611";
}
.icon-arrow-right:before,
.more-link:before,
.list-links a:before,
.more-link-standalone:before {
  content: "\e612";
}
.icon-arrow-down:before {
  content: "\e613";
}
.icon-arrow-left:before,
.link-dashboard:before {
  content: "\e614";
}
/* = WebFont Icons Extra Modifications
 --------------------------------------------------------------------------- */
.social-share li > a,
.social-share--right li > a,
.social-share--center li > a,
.social-share--large li > a {
  margin-right: 0;
  text-align: center;
}
.social-share li > a:hover,
.social-share--right li > a:hover,
.social-share--center li > a:hover,
.social-share--large li > a:hover,
.social-share li > a:focus,
.social-share--right li > a:focus,
.social-share--center li > a:focus,
.social-share--large li > a:focus,
.social-share li > a:active,
.social-share--right li > a:active,
.social-share--center li > a:active,
.social-share--large li > a:active {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.social-share li > a:before,
.social-share--right li > a:before,
.social-share--center li > a:before,
.social-share--large li > a:before {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.333;
  width: 1.5em;
  height: 1.5em;
  display: block;
  color: #ffffff !important;
  padding: 0.16666em;
  margin: 0 auto;
}
.menu__wrapper .social-share li > a:before {
  font-size: 18px;
  font-size: 1.2rem;
}
.social-share .rbi-icon-hyves {
  background-color: #fe8d07;
}
.social-share .rbi-icon-hyves:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  font-size: 12px;
  font-size: 0.8rem;
  content: "\e0ff";
  line-height: 1.3333;
  width: 1.1666666667em;
}
.social-share .rbi-icon-viadeo {
  background-color: #2b2b2b;
}
.social-share .rbi-icon-viadeo:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  font-size: 12px;
  font-size: 0.8rem;
  content: "\e100";
  line-height: 1.3333;
  width: 1.1666666667em;
}
.social-share .rbi-icon-rss {
  background-color: orange;
}
.social-share .rbi-icon-rss:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  font-size: 12px;
  font-size: 0.8rem;
  content: "\e039";
  line-height: 1.3333;
  width: 1.1666666667em;
}
.social-share .rbi-icon-google-plus {
  background-color: #333333;
}
.social-share .rbi-icon-facebook {
  background-color: #3a5d9f;
}
.social-share .rbi-icon-twitter {
  background-color: #34aaea;
}
.social-share .rbi-icon-feed-2 {
  background-color: #f48720;
}
.social-share .rbi-icon-linkedin {
  background-color: #0475b9;
}
.social-share .rbi-icon-youtube {
  background-color: #e8372f;
}
.social-share .rbi-icon-envelope,
.social-share .rbi-icon-connect {
  background-color: #29235c;
}
.rbi-icon-newsicon:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e056";
}
.rbi-icon-photo:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e002";
}
.rbi-icon-rss:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e036";
}
.rbi-icon-mobiel:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e009";
}
.rbi-icon-website:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e008";
}
.rbi-icon-companyname:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e0fe";
}
.rbi-icon-phonenumber:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e066";
}
.rbi-icon-email:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e061";
}
.rbi-icon-birthdate:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e007";
}
.rbi-icon-connect:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e00b";
}
.rbi-icon-hyves:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e0ff";
}
.rbi-icon-viadeo:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e100";
}
.rbi-icon-file:before,
.pdf:before {
  vertical-align: middle;
}
.weather-summary ul [class*="rbi-icon"] {
  font-size: 32px;
  vertical-align: middle;
}
/* = SETTINGS
   @name:        settings.less
   @description: Less Variables, colors, sizes etc.
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   SETTINGS
   ----------------------------------------------------------------------------
   @name:        /css/imports/settings.less
   @modified:    25/09/2013
   @author:      DH

   @description: All needed variables, colors, fonts, etc

   @contents:
                 1  Colors
                 2  Font stacks
                 3  Sizes (Mediaqueries, typography, grid, gutters, radii etc)



    NOTE: DO NOT EDIT THIS FILE DIRECTLY!
          EDIT THE site.settings.less instead!
 =========================================================================== */
/* = Colors
 --------------------------------------------------------------------------- */
/* @cl_accent is defined in site.settings.less => edit there! */
/* = Font Stacks
 --------------------------------------------------------------------------- */
/* = Sizes
 --------------------------------------------------------------------------- */
/* = SITE-SPECIFIC (Site-Specific colors etc)
     Change These: try not to change the others above
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   SITE SPECIFIC SETTINGS
   ----------------------------------------------------------------------------
   @name:        /css/imports/site.settings.less
   @modified:    24/09/2013
   @author:      DH

   @description: All needed variables, colors, fonts, FOR THIS SPECIFIC SITE

   @contents:
                 1  Colors
 =========================================================================== */
/* = NORMALIZE (instead of reset)
   @name:        normalize.less
   @description: @necolas Normalize.css => renamed to normalize.v2.1.1.less
   @version:     2.1.1
   @website:     http://necolas.github.io/normalize.css/

 --------------------------------------------------------------------------- */
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * 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 8/9.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}
/**
 * Remove default margin.
 */
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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ 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 8+.
 * 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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 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 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 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;
}
/* = MIXINS
   @name:        mixins.less
   @description: Less (CSS3) mixins
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   MIXINS
   ----------------------------------------------------------------------------
   @name:        /css/imports/mixins.less
   @modified:    07/05/2013
   @author:      DH

   @description: Less Mixins. Only the ones we need.
                 Inspired by:
                 - http://css-tricks.com/snippets/css/useful-css3-less-mixins/
                 - http://lesselements.com/
                 - http://clearleft.github.io/clearless/

                 Make sure to only use the prefixes that are actually needed:
                 http://shouldiprefix.com/

                 NOTE: Make sure this file only contains MIXINS (e.g. .mixin(){...} )
                       These rules _should not output CSS on their own_
                       because this file is included multiple times

   @contents:
                 1  .contain() // Clearfix
                 2  Inline block
                 3  Box-Sizing
                 4  Border Radius (+ border-radiuses)
                 5  Text Shadow
                 6  Box-Shadow
                 7  Drop-Shadow
                 8  Inner Shadow
                 9  Opacity
                 10 Gradients (e.g. #gradient > .horizontal(#000,#FFF) ) IE FILTERS Disabled.
                 11 Animation, transition, transform, scale, rotate, skew, translate, translate3d, perspective, transform-origin
                 12 Helpers (from Bootstrap)
                 13 Helpers (from ClearLess)
                 14 rem() and em()
                 15 GRID column helpers (TODO)

 =========================================================================== */
/* = .contain() - Micro Clearfix: makes parent el 'contain' floats
     http://nicolasgallagher.com/micro-clearfix-hack/
 --------------------------------------------------------------------------- */
.contain {
  *zoom: 1;
}
.contain:before,
.contain:after {
  content: " ";
  display: table;
  line-height: 0;
}
.contain:after {
  clear: both;
}
/* = Inline Block
 --------------------------------------------------------------------------- */
/* = RIDGE (simple bottom border on elements)
--------------------------------------------------------------------------- */
/* = Box-Sizing
 --------------------------------------------------------------------------- */
/* = Border Radius
 --------------------------------------------------------------------------- */
/* = Text-Shadow
 --------------------------------------------------------------------------- */
/* = Box-Shadow
 --------------------------------------------------------------------------- */
/* = Text-Shadow
 --------------------------------------------------------------------------- */
/* = Inner-Shadow
 --------------------------------------------------------------------------- */
/* = Opacity
 --------------------------------------------------------------------------- */
/* = Animations, etc
 --------------------------------------------------------------------------- */
/* = Gradients: https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L417-L483
     NOTE: disabled IE filters!
 --------------------------------------------------------------------------- */
/* = Helpers, some from: https://github.com/twitter/bootstrap/blob/master/less/mixins.less
 --------------------------------------------------------------------------- */
/* = Helpers from Clearless: https://github.com/clearleft/clearless/
 --------------------------------------------------------------------------- */
/* = REM() & EM() Helpers from Clearless: https://github.com/clearleft/clearless/blob/master/mixins/typography.less
 --------------------------------------------------------------------------- */
/* = GRID Column helpers
 --------------------------------------------------------------------------- */
/* = RETINA @2x Image helper
     Based on:
     - http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
     - https://gist.github.com/brandonb927/3874012
 --------------------------------------------------------------------------- */
/*Thumbnail grid
    --------------------------------------------------------*/
.thumbs-grid * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.5em;
}
.thumbs-grid li,
.thumbs-grid a,
.thumbs-grid img {
  padding-top: 0;
}
.thumbs-grid img {
  max-width: 100%;
  height: auto;
}
.thumbs-grid ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.thumbs-grid .row {
  margin-bottom: 2.857142857142857%;
  width: 100%;
  overflow: hidden;
  zoom: 1;
}
.thumbs-grid .row a,
.thumbs-grid .row .thumb-grid__img {
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
}
.thumbs-grid .thumbs-grid__caption {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.thumbs-grid .item,
.thumbs-grid .col {
  float: left;
}
.thumbs-grid .item:first-child,
.thumbs-grid .col:first-child {
  margin-left: 0;
}
.thumbs-grid:hover img:hover {
  opacity: 1;
}
.thumbs-grid--2x3 .item,
.thumbs-grid--2x3 .col {
  margin-left: 2.857142857142857%;
  width: 31.42857142857143%;
}
/* = BASE
   @name:        base.less
   @description: Default Base styling (mostly _plain_ HTML elements)
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   BASE
   ----------------------------------------------------------------------------
   @name:        /css/imports/base.less
   @modified:    23/07/2013
   @author:      DH

   @description: Base Less Styles. Only! SMACSS base styles
                 Inspired by:
                 - http://smacss.com/book/type-base

   @contents:
                 1  Utilities
                 2  Global
                 3  Images & Media
                 4  Hyperlinks
                 5  General Typography
                 6  Headings
                 7  Page Styles

 =========================================================================== */
/* = Utilities
 --------------------------------------------------------------------------- */
.contain {
  *zoom: 1;
}
.contain:before,
.contain:after {
  content: " ";
  display: table;
  line-height: 0;
}
.contain:after {
  clear: both;
}
.extra {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.extra.focusable:active,
.extra.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
a.removed,
.removed,
.hideable,
.is-tablet-only,
.is-desktop-only {
  display: none;
}
/* = Global
 --------------------------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/rwd/boxsizing.htc);
}
html {
  font-size: 93.75%;
  font-family: 'HelveticaNeueLTStd-Roman', arial, sans-serif;
  overflow-y: scroll;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #c8c8c8;
  color: #262262;
}
/* = Images & media
 --------------------------------------------------------------------------- */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  /* Better IMG resizing in IE */
}
img,
video,
audio,
iframe,
object {
  max-width: 100%;
}
.img--article {
  margin-right: 1em;
  margin-bottom: 0.5em;
  display: block;
  float: left;
  position: relative;
  top: .25em;
}
.thumb--s,
.thumb--avatar,
.thumb--s > img,
.thumb--avatar > img {
  width: 38px;
  max-height: 60px;
}
.thumb--m,
.thumb--m > img {
  width: 80px;
  max-height: 120px;
}
.thumb--l,
.thumb--l > img {
  width: 176px;
}
.thumb--xl,
.thumb--xl > img {
  width: 274px;
}
.menu__profile-item.is-narrow-only .thumb--avatar {
  max-height: 38px;
}
/* = Hyperlinks
 --------------------------------------------------------------------------- */
a {
  outline: none;
}
a:link,
a:visited {
  color: #29235c;
  font-weight: bold;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #29235c;
  text-decoration: underline;
  outline: none;
}
.logo a {
  text-decoration: none;
  color: inherit;
}
.download a:link,
.download a:visited,
.l-unit-profile .nav a {
  color: #6bc72c;
}
.search-results-list p a {
  font-weight: normal;
}
.search-results-list p a:link,
.search-results-list p a:visited {
  color: #262262 !important;
}
.search-results-list p a:hover,
.search-results-list p a:focus,
.search-results-list p a:active {
  color: #29235c !important;
}
p a {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/* = General Typography
 --------------------------------------------------------------------------- */
p,
ul,
ol,
dl,
td,
input,
select,
textarea {
  line-height: 1.334;
}
p,
ul,
ol,
dl,
table,
blockquote,
figure,
figcaption,
hr,
.boxed,
.article {
  margin-top: 0;
  margin-bottom: 15px;
}
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child,
figure:last-child,
figcaption:last-child,
hr:last-child,
.boxed:last-child,
.article:last-child {
  margin-bottom: 0;
}
table {
  clear: both;
  max-width: 100%;
}
table tr > th {
  text-align: left;
}
table tr > td {
  padding-right: .5em;
}
table tr > td:last-child,
table tr > td.last-child {
  padding-right: 0;
}
blockquote {
  margin-left: 0;
  margin-right: 0;
}
blockquote > p:before,
blockquote > p:after {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: .2em;
  font-family: arial, sans-serif;
  font-size: 18px;
  line-height: .5;
  font-style: normal;
  font-weight: normal;
}
blockquote > p:before {
  content: "\201c";
}
blockquote > p:after {
  content: "\201d";
}
blockquote cite {
  font-size: 14px;
  font-size: 0.9333333333333333rem;
  font-style: normal;
  font-weight: bold;
  color: #666666;
}
/* = Headings
 --------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.2;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
}
h1,
.h1 {
  font-weight: normal;
}
h1,
.h1 {
  font-size: 26px;
  font-size: 1.7333333333333334rem;
}
h2,
.h2 {
  font-size: 18px;
  font-size: 1.2rem;
}
h3,
.h3 {
  font-size: 22px;
  font-size: 1.4666666666666666rem;
}
h4,
.h4 {
  font-size: 20px;
  font-size: 1.3333333333333333rem;
}
h5,
.h5,
.xms-subtitle {
  font-size: 16px;
  font-size: 1.0666666666666667rem;
}
h6,
.h6 {
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
}
.h1,
.breaking-news h2 {
  font-size: 18px;
  font-size: 1.2rem;
}
h1 small {
  display: block;
  margin-top: .46875em;
  font-size: .46875em;
  font-weight: bold;
}
.hd--soft {
  font-weight: normal;
}
.media__body > h2:first-child,
.media__body > h3:first-child {
  margin-bottom: 3px;
  margin-bottom: 0.2rem;
}
.l-units-header h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.2;
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: .125em;
}
.l-units-header h3 small {
  font-weight: normal;
}
.l-unit-profile .list-checked li:before {
  margin-right: .125em;
}
.l-unit-profile .list-checked .h6 {
  font-size: 11px;
  font-size: 0.7333333333333333rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
.page-hd {
  font-size: 22px;
  font-size: 1.4666666666666666rem;
  font-weight: normal;
  color: #262262;
}
.page-hd .is-active {
  color: #262262;
}
.section-hd,
.section-hd--inverted {
  font-size: 20px;
  font-size: 1.3333333333333333rem;
  font-weight: normal;
  color: #666666;
  border-bottom: 1px dotted #666666;
  padding: 0 0 .25em 0;
  clear: left;
}
.section-hd--inverted {
  color: #ffffff;
  border-color: #ffffff;
}
.l-footer .section-hd--inverted {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 20px;
  font-size: 1.3333333333333333rem;
}
.section-hd:empty,
.section-hd--inverted:empty {
  display: none;
}
.section-hd > a,
a > .section-hd {
  font-weight: normal;
  color: #666666;
}
.section-hd > a:hover,
a > .section-hd:hover,
.section-hd > a:focus,
a > .section-hd:focus,
.section-hd > a:active,
a > .section-hd:active {
  color: #6bc72c;
}
.main-hd {
  font-size: 22px;
  font-size: 1.4666666666666666rem;
}
.main-hd,
.main-hd > a {
  font-weight: normal !important;
}
.inline-hd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 .3em 0 0;
  margin-bottom: 3px;
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.inline-hd + .label {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -ms-word-break: normal;
  word-break: normal;
}
/* = SIMPLE TEXT HELPERS
 --------------------------------------------------------------------------- */
.intro {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1em;
}
.lead {
  line-height: 2;
}
/* = PAGE
 --------------------------------------------------------------------------- */
.pagesheet {
  background-color: #ffffff;
  padding-left: 1.63934426%;
  padding-right: 1.63934426%;
}
.is-mobile #content {
  overflow: hidden;
}
.l-footer {
  padding: .5em;
}
.l-footer,
.l-footer-sub {
  background-color: #29235c;
  color: #ffffff;
}
.l-footer a,
.l-footer-sub a {
  color: #ffffff !important;
  font-weight: normal;
}
.l-footer-sub {
  background-color: #191537;
}
.l-footer-sub,
.l-footer-rights {
  padding: 0 1.69491525%;
}
.l-footer-sub p,
.l-footer-rights p {
  margin: .75em 0;
  color: #666666;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
}
.l-footer-rights a {
  color: #262262 !important;
}
.l-footer-rights > div:first-child {
  margin-top: 3.38983051%;
}
/* = LAYOUT
   @name:        layout.less
   @description: Layout styles (grid, .l-name classes, etc.)
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   LAYOUT
   ----------------------------------------------------------------------------
   @name:        /css/imports/layout.less
   @modified:    23/07/2013
   @author:      DH

   @description: Layout Less Styles. Only! SMACSS layout styles
                 Inspired by:
                 - http://smacss.com/book/type-layout

   @contents:
                 1  Float / Center helpers
                 2  Grid Row/Columns
                 3  Community Specific classes/columns
                 4  Mobile first hiding etc
                 5  login/logout toggles

 =========================================================================== */
/* = Float / Center helpers
 --------------------------------------------------------------------------- */
.l-float-left {
  float: left !important;
  margin-left: 0 !important;
}
.l-float-right {
  float: right !important;
  margin-right: 0 !important;
}
.l-center {
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
}
/* = Grid / Row/Columns: .cols() and .row() are defined in mixins.less
 --------------------------------------------------------------------------- */
.l-row,
.l-unit {
  display: block;
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.l-row:before,
.l-unit:before,
.l-row:after,
.l-unit:after {
  content: " ";
  display: table;
  line-height: 0;
}
.l-row:after,
.l-unit:after {
  clear: both;
}
.l-col {
  float: left;
  margin-right: 1.69491525%;
  *zoom: 1;
  width: 8.47457627%;
}
.l-col:before,
.l-col:after {
  content: " ";
  display: table;
  line-height: 0;
}
.l-col:after {
  clear: both;
}
.lt-ie9 .l-col {
  width: 8.37457627%;
}
.l-col.last-child,
.l-col.l-unit--last,
.l-col.l-col--last {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
.l-col:last-child {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
.l-col--full {
  display: block;
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.l-col--full:before,
.l-col--full:after {
  content: " ";
  display: table;
  line-height: 0;
}
.l-col--full:after {
  clear: both;
}
.l-unit--last,
.l-col--last {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
[class*="l-units-"] {
  *zoom: 1;
}
[class*="l-units-"]:before,
[class*="l-units-"]:after {
  content: " ";
  display: table;
  line-height: 0;
}
[class*="l-units-"]:after {
  clear: both;
}
/*[role="main"] { margin-bottom: 1em; }*/
[data-toggle-container] {
  -webkit-transition: max-height 0.4s;
  -moz-transition: max-height 0.4s;
  -ms-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
  max-height: 999em;
}
[data-toggle-container].is-hidden {
  max-height: 0;
  overflow: hidden;
}
.l-col-pad,
.l-col-pad--bordered {
  margin: 0 0.5em;
  overflow: hidden;
}
.l-col-pad--bordered {
  padding-right: 0.5em;
  border-right: 1px solid #d0d0d0;
}
.l-col--bordered {
  border-right: 1px solid #d0d0d0;
}
/* = Community Specific classes
 --------------------------------------------------------------------------- */
.l-main,
.l-secondary {
  display: block;
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.l-main:before,
.l-secondary:before,
.l-main:after,
.l-secondary:after {
  content: " ";
  display: table;
  line-height: 0;
}
.l-main:after,
.l-secondary:after {
  clear: both;
}
/* = Community Page Layout
 --------------------------------------------------------------------------- */
.toplinks {
  min-height: 35px;
  *height: 35px;
  padding: 0 1.69491525%;
  overflow: hidden;
}
.toplinks .nav {
  margin-left: 0;
  width: 80%;
  display: inline-block;
}
.toplinks .nav--social {
  display: inline-block;
  margin: .5em 0 .5em 1em;
}
.toplinks .nav--social a {
  color: #666666 !important;
}
.toplinks .nav li > a {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.8rem;
  margin-right: 2em;
  color: #000000;
}
.toplinks ul,
.toplinks .social-share--right.l-float-right {
  margin: .5em 0 .5em 1em;
}
.l-page-wrap {
  *zoom: 1;
  max-width: 976px;
  margin: 0 auto;
  position: relative;
}
.l-page-wrap:before,
.l-page-wrap:after {
  content: " ";
  display: table;
  line-height: 0;
}
.l-page-wrap:after {
  clear: both;
}
.l-header,
.l-footer,
.l-footer-sub,
.l-footer-rights {
  padding-left: 1.69491525%;
  padding-right: 1.69491525%;
  margin-left: -1.69491525%;
  margin-right: -1.69491525%;
  clear: both;
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
}
/* = MOBILE FIRST: start by hiding some elements
 --------------------------------------------------------------------------- */
.toplinks,
.l-header,
.ankeiler {
  display: none;
}
.l-header-mobile {
  *zoom: 1;
  border-bottom: 1px solid #d0d0d0;
  text-align: right;
}
.l-header-mobile:before,
.l-header-mobile:after {
  content: " ";
  display: table;
  line-height: 0;
}
.l-header-mobile:after {
  clear: both;
}
.menu__toggle,
.logo-mobile {
  float: left;
}
.menu__toggle {
  padding: .5em;
  margin-right: .28em;
  border-right: 1px solid #d0d0d0;
}
.menu__toggle:before {
  margin-right: 0;
}
.logo-mobile {
  width: 150px;
  height: 32px;
  margin-top: .333em;
}
.usabilla_live_button_container {
  display: none;
}
/* = LOGGED-IN / LOGGED-OUT
--------------------------------------------------------------------------- */
.is-logged-in [data-show-when="logged-in"],
.is-logged-out [data-show-when="logged-out"] {
  display: block;
}
.is-logged-in [data-show-when="logged-out"],
.is-logged-out [data-show-when="logged-in"] {
  display: none;
}
/*temporarily used the old classname 'frame' used for the Boerderij market and weather widgets in the sidebar
    to prevend messing up all sides */
.frame.half {
  float: right;
  width: 48.333%;
}
.frame.half.first {
  float: left;
}
/* = MODULES
   @name:        modules.less
   @description: Re-usable SMACSS OOCSS modules
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   MODULES
   ----------------------------------------------------------------------------
   @name:        /css/imports/modules.less
   @modified:    17/08/2013
   @author:      DH

   @description: Modules Less Styles. Only! SMACSS modules styles
                 Inspired by:
                 - http://smacss.com/book/type-module

   @contents:
                 1   LISTS:
                 1.1 Plain
                 1.2 Inline
                 1.3 Stacked
                 1.4 Linklist
                 1.5 Checked (checkmarks)
                 1.6 list--two-col (create a two-column list)
                 1.7 Definition List Inline
                 1.8 Description Only
                 1.9 Accordion (FAQ etc)

                 2   NAV:
                 2.1 nav
                 2.2 nav--bordered
                 2.3 nav--pagination
                 2.4 nav--breadcrumb
                 2.5 nav--stacked
                 2.6 nav--tabs
                 2.7 social-share (Social Share button list + --right --center)
                 2.8 MENU: menu__main and menu__sub

                 3   MEDIA:
                 3.1 media
                 3.2 media-list

                 4   BOXED (island object):
                 4.1 boxed
                 4.2 boxed--white
                 4.3 boxed--accent
                 4.4 boxed--well
                 4.5 boxed--side

                 5   BUTTONS (.btn object):
                 5.1 .btn
                 5.2 .btn--alt
                 5.2 .btn--ui
                 5.2 .btn--small
                 5.2 .btn--large
                 5.2 .btn--more
                 5.4 disabled .btn
                 5.5 Button bar
                 5.6 LINK styles:
                 5.7 lnk-more
                 5.8 lnk-more--alt
                 5.9 lnk-action
                 5.91 lnk--reversed

                 6   LABELS & TAGS
                 6.1 .label
                 6.2 .tag
                 6.3 .taglist

                 7   ...

                 8   Messages

                 9   Logo

                 10  Ads

                 11  Breaking news
                 12  Ankeilers
                 13  Comments (TODO)
                 14  Drawer (collapsible) (TODO, deprecated?)
                 15  Ridge
                 16  Kader (inzetten) (TODO: proper SMACSS naming)
                 17  Figure
                 18  .cal-item (date-stamp) as used on e.g. EVENT page
                 19  .FLUID video wrapper
                 20  Simple Lightbox


 =========================================================================== */
/* = LISTS
 --------------------------------------------------------------------------- */
.list-plain,
.list-inline,
.linklist,
.linklist--plain,
.list-stacked,
.list-checked,
.nav,
[class*="nav--"] {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.list-plain li,
.list-inline li,
.linklist li,
.linklist--plain li,
.list-stacked li,
.list-checked li,
.nav li,
[class*="nav--"] li {
  display: list-item;
}
.list-inline li {
  padding-right: 0.5em;
  display: inline;
}
.list-inline li:last-child {
  padding-right: 0;
}
.linklist > li,
.linklist--plain > li,
.list-stacked > li {
  display: block;
  padding: 0.6665em 0;
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.linklist > li:last-child,
.linklist--plain > li:last-child,
.list-stacked > li:last-child {
  padding-bottom: 0;
  border-bottom-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.linklist li > a,
.linklist--plain li > a,
.list-stacked li > a {
  display: block;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.linklist .promoted,
.linklist--plain .promoted,
.list-stacked .promoted {
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  background-color: #fcf8e3;
  margin: -0.5em;
  margin-bottom: .5em;
  padding: 0.5em;
}
.linklist .promoted dd a,
.linklist--plain .promoted dd a,
.list-stacked .promoted dd a {
  color: #29235c;
}
.linklist .promoted.last-child,
.linklist--plain .promoted.last-child,
.list-stacked .promoted.last-child {
  margin-bottom: 0;
}
.list-stacked a {
  display: inline;
}
.linklist--plain > li {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-top: .333em;
  padding-bottom: .333em;
}
#glossresults .linklist a {
  text-transform: capitalize;
}
.list-checked {
  line-height: 1.65;
}
.list-checked li:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e027";
  color: #29235c;
  margin-right: .5em;
  vertical-align: middle;
}
.boxed--accent .list-checked li:before {
  color: #ffffff;
}
dl.inline dt,
dl.inline--light dt,
dl.inline--value-only dt,
dl.media-list-dl dt {
  font-weight: bold;
}
dl.inline dt,
dl.inline--light dt,
dl.inline--value-only dt,
dl.media-list-dl dt,
dl.inline dd,
dl.inline--light dd,
dl.inline--value-only dd,
dl.media-list-dl dd {
  display: block;
  margin: 0;
}
dl.inline dd,
dl.inline--light dd,
dl.inline--value-only dd,
dl.media-list-dl dd {
  margin-bottom: 1em;
}
dl.inline--light {
  margin-bottom: 1em !important;
}
dl.inline--light dt {
  font-weight: normal;
}
dl.inline--value-only dt {
  display: none;
}
dl.inline--value-only dd {
  margin-bottom: .5em;
}
/* = ACCORDION (definition) lists:
   These are to be used with DL elements but could potentially work with
   e.g. a UL
 --------------------------------------------------------------------------- */
.accordion {
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0;
}
.accordion__title,
.accordion__title--subtitle {
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.333em 0.6665em;
  margin: 0;
}
.accordion__title,
.accordion .accordion__title a,
.accordion .accordion__title--subtitle a {
  display: block;
  text-decoration: none;
}
.accordion__title {
  background-color: #29235c;
  border-bottom: 1px solid #FFF;
}
.accordion__title,
.accordion .accordion__title a {
  color: #ffffff;
}
.accordion__title:hover,
.accordion .accordion__title a:hover,
.accordion__title:focus,
.accordion .accordion__title a:focus,
.accordion__title:active,
.accordion .accordion__title a:active {
  background-color: #191537;
}
.accordion__title--subtitle,
.accordion .accordion__title--subtitle a {
  color: #29235c;
}
.accordion__title--subtitle {
  margin-bottom: 1px;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.accordion__title a:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  color: #29235c;
  border: 1px solid #ffffff;
  border-radius: 50%;
  float: right;
  margin-top: -0.1em;
  margin-right: -0.0025em;
}
.js .accordion__title a.is-closed:before {
  content: "\e041";
  padding-left: 2px;
}
.js .accordion__title a.is-open:before {
  content: "\e043";
  padding-left: 0;
}
.accordion__content {
  list-style: none;
  background-color: #f0f0f0;
  margin: 0 0 0.5em 0;
  padding: 0.5em 0.6665em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  max-height: 999em;
}
.accordion__content:last-child {
  margin-bottom: 0;
}
.accordion__content.is-closed {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
}
.js .accordion__content:target,
.js .accordion__content.is-closed:target {
  max-height: 999em;
  overflow: visible;
  margin: 0 0 0.5em 0;
  padding: 0.5em 0.6665em;
}
.js .accordion__content:target,
.js .accordion__content.is-closed:target,
.js .accordion__content:target .accordion__content,
.js .accordion__content.is-closed:target .accordion__content {
  background-color: #fcf8e3;
}
/* = The Nav Object:
 --------------------------------------------------------------------------- */
.nav li,
[class*="nav--"] li {
  display: inline;
  border: none;
}
.nav li > span,
[class*="nav--"] li > span,
.nav a,
[class*="nav--"] a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 0.5em;
}
.nav .active a,
[class*="nav--"] .active a,
.nav a.active,
[class*="nav--"] a.active {
  color: #262262;
}
/* SUBCLASSES */
/* Bordered
---------------------------------------------------------------------- */
.nav--bordered a {
  padding-right: 0.5em;
  border-right: 1px solid #d0d0d0;
}
.nav--bordered :last-child a {
  margin-right: 0;
  border: 0;
}
/* Pagination
---------------------------------------------------------------------- */
.pages-holder {
  margin-bottom: 15px;
  clear: both;
}
.nav--pagination a {
  text-decoration: none;
  color: #29235c;
  padding: .125em .5em;
  margin-right: .125em;
}
.nav--pagination .active a,
.nav--pagination a.active,
.nav--pagination a:hover,
.nav--pagination a:active,
.nav--pagination a:focus {
  background-color: #29235c;
  color: #ffffff;
}
.nav--pagination .empty {
  color: #cccccc;
}
a.nav--pagination__prev,
a.nav--pagination__next,
a.nav--pagination__more {
  padding-right: .25em;
  padding-left: .25em;
  color: #29235c;
}
a.nav--pagination__prev > span,
a.nav--pagination__next > span,
a.nav--pagination__more > span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.nav--pagination__prev:before,
a.nav--pagination__next:before,
a.nav--pagination__more:before,
a.nav--pagination__prev:after,
a.nav--pagination__next:after,
a.nav--pagination__more:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  margin: 0 .25em;
}
a.nav--pagination__prev:hover,
a.nav--pagination__next:hover,
a.nav--pagination__more:hover,
a.nav--pagination__prev:focus,
a.nav--pagination__next:focus,
a.nav--pagination__more:focus,
a.nav--pagination__prev:active,
a.nav--pagination__next:active,
a.nav--pagination__more:active {
  color: #ffffff;
}
.nav--pagination__prev:before {
  content: "\e045";
}
.nav--pagination__next:after {
  content: "\e044";
}
.nav--pagination__more:after {
  content: "...";
}
/* Breadcrumbs
---------------------------------------------------------------------- */
.nav--breadcrumb {
  font-size: 18px;
  font-size: 1.2rem;
  color: #666666;
  text-transform: lowercase;
}
.nav--breadcrumb li {
  margin-right: .125em;
}
.nav--breadcrumb li:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e041";
  padding-right: .125em;
  margin-right: 0;
  position: relative;
  top: .1em;
}
.nav--breadcrumb li:first-child:before {
  content: normal;
}
.nav--breadcrumb a {
  color: #6bc72c;
  font-weight: normal;
  margin-right: 0;
}
/* Stacked
---------------------------------------------------------------------- */
.nav--stacked {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.nav--stacked li {
  display: list-item;
}
.nav--stacked > li {
  display: block;
  padding: 0.6665em 0;
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.nav--stacked > li:last-child {
  padding-bottom: 0;
  border-bottom-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.nav--stacked li > a {
  display: block;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.nav--stacked .promoted {
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  background-color: #fcf8e3;
  margin: -0.5em;
  margin-bottom: .5em;
  padding: 0.5em;
}
.nav--stacked .promoted dd a {
  color: #29235c;
}
.nav--stacked .promoted.last-child {
  margin-bottom: 0;
}
/* Tabs
---------------------------------------------------------------------- */
.nav--tabs {
  margin-left: 0;
}
.nav--tabs a {
  display: block;
  background-color: #f0f0f0;
  color: rgba(38, 34, 98, 0.5);
  padding: .5em;
  text-align: center;
  text-decoration: none;
  border: 1px solid #d0d0d0;
  margin-bottom: -1px;
}
.nav--tabs .active a,
.nav--tabs a.active,
.nav--tabs a:hover,
.nav--tabs a:focus,
.nav--tabs a:active {
  background-color: #FFF;
  color: #6bc72c;
}
/* = Flexslider: normally in /extra/flexslider.less
     But when you need site specific vars add those styles here...
 --------------------------------------------------------------------------- */
.flex-direction-nav a {
  background-color: #7ac143 !important;
}
/* = Social Share button list:
 --------------------------------------------------------------------------- */
.social-share,
.social-share--right,
.social-share--center {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.social-share li,
.social-share--right li,
.social-share--center li {
  display: list-item;
}
.social-share li,
.social-share--right li,
.social-share--center li {
  display: inline;
  border: none;
}
.social-share li > span,
.social-share--right li > span,
.social-share--center li > span,
.social-share a,
.social-share--right a,
.social-share--center a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 0.5em;
}
.social-share .active a,
.social-share--right .active a,
.social-share--center .active a,
.social-share a.active,
.social-share--right a.active,
.social-share--center a.active {
  color: #262262;
}
.social-share.l-float-left,
.social-share--right.l-float-left,
.social-share--center.l-float-left,
.social-share.l-float-right,
.social-share--right.l-float-right,
.social-share--center.l-float-right {
  margin-top: .875em;
}
.social-share a,
.social-share--right a,
.social-share--center a {
  text-decoration: none !important;
}
.social-share--right {
  text-align: right;
}
.social-share--right li {
  margin-left: 3px;
}
.social-share--center {
  text-align: center;
}
.menu__wrapper .social-share {
  margin: .75em;
}
.menu__wrapper .social-share li {
  margin-right: .75em;
}
.bubble {
  background-color: #fd0035;
  color: white;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  padding: .25em .34em;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -0.2em;
  left: .3em;
}
/* = Main MENU (mobile first. Desktop styles in wide.less)
 --------------------------------------------------------------------------- */
.menu {
  margin-bottom: 15px;
}
.menu a {
  color: #ffffff;
  text-decoration: none !important;
}
a.menu__toggle {
  color: #6bc72c;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.3333333333333333rem;
}
a.menu__toggle i {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
a.menu__toggle i.focusable:active,
a.menu__toggle i.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
a.services-link-mobile {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 18px;
  font-size: 1.2rem;
  color: #333333;
  text-decoration: none;
  font-weight: normal;
  margin: .4em 0 0 .25em;
}
a.services-link-mobile .service-link__icon {
  margin-right: 0;
}
a.services-link-mobile .service-link__icon:before {
  font-size: 24px !important;
}
a.services-link-mobile .service-link__title {
  display: none;
}
.is-active a.services-link-mobile,
a.services-link-mobile.is-active,
a.services-link-mobile:hover,
a.services-link-mobile:focus,
a.services-link-mobile:active {
  color: #29235c;
}
.menu__wrapper,
.menu__wrapper > .l-form-search {
  background-color: #4f5052;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.menu__wrapper a,
.menu__wrapper > .l-form-search a {
  color: #ffffff;
}
.menu__wrapper,
.menu__wrapper.is-inactive {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  max-height: 0;
  overflow: hidden;
}
.no-js .menu__wrapper,
.l-page-wrap.is-active .menu__wrapper,
.menu__wrapper:target,
.menu__wrapper.is-active {
  max-height: 200em;
}
.menu__services,
.menu__main,
.menu__sub {
  margin-left: 0;
  padding: 0;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.menu__services li,
.menu__main li,
.menu__sub li {
  display: list-item;
}
.menu__services > li,
.menu__main > li,
.menu__sub > li {
  display: block;
  padding: 0.6665em 0;
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.menu__services > li:last-child,
.menu__main > li:last-child,
.menu__sub > li:last-child {
  padding-bottom: 0;
  border-bottom-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.menu__services li > a,
.menu__main li > a,
.menu__sub li > a {
  display: block;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.menu__services .promoted,
.menu__main .promoted,
.menu__sub .promoted {
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  background-color: #fcf8e3;
  margin: -0.5em;
  margin-bottom: .5em;
  padding: 0.5em;
}
.menu__services .promoted dd a,
.menu__main .promoted dd a,
.menu__sub .promoted dd a {
  color: #29235c;
}
.menu__services .promoted.last-child,
.menu__main .promoted.last-child,
.menu__sub .promoted.last-child {
  margin-bottom: 0;
}
.menu__services li,
.menu__main li,
.menu__sub li {
  padding: 0;
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.menu__sub li:last-child {
  border: none;
}
.menu__main {
  color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.menu__services a,
.menu__main a {
  background-color: #00a1df;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: normal;
  padding: .5em .5em .5em .75em;
  margin-right: 0;
}
.menu__services a:hover,
.menu__main a:hover,
.menu__services a:focus,
.menu__main a:focus,
.menu__services a:active,
.menu__main a:active,
.menu__services a.is-active,
.menu__main a.is-active {
  background-color: #262262;
  color: #ffffff;
}
.menu__services a.is-active:after,
.menu__main a.is-active:after {
  content: "\e042";
}
.menu__profile-item img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: -0.6em 0.75em -0.6em 0;
}
.submenu-toggler {
  float: right;
  vertical-align: bottom;
  width: 2.75em;
  height: 2.3222em;
  line-height: 2.2222;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #00b3f9;
  margin: 0;
}
.submenu-toggler:before {
  font-size: 1.25em;
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e043";
}
.menu__main__parent .submenu-toggler.is-open:before,
.menu__main__parent.is-active .submenu-toggler:before {
  content: "\e042";
}
.menu__main__parent .submenu-toggler.is-open:before {
  content: "\e043";
}
.menu__main__parent {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  vertical-align: top;
}
.menu__sub a {
  font-size: 16px;
  font-size: 1.0666666666666667rem;
  padding-left: 2em;
  background-color: transparent;
  color: #ffffff;
}
.js .menu__sub,
.menu__sub.is-inactive {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  max-height: 0;
}
.is-active + .menu__sub,
.is-active > .menu__sub,
.no-js .menu__sub,
.menu__sub.is-active,
.menu__sub:hover {
  max-height: 60em;
}
/* = Mobile Menu
 --------------------------------------------------------------------------- */
/* ACTIVATE MENU WITH JS */
.js .menu {
  z-index: 1000;
}
.js .menu__wrapper {
  width: 75%;
  max-height: 200em;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  position: absolute;
  left: -100%;
  top: 0;
}
.js .is-menu-active .l-page-wrap {
  overflow: hidden;
}
.js .pagesheet,
.js .toplinks {
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  position: relative;
  left: 0;
}
.js .is-menu-active .pagesheet,
.js .is-menu-active .toplinks {
  left: 75%;
}
.js .menu__wrapper.is-active {
  left: -75%;
  bottom: 0;
}
/* ACTIVATE CSS ONLY 
  :target should not happen since the menu toggle clicks
  should be hijacked by the Menu JS
  BUT when the JS fails the menu should still work
*/
.menu__wrapper:target {
  width: 100%;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  position: absolute;
  top: 3em;
  left: 0;
  z-index: 101;
}
/* = The Media Object:
 --------------------------------------------------------------------------- */
.social-timeline .media .media__img {
  width: 40px;
}
.media,
[class*="media-"],
.media-list,
.media-list > li,
.media__body {
  overflow: hidden;
}
.media,
.media-list {
  list-style: none;
  margin-bottom: 15px;
  /* Align with top of image. */
}
.media .media__img,
.media-list .media__img {
  float: left;
  margin-right: .8em;
  position: relative;
  top: .2em;
  margin-bottom: .4em;
}
.media .media__img img,
.media-list .media__img img {
  display: block;
}
.media .media-list .media_img,
.media-list .media-list .media_img {
  width: 80px;
}
.media .media__img__icon,
.media-list .media__img__icon,
.media .media__img__icon--video,
.media-list .media__img__icon--video {
  font-size: 24px;
  color: #ffffff;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  left: 100%;
  margin-top: -1.25em;
  margin-left: -1.25em;
}
.media .media__img__icon--video,
.media-list .media__img__icon--video {
  font-size: 35px;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
}
.media .media__body,
.media-list .media__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media .media__img--reversed,
.media-list .media__img--reversed {
  float: right;
  margin-left: 1.333em;
}
.media > li :first-child,
.media-list > li :first-child,
.media .media__body :first-child,
.media-list .media__body :first-child,
.media .media__body .first-child,
.media-list .media__body .first-child {
  margin-top: 0;
}
.media .media__body :last-child,
.media-list .media__body :last-child {
  margin-bottom: 0;
}
.media--bordered-top {
  margin-top: 1em;
  border-top: 1px solid #FFF;
  -webkit-box-shadow: 0 -1px 0 #d0d0d0;
  -moz-box-shadow: 0 -1px 0 #d0d0d0;
  box-shadow: 0 -1px 0 #d0d0d0;
  padding-top: 1em;
}
.media-list {
  margin-left: 0;
  padding-left: 0;
}
.media-list:last-child {
  margin-bottom: 0;
}
.media-list > li {
  *zoom: 1;
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  margin-bottom: .5em;
}
.media-list > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
li.media,
.media-list > li .media {
  margin-bottom: 0;
}
li > .media {
  margin-bottom: .5em;
}
a.media {
  color: #262262;
  font-weight: normal;
}
[data-carousel] li > .media {
  margin-bottom: 0;
}
[data-carousel] .media + .contain {
  margin-top: .5em;
}
[data-carousel] .media .company-url {
  margin-top: -0.5em;
  font-weight: bold;
}
[data-carousel] .media .company-url a {
  color: #29235c;
}
.media-list .media__body + .contain {
  margin-top: .75em;
}
/* = The Boxed (Island) Object:
 --------------------------------------------------------------------------- */
.boxed,
[class*="boxed-"],
.boxed--white,
.boxed--accent,
.boxed--well,
.boxed--side,
.boxed--separated {
  *zoom: 1;
  background-color: #f0f0f0;
  padding: 0.5em;
  margin-bottom: 1em;
}
.boxed:before,
[class*="boxed-"]:before,
.boxed--white:before,
.boxed--accent:before,
.boxed--well:before,
.boxed--side:before,
.boxed--separated:before,
.boxed:after,
[class*="boxed-"]:after,
.boxed--white:after,
.boxed--accent:after,
.boxed--well:after,
.boxed--side:after,
.boxed--separated:after {
  content: " ";
  display: table;
  line-height: 0;
}
.boxed:after,
[class*="boxed-"]:after,
.boxed--white:after,
.boxed--accent:after,
.boxed--well:after,
.boxed--side:after,
.boxed--separated:after {
  clear: both;
}
.boxed--bordered,
.boxed--white,
.boxed--well,
.boxed--side,
.boxed--separated {
  border: 1px solid #d0d0d0;
}
.boxed--white {
  background-color: #ffffff;
}
.boxed--accent {
  background-color: #29235c;
}
.boxed--accent,
.boxed--accent a {
  color: #ffffff;
}
.boxed--well {
  -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
}
.boxed--side {
  float: left;
  margin: 0.125em 1.5em 0.25em 0;
  width: 33%;
}
.boxed--separated {
  border-width: 0;
  border-bottom-width: 1px;
  padding-bottom: 0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  margin-bottom: 0;
}
.boxed--separated:last-child {
  border-bottom-width: 0;
  box-shadow: none;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.boxed:empty,
[class*="boxed-"]:empty {
  padding: 0;
}
/* = BUTTONS: .btn Simple Buttons (on <a> and <input>) 
 --------------------------------------------------------------------------- */
/*button,
input[type="submit"],
input[type="reset"],
.btn,
.btn--alt,
.btn--ui,
.btn--small,
.btn--large,
.btn--delete,
.btn--more,
.btn--prev,
.btn--next {
  cursor: pointer;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  .inline-block();
  // Default btn = light-grey gradient with blue text
  background-color: @cl_white;
  #gradient > .vertical( @cl_white, lighten( @cl_grey_light, 10% ) );
  color: @cl_link_hover !important;
  .rem(16);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
// text-shadow: 0 1px 0 rgba(0,0,0,0.07);
  vertical-align: baseline;
padding: .25em @pad_default/2;
  border: 1px solid darken( @cl_border, 15% );
  .border-radius(.22em);
  margin: 0 .5em 0 0;
  .box-shadow(0 0 2px 2px rgba(0,0,0,0.1));

  // Hover/active state
  &:hover,
  &:focus,
  &:active,
  &.is-active {
    border-color: darken( @cl_border, 20% );
    .box-shadow(none);
    text-decoration: underline;
  }

  // DISABLED buttons, attr [disabled] or classname .disabled
  &[disabled],
  &.is-disabled {
    // opacity: 0.2;
    background-color: #cecece;
    cursor: default;
  }

}
*/
.btn:hover,
.btn--large:hover,
.btn--small:hover,
.btn:focus,
.btn--large:focus,
.btn--small:focus,
.btn:active,
.btn--large:active,
.btn--small:active,
.btn.is-active,
.btn--large.is-active,
.btn--small.is-active {
  text-decoration: underline;
}
.lnk-more:before,
.lnk-more--alt:after,
a[class*="rbi-icon-"]:before,
.btn--more:after,
.btn--prev:before,
.btn--next:after,
.btn[data-icon]:before {
  display: inline-block;
}
.btn--alt {
  border-color: #3e992f;
  background-color: #6fce60 !important;
  color: #ffffff !important;
  background-color: #5cb94c;
  background-image: -moz-linear-gradient(top, #6fce60, #3e992f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6fce60), to(#3e992f));
  background-image: -webkit-linear-gradient(top, #6fce60, #3e992f);
  background-image: -o-linear-gradient(top, #6fce60, #3e992f);
  background-image: linear-gradient(to bottom, #6fce60, #3e992f);
  background-repeat: repeat-x;
}
.btn--alt:hover,
.btn--alt:focus,
.btn--alt:active,
.btn--alt.is-active {
  text-decoration: none;
  border-color: #6fce60;
  background-color: #3e992f;
  background-color: #52ae43;
  background-image: -moz-linear-gradient(top, #3e992f, #6fce60);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e992f), to(#6fce60));
  background-image: -webkit-linear-gradient(top, #3e992f, #6fce60);
  background-image: -o-linear-gradient(top, #3e992f, #6fce60);
  background-image: linear-gradient(to bottom, #3e992f, #6fce60);
  background-repeat: repeat-x;
}
.btn--ui {
  border-color: #b3b3b3;
  color: #404040 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  background-color: #cccccc;
  background-color: #c2c2c2;
  background-image: -moz-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#b3b3b3));
  background-image: -webkit-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: -o-linear-gradient(top, #cccccc, #b3b3b3);
  background-image: linear-gradient(to bottom, #cccccc, #b3b3b3);
  background-repeat: repeat-x;
}
.btn--ui:hover,
.btn--ui:focus,
.btn--ui:active,
.btn--ui.is-active {
  background-color: #b3b3b3;
  background-color: #bdbdbd;
  background-image: -moz-linear-gradient(top, #b3b3b3, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #cccccc);
  background-image: -o-linear-gradient(top, #b3b3b3, #cccccc);
  background-image: linear-gradient(to bottom, #b3b3b3, #cccccc);
  background-repeat: repeat-x;
  border-color: #b3b3b3;
  color: #333333 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.btn--flat {
  font-size: 11px;
  font-size: 0.7333333333333333rem;
  background-color: #262262 !important;
  background-image: none;
  color: #ffffff !important;
  font-weight: normal !important;
  border: none;
  border-radius: 2px;
  padding: .18182em .55em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn--flat:hover,
.btn--flat:focus,
.btn--flat:active {
  background-color: #6bc72c !important;
  border: none;
  background-image: none;
  text-decoration: none;
}
a.btn--flat:link,
a.btn--flat:visited,
a.btn--flat:hover,
a.btn--flat:focus,
a.btn--flat:active {
  font-weight: normal;
}
.btn--follow {
  min-width: 65px;
  text-align: center;
}
[data-action=unfollow],
[data-action=leave] {
  background-color: #999;
}
[data-action=pending] {
  background-color: #29235c;
}
.btn--small {
  font-size: 12px;
  font-size: 0.8rem;
}
.btn--large {
  font-size: 24px;
  font-size: 1.6rem;
}
.btn--more,
.btn--next {
  background-color: #7ac143;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 2px 20px 2px 10px;
  position: relative;
  white-space: nowrap;
  font-weight: 200;
}
.btn--more:after,
.btn--next:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  display: inline-block;
  position: relative;
  top: 0.1em;
  margin: 0 0 -0.125em 0.333em;
  content: "\e03f";
  vertical-align: baseline;
}
.btn--prev:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  display: inline-block;
  position: relative;
  top: 0.1em;
  margin: 0 0.333em -0.125em 0;
  content: "\e03e";
  vertical-align: baseline;
}
.btn--next {
  float: right !important;
  margin-right: 0 !important;
}
.btn--delete {
  background-color: #666666;
}
.btn-follow {
  margin-bottom: -0.5em;
  float: right;
}
.btn.expand:before,
.btn.collapse:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  font-size: .5em;
  line-height: 2em;
  content: "\e029";
  display: inline-block;
  vertical-align: bottom;
}
.btn.collapse:before {
  content: "\e028";
}
.btn--selected {
  margin-bottom: .5em;
}
.btn--selected:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  content: "\e0fc";
  color: #29235c;
  vertical-align: middle;
  position: relative;
  top: -1px;
  right: -0.333em;
  border-radius: 2px;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0 0 1px 2px #ffffff;
  -moz-box-shadow: inset 0 0 1px 2px #ffffff;
  box-shadow: inset 0 0 1px 2px #ffffff;
}
.btn--selected:hover:after,
.btn--selected:focus:after,
.btn--selected:active:after {
  border-color: #29235c;
}
/* = BUTTON GROUP [groups floated buttons, clearfixed and margined]
 --------------------------------------------------------------------------- */
.btngroup {
  *zoom: 1;
}
.btngroup:before,
.btngroup:after {
  content: " ";
  display: table;
  line-height: 0;
}
.btngroup:after {
  clear: both;
}
.btngroup .likebtn-complete,
.btngroup .btn,
.btngroup [class*="btn-"] {
  float: left;
  margin-right: .5em;
  margin-bottom: .5em;
}
/* = BUTTON BAR [button|button|button]
 --------------------------------------------------------------------------- */
.btn-bar {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.btn-bar li {
  display: list-item;
}
.btn-bar li {
  padding-right: 0.5em;
  display: inline;
}
.btn-bar li:last-child {
  padding-right: 0;
}
.btn-bar:last-child {
  margin-bottom: 0;
}
.btn-bar li {
  padding-right: 0;
  margin-right: -0.28em;
}
.btn-bar [class*="rbi-icon-"]:before {
  vertical-align: top;
}
.btn-bar .btn,
.btn-bar [class*="btn-"] {
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
  border-right-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-bar .btn--flat {
  margin-right: .125em;
}
.btn-bar li:first-child .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn-bar li:last-child .btn {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
/* = HYPERLINKS (lnk): used on <A> 
 --------------------------------------------------------------------------- */
.lnk,
[class*="lnk-"] {
  color: #29235c !important;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.9333333333333333rem;
  font-weight: bold;
}
.lnk:visited,
[class*="lnk-"]:visited {
  color: #6bc72c;
}
.lnk-more:before,
.lnk-more--alt:after,
.lnk-more--alt2:after,
.lnk-action:before,
.lnk-action--noborder:before,
.lnk-actionable:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  font-size: 18px;
  font-size: 1.2rem;
  position: relative;
  top: .125em;
}
.lnk-more:before {
  content: "\e041";
}
.lnk-actionable {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
  position: relative;
  top: auto;
  line-height: 1;
  padding: 0 .5em;
  margin-right: 0;
  border-radius: 2px;
  padding: .25em;
  top: 0;
  font-weight: normal;
  text-transform: none;
}
.lnk-actionable:link,
.lnk-actionable:visited,
.lnk-actionable:hover,
.lnk-actionable:active,
.lnk-actionable:before,
.lnk-actionable:after {
  background-color: #d0d0d0;
  color: #666666;
}
.lnk-actionable > span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.lnk-action,
.lnk-action--noborder {
  *zoom: 1;
  display: block;
  padding-top: 0.5em;
  border-top: 1px dotted #666666;
  margin-top: 0.5em;
}
.lnk-action:before,
.lnk-action--noborder:before,
.lnk-action:after,
.lnk-action--noborder:after {
  content: " ";
  display: table;
  line-height: 0;
}
.lnk-action:after,
.lnk-action--noborder:after {
  clear: both;
}
.lnk-action:before,
.lnk-action--noborder:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
  position: relative;
  top: auto;
  line-height: 1;
  padding: 0 .5em;
  margin-right: 0;
  border-radius: 2px;
  content: "\e041";
  background-color: #29235c;
  color: #ffffff;
}
.lnk-action:before:link,
.lnk-action--noborder:before:link,
.lnk-action:before:visited,
.lnk-action--noborder:before:visited,
.lnk-action:before:hover,
.lnk-action--noborder:before:hover,
.lnk-action:before:active,
.lnk-action--noborder:before:active,
.lnk-action:before:before,
.lnk-action--noborder:before:before,
.lnk-action:before:after,
.lnk-action--noborder:before:after {
  background-color: #d0d0d0;
  color: #666666;
}
.boxed > .lnk-action,
.boxed > .lnk-action--noborder,
[class*="boxed-"] > .lnk-action,
[class*="boxed-"] > .lnk-action--noborder {
  padding-left: 1.69491525%;
  padding-right: 1.69491525%;
  margin-left: -1.69491525%;
  margin-right: -1.69491525%;
}
.clean > .lnk-action {
  border: none;
  margin: 0;
  padding: 0;
}
.lnk-action--noborder {
  border-top: 0;
}
.lnk-action--narrow {
  margin: 0;
  padding: 0;
  border-top: 0;
}
.lnk-action.expand {
  border: none;
  margin-top: 0;
}
.lnk-action.expand:before {
  content: "\e043";
}
.lnk-action.collapse {
  border: none;
  margin-top: 0;
}
.lnk-action.collapse:before {
  content: "\e042";
}
.boxed > .lnk-action {
  border-top: 1px dotted #666666;
  margin: 0 -0.3636em 0.3636em -0.3636em;
  padding: .6665em .3636em 0 .3636em;
  text-transform: none;
}
.lnk-more--alt:after {
  content: "\e044";
  margin-left: .333em;
}
.lnk-more--alt2:after {
  content: "\e047";
  margin-left: .333em;
  float: right;
  color: #29235c;
}
.lnk--reversed:link,
.lnk--reversed:visited,
.lnk--reversed:hover,
.lnk--reversed:active {
  color: #ffffff !important;
}
.lnk--reversed[onclick] {
  color: #ffffff !important;
  cursor: pointer;
}
.lnk-action.lnk--reversed:before {
  background-color: #ffffff;
  color: #6bc72c !important;
}
.lnk-bordered-top {
  padding-top: .5em;
  border-top: 1px dotted #848484;
  margin-top: .5em;
}
.lnk-light--black:link,
.lnk-light--black:visited,
.lnk-light--black:hover,
.lnk-light--black:active {
  color: #000000 !important;
  font-weight: normal;
}
.boxed .lnk-action--reversed {
  background-color: #29235c;
  padding: .3636em .665em;
  margin: 0 -0.5em;
  border-top: 0;
}
.boxed .lnk-action--reversed:link,
.boxed .lnk-action--reversed:visited,
.boxed .lnk-action--reversed:hover,
.boxed .lnk-action--reversed:active {
  color: #ffffff !important;
}
.boxed .lnk-action--reversed[onclick] {
  color: #ffffff !important;
  cursor: pointer;
}
.boxed .lnk-action--reversed:before {
  background-color: #ffffff;
  color: #6bc72c !important;
}
.boxed .lnk-action--reversed:last-child {
  margin-bottom: -1em;
}
/* = LABEL, TAGS & TAGLIST: used on <A> 
 --------------------------------------------------------------------------- */
.label,
.tag,
.taglist a {
  font-size: 12px;
  font-size: 0.8rem;
  color: #29235c !important;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  margin-right: .5em;
}
.tag,
.taglist a {
  margin: 0 0.25em 0.25em 0;
}
.taglist {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.taglist li {
  display: list-item;
}
.taglist li {
  display: inline;
  border: none;
}
.taglist li > span,
.taglist a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 0.5em;
}
.taglist .active a,
.taglist a.active {
  color: #262262;
}
.taglist li a::after {
  content: ",";
}
.taglist li:last-child a::after {
  content: "";
}
.meta > .label + .label:before {
  content: "|";
  margin: 0 0.5em 0 -0.25em;
}
/* = MESSAGES
--------------------------------------------------------------------------- */
.msg,
.msg--success,
.msg--error,
[class*="msg-"] {
  /*.boxed; 
  .boxed--bordered;*/
  background-color: #fcf8e3;
  color: #c09853;
  border-color: #f7dba6;
  padding: .2em;
}
.msg__heading,
.msg__body {
  display: inline;
  margin: 0;
  padding: 0;
}
.msg__heading {
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
}
.msg--success {
  background-color: #dff0d8;
  color: #468847;
  border-color: #d6e9c6;
}
.msg--error {
  background-color: #f2dede;
  color: #b94a48;
  border-color: #eed3d7;
}
.msg[style*="inline"],
.msg--success[style*="inline"],
.msg--error[style*="inline"] {
  display: block !important;
}
.form__row .hint {
  /*.boxed; 
  .boxed--bordered;*/
  background-color: #fcf8e3;
  color: #c09853;
  border-color: #f7dba6;
  padding: .2em;
  display: block;
  margin-top: .5em !important;
  max-width: 33.4em;
}
.form__row .hint.error {
  /*.boxed; 
  .boxed--bordered;*/
  background-color: #fcf8e3;
  color: #c09853;
  border-color: #f7dba6;
  padding: .2em;
  background-color: #f2dede;
  color: #b94a48;
  border-color: #eed3d7;
}
/* = LOGO
--------------------------------------------------------------------------- */
.logo a {
  text-decoration: none !important;
}
.logo__text,
.logo__byline {
  display: block;
  font-size: 16px;
  font-size: 1.0666666666666667rem;
  line-height: 1;
  text-align: center;
  text-indent: -80em;
  color: #29235c;
}
.logo__text {
  font-weight: bold;
}
.logo__img {
  background-color: transparent;
  background-repeat: no-repeat;
  background-scroll: scroll;
  background-position: 0 0;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  width: auto;
  height: 75px;
}
/* = ADS (TODO)
--------------------------------------------------------------------------- */
.ad,
.ad--leaderboard,
.ad--rectangle {
  text-align: center;
  margin: 1em 0 1em 0;
}
.ad--leaderboard {
  text-align: center;
}
.ad > div,
.ad .content-box,
.ad .ad_title,
.ad .ad_text,
.ad .ad_url {
  text-align: left;
}
.ad .ad_title,
.ad .ad_text,
.ad .ad_url {
  font-size: 13px !important;
}
.ad .ad_title {
  display: inline-block;
}
.ad .ad_url {
  display: block;
  padding: .25em 0;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: .5em;
}
.ad .txtad {
  width: auto !important;
  border-color: #d0d0d0 !important;
  padding: .5em !important;
  margin-bottom: 1em !important;
}
.ad .txtad a.txt {
  font-weight: normal;
}
#promo-wrapper {
  *zoom: 1;
}
#promo-wrapper:before,
#promo-wrapper:after {
  content: " ";
  display: table;
  line-height: 0;
}
#promo-wrapper:after {
  clear: both;
}
#promo-wrapper:before,
#promo-wrapper:after {
  content: " ";
  display: table;
  line-height: 0;
}
#promo-wrapper:after {
  clear: both;
}
#promo {
  display: none;
  float: right;
  max-width: 18%;
}
#promo,
#promo .btn {
  font-size: 12px;
  font-size: 0.8rem;
}
.promo__title {
  display: block;
  margin-bottom: .3em;
  font-size: 14px;
  font-size: 0.9333333333333333rem;
  font-weight: bold;
  color: #666666;
}
.promo__text {
  display: block;
  margin-bottom: .5em;
}
.ad .advertorial {
  text-align: left;
}
.ad .advertorial a {
  display: block;
}
#rb_logolink_box {
  *zoom: 1;
  background-color: #f0f0f0;
  padding: 0.5em;
  margin-bottom: 1em;
  border: 1px solid #d0d0d0;
  background-color: #ffffff;
}
#rb_logolink_box:before,
#rb_logolink_box:after {
  content: " ";
  display: table;
  line-height: 0;
}
#rb_logolink_box:after {
  clear: both;
}
.rb_logolink_headertitle,
.rb_logolink_div {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
.rb_logolink_headertitle {
  margin-bottom: 0.5em !important;
}
.rb_logolink_last {
  min-height: 30px !important;
  height: auto !important;
}
/* = BREAKING news (TODO)
--------------------------------------------------------------------------- */
.breaking-news {
  background-color: #666666;
  color: #ffffff;
  -webkit-box-shadow: inset 0 0 1.5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 1.5em rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 1.5em rgba(0, 0, 0, 0.5);
  padding: 0;
}
.breaking-news .media__img {
  top: 0;
  margin-bottom: 0;
  max-width: 33%;
}
.breaking-news .media__img img {
  margin: 0.6665em;
}
.breaking-news .media__body {
  padding: 1.25em 1.333em 1.25em 0;
}
.breaking-news h2 {
  font-size: 46px;
  font-size: 3.066666666666667rem;
  line-height: 1.152173913;
  font-weight: normal;
  padding-bottom: .125em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.breaking-news a {
  font-weight: normal;
  color: #ffffff;
}
.breaking-news .btn,
.breaking-news .btn--large,
.breaking-news .btn--small,
.breaking-news .btn--more {
  font-weight: bold;
  color: #ffffff;
}
.breaking-news p {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: #ffffff;
}
/* = ANKEILERS (mostly .media items)
 --------------------------------------------------------------------------- */
p.meta {
  margin-bottom: .5em;
}
.ankeiler {
  margin-bottom: .5em;
  font-size: 1em;
  color: #4d4d4d;
}
.ankeiler:last-child {
  margin-bottom: 0;
}
.ankeiler a:link,
.ankeiler a:visited {
  color: #262262;
  font-weight: normal;
}
.ankeiler a:hover,
.ankeiler a:focus,
.ankeiler a:active {
  color: #29235c;
}
.date,
.meta time {
  font-size: 14px;
  font-size: 0.9333333333333333rem;
  color: #666666;
  font-style: italic;
  font-weight: normal;
}
.author {
  font-size: 13px;
  font-size: 0.8666666666666667rem;
  color: #666666 !important;
  margin-right: .25em;
}
time,
.date,
.meta .author {
  word-break: break-word;
  white-space: nowrap;
}
.date--in-hd {
  float: right !important;
  margin-right: 0 !important;
  line-height: 2;
}
.comment-count,
.view-count,
.react-count {
  font-size: 11px;
  font-size: 0.7333333333333333rem;
  line-height: 1.5;
  background-color: #cccccc;
  color: #000000 !important;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  padding: 0 .5em;
  min-width: 2em;
  border-radius: 3px;
  position: relative;
}
.comment-count,
.view-count {
  float: right;
}
react-count {
  float: left;
}
.view-count {
  margin-right: 0.5em;
}
.comment-count:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 25%;
  width: 0;
  height: 0;
  border: 5px solid red;
  border-color: #cccccc transparent transparent transparent;
  border-width: 5px 3px;
  margin-bottom: 5px;
}
.react-count {
  /*-webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    -moz-filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    -ms-filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    -o-filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));*/
  background-color: #29235c;
  color: #ffffff !important;
  line-height: 2.3em;
  vertical-align: top;
  top: -0.25em;
  left: .25em;
}
.react-count:before {
  content: "";
  display: block;
  position: absolute;
  top: .8em;
  left: -12px;
  width: 0;
  height: 0;
  border: 6px solid red;
  border-color: transparent #29235c transparent transparent;
  border-width: 3px 6px;
}
.liked__list,
.liked__list--hover {
  width: 100%;
  border-radius: .333em;
}
.liked__list:after,
.liked__list--hover:after {
  content: "";
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border: 6px solid #ffffff;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 90%;
}
.liked__list {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  padding: .5em;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}
.liked__list:after {
  border-color: #ffffff transparent transparent transparent;
}
.liked__list--hover {
  background-color: #666666;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  padding: 0;
  text-align: center;
}
.liked__list--hover:after {
  border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
  bottom: -12px;
  left: 90%;
}
/* = COMMENT list (TODO)
--------------------------------------------------------------------------- */
.comment__text {
  margin-bottom: .5em;
}
.comment__text p,
.comment__author {
  display: inline;
  margin-left: .25em;
}
.comment__moderation .flag-comment {
  color: #e5070f;
}
.comment__moderation .flag-comment:hover {
  text-decoration: none;
}
.list-comments .meta {
  margin-bottom: 0.5em;
}
.list-comments .comment__author {
  margin-left: 0;
}
.list-comments .date {
  font-size: 12px;
  font-size: 0.8rem;
}
/* DEEPLINKED comments (/#123)
---------------------------------------------------------------------- */
.list-comments .media:target {
  padding: 1em;
  background-color: #FFFAE6;
  border: 1px solid #FAE6E6;
}
/* = DRAWER (TODO)
   Uses [data-drawer] and [data-drawer-toggle]
--------------------------------------------------------------------------- */
.drawer {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
}
.js .drawer {
  padding-top: 0;
  border-top: 0;
  max-height: 0;
}
.js .drawer.is-active {
  border-top: 1px solid #d0d0d0;
  padding-top: 1.333em;
  max-height: 999em;
}
.drawer__toggle {
  display: block;
  font-size: 16px;
  font-size: 1.0666666666666667rem;
  text-align: center;
  text-decoration: none !important;
  padding: .5em;
  border-top: 1px dotted #262262;
  margin-top: 1em;
}
.drawer__toggle:hover,
.drawer__toggle:focus,
.drawer__toggle:active {
  color: #262262;
}
.drawer__toggle:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e043";
  margin-left: .5em;
}
.drawer__toggle.is-active:after {
  content: "\e042";
}
/* = RIDGE bordered
--------------------------------------------------------------------------- */
.ridge {
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.ridge--top {
  padding-top: 0.6665em;
  border-top: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 -1px 0 #ffffff;
  -moz-box-shadow: 0 -1px 0 #ffffff;
  box-shadow: 0 -1px 0 #ffffff;
}
/* = KADER inzetten (TODO: proper SMACSS naming)
--------------------------------------------------------------------------- */
.kader {
  *zoom: 1;
  background-color: #f0f0f0;
  padding: 0.5em;
  margin-bottom: 1em;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  clear: both;
}
.kader:before,
.kader:after {
  content: " ";
  display: table;
  line-height: 0;
}
.kader:after {
  clear: both;
}
.kader img {
  float: left;
  margin: .125em .5em 0 0;
}
.kader-title {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.0666666666666667rem;
}
.kader-title small {
  font-weight: normal;
}
.kader-body {
  overflow: hidden;
  *zoom: 1;
}
/* = FIGURE
--------------------------------------------------------------------------- */
.figure,
.figure--linked,
.figure--decorated {
  width: 39%;
}
.figure img,
.figure--linked img,
.figure--decorated img {
  display: block;
}
.figure--decorated {
  float: left;
  padding: 0;
  margin: 0.125em 1.5em 0.5em 0;
}
.figure__caption {
  font-size: 13px;
  font-size: 0.8666666666666667rem;
  color: #433cae;
  display: block;
  margin: .5em 0;
}
[data-carousel] .figure__caption {
  padding-bottom: .5em;
  border-bottom: 1px dotted #d0d0d0;
}
.figure__caption__title {
  font-weight: bold;
}
.figure__caption__credit {
  font-style: italic;
}
/* = QRCODE
 --------------------------------------------------------------------------- */
.qrcode {
  display: none;
}
/* = Calender items (date-stamp) as used on e.g. EVENT page
--------------------------------------------------------------------------- */
.cal-item,
.cal-item--m,
.cal-item--l {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 2.68em;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  background: #ffffff;
  color: #333333;
  border: 1px solid #333333;
}
.cal-item .cal-item__day,
.cal-item--m .cal-item__day,
.cal-item--l .cal-item__day,
.cal-item .cal-item__month,
.cal-item--m .cal-item__month,
.cal-item--l .cal-item__month {
  display: block;
}
.cal-item .cal-item__day,
.cal-item--m .cal-item__day,
.cal-item--l .cal-item__day {
  font-size: 1.1666666667em;
}
.cal-item .cal-item__month,
.cal-item--m .cal-item__month,
.cal-item--l .cal-item__month {
  background: #333333;
  color: #ffffff;
}
a:hover > .cal-item,
a:hover > .cal-item--m,
a:hover > .cal-item--l,
a:focus > .cal-item,
a:focus > .cal-item--m,
a:focus > .cal-item--l,
a:active > .cal-item,
a:active > .cal-item--m,
a:active > .cal-item--l {
  color: #666666;
  border-color: #666666;
}
a:hover > .cal-item .cal-item__month,
a:hover > .cal-item--m .cal-item__month,
a:hover > .cal-item--l .cal-item__month,
a:focus > .cal-item .cal-item__month,
a:focus > .cal-item--m .cal-item__month,
a:focus > .cal-item--l .cal-item__month,
a:active > .cal-item .cal-item__month,
a:active > .cal-item--m .cal-item__month,
a:active > .cal-item--l .cal-item__month {
  background: #666666;
}
.cal-item--m {
  font-size: 30px;
  font-size: 2rem;
  border-width: 2px;
}
.cal-item--l {
  font-size: 65.8px;
  font-size: 4.386666666666667rem;
  border-width: 3px;
}
/* = FLUID video wrapper
   MORE: http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
--------------------------------------------------------------------------- */
.fluid-video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.fluid-video-wrapper .video,
.fluid-video-wrapper object,
.fluid-video-wrapper embed {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* = Simple custom LIGHTBOX
   Nothing fancy, needs a little bit of JS in main.js
--------------------------------------------------------------------------- */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-lightbox] {
  cursor: move;
  cursor: nwse-resize;
  cursor: zoom-in;
}
.rbi-lightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Unfortunately only 1 screen height */
  z-index: 1001;
  text-align: center;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
.rbi-lightbox.is-loading {
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
.rbi-lightbox .rbi-lightbox__img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  max-width: 80%;
  max-height: 80%;
  left: 50%;
  top: 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%);
}
.rbi-lightbox .rbi-lightbox__close {
  float: right;
  margin: 1em;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  text-transform: lowercase;
  text-shadow: 0 1px 0 #000;
}
.rbi-lightbox .rbi-lightbox__close:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e0fc";
  vertical-align: middle;
}
/* = FORMS
   @name:        forms.less
   @description: Form styling. Generic and e.g. form--wide and form--stacked
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   FORMS
   ----------------------------------------------------------------------------
   @name:        /css/imports/forms.less
   @modified:    13/05/2013
   @author:      DH

   @description: Form styling and Modules Less Styles.

   @contents:
                 1   FORMS: generic form (field) styles
                 1.1 form--wide (labels left of fields)
                 1.2 form--stacked (labels above fields)

                 2   Mobile Search Form (in menu)

 =========================================================================== */
/* = FORMS (TODO)
--------------------------------------------------------------------------- */
.confirmation-field {
  display: none;
}
input {
  color: #000000;
}
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: auto;
}
.form__row {
  padding: 1.333em 0;
  border-bottom: 1px solid #d0d0d0;
  *zoom: 1;
}
.form__row:before,
.form__row:after {
  content: " ";
  display: table;
  line-height: 0;
}
.form__row:after {
  clear: both;
}
.form__row:last-child,
.form__row.last-child {
  border-bottom: none;
}
.form__label {
  display: block;
  font-weight: bold;
  margin-bottom: .25em;
  vertical-align: top;
}
.form__label--inline,
.form__row--inline label {
  display: inline !important;
  font-weight: normal !important;
  margin-top: -0.125em;
}
.form__row--inline input[type="checkbox"],
.form__row--inline input[type="radio"],
.form__row--inline .form__checkbox {
  margin-top: -0.125em;
}
.form label,
.form--stacked label,
.form--wide label {
  display: block;
  max-width: 35em;
  /* leesbaarheid */
}
.form label > span,
.form--stacked label > span,
.form--wide label > span {
  display: block;
  font-weight: bold;
  margin-bottom: .25em;
  vertical-align: top;
}
.form label > span.validator,
.form--stacked label > span.validator,
.form--wide label > span.validator {
  font-weight: normal;
  min-width: 35%;
}
.form label .form__checkbox:after,
.form--stacked label .form__checkbox:after,
.form--wide label .form__checkbox:after,
.form label .form__label--checkbox:after,
.form--stacked label .form__label--checkbox:after,
.form--wide label .form__label--checkbox:after {
  content: "";
}
.form label.error,
.form--stacked label.error,
.form--wide label.error {
  padding-top: .5em;
  padding-bottom: 0;
  color: #e5070f;
}
.form input,
.form--stacked input,
.form--wide input,
.form textarea,
.form--stacked textarea,
.form--wide textarea,
.form select,
.form--stacked select,
.form--wide select {
  width: 100%;
  max-width: 100%;
}
.form textarea,
.form--stacked textarea,
.form--wide textarea {
  min-height: 10em;
}
.form input[type="file"],
.form--stacked input[type="file"],
.form--wide input[type="file"] {
  width: auto;
  display: block;
}
.form input[type="checkbox"],
.form--stacked input[type="checkbox"],
.form--wide input[type="checkbox"],
.form .form__checkbox,
.form--stacked .form__checkbox,
.form--wide .form__checkbox,
.form input[type="radio"],
.form--stacked input[type="radio"],
.form--wide input[type="radio"],
.form input[type="submit"],
.form--stacked input[type="submit"],
.form--wide input[type="submit"],
.form input[type="reset"],
.form--stacked input[type="reset"],
.form--wide input[type="reset"],
.form input[type="button"],
.form--stacked input[type="button"],
.form--wide input[type="button"] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: auto;
  vertical-align: middle;
}
.form .form__input--s,
.form--stacked .form__input--s,
.form--wide .form__input--s {
  max-width: 3em;
}
.form .form__input--m,
.form--stacked .form__input--m,
.form--wide .form__input--m {
  max-width: 6em;
}
.form .form__input--l,
.form--stacked .form__input--l,
.form--wide .form__input--l {
  max-width: 12em;
}
.form section,
.form--stacked section,
.form--wide section {
  margin-bottom: 1.5em;
}
.form .form-selectbox,
.form--stacked .form-selectbox,
.form--wide .form-selectbox {
  display: block;
}
.form .form-selectbox.inline .form-input--select,
.form--stacked .form-selectbox.inline .form-input--select,
.form--wide .form-selectbox.inline .form-input--select {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 48%;
}
.form .form-selectbox.inline .form-input--select:first-child,
.form--stacked .form-selectbox.inline .form-input--select:first-child,
.form--wide .form-selectbox.inline .form-input--select:first-child {
  margin-right: 1%;
}
.form .form-selectbox.inline .form-input--select:last-child,
.form--stacked .form-selectbox.inline .form-input--select:last-child,
.form--wide .form-selectbox.inline .form-input--select:last-child {
  float: right;
}
.profileTabs + .form--wide {
  margin-top: 1em;
  padding: 0;
}
.form--stacked label > span,
.form--stacked .form__label {
  display: block;
  min-width: auto;
  width: 100%;
  margin-right: 0;
}
.form--stacked label > input,
.form--stacked label > select,
.form--stacked label > textarea {
  display: block;
  width: 100%;
}
.form__row--radio,
.form__row--checkbox {
  line-height: 1;
  vertical-align: text-top;
  display: table;
  padding: 0.333333333333em 0;
  width: 100%;
}
.form__row--radio input[type="checkbox"],
.form__row--checkbox input[type="checkbox"],
.form__row--radio input[type="radio"],
.form__row--checkbox input[type="radio"] {
  margin-right: .5em;
  vertical-align: text-top;
}
.form__row--radio label,
.form__row--checkbox label {
  display: inline;
  line-height: 1;
  overflow: hidden;
}
.form__row--radio label:after,
.form__row--checkbox label:after {
  content: "\A";
  display: block;
}
.form__row--radio input[type="file"],
.form__row--checkbox input[type="file"],
.form__row--radio img,
.form__row--checkbox img {
  margin-top: 0.5em;
  display: block;
}
.form__group--checkbox {
  padding: 0;
  border: 0;
}
.form__group--checkbox table {
  width: 100%;
}
.form__group--checkbox td {
  padding: 0.3333333333333333em 0;
}
.form__group--checkbox td,
.form__group--checkbox label,
.form__group--checkbox input[type="checkbox"] {
  vertical-align: text-top;
  line-height: 1;
}
.form__group--checkbox label {
  font-weight: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.form__group--checkbox input[type="checkbox"] {
  margin-right: .5em;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.mceLayout {
  width: 100% !important;
  max-width: 100%;
}
/* Basic Tooltip "block"
 --------------------------------------------------------------------------- */
.tooltip--input,
.tooltip--input-right {
  padding-top: .5em;
  padding-left: 1.5em;
  font-weight: normal;
  color: #808080;
  display: block;
}
.tooltip--input:before,
.tooltip--input-right:before {
  margin-left: -1.5em;
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e021";
  font-size: 16px;
  font-size: 1.0666666666666667rem;
  color: #808080;
  float: left;
}
.tooltip--input .tooltip__text,
.tooltip--input-right .tooltip__text {
  font-size: 13px;
  font-size: 0.8666666666666667rem;
  font-style: italic;
  font-weight: normal;
  display: block;
}
/* = Header Search Form (In Header)
--------------------------------------------------------------------------- */
.l-header .l-unit-search > div {
  padding-top: 1.5em;
}
.l-header .l-unit-search fieldset {
  margin: 0;
  padding: .25em .25em .25em .5em;
  border: 1px solid #c0c0c0;
  -webkit-box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.2);
}
.l-header .l-unit-search input {
  background: transparent;
  border: none;
  outline: none;
}
.l-header .l-unit-search input[type="text"],
.l-header .l-unit-search input[type="search"] {
  width: 82%;
}
.l-header .l-unit-search .rbi-icon-search {
  float: right;
  height: 1.25em;
  width: 1.25em;
  padding-top: .25em;
  position: relative;
  text-align: center;
}
.l-header .l-unit-search input[type="submit"],
.l-header .l-unit-search .btn {
  position: absolute;
  height: 1.25em;
  margin-right: 0;
  top: 0;
  left: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* = Mobile Search Form (In Mobile off-canvas Menu)
--------------------------------------------------------------------------- */
.menu__wrapper .l-form-search {
  font-size: 16px;
  font-size: 1.0666666666666667rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 0;
  color: #ffffff;
  overflow: hidden;
  -webkit-box-shadow: inset 0 -0.3em 1em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -0.3em 1em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.3em 1em rgba(0, 0, 0, 0.2);
}
.menu__wrapper .l-form-search .input-search {
  width: 78%;
  float: left;
  background-color: transparent;
  color: #ffffff;
  border: none;
  padding: .5em .5em .5em .75em;
}
.menu__wrapper .l-form-search .btn-search {
  background-color: transparent;
  background-image: none;
  color: #ffffff !important;
  border: none;
  border-radius: none;
  padding: .6em;
  float: right;
  border-left: 1px solid #00b3f9;
  width: 3.1em;
  height: 2.5em;
  line-height: 2.2222;
  text-align: center;
  margin: 0;
}
.menu__wrapper .l-form-search .btn-search span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.menu__wrapper .l-form-search .btn-search span.focusable:active,
.menu__wrapper .l-form-search .btn-search span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.menu__wrapper .l-form-search .btn-search:hover,
.menu__wrapper .l-form-search .btn-search:focus,
.menu__wrapper .l-form-search .btn-search:active {
  background-color: #262262;
  color: #ffffff !important;
  text-decoration: none;
}
/* = RCD 
   @name:        static.less
   @description: Rcd specific styling
 --------------------------------------------------------------------------- */
/* globals */
body {
  -webkit-font-smoothing: antialiased;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
html {
  font-family: Arial, sans-serif;
  font-size: 90%;
}
.menu__wrapper a {
  color: #fff;
}
h3,
.h3 {
  color: #00a1df;
}
select {
  height: 25px;
}
.form__row .form__block {
  display: block !important;
}
.full-box {
  font-size: 1.1em;
}
.full-box h3 {
  color: #262262;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
}
.full-box h4 {
  color: #262262;
  font-size: 1em;
  font-weight: 600;
  margin-top: .5em;
  margin-bottom: 0;
}
.company--p .product--title {
  font-size: 1.2rem;
  text-transform: none;
  font-weight: 600;
}
h4,
.h4 {
  color: #262262;
}
.company--p h2,
.company--up h2,
.completions--up h2 {
  font-size: 1.5rem;
  font-weight: bold;
  padding: .5em 0 0;
}
.completions--up h2 {
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
  margin-bottom: 0;
}
.company--p h3 {
  color: #262262;
  text-transform: uppercase;
  font-size: 1rem;
}
p {
  margin: 0 0 20px 0;
}
ul {
  padding-left: 18px;
}
.article {
  color: #4d4d4d;
}
.menu__main {
  background-color: #262262;
}
.boxed--seamless {
  border: none;
  background-color: #ffffff;
  padding: .5em 0;
  margin-bottom: 1em;
}
ul#persona-list li:before {
  content: none;
}
ol {
  padding-left: 20px;
}
.list-default li,
.m-dashboard-body ul li {
  position: relative;
}
.lead {
  font-size: 16px;
  line-height: 21px;
}
.lead-extra {
  font-size: 20px;
  line-height: 26px;
}
.bg-dark-blue {
  background-color: #262262;
  color: #fff;
}
.bg-grey-lightest {
  background-color: #f0f0f0;
}
.bg-white-borderless {
  border: none;
  background-color: #ffffff;
}
.list-links {
  margin: 10px 0 0 0;
  padding: 0;
}
.list-links li {
  margin-bottom: 5px;
}
.list-links a {
  /*padding: 5px;*/
  color: inherit;
  text-decoration: none;
  font-weight: 200;
  position: relative;
  display: block;
}
.list-links a:before {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 10px;
  font-weight: 700;
  margin-top: -5px;
}
.list-links-simple a {
  display: inline;
  padding-right: 25px;
}
.list-links-simple a:before {
  color: #7ac143;
}
.top,
.top:active,
.top:hover,
.top:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/rwd/boxsizing.htc);
  z-index: 1;
  position: fixed;
  right: 0;
  top: 60%;
  font-size: 41px;
  text-decoration: none;
  color: #4f5052;
  background-color: #fff;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -ms-transition: right 0.5s;
  -o-transition: right 0.5s;
}
.top.hide {
  right: -43px;
}
.more-link,
.more-link:active,
.more-link:hover,
.more-link:visited,
.more-link-standalone,
.more-link-standalone:active,
.more-link-standalone:hover,
.more-link-standalone:visited,
.link-dashboard {
  background-color: #7ac143;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 2px 20px 2px 10px;
  position: relative;
  white-space: nowrap;
  font-weight: 200;
}
.more-link:before,
.link-dashboard:before,
.more-link-standalone:before {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 8px;
  font-size: 10px;
}
.more-link-standalone,
.more-link-standalone:active,
.more-link-standalone:hover,
.more-link-standalone:visited {
  display: block;
  padding: 10px;
  background-color: #42cbcb;
}
.form--wide {
  padding: 1em;
}
.form--wide .btn--submit {
  background-color: #262262 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 2px;
}
.form--wide textarea {
  width: 100% !important;
}
.form__row {
  border-bottom: 0;
  padding: .5em 0;
}
.form__row label {
  max-width: 100%;
}
.label--extension {
  background-color: #00a1df;
  color: #ffffff;
  padding: .1em .3em;
}
.label--extension a {
  color: #ffffff;
}
.attachment-bin:before {
  margin-left: 0;
  margin-right: 1.2em;
}
.pdf:before {
  margin-right: .5em;
}
.media-list > li {
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
ul.more-margin li {
  margin-bottom: 1.5em;
}
/*company overview result page styles*/
.company--p {
  width: 100%;
  min-height: 235px;
  padding: 15px;
  background-color: #dcf0e5;
  margin-bottom: 10px;
}
.company--p ul {
  list-style: none;
  padding-left: 0;
}
.search-results-list ul {
  list-style: none;
  padding-left: 0;
}
.company--up,
.completions--up {
  height: 140px;
  width: 47%;
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  overflow: hidden;
}
.company--up h2,
.completions--up h2 {
  padding-top: 0;
}
.company--up ul,
.completions--up ul {
  list-style: none;
  padding-left: 0;
}
.company--up:nth-child(2n),
.completions--up:nth-child(2n) {
  margin-right: 0;
}
.solicitations--table {
  margin-top: 1em;
}
.solicitations--table th,
.solicitations--table td {
  padding-left: .5em;
  text-align: left;
}
.solicitations--table tr {
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  color: #4d4d4d;
}
.solicitations--table tr a {
  color: #4d4d4d;
}
.solicitations--table tr a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
.listing--header {
  background-color: #4d4d4d !important;
  color: #ffffff !important;
}
.listing--header th {
  border-right: 1px solid #ffffff;
  padding: .5em;
}
.listing_date_header {
  width: 15%;
  min-width: 100px;
}
.listing_project_name {
  width: 70%;
}
.publication_date_header {
  width: 15%;
  min-width: 110px;
}
.projectname a {
  font-weight: normal;
}
.solicitations--filters {
  display: inline-block;
  margin-top: .5em;
}
.solicitations--filter {
  height: 1.8em;
}
.solicitations--details {
  background-color: #4d4d4d;
  color: #ffffff;
}
.solicitations--details ul {
  list-style: none;
  padding-left: 0;
}
.related-articles {
  background: url(/images/articles.png) 0 0 no-repeat;
}
.related-blogs {
  background: url(/images/blogs.png) 0 0 no-repeat;
}
.related-completions {
  background: url(/images/completions.png) 0 0 no-repeat;
}
.related-events {
  background: url(/images/events.png) 0 0 no-repeat;
}
.related-news {
  background: url(/images/news.png) 0 0 no-repeat;
}
.related-photo {
  background: url(/images/photo.png) 0 0 no-repeat;
}
.related-rcd_product {
  background: url(/images/rcd_product.png) 0 0 no-repeat;
}
.related-sbi_company {
  background: url(/images/sbi_company.png) 0 0 no-repeat;
}
.related-sbi_product {
  background: url(/images/sbi_product.png) 0 0 no-repeat;
}
.related-social_conversations {
  background: url(/images/social_conversations.png) 0 0 no-repeat;
}
.related-solicitations {
  background: url(/images/solications.png) 0 0 no-repeat;
}
.related-video {
  background: url(/images/video.png) 0 0 no-repeat;
}
.related-articles,
.related-blogs,
.related-completions,
.related-events,
.related-news,
.related-photo,
.related-rcd_product,
.related-sbi_company,
.related-sbi_product,
.related-social_conversations,
.related-solicitations,
.related-video {
  background-size: 16px 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.nav--breadcrumb a {
  color: #29235c;
}
.btn--flat {
  padding: .5em;
}
.btn--flat--disabled {
  font-size: 11px;
  font-size: 0.7333333333333333rem;
  background-color: #4f5052 !important;
  font-weight: normal !important;
  cursor: default;
  pointer-events: none;
  padding: .5em;
  color: #ffffff;
  border-radius: 2px;
  text-transform: uppercase;
}
.btn--flat--disabled:hover {
  color: #ffffff;
  text-decoration: none;
}
.holder-btn--like {
  margin-top: 1em;
  margin-bottom: 1em;
}
.image-gallery {
  padding: 0 !important;
}
/* overwrite footer styles */
.l-footer .l-unit h2 {
  border: none;
}
/* mobile menu overwrites */
.menu__wrapper {
  z-index: 10;
}
.menu__wrapper .submenu-toggler {
  border-color: #4f5052;
  line-height: 29px;
}
.menu__wrapper .l-form-search .btn-search {
  border-left: 0;
  line-height: 25px;
}
/* module styles */
.m-rich-link {
  /*.box-sizing();*/
  height: 184px;
  overflow: hidden;
  display: inline-block;
  background-color: #4f5052;
  padding: 15px;
  text-align: left;
  margin-right: 5px;
  margin-bottom: 10px;
  vertical-align: top;
}
.m-rich-link h2 {
  vertical-align: bottom;
  color: #6bc72c;
}
.m-rich-link p {
  color: #ffffff;
  font-weight: normal !important;
}
.m-rich-link .m-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.m-note {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/rwd/boxsizing.htc);
  padding: 10px;
  margin: 0 10px 20px 0;
  display: inline-block;
  vertical-align: top;
}
.m-note p:last-child {
  margin: 0;
}
.m-dashboard {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/rwd/boxsizing.htc);
  background-color: #cbc8c7;
  padding: 10px;
  margin-bottom: 20px;
  float: left;
  clear: left;
}
.m-dashboard.related {
  padding: 0;
  clear: both;
}
.m-dashboard p {
  margin-bottom: 10px;
}
.m-dashboard .media {
  margin: 0;
}
.m-dashboard .m-dashboard-header {
  margin-bottom: 10px;
}
.m-dashboard .m-dashboard-header h2 {
  text-transform: none;
  font: normal 24px/24px 'TradeGothicLTPro-Light', 'Serif';
}
.m-dashboard .m-dashboard-header small {
  text-transform: uppercase;
}
.m-dashboard .m-dashboard-body {
  margin-bottom: 10px;
}
.m-dashboard-media-right .m-dashboard-body .media {
  float: right;
  margin-left: 20px;
}
.m-dashboard-media-footer .media {
  vertical-align: bottom;
  margin-right: 10px;
}
.m-dashboard .m-dashboard-body ul li:before {
  border-color: #262262;
}
.m-dashboard-blog .media {
  float: right;
}
.m-dashboard .meta {
  margin: 10px 0;
  font-size: 12px;
  line-height: 16px;
}
.m-dashboard.right {
  float: right;
  clear: right;
}
.profile-sections .meta {
  padding-top: 1em;
  padding-bottom: 2em;
}
.company-profile .btn--flat {
  margin-top: 1em !important;
}
.refinement-box .accordion__title {
  background-color: #ffffff;
  border-bottom: none;
  padding: 0.5em;
}
.refinement-box .accordion__title,
.refinement-box .accordion .accordion__title a {
  color: #29235c;
}
.refinement-box .accordion__title:hover,
.refinement-box .accordion .accordion__title a:hover,
.refinement-box .accordion__title:focus,
.refinement-box .accordion .accordion__title a:focus,
.refinement-box .accordion__title:active,
.refinement-box .accordion .accordion__title a:active {
  background-color: #ffffff;
}
.refinement-box .accordion__title a.is-closed:before {
  content: "show";
  width: 40px;
  padding-left: 0px;
  color: #29235c;
  font-size: 1rem;
}
.refinement-box .accordion__title a.is-open:before {
  content: "hide";
  width: 40px;
  padding-left: 0px;
  color: #29235c;
  font-size: 1rem;
}
.refinement-box .companies.refinements li:after {
  content: " | ";
}
.refinement-box .companies.refinements li:last-child:after {
  content: none;
}
.refinement-box .refinements a.facet--selected {
  color: white;
  background-color: #00A1DF;
  padding: .1em .3em;
}
.contact--label {
  display: inline-block;
  width: 130px;
  font-weight: bold;
}
.project--label {
  display: inline-block;
  width: 250px;
  font-weight: bold;
}
.project--sublabel {
  display: inline-block;
  width: 215px;
  font-weight: normal;
  margin-left: 2.5em;
}
.address {
  display: inline-block;
  margin-bottom: 10px;
}
.address--label {
  vertical-align: top;
}
.product__item {
  margin-bottom: 1em;
}
.msg--removed {
  display: none !important;
}
.media-list.list--two-col > li:last-child {
  border-bottom: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.product-attachment {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
.product-attachment-image {
  border: 1px solid #cccccc !important;
  vertical-align: top;
  float: left;
  margin-right: 5px;
}
/* Code needed to reset the box-sizing as the Gigya injected CSS won't work right with box-sizing: border-box */
.gigya-screen *,
.gigya-screen *:before,
.gigya-screen *:after {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.dd--facet {
  width: 270px;
  margin-bottom: 5px;
}
.fields-group {
  margin-bottom: .5em;
}
.fields-group > .participant-type,
.fields-group > .participant-name,
.fields-group > .participant-address {
  width: 30%;
  display: inline-block;
}
.fields-group > .participant-address {
  width: 40%;
}
.fields-group > .participant-type {
  width: 20%;
  margin-right: .5em;
}
.fields-group > .participant-name {
  margin-right: .5em;
}
.inputs .type,
.inputs .name,
.inputs .address {
  display: inline-block;
  font-weight: bold;
}
.inputs .type {
  width: 20%;
  margin-right: .2em;
}
.inputs .name {
  width: 30%;
  margin-right: .2em;
}
.inputs .adress {
  width: 40%;
}
.inputs dl {
  margin-bottom: 0;
}
.removefield {
  margin-left: .5em;
  width: 10%;
}
.date-pick {
  max-width: 100% !important;
}
.social-timeline p,
.social-timeline .ankeiler {
  color: #4d4d4d;
  font-size: 14px;
}
.rheading {
  background-color: #262262;
  color: #ffffff;
  padding: .2em .2em .5em;
  border-bottom: 1px solid #ffffff;
}
.rheading .lnk-action,
.rheading .collapse {
  color: #ffffff !important;
}
.rheading .lnk-action:before {
  background-color: #ffffff;
  color: #262262;
}
.refinements a:link {
  font-weight: normal;
}
.refinements .lnk-more--alt {
  font-weight: bold;
}
.l-footer .linklist--plain li > a {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-break: normal;
}
/* = RCD 
   @name:        rcdcanadata.less
   @description: Rcd specific table styling from (old) site
 --------------------------------------------------------------------------- */
.CANblockquote {
  float: left;
  background-color: #CCCCCC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #000000;
  text-align: left;
  font-weight: bold;
  border-top-color: #6699CC;
  border-bottom-color: #6699CC;
  background-position: center;
  width: 200px;
  margin-right: 12px;
  height: auto;
  border-top-width: 12px;
  border-bottom-width: 8px;
  border-top-style: double;
  border-bottom-style: double;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 0px;
  text-transform: none;
  padding-top: 6px;
  padding-right: 4px;
  padding-bottom: 6px;
  padding-left: 12px;
  line-height: 16px;
  white-space: normal;
}
.CANsourcenoteLeft {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  text-align: left;
  line-height: 12px;
  color: #000000;
  margin: 0px;
}
.CANsourcenoteRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  color: #000000;
  line-height: 12px;
  text-align: right;
  margin-top: 4px;
}
.CANgraphHead {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000066;
  text-align: center;
  font-weight: bold;
  line-height: 14px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.CANlegendLeft {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 13px;
  color: #000000;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  margin: 10px;
}
.CANLegend {
  margin-top: 10px;
  margin-bottom: 10px;
}
.CANGraph {
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 12px;
  padding-left: 0px;
  text-align: center;
}
.CANTblBorderBlack-bottom {
  border-bottom-style: solid;
  border-bottom-color: #000000;
  color: #000000;
}
.CANTblBorderRed-bottom {
  border-bottom-style: solid;
  border-bottom-color: #FF0000;
  color: #000000;
  border-bottom-width: 2px;
}
.CANTblHead-left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: bottom;
  background-color: #262262;
  text-align: left;
  margin: 0px;
  padding: 2px;
}
.CANTblHead-right {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: bottom;
  text-align: right;
  background-color: #262262;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}
.CANTblContent-left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  padding: 2px;
}
.CANTblContent-right {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 2px;
}
.CANTblContent-center {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
  margin: 2px;
  background-position: center;
  vertical-align: bottom;
  padding: 2px;
}
.CANTblContent-BorderRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding: 2px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCCCCC;
}
.CANTblHead-Centred {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: bottom;
  background-color: #262262;
  text-align: center;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2px;
  padding-left: 4px;
}
.CANTblContent1pxGreyBorderBottomCentred {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
  vertical-align: bottom;
  margin: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  padding: 2px;
}
.CANTblContent2pxGreyBorderBottomCentred {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
  vertical-align: bottom;
  margin: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  padding: 2px;
}
.CANTblContent2pxRedBorderBottomCentred {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
  vertical-align: bottom;
  margin: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FF0000;
  padding: 2px;
}
.CANTblHead-centred1pxWhiteBorderBottom {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: bottom;
  background-color: #262262;
  text-align: center;
  margin: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  padding: 2px;
}
.CANTblContent-right1pxBlueBorderRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding: 2px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0000FF;
}
.CANTblContent-1pxGreyBorderRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding: 2px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCCCCC;
}
.CANTblContent-1pxGreyBorderRight-Bottom {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding: 2px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCCCCC;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
.CANgraphMainHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000066;
  text-align: center;
  font-weight: bold;
  line-height: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.CANTblContent-left1pxBlueBorderRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0000FF;
  padding: 2px;
}
.CANTblContent-left1pxBlueBorderRight-Bottom {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0000FF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0000FF;
  padding: 2px;
}
.CANTblContent-right1pxBlueBorderBottom {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0000FF;
}
.CANTblContent-right1pxBlueBorderRight-Bottom {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  vertical-align: bottom;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0000FF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0000FF;
  margin: 0px;
  padding: 2px;
}
.CANTblContent-1pxBlackBorderRight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin: 0px;
  vertical-align: bottom;
  padding: 2px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;
}
.CANTblHead-centeredGreyBG {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: bottom;
  background-color: #262262;
  text-align: center;
  background-color: #CCCCCC;
  padding: 2px;
}
.CANTblContent-leftUpperCase-Bold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}
/* = MEDIA QUERIES  
   @name:        mediaqueries.less
   @description: Breakpoint styles 
                 This, in turn, imports various less files so that oldIE etc
                 can import the 'small|medium|large' styles without MQ's
                 See: http://adactio.com/journal/4494/
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   MEDIA QUERIES
   ----------------------------------------------------------------------------
   @name:        /css/imports/mediaqueries.less
   @modified:    07/05/2013
   @author:      DH

   @description: IMPORTS various mediaquery files
                 separeate files can be imported by browsers that do not
                 support MQ's. such as IE8
                 Inspired by:
                 - http://adactio.com/journal/4494/

                We use a Conditional CSS trick by @adactio
                http://adactio.com/journal/5429/

                This means we can do this in JS:
                var breakpointSize = window.getComputedStyle(document.body,':after').getPropertyValue('content');


   @contents:
                 1  Narrow ('Mobile')
                 2  Medium ('Tablet')
                 3  Wide   ('Desktop')

 =========================================================================== */
/* = MINI ('Mobile')
 --------------------------------------------------------------------------- */
@media only screen and (min-width: 19.97em) {
  /* ****************************************************************************
   MINI: MEDIA QUERY
   ----------------------------------------------------------------------------
   @name:        /css/imports/mediaqueries/mini.less
   @modified:    26/09/2013
   @author:      DH

   @description: MINI ('mobile') mediaquery file for 320+
                 separeate file that can be imported by e.g. IE8
                 Inspired by:
                 - http://adactio.com/journal/4494/

   @contents:
                 3  Body:after content trick (http://adactio.com/journal/5429/)


 =========================================================================== */
  /* = Conditional CSS http://adactio.com/journal/5429/
 --------------------------------------------------------------------------- */
  body:after {
    content: 'mini';
    display: none;
  }
  /* RCD Specific style
 --------------------------------------------------------------------------- */
  .l-section {
    padding: 40px 20px;
  }
  .m-rich-link {
    width: 96%;
  }
  .m-selector-compact {
    margin-left: -4px;
    width: 103.54%;
    text-align: left;
  }
  .company--up,
  .completions--up {
    width: 100%;
  }
  .completion--label {
    display: block;
    font-weight: bold;
    width: 100%;
  }
  .completion--value {
    display: block;
    width: 100%;
  }
}
/* = NARROW ('Mobile')
 --------------------------------------------------------------------------- */
@media only screen and (min-width: 23em) {
  /* ****************************************************************************
   NARROW: MEDIA QUERY
   ----------------------------------------------------------------------------
   @name:        /css/imports/mediaqueries/narrow.less
   @modified:    18/04/2013
   @author:      DH

   @description: NARROW ('mobile') mediaquery file
                 separeate file that can be imported by e.g. IE8
                 Inspired by:
                 - http://adactio.com/journal/4494/

   @contents:
                 1  Grid
                 2  Menu
                 3  Body:after content trick (http://adactio.com/journal/5429/)


 =========================================================================== */
  /* = Grid
 --------------------------------------------------------------------------- */
  .f2 .l-col-main,
  .f2 .l-col-secondary {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  /* = Menu
 --------------------------------------------------------------------------- */
  /* = Conditional CSS http://adactio.com/journal/5429/
 --------------------------------------------------------------------------- */
  body:after {
    content: 'narrow';
    display: none;
  }
  /* RCD Specific style
 --------------------------------------------------------------------------- */
  .m-rich-link,
  .m-dashboard {
    width: 100%;
  }
  .m-selector-compact {
    margin-left: -8px;
    width: 103.54%;
    text-align: left;
  }
  .company--up,
  .completions--up {
    width: 100%;
  }
  .form__block input {
    width: 100% !important;
  }
  .l-footer > .l-unit {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
  }
  .l-footer > .l-unit:before,
  .l-footer > .l-unit:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-footer > .l-unit:after {
    clear: both;
  }
  .lt-ie9 .l-footer > .l-unit {
    width: 48.65254237%;
  }
  .l-footer > .l-unit.last-child,
  .l-footer > .l-unit.l-unit--last,
  .l-footer > .l-unit.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-footer > .l-unit:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-footer > .l-unit:nth-child(even) {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-footer > .l-unit:last-child {
    float: left !important;
  }
}
/* = MEDIUM ('Tablet')
 --------------------------------------------------------------------------- */
@media only screen and (min-width: 47em) {
  /* ****************************************************************************
   MEDIUM: MEDIA QUERY
   ----------------------------------------------------------------------------
   @name:        /css/imports/mediaqueries/medium.less
   @modified:    23/07/2013
   @author:      DH

   @description: MEDIUM ('tablet') mediaquery file
                 separeate file that can be imported by e.g. IE8
                 Inspired by:
                 - http://adactio.com/journal/4494/

   @contents:
                 1  Main/Secondary columns
                 2  Body:after content trick (http://adactio.com/journal/5429/)

 =========================================================================== */
  /* = Grid Adjustments
 --------------------------------------------------------------------------- */
  .l-main,
  .l-secondary {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
  }
  .l-main:before,
  .l-secondary:before,
  .l-main:after,
  .l-secondary:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-main:after,
  .l-secondary:after {
    clear: both;
  }
  .lt-ie9 .l-main,
  .lt-ie9 .l-secondary {
    width: 48.65254237%;
  }
  .l-main.last-child,
  .l-secondary.last-child,
  .l-main.l-unit--last,
  .l-secondary.l-unit--last,
  .l-main.l-col--last,
  .l-secondary.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-main:last-child,
  .l-secondary:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  /* 
  IE hasLayout fix. Even in IE10
  Hovering a link made the header units add extra
  bottom 'margin'.
  This ugly fix handles this but could have side-effects
  such as cut-off content :(

  Unfortunately we cannot use CC's or IE classnames
  such as .lt-ie9 because this even happens in IE10

  TODO: figure out a better way?
*/
  .l-units-header {
    height: 5.5em;
    overflow: hidden;
  }
  .l-units-header .l-unit {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
    padding-top: .5em;
  }
  .l-units-header .l-unit:before,
  .l-units-header .l-unit:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-units-header .l-unit:after {
    clear: both;
  }
  .lt-ie9 .l-units-header .l-unit {
    width: 48.65254237%;
  }
  .l-units-header .l-unit.last-child,
  .l-units-header .l-unit.l-unit--last,
  .l-units-header .l-unit.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-units-header .l-unit:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .is-tablet-only {
    display: block;
  }
  .js .l-units-header > .l-unit-logo {
    min-width: 305px;
    margin-right: 0;
  }
  .js .l-units-header > .l-unit-promotion {
    display: none;
  }
  .services-bar {
    *zoom: 1;
    background-color: #f0f0f0;
    background-color: #f6f6f6;
    background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
    background-image: linear-gradient(to bottom, #ffffff, #eaeaea);
    background-repeat: repeat-x;
    clear: both;
    border-top: 3px solid #29235c;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 1em;
  }
  .services-bar:before,
  .services-bar:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .services-bar:after {
    clear: both;
  }
  .services-bar .l-page-wrap > .l-unit {
    width: auto;
    float: left;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: 0;
  }
  .services-bar .l-page-wrap > .l-unit p {
    margin-bottom: 0;
  }
  .services-bar .l-page-wrap > .l-unit-profile {
    float: right;
    font-size: 12px;
    font-size: 0.8rem;
    margin: 0 1em 0 0;
  }
  .services-bar .l-page-wrap > .l-unit-profile .media {
    margin-right: 1em;
    min-width: 160px;
    padding-bottom: 2px;
  }
  .services-bar .l-page-wrap > .l-unit-profile .media.is-logged-in {
    min-width: 2em;
    margin-right: 4em;
  }
  .services-bar .l-page-wrap > .l-unit-profile .media__body {
    padding-top: .333em;
  }
  .services-bar .l-page-wrap > .l-unit-profile .media__img {
    margin-bottom: 0;
  }
  .services-bar .l-page-wrap > .l-unit-profile .media__img img {
    max-height: 38px;
    margin-top: -1px;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
  }
  .services-bar .profile__name {
    display: none;
    word-break: keep-all;
    -moz-hyphens: none;
    padding-right: .1em;
    whitespace: nowrap;
  }
  .services-bar .profile__name .h6 {
    padding-top: .333em;
    font-size: 13px;
    font-size: 0.8666666666666667rem;
  }
  .services-bar .l-page-wrap > .l-unit-service {
    padding: 0;
  }
  .services-bar .l-page-wrap > .l-unit-service:hover,
  .services-bar .l-page-wrap > .l-unit-service.is-active {
    padding-top: .25em;
    margin-top: -0.25em;
    margin-left: -1px;
    margin-right: -1px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    border-width: 0 1px;
  }
  .services-bar .service-link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 1em 1.75em;
    text-decoration: none;
    color: #29235c;
    font-size: .8em;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
    text-transform: uppercase;
  }
  .services-bar .service-link:hover,
  .services-bar .service-link:focus,
  .services-bar .service-link:active,
  .services-bar .service-link.is-active,
  .is-active .services-bar .service-link {
    color: #6bc72c;
  }
  .services-bar .service-link__icon {
    float: left;
  }
  .services-bar .service-link__icon:before {
    margin-right: .25em;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2;
    vertical-align: top;
  }
  .services-bar .service-link__title {
    line-height: 2.25;
  }
  .services-bar .l-page-wrap > .l-unit-home {
    padding-left: 1.69491525%;
  }
  .services-bar .l-page-wrap > .l-unit-home .service-link {
    padding-left: 0;
  }
  .services-bar .dropdown {
    padding-right: .5em;
  }
  .services-bar .dropdown__toggle {
    float: right;
    width: 3.25em;
    line-height: 1;
    padding: .65em .1em;
    margin-top: .125em;
    border-radius: .15em;
    border: 1px solid #d0d0d0;
    text-align: right;
    text-decoration: none;
  }
  .services-bar .dropdown__toggle:before {
    margin: 0 0 0 .25em;
  }
  .services-bar .dropdown__toggle.expand {
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    border-radius: .25em .25em 0 0;
    border-bottom-color: #ffffff;
  }
  .services-bar .dropdown__toggle .rbi-icon-caret-down:before {
    font-size: 10px !important;
    vertical-align: .25em;
  }
  .services-bar .dropdown__dropdown {
    position: absolute;
    width: 15em;
    width: 20%;
    top: 3.4em;
    right: 1.5em;
    margin-left: -16em;
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: .25em 0 .25em .25em;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  }
  .services-bar .dropdown__dropdown.is-hidden {
    top: -10em;
  }
  .services-bar .dropdown__dropdown li {
    padding: .5em 0;
  }
  .services-bar .dropdown__dropdown a {
    padding-left: 1em;
    padding-right: 1em;
  }
  .l-unit-profile .media,
  .l-unit-profile ul {
    margin-bottom: 0;
  }
  .l-unit-profile .media__img {
    margin-right: .4em;
  }
  .l-unit-profile .media__img img {
    max-height: 48px;
  }
  .l-footer > .l-unit {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 18.6440678%;
  }
  .l-footer > .l-unit:before,
  .l-footer > .l-unit:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-footer > .l-unit:after {
    clear: both;
  }
  .lt-ie9 .l-footer > .l-unit {
    width: 18.4440678%;
  }
  .l-footer > .l-unit.last-child,
  .l-footer > .l-unit.l-unit--last,
  .l-footer > .l-unit.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-footer > .l-unit:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-footer > .l-unit:nth-child(even) {
    float: left !important;
    margin-right: 1.69491525% !important;
  }
  .l-footer > .l-unit:last-child {
    float: left;
  }
  .logo-mobile {
    display: none;
  }
  .toplinks,
  .l-header {
    display: block;
  }
  .figure {
    width: 100%;
  }
  .figure--linked,
  .figure--decorated {
    max-width: 50%;
  }
  /*registration page columns*/
  .l-col-register {
    float: left;
    width: 49%;
  }
  .l-col-register:last-child,
  .l-col-register.last-child {
    float: right;
  }
  /* = Mobile Header
--------------------------------------------------------------------------- */
  .l-header-mobile,
  .menu {
    padding-left: 1.69491525%;
    padding-right: 1.69491525%;
    margin-left: -1.69491525%;
    margin-right: -1.69491525%;
  }
  a.menu__toggle {
    padding: .5em .5em .5em 0;
    border-right: 1px solid #ffffff;
    color: #ffffff;
  }
  a.menu__toggle:before {
    font-size: 20px;
    font-size: 1.3333333333333333rem;
  }
  a.services-link-mobile {
    display: none;
  }
  .l-header-mobile {
    background: #29235c;
    border-bottom: none;
  }
  /* Timeline
---------------------------------------------------------------------- */
  .social-timeline__author {
    display: inline !important;
  }
  .inline-hd {
    max-width: 84%;
  }
  .usabilla_live_button_container {
    display: block;
  }
  /* E-PAPER SHIZZ 
  We use the .pagesheet namespace
  so as to be even more explicit
  BECAUSE the e-paper.less
  is loaded AFTER the MQ files...
*/
  .pagesheet .e-paper-wrapper .media-list-e-paper .media-item,
  .pagesheet .e-paper-wrapper .media-list-e-paper--alt .media-item {
    min-height: 10em;
  }
  .pagesheet .e-paper-wrapper .media-list-e-paper.media-list--threecol .media-item,
  .pagesheet .e-paper-wrapper .media-list-e-paper--alt.media-list--threecol .media-item {
    float: left;
    width: 30%;
    margin-right: 3%;
  }
  .pagesheet .e-paper-wrapper .media-list-e-paper.media-list--twocol .media-item,
  .pagesheet .e-paper-wrapper .media-list-e-paper--alt.media-list--twocol .media-item {
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 5%;
  }
  .pagesheet .e-paper-wrapper .media-list-e-paper.media-list--twocol .media-item .media__img--alt,
  .pagesheet .e-paper-wrapper .media-list-e-paper--alt.media-list--twocol .media-item .media__img--alt {
    float: left;
    max-width: 50% !important;
    margin-right: .85em !important;
  }
  .pagesheet .e-paper-wrapper .media-list-e-paper .media__img--alt,
  .pagesheet .e-paper-wrapper .media-list-e-paper--alt .media__img--alt {
    float: left;
    max-width: 40% !important;
    margin-right: .85em !important;
  }
  .pagesheet .e-paper-wrapper .search-e-paper select {
    width: 12%;
  }
  .pagesheet .e-paper-wrapper .search-e-paper input {
    width: 22%;
  }
  .pagesheet .e-paper-wrapper .search-e-paper input[type="submit"] {
    width: auto;
  }
  .pagesheet .e-paper-wrapper .search-e-paper > label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right: 1em;
  }
  .pagesheet .e-paper-wrapper .search-e-paper > label:first-child {
    padding-left: 0;
  }
  /* = Conditional CSS http://adactio.com/journal/5429/
 --------------------------------------------------------------------------- */
  body:after {
    content: 'medium';
    display: none;
  }
  .l-aside {
    float: right;
    width: 32%;
    margin-top: 10px;
  }
  .l-main {
    float: left;
    width: 66%;
    margin-top: 10px;
  }
  .m-note {
    width: 40%;
    min-height: 235px;
  }
  .company--up,
  .completions--up {
    width: 100%;
  }
  /* RCD Specific style
 --------------------------------------------------------------------------- */
  .m-rich-link {
    width: 200px;
  }
  .m-dashboard {
    width: 49%;
  }
  .m-selector-compact {
    margin-left: -12px;
    width: 103.54%;
  }
  .l-section-introduction .pointer {
    font-size: 20px;
    line-height: 24px;
    width: 240px;
    margin: 60px auto 20px auto;
  }
  .l-section {
    padding: 40px 65px;
  }
  .lead-extra {
    font-size: 30px;
    line-height: 36px;
  }
  /*h1{
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 15px;
} 
.h1{
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 15px;
} 
*/
  .form__block input {
    width: 97.5% !important;
  }
  .completion--label {
    display: inline-block;
    font-weight: bold;
    width: 35%;
    vertical-align: top;
  }
  .completion--value {
    display: inline-block;
    width: 60%;
    margin-bottom: .5em;
  }
}
/* = WIDE ('Desktop')
 --------------------------------------------------------------------------- */
@media only screen and (min-width: 58.75em) {
  /* ****************************************************************************
   WIDE: MEDIA QUERY
   ----------------------------------------------------------------------------
   @name:        /css/imports/mediaqueries/wide.less
   @modified:    07/05/2013
   @author:      DH

   @description: WIDE ('desktop') mediaquery file
                 separeate file that can be imported by e.g. IE8
                 Inspired by:
                 - http://adactio.com/journal/4494/

   @contents:
                 1  Grid Adjustments
                 2  Ads
                 3  Menu Navigation: desktop styles
                 4  Body:after content trick (http://adactio.com/journal/5429/)

 =========================================================================== */
  /* = Grid adjustments
 --------------------------------------------------------------------------- */
  .l-units-wide--half > .l-unit {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
  }
  .l-units-wide--half > .l-unit:before,
  .l-units-wide--half > .l-unit:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-units-wide--half > .l-unit:after {
    clear: both;
  }
  .lt-ie9 .l-units-wide--half > .l-unit {
    width: 48.65254237%;
  }
  .l-units-wide--half > .l-unit.last-child,
  .l-units-wide--half > .l-unit.l-unit--last,
  .l-units-wide--half > .l-unit.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-units-wide--half > .l-unit:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--half {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
  }
  .l-col--half:before,
  .l-col--half:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-col--half:after {
    clear: both;
  }
  .lt-ie9 .l-col--half {
    width: 48.65254237%;
  }
  .l-col--half.last-child,
  .l-col--half.l-unit--last,
  .l-col--half.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--half:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--third {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 32.20338983%;
  }
  .l-col--third:before,
  .l-col--third:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-col--third:after {
    clear: both;
  }
  .lt-ie9 .l-col--third {
    width: 31.8700565%;
  }
  .l-col--third.last-child,
  .l-col--third.l-unit--last,
  .l-col--third.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--third:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--quart {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 23.72881356%;
  }
  .l-col--quart:before,
  .l-col--quart:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-col--quart:after {
    clear: both;
  }
  .lt-ie9 .l-col--quart {
    width: 23.47881356%;
  }
  .l-col--quart.last-child,
  .l-col--quart.l-unit--last,
  .l-col--quart.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--quart:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--fifth {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 18.6440678%;
  }
  .l-col--fifth:before,
  .l-col--fifth:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-col--fifth:after {
    clear: both;
  }
  .lt-ie9 .l-col--fifth {
    width: 18.4440678%;
  }
  .l-col--fifth.last-child,
  .l-col--fifth.l-unit--last,
  .l-col--fifth.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--fifth:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--sixth {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 15.25423729%;
  }
  .l-col--sixth:before,
  .l-col--sixth:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-col--sixth:after {
    clear: both;
  }
  .lt-ie9 .l-col--sixth {
    width: 15.08757062%;
  }
  .l-col--sixth.last-child,
  .l-col--sixth.l-unit--last,
  .l-col--sixth.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--sixth:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--eighth {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 11.01694915%;
  }
  .l-col--eighth:before,
  .l-col--eighth:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-col--eighth:after {
    clear: both;
  }
  .lt-ie9 .l-col--eighth {
    width: 10.89194915%;
  }
  .l-col--eighth.last-child,
  .l-col--eighth.l-unit--last,
  .l-col--eighth.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-col--eighth:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-main {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 59.3220339%;
  }
  .l-main:before,
  .l-main:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-main:after {
    clear: both;
  }
  .lt-ie9 .l-main {
    width: 58.7220339%;
  }
  .l-main.last-child,
  .l-main.l-unit--last,
  .l-main.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-main:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-secondary {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 38.98305085%;
  }
  .l-secondary:before,
  .l-secondary:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-secondary:after {
    clear: both;
  }
  .lt-ie9 .l-secondary {
    width: 38.58305085%;
  }
  .l-secondary.last-child,
  .l-secondary.l-unit--last,
  .l-secondary.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-secondary:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .is-desktop-only {
    display: block;
  }
  .l-units-header .l-unit {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 32.20338983%;
    padding-top: .5em;
  }
  .l-units-header .l-unit:before,
  .l-units-header .l-unit:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .l-units-header .l-unit:after {
    clear: both;
  }
  .lt-ie9 .l-units-header .l-unit {
    width: 31.8700565%;
  }
  .l-units-header .l-unit.last-child,
  .l-units-header .l-unit.l-unit--last,
  .l-units-header .l-unit.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .l-units-header .l-unit:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .js .l-units-header > .l-unit-promotion {
    margin-top: 1em;
    display: block;
    font-size: 12px;
    font-size: 0.8rem;
  }
  .js .l-units-header > .l-unit-promotion .media,
  .js .l-units-header > .l-unit-promotion .media__img,
  .js .l-units-header > .l-unit-promotion .media__body {
    margin-bottom: 0;
  }
  .js .l-units-header > .l-unit-promotion {
    max-width: 260px;
    margin-right: 0;
  }
  .l-footer-rights > div:first-child {
    margin-top: 0;
    min-height: 3em;
    padding: 1.69491525%;
    border-right: 1px solid #d0d0d0;
    margin-right: 1.69491525%;
  }
  /* = Some Type Adjustments
 --------------------------------------------------------------------------- */
  .breaking-news h2 {
    font-size: 46px;
    font-size: 3.066666666666667rem;
  }
  /* = Ads
 --------------------------------------------------------------------------- */
  .ad--leaderboard,
  #promo {
    display: block;
    text-align: left;
  }
  /* = Generic Elements
 --------------------------------------------------------------------------- */
  .ankeiler {
    display: block;
  }
  .pagesheet {
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    margin-bottom: 2em;
  }
  .main-hd {
    font-size: 28px;
    font-size: 1.8666666666666667rem;
  }
  .breaking-news .media__img img {
    margin: 0;
  }
  /* = HEADER SERVICES-BAR
 --------------------------------------------------------------------------- */
  .services-bar + .l-page-wrap {
    padding-top: 4em;
  }
  .services-bar {
    position: fixed;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 1002;
  }
  .services-bar .l-page-wrap > .l-unit-profile {
    float: right;
    margin: 0;
  }
  .services-bar .l-page-wrap > .l-unit-profile .media,
  .services-bar .l-page-wrap > .l-unit-profile .media.is-logged-in {
    min-width: 160px;
  }
  .services-bar .l-page-wrap > .l-unit-profile .profile__name {
    display: block;
    margin-right: .5em;
  }
  .services-bar .dropdown .dropdown__dropdown {
    right: 0.5em;
  }
  /* = Change to Desktop Menu Navigation
 --------------------------------------------------------------------------- */
  .is-narrow-only,
  .submenu-toggler {
    display: none !important;
  }
  .menu {
    background-color: #ffffff;
    color: #262262;
    position: relative;
    padding: 0;
    margin: 0;
    padding-left: 1.69491525%;
    padding-right: 1.69491525%;
    margin-left: -1.69491525%;
    margin-right: -1.69491525%;
  }
  .menu .menu__wrapper {
    position: static;
    background: #ffffff;
    text-shadow: none;
    text-transform: none;
    width: 103.38983051%;
    margin-left: -1.69491525%;
  }
  .menu .menu__wrapper {
    min-height: 3.18em;
  }
  .menu .menu__wrapper .menu__main {
    border: 1px solid #d0d0d0;
    border-width: 1px 0 2px 0;
    border-bottom-color: #29235c;
  }
  .menu.has-submenu .menu__wrapper {
    min-height: 6.25em;
  }
  .menu.has-submenu .menu__wrapper .menu__main {
    border-width: 1px 0;
    border-bottom-width: 1px;
    border-bottom-color: #d0d0d0;
  }
  .menu.has-submenu .menu__wrapper .menu__sub {
    border-bottom: 2px solid #29235c;
  }
  .menu.is-empty .menu__wrapper {
    min-height: 0;
  }
  .menu.is-empty .menu__wrapper .menu__main {
    height: 0px;
    overflow: hidden;
    border-width: 2px 0 0 0;
    border-top-color: #29235c;
  }
  .menu.is-empty .menu__wrapper .menu__sub {
    display: none;
  }
  .menu__main li,
  .menu__sub li {
    display: inline;
    text-transform: capitalize;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .menu__main li a:link,
  .menu__sub li a:link,
  .menu__main li a:visited,
  .menu__sub li a:visited,
  .menu__main li a:hover,
  .menu__sub li a:hover,
  .menu__main li a:focus,
  .menu__sub li a:focus,
  .menu__main li a:active,
  .menu__sub li a:active {
    float: left;
    text-decoration: none;
    background: transparent;
    color: #ffffff;
  }
  .menu__main li a:link:after,
  .menu__sub li a:link:after,
  .menu__main li a:visited:after,
  .menu__sub li a:visited:after,
  .menu__main li a:hover:after,
  .menu__sub li a:hover:after,
  .menu__main li a:focus:after,
  .menu__sub li a:focus:after,
  .menu__main li a:active:after,
  .menu__sub li a:active:after {
    display: none;
  }
  .menu__main li a {
    font-size: 17px;
    font-size: 1.1333333333333333rem;
    padding: .8em 1em .8em 0;
  }
  .menu__main li:hover > a,
  .menu__main li.is-active > a,
  .menu__main li a:hover,
  .menu__main li a:focus,
  .menu__main li a:active,
  .menu__main li a.is-active {
    color: #ffffff;
    text-decoration: underline !important;
  }
  .menu__main a.is-highlighted {
    background-color: #191537;
    color: rgba(255, 255, 255, 0.9);
  }
  .menu__sub li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-bottom: 0;
    padding: 0 .5em 0 0;
  }
  .menu__sub li a:link,
  .menu__sub li a:visited,
  .menu__sub li a:focus,
  .menu__sub li a:hover,
  .menu__sub li a:active {
    font-size: 14px;
    font-size: 0.9333333333333333rem;
    background-color: transparent;
    color: #29235c;
    padding: .5em .5em .5em 0;
  }
  .menu__sub li.is-active a,
  .menu__sub li a:focus,
  .menu__sub li a:hover,
  .menu__sub li a:active,
  .menu__sub li a.is-active {
    color: #29235c;
  }
  .menu__main {
    padding-left: 1em;
    padding-right: 1em;
    *zoom: 1;
  }
  .menu__main:before,
  .menu__main:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .menu__main:after {
    clear: both;
  }
  .menu__sub,
  .menu__sub.is-inactive {
    position: absolute;
    top: 3.6em;
    right: 0;
    width: 100%;
    padding: 0 1em .125em 1em;
    background-color: #ffffff;
    color: #29235c;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    left: -999em;
    opacity: 0;
  }
  .is-active + .menu__sub,
  .is-active > .menu__sub,
  .menu__sub.is-active,
  .menu__sub:hover {
    left: 0;
    opacity: 1;
  }
  /* LISTS
 --------------------------------------------------------------------------- */
  .list--two-col li {
    float: left;
    clear: left;
    width: 48%;
  }
  .list--two-col li.even {
    float: right;
    clear: right;
  }
  .list--two-col li:nth-child(even) {
    float: right;
    clear: right;
  }
  .list--two-col.linklist li:last-child,
  .list--two-col.linklist li.last-child,
  .list--two-col.list-stacked li:last-child,
  .list--two-col.list-stacked li.last-child,
  .media-list.list--two-col > li:last-child,
  .media-list.list--two-col > li.last-child,
  .media-list.l-units-wide--half > li:last-child,
  .media-list.l-units-wide--half > li.last-child {
    padding-bottom: 0.6665em;
    border-bottom: 1px solid #d0d0d0;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
  }
  .list--two-col > li,
  li.l-units-wide--half > .l-unit {
    min-height: 6.5em;
  }
  .list--two-col > li.inherit {
    min-height: inherit;
  }
  .media .media__img,
  .media-list .media__img {
    max-width: 100%;
  }
  .boxed.half {
    float: right;
    width: 48.333%;
  }
  .boxed.half.first {
    float: left;
  }
  .boxed.half .h5 {
    font-size: 14px;
    font-size: 0.9333333333333333rem;
  }
  /* DEEPLINKED comments (/#123)
// We reserve space for the positioned servicesbar
---------------------------------------------------------------------- */
  .list-comments .media:target {
    margin-top: 75px;
  }
  /* Tabs: tabbed
---------------------------------------------------------------------- */
  .nav--tabs {
    border-bottom: 1px solid #d0d0d0;
  }
  .nav--tabs a {
    display: inline-block;
    background-color: rgba(240, 240, 240, 0.5);
    color: #262262;
    -webkit-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.07);
    border-radius: 0.333em 0.333em 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin-right: -0.25em;
    margin-bottom: 0;
    position: relative;
    bottom: -1px;
  }
  .nav--tabs .active a,
  .nav--tabs a.active {
    box-shadow: none;
    border-bottom-color: #ffffff;
  }
  /* DEFINITION LISTS: Inline Definition Lists
---------------------------------------------------------------------- */
  dl.inline dt,
  dl.inline--light dt,
  dl.media-list-dl dt,
  dl.inline dd,
  dl.inline--light dd,
  dl.media-list-dl dd {
    margin: 0 0 1em 0;
  }
  dl.inline dt,
  dl.inline--light dt,
  dl.media-list-dl dt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 35%;
  }
  dl.inline dd,
  dl.inline--light dd,
  dl.media-list-dl dd {
    display: inline;
  }
  dl.inline dd:after,
  dl.inline--light dd:after,
  dl.media-list-dl dd:after {
    content: '\A';
    white-space: pre-wrap;
  }
  dl.inline dd.multiline,
  dl.inline--light dd.multiline,
  dl.media-list-dl dd.multiline {
    display: block;
    margin-left: 35%;
    margin-top: -2.25em;
  }
  dl.inline.inline--light,
  dl.inline--light.inline--light,
  dl.media-list-dl.inline--light {
    margin-bottom: 0 !important;
  }
  dl.inline dd.definition--clipped,
  dl.inline--light dd.definition--clipped,
  dl.media-list-dl dd.definition--clipped {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 60%;
    overflow: hidden;
    max-height: 1.25em;
    margin-bottom: 0 !important;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
  }
  dl.inline dd.definition--clipped:before,
  dl.inline--light dd.definition--clipped:before,
  dl.media-list-dl dd.definition--clipped:before {
    display: block;
    content: " ";
    background-color: transparent !important;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(left, rgba(247, 247, 247, 0), #f7f7f7);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(247, 247, 247, 0)), to(#f7f7f7));
    background-image: -webkit-linear-gradient(left, rgba(247, 247, 247, 0), #f7f7f7);
    background-image: -o-linear-gradient(left, rgba(247, 247, 247, 0), #f7f7f7);
    background-image: linear-gradient(to right, rgba(247, 247, 247, 0), #f7f7f7);
    background-repeat: repeat-x;
    width: 4em;
    position: absolute;
    z-index: 2;
    left: 18.2em;
    top: 0;
    bottom: 0;
  }
  /* FORMS
 --------------------------------------------------------------------------- */
  .form--wide label > span,
  .form--wide .form__label {
    display: inline-block;
    min-width: 37%;
    margin-right: 4%;
  }
  .form--wide .form__controls > input,
  .form--wide label > input,
  .form--wide .form__controls > select,
  .form--wide label > select {
    display: inline-block;
    width: 58%;
  }
  .form--wide textarea {
    width: 95.5%;
  }
  .form__controls {
    display: inline;
  }
  .tooltip--input,
  .tooltip--input-right {
    padding: 0;
    width: 1em;
    height: 1em;
    min-width: 1em !important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
  }
  .tooltip--input:before,
  .tooltip--input-right:before {
    margin-left: 0;
    float: none;
  }
  .tooltip--input .tooltip__text,
  .tooltip--input-right .tooltip__text {
    display: none;
    padding: 0.6665em;
    min-width: 20em;
    max-width: 30em;
    position: absolute;
    bottom: 1.7em;
    right: 0;
    border-radius: 3px;
    background-color: #29235c;
    text-align: center;
    font-size: 13px;
    font-size: 0.8666666666666667rem;
    font-style: normal;
    color: #ffffff;
    opacity: 0;
  }
  .tooltip--input .tooltip__text:before,
  .tooltip--input-right .tooltip__text:before {
    position: absolute;
    top: 100%;
    right: .5em;
    content: " ";
    width: 0;
    height: 0;
    pointer-events: none;
    border-color: #29235c transparent transparent transparent;
    border-width: 5px;
    border-style: solid;
  }
  .tooltip--input:hover,
  .tooltip--input-right:hover,
  .tooltip--input:focus,
  .tooltip--input-right:focus {
    text-decoration: none;
  }
  .tooltip--input:hover .tooltip__text,
  .tooltip--input-right:hover .tooltip__text,
  .tooltip--input:focus .tooltip__text,
  .tooltip--input-right:focus .tooltip__text {
    margin-left: 0;
    margin-right: -0.35em;
    opacity: 1;
    display: block;
  }
  .tooltip--input-right .tooltip__text {
    right: auto;
    left: 0;
  }
  .tooltip--input-right .tooltip__text:before {
    margin-left: -0.35em;
    margin-right: 0;
    right: auto;
    left: .5em;
  }
  /* = Conditional CSS http://adactio.com/journal/5429/
 --------------------------------------------------------------------------- */
  body:after {
    content: 'wide';
    display: none;
  }
  .l-aside {
    float: right;
    width: 32%;
    margin-top: 10px;
  }
  .l-main {
    float: left;
    width: 66%;
    margin-top: 10px;
    padding-right: 10px;
  }
  .m-selector-compact {
    margin-left: -16px;
    width: 103.54%;
  }
  .company--up,
  .completions--up {
    width: 47%;
  }
  .form__block input {
    width: 97.5% !important;
  }
}
/* = EXTRA
   @name:        extra.less
   @description: Imports site specific EXTRA styles (F2RF2F, poll, tables, etc.)
                 This file, in turn will @import "/imports/extra/f2rf2f.less"; etc.

                 If needed site specific extra Media Queries should be added
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   EXTRA
   ----------------------------------------------------------------------------
   @name:        /css/imports/extra.less
   @modified:    17/08/2013
   @author:      DH & JB

   @description: EXTRA Less files we need for current site
                 E.g:
                 - F2RF2F
                 - Poll
                 - etc

   @contents:
                 1  Free to Register, Free to Fee
                 2  Poll (daddy)
                 3  Flexslider
                 4  Directories
                 5  Social

 =========================================================================== */
/* = F2RF2F: Free to Register, Free to Fee
 ---------------------------------------------------------------------------*/
/*
 * Generic F2RF2F Dialog/Section
*******************************************************************/
.f2 {
  font: 1em/1.2 sans-serif;
}
.f2,
.f2__section {
  *zoom: 1;
}
.f2:before,
.f2__section:before,
.f2:after,
.f2__section:after {
  content: " ";
  display: table;
  line-height: 0;
}
.f2:after,
.f2__section:after {
  clear: both;
}
/*
 * F2RF2F Overlay
 * - We do not use a popup overlay, but want to have this effect
 * - Therefore we position an overlay element
 *
 * - Add class '.is-in-overlay' to .f2
 * - Add (with JS?) empty div.f2__overlay
*******************************************************************/
.f2.is-in-overlay {
  background: #FFF;
  position: relative;
  z-index: 1001;
  padding: 1em 2em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
}
.f2__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  pointer-events: none;
}
/*
 * F2RF2F Heading
 * - Main heading
*******************************************************************/
.f2__heading {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.2;
  font-weight: normal;
  font-size: 26px;
  font-size: 1.7333333333333334rem;
  font-size: 18px;
  font-size: 1.2rem;
  color: #29235c;
  padding-bottom: .5em;
  border-bottom: 2px dotted #d0d0d0;
  margin-bottom: .6em;
}
.f2__heading small {
  font-weight: normal;
}
/*
 * F2RF2F Intro
 * - Introduction: first paragraph
*******************************************************************/
.f2__intro {
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 1em;
}
/*
 * F2RF2F IMG
 * - Introduction Image: bigger img most often in sidebar
*******************************************************************/
.f2__img,
img.decorated {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: .5em;
  border: 1px solid #d0d0d0;
  border-radius: .25em;
  box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}
/*
 * F2RF2F Well
 * - Visually distinct (sunken) area, often with buttons in 'em 
*******************************************************************/
.f2__well {
  *zoom: 1;
  background-color: #f0f0f0;
  padding: 0.5em;
  margin-bottom: 1em;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
}
.f2__well:before,
.f2__well:after {
  content: " ";
  display: table;
  line-height: 0;
}
.f2__well:after {
  clear: both;
}
.f2__well--centered {
  *zoom: 1;
  background-color: #f0f0f0;
  padding: 0.5em;
  margin-bottom: 1em;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.05);
  text-align: center;
}
.f2__well--centered:before,
.f2__well--centered:after {
  content: " ";
  display: table;
  line-height: 0;
}
.f2__well--centered:after {
  clear: both;
}
/*
 * F2RF2F CTA
 * - Unique F2RF2F Button style
 * - Normal Buttons should just inherit default .btn style!
*******************************************************************/
.f2__cta,
.f2__cta--choice {
  font-size: 1.5em;
  font-weight: bold;
  color: #3e992f !important;
  text-decoration: none !important;
  text-transform: lowercase;
  text-align: center;
  display: inline-block;
  padding: .5em .75em;
  border: 3px solid #3e992f;
  border-radius: .5em;
  margin-bottom: .5em;
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
}
.f2__cta:hover,
.f2__cta--choice:hover,
.f2__cta:focus,
.f2__cta--choice:focus,
.f2__cta:active,
.f2__cta--choice:active {
  background-color: #FFF;
  color: #3e992f;
  border-color: #3e992f;
  box-shadow: none;
  text-decoration: none;
}
.f2__cta--choice {
  font-size: 1em;
  background: #FFF;
  color: #29235c;
  display: block;
  border-color: #d0d0d0;
  border-width: 1px;
  border-radius: .25em;
  text-align: left;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.2);
}
.f2__cta--choice:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e041";
  color: #29235c;
  margin-right: .5em;
}
.f2__well > .f2__cta,
.f2__well--centered > .f2__cta {
  margin-bottom: 0;
}
.f2 .prev:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  display: inline-block;
  position: relative;
  top: 0.1em;
  margin: 0 0.333em -0.125em 0;
  content: "\e03e";
  vertical-align: baseline;
}
.f2 .next {
  background-color: #7ac143;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 2px 20px 2px 10px;
  position: relative;
  white-space: nowrap;
  font-weight: 200;
  float: right !important;
  margin-right: 0 !important;
}
.f2 .next:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  display: inline-block;
  position: relative;
  top: 0.1em;
  margin: 0 0 -0.125em 0.333em;
  content: "\e03f";
  vertical-align: baseline;
}
.f2 .prev,
.f2 .next {
  background-color: #4bac3b;
  background-image: -moz-linear-gradient(top, #3e992f, #5ec84c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e992f), to(#5ec84c));
  background-image: -webkit-linear-gradient(top, #3e992f, #5ec84c);
  background-image: -o-linear-gradient(top, #3e992f, #5ec84c);
  background-image: linear-gradient(to bottom, #3e992f, #5ec84c);
  background-repeat: repeat-x;
  border-color: #3e992f;
  color: #FFF !important;
  font-weight: normal;
}
.f2 .prev:hover,
.f2 .next:hover,
.f2 .prev:focus,
.f2 .next:focus,
.f2 .prev:active,
.f2 .next:active {
  border-color: #317a25;
}
/*
 * F2RF2F OFFERS TABLE
 *
 * NOTE: .f2__offers might become deprecated if we decide to use .f2__product only!
 *
 ******************************************************************/
table.f2__offers {
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  padding: 0;
  border: none;
  margin: 1.5em 0;
}
table.f2__offers th,
table.f2__offers td {
  padding: .5em 1em;
  background-color: transparent;
  color: #262262;
}
table.f2__offers th {
  text-align: center;
}
table.f2__offers th img {
  display: block;
  max-width: 100%;
  margin: 0 auto .5em auto;
}
table.f2__offers th[scope="row"] {
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #d0d0d0;
  padding-left: 0;
  min-width: 12em;
}
table.f2__offers td {
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
}
table.f2__offers tr {
  border: none;
  border-bottom: 1px solid #d0d0d0;
}
table.f2__offers tr:last-child,
table.f2__offers tr.last-child {
  border-bottom: 0;
}
.f2 th,
.f2__offers__price,
.f2__offers__yes,
.f2__offers__no {
  font-size: .8em;
}
.f2__offers__yes,
.f2__offers__no,
.f2__offers__discount,
.f2__offers__price,
.f2__offers__offer {
  font-weight: bold;
}
.f2__offers__yes,
.f2__offers__no {
  color: #999;
  font-size: .75em;
  font-weight: normal;
}
.f2__offers__yes:before,
.f2__offers__no:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "";
  vertical-align: middle;
  text-align: center;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
}
.f2__offers__yes {
  *color: green;
}
.f2__offers__yes:before {
  content: "\e027";
  color: green;
}
.f2__offers__no {
  *color: red;
}
.f2__offers__no:before {
  content: "\e026";
  color: red;
}
.f2__offers__price {
  color: #352f88;
  text-decoration: line-through;
}
.f2__offers th img,
.f2__offers__offer,
.f2__cta--order {
  display: block;
  margin: 0 auto;
  clear: both;
}
.f2__offers__offer {
  font-size: 1.333em;
  color: #29235c;
}
.f2__cta--order {
  background-color: #4bac3b;
  background-image: -moz-linear-gradient(top, #3e992f, #5ec84c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e992f), to(#5ec84c));
  background-image: -webkit-linear-gradient(top, #3e992f, #5ec84c);
  background-image: -o-linear-gradient(top, #3e992f, #5ec84c);
  background-image: linear-gradient(to bottom, #3e992f, #5ec84c);
  background-repeat: repeat-x;
  border-color: #3e992f;
  font-size: .8em;
  font-weight: normal;
  margin-top: 1em;
  display: block;
}
.f2__cta--order:hover,
.f2__cta--order:focus,
.f2__cta--order:active,
.f2__cta--order.is-active {
  text-decoration: underline;
}
/* Meest gekozen */
.f2__offers__highlight {
  font-weight: normal;
  text-indent: -300%;
  overflow: hidden;
  position: absolute;
  top: -19px;
  left: -25px;
  width: 118px;
  height: 119px;
  background: transparent url('/images/text-meest.png') no-repeat 0 0;
}
.f2__offers__highlight.fancy {
  pointer-events: none;
  top: 0;
  right: -2px;
  bottom: 0;
  left: -2px;
  width: auto;
  height: 312%;
  box-shadow: 0.3em 0 0.3em rgba(0, 0, 0, 0.3), -0.3em 0 0.3em rgba(0, 0, 0, 0.3);
}
.is-featured {
  background-color: #FFF !important;
  border: 0 solid #3e992f;
  border-left-width: 2px;
  border-right-width: 2px;
}
tr:last-child,
tr.last-child {
  background-color: transparent;
}
tr:last-child td,
tr.last-child td,
tr:last-child th[scope="row"],
tr.last-child th[scope="row"] {
  border-bottom-width: 0;
}
tr:last-child .is-featured,
tr.last-child .is-featured {
  border-bottom-width: 2px;
  border-bottom-color: #3e992f;
  -webkit-border-bottom-right-radius: 0.5em;
  -webkit-border-bottom-left-radius: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
th.is-featured,
tr:last-child th.is-featured,
tr.last-child th.is-featured {
  min-width: 13em;
  padding-top: 1em !important;
  border-top-width: 2px;
  border-bottom: 0 !important;
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.is-featured-pos {
  position: relative;
}
/*
 * F2RF2F ABO CHOICE FORM
 *******************************************************************/
.f2_abo-choice p {
  margin: 0 0 .5em 0;
}
.f2_abo-choice label > span {
  font-size: .9em;
  display: block;
  padding-top: .5em;
}
.f2_abo-choice .media {
  margin-bottom: 0;
}
.f2_abo-choice .media__img--reversed {
  float: none;
  position: relative;
  min-height: 118px;
  text-align: center;
}
.f2_abo-choice .hint {
  color: #333333;
  font-size: .75em;
  margin-top: 1.5em;
  width: 65%;
}
.f2_abo-choice__select {
  width: auto;
  min-width: 40%;
}
.f2_abo-choice__label {
  min-width: auto !important;
  font-weight: bold;
  color: #3e992f;
}
.f2_abo-choice__price {
  background-color: #e87440;
  background-image: -moz-linear-gradient(top, #f98e5a, #cf4e1a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f98e5a), to(#cf4e1a));
  background-image: -webkit-linear-gradient(top, #f98e5a, #cf4e1a);
  background-image: -o-linear-gradient(top, #f98e5a, #cf4e1a);
  background-image: linear-gradient(to bottom, #f98e5a, #cf4e1a);
  background-repeat: repeat-x;
  color: #FFF;
  padding: .5em .5em;
  border-radius: .3em;
  text-align: center;
  font-weight: bold;
  font-size: 1.45em;
  display: block;
}
.f2_abo-choice__price span {
  display: block;
  font-weight: normal;
  font-size: .75em;
}
/*
 * Product Pricing Listing
*******************************************************************/
.f2__product {
  position: relative;
  text-align: center;
  border: 1px solid #d0d0d0;
  border-radius: .5em;
}
.f2__product,
.f2__product dl {
  margin-bottom: 1em;
}
.f2__product__label {
  font-size: 1.25em;
  font-weight: normal;
  margin: 0 0 .5em 0;
}
.f2__product__img {
  display: block;
  margin: .5em auto;
  max-width: 80%;
}
.f2__product__yes,
.f2__product__no,
.f2__product__discount,
.f2__product__price,
.f2__product__offer {
  font-weight: bold;
}
.f2__product__offer {
  color: #e5070f;
}
.f2__product dd {
  display: block;
  margin: 0;
}
.f2__product dd dt {
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #ebebeb, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff);
  background-image: -o-linear-gradient(top, #ebebeb, #ffffff);
  background-image: linear-gradient(to bottom, #ebebeb, #ffffff);
  background-repeat: repeat-x;
  color: #333333;
  font-size: .9em;
  text-align: left;
  padding-right: 5em;
}
.f2__product dd dt,
.f2__product dd dd {
  font-weight: normal;
  padding: .25em .5em;
}
.f2__product dd dt {
  border-top: 1px solid #d0d0d0;
}
.f2__product__yes,
.f2__product__no,
.f2__product__discount,
.f2__product__price,
.f2__product__offer {
  float: right;
  margin-top: -24px;
  width: 5em;
  text-align: center;
}
.f2__product__offer__period {
  float: right;
  clear: both;
}
.f2__product__yes,
.f2__product__no {
  color: #999;
  font-weight: normal;
  display: block;
  padding-top: .5em;
  width: 80px;
  margin-top: -20px;
  font-size: 0;
  *font-size: 16px;
}
.f2__product__yes:before,
.f2__product__no:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "";
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
}
.f2__product__yes {
  *color: green;
}
.f2__product__yes:before {
  content: "\e027";
  color: green;
}
.f2__product__no {
  *color: red;
}
.f2__product__no:before {
  content: "\e026";
  color: red;
}
.f2__product__price {
  color: #352f88;
  text-decoration: line-through;
}
.f2__product th img,
.f2__product__offer,
.f2__cta--order {
  display: block;
  margin: 0 auto;
}
.f2__offers__offer {
  font-size: 1.25em;
  color: #29235c;
}
.f2__cta--order {
  padding-top: .75em;
  padding-bottom: .75em;
  background-color: #4bac3b;
  background-image: -moz-linear-gradient(top, #3e992f, #5ec84c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e992f), to(#5ec84c));
  background-image: -webkit-linear-gradient(top, #3e992f, #5ec84c);
  background-image: -o-linear-gradient(top, #3e992f, #5ec84c);
  background-image: linear-gradient(to bottom, #3e992f, #5ec84c);
  background-repeat: repeat-x;
  border-color: #3e992f;
  color: #FFF !important;
  font-size: .8em;
  font-weight: normal;
  margin-top: 3.5em;
  display: block;
}
.f2__cta--order:hover,
.f2__cta--order:focus,
.f2__cta--order:active,
.f2__cta--order.is-active {
  text-decoration: underline;
}
.f2__cta--order:hover {
  border-color: #3e992f;
}
/* is-Featured */
.f2__product.is-featured {
  background-color: #FFF !important;
  border: 2px solid #3e992f;
  border-radius: .5em;
  box-shadow: 0 0.3em 0.75em rgba(0, 0, 0, 0.75);
}
.f2__product.is-featured dd dt,
.f2__product.is-featured dd dd {
  padding-left: .333em;
  padding-right: .333em;
}
/* Meest gekozen */
.f2__product__highlight {
  font-weight: normal;
  text-indent: -300%;
  overflow: hidden;
  position: absolute;
  top: -7px;
  left: -12px;
  width: 118px;
  height: 119px;
  background: transparent url('/images/text-meest.png') no-repeat 0 0;
}
/*
 * = Table summary
*******************************************************************/
.f2_abo-summary {
  border: 0;
  margin: 8px;
  font-size: 13px;
}
.f2_abo-summary th {
  text-align: left;
}
/*
 * F2RF2F PRODUCT Columns
*******************************************************************/
/*
 * F2RF2F Columns
 * - Some (most) F2RF2F pages use different col width (narrow sidebar)
*******************************************************************/
/*
 * = oldIE FALLBACKS
*******************************************************************/
.lt-ie9 .f2.is-in-overlay {
  padding: 1em 1.5em;
}
.lt-ie9 .f2__overlay {
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABFJREFUGFdjAII8NEyaAEMeAN+0BuEFhW0WAAAAAElFTkSuQmCC') repeat 0 0;
}
.lt-ie9 .f2__product {
  background-color: #ffffff;
  width: 30%;
  min-width: 12em;
  float: left;
  margin: 1.5em 1.5%;
}
.lt-ie9 .f2__product dd dt {
  text-align: center;
  padding-right: .5em;
}
.lt-ie9 .f2__product__yes,
.lt-ie9 .f2__product__no,
.lt-ie9 .f2__product__discount,
.lt-ie9 .f2__product__price,
.lt-ie9 .f2__product__offer,
.lt-ie9 .f2__product__offer__period {
  float: none;
  margin-top: 0;
  width: auto;
}
.lt-ie9 .f2__cta--order {
  margin-top: 1em;
}
.lt-ie9 .f2_abo-choice .media__img--reversed {
  float: right;
  text-align: center;
  margin-left: 1.25em;
}
.lt-ie9 .f2_abo-choice__select {
  max-width: 55%;
}
.lt-ie9 .f2_abo-choice label > span {
  display: inline-block;
  min-width: 45%;
  max-width: 50%;
}
.lt-ie9 .f2 .l-col-main {
  float: left;
  margin-right: 1.69491525%;
  *zoom: 1;
  width: 49.15254237%;
}
.lt-ie9 .f2 .l-col-main:before,
.lt-ie9 .f2 .l-col-main:after {
  content: " ";
  display: table;
  line-height: 0;
}
.lt-ie9 .f2 .l-col-main:after {
  clear: both;
}
.lt-ie9 .lt-ie9 .f2 .l-col-main {
  width: 48.65254237%;
}
.lt-ie9 .f2 .l-col-main.last-child,
.lt-ie9 .f2 .l-col-main.l-unit--last,
.lt-ie9 .f2 .l-col-main.l-col--last {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
.lt-ie9 .f2 .l-col-main:last-child {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
.lt-ie9 .f2 .l-col-secondary {
  float: left;
  margin-right: 1.69491525%;
  *zoom: 1;
  width: 49.15254237%;
}
.lt-ie9 .f2 .l-col-secondary:before,
.lt-ie9 .f2 .l-col-secondary:after {
  content: " ";
  display: table;
  line-height: 0;
}
.lt-ie9 .f2 .l-col-secondary:after {
  clear: both;
}
.lt-ie9 .lt-ie9 .f2 .l-col-secondary {
  width: 48.65254237%;
}
.lt-ie9 .f2 .l-col-secondary.last-child,
.lt-ie9 .f2 .l-col-secondary.l-unit--last,
.lt-ie9 .f2 .l-col-secondary.l-col--last {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
.lt-ie9 .f2 .l-col-secondary:last-child {
  float: right !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  margin-right: 0 !important;
}
.lt-ie9 .f2__col--main {
  float: left;
  width: 73%;
  *width: 71%;
  padding-right: 2%;
  border-right: 1px solid #d0d0d0;
}
.lt-ie9 .f2__col--secondary {
  float: right;
  width: 25%;
}
/*
 * = / END oldIE FALLBACKS
*******************************************************************/
@media screen and (min-width: 42em) {
  .f2__product {
    background-color: #ffffff;
    width: 30%;
    min-width: 12em;
    float: left;
    margin: 1.5em 1.5%;
  }
  .f2__product dd dt {
    text-align: center;
    padding-right: .5em;
  }
  .f2__product__yes,
  .f2__product__no,
  .f2__product__discount,
  .f2__product__price,
  .f2__product__offer,
  .f2__product__offer__period {
    float: none;
    margin-top: 0;
    width: auto;
  }
  .f2__cta--order {
    margin-top: 1em;
  }
  .f2_abo-choice .media__img--reversed {
    float: right;
    text-align: center;
    margin-left: 1.25em;
  }
  .f2_abo-choice__select {
    max-width: 55%;
  }
  .f2_abo-choice label > span {
    display: inline-block;
    min-width: 45%;
    max-width: 50%;
  }
}
/*
 * END Product Pricing Listing
*******************************************************************/
/* = F2RF2F MEDIA QUERIES
*******************************************************************/
/* = MEDIUM ('Tablet')
 --------------------------------------------------------------------------- */
@media only screen and (min-width: 47em) {
  .f2 .l-col-main {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
  }
  .f2 .l-col-main:before,
  .f2 .l-col-main:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .f2 .l-col-main:after {
    clear: both;
  }
  .lt-ie9 .f2 .l-col-main {
    width: 48.65254237%;
  }
  .f2 .l-col-main.last-child,
  .f2 .l-col-main.l-unit--last,
  .f2 .l-col-main.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .f2 .l-col-main:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .f2 .l-col-secondary {
    float: left;
    margin-right: 1.69491525%;
    *zoom: 1;
    width: 49.15254237%;
  }
  .f2 .l-col-secondary:before,
  .f2 .l-col-secondary:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .f2 .l-col-secondary:after {
    clear: both;
  }
  .lt-ie9 .f2 .l-col-secondary {
    width: 48.65254237%;
  }
  .f2 .l-col-secondary.last-child,
  .f2 .l-col-secondary.l-unit--last,
  .f2 .l-col-secondary.l-col--last {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .f2 .l-col-secondary:last-child {
    float: right !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
    margin-right: 0 !important;
  }
  .f2__col--main {
    float: left;
    width: 73%;
    *width: 71%;
    padding-right: 2%;
    border-right: 1px solid #d0d0d0;
  }
  .f2__col--secondary {
    float: right;
    width: 25%;
  }
}
/* = Poll (daddy)
 ---------------------------------------------------------------------------*/
/* Styling Polldaddy */
/* = ADDITION: (DH) 15/5/2013
     Poll (daddy)
 ---------------------------------------------------------------------------*/
.pds-box {
  margin-top: 0;
  margin-bottom: 15px;
  *zoom: 1;
  background-color: #f0f0f0;
  padding: 0.5em;
  margin-bottom: 1em;
}
.pds-box:last-child {
  margin-bottom: 0;
}
.pds-box:before,
.pds-box:after {
  content: " ";
  display: table;
  line-height: 0;
}
.pds-box:after {
  clear: both;
}
.pds-question {
  font-size: 20px;
  font-size: 1.3333333333333333rem;
  font-weight: normal;
  color: #666666;
  border-bottom: 1px dotted #666666;
  padding: 0 0 .25em 0;
  clear: left;
}
.pds-question:empty {
  display: none;
}
.pds-answer-group,
.pds-answer {
  display: block;
  margin-bottom: .5em;
}
.pds-answer-input {
  margin-right: .5em;
}
.pds-vote {
  display: block;
  padding: .5em;
  text-align: center;
  border-top: 1px solid #d0d0d0;
}
.pds-vote-button {
  border-color: #3e992f;
  background-color: #6fce60 !important;
  color: #ffffff !important;
  background-color: #5cb94c;
  background-image: -moz-linear-gradient(top, #6fce60, #3e992f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6fce60), to(#3e992f));
  background-image: -webkit-linear-gradient(top, #6fce60, #3e992f);
  background-image: -o-linear-gradient(top, #6fce60, #3e992f);
  background-image: linear-gradient(to bottom, #6fce60, #3e992f);
  background-repeat: repeat-x;
}
.pds-vote-button:hover,
.pds-vote-button:focus,
.pds-vote-button:active,
.pds-vote-button.is-active {
  text-decoration: none;
  border-color: #6fce60;
  background-color: #3e992f;
  background-color: #52ae43;
  background-image: -moz-linear-gradient(top, #3e992f, #6fce60);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e992f), to(#6fce60));
  background-image: -webkit-linear-gradient(top, #3e992f, #6fce60);
  background-image: -o-linear-gradient(top, #3e992f, #6fce60);
  background-image: linear-gradient(to bottom, #3e992f, #6fce60);
  background-repeat: repeat-x;
}
.pds-links {
  display: block;
  padding-top: .5em;
}
.pds-links a {
  color: #262262;
}
/* = AddThis etc.
 ---------------------------------------------------------------------------*/
/* ****************************************************************************
   SOCIAL NETWORK styles (AddThis etc)
   ----------------------------------------------------------------------------
   @name:        /css/extra/social-networks.less
   @modified:    26/09/2013
   @author:      David Hund

   @description: (legacy) CSS for Social stuff such as icons, addThis, etc

   NOTE: Some of this is probably obsolete since we have our own share-icon-bar now...

   FIXME!

 =========================================================================== */
/* = STUFFZ
 --------------------------------------------------------------------------- */
/* BEGIN Social Links */
.addThis .addthis_button_email,
.addThis .print,
.social .rss {
  float: left;
  height: 30px;
  width: 34px;
  margin-right: .75em;
}
.addThis .addthis_button_email {
  background-image: url("/images/specific/ico-social.png");
  background-position: 0px -60px;
}
.addThis .addthis_button_email:hover {
  opacity: 0.8;
}
.addThis .addthis_button_email span {
  background: none repeat scroll 0 0 transparent;
}
.addThis .print {
  background-image: url("/images/specific/ico-social.png");
  background-position: 0px -30px;
  padding-left: 2px;
}
.addThis .print:hover {
  opacity: 0.8;
}
.social .rss {
  background-image: url("/images/specific/ico-social.png");
}
.addthis_default_style .IN-widget,
.addthis_default_style .addthis_button_google_plusone,
.addthis_default_style .addthis_button_facebook_like,
.addthis_default_style .twitter-share-button {
  line-height: 24px !important;
  min-height: 24px !important;
  vertical-align: middle;
  float: left;
  margin-top: 5px;
  margin-right: .75em;
  padding: 0;
}
.addthis_default_style .IN-widget {
  line-height: 17px !important;
  min-height: 17px !important;
}
/* END Social Links */
/*social-networks (BUTTONS on top of page)*/
.social-networks {
  float: right;
  list-style: none;
  display: inline-block;
  margin: .5em 0 .5em 1em;
}
.social-networks li {
  float: left;
}
.social-networks a {
  color: #666666 !important;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -999999em;
  text-decoration: none;
  margin-right: .2em;
}
.social-networks .google-plus {
  background: url("/images/googleplus.png") no-repeat;
  margin-top: .2em;
}
.social-networks .linkedin {
  background: url("/images/linkedin.png") no-repeat;
}
.social-networks .twitter {
  background: url("/images/twitter.png") no-repeat;
}
.social-networks .facebook {
  background: url("/images/facebook.png") no-repeat;
}
.social-networks .hyves {
  color: #666666 !important;
}
.social-networks .rss {
  color: #666666 !important;
}
.social-networks .mobiel {
  color: #666666 !important;
}
.social-networks .viadeo {
  color: #666666 !important;
}
.social-networks .youtube {
  background: url("/images/youtube.png") no-repeat;
}
.social-networks .connect {
  color: #666666 !important;
}
/* END Extra social-networks */
/* END Extra social-networks */
/* = Flexslider, carousel, carlide etc.
 ---------------------------------------------------------------------------*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0 !important;
  padding: 0 !important;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
/* load fix */
.flexslider .slides > li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* Hack for Fixing %-rounding issues on Fx, IE etc. */
/* margin-left: 1px; */
.slides li > * {
  border: 1px solid rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
}
/* FlexSlider Default Theme
*********************************/
.flexslider,
[data-carousel] {
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  font-size: 2em;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  margin: -1em 0 0;
  display: block;
  background: #000;
  color: #FFF;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  opacity: 0.2;
  -webkit-transition: all .3s ease;
}
.oldIE .flex-direction-nav a {
  filter: alpha(opacity=50);
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.flex-direction-nav .flex-prev {
  left: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
[data-carousel]:hover .flex-prev,
[data-carousel]:hover .flex-next {
  opacity: 0.3;
}
[data-carousel]:hover .flex-next:hover,
[data-carousel]:hover .flex-prev:hover {
  opacity: 0.7;
}
.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav li {
  position: relative;
}
.flex-control-nav {
  width: 100%;
  position: relative;
  bottom: 0 ;
  text-align: center;
  margin-top: .3em;
}
.flex-control-nav li {
  margin: 0 .25em;
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow: hidden;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #262262;
  background: #cbe7b6;
  cursor: pointer;
  text-indent: 999px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #7ac143;
}
.flex-control-paging li a.flex-active {
  background: #7ac143;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* specific location styling */
[data-carousel="article"] ol {
  text-align: right;
}
[data-carousel="article"] .flex-control-nav li {
  text-align: left;
}
.flex-viewport {
  z-index: 100;
}
/* header carousel loading fix */
li.carousel__item {
  display: none;
}
.l-header .flex-control-nav {
  width: 36%;
  float: right;
  line-height: 12px;
  text-align: center;
  background-color: #FFF;
  z-index: 100;
  position: relative;
  top: -1.58em;
  right: -0.9em;
}
/* = Styled Tables
 ---------------------------------------------------------------------------*/
/* ============================================================================
	.styled-table TABLES
	Add class .styled-table to a table and use proper thead and th els
	This makes use of @hoofdkleur to add coloring but could of course
	be overrided with e.g. extra classnames
============================================================================ */
table.styled-table {
  font: normal 13px/1.5 Arial, sans-serif;
  margin: 0 0 1.5em 0;
  width: 100%;
  background-color: #FFF;
  color: #333333;
  text-align: left;
  border: 1px solid rgba(41, 35, 92, 0.3);
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 0 0 1px 0;
}
table.styled-table caption {
  font-style: italic;
  color: #999999;
  text-align: left;
}
table.styled-table thead tr,
table.styled-table .thead,
table.styled-table thead th,
table.styled-table .thead th {
  background-color: rgba(41, 35, 92, 0.05);
  color: #29235c;
  font-weight: bold;
  border-bottom: 2px solid #29235c;
  border-bottom: 2px solid rgba(41, 35, 92, 0.2);
}
table.styled-table tr {
  border-bottom: 1px dotted rgba(41, 35, 92, 0.3);
}
table.styled-table tbody tr.alt,
table.styled-table tbody tr:nth-child(even) {
  background-color: rgba(41, 35, 92, 0.05);
  border-color: rgba(41, 35, 92, 0.2);
}
table.styled-table tbody tr:hover {
  border-bottom: 1px solid rgba(41, 35, 92, 0.2);
  color: #29235c;
}
table.styled-table #componentDivFullLogo tr:hover,
table.styled-table #componentDivIcon tr:hover {
  background-color: transparent !important;
}
table.styled-table caption,
table.styled-table th,
table.styled-table td {
  text-align: left;
  padding: .25em .5em;
}
table.styled-table th[scope="row"] {
  border-right: 1px solid #29235c;
  border-right: 1px solid rgba(41, 35, 92, 0.2);
  font-weight: bold;
}
table.styled-table tbody th,
table.styled-table td {
  font-weight: normal;
}
table.styled-table .up {
  color: #008000;
}
table.styled-table .equal {
  color: #d79f00;
}
table.styled-table .down {
  color: #cc0000;
}
table.styled-table .up.generated:after,
table.styled-table .equal.generated:after,
table.styled-table .down.generated:after {
  display: inline-block;
  content: "";
  font-size: 16px;
  width: .75em;
  text-align: center;
}
table.styled-table .up.generated:after {
  content: "▴";
}
table.styled-table .equal.generated:after {
  content: "=";
}
table.styled-table .down.generated:after {
  content: "▾";
}
/* = Directories specific styling
 ---------------------------------------------------------------------------*/
/* ****************************************************************************
   DIRECTORIES
   ----------------------------------------------------------------------------
   @name:        /css/extra/directories.less
   @modified:    24/07/2013
   @author:      David Hund

   @description: CSS for the Directories site/section

   NOTE:  ONLY add CSS that is SPECIFIC for Directories. 
          Generic styles are taken from the site CSS
 =========================================================================== */
/* = Directory MODULE X
 --------------------------------------------------------------------------- */
[data-category="category"],
[data-category="toplistingcategory"] {
  display: inline-block;
  vertical-align: middle;
}
[data-category="category"] {
  width: 1em;
}
[data-category="toplistingcategory"] {
  padding: 0 .45em;
  float: right;
  background-color: #29235c;
  font-weight: bold;
}
.list-company-products {
  margin-top: .35em;
  border-top: 1px solid #d0d0d0;
}
.list-company-products li {
  padding: 0.3333333333333333em 0;
  border-bottom: 1px solid #d0d0d0;
  font-weight: bold;
}
.list-company-products ul {
  margin: 0.33333333em 0 -0.33333333em 0;
  padding: 0;
  border-top: 1px solid #d0d0d0;
  display: none;
}
.list-company-products ul li {
  font-weight: normal;
}
.list-company-products ul li:last-child,
.list-company-products ul li.last-child {
  border-bottom: 0;
}
.list-company-products ul li span {
  padding-left: 1em;
}
.list-company-products ul li li span {
  padding-left: 2em;
}
.list-company-products ul:empty {
  display: none;
}
.list-company-products .label--category,
.list-company-products .has--subs__label {
  cursor: pointer;
}
.list-company-products .label--category:hover,
.list-company-products .has--subs__label:hover {
  color: #29235c;
}
.list-company-products .label--category:before,
.list-company-products .has--subs__label:before {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  margin-right: 0;
  content: " ";
  width: 1em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
}
.list-company-products .label--category.is-not-empty:before,
.list-company-products .has--subs__label.is-not-empty:before {
  content: "\e041";
}
.list-company-products .label--category.is-open:before,
.list-company-products .has--subs__label.is-open:before {
  content: "\e043";
}
.form--wide label > span[disabled] {
  min-width: inherit;
  font-weight: normal;
  color: grey;
}
.form--wide [data-section-expand] {
  display: none;
}
a.collapsible-trigger {
  margin: .25em 0;
  padding: .25em 0;
  display: block;
  text-align: center;
  font-weight: bold;
  border-top: 1px dotted #d0d0d0;
  text-decoration: none;
  color: #29235c;
}
a.collapsible-trigger:after,
a.collapsible-trigger.is-hidden:after {
  margin-left: .5em;
  vertical-align: inherit;
}
a.collapsible-trigger:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e042";
}
a.collapsible-trigger.is-hidden:after {
  font-family: 'rbi-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: visible;
  content: "\e043";
}
.collapsible {
  margin-top: 1em;
  margin-bottom: .25em;
  padding-bottom: 1em;
  max-height: 500em;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.collapsible.is-hidden {
  max-height: 0;
  padding: 0;
}
/* = PressRelesases Is Inactive - Helper
--------------------------------------------------------------------------- */
.list-mypressreleases .is-inactive {
  padding: .6665em !important;
  border: 1px solid #d0d0d0 !important;
  margin-top: -1px;
}
.list-mypressreleases .is-inactive .contain {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.list-mypressreleases .is-inactive .contain,
.list-mypressreleases .is-inactive a,
.list-mypressreleases .is-inactive .label {
  color: #666666 !important;
}
.list-mypressreleases .is-inactive a.btn--flat {
  color: #ffffff !important;
}
/* = Social platform specific styling
 ---------------------------------------------------------------------------*/
/* ****************************************************************************
   SOCIAL ('link')
   ----------------------------------------------------------------------------
   @name:        /css/extra/social.less
   @modified:    24/07/2013
   @author:      David Hund

   @description: CSS for the Social ('Link') site/section

   NOTE:  ONLY add CSS that is SPECIFIC for Social. 
          Generic styles are taken from the site CSS

   CONTENTS:
   			0. Carousel(s)
   			1. TIMELINE
   			2. FADING
   			3. SPONSORS
 =========================================================================== */
[data-carousel="socialHome"] {
  margin-bottom: 1em;
}
/* = Social TIMELINE
 --------------------------------------------------------------------------- */
.social-timeline {
  text-transform: none;
  margin-left: 0;
  padding: 0;
  list-style: none;
  position: relative;
  padding-left: 1.5em;
  margin-left: 1em;
}
.social-timeline li {
  display: list-item;
}
.social-timeline > li {
  display: block;
  padding: 0.6665em 0;
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.social-timeline > li:last-child {
  padding-bottom: 0;
  border-bottom-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.social-timeline li > a {
  display: block;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.social-timeline .promoted {
  padding-bottom: 0.6665em;
  border-bottom: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  background-color: #fcf8e3;
  margin: -0.5em;
  margin-bottom: .5em;
  padding: 0.5em;
}
.social-timeline .promoted dd a {
  color: #29235c;
}
.social-timeline .promoted.last-child {
  margin-bottom: 0;
}
.social-timeline li {
  position: relative;
}
.social-timeline a {
  display: inline;
}
.social-timeline:before,
.social-timeline li:before {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  content: "";
  position: absolute;
  background-color: #d0d0d0;
  color: #d0d0d0;
}
.social-timeline:before {
  width: 2px;
  top: 2em;
  left: -2px;
  bottom: 0;
}
.social-timeline li:before {
  width: 12px;
  height: 12px;
  left: -1.95em;
  top: 1.75em;
  border-radius: 1em;
}
.social-timeline li:hover:before {
  background-color: #666666;
}
.social-timeline .meta {
  *zoom: 1;
}
.social-timeline .meta:before,
.social-timeline .meta:after {
  content: " ";
  display: table;
  line-height: 0;
}
.social-timeline .meta:after {
  clear: both;
}
.social-timeline .meta .label {
  float: left;
}
.social-timeline .meta .btn--flat {
  float: right;
}
.social-timeline .meta .comment-count {
  margin-left: .75em;
}
.social-timeline__author {
  color: #262262 !important;
  margin-right: .5em;
}
/* Social Answer Blocks */
.smallitem .h2 {
  margin-bottom: .25em;
}
.subgroup {
  display: block;
  font-size: 22px;
  font-size: 1.4666666666666666rem;
  font-weight: normal;
  color: #262262;
}
.subgroup .is-active {
  color: #262262;
}
/* = FADING
 --------------------------------------------------------------------------- */
/* huidige berichten uitgrijzen */
.to-faded {
  opacity: 0.5;
  transition: opacity 0.85s ease-in-out;
  -moz-transition: opacity 0.85s ease-in-out;
  -webkit-transition: opacity 0.85s ease-in-out;
}
.to-faded * {
  *zoom: 1;
  *color: #877b7b;
  color: #877b7b \9;
}
.to-faded .btn--flat {
  *background-color: #29235c;
  background-color: #29235c \9;
}
.to-faded .label {
  *color: #29235c;
  color: #29235c \9;
}
/* buitenste div om de timeline mag niet groter worden, anders verandert flow van de pagina */
.timeline {
  overflow: hidden;
}
/* default instellingen voor de overlay: niet zichtbaar, geen hoogte */
.overlay {
  opacity: 0.0;
  padding: 10px;
  height: 0px;
}
/* hoogte toevoegen aan overlay */
.to-height {
  height: 48px;
  transition: height 0.5s linear 0s;
  -moz-transition: height 0.5s linear 0s;
  -webkit-transition: height 0.5s linear 0s;
}
/* tekst in de overlay tonen */
.to-visible {
  opacity: 1.0;
  transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -webkit-transition: opacity 0.8s ease-in-out;
}
/* = Advertisement Sponsors
 --------------------------------------------------------------------------- */
.sponsors {
  padding: 0 16px;
  text-align: center;
}
.sponsors .hd-section {
  text-align: left;
}
.sponsors img {
  display: inline-block;
  margin: .5em;
}
/* Best answer at discussions and questions*/
.verified-answer {
  border: 2px solid #29235c !important;
  padding: 0.5em;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.verified-answers {
  border: 2px solid #29235c !important;
  padding: 0.5em;
}
.threadAnswer-acceptedTitle {
  height: 40px;
  background-color: #29235c;
}
.threadAnswer-acceptedTitle h3 {
  color: #ffffff;
  display: inline-block;
  margin-left: 1em;
  margin-top: 7px;
}
/* Like Button*/
.likebtn-complete {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.thumbsup {
  position: relative;
}
.is-hidden {
  display: none;
}
.hover-up {
  width: 100%;
  min-width: 240px;
  position: absolute;
  bottom: 3.5em;
  left: -150px;
  z-index: 4567890;
  margin-bottom: 0;
  font-size: 0.7rem;
}
.react-count {
  cursor: pointer;
  margin-right: .5em;
}
.slides .react-count:hover {
  text-decoration: none;
  cursor: default;
}
.react-count:hover {
  text-decoration: underline;
}
.test {
  border: 1px solid red;
  background-color: #F00;
}
/* = TEMP PRE RWD Styles
   @name:        pre-rwd.styles.less
   @description: Imports former pre-rwd.styles.less

                 This files should be deleted when possible
 --------------------------------------------------------------------------- */
/* = SITE
   @name:        site.less
   @description: Site Specific styles (logo etc.)
                 If needed site specific extra Media Queries should be added!
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   SITE specific overrides
   ----------------------------------------------------------------------------
   @name:        /css/imports/site.less
   @modified:    21/08/2013
   @author:      DH/JB

   @description: Site specific styles/overrides

   @contents:
                 1  XX

 =========================================================================== */
/* = Do we need Flags sprite? (for int. sites)
 ---------------------------------------------------------------------------*/
/*@import "extra/direct-link/flags.less";*/
/* = XX
 --------------------------------------------------------------------------- */
.logo__img {
  background-color: transparent;
  background-image: url('/Global/Logo.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top: -3px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
  .logo__img {
    background-image: url('/Global/Logo_2x.png');
    background-size: 288px 75px;
  }
}
.logo-mobile {
  margin-top: 3px;
  background-size: 144px 37.5px;
  background-color: transparent;
  background-image: url('/Global/logo.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
@media only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
  .logo-mobile {
    background-image: url('/Global/logo_2x.png');
    background-size: 144px 37.5px;
  }
}
/* = PRINT
   @name:        print.less
   @description: Print styles
 --------------------------------------------------------------------------- */
@media print {
  /* ****************************************************************************
   PRINT
   ----------------------------------------------------------------------------
   @name:        /css/imports/print.less
   @modified:    18/04/2013
   @author:      DH

   @description: Print Less Styles Only!
                 Inspired by:
                 - http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
                 - http://alistapart.com/article/improvingprint

   @contents:
                 1  Hide stuff
                 2  Page setup
                 3  Hyperlinks

IMPORTS settings.less because print.less is compiled alone */
  /*
 =========================================================================== */
  html {
    font-family: sans-serif;
    font-size: 12pt;
    background: #FFF;
    color: #000;
    margin: 1em 2em;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
    font-size: 14pt;
    margin: 0 0 .25em 0;
  }
  h1,
  .logo {
    font-size: 24pt;
  }
  h2 {
    font-size: 18pt;
  }
  h3 {
    font-size: 16pt;
  }
  /* = HIDING unnecessary elements
 --------------------------------------------------------------------------- */
  .nav,
  nav,
  .social-share,
  .nav--breadcrumb,
  .is-narrow-only,
  form form,
  .form,
  .comment-form,
  .l-unit-search,
  .toplinks,
  .services-bar,
  .l-unit-search,
  .l-unit-promotion,
  .l-unit-profile .btn-bar,
  .l-header-mobile,
  .menu__main,
  .menu__services,
  .flex-control-nav,
  .flex-direction-nav,
  .btn-bar,
  .profileTabs,
  .comment__moderation,
  .ad,
  #promo,
  .banner,
  .PDS_Poll,
  .addThis,
  .likebtn-complete,
  .l-footer,
  #sidebar {
    display: none;
  }
  .media-list,
  .list-stacked,
  .slides {
    list-style: none;
    padding: 0;
  }
  .media-list > li,
  .list-stacked > li,
  .media {
    overflow: hidden;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #DDD;
  }
  .media {
    clear: both;
  }
  .media__img,
  figure {
    float: left;
    margin: 0 1em .5em 0;
  }
  .media__body {
    overflow: hidden;
    padding: 1em 0;
  }
  .media-list .media {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  figure,
  .figure {
    margin-top: 1em;
  }
  .slides {
    overflow: hidden;
  }
  .slides li {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
    width: 30% !important;
    margin: 0 1em 1em 0 !important;
    padding: 0 !important;
  }
  .slides li img {
    max-width: 100%;
  }
  .taglist {
    padding: 0;
  }
  .taglist li {
    display: inline-block;
    margin-right: 1em;
    font-weight: bold;
    font-style: italic;
  }
  time,
  .date {
    color: #999;
    font-style: italic;
  }
  .list-comments .date {
    float: right;
  }
  .comment__author {
    float: left;
  }
  .comment__text {
    clear: both;
    padding-top: 1em;
  }
  .view-count,
  .comment-count,
  .label,
  .author,
  .date {
    margin-right: .5em;
    color: #999;
  }
  .view-count:before {
    content: "views: ";
  }
  .comment-count:before {
    content: "comments: ";
  }
  .label:before {
    content: "label: ";
  }
  /* = PAGE LAYOUT
 --------------------------------------------------------------------------- */
  @page {
    margin: 0.5cm 1cm;
  }
  .l-unit-logo,
  .l-footer-rights {
    text-align: center;
    padding: 1em;
    border-bottom: .2em solid #000;
    margin-bottom: 2em;
  }
  .l-footer-rights {
    border-bottom: none;
    border-top: .2em solid #000;
    margin-top: 2em;
  }
  .l-unit-profile {
    border: 1px solid #DDD;
    width: 25%;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
  }
  .l-unit-profile .media,
  .l-unit-profile .media__body {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .date--in-hd {
    float: right;
  }
  /* = HYPERLINKS
 --------------------------------------------------------------------------- */
  a {
    color: #262262;
    text-decoration: none;
    word-break: break-all;
  }
  p a {
    word-wrap: break-word;
  }
  .qrcode {
    display: block;
    margin: 0 auto;
  }
}