@charset "UTF-8";
/* compass utils */
/* base framework */
/***********************************************/
/**********		Colors				  **********/
/***********************************************/
/* Base */
/* NIN */
/* Backgrounds */
/* Texts */
/* Borders */
/* footer  */
/* Slider  */
/* Forms */
/* Table  */
/***********************************************/
/**********		Widths				  **********/
/***********************************************/
/***********************************************/
/**********		Breakpoints			  **********/
/***********************************************/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: Helvetica, Arial, sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

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

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

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

/*
 * Prevents `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
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses 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. Corrects 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. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses 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 */
}

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves 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 */
  -moz-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/*
 * Removes 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;
  -moz-appearance: none;
}

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

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves 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;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Clear defaults list styles
 */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

/* ==========================================================================
   Blockquotes
   ========================================================================== */
blockquote {
  margin: 0;
}

cite {
  font-style: normal;
}

/* ==========================================================================
   Titles
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* sprites */
.icons-social-sprite, .icons-social-icon-fb, .icons-social-icon-google, .icons-social-icon-pinterest, .icons-social-icon-twitter {
  background-image: url('../images/generated/icons-social-s7da6e27778.png');
  background-repeat: no-repeat;
}

.icons-social-icon-fb {
  background-position: 0 0;
}

.icons-social-icon-google {
  background-position: 0 -14px;
}

.icons-social-icon-pinterest {
  background-position: 0 -28px;
}

.icons-social-icon-twitter {
  background-position: 0 -42px;
}

.icons-bt-sprite, .icons-bt-back, .icons-bt-backblue, .icons-bt-call, .icons-bt-chat, .icons-bt-email, .icons-bt-search, .button-search:before, .contact-call:before, .contact-chat:before, .contact-email:before, .button-back:before, .button-backblue:before {
  background-image: url('../images/generated/icons-bt-s9f0f95ca06.png');
  background-repeat: no-repeat;
}

.icons-bt-back {
  background-position: 0 0;
}

.icons-bt-backblue {
  background-position: 0 -10px;
}

.icons-bt-call {
  background-position: 0 -20px;
}

.icons-bt-chat {
  background-position: 0 -38px;
}

.icons-bt-email {
  background-position: 0 -53px;
}

.icons-bt-search {
  background-position: 0 -65px;
}

.icons-utils-sprite, .icons-utils-bookmark-remove, .icons-utils-fav, .icons-utils-info, .icons-utils-print, .icons-utils-share {
  background-image: url('../images/generated/icons-utils-s85fe61423e.png');
  background-repeat: no-repeat;
}

.icons-utils-bookmark-remove {
  background-position: 0 0;
}

.icons-utils-fav {
  background-position: 0 -30px;
}

.icons-utils-info {
  background-position: 0 -70px;
}

.icons-utils-print {
  background-position: 0 -110px;
}

.icons-utils-share {
  background-position: 0 -150px;
}

.icons-profile-sprite, .icons-profile-coupons, .icons-profile-edit, .icons-profile-fav, .icons-profile-members, .icons-profile-offers, .icons-profile-settings {
  background-image: url('../images/generated/icons-profile-sfcf1aaf22b.png');
  background-repeat: no-repeat;
}

.icons-profile-coupons {
  background-position: 0 0;
}

.icons-profile-edit {
  background-position: 0 -54px;
}

.icons-profile-fav {
  background-position: 0 -74px;
}

.icons-profile-members {
  background-position: 0 -154px;
}

.icons-profile-offers {
  background-position: 0 -204px;
}

.icons-profile-settings {
  background-position: 0 -264px;
}

/* site utils */
body,
#header h2 {
  font-family: Arial, sans-serif;
}

/*
	From Typography.com
	font-family: 'Gotham', sans-serif;
*/
.gotham,
.article-takeaways h2,
#topbar .button,
#topbar #search input[type="submit"],
#search #topbar input[type="submit"],
#topbar .search-form input[type="submit"],
.search-form #topbar input[type="submit"],
#registration-cover .button,
#registration-cover #search input[type="submit"],
#search #registration-cover input[type="submit"],
#registration-cover .search-form input[type="submit"],
.search-form #registration-cover input[type="submit"],
.button-fb,
.article-content .button,
.article-content #search input[type="submit"],
#search .article-content input[type="submit"],
.article-content .search-form input[type="submit"],
.search-form .article-content input[type="submit"],
.button-border,
.actions a,
.contact-nav a,
.days,
#shsh-header-page li {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/*
	From Fonts.com
	font-family: 'VAG Rounded W01 Light', sans-serif;
*/
.vag,
header nav,
.button-action, .button-action-middle, #search input[type="submit"], .search-form input[type="submit"],
#layer-loader,
#ui-date-picker {
  font-family: 'VAG Rounded W01 Light', Arial, sans-serif;
}

/* Not needed with compass */
/*
@mixin radius($radius){
    -ms-border-radius: $radius;
    -moz-border-radius: $radius;
    -webkit-border-radius: $radius;
    border-radius: $radius;
}
@mixin box-sizing($type: border-box) {
    box-sizing: $type;
    -o-box-sizing: $type;
    -ms-box-sizing: $type;
    -moz-box-sizing: $type;
    -webkit-box-sizing: $type;
}
@mixin box-shadow($x: 0, $y: 0, $radius: 4px, $spread: 0, $color: rgba(0,0,0,0.5)) {
    -o-box-shadow: $x $y $radius $spread $color;
    -ms-box-shadow: $x $y $radius $spread $color;
    -moz-box-shadow: $x $y $radius $spread $color;
    -webkit-box-shadow: $x $y $radius $spread $color;
    box-shadow: $x $y $radius $spread $color;
}
@mixin opacity($opac) {
    filter: alpha(opacity=$opac * 100);
    -ms-filter: alpha(opacity=$opac * 100);
    -moz-opacity: $opac;
    -webkit-opacity: $opac;
    opacity: $opac;
}
*/
.row, .article-teaser-big,
.mobile-app-teaser-big,
.product-teaser-big,
.service-teaser-big,
.tool-teaser-big, .product-full .product, .article-full.stage .stage-content {
  margin: 0 auto;
  max-width: 1096px;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row .col-first, .article-teaser-big .col-first,
.mobile-app-teaser-big .col-first,
.product-teaser-big .col-first,
.service-teaser-big .col-first,
.tool-teaser-big .col-first, .product-full .product .col-first, .article-full.stage .stage-content .col-first,
.row .col:first-child,
.article-teaser-big .col:first-child,
.mobile-app-teaser-big .col:first-child,
.product-teaser-big .col:first-child,
.service-teaser-big .col:first-child,
.tool-teaser-big .col:first-child,
.product-full .product .col:first-child,
.article-full.stage .stage-content .col:first-child,
.row .article-teaser-big .article-illu:first-child,
.article-teaser-big .row .article-illu:first-child,
.article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .article-teaser-big .article-illu:first-child,
.article-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .article-teaser-big .article-illu:first-child,
.article-teaser-big .product-teaser-big .article-illu:first-child,
.service-teaser-big .article-teaser-big .article-illu:first-child,
.article-teaser-big .service-teaser-big .article-illu:first-child,
.tool-teaser-big .article-teaser-big .article-illu:first-child,
.article-teaser-big .tool-teaser-big .article-illu:first-child,
.product-full .product .article-teaser-big .article-illu:first-child,
.article-teaser-big .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .article-teaser-big .article-illu:first-child,
.article-teaser-big .article-full.stage .stage-content .article-illu:first-child,
.row .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .row .article-illu:first-child,
.article-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .product-teaser-big .article-illu:first-child,
.service-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .service-teaser-big .article-illu:first-child,
.tool-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .tool-teaser-big .article-illu:first-child,
.product-full .product .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .mobile-app-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .article-full.stage .stage-content .article-illu:first-child,
.row .product-teaser-big .article-illu:first-child,
.product-teaser-big .row .article-illu:first-child,
.article-teaser-big .product-teaser-big .article-illu:first-child,
.product-teaser-big .article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .product-teaser-big .article-illu:first-child,
.product-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .article-illu:first-child,
.service-teaser-big .product-teaser-big .article-illu:first-child,
.product-teaser-big .service-teaser-big .article-illu:first-child,
.tool-teaser-big .product-teaser-big .article-illu:first-child,
.product-teaser-big .tool-teaser-big .article-illu:first-child,
.product-full .product .product-teaser-big .article-illu:first-child,
.product-teaser-big .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .product-teaser-big .article-illu:first-child,
.product-teaser-big .article-full.stage .stage-content .article-illu:first-child,
.row .service-teaser-big .article-illu:first-child,
.service-teaser-big .row .article-illu:first-child,
.article-teaser-big .service-teaser-big .article-illu:first-child,
.service-teaser-big .article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .service-teaser-big .article-illu:first-child,
.service-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .service-teaser-big .article-illu:first-child,
.service-teaser-big .product-teaser-big .article-illu:first-child,
.service-teaser-big .article-illu:first-child,
.tool-teaser-big .service-teaser-big .article-illu:first-child,
.service-teaser-big .tool-teaser-big .article-illu:first-child,
.product-full .product .service-teaser-big .article-illu:first-child,
.service-teaser-big .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .service-teaser-big .article-illu:first-child,
.service-teaser-big .article-full.stage .stage-content .article-illu:first-child,
.row .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .row .article-illu:first-child,
.article-teaser-big .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .product-teaser-big .article-illu:first-child,
.service-teaser-big .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .service-teaser-big .article-illu:first-child,
.tool-teaser-big .article-illu:first-child,
.product-full .product .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .tool-teaser-big .article-illu:first-child,
.tool-teaser-big .article-full.stage .stage-content .article-illu:first-child,
.row .article-teaser-big .article-header:first-child,
.article-teaser-big .row .article-header:first-child,
.article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .article-teaser-big .article-header:first-child,
.article-teaser-big .mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .article-teaser-big .article-header:first-child,
.article-teaser-big .product-teaser-big .article-header:first-child,
.service-teaser-big .article-teaser-big .article-header:first-child,
.article-teaser-big .service-teaser-big .article-header:first-child,
.tool-teaser-big .article-teaser-big .article-header:first-child,
.article-teaser-big .tool-teaser-big .article-header:first-child,
.product-full .product .article-teaser-big .article-header:first-child,
.article-teaser-big .product-full .product .article-header:first-child,
.article-full.stage .stage-content .article-teaser-big .article-header:first-child,
.article-teaser-big .article-full.stage .stage-content .article-header:first-child,
.row .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .row .article-header:first-child,
.article-teaser-big .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .product-teaser-big .article-header:first-child,
.service-teaser-big .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .service-teaser-big .article-header:first-child,
.tool-teaser-big .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .tool-teaser-big .article-header:first-child,
.product-full .product .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .product-full .product .article-header:first-child,
.article-full.stage .stage-content .mobile-app-teaser-big .article-header:first-child,
.mobile-app-teaser-big .article-full.stage .stage-content .article-header:first-child,
.row .product-teaser-big .article-header:first-child,
.product-teaser-big .row .article-header:first-child,
.article-teaser-big .product-teaser-big .article-header:first-child,
.product-teaser-big .article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .product-teaser-big .article-header:first-child,
.product-teaser-big .mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .article-header:first-child,
.service-teaser-big .product-teaser-big .article-header:first-child,
.product-teaser-big .service-teaser-big .article-header:first-child,
.tool-teaser-big .product-teaser-big .article-header:first-child,
.product-teaser-big .tool-teaser-big .article-header:first-child,
.product-full .product .product-teaser-big .article-header:first-child,
.product-teaser-big .product-full .product .article-header:first-child,
.article-full.stage .stage-content .product-teaser-big .article-header:first-child,
.product-teaser-big .article-full.stage .stage-content .article-header:first-child,
.row .service-teaser-big .article-header:first-child,
.service-teaser-big .row .article-header:first-child,
.article-teaser-big .service-teaser-big .article-header:first-child,
.service-teaser-big .article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .service-teaser-big .article-header:first-child,
.service-teaser-big .mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .service-teaser-big .article-header:first-child,
.service-teaser-big .product-teaser-big .article-header:first-child,
.service-teaser-big .article-header:first-child,
.tool-teaser-big .service-teaser-big .article-header:first-child,
.service-teaser-big .tool-teaser-big .article-header:first-child,
.product-full .product .service-teaser-big .article-header:first-child,
.service-teaser-big .product-full .product .article-header:first-child,
.article-full.stage .stage-content .service-teaser-big .article-header:first-child,
.service-teaser-big .article-full.stage .stage-content .article-header:first-child,
.row .tool-teaser-big .article-header:first-child,
.tool-teaser-big .row .article-header:first-child,
.article-teaser-big .tool-teaser-big .article-header:first-child,
.tool-teaser-big .article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .tool-teaser-big .article-header:first-child,
.tool-teaser-big .mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .tool-teaser-big .article-header:first-child,
.tool-teaser-big .product-teaser-big .article-header:first-child,
.service-teaser-big .tool-teaser-big .article-header:first-child,
.tool-teaser-big .service-teaser-big .article-header:first-child,
.tool-teaser-big .article-header:first-child,
.product-full .product .tool-teaser-big .article-header:first-child,
.tool-teaser-big .product-full .product .article-header:first-child,
.article-full.stage .stage-content .tool-teaser-big .article-header:first-child,
.tool-teaser-big .article-full.stage .stage-content .article-header:first-child,
.row .article-teaser:first-child,
.article-teaser-big .article-teaser:first-child,
.mobile-app-teaser-big .article-teaser:first-child,
.product-teaser-big .article-teaser:first-child,
.service-teaser-big .article-teaser:first-child,
.tool-teaser-big .article-teaser:first-child,
.product-full .product .article-teaser:first-child,
.article-full.stage .stage-content .article-teaser:first-child,
.row .coupon-teaser:first-child,
.article-teaser-big .coupon-teaser:first-child,
.mobile-app-teaser-big .coupon-teaser:first-child,
.product-teaser-big .coupon-teaser:first-child,
.service-teaser-big .coupon-teaser:first-child,
.tool-teaser-big .coupon-teaser:first-child,
.product-full .product .coupon-teaser:first-child,
.article-full.stage .stage-content .coupon-teaser:first-child,
.row .mobile-app-teaser:first-child,
.article-teaser-big .mobile-app-teaser:first-child,
.mobile-app-teaser-big .mobile-app-teaser:first-child,
.product-teaser-big .mobile-app-teaser:first-child,
.service-teaser-big .mobile-app-teaser:first-child,
.tool-teaser-big .mobile-app-teaser:first-child,
.product-full .product .mobile-app-teaser:first-child,
.article-full.stage .stage-content .mobile-app-teaser:first-child,
.row .product-teaser:first-child,
.article-teaser-big .product-teaser:first-child,
.mobile-app-teaser-big .product-teaser:first-child,
.product-teaser-big .product-teaser:first-child,
.service-teaser-big .product-teaser:first-child,
.tool-teaser-big .product-teaser:first-child,
.product-full .product .product-teaser:first-child,
.article-full.stage .stage-content .product-teaser:first-child,
.row .sample-teaser:first-child,
.article-teaser-big .sample-teaser:first-child,
.mobile-app-teaser-big .sample-teaser:first-child,
.product-teaser-big .sample-teaser:first-child,
.service-teaser-big .sample-teaser:first-child,
.tool-teaser-big .sample-teaser:first-child,
.product-full .product .sample-teaser:first-child,
.article-full.stage .stage-content .sample-teaser:first-child,
.row .service-teaser:first-child,
.article-teaser-big .service-teaser:first-child,
.mobile-app-teaser-big .service-teaser:first-child,
.product-teaser-big .service-teaser:first-child,
.service-teaser-big .service-teaser:first-child,
.tool-teaser-big .service-teaser:first-child,
.product-full .product .service-teaser:first-child,
.article-full.stage .stage-content .service-teaser:first-child,
.row .tool-teaser:first-child,
.article-teaser-big .tool-teaser:first-child,
.mobile-app-teaser-big .tool-teaser:first-child,
.product-teaser-big .tool-teaser:first-child,
.service-teaser-big .tool-teaser:first-child,
.tool-teaser-big .tool-teaser:first-child,
.product-full .product .tool-teaser:first-child,
.article-full.stage .stage-content .tool-teaser:first-child,
.row .article-full .article-illu:first-child,
.article-full .row .article-illu:first-child,
.article-teaser-big .article-full .article-illu:first-child,
.article-full .article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .article-full .article-illu:first-child,
.article-full .mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .article-full .article-illu:first-child,
.article-full .product-teaser-big .article-illu:first-child,
.service-teaser-big .article-full .article-illu:first-child,
.article-full .service-teaser-big .article-illu:first-child,
.tool-teaser-big .article-full .article-illu:first-child,
.article-full .tool-teaser-big .article-illu:first-child,
.product-full .product .article-full .article-illu:first-child,
.article-full .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .article-illu:first-child,
.row .node--blog--full .article-illu:first-child,
.node--blog--full .row .article-illu:first-child,
.article-teaser-big .node--blog--full .article-illu:first-child,
.node--blog--full .article-teaser-big .article-illu:first-child,
.mobile-app-teaser-big .node--blog--full .article-illu:first-child,
.node--blog--full .mobile-app-teaser-big .article-illu:first-child,
.product-teaser-big .node--blog--full .article-illu:first-child,
.node--blog--full .product-teaser-big .article-illu:first-child,
.service-teaser-big .node--blog--full .article-illu:first-child,
.node--blog--full .service-teaser-big .article-illu:first-child,
.tool-teaser-big .node--blog--full .article-illu:first-child,
.node--blog--full .tool-teaser-big .article-illu:first-child,
.product-full .product .node--blog--full .article-illu:first-child,
.node--blog--full .product-full .product .article-illu:first-child,
.article-full.stage .stage-content .node--blog--full .article-illu:first-child,
.node--blog--full .article-full.stage .stage-content .article-illu:first-child,
.row .article-full .article-header:first-child,
.article-full .row .article-header:first-child,
.article-teaser-big .article-full .article-header:first-child,
.article-full .article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .article-full .article-header:first-child,
.article-full .mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .article-full .article-header:first-child,
.article-full .product-teaser-big .article-header:first-child,
.service-teaser-big .article-full .article-header:first-child,
.article-full .service-teaser-big .article-header:first-child,
.tool-teaser-big .article-full .article-header:first-child,
.article-full .tool-teaser-big .article-header:first-child,
.product-full .product .article-full .article-header:first-child,
.article-full .product-full .product .article-header:first-child,
.article-full.stage .stage-content .article-header:first-child,
.row .node--blog--full .article-header:first-child,
.node--blog--full .row .article-header:first-child,
.article-teaser-big .node--blog--full .article-header:first-child,
.node--blog--full .article-teaser-big .article-header:first-child,
.mobile-app-teaser-big .node--blog--full .article-header:first-child,
.node--blog--full .mobile-app-teaser-big .article-header:first-child,
.product-teaser-big .node--blog--full .article-header:first-child,
.node--blog--full .product-teaser-big .article-header:first-child,
.service-teaser-big .node--blog--full .article-header:first-child,
.node--blog--full .service-teaser-big .article-header:first-child,
.tool-teaser-big .node--blog--full .article-header:first-child,
.node--blog--full .tool-teaser-big .article-header:first-child,
.product-full .product .node--blog--full .article-header:first-child,
.node--blog--full .product-full .product .article-header:first-child,
.article-full.stage .stage-content .node--blog--full .article-header:first-child,
.node--blog--full .article-full.stage .stage-content .article-header:first-child,
.row .article-full .article-aside:first-child,
.article-full .row .article-aside:first-child,
.article-teaser-big .article-full .article-aside:first-child,
.article-full .article-teaser-big .article-aside:first-child,
.mobile-app-teaser-big .article-full .article-aside:first-child,
.article-full .mobile-app-teaser-big .article-aside:first-child,
.product-teaser-big .article-full .article-aside:first-child,
.article-full .product-teaser-big .article-aside:first-child,
.service-teaser-big .article-full .article-aside:first-child,
.article-full .service-teaser-big .article-aside:first-child,
.tool-teaser-big .article-full .article-aside:first-child,
.article-full .tool-teaser-big .article-aside:first-child,
.product-full .product .article-full .article-aside:first-child,
.article-full .product-full .product .article-aside:first-child,
.article-full.stage .stage-content .article-aside:first-child,
.row .node--blog--full .article-aside:first-child,
.node--blog--full .row .article-aside:first-child,
.article-teaser-big .node--blog--full .article-aside:first-child,
.node--blog--full .article-teaser-big .article-aside:first-child,
.mobile-app-teaser-big .node--blog--full .article-aside:first-child,
.node--blog--full .mobile-app-teaser-big .article-aside:first-child,
.product-teaser-big .node--blog--full .article-aside:first-child,
.node--blog--full .product-teaser-big .article-aside:first-child,
.service-teaser-big .node--blog--full .article-aside:first-child,
.node--blog--full .service-teaser-big .article-aside:first-child,
.tool-teaser-big .node--blog--full .article-aside:first-child,
.node--blog--full .tool-teaser-big .article-aside:first-child,
.product-full .product .node--blog--full .article-aside:first-child,
.node--blog--full .product-full .product .article-aside:first-child,
.article-full.stage .stage-content .node--blog--full .article-aside:first-child,
.node--blog--full .article-full.stage .stage-content .article-aside:first-child,
.row .article-full .article-content:first-child,
.article-full .row .article-content:first-child,
.article-teaser-big .article-full .article-content:first-child,
.article-full .article-teaser-big .article-content:first-child,
.mobile-app-teaser-big .article-full .article-content:first-child,
.article-full .mobile-app-teaser-big .article-content:first-child,
.product-teaser-big .article-full .article-content:first-child,
.article-full .product-teaser-big .article-content:first-child,
.service-teaser-big .article-full .article-content:first-child,
.article-full .service-teaser-big .article-content:first-child,
.tool-teaser-big .article-full .article-content:first-child,
.article-full .tool-teaser-big .article-content:first-child,
.product-full .product .article-full .article-content:first-child,
.article-full .product-full .product .article-content:first-child,
.article-full.stage .stage-content .article-content:first-child,
.row .node--blog--full .article-content:first-child,
.node--blog--full .row .article-content:first-child,
.article-teaser-big .node--blog--full .article-content:first-child,
.node--blog--full .article-teaser-big .article-content:first-child,
.mobile-app-teaser-big .node--blog--full .article-content:first-child,
.node--blog--full .mobile-app-teaser-big .article-content:first-child,
.product-teaser-big .node--blog--full .article-content:first-child,
.node--blog--full .product-teaser-big .article-content:first-child,
.service-teaser-big .node--blog--full .article-content:first-child,
.node--blog--full .service-teaser-big .article-content:first-child,
.tool-teaser-big .node--blog--full .article-content:first-child,
.node--blog--full .tool-teaser-big .article-content:first-child,
.product-full .product .node--blog--full .article-content:first-child,
.node--blog--full .product-full .product .article-content:first-child,
.article-full.stage .stage-content .node--blog--full .article-content:first-child,
.node--blog--full .article-full.stage .stage-content .article-content:first-child,
.row .product-full .product-illu:first-child,
.product-full .row .product-illu:first-child,
.article-teaser-big .product-full .product-illu:first-child,
.product-full .article-teaser-big .product-illu:first-child,
.mobile-app-teaser-big .product-full .product-illu:first-child,
.product-full .mobile-app-teaser-big .product-illu:first-child,
.product-teaser-big .product-full .product-illu:first-child,
.product-full .product-teaser-big .product-illu:first-child,
.service-teaser-big .product-full .product-illu:first-child,
.product-full .service-teaser-big .product-illu:first-child,
.tool-teaser-big .product-full .product-illu:first-child,
.product-full .tool-teaser-big .product-illu:first-child,
.product-full .product .product-illu:first-child,
.article-full.stage .stage-content .product-full .product-illu:first-child,
.product-full .article-full.stage .stage-content .product-illu:first-child,
.row .product-full .product-header:first-child,
.product-full .row .product-header:first-child,
.article-teaser-big .product-full .product-header:first-child,
.product-full .article-teaser-big .product-header:first-child,
.mobile-app-teaser-big .product-full .product-header:first-child,
.product-full .mobile-app-teaser-big .product-header:first-child,
.product-teaser-big .product-full .product-header:first-child,
.product-full .product-teaser-big .product-header:first-child,
.service-teaser-big .product-full .product-header:first-child,
.product-full .service-teaser-big .product-header:first-child,
.tool-teaser-big .product-full .product-header:first-child,
.product-full .tool-teaser-big .product-header:first-child,
.product-full .product .product-header:first-child,
.article-full.stage .stage-content .product-full .product-header:first-child,
.product-full .article-full.stage .stage-content .product-header:first-child,
.row .product-full .product-aside:first-child,
.product-full .row .product-aside:first-child,
.article-teaser-big .product-full .product-aside:first-child,
.product-full .article-teaser-big .product-aside:first-child,
.mobile-app-teaser-big .product-full .product-aside:first-child,
.product-full .mobile-app-teaser-big .product-aside:first-child,
.product-teaser-big .product-full .product-aside:first-child,
.product-full .product-teaser-big .product-aside:first-child,
.service-teaser-big .product-full .product-aside:first-child,
.product-full .service-teaser-big .product-aside:first-child,
.tool-teaser-big .product-full .product-aside:first-child,
.product-full .tool-teaser-big .product-aside:first-child,
.product-full .product .product-aside:first-child,
.article-full.stage .stage-content .product-full .product-aside:first-child,
.product-full .article-full.stage .stage-content .product-aside:first-child,
.row .product-full .product-detail:first-child,
.product-full .row .product-detail:first-child,
.article-teaser-big .product-full .product-detail:first-child,
.product-full .article-teaser-big .product-detail:first-child,
.mobile-app-teaser-big .product-full .product-detail:first-child,
.product-full .mobile-app-teaser-big .product-detail:first-child,
.product-teaser-big .product-full .product-detail:first-child,
.product-full .product-teaser-big .product-detail:first-child,
.service-teaser-big .product-full .product-detail:first-child,
.product-full .service-teaser-big .product-detail:first-child,
.tool-teaser-big .product-full .product-detail:first-child,
.product-full .tool-teaser-big .product-detail:first-child,
.product-full .product .product-detail:first-child,
.article-full.stage .stage-content .product-full .product-detail:first-child,
.product-full .article-full.stage .stage-content .product-detail:first-child,
.row .collector-teaser:first-child,
.article-teaser-big .collector-teaser:first-child,
.mobile-app-teaser-big .collector-teaser:first-child,
.product-teaser-big .collector-teaser:first-child,
.service-teaser-big .collector-teaser:first-child,
.tool-teaser-big .collector-teaser:first-child,
.product-full .product .collector-teaser:first-child,
.article-full.stage .stage-content .collector-teaser:first-child {
  margin-left: 0;
}
.row .col-centered, .article-teaser-big .col-centered,
.mobile-app-teaser-big .col-centered,
.product-teaser-big .col-centered,
.service-teaser-big .col-centered,
.tool-teaser-big .col-centered, .product-full .product .col-centered, .article-full.stage .stage-content .col-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.82%;
}
.row .row, .article-teaser-big .row,
.mobile-app-teaser-big .row,
.product-teaser-big .row,
.service-teaser-big .row,
.tool-teaser-big .row, .product-full .product .row, .article-full.stage .stage-content .row, .row .article-teaser-big, .article-teaser-big .article-teaser-big,
.mobile-app-teaser-big .article-teaser-big,
.product-teaser-big .article-teaser-big,
.service-teaser-big .article-teaser-big,
.tool-teaser-big .article-teaser-big, .product-full .product .article-teaser-big, .article-full.stage .stage-content .article-teaser-big,
.row .mobile-app-teaser-big,
.article-teaser-big .mobile-app-teaser-big,
.mobile-app-teaser-big .mobile-app-teaser-big,
.product-teaser-big .mobile-app-teaser-big,
.service-teaser-big .mobile-app-teaser-big,
.tool-teaser-big .mobile-app-teaser-big,
.product-full .product .mobile-app-teaser-big,
.article-full.stage .stage-content .mobile-app-teaser-big,
.row .product-teaser-big,
.article-teaser-big .product-teaser-big,
.mobile-app-teaser-big .product-teaser-big,
.product-teaser-big .product-teaser-big,
.service-teaser-big .product-teaser-big,
.tool-teaser-big .product-teaser-big,
.product-full .product .product-teaser-big,
.article-full.stage .stage-content .product-teaser-big,
.row .service-teaser-big,
.article-teaser-big .service-teaser-big,
.mobile-app-teaser-big .service-teaser-big,
.product-teaser-big .service-teaser-big,
.service-teaser-big .service-teaser-big,
.tool-teaser-big .service-teaser-big,
.product-full .product .service-teaser-big,
.article-full.stage .stage-content .service-teaser-big,
.row .tool-teaser-big,
.article-teaser-big .tool-teaser-big,
.mobile-app-teaser-big .tool-teaser-big,
.product-teaser-big .tool-teaser-big,
.service-teaser-big .tool-teaser-big,
.tool-teaser-big .tool-teaser-big,
.product-full .product .tool-teaser-big,
.article-full.stage .stage-content .tool-teaser-big, .row .product-full .product, .product-full .row .product, .article-teaser-big .product-full .product, .product-full .article-teaser-big .product,
.mobile-app-teaser-big .product-full .product,
.product-full .mobile-app-teaser-big .product,
.product-teaser-big .product-full .product,
.product-full .product-teaser-big .product,
.service-teaser-big .product-full .product,
.product-full .service-teaser-big .product,
.tool-teaser-big .product-full .product,
.product-full .tool-teaser-big .product, .product-full .product .product, .article-full.stage .stage-content .product-full .product, .product-full .article-full.stage .stage-content .product, .row .article-full.stage .stage-content, .article-full.stage .row .stage-content, .article-teaser-big .article-full.stage .stage-content, .article-full.stage .article-teaser-big .stage-content,
.mobile-app-teaser-big .article-full.stage .stage-content,
.article-full.stage .mobile-app-teaser-big .stage-content,
.product-teaser-big .article-full.stage .stage-content,
.article-full.stage .product-teaser-big .stage-content,
.service-teaser-big .article-full.stage .stage-content,
.article-full.stage .service-teaser-big .stage-content,
.tool-teaser-big .article-full.stage .stage-content,
.article-full.stage .tool-teaser-big .stage-content, .product-full .product .article-full.stage .stage-content, .article-full.stage .product-full .product .stage-content, .article-full.stage .stage-content .stage-content {
  padding: 0;
}

.col, .article-teaser-big .article-illu,
.mobile-app-teaser-big .article-illu,
.product-teaser-big .article-illu,
.service-teaser-big .article-illu,
.tool-teaser-big .article-illu, .article-teaser-big .article-header,
.mobile-app-teaser-big .article-header,
.product-teaser-big .article-header,
.service-teaser-big .article-header,
.tool-teaser-big .article-header, .article-teaser,
.coupon-teaser,
.mobile-app-teaser,
.product-teaser,
.sample-teaser,
.service-teaser,
.tool-teaser, .article-full .article-illu, .node--blog--full .article-illu, .article-full .article-header, .node--blog--full .article-header, .article-full .article-aside, .node--blog--full .article-aside, .article-full .article-content, .node--blog--full .article-content, .product-full .product-illu, .product-full .product-header, .product-full .product-aside, .product-full .product-detail, .collector-teaser {
  float: left;
  margin-left: 1.82%;
  margin-bottom: 1.82%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-padding {
  padding: 10px;
}

.col-1 {
  width: 6.66%;
}

.col-offset-1 {
  margin-left: 8.48% !important;
}

.col-outset-1 {
  margin-right: 8.48% !important;
}

.col-2 {
  width: 15.14%;
}

.col-offset-2 {
  margin-left: 16.96% !important;
}

.col-outset-2 {
  margin-right: 16.96% !important;
}

.col-3, .collector-teaser {
  width: 23.62%;
}

.views-exposed-form .col-3:nth-child(4n+1) {
  margin-left: 0px;
}

.col-offset-3 {
  margin-left: 25.44% !important;
}

.col-outset-3 {
  margin-right: 25.44% !important;
}

.col-4, .article-teaser-big .article-header,
.mobile-app-teaser-big .article-header,
.product-teaser-big .article-header,
.service-teaser-big .article-header,
.tool-teaser-big .article-header, .article-list .article-teaser,
.article-list .coupon-teaser,
.article-list .mobile-app-teaser,
.article-list .product-teaser,
.article-list .sample-teaser,
.article-list .service-teaser,
.article-list .tool-teaser, .article-full .article-illu, .node--blog--full .article-illu, .article-full .article-aside, .node--blog--full .article-aside, .product-full .product-illu, .product-full .product-aside {
  width: 32.1%;
}

.col-offset-4 {
  margin-left: 33.92% !important;
}

.col-outset-4 {
  margin-right: 33.92% !important;
}

.col-5 {
  width: 40.58%;
}

.col-offset-5 {
  margin-left: 42.4% !important;
}

.col-outset-5 {
  margin-right: 42.4% !important;
}

.col-6 {
  width: 49.06%;
}

.col-offset-6 {
  margin-left: 50.88% !important;
}

.col-outset-6 {
  margin-right: 50.88% !important;
}

.col-7 {
  width: 57.54%;
}

.col-offset-7 {
  margin-left: 59.36% !important;
}

.col-outset-7 {
  margin-right: 59.36% !important;
}

.col-8, .article-teaser-big .article-illu,
.mobile-app-teaser-big .article-illu,
.product-teaser-big .article-illu,
.service-teaser-big .article-illu,
.tool-teaser-big .article-illu, .article-full .article-header, .node--blog--full .article-header, .article-full .article-content, .node--blog--full .article-content, .product-full .product-header, .product-full .product-detail {
  width: 66.02%;
}

.col-offset-8 {
  margin-left: 67.84% !important;
}

.col-outset-8 {
  margin-right: 67.84% !important;
}

.col-9 {
  width: 74.5%;
}

.col-offset-9 {
  margin-left: 76.32% !important;
}

.col-outset-9 {
  margin-right: 76.32% !important;
}

.col-10 {
  width: 82.98%;
}

.col-offset-10 {
  margin-left: 84.8% !important;
}

.col-outset-10 {
  margin-right: 84.8% !important;
}

.col-11 {
  width: 91.46%;
}

.col-offset-11 {
  margin-left: 93.28% !important;
}

.col-outset-11 {
  margin-right: 93.28% !important;
}

.col-12, .col-4 .article-teaser, .article-teaser-big .article-header .article-teaser,
.mobile-app-teaser-big .article-header .article-teaser,
.product-teaser-big .article-header .article-teaser,
.service-teaser-big .article-header .article-teaser,
.tool-teaser-big .article-header .article-teaser, .article-list .article-teaser .article-teaser,
.article-list .coupon-teaser .article-teaser,
.article-list .mobile-app-teaser .article-teaser,
.article-list .product-teaser .article-teaser,
.article-list .sample-teaser .article-teaser,
.article-list .service-teaser .article-teaser,
.article-list .tool-teaser .article-teaser, .article-full .article-illu .article-teaser, .node--blog--full .article-illu .article-teaser, .article-full .article-aside .article-teaser, .node--blog--full .article-aside .article-teaser, .product-full .product-illu .article-teaser, .product-full .product-aside .article-teaser,
.col-4 .coupon-teaser,
.article-teaser-big .article-header .coupon-teaser,
.mobile-app-teaser-big .article-header .coupon-teaser,
.product-teaser-big .article-header .coupon-teaser,
.service-teaser-big .article-header .coupon-teaser,
.tool-teaser-big .article-header .coupon-teaser,
.article-list .article-teaser .coupon-teaser,
.article-list .coupon-teaser .coupon-teaser,
.article-list .mobile-app-teaser .coupon-teaser,
.article-list .product-teaser .coupon-teaser,
.article-list .sample-teaser .coupon-teaser,
.article-list .service-teaser .coupon-teaser,
.article-list .tool-teaser .coupon-teaser,
.article-full .article-illu .coupon-teaser,
.node--blog--full .article-illu .coupon-teaser,
.article-full .article-aside .coupon-teaser,
.node--blog--full .article-aside .coupon-teaser,
.product-full .product-illu .coupon-teaser,
.product-full .product-aside .coupon-teaser,
.col-4 .mobile-app-teaser,
.article-teaser-big .article-header .mobile-app-teaser,
.mobile-app-teaser-big .article-header .mobile-app-teaser,
.product-teaser-big .article-header .mobile-app-teaser,
.service-teaser-big .article-header .mobile-app-teaser,
.tool-teaser-big .article-header .mobile-app-teaser,
.article-list .article-teaser .mobile-app-teaser,
.article-list .coupon-teaser .mobile-app-teaser,
.article-list .mobile-app-teaser .mobile-app-teaser,
.article-list .product-teaser .mobile-app-teaser,
.article-list .sample-teaser .mobile-app-teaser,
.article-list .service-teaser .mobile-app-teaser,
.article-list .tool-teaser .mobile-app-teaser,
.article-full .article-illu .mobile-app-teaser,
.node--blog--full .article-illu .mobile-app-teaser,
.article-full .article-aside .mobile-app-teaser,
.node--blog--full .article-aside .mobile-app-teaser,
.product-full .product-illu .mobile-app-teaser,
.product-full .product-aside .mobile-app-teaser,
.col-4 .product-teaser,
.article-teaser-big .article-header .product-teaser,
.mobile-app-teaser-big .article-header .product-teaser,
.product-teaser-big .article-header .product-teaser,
.service-teaser-big .article-header .product-teaser,
.tool-teaser-big .article-header .product-teaser,
.article-list .article-teaser .product-teaser,
.article-list .coupon-teaser .product-teaser,
.article-list .mobile-app-teaser .product-teaser,
.article-list .product-teaser .product-teaser,
.article-list .sample-teaser .product-teaser,
.article-list .service-teaser .product-teaser,
.article-list .tool-teaser .product-teaser,
.article-full .article-illu .product-teaser,
.node--blog--full .article-illu .product-teaser,
.article-full .article-aside .product-teaser,
.node--blog--full .article-aside .product-teaser,
.product-full .product-illu .product-teaser,
.product-full .product-aside .product-teaser,
.col-4 .sample-teaser,
.article-teaser-big .article-header .sample-teaser,
.mobile-app-teaser-big .article-header .sample-teaser,
.product-teaser-big .article-header .sample-teaser,
.service-teaser-big .article-header .sample-teaser,
.tool-teaser-big .article-header .sample-teaser,
.article-list .article-teaser .sample-teaser,
.article-list .coupon-teaser .sample-teaser,
.article-list .mobile-app-teaser .sample-teaser,
.article-list .product-teaser .sample-teaser,
.article-list .sample-teaser .sample-teaser,
.article-list .service-teaser .sample-teaser,
.article-list .tool-teaser .sample-teaser,
.article-full .article-illu .sample-teaser,
.node--blog--full .article-illu .sample-teaser,
.article-full .article-aside .sample-teaser,
.node--blog--full .article-aside .sample-teaser,
.product-full .product-illu .sample-teaser,
.product-full .product-aside .sample-teaser,
.col-4 .service-teaser,
.article-teaser-big .article-header .service-teaser,
.mobile-app-teaser-big .article-header .service-teaser,
.product-teaser-big .article-header .service-teaser,
.service-teaser-big .article-header .service-teaser,
.tool-teaser-big .article-header .service-teaser,
.article-list .article-teaser .service-teaser,
.article-list .coupon-teaser .service-teaser,
.article-list .mobile-app-teaser .service-teaser,
.article-list .product-teaser .service-teaser,
.article-list .sample-teaser .service-teaser,
.article-list .service-teaser .service-teaser,
.article-list .tool-teaser .service-teaser,
.article-full .article-illu .service-teaser,
.node--blog--full .article-illu .service-teaser,
.article-full .article-aside .service-teaser,
.node--blog--full .article-aside .service-teaser,
.product-full .product-illu .service-teaser,
.product-full .product-aside .service-teaser,
.col-4 .tool-teaser,
.article-teaser-big .article-header .tool-teaser,
.mobile-app-teaser-big .article-header .tool-teaser,
.product-teaser-big .article-header .tool-teaser,
.service-teaser-big .article-header .tool-teaser,
.tool-teaser-big .article-header .tool-teaser,
.article-list .article-teaser .tool-teaser,
.article-list .coupon-teaser .tool-teaser,
.article-list .mobile-app-teaser .tool-teaser,
.article-list .product-teaser .tool-teaser,
.article-list .sample-teaser .tool-teaser,
.article-list .service-teaser .tool-teaser,
.article-list .tool-teaser .tool-teaser,
.article-full .article-illu .tool-teaser,
.node--blog--full .article-illu .tool-teaser,
.article-full .article-aside .tool-teaser,
.node--blog--full .article-aside .tool-teaser,
.product-full .product-illu .tool-teaser,
.product-full .product-aside .tool-teaser {
  width: 99.94%;
}

.col-offset-12 {
  margin-left: 101.76% !important;
}

.col-outset-12 {
  margin-right: 101.76% !important;
}

@media all and (max-width: 500px) {
  .col-10, .col-9, .col-8, .article-teaser-big .article-illu,
  .mobile-app-teaser-big .article-illu,
  .product-teaser-big .article-illu,
  .service-teaser-big .article-illu,
  .tool-teaser-big .article-illu, .article-full .article-header, .node--blog--full .article-header, .article-full .article-content, .node--blog--full .article-content, .product-full .product-header, .product-full .product-detail, .col-7, .col-6, .col-5, .col-4, .article-teaser-big .article-header,
  .mobile-app-teaser-big .article-header,
  .product-teaser-big .article-header,
  .service-teaser-big .article-header,
  .tool-teaser-big .article-header, .article-list .article-teaser,
  .article-list .coupon-teaser,
  .article-list .mobile-app-teaser,
  .article-list .product-teaser,
  .article-list .sample-teaser,
  .article-list .service-teaser,
  .article-list .tool-teaser, .article-full .article-illu, .node--blog--full .article-illu, .article-full .article-aside, .node--blog--full .article-aside, .product-full .product-illu, .product-full .product-aside {
    margin-left: 0;
    width: 100% !important;
  }

  .col-6 + .col-3, .col-6 + .collector-teaser {
    margin-left: 0;
  }
  .col-6 + .col-3 + .col-3, .col-6 + .collector-teaser + .col-3, .col-6 + .col-3 + .collector-teaser, .col-6 + .collector-teaser + .collector-teaser {
    margin-left: 1.82%;
  }

  .col-3, .collector-teaser {
    width: 49.06%;
  }

  .col-3:nth-child(2n+1), .collector-teaser:nth-child(2n+1) {
    margin-left: 0;
  }

  .col-small-full {
    width: 100%;
  }

  .col-7 + .col-4, .article-teaser-big .col-7 + .article-header,
  .mobile-app-teaser-big .col-7 + .article-header,
  .product-teaser-big .col-7 + .article-header,
  .service-teaser-big .col-7 + .article-header,
  .tool-teaser-big .col-7 + .article-header, .article-list .col-7 + .article-teaser,
  .article-list .col-7 + .coupon-teaser,
  .article-list .col-7 + .mobile-app-teaser,
  .article-list .col-7 + .product-teaser,
  .article-list .col-7 + .sample-teaser,
  .article-list .col-7 + .service-teaser,
  .article-list .col-7 + .tool-teaser, .article-full .col-7 + .article-illu, .node--blog--full .col-7 + .article-illu, .article-full .col-7 + .article-aside, .node--blog--full .col-7 + .article-aside, .product-full .col-7 + .product-illu, .product-full .col-7 + .product-aside {
    margin-left: 0%;
    width: 320px;
  }

  .col-6.col-offset-6 {
    margin-left: 0 !important;
  }
}
@media all and (min-width: 500px) {
  .col-1-push {
    left: 6.66%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-1-pull {
    right: 8.48%;
    margin-left: 0;
    position: relative;
  }

  .col-2-push {
    left: 15.14%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-2-pull {
    right: 16.96%;
    margin-left: 0;
    position: relative;
  }

  .col-3-push {
    left: 23.62%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-3-pull {
    right: 25.44%;
    margin-left: 0;
    position: relative;
  }

  .col-4-push {
    left: 32.1%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-4-pull {
    right: 33.92%;
    margin-left: 0;
    position: relative;
  }

  .col-5-push {
    left: 40.58%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-5-pull {
    right: 42.4%;
    margin-left: 0;
    position: relative;
  }

  .col-6-push {
    left: 49.06%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-6-pull {
    right: 50.88%;
    margin-left: 0;
    position: relative;
  }

  .col-7-push {
    left: 57.54%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-7-pull {
    right: 59.36%;
    margin-left: 0;
    position: relative;
  }

  .col-8-push {
    left: 66.02%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-8-pull {
    right: 67.84%;
    margin-left: 0;
    position: relative;
  }

  .col-9-push {
    left: 74.5%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-9-pull {
    right: 76.32%;
    margin-left: 0;
    position: relative;
  }

  .col-10-push {
    left: 82.98%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-10-pull {
    right: 84.8%;
    margin-left: 0;
    position: relative;
  }

  .col-11-push {
    left: 91.46%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-11-pull {
    right: 93.28%;
    margin-left: 0;
    position: relative;
  }

  .col-12-push {
    left: 99.94%;
    margin-left: 1.82% !important;
    position: relative;
  }

  .col-12-pull {
    right: 101.76%;
    margin-left: 0;
    position: relative;
  }
}
/* site base */
html {
  font-size: 8px;
  height: 100%;
  /*overflow-x: hidden;*/
}

body {
  background: #094271;
  color: #000;
  line-height: 1;
  overflow-x: hidden;
  position: relative;
  word-wrap: break-word;
}

#content {
  background: #f1f1ed;
  /*overflow: auto;*/
}

@media all and (min-width: 700px) {
  html {
    font-size: 10px;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}

::selection {
  background: #000;
  color: #fff;
}

::-moz-selection {
  background: #000;
  color: #fff;
}

a {
  color: inherit;
  text-decoration: none;
}

#content > article > div.product > div.row.bloc-content.nomargin > div.product-detail.col.col-8 > p > a {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

img {
  height: auto;
  max-width: 100%;
}

p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
p.intro {
  font-size: 20px;
  font-size: 2rem;
  margin: 0 auto 30px;
  max-width: 800px;
  width: 80%;
}

.relative {
  position: relative;
}

.nooverflow {
  height: 100%;
  overflow: hidden;
}

.clear {
  clear: both;
}

.clearfix::after, .row::after, .article-teaser-big::after,
.mobile-app-teaser-big::after,
.product-teaser-big::after,
.service-teaser-big::after,
.tool-teaser-big::after, .product-full .product::after, .article-full.stage .stage-content::after,
.clearfix::before,
.row::before,
.article-teaser-big::before,
.mobile-app-teaser-big::before,
.product-teaser-big::before,
.service-teaser-big::before,
.tool-teaser-big::before,
.product-full .product::before,
.article-full.stage .stage-content::before {
  content: " ";
  display: table;
}

.clearfix::after, .row::after, .article-teaser-big::after,
.mobile-app-teaser-big::after,
.product-teaser-big::after,
.service-teaser-big::after,
.tool-teaser-big::after, .product-full .product::after, .article-full.stage .stage-content::after {
  clear: both;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

.hide {
  display: none;
}

.show-mobile {
  display: none !important;
}

@media all and (max-width: 500px) {
  .hide-mobile {
    display: none;
  }

  .show-mobile {
    display: inline-block !important;
  }
}
.heightAuto {
  height: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.nomargin {
  margin: 0;
}

.mtop20 {
  margin-top: 20px;
}

.mtopm20 {
  margin-top: -20px;
}

.paddingtop20 {
  padding-top: 20px;
}

.paddingtop30 {
  padding-top: 30px;
}

/* headings */
.h1,
h1 {
  color: #fff;
  font-size: 40px;
  font-size: 4rem;
}

.h2,
h2 {
  font-size: 20px;
  font-size: 2rem;
}

h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

.upper {
  font-size: 20px;
  font-size: 2rem;
}

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

/* Image with rounded borders */
.round {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #31a8db;
}

/* section-headline */
.dash,
.section-headline,
.benefits h2,
.dropdownnav .block--bean-panels h2,
.benefits > span{
  font-size: 18px;
  font-size: 1.8rem;
  color: #666;
  padding: 20px 0;
  text-align: center;
}
.dash span,
.section-headline span,
.benefits h2 span,
.benefits > span,
.dropdownnav .block--bean-panels h2 span {
  display: inline-block;
  margin: 0 10px;
  /* remove important !important; */
  padding: 0 32px;
  position: relative;
}
.benefits > span{
  margin: 20px 10px;
}
.dash span::after, .dash span::before,
.section-headline span::after,
.benefits h2 span::after,
.benefits > span:after,
.dropdownnav .block--bean-panels h2 span::after,
.section-headline span::before,
.benefits h2 span::before,
.benefits > span:before,
.dropdownnav .block--bean-panels h2 span::before {
  background-color: #31a8db;
  bottom: 0;
  content: "";
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}
.dash span::before,
.section-headline span::before,
.benefits h2 span::before,
.benefits > span:before,
.dropdownnav .block--bean-panels h2 span::before {
  left: 0;
}
.dash span::after,
.section-headline span::after,
.benefits h2 span::after,
.benefits > span:after,
.dropdownnav .block--bean-panels h2 span::after {
  right: 0;
}

.dash-orange span::after, .dash-orange span::before {
  background-color: #f5953f;
}

/* Small link */
.smalllink {
  font-size: 12px;
  font-size: 1.2rem;
  color: #31a8db;
  text-decoration: underline;
}

ol {
  margin-bottom: 30px;
}
ol li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.table-small {
  display: none;
}
@media screen and (max-width: 700px) {
  .table-small {
    display: table;
  }
}

.table-big {
  display: table;
}
@media screen and (max-width: 700px) {
  .table-big {
    display: none;
  }
}

/* general modules */
/********************************/
/*	General   					*/
/********************************/
.form-item, .form-actions {
  margin-bottom: 2rem;
}
.form-item label, .form-item .label, .form-actions label, .form-actions .label {
  color: #333;
  font-weight: normal;
  margin-bottom: 1rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.form-item p.label, .form-actions p.label {
  margin-bottom: 0;
}

.survey-content .form-item p.label,
.node-child-form .form-type-radios p.label {
  margin-bottom: 10px;
}

.form-submit {
  border: none;
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=file], input[type=date], input[type=search],
textarea {
  border: 1px solid #b2b2b2;
  height: 40px;
  padding: 0 5px;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
}

.form-item.form-type-date-popup .form-item {
  position: relative;
}

textarea {
  height: 100px;
}

input[type=file] {
  border: none;
}

input.button, #search input[type="submit"], .search-form input[type="submit"] {
  border: 0;
}
input.button:hover, #search input[type="submit"]:hover, .search-form input[type="submit"]:hover, input.button:focus, #search input[type="submit"]:focus, .search-form input[type="submit"]:focus {
  border: 0;
}

input.no-border {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.placeholder {
  color: #999;
}

.form-required {
  color: #333;
}

.form-item .description {
  margin-top: 5px;
}

.errormsg {
  color: #cc3366;
}

input.invalid_email {
  border-color: #cc3366;
}

input.error, textarea.error, select.error, select.error ~ div.custom-dropdown-area,
.form-checkbox.error + label:before,
.form-radio.error + label:before {
  border: 1px solid #cc3366;
}

.form_infos {
  font-size: 14px;
  font-size: 1.4rem;
}
.form_infos a {
  color: #31a8db;
}

/********************************/
/*	Focus   					*/
/********************************/
input:focus,
textarea:focus {
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
}

input.button:focus, #search input[type="submit"]:focus, .search-form input[type="submit"]:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/********************************/
/*	Checkbox / radio     		*/
/********************************/
.form-checkbox, .form-radio {
  cursor: pointer;
  display: none;
  /*vertical-align: middle;
  overflow: hidden;
  margin-bottom: 10px;*/
}

.form-checkbox + label, .form-radio + label {
  display: inline-block;
  line-height: 1.3;
  padding: 3px 10px 0 30px;
  position: relative;
  vertical-align: top;
}

.form-checkbox + label:before {
  background-color: #fff;
  border: 1px solid #b2b2b2;
  content: "";
  display: inline-block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.form-checkbox:checked + label:after {
  color: #f5953f;
  content: '\2714';
  font-size: 20px;
  left: 4px;
  position: absolute;
  top: 0px;
}
.quiz-question-multichoice .form-checkbox:checked + label:after, .survey-content .form-checkbox:checked + label:after {
  color: #31a8db;
}

.form-radio + label:before {
  background-color: #fff;
  border: 1px solid #b2b2b2;
  content: "";
  display: inline-block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
}

.form-radio:checked + label:after {
  background-color: #f5953f;
  content: '';
  display: block;
  height: 18px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.survey-content .form-radio:checked + label:after, .quiz-question-multichoice .form-radio:checked + label:after, .survey-content .form-radio:checked + label:after, .quiz-question-multichoice .form-radio:checked + label:after, .survey-content label + .form-radio:checked:after, .quiz-question-multichoice  label + .form-radio:checked:after {
  background-color: #31a8db;
}

label + .form-radio:before {
  background-color: #fff;
  border: 1px solid #b2b2b2;
  content: "";
  display: inline-block;
  height: 22px;
  left: -7px;
  position: absolute;
  top: -2px;
  width: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
}

label + .form-radio:checked:after {
  background-color: #f5953f;
  content: '';
  display: block;
  height: 18px;
  left: -4px;
  position: absolute;
  top: 1px;
  width: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

/****************************************/
/*	Slider  / filters product stages 	*/
/****************************************/
.views-exposed-form {
  background-color: #fff;
  margin-top: -20px;
  margin-bottom: 20px;
  padding-top: 20px;
}
.views-exposed-form h2, .views-exposed-form label[for=edit-product-stage] {
  color: #666;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
}
.views-exposed-form p strong {
  color: #31a8db;
}
@media all and (max-width: 500px) {
  .views-exposed-form .filter-container .col-3, .views-exposed-form .filter-container .collector-teaser {
    width: 100% !important;
    margin: 0;
  }
}
.views-exposed-form .filter-container .col-4:nth-child(3n+1), .views-exposed-form .filter-container .article-teaser-big .article-header:nth-child(3n+1), .article-teaser-big .views-exposed-form .filter-container .article-header:nth-child(3n+1),
.views-exposed-form .filter-container .mobile-app-teaser-big .article-header:nth-child(3n+1),
.mobile-app-teaser-big .views-exposed-form .filter-container .article-header:nth-child(3n+1),
.views-exposed-form .filter-container .product-teaser-big .article-header:nth-child(3n+1),
.product-teaser-big .views-exposed-form .filter-container .article-header:nth-child(3n+1),
.views-exposed-form .filter-container .service-teaser-big .article-header:nth-child(3n+1),
.service-teaser-big .views-exposed-form .filter-container .article-header:nth-child(3n+1),
.views-exposed-form .filter-container .tool-teaser-big .article-header:nth-child(3n+1),
.tool-teaser-big .views-exposed-form .filter-container .article-header:nth-child(3n+1), .views-exposed-form .filter-container .article-list .article-teaser:nth-child(3n+1), .article-list .views-exposed-form .filter-container .article-teaser:nth-child(3n+1),
.views-exposed-form .filter-container .article-list .coupon-teaser:nth-child(3n+1),
.article-list .views-exposed-form .filter-container .coupon-teaser:nth-child(3n+1),
.views-exposed-form .filter-container .article-list .mobile-app-teaser:nth-child(3n+1),
.article-list .views-exposed-form .filter-container .mobile-app-teaser:nth-child(3n+1),
.views-exposed-form .filter-container .article-list .product-teaser:nth-child(3n+1),
.article-list .views-exposed-form .filter-container .product-teaser:nth-child(3n+1),
.views-exposed-form .filter-container .article-list .sample-teaser:nth-child(3n+1),
.article-list .views-exposed-form .filter-container .sample-teaser:nth-child(3n+1),
.views-exposed-form .filter-container .article-list .service-teaser:nth-child(3n+1),
.article-list .views-exposed-form .filter-container .service-teaser:nth-child(3n+1),
.views-exposed-form .filter-container .article-list .tool-teaser:nth-child(3n+1),
.article-list .views-exposed-form .filter-container .tool-teaser:nth-child(3n+1), .views-exposed-form .filter-container .article-full .article-illu:nth-child(3n+1), .article-full .views-exposed-form .filter-container .article-illu:nth-child(3n+1), .views-exposed-form .filter-container .node--blog--full .article-illu:nth-child(3n+1), .node--blog--full .views-exposed-form .filter-container .article-illu:nth-child(3n+1), .views-exposed-form .filter-container .article-full .article-aside:nth-child(3n+1), .article-full .views-exposed-form .filter-container .article-aside:nth-child(3n+1), .views-exposed-form .filter-container .node--blog--full .article-aside:nth-child(3n+1), .node--blog--full .views-exposed-form .filter-container .article-aside:nth-child(3n+1), .views-exposed-form .filter-container .product-full .product-illu:nth-child(3n+1), .product-full .views-exposed-form .filter-container .product-illu:nth-child(3n+1), .views-exposed-form .filter-container .product-full .product-aside:nth-child(3n+1), .product-full .views-exposed-form .filter-container .product-aside:nth-child(3n+1) {
  margin-left: 0;
}

.view-filters-tabs {
  background-color: #f1f1ed;
  border-bottom: 1px solid #ccc;
  margin-top: -20px;
}
.view-filters-tabs .row, .view-filters-tabs .article-teaser-big,
.view-filters-tabs .mobile-app-teaser-big,
.view-filters-tabs .product-teaser-big,
.view-filters-tabs .service-teaser-big,
.view-filters-tabs .tool-teaser-big, .view-filters-tabs .product-full .product, .product-full .view-filters-tabs .product, .view-filters-tabs .article-full.stage .stage-content, .article-full.stage .view-filters-tabs .stage-content {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.view-filters-tabs .row div, .view-filters-tabs .article-teaser-big div,
.view-filters-tabs .mobile-app-teaser-big div,
.view-filters-tabs .product-teaser-big div,
.view-filters-tabs .service-teaser-big div,
.view-filters-tabs .tool-teaser-big div, .view-filters-tabs .product-full .product div, .product-full .view-filters-tabs .product div, .view-filters-tabs .article-full.stage .stage-content div, .article-full.stage .view-filters-tabs .stage-content div {
  display: inline-block;
  margin-bottom: 0;
}
.view-filters-tabs a {
  color: #31a8db;
  display: inline-block;
  margin-left: -3px;
  padding: 15px;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
}
.view-filters-tabs a.active {
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  position: relative;
  top: 1px;
}
.view-filters-tabs + .row, .view-filters-tabs + .article-teaser-big,
.view-filters-tabs + .mobile-app-teaser-big,
.view-filters-tabs + .product-teaser-big,
.view-filters-tabs + .service-teaser-big,
.view-filters-tabs + .tool-teaser-big, .product-full .view-filters-tabs + .product, .article-full.stage .view-filters-tabs + .stage-content {
  padding-top: 20px;
}

@media all and (max-width: 500px) {
  .view-filters-tabs a {
    display: block;
    padding: 10px;
  }
  .view-filters-tabs a.active {
    border: none;
  }
}
/* hotfix for hiding select box on stage pages (it loses its element style after ajax processing) */
.view-id-stages.view-display-id-stage_content .view-filters-tabs select {
  visibility: hidden;
}

.product-stages {
  background-color: #dadada;
  padding: 20px 0;
}

#edit-product-stage {
  display: none;
}

#product-stage-amount {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
#product-stage-amount strong {
  color: #31a8db;
}

#product-stage-slider {
  margin: 0 15px;
}

.product-stages .ui-widget-content {
  background-color: #dfdfdf;
  border: 1px solid #dfdfdf;
  height: 26px;
}
.product-stages .ui-corner-all, .product-stages .ui-corner-bottom, .product-stages .ui-corner-right, .product-stages .ui-corner-br {
  border-bottom-right-radius: 15px;
}
.product-stages .ui-corner-all, .product-stages .ui-corner-bottom, .product-stages .ui-corner-left, .product-stages .ui-corner-bl {
  border-bottom-left-radius: 15px;
}
.product-stages .ui-corner-all, .product-stages .ui-corner-top, .product-stages .ui-corner-right, .product-stages .ui-corner-tr {
  border-top-right-radius: 15px;
}
.product-stages .ui-corner-all, .product-stages .ui-corner-top, .product-stages .ui-corner-left, .product-stages .ui-corner-tl {
  border-top-left-radius: 15px;
}
.product-stages .ui-slider-range {
  background-color: #31a8db;
}
.product-stages .ui-state-default, .product-stages .ui-widget-content .ui-state-default, .product-stages .ui-widget-header .ui-state-default {
  border: 1px solid #e3e3e3;
  background: #fff;
}
.product-stages .ui-slider .ui-slider-handle {
  background: #fff url(../images/slider-handle.png) no-repeat center center;
  background-size: 15px 11px;
  height: 30px;
  width: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.product-stages .ui-slider-horizontal .ui-slider-handle {
  margin-left: -15px;
  top: -2px;
}

/********************************/
/*	Registration     			*/
/********************************/
#edit-submit {
  display: inline-block;
}

#edit-account .password-strength {
  float: none;
  margin-bottom: 10px;
  width: auto;
}

@media all and (min-width: 500px) {
  #edit-account .password-strength {
    float: right;
    max-width: 48%;
    margin-bottom: 0;
  }

  #edit-account .password-strength-title {
    padding-right: 10px;
  }
}
/********************************/
/*	Drupal reset: ;     		*/
/********************************/
.views-exposed-widgets {
  margin-bottom: 0;
}

.views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
}

/********************************/
/*	Tool / Curves       		*/
/********************************/
.curveinput input {
  color: #f5953f;
  text-align: center;
  width: 60px;
}

/********************************/
/*	User profile: ;     		*/
/********************************/
/* Add child image upload */
.form-type-managed-file label {
  padding: 10px 10px 0 10px;
}

/* Add child & Edit child gender */
.form-item-field-baby-is-first-child,
.form-item-field-child-is-first-child-und,
.form-item-field-pregnancy-gender,
.form-item-field-child-gender-und,
div[class*=' form-item-group-babies-'][class*='-field-child-gender-und']{
  display: inline;
}

label[for=edit-field-pregnancy-gender-0], label[for=edit-field-pregnancy-gender-1],
label[for=edit-field-child-gender-und-0], label[for=edit-field-child-gender-und-1],
label[for=edit-field-child-gender-und-0--2], label[for=edit-field-child-gender-und-1--2],
label[for*='edit-group-babies-'][for*='-field-child-gender-und-0'],
label[for*='edit-group-babies-'][for*='-field-child-gender-und-1'] {
  background-repeat: no-repeat;
  background-position: 34px 3px;
  min-height: 20px;
  min-width: 20px;
  text-indent: -9999px;
}

label[for=edit-field-pregnancy-gender-0],
label[for=edit-field-child-gender-und-0],
label[for=edit-field-child-gender-und-0--2],
label[for*='edit-group-babies-'][for*='field-child-gender-und-0']{
  background-image: url(/sites/all/themes/nin/images/girl.png);
  background-size: 11px 20px;
}

label[for=edit-field-pregnancy-gender-1],
label[for=edit-field-child-gender-und-1],
label[for=edit-field-child-gender-und-1--2],
label[for*='edit-group-babies-'][for*='field-child-gender-und-1']{
  background-image: url(/sites/all/themes/nin/images/boy.png);
  background-size: 16px 20px;
}

@media all and (max-width: 500px) {
  .form-item-field-baby-is-first-child .label, .form-item-field-baby-is-first-child .form-radios,
  .form-item-field-pregnancy-gender .label,
  .form-item-field-pregnancy-gender .form-radios,
  .form-item-field-child-gender-und .label,
  .form-item-field-child-gender-und .form-radios {
    margin-left: -8.48% !important;
  }
}
/********************************/
/*	WEBFORMS     		            */
/********************************/
.url-textfield {
  display: none !important;
}

.form-managed-file .form-file {
  font-size: 1.4rem;
  height: inherit;
  margin-bottom: 10px;
  padding: 0;
}
.form-managed-file .form-submit {
  background-color: rgba(49, 168, 219, 0.8);
  border-radius: 5px;
  color: #fff;
}

.webform-client-form .col, .webform-client-form .article-teaser-big .article-illu, .article-teaser-big .webform-client-form .article-illu,
.webform-client-form .mobile-app-teaser-big .article-illu,
.mobile-app-teaser-big .webform-client-form .article-illu,
.webform-client-form .product-teaser-big .article-illu,
.product-teaser-big .webform-client-form .article-illu,
.webform-client-form .service-teaser-big .article-illu,
.service-teaser-big .webform-client-form .article-illu,
.webform-client-form .tool-teaser-big .article-illu,
.tool-teaser-big .webform-client-form .article-illu, .webform-client-form .article-teaser-big .article-header, .article-teaser-big .webform-client-form .article-header,
.webform-client-form .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big .webform-client-form .article-header,
.webform-client-form .product-teaser-big .article-header,
.product-teaser-big .webform-client-form .article-header,
.webform-client-form .service-teaser-big .article-header,
.service-teaser-big .webform-client-form .article-header,
.webform-client-form .tool-teaser-big .article-header,
.tool-teaser-big .webform-client-form .article-header, .webform-client-form .article-teaser,
.webform-client-form .coupon-teaser,
.webform-client-form .mobile-app-teaser,
.webform-client-form .product-teaser,
.webform-client-form .sample-teaser,
.webform-client-form .service-teaser,
.webform-client-form .tool-teaser, .webform-client-form .article-full .article-illu, .article-full .webform-client-form .article-illu, .webform-client-form .node--blog--full .article-illu, .node--blog--full .webform-client-form .article-illu, .webform-client-form .article-full .article-header, .article-full .webform-client-form .article-header, .webform-client-form .node--blog--full .article-header, .node--blog--full .webform-client-form .article-header, .webform-client-form .article-full .article-aside, .article-full .webform-client-form .article-aside, .webform-client-form .node--blog--full .article-aside, .node--blog--full .webform-client-form .article-aside, .webform-client-form .article-full .article-content, .article-full .webform-client-form .article-content, .webform-client-form .node--blog--full .article-content, .node--blog--full .webform-client-form .article-content, .webform-client-form .product-full .product-illu, .product-full .webform-client-form .product-illu, .webform-client-form .product-full .product-header, .product-full .webform-client-form .product-header, .webform-client-form .product-full .product-aside, .product-full .webform-client-form .product-aside, .webform-client-form .product-full .product-detail, .product-full .webform-client-form .product-detail, .webform-client-form .collector-teaser {
  margin-bottom: 0;
}

.webform-component--contact-website-info,
.webform-component--contact-product-info {
  display: none;
}

@media all and (min-width: 900px) {
  .field-name-field-breastfeeding-record-date {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .field-name-field-breastfeeding-record-date .form-item-field-breastfeeding-record-date-und-0-value-date {
    width: 49%;
    float: left;
  }
  .field-name-field-breastfeeding-record-date .form-item-field-breastfeeding-record-date-und-0-value-time {
    width: 49%;
    float: left;
    margin-left: 12px;
  }

  .field-name-field-choosen-breast {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
/********************************/
/*	BLOG DE PARENTS     	    */
/********************************/
#views-exposed-form-blog-the-parents-panel-pane-1 .views-exposed-form {
  padding-left: 15px;
}
#views-exposed-form-blog-the-parents-panel-pane-1 h3 {
  margin-bottom: 15px;
}
/********************************/
/*	NIN STAGES PAGE		   	    */
/********************************/
.nin-stages-page .nin-stages-filters-form #edit-filters > .col-3:nth-child(4n+1){
   margin-left: 0;
}

.nin-stages-page .nin-stages-filters-form #edit-filters, #product-catalogue-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

/***********************************/
/**** Buttons library			****/
/***********************************/
/* Classic */
.button, #search input[type="submit"], .search-form input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  line-height: 2;
  margin: 0 10px 10px;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11px;
  font-size: 1.1rem;
  -moz-transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  -webkit-transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
}

/* Colors declinations */
.button-orange ,
#show-gigya-popup-login{
  background-color: rgba(245, 149, 63, 0.8);
  color: #fff;
}
#topbar .button-orange,
#topbar #show-gigya-popup-login{
  color: #092e4d;
}
.button-orange:hover, .button-orange:focus {
  background-color: #f5953f;
}

.button-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.button-white:hover, .button-white:focus {
  background-color: #fff;
}

.button-blue, #search input[type="submit"], .search-form input[type="submit"] {
  background-color: rgba(49, 168, 219, 0.8);
  color: #fff;
}
.button-blue:hover, #search input[type="submit"]:hover, .search-form input[type="submit"]:hover, .button-blue:focus, #search input[type="submit"]:focus, .search-form input[type="submit"]:focus {
  background-color: #31a8db;
}

.button-blue2 {
  background-color: rgba(38, 115, 178, 0.8);
  color: #fff;
}
.button-blue2:hover, .button-blue2:focus {
  background-color: #2673b2;
}

.button-darkblue {
  background-color: rgba(9, 46, 77, 0.8);
  color: #fff;
}
.button-darkblue:hover, .button-darkblue:focus {
  background-color: #092e4d;
}

/* Borders buttons */
.button-border {
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  padding: 0 12px;
}
.button-border:hover, .button-border:focus {
  border: 2px solid #fff;
}

.button-border-orange {
  border: 2px solid rgba(245, 149, 63, 0.5);
  color: #f5953f;
}
.button-border-orange:hover, .button-border-orange:focus {
  border: 2px solid #f5953f;
}

.button-border-blue {
  background-color: #fff;
  border: 2px solid rgba(49, 168, 219, 0.5);
  color: #31a8db;
}
.button-border-blue:hover, .button-border-blue:focus {
  border: 2px solid #31a8db;
}

.button-border-darkblue {
  background-color: #fff;
  border: 2px solid rgba(9, 46, 77, 0.5);
  color: #092e4d;
}
.button-border-darkblue:hover, .button-border-darkblue:focus {
  border: 2px solid #092e4d;
}

.button-border-gray {
  background-color: #fff;
  border: 2px solid rgba(153, 153, 153, 0.5);
  color: #999;
}
.button-border-gray:hover, .button-border-gray:focus {
  border: 2px solid #999;
}

/* Button with left & right spaces */
.button-padding {
  padding: 0 20px;
}

/* Big CTA */
.button-action {
  line-height: 1.2;
  padding: 20px 50px;
  text-transform: inherit;
  white-space: normal;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  font-size: 18px;
  font-size: 1.8rem;
}
.dropdownnav .button-action {
  padding: 6px 40px;
}

/* Middle CTA */
.button-action-middle, #search input[type="submit"], .search-form input[type="submit"] {
  padding: 6px 40px;
  text-transform: inherit;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media all and (max-width: 500px) {
  .button-action-middle, #search input[type="submit"], .search-form input[type="submit"] {
    padding: 6px 14px;
    margin-right: 5px !important;
    margin-top: 8px !important;
  }
}

@media all and (max-width: 280px) {
  .button-action-middle, #search input[type="submit"], .search-form input[type="submit"] {
    padding: 6px 14px;
    margin-right: -5px !important;
    margin-top: 8px !important;
  }
}
/* Specific declinations */
/* Facebook connect */
.button-fb {
  padding: 10px 20px;
  background-color: rgba(75, 103, 161, 0.8);
  color: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.button-fb:hover, .button-fb:focus {
  background-color: #4b67a1;
}

/* Log out */
.button-logout {
  background-color: rgba(245, 84, 63, 0.8);
  background-image: url(../images/logout.png);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 17px 20px;
  color: #fff;
  padding: 8px 20px 8px 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.button-logout:hover, .button-logout:focus {
  background-color: #f5543f;
}

/* Search header */
.button-search {
  padding-left: 40px;
  position: relative;
}
.button-search:before {
  content: "";
  display: block;
  height: 17px;
  left: 16px;
  position: absolute;
  top: 3px;
  width: 17px;
  background-position: 0 -65px;
}

/* Contact tools specificities */
.contact-call, .contact-chat, .contact-email, .button-back, .button-backblue {
  padding-left: 40px;
  position: relative;
}
.contact-call:before, .contact-chat:before, .contact-email:before, .button-back:before, .button-backblue:before {
  content: "";
  display: block;
  left: 14px;
  position: absolute;
  top: 2px;
}

article .contact-call, article .contact-chat, article .contact-email, article .button-back, article .button-back-blue {
  margin-left: 2px !important;
  margin-right: 2px !important;
  font-size: 10px;
  font-size: 1rem;
}

.contact-call:before {
  height: 18px;
  width: 11px;
  background-position: 0 -20px;
}

.contact-chat:before {
  height: 15px;
  top: 3px;
  width: 17px;
  background-position: 0 -38px;
}

.contact-email:before {
  height: 12px;
  top: 5px;
  width: 18px;
  background-position: 0 -53px;
}

.button-back:before {
  height: 10px;
  top: 6px;
  width: 10px;
  background-position: 0 0;
}

.button-backblue:before {
  height: 10px;
  top: 6px;
  width: 10px;
  background-position: 0 -10px;
}

@media all and (max-width: 700px) {
  .button-back:before, .button-backblue:before {
    top: 4px;
  }
}
/*******************************************************/
/**** Layer overlay									****/
/*******************************************************/
#layer, #layer-black {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}
#layer.show, #layer-black.show {
  opacity: 1;
}

#layer-black {
  background-color: rgba(0, 0, 0, 0.8);
  top: 83px;
}

/*******************************************************/
/**** Registration loader							****/
/*******************************************************/
#layer-loader {
  left: 0;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 10;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
#layer-loader p {
  color: #000;
  padding: 0 10%;
  font-size: 20px;
  font-size: 2rem;
}
#layer-loader p strong {
  color: #31a8db;
  display: block;
  font-size: 35px;
  font-size: 3.5rem;
}
#layer-loader.show {
  opacity: 1;
}

#loader-illu {
  margin: 0 auto;
  padding: 50px 0 30px;
  position: relative;
  width: 160px;
}

#progress-counter {
  color: #31a8db;
  left: 110px;
  position: absolute;
  top: 190px;
  font-size: 15px;
  font-size: 1.5rem;
}

#progress-bar {
  background-color: #31a8db;
  height: 6px;
  margin: 0 auto 30px;
  padding: 3px;
  position: relative;
  width: 80%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#progression-bar {
  background-color: #fff;
  height: 6px;
  width: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*******************************************************/
/**** Registration loader							****/
/*******************************************************/
#layer-tutorial {
  left: 0;
  opacity: 0;
  padding-top: 85px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 10;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
#layer-tutorial.show {
  opacity: 1;
}

/***************************************/
/**** Video player 					****/
/***************************************/
.embedded-video .player {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.video-push .embedded-video .player {
  position: static;
  padding-bottom: 0;
}
.embedded-video .player iframe,
.embedded-video .player object,
.embedded-video .player embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
/********************/
/* Bloc video full  */
/********************/
.video-push {
  background-size: cover;
  height: 0;
  min-height: 200px;
  padding-top: 50%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.col-4 .video-push, .article-teaser-big .article-header .video-push,
.mobile-app-teaser-big .article-header .video-push,
.product-teaser-big .article-header .video-push,
.service-teaser-big .article-header .video-push,
.tool-teaser-big .article-header .video-push, .article-list .article-teaser .video-push,
.article-list .coupon-teaser .video-push,
.article-list .mobile-app-teaser .video-push,
.article-list .product-teaser .video-push,
.article-list .sample-teaser .video-push,
.article-list .service-teaser .video-push,
.article-list .tool-teaser .video-push, .article-full .article-illu .video-push, .node--blog--full .article-illu .video-push, .article-full .article-aside .video-push, .node--blog--full .article-aside .video-push, .product-full .product-illu .video-push, .product-full .product-aside .video-push {
  padding-top: 74%;
}
.video-push a:hover .video-push-play, .video-push a:focus .video-push-play {
  -ms-animation: animatedplay 1s infinite;
  -moz-animation: animatedplay 1s infinite;
  -webkit-animation: animatedplay 1s infinite;
  animation: animatedplay 1s infinite;
}
.video-push a {
  display: block;
  outline: 0;
  position: absolute;
  text-align: center;
  top: 35%;
  width: 100%;
}
.video-push h2 {
  color: #fff;
  padding: 20px 0;
  position: relative;
  font-size: 60px;
  font-size: 6rem;
}
.video-push p, .video-push .label-above {
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  max-width: 80%;
  font-size: 18px;
  font-size: 1.8rem;
}
.video-push .category {
  color: #fff;
  display: inline-block;
  padding-top: 10px;
  font-size: 22px;
  font-size: 2.2rem;
}
.video-push .embedded-video {
  display: none;
}
.video-push iframe, .video-push object, .video-push embed, .video-push video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-push-play {
  background: url(../images/ui/play.png) no-repeat top center;
  -moz-background-size: 80px 80px;
  -o-background-size: 80px 80px;
  -webkit-background-size: 80px 80px;
  background-size: 80px 80px;
  display: block;
  height: 88px;
  margin: 0 auto 10px;
  width: 88px;
}

@media all and (max-width: 900px) {
  .video-push p {
    display: none;
  }
}
@media all and (max-width: 700px) {
  .video-push a {
    top: 30%;
  }
  .video-push h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media all and (max-width: 500px) {
  .video-push {
    padding-top: 74%;
  }
  .video-push .category {
    display: none;
  }
}
/* Video Push Mobile */
/* SHSH-2394 */
/*@media all and (max-width: 500px) {*/
  /*.video-push {*/
    /*height: auto;*/
    /*min-height: inherit;*/
    /*padding-top: 0;*/
  /*}*/
  /*.video-push a{*/
    /*width: 100%;*/
    /*top: 0;*/
    /*position: initial;*/
  /*}*/
  /*.video-push-play {*/
    /*margin: 20px auto 0;*/
  /*}*/

  /*body.node-type-topic-page .node--topic-story--video .video-push .embedded-video,*/
  /*body.node-type-brand .video-push .embedded-video {*/
    /*padding-top: 74%;*/
  /*}*/
/*}*/

/********************/
/* Bloc video small */
/********************/
.video-push-small {
  display: block;
}
.video-push-small:hover .video-push-play, .video-push-small:focus .video-push-play {
  -ms-animation: animatedplay 1s 3;
  -moz-animation: animatedplay 1s 3;
  -webkit-animation: animatedplay 1s 3;
  animation: animatedplay 1s 3;
}
.col-4 .video-push-small, .article-teaser-big .article-header .video-push-small,
.mobile-app-teaser-big .article-header .video-push-small,
.product-teaser-big .article-header .video-push-small,
.service-teaser-big .article-header .video-push-small,
.tool-teaser-big .article-header .video-push-small, .article-list .article-teaser .video-push-small,
.article-list .coupon-teaser .video-push-small,
.article-list .mobile-app-teaser .video-push-small,
.article-list .product-teaser .video-push-small,
.article-list .sample-teaser .video-push-small,
.article-list .service-teaser .video-push-small,
.article-list .tool-teaser .video-push-small, .article-full .article-illu .video-push-small, .node--blog--full .article-illu .video-push-small, .article-full .article-aside .video-push-small, .node--blog--full .article-aside .video-push-small, .product-full .product-illu .video-push-small, .product-full .product-aside .video-push-small {
  max-width: 360px;
}
.video-push-small .video-push-play {
  background: url(../images/ui/play.png) no-repeat top center;
  -moz-background-size: 64px 64px;
  -o-background-size: 64px 64px;
  -webkit-background-size: 64px 64px;
  background-size: 64px 64px;
  content: "";
  display: block;
  height: 64px;
  left: 0;
  margin-top: -32px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.video-push-small img {
  display: block;
}
.video-push-small span {
  display: block;
  line-height: 1.5;
  padding-bottom: 5px;
}

@media all and (max-width: 700px) {
  .video-push-small .video-push-play {
    -moz-background-size: 36px 36px;
    -o-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
    height: 36px;
    margin-top: -18px;
  }
}
@media all and (max-width: 500px) {
  .col-4 .video-push-small, .article-teaser-big .article-header .video-push-small,
  .mobile-app-teaser-big .article-header .video-push-small,
  .product-teaser-big .article-header .video-push-small,
  .service-teaser-big .article-header .video-push-small,
  .tool-teaser-big .article-header .video-push-small, .article-list .article-teaser .video-push-small,
  .article-list .coupon-teaser .video-push-small,
  .article-list .mobile-app-teaser .video-push-small,
  .article-list .product-teaser .video-push-small,
  .article-list .sample-teaser .video-push-small,
  .article-list .service-teaser .video-push-small,
  .article-list .tool-teaser .video-push-small, .article-full .article-illu .video-push-small, .node--blog--full .article-illu .video-push-small, .article-full .article-aside .video-push-small, .node--blog--full .article-aside .video-push-small, .product-full .product-illu .video-push-small, .product-full .product-aside .video-push-small {
    margin: auto !important;
  }
}
@-webkit-keyframes animatedplay {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  15% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  30% {
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  45% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  60% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  75% {
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  90% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes animatedplay {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  15% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  30% {
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  45% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  60% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  75% {
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  90% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes animatedplay {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  15% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  30% {
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  45% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  60% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  75% {
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  90% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes animatedplay {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  15% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  30% {
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  45% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  60% {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  75% {
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  90% {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.video-mp4-upload {
  background-color: black;
}

/* Layer */
#layer {
  background: #092e4d;
  background: rgba(9, 46, 77, 0.8);
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  opacity: 1;
}

/* Popin */
#layer-popin {
  display: none;
  margin: 0 auto;
  position: fixed;
  right: 0;
  width: 100%;
  max-width: 700px;
  z-index: 101;
}
#layer-popin .popin-head {
  background-color: #31a8db;
}
#layer-popin .popin-head .col, #layer-popin .popin-head .article-teaser-big .article-illu, .article-teaser-big #layer-popin .popin-head .article-illu,
#layer-popin .popin-head .mobile-app-teaser-big .article-illu,
.mobile-app-teaser-big #layer-popin .popin-head .article-illu,
#layer-popin .popin-head .product-teaser-big .article-illu,
.product-teaser-big #layer-popin .popin-head .article-illu,
#layer-popin .popin-head .service-teaser-big .article-illu,
.service-teaser-big #layer-popin .popin-head .article-illu,
#layer-popin .popin-head .tool-teaser-big .article-illu,
.tool-teaser-big #layer-popin .popin-head .article-illu, #layer-popin .popin-head .article-teaser-big .article-header, .article-teaser-big #layer-popin .popin-head .article-header,
#layer-popin .popin-head .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big #layer-popin .popin-head .article-header,
#layer-popin .popin-head .product-teaser-big .article-header,
.product-teaser-big #layer-popin .popin-head .article-header,
#layer-popin .popin-head .service-teaser-big .article-header,
.service-teaser-big #layer-popin .popin-head .article-header,
#layer-popin .popin-head .tool-teaser-big .article-header,
.tool-teaser-big #layer-popin .popin-head .article-header, #layer-popin .popin-head .article-teaser,
#layer-popin .popin-head .coupon-teaser,
#layer-popin .popin-head .mobile-app-teaser,
#layer-popin .popin-head .product-teaser,
#layer-popin .popin-head .sample-teaser,
#layer-popin .popin-head .service-teaser,
#layer-popin .popin-head .tool-teaser, #layer-popin .popin-head .article-full .article-illu, .article-full #layer-popin .popin-head .article-illu, #layer-popin .popin-head .node--blog--full .article-illu, .node--blog--full #layer-popin .popin-head .article-illu, #layer-popin .popin-head .article-full .article-header, .article-full #layer-popin .popin-head .article-header, #layer-popin .popin-head .node--blog--full .article-header, .node--blog--full #layer-popin .popin-head .article-header, #layer-popin .popin-head .article-full .article-aside, .article-full #layer-popin .popin-head .article-aside, #layer-popin .popin-head .node--blog--full .article-aside, .node--blog--full #layer-popin .popin-head .article-aside, #layer-popin .popin-head .article-full .article-content, .article-full #layer-popin .popin-head .article-content, #layer-popin .popin-head .node--blog--full .article-content, .node--blog--full #layer-popin .popin-head .article-content, #layer-popin .popin-head .product-full .product-illu, .product-full #layer-popin .popin-head .product-illu, #layer-popin .popin-head .product-full .product-header, .product-full #layer-popin .popin-head .product-header, #layer-popin .popin-head .product-full .product-aside, .product-full #layer-popin .popin-head .product-aside, #layer-popin .popin-head .product-full .product-detail, .product-full #layer-popin .popin-head .product-detail, #layer-popin .popin-head .collector-teaser {
  margin-bottom: 0;
}
#layer-popin .button-close {
  background: url(../images/button-close.png) no-repeat;
  background-size: 16px 16px;
  display: block;
  height: 16px;
  position: absolute;
  right: 8px;
  text-indent: -9999px;
  top: 8px;
  width: 16px;
}
#layer-popin .button-close span {
  position: absolute;
  top: -9999px;
}

.popin {
  background-color: #fcfcfb;
  position: relative;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.popin-title {
  color: #fff;
  margin: 0;
  max-width: 90%;
  padding: 5px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
}

.popin-content {
  padding: 0 10px;
}

.popin form {
  margin-bottom: 0;
}

.popin-content ul, .node--tool--full .col-8 ul, .node--tool--full .article-teaser-big .article-illu ul, .article-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .mobile-app-teaser-big .article-illu ul,
.mobile-app-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .product-teaser-big .article-illu ul,
.product-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .service-teaser-big .article-illu ul,
.service-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .tool-teaser-big .article-illu ul,
.tool-teaser-big .node--tool--full .article-illu ul, .node--tool--full .article-full .article-header ul, .article-full .node--tool--full .article-header ul, .node--tool--full .node--blog--full .article-header ul, .node--blog--full .node--tool--full .article-header ul, .node--tool--full .article-full .article-content ul, .article-full .node--tool--full .article-content ul, .node--tool--full .node--blog--full .article-content ul, .node--blog--full .node--tool--full .article-content ul, .node--tool--full .product-full .product-header ul, .product-full .node--tool--full .product-header ul, .node--tool--full .product-full .product-detail ul, .product-full .node--tool--full .product-detail ul {
  margin-bottom: 30px;
}
.popin-content ul li, .node--tool--full .col-8 ul li, .node--tool--full .article-teaser-big .article-illu ul li, .article-teaser-big .node--tool--full .article-illu ul li,
.node--tool--full .mobile-app-teaser-big .article-illu ul li,
.mobile-app-teaser-big .node--tool--full .article-illu ul li,
.node--tool--full .product-teaser-big .article-illu ul li,
.product-teaser-big .node--tool--full .article-illu ul li,
.node--tool--full .service-teaser-big .article-illu ul li,
.service-teaser-big .node--tool--full .article-illu ul li,
.node--tool--full .tool-teaser-big .article-illu ul li,
.tool-teaser-big .node--tool--full .article-illu ul li, .node--tool--full .article-full .article-header ul li, .article-full .node--tool--full .article-header ul li, .node--tool--full .node--blog--full .article-header ul li, .node--blog--full .node--tool--full .article-header ul li, .node--tool--full .article-full .article-content ul li, .article-full .node--tool--full .article-content ul li, .node--tool--full .node--blog--full .article-content ul li, .node--blog--full .node--tool--full .article-content ul li, .node--tool--full .product-full .product-header ul li, .product-full .node--tool--full .product-header ul li, .node--tool--full .product-full .product-detail ul li, .product-full .node--tool--full .product-detail ul li {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.popin-content ul li:before, .node--tool--full .col-8 ul li:before, .node--tool--full .article-teaser-big .article-illu ul li:before, .article-teaser-big .node--tool--full .article-illu ul li:before,
.node--tool--full .mobile-app-teaser-big .article-illu ul li:before,
.mobile-app-teaser-big .node--tool--full .article-illu ul li:before,
.node--tool--full .product-teaser-big .article-illu ul li:before,
.product-teaser-big .node--tool--full .article-illu ul li:before,
.node--tool--full .service-teaser-big .article-illu ul li:before,
.service-teaser-big .node--tool--full .article-illu ul li:before,
.node--tool--full .tool-teaser-big .article-illu ul li:before,
.tool-teaser-big .node--tool--full .article-illu ul li:before, .node--tool--full .article-full .article-header ul li:before, .article-full .node--tool--full .article-header ul li:before, .node--tool--full .node--blog--full .article-header ul li:before, .node--blog--full .node--tool--full .article-header ul li:before, .node--tool--full .article-full .article-content ul li:before, .article-full .node--tool--full .article-content ul li:before, .node--tool--full .node--blog--full .article-content ul li:before, .node--blog--full .node--tool--full .article-content ul li:before, .node--tool--full .product-full .product-header ul li:before, .product-full .node--tool--full .product-header ul li:before, .node--tool--full .product-full .product-detail ul li:before, .product-full .node--tool--full .product-detail ul li:before {
  color: #31a8db;
  content: "• ";
}

.popin .node--security-message {
  text-align: center;
}
.popin .node--security-message .popin-content {
  padding: 0;
}
.popin .node--security-message .popin-content img {
  margin-bottom: 10px;
}
.popin .node--security-message .popin-content p {
  padding-left: 10px;
  padding-right: 10px;
}
.popin .node--security-message h2 {
  margin-bottom: 20px;
}
.popin .node--security-message .form-actions {
  margin-top: 40px;
}

/* general blocks */
/*******************************************************/
/**** Header 										****/
/**** => _nav.scss is a kind of submodule 			****/
/*******************************************************/
header {
  position: relative;
}
header a {
  color: #3d3c37;
  font-size: 16px;
  font-size: 1.5rem;
}

/***************************/
/**** Top bar 			****/
/***************************/
.elearn-sticky-bar, .not-logged-in .elearn-sticky-bar {
  display: none;
}

.sticky-bar .elearn-sticky-bar {
  display: block;
  border-top: 10px solid #f5953f;
  background-color: #BFDBF3;
  position: fixed;
  z-index: 1000;
  width: 100%;
}
.sticky-bar .elearn-sticky-bar .elearn.sticky.bar {
  height: 85px;
  max-width: 1096px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.sticky-bar .elearn-sticky-bar .elearn.sticky.bar a {
  display: inline-block;
  font-weight: bold;
}
.sticky-bar .elearn-sticky-bar .elearn.sticky.bar a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 8px;
  margin: 0 5px 0 10px;
  background-image: url(../../nin_elearn_theme/images/icons/icon_arrow_left.png);
}
.sticky-bar .elearn-sticky-bar .elearn.sticky.bar a:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 12px;
  margin: 0 0 0 5px;
  background-image: url(../../nin_elearn_theme/images/icons/icon_graphic_element_dark.png);
}

#topbar {
  background-color: #092e4d;
  border-top: 2px solid #000;
  height: 40px;
  padding-top: 12px;
  position: relative;
  z-index: 4;
}
#topbar .row, #topbar .article-teaser-big,
#topbar .mobile-app-teaser-big,
#topbar .product-teaser-big,
#topbar .service-teaser-big,
#topbar .tool-teaser-big, #topbar .product-full .product, .product-full #topbar .product, #topbar .article-full.stage .stage-content, .article-full.stage #topbar .stage-content {
  position: relative;
}
#topbar ul, #topbar li {
  display: inline-block;
}

.sticky-bar #topbar {
  padding-top: 107px;
}

.pane-menu-menu-topbar-menu {
  display: inline-block;
}

.contact-tool ul {
  margin-bottom: 0;
}

/* Fix contact-tool 10/08/18 */

.contact-tool {

}
.contact-tool > .menu > .first{
  position: relative;
}
.contact-tool > .menu  > .first > .contact-chat {
  /*margin: 0; SHSH-2305 */
  border-radius: 12px;
}
.contact-tool > .menu  > .first > .menu {
  position: absolute;
  top: 26px;
  left: 0;
  display: block;
  width: 100%;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 2px #092e4d;
  border-radius: 0 0 12px 12px ;
  z-index: 9999;
}
.contact-tool > .menu  > .first > .menu > li {
  width: 100%;
}
.contact-tool > .menu  > .first > .menu > li > a {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  border: none;
  color: #092e4d;
  border-bottom: solid 1px #092e4d;
  border-radius: 0;
}
.contact-tool > .menu  > .first > .menu > li.last > a {
  border-bottom: none;
}
.contact-tool > .menu  > .first > .menu > li > a:before {
  display: none;
}

#menu {
  display: none;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 4px;
  width: 26px;
  -moz-transition: -moz-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
#menu .line {
  background: #fff;
  display: block;
  height: 4px;
  margin-bottom: 5px;
  width: 100%;
  -moz-transition: -moz-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
.open-mobile #menu {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: -moz-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
.open-mobile #menu .line:nth-child(1) {
  -moz-transform: translate(0px, 7px);
  -ms-transform: translate(0px, 7px);
  -webkit-transform: translate(0px, 7px);
  transform: translate(0px, 7px);
}
.open-mobile #menu .line:nth-child(2) {
  -moz-transform: rotate(90deg) translate(-2px, 0px);
  -ms-transform: rotate(90deg) translate(-2px, 0px);
  -webkit-transform: rotate(90deg) translate(-2px, 0px);
  transform: rotate(90deg) translate(-2px, 0px);
}
.open-mobile #menu .line:nth-child(3) {
  opacity: 0;
  transform: rotate(-45deg) translate(7px, 2px);
  -moz-transform: rotate(-45deg) translate(7px, 2px);
  -ms-transform: rotate(-45deg) translate(7px, 2px);
  -webkit-transform: rotate(-45deg) translate(7px, 2px);
}

/***************************/
/**** Log area 			****/
/***************************/
.logarea {
  display: inline-block;
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 4px;
  margin-left: 15px;
}
.logarea .signin, .logarea .register {
  display: inline-block;
}
.logarea .signin {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  padding-left: 15px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.logarea .signin .button, .logarea .signin #search input[type="submit"], #search .logarea .signin input[type="submit"], .logarea .signin .search-form input[type="submit"], .search-form .logarea .signin input[type="submit"] {
  margin-right: 0;
  margin-bottom: 0;
}
.logarea .register {
  color: #666;
  position: absolute;
  font-weight: bold;
  right: 10px;
  top: 50px;
  z-index: 2;
}
.logarea .register a {
  color: #31a8db;
  text-decoration: underline;
  font-size: 12px;
  font-size: 1.2rem;
}

/***************************/
/**** Logged in 		****/
/***************************/
#loggedin {
  position: relative;
  float: right;
}
#loggedin a {
  display: inline-block;
  margin-left: -3px;
  padding: 2px 8px 2px 10px;
  position: relative;
}
#loggedin a:before {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  left: 0;
  height: 22px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 1px;
}

/***************************/
/**** Header 			****/
/***************************/
#header {
  background-color: #fff;
  color: #666;
  position: relative;
  text-align: center;
}
#header a {
  color: #31a8db;
  font-weight: bold;
  text-decoration: underline;
}

.pane-menu-menu-social-menu {
  text-align: left;
  padding-top: 10px;
}
.pane-menu-menu-social-menu ul, .pane-menu-menu-social-menu li {
  display: inline;
}
.pane-menu-menu-social-menu span {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.pane-menu-menu-social-menu a {
  display: inline-block;
  height: 14px;
  text-indent: -9999px;
  width: 17px;
}

#logo img {
  margin-top: -10px;
  padding-bottom: 15px;
}
.page-user-register #logo img, .page-user-login #logo img, .page-user-password #logo img {
  margin-top: 15px;
}

#openuser {
  position: relative;
  z-index: 102;
}

#user-panel, #gigya-popup-login {
  background-color: white;
  opacity: 0;
  position: absolute;
  top: 55px;
  display: none;
  right: -320px;
  width: 320px;
  z-index: 101;
}

.page-searchsolr #user-panel,
.page-searchsolr #gigya-popup-login{
  height: 100% !important;
  top: -270px !important;
}

.page-search .more-link {
  display: none !important;
}

.sticky-bar #user-panel,
.sticky-bar #gigya-popup-login{
  top: 149px;
}

.user-panel,
.gigya-popup-login{
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.page-searchsolr .user-panel,
.page-searchsolr .gigya-popup-login{
  overflow-y: visible !important;
}

.user-panel .user-tool-links .col-4, .user-panel .user-tool-links .article-teaser-big .article-header, .article-teaser-big .user-panel .user-tool-links .article-header,
.user-panel .user-tool-links .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big .user-panel .user-tool-links .article-header,
.user-panel .user-tool-links .product-teaser-big .article-header,
.product-teaser-big .user-panel .user-tool-links .article-header,
.user-panel .user-tool-links .service-teaser-big .article-header,
.service-teaser-big .user-panel .user-tool-links .article-header,
.user-panel .user-tool-links .tool-teaser-big .article-header,
.tool-teaser-big .user-panel .user-tool-links .article-header, .user-panel .user-tool-links .article-list .article-teaser, .article-list .user-panel .user-tool-links .article-teaser,
.user-panel .user-tool-links .article-list .coupon-teaser,
.article-list .user-panel .user-tool-links .coupon-teaser,
.user-panel .user-tool-links .article-list .mobile-app-teaser,
.article-list .user-panel .user-tool-links .mobile-app-teaser,
.user-panel .user-tool-links .article-list .product-teaser,
.article-list .user-panel .user-tool-links .product-teaser,
.user-panel .user-tool-links .article-list .sample-teaser,
.article-list .user-panel .user-tool-links .sample-teaser,
.user-panel .user-tool-links .article-list .service-teaser,
.article-list .user-panel .user-tool-links .service-teaser,
.user-panel .user-tool-links .article-list .tool-teaser,
.article-list .user-panel .user-tool-links .tool-teaser, .user-panel .user-tool-links .article-full .article-illu, .article-full .user-panel .user-tool-links .article-illu, .user-panel .user-tool-links .node--blog--full .article-illu, .node--blog--full .user-panel .user-tool-links .article-illu, .user-panel .user-tool-links .article-full .article-aside, .article-full .user-panel .user-tool-links .article-aside, .user-panel .user-tool-links .node--blog--full .article-aside, .node--blog--full .user-panel .user-tool-links .article-aside, .user-panel .user-tool-links .product-full .product-illu, .product-full .user-panel .user-tool-links .product-illu, .user-panel .user-tool-links .product-full .product-aside, .product-full .user-panel .user-tool-links .product-aside {
  width: 100%;
  margin-left: 0;
}

#tools-panel {
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 20;
}

#tools-panel .row, #tools-panel .article-teaser-big,
#tools-panel .mobile-app-teaser-big,
#tools-panel .product-teaser-big,
#tools-panel .service-teaser-big,
#tools-panel .tool-teaser-big, #tools-panel .product-full .product, .product-full #tools-panel .product, #tools-panel .article-full.stage .stage-content, .article-full.stage #tools-panel .stage-content {
  position: relative;
}

#tools-panel-list {
  background-color: #fcfcfb;
  border: 1px solid #CCC;
  color: #666;
  display: none;
  margin-top: 6px;
  padding: 10px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 318px;
  -moz-box-shadow: 0px 2px 5px 2px #cccccc;
  -webkit-box-shadow: 0px 2px 5px 2px #cccccc;
  -o-box-shadow: 0px 2px 5px 2px #cccccc;
  box-shadow: 0px 2px 5px 2px #cccccc;
}

#tools-panel-list:before {
  background: url(../images/tools-panel.png) no-repeat;
  background-size: 13px 10px;
  content: "";
  height: 10px;
  left: 260px;
  position: absolute;
  top: -10px;
  width: 13px;
}

#tools-panel-list li {
  display: inline-block;
  height: auto;
  margin: 0 10px 20px;
  text-align: center;
  vertical-align: top;
  width: 83px;
}

#tools-panel-list a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

#tools-panel-list img {
  border: 4px solid #fff;
  display: block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-bottom: 5px;
  width: 75px;
  max-width: 75px;
}

@media all and (max-width: 900px) {
  header .contact-tool {
    display: none;
  }

  .logarea, .pane-menu-menu-social-menu {
    display: none;
  }

  .open-mobile .logarea {
    margin-top: 17px;
    display: block;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 100%;
    z-index: 11;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .open-mobile .logarea .signin {
    background: none;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
    transition: visibility .8s, opacity .8s;
  }
  .open-mobile .logarea .signin a {
    display: block;
    margin: 10px auto 0;
    padding: 6px 40px;
    text-transform: uppercase;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .open-mobile .logarea .signin.hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .open-mobile .logarea .register {
    color: #fff;
    margin: auto;
    top: 90px;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }

  #logo img {
    margin-top: 15px;
  }
}
.go-back-button {
  float: left;
}

/*@media all and (max-width: 500px){
	#logo{
		display: none;
	}
}*/
/***************************/
/**** Search form 		****/
/***************************/
/***************************/
/**** Nav	 			****/
/***************************/
nav:not(.breadcrumb) {
  background-color: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}
nav .row, nav .article-teaser-big,
nav .mobile-app-teaser-big,
nav .product-teaser-big,
nav .service-teaser-big,
nav .tool-teaser-big, nav .product-full .product, .product-full nav .product, nav .article-full.stage .stage-content, .article-full.stage nav .stage-content {
  position: relative;
}
nav ul {
  display: inline-block;
  margin-bottom: 0;
}

#nav-home {
  left: 0;
  padding: 0 15px;
  position: absolute;
  top: 0;
}
#nav-home span {
  display: table-cell;
  height: 58px;
  vertical-align: middle;
}

#nav-links {
  position: absolute;
  right: 0;
  top: 0;
}
#nav-links li {
  display: table-cell;
  height: 58px;
  max-width: 80px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  background: url(../images/nav-sep.png) no-repeat right center;
}
#nav-links li:last-child {
  background: none;
}
#nav-links a {
  padding: 0;
}

@media (min-width: 900px) {
  #nav-links {
    max-width: 34%;
  }
}
@media (min-width: 900px) and (max-width: 1096px) {
  #nav-links a {
    font-size: 1.4rem;
  }
}

#steps {
  background-color: #7facd1;
  height: 58px;
  margin-right: 50px;
  vertical-align: top;
}
#steps li {
  float: left;
}
#steps li:first-child a {
  background-image: none;
}
#steps a {
  background: url(../images/nav-sep.png) no-repeat left center;
  color: #fff;
  display: table-cell;
  height: 58px;
  padding: 0 15px;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
}
#steps a:hover, #steps a.on {
  background-color: #fff;
  color: #092e4d;
}
#steps a:hover .unit, #steps a.on .unit {
  color: #31a8db;
}
#steps span {
  display: block;
}
#steps .step {
  padding-top: 5px;
  font-size: 24px;
  font-size: 2.4rem;
}
#steps .unit {
  color: #adc7dd;
  font-size: 11px;
  font-size: 1.1rem;
}

@media all and (min-width: 900px) and (max-width: 1096px) {
  #steps {
    margin-right: 90px;
  }
}
@media all and (max-width: 900px) {
  .logged-in nav.show {
    padding-top: 10px;
  }

  nav {
    display: none;
  }
  nav.show {
    background-color: #092e4d;
    padding: 130px 20px 20px;
    position: absolute;
    top: 48px;
    left: 0px;
    height: auto;
    display: block;
    text-align: left;
    width: 100%;
    z-index: 11;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  nav.show .row, nav.show .article-teaser-big,
  nav.show .mobile-app-teaser-big,
  nav.show .product-teaser-big,
  nav.show .service-teaser-big,
  nav.show .tool-teaser-big, nav.show .product-full .product, .product-full nav.show .product, nav.show .article-full.stage .stage-content, .article-full.stage nav.show .stage-content {
    height: auto;
  }
  nav.show a, nav.show span {
    font-size: 20px;
    font-size: 2rem;
  }
  nav.show #nav-home, nav.show #nav-links {
    position: static;
  }
  nav.show #nav-home a, nav.show #nav-links a {
    color: #fff;
  }
  nav.show #nav-home span, nav.show #nav-links span {
    display: block;
    height: auto;
  }
  nav.show #nav-home {
    background-image: url("../images/arrow-blue.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px 10px;
    color: #fff;
    display: block;
    padding: 15px 0;
  }
  nav.show #nav-links {
    margin-top: 30px;
  }
  nav.show #nav-links ul {
    display: block;
  }
  nav.show #nav-links li {
    display: block;
    height: auto;
    max-width: inherit;
    padding: 0;
    text-align: left;
    background: none;
  }
  nav.show #nav-links li:first-child a {
    border: none;
  }
  nav.show #nav-links li:last-child {
    background: none;
  }
  nav.show #nav-links a {
    background-image: url("../images/arrow-blue.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px 10px;
    border-top: 1px solid rgba(49, 168, 219, 0.6);
    display: block;
    padding: 15px 0;
  }
  nav.show #nav-links span {
    display: inline;
  }
  nav.show #steps {
    background-color: #092e4d;
    height: auto;
    display: block;
    margin-right: 0;
  }
  nav.show #steps li {
    display: block;
    height: auto;
    float: none;
  }
  nav.show #steps a {
    background-image: url("../images/arrow-blue.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px 10px;
    border-top: 1px solid rgba(49, 168, 219, 0.6);
    display: block;
    height: auto;
    padding: 15px 0;
    font-size: 20px;
    font-size: 2rem;
  }
  nav.show #steps span {
    display: inline;
  }

  #menu {
    display: block;
  }
}
.sticky-bar nav.show {
  top: 149px;
}

/*******************************************************/
/**** Main navigation dropdowns						****/
/*******************************************************/
.dropdownnav {
  display: none;
  position: absolute;
  z-index: 6;
}

@media all and (min-width: 900px) {
  .dropdownnav {
    background: #fff;
    left: 0;
    top: 58px;
    width: 100%;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  }
  .dropdownnav.show {
    display: flex;
  }
  .dropdownnav .dropdownnav-title {
    display: none;
  }
  .dropdownnav .sections, .dropdownnav .crosslinks, .dropdownnav .benefits, .dropdownnav .block--bean-panels {
    display: block;
    vertical-align: top;
  }
  .dropdownnav .sections {
    display: flex;
    flex-direction: column;
    background-color: #f6f6f6;
    padding: 15px;
    text-align: left;
    max-width: 190px;
    min-width: 190px;
    width: 100%;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .dropdownnav .sections li a {
    background-image: url("../images/arrow-blue.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 5px 10px;
    color: #092e4d;
    display: block;
    padding: 5px 0 5px 18px;
    text-decoration: underline;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .dropdownnav .sections ul {
    margin-bottom: 10px;
  }
  .dropdownnav .sections .sections-links {
    min-width: 75%;
    padding-bottom: 10px;
    position: relative;
  }
  .dropdownnav .sections .sections-links:after {
    background-color: #31a8db;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 20px;
  }
  .dropdownnav .sections .sections-links li:last-child a {
    border-bottom: none;
  }
  .dropdownnav .sections .sections-links li a {
    border-bottom: 1px solid #ccc;
    padding: 15px 0 15px 18px;
    text-decoration: none;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .dropdownnav .crosslinks {
    width: auto;
    display: flex;
    flex-grow: 1;
  }
}
@media all and (max-width: 900px) {
  #topbar {
    z-index: 15;
  }

  #dropdownnav {
    top: -50px;
    width: 100%;
  }

  nav.show #nav-home, #steps, nav.show #nav-links, nav.show .country-specials-menu-mobile {
    left: 0;
    position: relative;
    -moz-transition: left 0.3s ease-out;
    -o-transition: left 0.3s ease-out;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
  }

  nav.dropdown-show #steps, nav.dropdown-show #nav-home, nav.dropdown-show #nav-links, nav.dropdown-show .country-specials-menu-mobile {
    left: -150%;
  }

  .dropdownnav {
    display: block;
    left: 150%;
    top: 0;
    width: 100%;
    -moz-transition: left 0.3s ease-out;
    -o-transition: left 0.3s ease-out;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
  }
  .dropdownnav.show {
    left: 0;
  }

  .dropdownnav-title {
    background-image: url("../images/arrow-back.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 12px 20px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 25px 50px;
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
  }
  .dropdownnav-title span {
    display: block;
  }
  .dropdownnav-title .step {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .dropdownnav-title .unit {
    color: #adc7dd;
    font-size: 22px;
    font-size: 2.2rem;
  }

  .sections {
    background-color: #092e4d;
    height: auto;
    display: block;
  }
  .sections ul {
    width: 100%;
  }
  .sections li {
    display: block;
  }
  .sections a {
    background-image: url("../images/arrow-blue.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 5px 10px;
    color: #fff;
    display: block;
    padding: 5px 0 5px 18px;
    text-decoration: underline;
  }

  nav .sections a {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .sections a {
    background: none;
    border-top: 1px solid rgba(49, 168, 219, 0.6);
    padding: 15px 0;
    text-decoration: none;
  }
  .sections .align_center a {
    border: none;
  }

  nav .sections-links {
    margin-bottom: 30px;
  }
  nav .sections-links a {
    font-size: 20px;
    font-size: 2rem;
  }
  nav .sections-links + ul li:first-child a {
    border: none;
  }

  .dropdownnav .benefits, .dropdownnav .block--bean-panels, .dropdownnav .crosslinks {
    display: none;
  }
}
footer {
  background-color: #094271;
  color: #fff;
  padding: 40px 0 80px;
  /* Overload header socials */
  /* Language switcher */
  /* Masquerade */
}
footer a {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  opacity: 0.6;
  padding: 6px 0 8px;
  font-size: 12px;
  font-size: 1.2rem;
}
footer .pane-menu-menu-footer ul,
footer .pane-menu-menu-social-menu ul {
  font-size: 0;
  width: 49.06%;
}
footer .pane-menu-menu-footer li,
footer .pane-menu-menu-social-menu li {
  border-bottom: 1px solid rgba(150, 190, 223, 0.6);
  display: inline-block;
  list-style: none;
  width: 49.06%;
}
footer .pane-menu-menu-footer li:nth-child(2n),
footer .pane-menu-menu-social-menu li:nth-child(2n) {
  margin-left: 1.82%;
}
footer .pane-menu-menu-social-menu {
  display: none;
}
footer .pane-menu-menu-social-menu h2,
footer .pane-menu-menu-social-menu li,
footer .pane-menu-menu-social-menu ul {
  display: inline-block;
}
footer .pane-menu-menu-social-menu h2 {
  border-bottom: 1px solid rgba(150, 190, 223, 0.6);
  color: #fff;
  padding: 6px 0 8px;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}
footer .pane-menu-menu-social-menu a {
  background: none;
  height: auto!important;
  text-indent: 0;
  vertical-align: top;
  width: 100%!important;
  background-image: none!important;
}
footer .pane-admin-language-admin-language-switcher,
footer .pane-locale-language-content {
  margin: 20px 0;
}
footer .pane-admin-language-admin-language-switcher .pane-title,
footer .pane-locale-language-content .pane-title {
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 2px;
}
footer .pane-admin-language-admin-language-switcher .pane-admin-language-admin-language-switcher .links li,
footer .pane-locale-language-content .pane-admin-language-admin-language-switcher .links li {
  width: auto;
  display: inline-block;
  padding-right: 6px;
}
footer .pane-admin-language-admin-language-switcher .pane-admin-language-admin-language-switcher .links li a:hover,
footer .pane-locale-language-content .pane-admin-language-admin-language-switcher .links li a:hover {
  text-decoration: underline;
}
footer .pane-admin-language-admin-language-switcher .pane-admin-language-admin-language-switcher .links li a.active,
footer .pane-locale-language-content .pane-admin-language-admin-language-switcher .links li a.active {
  color: #fff;
  opacity: 1;
}
footer .pane-admin-language-admin-language-switcher .pane-admin-language-admin-language-switcher .links li a.active:hover,
footer .pane-locale-language-content .pane-admin-language-admin-language-switcher .links li a.active:hover {
  cursor: default;
  text-decoration: none;
}
footer .pane-masquerade-masquerade .pane-title {
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 2px;
}
footer .pane-masquerade-masquerade form {
  margin-top: 4px;
}
footer .pane-masquerade-masquerade .form-item-masquerade-user-field #autocomplete {
  font-size: 12px;
  font-size: 1.2rem;
}
footer .pane-masquerade-masquerade .form-item-masquerade-user-field #autocomplete li {
  padding: 2px;
}
footer .pane-masquerade-masquerade .form-item-masquerade-user-field .form-text {
  width: auto;
  height: auto;
}
footer .pane-masquerade-masquerade .form-submit {
  font-size: 16px;
  font-size: 1.6rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer .pane-masquerade-masquerade .form-item .description {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-weight: bold;
}
footer .pane-masquerade-masquerade .form-item .description a {
  padding: 0;
}
footer .pane-masquerade-masquerade .form-item .description .placeholder {
  color: #fff;
  font-style: normal;
}
footer .pane-masquerade-masquerade .form-item .description #quick_switch_links li,
footer .pane-masquerade-masquerade .form-item .description #quick_switch_links ul {
  display: inline-block;
  padding-left: 2px;
}
footer .panel-pane {
  position: relative;
  z-index: 2;
}
footer .pane-nin-feature-base-nin-feature-base-150-years-image {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 500px) {
  footer .pane-nin-feature-base-nin-feature-base-150-years-image {
    width: 50%;
    bottom: -40px;
  }
  footer .pane-nin-feature-base-nin-feature-base-150-years-image .nin_150_years_footer_image {
    width: 100%;
  }
}
footer .pane-nin-feature-base-nin-feature-base-150-years-image .nin_150_years_footer_image {
  display: block;
  max-height: 194px;
  max-width: 283px;
  user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
  -o-user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
}
footer .footer-copy-text {
  margin-top: 20px;
}
footer .footer-copy-text p{
  color: #fff!important;
  display: inline-block!important;
  font-weight: bold!important;
  opacity: 0.6!important;
  padding: 6px 0 8px!important;
  font-size: 12px!important;
  font-size: 1.2rem!important;
}

@media all and (max-width: 700px) {
  footer {
    padding-top: 20px;
  }
  footer ul {
    width: 99.94%;
  }
  footer .pane-menu-menu-social-menu {
    display: block;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 500px) {
  footer .pane-menu-menu-footer ul,
  footer .pane-menu-menu-social-menu ul {
    width: 100%;
  }
  footer li {
    width: 100%;
  }
  footer li:nth-child(2n) {
    margin-left: 0;
  }
  footer li:nth-last-of-type(2) {
    border-bottom: 1px solid rgba(150, 190, 223, 0.6);
  }
}
/*******************************************************/
/**** Article teaser small / dropdown menu 			****/
/*******************************************************/
.article-teaser-small,
.product-teaser-small,
.tool-teaser-small {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-left: -3px;
  padding: 10px;
  vertical-align: top;
  width: 33.33%;
}
.logged-in #dropdownsnav .article-teaser-small, .logged-in #dropdownsnav
.product-teaser-small, .logged-in #dropdownsnav
.tool-teaser-small {
  width: 25%;
}
.logged-in #dropdownsnav #dropdownsnav-country-specials .article-list {
  display: flex;
}
.logged-in #dropdownsnav #dropdownsnav-country-specials .article-teaser-small, .logged-in #dropdownsnav .product-teaser-small {
  flex: 1 1 0px;
}
.article-teaser-small img,
.product-teaser-small img,
.tool-teaser-small img {
  display: block;
  margin: 0 auto;
}
.article-teaser-small .article-header,
.product-teaser-small .article-header,
.tool-teaser-small .article-header {
  padding-top: 15px;
  max-width: 180px;
  margin: 0 auto;
}
.article-teaser-small .h1,
.article-teaser-small h1,
.article-teaser-small h2,
.product-teaser-small .h1,
.product-teaser-small h1,
.product-teaser-small h2,
.tool-teaser-small .h1,
.tool-teaser-small h1,
.tool-teaser-small h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #31a8db;
  margin-bottom: 15px;
}
.article-teaser-small .category,
.product-teaser-small .category,
.tool-teaser-small .category {
  font-size: 11px;
  font-size: 1.1rem;
  color: #999;
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
  position: relative;
  text-transform: uppercase;
}
.article-teaser-small .category:before,
.product-teaser-small .category:before,
.tool-teaser-small .category:before {
  background-color: #31a8db;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.article-teaser-small .subtitle p,
.article-teaser-small .summary p,
.product-teaser-small .subtitle p,
.product-teaser-small .summary p,
.tool-teaser-small .subtitle p,
.tool-teaser-small .summary p {
  font-size: 14px;
  font-size: 1.4rem;
}

.tool-teaser-small .h1,
.tool-teaser-small h1,
.tool-teaser-small h2 {
  color: #f5953f;
}
.tool-teaser-small .category:before {
  background-color: #f5953f;
}

/********************************************************************/
/**** Article list & item alone (appear inside .col-4)			 ****/
/********************************************************************/
.article-item article,
.article-list article,
.article-list .node--page--teaser {
  background: #fff;
  text-align: center;
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  -moz-border-radius-bottomright: 14px;
  -webkit-border-bottom-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
.article-item .category,
.article-list .category {
  color: #999;
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
}
.article-item .category:before,
.article-list .category:before {
  background-color: #31a8db;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.article-item .article-illu,
.article-list .article-illu {
  position: relative;
}
.article-item .article-illu img:not(.lazyloader-icon),
.article-list .article-illu img:not(.lazyloader-icon) {
  display: block;
  height: auto;
  width: 100%;
}
.article-item .article-header,
.article-list .article-header {
  padding: 15px;
}
#dropdownsnav-country-specials .article-list .article-illu img:not(.lazyloader-icon) {
  width: auto;
}
.article-item .article-header .flag-outer,
.article-list .article-header .flag-outer {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.article-item .article-header .flag-outer a.icons-utils-fav span,
.article-list .article-header .flag-outer a.icons-utils-fav span {
  background: #fff url("../images/icons-utils/bookmark-remove.png");
  background-repeat: no-repeat;
  border-radius: 100%;
  padding: 0;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 0;
  font-size: 0;
  color: transparent;
}
.article-item h1,
.article-item h2:not(.dash),
.article-list h1,
.article-list h2:not(.dash) {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
}
.article-item .subtitle p,
.article-item .summary p,
.article-list .subtitle p,
.article-list .summary p {
  margin-bottom: 15px;
}
.article-item p,
.article-list p {
  font-size: 16px;
  font-size: 1.6rem;
}

.article-list-recommended {
  background: rgba(245, 149, 63, 0.2);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px !important;
}

.article-list-default {
  background: #fafafa;
  border-top: 1px solid #f1f1ed;
  border-bottom: 1px solid #f1f1ed;
  margin-bottom: 20px;
  padding: 10px !important;
}
.article-list-default ul {
  margin: 0 auto;
  width: 80%;
}
.article-list-default ul .slides {
  width: 100%;
}
.article-list-default li {
  display: inline-block;
  margin-left: -3px;
  padding: 20px 20px 0;
  text-align: center;
  vertical-align: top;
  width: 25%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.article-list-default li h3 {
  color: #31a8db;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}
.article-list-default li img {
  height: auto;
}

.article-item article {
  margin-bottom: 20px;
}

body.page-my-favorites #content h2.pane-title {
  display: none;
}

@media all and (max-width: 700px) {
  .article-list-default li {
    width: 33.33%;
  }
}
@media all and (max-width: 500px) {
  .article-list-default ul {
    width: 100%;
  }
  .article-list-default li {
    width: 50%;
  }
}
/* Teaser big */
.article-teaser-big,
.mobile-app-teaser-big,
.product-teaser-big,
.service-teaser-big,
.tool-teaser-big {
  margin-bottom: 1.82%;
  position: relative;
}
.article-teaser-big a,
.mobile-app-teaser-big a,
.product-teaser-big a,
.service-teaser-big a,
.tool-teaser-big a {
  display: table;
}
.article-teaser-big .article-illu,
.mobile-app-teaser-big .article-illu,
.product-teaser-big .article-illu,
.service-teaser-big .article-illu,
.tool-teaser-big .article-illu {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: 0;
}
.article-teaser-big .article-header,
.mobile-app-teaser-big .article-header,
.product-teaser-big .article-header,
.service-teaser-big .article-header,
.tool-teaser-big .article-header {
  display: table-cell;
  float: none;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
.article-teaser-big img,
.mobile-app-teaser-big img,
.product-teaser-big img,
.service-teaser-big img,
.tool-teaser-big img {
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
.article-teaser-big .category,
.mobile-app-teaser-big .category,
.product-teaser-big .category,
.service-teaser-big .category,
.tool-teaser-big .category {
  position: absolute;
  top: 15px;
}
.article-teaser-big .category:before,
.mobile-app-teaser-big .category:before,
.product-teaser-big .category:before,
.service-teaser-big .category:before,
.tool-teaser-big .category:before {
  margin: 0;
}

.flexslider .article-teaser-big .article-header,
.flexslider .product-teaser-big .article-header {
  padding-top: 40px;
  width: 33%;
  word-break: break-word;
}
.flexslider .article-teaser-big > a,
.flexslider .product-teaser-big > a {
  display: table;
}

@media all and (max-width: 700px) {
  .article-teaser-big .article-header p,
  .mobile-app-teaser-big .article-header p,
  .product-teaser-big .article-header p,
  .service-teaser-big .article-header p,
  .tool-teaser-big .article-header p {
    display: none;
  }
}
@media all and (max-width: 500px) {
  .article-teaser-big .article-header,
  .mobile-app-teaser-big .article-header,
  .product-teaser-big .article-header,
  .service-teaser-big .article-header,
  .tool-teaser-big .article-header {
    width: 100%;
  }
  .article-teaser-big .article-header p,
  .mobile-app-teaser-big .article-header p,
  .product-teaser-big .article-header p,
  .service-teaser-big .article-header p,
  .tool-teaser-big .article-header p {
    display: block;
  }
}
/* Tool teaser */
.tool-teaser {
  position: relative;
}
.tool-teaser .article-illu-bg {
  background-size: cover;
  height: 0;
  padding-top: 130%;
  width: 100%;
  filter: blur(1px);
  -webkit-filter: blur(1px);
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  -moz-border-radius-bottomright: 14px;
  -webkit-border-bottom-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
.tool-teaser .article-header {
  background-color: rgba(245, 149, 63, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  -moz-border-radius-bottomright: 14px;
  -webkit-border-bottom-right-radius: 14px;
  border-bottom-right-radius: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tool-teaser .category {
  color: #fff;
}
.tool-teaser .category:before {
  background-color: #fff;
}
.article-list .tool-teaser h1, .article-list
.tool-teaser h2 {
  color: #fff;
}
.tool-teaser .subtitle p,
.tool-teaser .summary p {
  color: #fff;
}
.tool-teaser .reviews {
  margin-bottom: 30px;
}
.tool-teaser .reviews span {
  color: #fff;
}

/* store locator, faq, contact overview if considered as tools*/
.faq.tool-teaser .article-header,
.node--independent-teaser.tool-teaser .article-header,
.store-locator.tool-teaser .article-header {
  background-color: rgba(49, 168, 219, 0.5);
}

@media all and (min-width: 500px) and (max-width: 900px) {
  .tool-teaser .article-illu-bg {
    padding-top: 150%;
  }
  .tool-teaser .summary {
    display: none;
  }
}
.article-teaser,
.coupon-teaser,
.mobile-app-teaser,
.product-teaser,
.sample-teaser,
.service-teaser,
.tool-teaser {
  position: relative;
}
.article-teaser[onclick],
.coupon-teaser[onclick],
.mobile-app-teaser[onclick],
.product-teaser[onclick],
.sample-teaser[onclick],
.service-teaser[onclick],
.tool-teaser[onclick] {
  cursor: pointer;
}

.article-list article:nth-child(3n+1) {
  margin-left: 0;
}

@media all and (max-width: 500px) {
  .article-teaser-big img,
  .mobile-app-teaser-big img,
  .product-teaser-big img,
  .service-teaser-big img,
  .tool-teaser-big img {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .article-teaser-big .article-header,
  .article-teaser-big .article-illu,
  .mobile-app-teaser-big .article-header,
  .mobile-app-teaser-big .article-illu,
  .product-teaser-big .article-header,
  .product-teaser-big .article-illu,
  .service-teaser-big .article-header,
  .service-teaser-big .article-illu,
  .tool-teaser-big .article-header,
  .tool-teaser-big .article-illu {
    display: block;
    float: left;
  }
  .article-teaser-big .category,
  .mobile-app-teaser-big .category,
  .product-teaser-big .category,
  .service-teaser-big .category,
  .tool-teaser-big .category {
    position: relative;
    top: 0;
  }

  .article-list article {
    margin-left: 0 !important;
    width: 100%;
  }

  /*.article-teaser, SHSH-2284*/
  .coupon-teaser,
  .mobile-app-teaser,
  .product-teaser,
  .sample-teaser,
  .service-teaser {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0 !important;
  }
  .article-teaser .article-illu,
  .coupon-teaser .article-illu,
  .mobile-app-teaser .article-illu,
  .product-teaser .article-illu,
  .sample-teaser .article-illu,
  .service-teaser .article-illu {
    display: block;
    width: 100%;
  }
  .article-teaser .article-header,
  .coupon-teaser .article-header,
  .mobile-app-teaser .article-header,
  .product-teaser .article-header,
  .sample-teaser .article-header,
  .service-teaser .article-header {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .article-teaser .category,
  .article-teaser .subtitle,
  .article-teaser .summary,
  .coupon-teaser .category,
  .coupon-teaser .subtitle,
  .coupon-teaser .summary,
  .mobile-app-teaser .category,
  .mobile-app-teaser .subtitle,
  .mobile-app-teaser .summary,
  .product-teaser .category,
  .product-teaser .subtitle,
  .product-teaser .summary,
  .sample-teaser .category,
  .sample-teaser .subtitle,
  .sample-teaser .summary,
  .service-teaser .category,
  .service-teaser .subtitle,
  .service-teaser .summary {
    display: none;
  }

  .service-teaser .contact-tools {
    display: none;
  }
}
/********************************************/
/**** Article full page 		         ****/
/********************************************/
.article-full, .node--blog--full {
  position: relative;
}
.article-full .contextual-links-wrapper, .node--blog--full .contextual-links-wrapper {
  right: 40px;
}
.article-full .article-illu-bg, .node--blog--full .article-illu-bg {
  background-size: cover;
  height: 0;
  left: 0;
  padding-top: 30%;
  position: absolute;
  top: 0;
  width: 100%;
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.article-full .article, .node--blog--full .article {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin-top: 120px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
  padding: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.article-full .article-illu, .node--blog--full .article-illu {
  margin-top: -100px;
  padding: 0 20px;
}
.article-full .article-illu img, .node--blog--full .article-illu img {
  border: 3px solid #fff;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.article-full .article-header, .node--blog--full .article-header {
  padding: 40px 30px 0 10px;
}
.article-full .article-header h1, .node--blog--full .article-header h1 {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 36px;
  font-size: 3.6rem;
}
.article-full .article-header .reviews img, .node--blog--full .article-header .reviews img {
  display: inline-block;
  margin-top: -3px;
  margin-right: 5px;
  vertical-align: middle;
}
.article-full .article-header .reviews span, .node--blog--full .article-header .reviews span {
  color: #666;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.article-full .article-header .subtitle, .node--blog--full .article-header .subtitle {
  padding-top: 25px;
}
.article-full .article-header .subtitle p, .node--blog--full .article-header .subtitle p {
  font-size: 18px;
  font-size: 1.8rem;
}
.article-full .article-header .subtitle a.link-to-parent-blog, .node--blog--full .article-header .subtitle a.link-to-parent-blog {
  color: #31a8db;
  text-decoration: underline;
}
.article-full .article-header .summary, .node--blog--full .article-header .summary {
  padding-top: 30px;
}
.article-full .article-header .summary p, .node--blog--full .article-header .summary p {
  font-size: 18px;
  font-size: 1.8rem;
}
.article-full .article-header .date, .node--blog--full .article-header .date {
  color: #999;
  float: left;
  line-height: 3;
  margin-bottom: 10px;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
}
.article-full .article-header .date:after, .article-full .article-header .date:before, .node--blog--full .article-header .date:after, .node--blog--full .article-header .date:before {
  background-color: #31a8db;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 20px;
}
.article-full .article-header .date:before, .node--blog--full .article-header .date:before {
  top: 0;
}
.article-full .article-header .date:after, .node--blog--full .article-header .date:after {
  bottom: 0;
}
.article-full .embedded-video,
.article-full p, .node--blog--full .embedded-video,
.node--blog--full p {
  margin-bottom: 30px;
}
.article-full .embedded-video iframe,
.article-full p iframe, .node--blog--full .embedded-video iframe,
.node--blog--full p iframe {
  max-width: 100%;
}
.article-full .article-aside, .node--blog--full .article-aside {
  padding: 0 15px;
}
.article-full .article-content, .node--blog--full .article-content {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 15px;
}
.article-full .article-content b,
.article-full .article-content strong, .node--blog--full .article-content b,
.node--blog--full .article-content strong {
  font-weight: bold;
}
.article-full .article-content em,
.article-full .article-content i, .node--blog--full .article-content em,
.node--blog--full .article-content i {
  font-style: italic;
}
.article-full .article-content p, .node--blog--full .article-content p {
  margin: 0 0 1.5em;
}
.article-full .article-content a:not(.button), .node--blog--full .article-content a:not(.button) {
  color: #FFFFFF;
  text-decoration: none;
}
.article-full .article-content a.custom-dropdown-button, .node--blog--full .article-content a.custom-dropdown-button {
  color: #666!important;
  text-decoration: none!important;
}
.custom-dropdown-options li {
  margin-left: 0!important;
}
.article-full .article-content ul, .node--blog--full .article-content ul {
  list-style-type: none;
}
.article-full .article-content ul li, .node--blog--full .article-content ul li {
  margin-left: 1.5em;
}
.article-full .article-content ul li::before, .node--blog--full .article-content ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.article-full .article-content ol, .node--blog--full .article-content ol {
  list-style-type: numeric;
}
.article-full .article-content ol li, .node--blog--full .article-content ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.article-full .article-content ol,
.article-full .article-content ul, .node--blog--full .article-content ol,
.node--blog--full .article-content ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.article-full .article-content table, .node--blog--full .article-content table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.article-full .article-content th, .node--blog--full .article-content th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.article-full .article-content td, .node--blog--full .article-content td {
  padding: 12px 10px;
}
.article-full .article-content tr.even, .node--blog--full .article-content tr.even {
  background-color: #fcfcfc;
}
.article-full .article-content tr.odd, .node--blog--full .article-content tr.odd {
  background-color: #f4f4f2;
}

.article-full.first-letter .article-content > p:first-of-type::first-letter, .node--blog--full .first-letter .article-content > p:first-of-type::first-letter {
  font-size: 85px;
  font-size: 8.5rem;
  color: #31a8db;
  display: block;
  float: left;
  line-height: 0.8;
  margin-right: 2px;
}

.node-type-article .article-full .article-content > *:not(.align_right):nth-child(n+3), .node-type-blog .node--blog--full .article-content > *:not(.align_right):nth-child(n+3) {
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  height: 0;
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.node-type-article .article-full .article-content li, .node-type-blog .node--blog--full .article-content li {
  line-height: 1.5;
}
.node-type-article .article-full .article-content-complete > *:not(.align_right):nth-child(n+3), .node-type-blog .node--blog--full .article-content-complete > *:not(.align_right):nth-child(n+3) {
  height: auto;
  margin-bottom: 10px;
  opacity: 1;
  pointer-events: all;
  position: inherit;
}
.node-type-article .article-full .article-content-complete .embedded-video, .node-type-blog .node--blog--full .article-content-complete .embedded-video {
  margin-bottom: 30px;
}
.node-type-article .article-full .article-content-complete .align_right, .node-type-blog .node--blog--full .article-content-complete .align_right {
  display: none;
}

.article-takeaways {
  background-color: #fcfcfb;
  border-top: 1px solid #f1f1ed;
}
.article-takeaways h2 {
  color: #666;
  font-weight: bold;
  margin: 20px 0 30px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
}
.article-takeaways h2:after {
  background-color: #31a8db;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 20px;
}
.article-takeaways ul {
  margin: 0 auto;
  width: 80%;
}
.article-takeaways li {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  vertical-align: top;
  width: 33.333%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.article-takeaways h3 {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
.article-takeaways p {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}
@media all and (min-width: 1600px) {
  .article-full .article-illu-bg, .node--blog--full .article-illu-bg {
    padding-top: 400px;
  }
}
@media all and (max-width: 700px) {
  .article-full .article-illu-bg, .node--blog--full .article-illu-bg {
    padding-top: 50%;
  }
  .article-full .article-illu, .node--blog--full .article-illu {
    margin-top: -60px;
  }
}
@media all and (max-width: 500px) {
  .article-full .article-illu-bg, node--blog--full .article-illu-bg {
    padding-top: 60%;
  }
  .article-full .article-illu, node--blog--full .article-illu {
    margin-left: 20% !important;
    margin-right: 20% !important;
    width: 60% !important;
  }
  .article-full .article-header, node--blog--full .article-header {
    padding-right: 10px;
  }
  .article-full .article-header h1, node--blog--full .article-header h1 {
    text-align: center;
  }
  .article-full .article-header .reviews, node--blog--full .article-header .reviews {
    text-align: center;
  }
  .article-full .article-aside, node--blog--full .article-aside {
    width: 100%;
  }

  .article-takeaways li {
    width: 100%;
  }
}
.node--recruitment-form--teaser-full-width h1.parent-banner-title div.family_image img.family-logo {
  border: 3px solid #fff;
  display: block;
  height: auto;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.view-blog-the-family article,
.view-blog-the-parents article,
.view-blog-de-parents article {
  /*height: 500px;*/
}
@media all and (max-width: 500px) {
  .view-blog-the-family article,
  .view-blog-the-parents article,
  .view-blog-de-parents article {
    height: auto;
  }
  .view-blog-the-family article.article-teaser .article-illu,
  .view-blog-the-parents article.article-teaser .article-illu,
  .view-blog-de-parents article.article-teaser .article-illu {
    display: block;
    width: 33%;
    float: left;
  }
  .view-blog-the-family article.article-teaser .article-header,
  .view-blog-the-parents article.article-teaser .article-header,
  .view-blog-de-parents article.article-teaser .article-header {
    width: 66%;
    float: left;
    box-sizing: border-box;
    padding: 7px;
  }
  .view-blog-the-family article.article-teaser .article-header h2,
  .view-blog-the-parents article.article-teaser .article-header h2,
  .view-blog-de-parents article.article-teaser .article-header h2 {
    font-size: 2rem;
    margin-bottom: 5px;
  }
}

#breadcrumb {
  background-color: #8cb4d4;
  color: #fff;
}
#breadcrumb ul {
  margin: 10px 0 5px;
}
#breadcrumb li {
  background-image: url("../images/arrow.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0 5px 0 20px;
  font-size: 11px;
  font-size: 1.1rem;
}
#breadcrumb a {
  text-decoration: underline;
}

@media all and (max-width: 900px) {
  #breadcrumb {
    display: none;
  }
}
/*******************************/
/**** Cover (header) pages	****/
/*******************************/
.page-cover {
  background-position: center center;
  background-size: cover;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 30px 0;
}
.page-cover h1 {
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
}
.page-cover p {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}
.page-cover .col-4, .page-cover .article-teaser-big .article-header, .article-teaser-big .page-cover .article-header,
.page-cover .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big .page-cover .article-header,
.page-cover .product-teaser-big .article-header,
.product-teaser-big .page-cover .article-header,
.page-cover .service-teaser-big .article-header,
.service-teaser-big .page-cover .article-header,
.page-cover .tool-teaser-big .article-header,
.tool-teaser-big .page-cover .article-header, .page-cover .article-list .article-teaser, .article-list .page-cover .article-teaser,
.page-cover .article-list .coupon-teaser,
.article-list .page-cover .coupon-teaser,
.page-cover .article-list .mobile-app-teaser,
.article-list .page-cover .mobile-app-teaser,
.page-cover .article-list .product-teaser,
.article-list .page-cover .product-teaser,
.page-cover .article-list .sample-teaser,
.article-list .page-cover .sample-teaser,
.page-cover .article-list .service-teaser,
.article-list .page-cover .service-teaser,
.page-cover .article-list .tool-teaser,
.article-list .page-cover .tool-teaser, .page-cover .article-full .article-illu, .article-full .page-cover .article-illu, .page-cover .node--blog--full .article-illu, .node--blog--full .page-cover .article-illu, .page-cover .article-full .article-aside, .article-full .page-cover .article-aside, .page-cover .node--blog--full .article-aside, .node--blog--full .page-cover .article-aside, .page-cover .product-full .product-illu, .product-full .page-cover .product-illu, .page-cover .product-full .product-aside, .product-full .page-cover .product-aside {
  padding-top: 50px;
}

.panel-pane.pane-back-link .page-cover {
  margin-bottom: 0;
}

.page-user-login .page-cover + .row, .page-user-login .page-cover + .article-teaser-big,
.page-user-login .page-cover + .mobile-app-teaser-big,
.page-user-login .page-cover + .product-teaser-big,
.page-user-login .page-cover + .service-teaser-big,
.page-user-login .page-cover + .tool-teaser-big, .page-user-login .product-full .page-cover + .product, .product-full .page-user-login .page-cover + .product, .page-user-login .article-full.stage .page-cover + .stage-content, .article-full.stage .page-user-login .page-cover + .stage-content, .page-user-register .page-cover + .row, .page-user-register .page-cover + .article-teaser-big,
.page-user-register .page-cover + .mobile-app-teaser-big,
.page-user-register .page-cover + .product-teaser-big,
.page-user-register .page-cover + .service-teaser-big,
.page-user-register .page-cover + .tool-teaser-big, .page-user-register .product-full .page-cover + .product, .product-full .page-user-register .page-cover + .product, .page-user-register .article-full.stage .page-cover + .stage-content, .article-full.stage .page-user-register .page-cover + .stage-content, .page-user-password .page-cover + .row, .page-user-password .page-cover + .article-teaser-big,
.page-user-password .page-cover + .mobile-app-teaser-big,
.page-user-password .page-cover + .product-teaser-big,
.page-user-password .page-cover + .service-teaser-big,
.page-user-password .page-cover + .tool-teaser-big, .page-user-password .product-full .page-cover + .product, .product-full .page-user-password .page-cover + .product, .page-user-password .article-full.stage .page-cover + .stage-content, .article-full.stage .page-user-password .page-cover + .stage-content {
  margin-top: -60px;
}

.nospacecover {
  position: relative;
  margin-top: -20px;
}

.page-cover-light {
  background-color: #092e4d;
  padding: 20px 0;
  text-align: center;
}

.page-cover-tool, .page-cover-user {
  background-color: #f5953f;
  border: none;
  position: relative;
}
.page-cover-tool h1, .page-cover-user h1 {
  padding: 0 30px;
}
.page-cover-tool h1 span, .page-cover-user h1 span {
  font-size: 30px;
  font-size: 3rem;
}
.page-cover-tool .row, .page-cover-tool .article-teaser-big,
.page-cover-tool .mobile-app-teaser-big,
.page-cover-tool .product-teaser-big,
.page-cover-tool .service-teaser-big,
.page-cover-tool .tool-teaser-big, .page-cover-tool .product-full .product, .product-full .page-cover-tool .product, .page-cover-tool .article-full.stage .stage-content, .article-full.stage .page-cover-tool .stage-content, .page-cover-user .row, .page-cover-user .article-teaser-big,
.page-cover-user .mobile-app-teaser-big,
.page-cover-user .product-teaser-big,
.page-cover-user .service-teaser-big,
.page-cover-user .tool-teaser-big, .page-cover-user .product-full .product, .product-full .page-cover-user .product, .page-cover-user .article-full.stage .stage-content, .article-full.stage .page-cover-user .stage-content {
  position: relative;
  z-index: 2;
}

.page-cover-tool-bg {
  background-color: rgba(245, 149, 63, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tool-back {
  left: 10px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}

@media all and (max-width: 500px) {
  .page-cover-tool {
    padding: 20px 0 15px;
  }
}
.page-cover-center {
  text-align: center;
}

.page-cover-space .titles {
  margin-top: 160px;
}

.page-cover .titles {
  margin-bottom: 20px;
  padding: 20px 0 10px 0;
  position: relative;
  z-index: 3;
}
.page-cover .titles:before, .page-cover .titles:after {
  background-color: #31a8db;
  content: "";
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 40px;
}
.page-cover .titles:before {
  top: 0;
}
.page-cover .titles:after {
  top: 100%;
}
.page-cover .titles h1 {
  margin-bottom: 20px;
  font-size: 46px;
  font-size: 4.6rem;
}
.page-cover .titles p {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  font-size: 18px;
  font-size: 1.8rem;
}
.page-cover .stage {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

#page-cover-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#big-video-wrap {
  position: static;
}

/***********************/
/* video-js owerwrites */
/***********************/
.video-js {
  background-color: transparent;
}

.page-cover-tool .titles:before, .page-cover-tool .titles:after, .page-cover-shsh .titles:before, .page-cover-shsh .titles:after, .page-cover-user .titles:before, .page-cover-user .titles:after {
  background-color: #f5953f;
}

.pictologo {
  display: block;
  height: 90px;
  left: 0;
  margin: 0 auto 20px;
  position: relative;
  top: 0;
  width: 90px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.pictologo img {
  border: 4px solid #fff;
  display: block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#registration-cover {
  background-size: cover;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  padding: 30px 0;
}
#registration-cover h1 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 36px;
  font-size: 3.6rem;
}
#registration-cover p {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}
#registration-cover .col-4, #registration-cover .article-teaser-big .article-header, .article-teaser-big #registration-cover .article-header,
#registration-cover .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big #registration-cover .article-header,
#registration-cover .product-teaser-big .article-header,
.product-teaser-big #registration-cover .article-header,
#registration-cover .service-teaser-big .article-header,
.service-teaser-big #registration-cover .article-header,
#registration-cover .tool-teaser-big .article-header,
.tool-teaser-big #registration-cover .article-header, #registration-cover .article-list .article-teaser, .article-list #registration-cover .article-teaser,
#registration-cover .article-list .coupon-teaser,
.article-list #registration-cover .coupon-teaser,
#registration-cover .article-list .mobile-app-teaser,
.article-list #registration-cover .mobile-app-teaser,
#registration-cover .article-list .product-teaser,
.article-list #registration-cover .product-teaser,
#registration-cover .article-list .sample-teaser,
.article-list #registration-cover .sample-teaser,
#registration-cover .article-list .service-teaser,
.article-list #registration-cover .service-teaser,
#registration-cover .article-list .tool-teaser,
.article-list #registration-cover .tool-teaser, #registration-cover .article-full .article-illu, .article-full #registration-cover .article-illu, #registration-cover .node--blog--full .article-illu, .node--blog--full #registration-cover .article-illu, #registration-cover .article-full .article-aside, .article-full #registration-cover .article-aside, #registration-cover .node--blog--full .article-aside, .node--blog--full #registration-cover .article-aside, #registration-cover .product-full .product-illu, .product-full #registration-cover .product-illu, #registration-cover .product-full .product-aside, .product-full #registration-cover .product-aside {
  padding-top: 50px;
}

#registration-cover + .row, #registration-cover + .article-teaser-big,
#registration-cover + .mobile-app-teaser-big,
#registration-cover + .product-teaser-big,
#registration-cover + .service-teaser-big,
#registration-cover + .tool-teaser-big, .product-full #registration-cover + .product, .article-full.stage #registration-cover + .stage-content {
  margin-top: -60px;
}

#registration-cover {
  background-image: url(../images/bg-registration2.jpg);
}

@media all and (max-width: 500px) {
  #registration-cover .col-4, #registration-cover .article-teaser-big .article-header, .article-teaser-big #registration-cover .article-header,
  #registration-cover .mobile-app-teaser-big .article-header,
  .mobile-app-teaser-big #registration-cover .article-header,
  #registration-cover .product-teaser-big .article-header,
  .product-teaser-big #registration-cover .article-header,
  #registration-cover .service-teaser-big .article-header,
  .service-teaser-big #registration-cover .article-header,
  #registration-cover .tool-teaser-big .article-header,
  .tool-teaser-big #registration-cover .article-header, #registration-cover .article-list .article-teaser, .article-list #registration-cover .article-teaser,
  #registration-cover .article-list .coupon-teaser,
  .article-list #registration-cover .coupon-teaser,
  #registration-cover .article-list .mobile-app-teaser,
  .article-list #registration-cover .mobile-app-teaser,
  #registration-cover .article-list .product-teaser,
  .article-list #registration-cover .product-teaser,
  #registration-cover .article-list .sample-teaser,
  .article-list #registration-cover .sample-teaser,
  #registration-cover .article-list .service-teaser,
  .article-list #registration-cover .service-teaser,
  #registration-cover .article-list .tool-teaser,
  .article-list #registration-cover .tool-teaser, #registration-cover .article-full .article-illu, .article-full #registration-cover .article-illu, #registration-cover .node--blog--full .article-illu, .node--blog--full #registration-cover .article-illu, #registration-cover .article-full .article-aside, .article-full #registration-cover .article-aside, #registration-cover .node--blog--full .article-aside, .node--blog--full #registration-cover .article-aside, #registration-cover .product-full .product-illu, .product-full #registration-cover .product-illu, #registration-cover .product-full .product-aside, .product-full #registration-cover .product-aside,
  .page-cover .col-4,
  .page-cover .article-teaser-big .article-header,
  .article-teaser-big .page-cover .article-header,
  .page-cover .mobile-app-teaser-big .article-header,
  .mobile-app-teaser-big .page-cover .article-header,
  .page-cover .product-teaser-big .article-header,
  .product-teaser-big .page-cover .article-header,
  .page-cover .service-teaser-big .article-header,
  .service-teaser-big .page-cover .article-header,
  .page-cover .tool-teaser-big .article-header,
  .tool-teaser-big .page-cover .article-header,
  .page-cover .article-list .article-teaser,
  .article-list .page-cover .article-teaser,
  .page-cover .article-list .coupon-teaser,
  .article-list .page-cover .coupon-teaser,
  .page-cover .article-list .mobile-app-teaser,
  .article-list .page-cover .mobile-app-teaser,
  .page-cover .article-list .product-teaser,
  .article-list .page-cover .product-teaser,
  .page-cover .article-list .sample-teaser,
  .article-list .page-cover .sample-teaser,
  .page-cover .article-list .service-teaser,
  .article-list .page-cover .service-teaser,
  .page-cover .article-list .tool-teaser,
  .article-list .page-cover .tool-teaser,
  .page-cover .article-full .article-illu,
  .article-full .page-cover .article-illu,
  .page-cover .node--blog--full .article-illu,
  .node--blog--full .page-cover .article-illu,
  .page-cover .article-full .article-aside,
  .article-full .page-cover .article-aside,
  .page-cover .node--blog--full .article-aside,
  .node--blog--full .page-cover .article-aside,
  .page-cover .product-full .product-illu,
  .product-full .page-cover .product-illu,
  .page-cover .product-full .product-aside,
  .product-full .page-cover .product-aside {
    padding-top: 10px;
    width: 100%;
  }
}
/***********************************/
/**** Main blocks of contents	****/
/***********************************/
.bloc-content, .external-link, .big-link {
  background: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.bloc-content.nomargin, .nomargin.external-link, .nomargin.big-link {
  margin-bottom: 0;
}

.content_center {
  margin: 0 auto 30px;
  width: 60%;
}

.content_center_large {
  margin: 0 auto 30px;
  width: 60%;
}

@media all and (max-width: 900px) {
  .content_center_large {
    width: 90%;
  }
}
/* Full text pages */
.bloc-fulltext {
  padding-top: 10px;
}
.bloc-fulltext h2, .bloc-fulltext h3 {
  color: #2d77b1;
  margin-bottom: 10px;
}

/***********************************/
/**** Bo illustrations      	****/
/***********************************/
.illu-top-block img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 7px;
}

.illu-teaser-big {
  bottom: -8px;
  left: 50%;
  position: absolute;
}

@media all and (max-width: 900px) {
  .illu-teaser-big {
    left: 45%;
  }
}
@media all and (max-width: 700px) {
  .illu-teaser-big {
    left: 40%;
  }
}
@media all and (max-width: 600px) {
  .illu-teaser-big {
    display: none;
  }
}
/***********************************/
/**** Filters for stage pages  	****/
/***********************************/
.view-stages {
  margin-top: -20px;
  /*To cancel page cover margin*/
}

/*******************************************************/
/**** Page utils (print, share,...)					****/
/*******************************************************/
.utils {
  text-align: right;
}
.utils ul, .utils li {
  display: inline-block;
}
.utils a {
  background-color: #31a8db;
  display: inline-block;
  height: 40px;
  margin-left: 10px;
  text-indent: -9999px;
  width: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.utils a.icons-utils-tools, .utils a.icons-utils-fav {
  background-color: #f5953f;
}
.utils a.unactive {
  background-color: #ccc;
}
.utils a.icons-utils-tools:hover, .utils a.icons-utils-fav:hover, .utils a.icons-utils-tools:focus, .utils a.icons-utils-fav:focus {
  background-color: #f5953f;
}
.utils span {
  position: absolute;
  top: -9999px;
}

@media all and (max-width: 900px) {
  .bloc-content .brand-utils .utils, .external-link .brand-utils .utils, .big-link .brand-utils .utils {
    margin-top: 0;
    text-align: center;
  }
}
@media all and (max-width: 500px) {
  .tools-utils {
    text-align: center;
  }
}
/*******************************************************/
/**** Sticky bar 									****/
/*******************************************************/
.pane-nin-sticky-footer-nin-sticky-footer #sticky {
  padding-top: 0;
}
.pane-nin-sticky-footer-nin-sticky-footer #sticky .row {
  padding: 8px;
}

#sticky {
  background-color: #092e4d;
  bottom: -60px;
  left: 0;
  padding-top: 12px;
  position: fixed;
  width: 100%;
  z-index: 20;
  -moz-transition: bottom 0.6s ease-in-out;
  -o-transition: bottom 0.6s ease-in-out;
  -webkit-transition: bottom 0.6s ease-in-out;
  transition: bottom 0.6s ease-in-out;
}
#sticky.show {
  bottom: 0;
}
#sticky .col, #sticky .article-teaser-big .article-illu, .article-teaser-big #sticky .article-illu,
#sticky .mobile-app-teaser-big .article-illu,
.mobile-app-teaser-big #sticky .article-illu,
#sticky .product-teaser-big .article-illu,
.product-teaser-big #sticky .article-illu,
#sticky .service-teaser-big .article-illu,
.service-teaser-big #sticky .article-illu,
#sticky .tool-teaser-big .article-illu,
.tool-teaser-big #sticky .article-illu, #sticky .article-teaser-big .article-header, .article-teaser-big #sticky .article-header,
#sticky .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big #sticky .article-header,
#sticky .product-teaser-big .article-header,
.product-teaser-big #sticky .article-header,
#sticky .service-teaser-big .article-header,
.service-teaser-big #sticky .article-header,
#sticky .tool-teaser-big .article-header,
.tool-teaser-big #sticky .article-header, #sticky .article-teaser,
#sticky .coupon-teaser,
#sticky .mobile-app-teaser,
#sticky .product-teaser,
#sticky .sample-teaser,
#sticky .service-teaser,
#sticky .tool-teaser, #sticky .article-full .article-illu, .article-full #sticky .article-illu, #sticky .node--blog--full .article-illu, .node--blog--full #sticky .article-illu, #sticky .article-full .article-header, .article-full #sticky .article-header, #sticky .node--blog--full .article-header, .node--blog--full #sticky .article-header, #sticky .article-full .article-aside, .article-full #sticky .article-aside, #sticky .node--blog--full .article-aside, .node--blog--full #sticky .article-aside, #sticky .article-full .article-content, .article-full #sticky .article-content, #sticky .node--blog--full .article-content, .node--blog--full #sticky .article-content, #sticky .product-full .product-illu, .product-full #sticky .product-illu, #sticky .product-full .product-header, .product-full #sticky .product-header, #sticky .product-full .product-aside, .product-full #sticky .product-aside, #sticky .product-full .product-detail, .product-full #sticky .product-detail, #sticky .collector-teaser {
  margin-bottom: 0;
}

@media all and (max-width: 700px) {
  #sticky .col, #sticky .article-teaser-big .article-illu, .article-teaser-big #sticky .article-illu,
  #sticky .mobile-app-teaser-big .article-illu,
  .mobile-app-teaser-big #sticky .article-illu,
  #sticky .product-teaser-big .article-illu,
  .product-teaser-big #sticky .article-illu,
  #sticky .service-teaser-big .article-illu,
  .service-teaser-big #sticky .article-illu,
  #sticky .tool-teaser-big .article-illu,
  .tool-teaser-big #sticky .article-illu, #sticky .article-teaser-big .article-header, .article-teaser-big #sticky .article-header,
  #sticky .mobile-app-teaser-big .article-header,
  .mobile-app-teaser-big #sticky .article-header,
  #sticky .product-teaser-big .article-header,
  .product-teaser-big #sticky .article-header,
  #sticky .service-teaser-big .article-header,
  .service-teaser-big #sticky .article-header,
  #sticky .tool-teaser-big .article-header,
  .tool-teaser-big #sticky .article-header, #sticky .article-teaser,
  #sticky .coupon-teaser,
  #sticky .mobile-app-teaser,
  #sticky .product-teaser,
  #sticky .sample-teaser,
  #sticky .service-teaser,
  #sticky .tool-teaser, #sticky .article-full .article-illu, .article-full #sticky .article-illu, #sticky .node--blog--full .article-illu, .node--blog--full #sticky .article-illu, #sticky .article-full .article-header, .article-full #sticky .article-header, #sticky .node--blog--full .article-header, .node--blog--full #sticky .article-header, #sticky .article-full .article-aside, .article-full #sticky .article-aside, #sticky .node--blog--full .article-aside, .node--blog--full #sticky .article-aside, #sticky .article-full .article-content, .article-full #sticky .article-content, #sticky .node--blog--full .article-content, .node--blog--full #sticky .article-content, #sticky .product-full .product-illu, .product-full #sticky .product-illu, #sticky .product-full .product-header, .product-full #sticky .product-header, #sticky .product-full .product-aside, .product-full #sticky .product-aside, #sticky .product-full .product-detail, .product-full #sticky .product-detail, #sticky .collector-teaser {
    width: 100%;
  }
}
/* specific blocks */
.article-teaser-full-width {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  padding: 15px;
}
.article-teaser-full-width b,
.article-teaser-full-width strong {
  font-weight: bold;
}
.article-teaser-full-width em,
.article-teaser-full-width i {
  font-style: italic;
}
.article-teaser-full-width p {
  margin: 0 0 1.5em;
}
.article-teaser-full-width ul {
  list-style-type: none;
}
.article-teaser-full-width ul li {
  margin-left: 1.5em;
}
.article-teaser-full-width ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.article-teaser-full-width ol {
  list-style-type: numeric;
}
.article-teaser-full-width ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.article-teaser-full-width ol,
.article-teaser-full-width ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.article-teaser-full-width table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.article-teaser-full-width th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.article-teaser-full-width td {
  padding: 12px 10px;
}
.article-teaser-full-width tr.even {
  background-color: #fcfcfc;
}
.article-teaser-full-width tr.odd {
  background-color: #f4f4f2;
}
@media screen and (min-width: 500px) {
  .article-teaser-full-width {
    padding: 30px;
  }
}
.article-teaser-full-width h2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 15px;
}
.article-teaser-full-width .article-illu {
  margin: -20px -15px 15px;
  min-height: 5px;
}
@media screen and (min-width: 500px) {
  .article-teaser-full-width .article-illu {
    margin: -30px -30px 30px;
  }
}
.article-teaser-full-width .category {
  font-size: 11px;
  font-size: 1.1rem;
  color: #999;
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
  position: relative;
  text-transform: uppercase;
}
.article-teaser-full-width .category::after {
  background-color: #31a8db;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.pane-nin-feature-base-nin-feature-base-150-years-image {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pane-nin-feature-base-nin-feature-base-150-years-image .nin_150_years_footer_image {
  display: block;
}

/*******************************************************/
/**** Language Selector Drop Down ****/
/*******************************************************/
.dropdown-lang-selector {
  float: right;
}
.dropdown-lang-selector .pane-title {
  display: none;
}
@media all and (min-width: 900px) {
  .dropdown-lang-selector .pane-title {
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    margin: 5px 10px 0 0;
    vertical-align: top;
  }
}
@media all and (min-width: 700px) {
  .dropdown-lang-selector .pane-title:after {
    content: ' :';
  }
}
.dropdown-lang-selector .item-list {
  width: 66px;
  height: 31px;
  margin-top: -2px;
}
@media all and (min-width: 700px) {
  .dropdown-lang-selector .item-list {
    margin-top: -5px;
    display: inline-block;
    width: 76px;
    height: 29px;
  }
}
@media all and (min-width: 900px) {
  .dropdown-lang-selector .item-list {
    margin-top: 0;
  }
}
.dropdown-lang-selector .list-item {
  cursor: pointer;
  min-width: 46px;
  padding: 8px;
}
.dropdown-lang-selector a {
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 15px;
  text-transform: uppercase;
}
@media all and (min-width: 700px) {
  .dropdown-lang-selector a {
    font-weight: normal;
  }
}

.language-list {
  margin-bottom: 0;
  position: absolute;
}
@media all and (min-width: 900px) {
  .language-list {
    margin: -5px 10px 0 0;
  }
}
.language-list .list-item {
  text-align: center;
}
#topbar .language-list .list-item {
  display: none;
}
#topbar .language-list .list-item.first {
  display: block;
  white-space: nowrap;
}
.language-list .list-item.first {
  background: url("../images/dropdown-arrow.png") no-repeat right 7px center;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: 2px solid #fff;
}
.language-list.opened {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: #092e4d;
  border: 2px solid #fff;
  padding-bottom: 5px;
  z-index: 11;
}
#topbar .language-list.opened .list-item {
  display: block;
}
.language-list.opened .list-item.first {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  padding-bottom: 6px;
}
.language-list.opened .list-item.first:after {
  content: '';
  border: 1px solid grey;
  display: block;
  position: relative;
  opacity: 0.3;
  top: 7px;
}

.facebook-connect-body {
  padding: 50px 0;
}

/********************************************/
/**** Common product features	         ****/
/********************************************/
/* brand logo sticker */
.brandlogo {
  background: #fff;
  display: block;
  height: 70px;
  left: 50%;
  margin-left: -35px;
  position: absolute;
  top: 10px;
  width: 70px;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
}
.product-illu-cont .brandlogo {
  top: -40px;
}
.brandlogo img {
  display: block;
  margin: 10px 0 0 10px;
  position: absolute;
  height: 130px;
  width: 130px;
  border-radius: 50%;
  /* because of width 100% for article-illu img */
}
.page-cover .brandlogo {
  left: 0;
  margin: 0 auto 20px;
  position: relative;
  top: 0;
  border-radius: 50%;
  height: 150px;
  width: 150px;
}

/********************************************/
/**** Product list (meal planner)  		 ****/
/********************************************/
.product-teaser-list {
  background: #fff;
  border-bottom: 1px solid #f1f1ed;
}
.product-teaser-list p {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
}
.product-teaser-list h1 {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.product-teaser-list .article-illu {
  display: table-cell;
  width: 23.62%;
}
.product-teaser-list .article-illu img {
  width: 100%;
}
.product-teaser-list .article-header {
  display: table-cell;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  width: 49.06%;
}
.product-teaser-list .article-count {
  background-color: #fafafa;
  color: #999;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 23.62%;
  font-size: 12px;
  font-size: 1.2rem;
}
.product-teaser-list .article-count strong {
  color: #31a8db;
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
}

/********************************************/
/**** Product full page 		         ****/
/********************************************/
.product-full {
  position: relative;
}
.product-full .contextual-links-wrapper {
  right: 40px;
}
.product-full .illu-bg {
  background-size: cover;
  height: 0;
  left: 0;
  padding-top: 30%;
  position: absolute;
  top: 0;
  width: 100%;
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.product-full .product {
  margin-top: 120px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}
.product-full .product-illu-cont {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.product-full .product-illu {
  margin-top: 20px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.product-full .product-illu .image-gallery img {
  display: block;
  height: auto;
  margin: auto;
  max-width: 100%;
}
.product-full .product-illu .image-gallery .thumbnails {
  margin-bottom: 0;
  margin-top: 15px;
}
.product-full .product-illu .image-gallery .thumbnails li {
  display: inline-block;
  margin-right: 3px;
  padding-bottom: 2px;
  vertical-align: bottom;
}
.product-full .product-illu .image-gallery .thumbnails li.active {
  border-bottom: 2px solid #31a8db;
}
.product-full .product-illu .image-gallery .thumbnails a {
  border: 1px solid #ccc;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.product-full .product-illu .image-gallery .thumbnails img {
  display: block;
  width: 50px;
}
.product-full .product-header {
  padding: 40px 0 0;
  position: relative;
}
.product-full .product-header.col, .product-full .article-teaser-big .product-header.article-illu, .article-teaser-big .product-full .product-header.article-illu,
.product-full .mobile-app-teaser-big .product-header.article-illu,
.mobile-app-teaser-big .product-full .product-header.article-illu,
.product-full .product-teaser-big .product-header.article-illu,
.product-teaser-big .product-full .product-header.article-illu,
.product-full .service-teaser-big .product-header.article-illu,
.service-teaser-big .product-full .product-header.article-illu,
.product-full .tool-teaser-big .product-header.article-illu,
.tool-teaser-big .product-full .product-header.article-illu, .product-full .article-teaser-big .product-header.article-header, .article-teaser-big .product-full .product-header.article-header,
.product-full .mobile-app-teaser-big .product-header.article-header,
.mobile-app-teaser-big .product-full .product-header.article-header,
.product-full .product-teaser-big .product-header.article-header,
.product-teaser-big .product-full .product-header.article-header,
.product-full .service-teaser-big .product-header.article-header,
.service-teaser-big .product-full .product-header.article-header,
.product-full .tool-teaser-big .product-header.article-header,
.tool-teaser-big .product-full .product-header.article-header, .product-full .product-header.article-teaser,
.product-full .product-header.coupon-teaser,
.product-full .product-header.mobile-app-teaser,
.product-full .product-header.product-teaser,
.product-full .product-header.sample-teaser,
.product-full .product-header.service-teaser,
.product-full .product-header.tool-teaser, .product-full .article-full .product-header.article-illu, .article-full .product-full .product-header.article-illu, .product-full .node--blog--full .product-header.article-illu, .node--blog--full .product-full .product-header.article-illu, .product-full .article-full .product-header.article-header, .article-full .product-full .product-header.article-header, .product-full .node--blog--full .product-header.article-header, .node--blog--full .product-full .product-header.article-header, .product-full .article-full .product-header.article-aside, .article-full .product-full .product-header.article-aside, .product-full .node--blog--full .product-header.article-aside, .node--blog--full .product-full .product-header.article-aside, .product-full .article-full .product-header.article-content, .article-full .product-full .product-header.article-content, .product-full .node--blog--full .product-header.article-content, .node--blog--full .product-full .product-header.article-content, .product-full .product-header, .product-full .product-header.collector-teaser,
.product-full .product-header .col,
.product-full .product-header .article-teaser-big .article-illu,
.article-teaser-big .product-full .product-header .article-illu,
.product-full .product-header .mobile-app-teaser-big .article-illu,
.mobile-app-teaser-big .product-full .product-header .article-illu,
.product-full .product-header .product-teaser-big .article-illu,
.product-teaser-big .product-full .product-header .article-illu,
.product-full .product-header .service-teaser-big .article-illu,
.service-teaser-big .product-full .product-header .article-illu,
.product-full .product-header .tool-teaser-big .article-illu,
.tool-teaser-big .product-full .product-header .article-illu,
.product-full .product-header .article-teaser-big .article-header,
.article-teaser-big .product-full .product-header .article-header,
.product-full .product-header .mobile-app-teaser-big .article-header,
.mobile-app-teaser-big .product-full .product-header .article-header,
.product-full .product-header .product-teaser-big .article-header,
.product-teaser-big .product-full .product-header .article-header,
.product-full .product-header .service-teaser-big .article-header,
.service-teaser-big .product-full .product-header .article-header,
.product-full .product-header .tool-teaser-big .article-header,
.tool-teaser-big .product-full .product-header .article-header,
.product-full .product-header .article-teaser,
.product-full .product-header .coupon-teaser,
.product-full .product-header .mobile-app-teaser,
.product-full .product-header .product-teaser,
.product-full .product-header .sample-teaser,
.product-full .product-header .service-teaser,
.product-full .product-header .tool-teaser,
.product-full .product-header .article-full .article-illu,
.article-full .product-full .product-header .article-illu,
.product-full .product-header .node--blog--full .article-illu,
.node--blog--full .product-full .product-header .article-illu,
.product-full .product-header .article-full .article-header,
.article-full .product-full .product-header .article-header,
.product-full .product-header .node--blog--full .article-header,
.node--blog--full .product-full .product-header .article-header,
.product-full .product-header .article-full .article-aside,
.article-full .product-full .product-header .article-aside,
.product-full .product-header .node--blog--full .article-aside,
.node--blog--full .product-full .product-header .article-aside,
.product-full .product-header .article-full .article-content,
.article-full .product-full .product-header .article-content,
.product-full .product-header .node--blog--full .article-content,
.node--blog--full .product-full .product-header .article-content,
.product-full .product-header .product-illu,
.product-full .product-header .product-header,
.product-full .product-header .product-aside,
.product-full .product-header .product-detail,
.product-full .product-header .collector-teaser {
  margin-bottom: 0;
}
.product-full .product-header .steps {
  position: absolute;
  right: 8px;
  top: 8px;
}
.product-full .product-header .steps img {
  width: 65px;
}
.product-full .product-header .category {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.product-full .product-header h1 {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 36px;
  font-size: 3.6rem;
}
.product-full .product-header p {
  margin-bottom: 15px;
  margin-right: 30px;
}
.product-full .product-header .summary p {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.product-full .product-header .age {
  color: #999;
}
.product-full .product-header .age strong {
  color: #31a8db;
}
.product-full .product-header .utils {
  margin-right: 30px;
}
.product-full .product-header .button, .product-full .product-header #search input[type="submit"], #search .product-full .product-header input[type="submit"], .product-full .product-header .search-form input[type="submit"], .search-form .product-full .product-header input[type="submit"] {
  margin-left: 0;
  margin-top: -10px;
}
.product-full .product-header .summary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.product-full .product-header .summary b,
.product-full .product-header .summary strong {
  font-weight: bold;
}
.product-full .product-header .summary em,
.product-full .product-header .summary i {
  font-style: italic;
}
.product-full .product-header .summary p {
  margin: 0 0 1.5em;
}
.product-full .product-header .summary ul {
  list-style-type: none;
}
.product-full .product-header .summary ul li {
  margin-left: 1.5em;
}
.product-full .product-header .summary ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.product-full .product-header .summary ol {
  list-style-type: numeric;
}
.product-full .product-header .summary ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.product-full .product-header .summary ol,
.product-full .product-header .summary ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.product-full .product-header .summary table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.product-full .product-header .summary th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.product-full .product-header .summary td {
  padding: 12px 10px;
}
.product-full .product-header .summary tr.even {
  background-color: #fcfcfc;
}
.product-full .product-header .summary tr.odd {
  background-color: #f4f4f2;
}
.product-full .bloc-actions {
  background-color: #fcfcfb;
  border-top: 1px solid #ccc;
  color: #999;
  margin-left: -50.88%;
  margin-top: 10px;
  padding-left: 50.88%;
}
.product-full .bloc-actions p {
  padding-top: 10px;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
}
.product-full .bloc-actions p:before {
  background-color: #31a8db;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.product-full .actions {
  margin-top: 20px;
}
.product-full .actions li {
  display: inline-block;
}
.product-full .actions a {
  display: inline-block;
  margin-right: 20px;
  min-height: 28px;
  padding-top: 10px;
  padding-left: 35px;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
}
.product-full .actions a.icons-actions-store {
  background: url("../images/icons-actions-store.png") no-repeat top left;
  color: #31a8db;
}
.product-full .actions a.icons-actions-list {
  background: url("../images/icons-actions-list.png") no-repeat top left;
  color: #f5953f;
}
.product-full .tags p {
  line-height: 1;
}
.product-full .tags ul {
  margin-top:-10px;
  display: flex;
  flex-wrap: wrap;
}
.product-full .tags li {
  padding: 6px 2px;
}
.product-full div.tags {
  margin-bottom:20px;
}
.product-full .tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: rgba(49, 168, 219, 0.4);
  border: 1px solid rgba(49, 168, 219, 0.8);
  color: #fff;
  margin-right: 2px;
  margin-top: 10px;
  padding: 2px 4px;
}
.product-full .offers {
  text-align: right;
  margin-top: 15px;
}
.product-full .offers a {
  font-size: 18px;
  font-size: 1.8rem;
  color: #999;
  display: inline-block;
  padding: 25px 25px 25px 105px;
}
.product-full .offers a strong, .product-full .offers a span {
  font-size: 30px;
  font-size: 3rem;
  display: block;
  font-weight: normal;
}
.product-full .offers a.icons-offers-coupon {
  background: url("../images/icons-offers-coupon.png") no-repeat 10px center;
}
.product-full .offers a.icons-offers-sample {
  background: url("../images/icons-offers-sample.png") no-repeat 10px center;
}
.product-full .offers a.icons-offers-coupon, .product-full .offers a.icons-offers-sample {
  background-color: #dadada;
  transition: 0.3s;
}
.product-full .offers a.icons-offers-coupon:hover, .product-full .offers a.icons-offers-sample:hover {
  background-color: #f5953f;
  color: #fff;
}
.product-full p {
  margin-bottom: 30px;
}
.product-full .product-aside {
  padding: 20px;
}
.product-full .product-detail {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 20px 30px 0 10px;
}
.product-full .product-detail b,
.product-full .product-detail strong {
  font-weight: bold;
}
.product-full .product-detail em,
.product-full .product-detail i {
  font-style: italic;
}
.product-full .product-detail p {
  margin: 0 0 1.5em;
}
.product-full .product-detail ul {
  list-style-type: none;
}
.product-full .product-detail ul li {
  margin-left: 1.5em;
}
.product-full .product-detail ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.product-full .product-detail ol {
  list-style-type: numeric;
}
.product-full .product-detail ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.product-full .product-detail ol,
.product-full .product-detail ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.product-full .product-detail table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.product-full .product-detail th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.product-full .product-detail td {
  padding: 12px 10px;
}
.product-full .product-detail tr.even {
  background-color: #fcfcfc;
}
.product-full .product-detail tr.odd {
  background-color: #f4f4f2;
}
.product-full .product-detail h2,
.product-full .product-detail strong {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.product-full .product-detail h2 {
  color: #31a8db;
  margin-bottom: 20px;
}

.product-full #lightbox-call-to-action{
  display: inline-block;
}

.product-full .product-header .vocabulary-pool-of-images{
  display: inline-block;
}

@media all and (max-width: 900px) {
  .product-full .product {
    margin-top: 100px;
  }
  .product-full .product-illu-bg {
    top: -100px;
  }
  .product-full .offers {
    padding: 10px 0;
  }
  .product-full .offers a {
    padding: 70px 15px 10px;
    text-align: center;
  }
  .product-full .offers a.icons-offers-coupon, .product-full .offers a.icons-offers-sample {
    background-position: center 0;
  }
}
@media all and (max-width: 500px) {
  .product-full .product-illu-bg {
    padding-top: 60%;
  }
  .product-full .product-illu {
    margin-right: 10% !important;
    margin-left: 10% !important;
    /* because of .col-4 */
    width: 80% !important;
  }
  .product-full .product-illu-cont {
    border: none;
  }
  .product-full .steps,
  .product-full .tags,
  .product-full .thumbnails,
  .product-full .utils {
    display: none;
  }
  .product-full .product-header {
    padding-top: 10px;
    text-align: center;
  }
  .product-full .product-header .button, .product-full .product-header #search input[type="submit"], #search .product-full .product-header input[type="submit"], .product-full .product-header .search-form input[type="submit"], .search-form .product-full .product-header input[type="submit"] {
    margin-top: 10px;
  }
  .product-full .product-header p {
    margin-left: 15px;
    margin-right: 15px;
  }
  .product-full .bloc-actions {
    margin-left: 0;
    padding-left: 0;
  }
  .product-full .offers {
    background-color: #f5953f;
    padding: 0;
  }
  .product-full .offers a {
    padding: 25px 0 25px 50%;
    text-align: left;
    color: #fff;
    display: block;
  }
  .product-full .offers a.icons-offers-coupon, .product-full .offers a.icons-offers-sample {
    background-position: calc(50% - 50px);
  }
  .product-full .product-detail {
    padding: 20px 10px 0;
  }
  .product-full .product-aside {
    width: 100%;
  }
}
/********************************************/
/**** Recipe full page 		         ****/
/********************************************/
.recipe-full {
  position: relative;
}
.recipe-full .contextual-links-wrapper {
  right: 40px;
}
.recipe-full .illu-bg {
  background-size: cover;
  height: 0;
  left: 0;
  padding-top: 30%;
  position: absolute;
  top: 0;
  width: 100%;
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.recipe-full .recipe {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  margin-top: 120px;
  padding: 0;
  position: relative;
  z-index: 3;
}
.recipe-full .recipe-illu {
  margin-top: -100px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.recipe-full .recipe-illu img {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #fff;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.recipe-full .recipe-header {
  padding: 20px 0 0;
}
.recipe-full .recipe-header h1 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 20px;
}
.recipe-full .recipe-header .reviews img {
  display: inline-block;
  margin-top: -3px;
  margin-right: 5px;
  vertical-align: middle;
}
.recipe-full .recipe-header .reviews span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  font-weight: bold;
}
.recipe-full .recipe-header .utils {
  margin-right: 30px;
}
.recipe-full .stages {
  text-align: right;
}
.recipe-full .recipe-summary {
  background-color: #fcfcfb;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #999;
  margin-left: -50.88%;
  margin-top: 10px;
  padding-left: 50.88%;
}
.recipe-full .recipe-summary p {
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 10px;
  position: relative;
}
.recipe-full .recipe-summary .dt {
  color: #666;
  display: block;
  text-transform: uppercase;
}
.recipe-full .recipe-summary .dd {
  color: #31a8db;
  display: block;
}
.recipe-full .recipe-summary-difficulty,
.recipe-full .recipe-summary-serves,
.recipe-full .recipe-summary-time {
  padding-left: 35px;
  position: relative;
}
.recipe-full .recipe-summary-difficulty::before,
.recipe-full .recipe-summary-serves::before,
.recipe-full .recipe-summary-time::before {
  background: url("../images/ico-recipe-summary.png");
  background-size: 26px 105px;
  content: "";
  display: block;
  height: 25px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 26px;
}
.recipe-full .recipe-summary-serves::before {
  background-position: 0 -39px;
}
.recipe-full .recipe-summary-time::before {
  background-position: 0 -80px;
}
.recipe-full .recipe-summary-time p {
  display: inline-block;
  margin-right: 10px;
}
.recipe-full .embedded-video {
  margin-bottom: 30px;
}
.recipe-full .embedded-video iframe {
  max-width: 100%;
}
.recipe-full .recipe-aside {
  padding: 0 15px;
}
.recipe-full .recipe-need {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #666;
}
.recipe-full .recipe-need b,
.recipe-full .recipe-need strong {
  font-weight: bold;
}
.recipe-full .recipe-need em,
.recipe-full .recipe-need i {
  font-style: italic;
}
.recipe-full .recipe-need p {
  margin: 0 0 1.5em;
}
.recipe-full .recipe-need ul {
  list-style-type: none;
}
.recipe-full .recipe-need ul li {
  margin-left: 1.5em;
}
.recipe-full .recipe-need ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.recipe-full .recipe-need ol {
  list-style-type: numeric;
}
.recipe-full .recipe-need ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.recipe-full .recipe-need ol,
.recipe-full .recipe-need ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.recipe-full .recipe-need table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.recipe-full .recipe-need th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.recipe-full .recipe-need td {
  padding: 12px 10px;
}
.recipe-full .recipe-need tr.even {
  background-color: #fcfcfc;
}
.recipe-full .recipe-need tr.odd {
  background-color: #f4f4f2;
}
.recipe-full .recipe-need .label-above {
  font-size: 18px;
  font-size: 1.8rem;
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 18px;
  padding-top: 6px;
  display: block;
}
.recipe-full .recipe-need a {
  color: #31a8db;
  text-decoration: underline;
}
.recipe-full .recipe-content {
  padding: 0 15px;
}
.recipe-full .recipe-detail {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.recipe-full .recipe-detail b,
.recipe-full .recipe-detail strong {
  font-weight: bold;
}
.recipe-full .recipe-detail em,
.recipe-full .recipe-detail i {
  font-style: italic;
}
.recipe-full .recipe-detail p {
  margin: 0 0 1.5em;
}
.recipe-full .recipe-detail ul {
  list-style-type: none;
}
.recipe-full .recipe-detail ul li {
  margin-left: 1.5em;
}
.recipe-full .recipe-detail ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.recipe-full .recipe-detail ol {
  list-style-type: numeric;
}
.recipe-full .recipe-detail ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.recipe-full .recipe-detail ol,
.recipe-full .recipe-detail ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.recipe-full .recipe-detail table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.recipe-full .recipe-detail th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.recipe-full .recipe-detail td {
  padding: 12px 10px;
}
.recipe-full .recipe-detail tr.even {
  background-color: #fcfcfc;
}
.recipe-full .recipe-detail tr.odd {
  background-color: #f4f4f2;
}
.recipe-full .recipe-detail h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 18px;
  padding-top: 6px;
}

@media all and (max-width: 500px) {
  .recipe-full .recipe-illu-bg {
    padding-top: 60%;
  }
  .recipe-full .recipe-illu {
    margin-left: 20% !important;
    margin-right: 20% !important;
    width: 60% !important;
  }
  .recipe-full .recipe-header h1 {
    color: #666;
    text-align: center;
  }
  .recipe-full .recipe-header .reviews {
    text-align: center;
  }
  .recipe-full .stages {
    text-align: center;
  }
  .recipe-full .recipe-summary {
    margin-left: 0;
    padding: 0 1.82%;
  }
  .recipe-full .recipe-summary .col, .recipe-full .recipe-summary .article-teaser-big .article-illu, .article-teaser-big .recipe-full .recipe-summary .article-illu,
  .recipe-full .recipe-summary .mobile-app-teaser-big .article-illu,
  .mobile-app-teaser-big .recipe-full .recipe-summary .article-illu,
  .recipe-full .recipe-summary .product-teaser-big .article-illu,
  .product-teaser-big .recipe-full .recipe-summary .article-illu,
  .recipe-full .recipe-summary .service-teaser-big .article-illu,
  .service-teaser-big .recipe-full .recipe-summary .article-illu,
  .recipe-full .recipe-summary .tool-teaser-big .article-illu,
  .tool-teaser-big .recipe-full .recipe-summary .article-illu, .recipe-full .recipe-summary .article-teaser-big .article-header, .article-teaser-big .recipe-full .recipe-summary .article-header,
  .recipe-full .recipe-summary .mobile-app-teaser-big .article-header,
  .mobile-app-teaser-big .recipe-full .recipe-summary .article-header,
  .recipe-full .recipe-summary .product-teaser-big .article-header,
  .product-teaser-big .recipe-full .recipe-summary .article-header,
  .recipe-full .recipe-summary .service-teaser-big .article-header,
  .service-teaser-big .recipe-full .recipe-summary .article-header,
  .recipe-full .recipe-summary .tool-teaser-big .article-header,
  .tool-teaser-big .recipe-full .recipe-summary .article-header, .recipe-full .recipe-summary .article-teaser,
  .recipe-full .recipe-summary .coupon-teaser,
  .recipe-full .recipe-summary .mobile-app-teaser,
  .recipe-full .recipe-summary .product-teaser,
  .recipe-full .recipe-summary .sample-teaser,
  .recipe-full .recipe-summary .service-teaser,
  .recipe-full .recipe-summary .tool-teaser, .recipe-full .recipe-summary .article-full .article-illu, .article-full .recipe-full .recipe-summary .article-illu, .recipe-full .recipe-summary .node--blog--full .article-illu, .node--blog--full .recipe-full .recipe-summary .article-illu, .recipe-full .recipe-summary .article-full .article-header, .article-full .recipe-full .recipe-summary .article-header, .recipe-full .recipe-summary .node--blog--full .article-header, .node--blog--full .recipe-full .recipe-summary .article-header, .recipe-full .recipe-summary .article-full .article-aside, .article-full .recipe-full .recipe-summary .article-aside, .recipe-full .recipe-summary .node--blog--full .article-aside, .node--blog--full .recipe-full .recipe-summary .article-aside, .recipe-full .recipe-summary .article-full .article-content, .article-full .recipe-full .recipe-summary .article-content, .recipe-full .recipe-summary .node--blog--full .article-content, .node--blog--full .recipe-full .recipe-summary .article-content, .recipe-full .recipe-summary .product-full .product-illu, .product-full .recipe-full .recipe-summary .product-illu, .recipe-full .recipe-summary .product-full .product-header, .product-full .recipe-full .recipe-summary .product-header, .recipe-full .recipe-summary .product-full .product-aside, .product-full .recipe-full .recipe-summary .product-aside, .recipe-full .recipe-summary .product-full .product-detail, .product-full .recipe-full .recipe-summary .product-detail, .recipe-full .recipe-summary .collector-teaser {
    margin-bottom: 0;
  }
  .recipe-full .recipe-aside {
    width: 100%;
  }
}
/*******************************************************/
/**** MVP 										****/
/*******************************************************/
.mvp {
  color: #fff;
}
.mvp p {
  font-size: 18px;
  font-size: 1.8rem;
}

.mvp-title:before {
  background-color: #fff;
  display: block;
  height: 3px;
  width: 10px;
}

.mvp-slide-full .mvp-title {
  font-size: 20px;
  font-size: 2rem;
}

.mvp-slide-small .mvp-title {
  font-size: 16px;
  font-size: 1.6rem;
}
.mvp-slide-small a {
  display: none;
}
.mvp-slide-small:hover {
  display: block;
}

/*******************************************************/
/**** Benefits										****/
/*******************************************************/
/* Article page */
.benefits, .dropdownnav .block--bean-panels {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.benefits {
  text-align: center;
}
.benefits h2 span p, .dropdownnav .block--bean-panels h2 span p {
  color: inherit;
  font-size: inherit;
  margin-bottom: 0px;
}
.benefits h2 span:before, .benefits > span:before, .dropdownnav .block--bean-panels h2 span:before, .benefits h2 span:after, .benefits > span:after, .dropdownnav .block--bean-panels h2 span:after {
  background-color: #f5953f;
}
.benefits p, .dropdownnav .block--bean-panels p {
  color: #999;
  padding: 0 10%;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
}
.benefits p strong, .dropdownnav .block--bean-panels p strong {
  color: #000;
}
.col-4 .benefits p, .article-teaser-big .article-header .benefits p,
.mobile-app-teaser-big .article-header .benefits p,
.product-teaser-big .article-header .benefits p,
.service-teaser-big .article-header .benefits p,
.tool-teaser-big .article-header .benefits p, .article-list .article-teaser .benefits p,
.article-list .coupon-teaser .benefits p,
.article-list .mobile-app-teaser .benefits p,
.article-list .product-teaser .benefits p,
.article-list .sample-teaser .benefits p,
.article-list .service-teaser .benefits p,
.article-list .tool-teaser .benefits p, .article-full .article-illu .benefits p, .node--blog--full .article-illu .benefits p, .article-full .article-aside .benefits p, .node--blog--full .article-aside .benefits p, .product-full .product-illu .benefits p, .product-full .product-aside .benefits p, .col-4 .dropdownnav .block--bean-panels p, .dropdownnav .col-4 .block--bean-panels p, .article-teaser-big .article-header .dropdownnav .block--bean-panels p, .dropdownnav .article-teaser-big .article-header .block--bean-panels p,
.mobile-app-teaser-big .article-header .dropdownnav .block--bean-panels p,
.dropdownnav .mobile-app-teaser-big .article-header .block--bean-panels p,
.product-teaser-big .article-header .dropdownnav .block--bean-panels p,
.dropdownnav .product-teaser-big .article-header .block--bean-panels p,
.service-teaser-big .article-header .dropdownnav .block--bean-panels p,
.dropdownnav .service-teaser-big .article-header .block--bean-panels p,
.tool-teaser-big .article-header .dropdownnav .block--bean-panels p,
.dropdownnav .tool-teaser-big .article-header .block--bean-panels p, .article-list .article-teaser .dropdownnav .block--bean-panels p, .dropdownnav .article-list .article-teaser .block--bean-panels p,
.article-list .coupon-teaser .dropdownnav .block--bean-panels p,
.dropdownnav .article-list .coupon-teaser .block--bean-panels p,
.article-list .mobile-app-teaser .dropdownnav .block--bean-panels p,
.dropdownnav .article-list .mobile-app-teaser .block--bean-panels p,
.article-list .product-teaser .dropdownnav .block--bean-panels p,
.dropdownnav .article-list .product-teaser .block--bean-panels p,
.article-list .sample-teaser .dropdownnav .block--bean-panels p,
.dropdownnav .article-list .sample-teaser .block--bean-panels p,
.article-list .service-teaser .dropdownnav .block--bean-panels p,
.dropdownnav .article-list .service-teaser .block--bean-panels p,
.article-list .tool-teaser .dropdownnav .block--bean-panels p,
.dropdownnav .article-list .tool-teaser .block--bean-panels p, .article-full .article-illu .dropdownnav .block--bean-panels p, .dropdownnav .article-full .article-illu .block--bean-panels p, .node--blog--full .article-illu .dropdownnav .block--bean-panels p, .dropdownnav .node--blog--full .article-illu .block--bean-panels p, .article-full .article-aside .dropdownnav .block--bean-panels p, .dropdownnav .article-full .article-aside .block--bean-panels p, .node--blog--full .article-aside .dropdownnav .block--bean-panels p, .dropdownnav .node--blog--full .article-aside .block--bean-panels p, .product-full .product-illu .dropdownnav .block--bean-panels p, .dropdownnav .product-full .product-illu .block--bean-panels p, .product-full .product-aside .dropdownnav .block--bean-panels p, .dropdownnav .product-full .product-aside .block--bean-panels p {
  font-size: 16px;
  font-size: 1.6rem;
}
.benefits ul, .dropdownnav .block--bean-panels ul {
  background-color: #fcfcfb;
  border-top: 1px solid #f1f1ed;
  border-bottom: 1px solid #f1f1ed;
  color: #999;
  min-height: 150px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
@media all and (min-width: 500px) {
  .benefits ul:not(.flex-direction-nav), .dropdownnav .block--bean-panels ul:not(.flex-direction-nav) {
    /*display: flex;*/
    justify-content: center;
    flex-wrap: wrap;
  }
}
.col-4 .benefits ul, .article-teaser-big .article-header .benefits ul,
.mobile-app-teaser-big .article-header .benefits ul,
.product-teaser-big .article-header .benefits ul,
.service-teaser-big .article-header .benefits ul,
.tool-teaser-big .article-header .benefits ul, .article-list .article-teaser .benefits ul,
.article-list .coupon-teaser .benefits ul,
.article-list .mobile-app-teaser .benefits ul,
.article-list .product-teaser .benefits ul,
.article-list .sample-teaser .benefits ul,
.article-list .service-teaser .benefits ul,
.article-list .tool-teaser .benefits ul, .article-full .article-illu .benefits ul, .node--blog--full .article-illu .benefits ul, .article-full .article-aside .benefits ul, .node--blog--full .article-aside .benefits ul, .product-full .product-illu .benefits ul, .product-full .product-aside .benefits ul, .col-4 .dropdownnav .block--bean-panels ul, .dropdownnav .col-4 .block--bean-panels ul, .article-teaser-big .article-header .dropdownnav .block--bean-panels ul, .dropdownnav .article-teaser-big .article-header .block--bean-panels ul,
.mobile-app-teaser-big .article-header .dropdownnav .block--bean-panels ul,
.dropdownnav .mobile-app-teaser-big .article-header .block--bean-panels ul,
.product-teaser-big .article-header .dropdownnav .block--bean-panels ul,
.dropdownnav .product-teaser-big .article-header .block--bean-panels ul,
.service-teaser-big .article-header .dropdownnav .block--bean-panels ul,
.dropdownnav .service-teaser-big .article-header .block--bean-panels ul,
.tool-teaser-big .article-header .dropdownnav .block--bean-panels ul,
.dropdownnav .tool-teaser-big .article-header .block--bean-panels ul, .article-list .article-teaser .dropdownnav .block--bean-panels ul, .dropdownnav .article-list .article-teaser .block--bean-panels ul,
.article-list .coupon-teaser .dropdownnav .block--bean-panels ul,
.dropdownnav .article-list .coupon-teaser .block--bean-panels ul,
.article-list .mobile-app-teaser .dropdownnav .block--bean-panels ul,
.dropdownnav .article-list .mobile-app-teaser .block--bean-panels ul,
.article-list .product-teaser .dropdownnav .block--bean-panels ul,
.dropdownnav .article-list .product-teaser .block--bean-panels ul,
.article-list .sample-teaser .dropdownnav .block--bean-panels ul,
.dropdownnav .article-list .sample-teaser .block--bean-panels ul,
.article-list .service-teaser .dropdownnav .block--bean-panels ul,
.dropdownnav .article-list .service-teaser .block--bean-panels ul,
.article-list .tool-teaser .dropdownnav .block--bean-panels ul,
.dropdownnav .article-list .tool-teaser .block--bean-panels ul, .article-full .article-illu .dropdownnav .block--bean-panels ul, .dropdownnav .article-full .article-illu .block--bean-panels ul, .node--blog--full .article-illu .dropdownnav .block--bean-panels ul, .dropdownnav .node--blog--full .article-illu .block--bean-panels ul, .article-full .article-aside .dropdownnav .block--bean-panels ul, .dropdownnav .article-full .article-aside .block--bean-panels ul, .node--blog--full .article-aside .dropdownnav .block--bean-panels ul, .dropdownnav .node--blog--full .article-aside .block--bean-panels ul, .product-full .product-illu .dropdownnav .block--bean-panels ul, .dropdownnav .product-full .product-illu .block--bean-panels ul, .product-full .product-aside .dropdownnav .block--bean-panels ul, .dropdownnav .product-full .product-aside .block--bean-panels ul {
  margin-bottom: 0;
}
.benefits li, .dropdownnav .block--bean-panels li {
  background-repeat: no-repeat;
  background-position: center 10px;
  display: inline-block;
  margin-left: -3px;
  /* remove important !important; */
  text-align: center;
  width: 25%;
}
.benefits li div, .dropdownnav .block--bean-panels li div {
  padding: 15px;
}
.benefits li img, .dropdownnav .block--bean-panels li img {
  display: block;
  margin: 0px auto;
}
.col-4 .benefits li, .article-teaser-big .article-header .benefits li,
.mobile-app-teaser-big .article-header .benefits li,
.product-teaser-big .article-header .benefits li,
.service-teaser-big .article-header .benefits li,
.tool-teaser-big .article-header .benefits li, .article-list .article-teaser .benefits li,
.article-list .coupon-teaser .benefits li,
.article-list .mobile-app-teaser .benefits li,
.article-list .product-teaser .benefits li,
.article-list .sample-teaser .benefits li,
.article-list .service-teaser .benefits li,
.article-list .tool-teaser .benefits li, .article-full .article-illu .benefits li, .node--blog--full .article-illu .benefits li, .article-full .article-aside .benefits li, .node--blog--full .article-aside .benefits li, .product-full .product-illu .benefits li, .product-full .product-aside .benefits li, .col-4 .dropdownnav .block--bean-panels li, .dropdownnav .col-4 .block--bean-panels li, .article-teaser-big .article-header .dropdownnav .block--bean-panels li, .dropdownnav .article-teaser-big .article-header .block--bean-panels li,
.mobile-app-teaser-big .article-header .dropdownnav .block--bean-panels li,
.dropdownnav .mobile-app-teaser-big .article-header .block--bean-panels li,
.product-teaser-big .article-header .dropdownnav .block--bean-panels li,
.dropdownnav .product-teaser-big .article-header .block--bean-panels li,
.service-teaser-big .article-header .dropdownnav .block--bean-panels li,
.dropdownnav .service-teaser-big .article-header .block--bean-panels li,
.tool-teaser-big .article-header .dropdownnav .block--bean-panels li,
.dropdownnav .tool-teaser-big .article-header .block--bean-panels li, .article-list .article-teaser .dropdownnav .block--bean-panels li, .dropdownnav .article-list .article-teaser .block--bean-panels li,
.article-list .coupon-teaser .dropdownnav .block--bean-panels li,
.dropdownnav .article-list .coupon-teaser .block--bean-panels li,
.article-list .mobile-app-teaser .dropdownnav .block--bean-panels li,
.dropdownnav .article-list .mobile-app-teaser .block--bean-panels li,
.article-list .product-teaser .dropdownnav .block--bean-panels li,
.dropdownnav .article-list .product-teaser .block--bean-panels li,
.article-list .sample-teaser .dropdownnav .block--bean-panels li,
.dropdownnav .article-list .sample-teaser .block--bean-panels li,
.article-list .service-teaser .dropdownnav .block--bean-panels li,
.dropdownnav .article-list .service-teaser .block--bean-panels li,
.article-list .tool-teaser .dropdownnav .block--bean-panels li,
.dropdownnav .article-list .tool-teaser .block--bean-panels li, .article-full .article-illu .dropdownnav .block--bean-panels li, .dropdownnav .article-full .article-illu .block--bean-panels li, .node--blog--full .article-illu .dropdownnav .block--bean-panels li, .dropdownnav .node--blog--full .article-illu .block--bean-panels li, .article-full .article-aside .dropdownnav .block--bean-panels li, .dropdownnav .article-full .article-aside .block--bean-panels li, .node--blog--full .article-aside .dropdownnav .block--bean-panels li, .dropdownnav .node--blog--full .article-aside .block--bean-panels li, .product-full .product-illu .dropdownnav .block--bean-panels li, .dropdownnav .product-full .product-illu .block--bean-panels li, .product-full .product-aside .dropdownnav .block--bean-panels li, .dropdownnav .product-full .product-aside .block--bean-panels li {
  border-bottom: 1px solid #f1f1ed;
  margin-left: 10%;
  /* remove important !important; */
  margin-right: 10%;
  width: 80%;
}

.benefits .flexslider_benefits li {
  width: 80%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
}
@media all and (max-width: 500px) {
  .benefits .flexslider_benefits li {
    border-bottom: 0;
  }
}

.benefits .flexslider_benefits .flex-control-nav li {
  margin-left: 2%;
  margin-right: 2%;
}
/* Mega dropdown */
.dropdownnav .block--bean-panels {
  background-color: #f6f6f6;
  min-width: 260px;
  max-width: 260px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.dropdownnav .block--bean-panels .benefits, .dropdownnav .block--bean-panels .block--bean-panels {
  background-color: transparent;
  border: none;
}
.dropdownnav .block--bean-panels ul {
  background-color: #f2f2f2;
}
.dropdownnav .block--bean-panels li {
  display: none;
  width: 100%;
}
.dropdownnav .block--bean-panels li:first-child {
  display: block;
}
.dropdownnav .block--bean-panels p {
  font-size: 14px;
  font-size: 1.4rem;
}

/* Mega dropdown flexslider */
.flexslider_benefits {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.dropdownnav .benefits .flexslider_benefits li, .dropdownnav .block--bean-panels .flexslider_benefits li {
  margin-left: 0;
}

.dropdownnav .benefits .flex-direction-nav, .dropdownnav .block--bean-panels .flex-direction-nav, #content .benefits .flex-direction-nav, #content .dropdownnav .block--bean-panels .flex-direction-nav, .dropdownnav #content .block--bean-panels .flex-direction-nav, .benefits .flex-control-nav, .dropdownnav .block--bean-panels .flex-control-nav {
  background: none;
  border: none;
  min-height: inherit;
  padding: 0;
}
.dropdownnav .benefits .flex-direction-nav li, .dropdownnav .block--bean-panels .flex-direction-nav li, .dropdownnav .benefits .flex-direction-nav li:first-child, .dropdownnav .block--bean-panels .flex-direction-nav li:first-child, #content .benefits .flex-direction-nav li, #content .dropdownnav .block--bean-panels .flex-direction-nav li, .dropdownnav #content .block--bean-panels .flex-direction-nav li, #content .benefits .flex-direction-nav li:first-child, #content .dropdownnav .block--bean-panels .flex-direction-nav li:first-child, .dropdownnav #content .block--bean-panels .flex-direction-nav li:first-child, .benefits .flex-control-nav li, .dropdownnav .block--bean-panels .flex-control-nav li, .benefits .flex-control-nav li:first-child, .dropdownnav .block--bean-panels .flex-control-nav li:first-child {
  display: inline-block;
  padding: 0;
  width: 9px;
}
.dropdownnav .benefits .flex-direction-nav a, .dropdownnav .block--bean-panels .flex-direction-nav a, #content .benefits .flex-direction-nav a, #content .dropdownnav .block--bean-panels .flex-direction-nav a, .dropdownnav #content .block--bean-panels .flex-direction-nav a, .benefits .flex-control-nav a, .dropdownnav .block--bean-panels .flex-control-nav a {
  opacity: 1;
}

.benefits .flex-control-paging li a, .dropdownnav .block--bean-panels .flex-control-paging li a {
  background-color: #939393;
}
.benefits .flex-control-paging li a.flex-active, .dropdownnav .block--bean-panels .flex-control-paging li a.flex-active {
  background-color: #323232;
}

.benefits .flex-direction-nav .flex-prev, .dropdownnav .block--bean-panels .flex-direction-nav .flex-prev {
  height: 15px;
  left: 10px;
  text-align: left;
}
.benefits .flex-direction-nav .flex-prev:before, .dropdownnav .block--bean-panels .flex-direction-nav .flex-prev:before {
  color: #939393;
  font-size: 15px;
}

.benefits .flex-direction-nav .flex-next, .dropdownnav .block--bean-panels .flex-direction-nav .flex-next {
  height: 15px;
  right: 10px;
}
.benefits .flex-direction-nav .flex-next:before, .dropdownnav .block--bean-panels .flex-direction-nav .flex-next:before {
  color: #939393;
  font-size: 15px;
}

@media all and (max-width: 500px) {
  .benefits li, .dropdownnav .block--bean-panels li {
    width: 100%;
  }
  .benefits p, .dropdownnav .block--bean-panels p {
    padding: 0px 10%;
  }

  .dropdownnav .benefits, .dropdownnav .block--bean-panels {
    display: none;
  }

  .new-benefits-row .benefits li {
      margin-right: 0px;
      margin-left: 0px;
  }

  .new-benefits-row .benefits .flex-direction-nav a {
      top: 50%;
  }

  .new-benefits-row .benefits .flex-direction-nav .flex-next {
      right: 18px;
  }

    .new-benefits-row .benefits .flex-control-nav li {
        border-bottom: none;
        width: 20px;
    }
}

/* New Benefits */
.benefits.new-benefits {
  text-align: center;
}
.benefits.new-benefits > p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.benefits.new-benefits > img {
  max-width: 75px;
}
.benefits.new-benefits > a {
  display: inline-block;
  padding: 5px 10px 5px 0;
  font-size: 12px;
  font-size: 1.2rem;
  color: #f5953f;
  background-image: url(../images/arrow-orange.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 5px 8px;
}
.benefits.new-benefits .extlink:hover {
  text-decoration: underline;
}
.benefits.new-benefits ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
.benefits.new-benefits ul li {
  width: calc(100%/6);
  margin: 0;
  border: none;
}
@media all and (max-width:700px) {
  .benefits.new-benefits ul li {
    width: calc(100%/4);
  }
}
@media all and (max-width:500px) {
  .benefits.new-benefits ul li {
    width: calc(100%/2);
  }
}

/* Register */
.page-user-register .benefits.new-benefits ul,
.page-user-login .benefits.new-benefits ul{
  display: inherit;
  background: #FFFFFF;
  border-top: solid 1px #f1f1ed;
  padding-top: 30px;
}
.page-user-register .benefits.new-benefits ul li,
.page-user-login .benefits.new-benefits ul li{
  padding: 0;
  width: 100%;
}
@media all and (max-width:500px) {
  .page-user-register .benefits.new-benefits ul li,
  .page-user-login .benefits.new-benefits ul li{
    width: 50%;
  }
  .page-user-register .benefits.new-benefits ul li:nth-child(2n+1) > div,
  .page-user-login .benefits.new-benefits ul li:nth-child(2n+1) > div{
    padding: 5px 5px 5px 15px;
  }
  .page-user-register .benefits.new-benefits ul li:nth-child(2n) > div,
  .page-user-login .benefits.new-benefits ul li:nth-child(2n) > div{
    padding: 5px 15px 5px 5px;
  }
}

/* Dropdown Menu Flexslider */
.dropdownnav .benefits.new-benefits .flexslider_benefits ul {
  display: inherit;
}
.dropdownnav .benefits.new-benefits .flexslider_benefits ul li,
.dropdownnav .benefits.new-benefits .flexslider_benefits ul li > div {
  width: 100%;
  padding: 0;
}
.dropdownnav .benefits.new-benefits .flexslider_benefits ul li span,
.dropdownnav .benefits.new-benefits .flexslider_benefits ul li > div span {
  display: none;
}

/*******************************************************/
/**** Homepage										****/
/*******************************************************/
/* Non logged */
.home-cover {
  margin-bottom: 30px;
}
.home-cover div {
  background-position: center;
  background-size: cover;
  height: 0;
  padding-top: 35%;
  position: relative;
  overflow: hidden;
}
.home-cover div article {
  bottom: 40px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: bottom;
}
.home-cover div h1 {
  margin: 0 auto 30px;
  max-width: 600px;
  font-size: 48px;
  font-size: 4.8rem;
}

.home-cover div h1 span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
}

@media all and (max-width: 1200px) {
  .home-cover > div {
    padding-top: 10%;
    height: auto;
  }
  .home-cover > div article {
    margin: 0 auto;
    position: relative;
    padding: 30px 0;
    width: 80%;
  }
}
.logged-in .home-cover > div {
  padding-top: 35%;
}
.logged-in .home-cover > div article {
  margin: 0 auto;
  bottom: 42%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: bottom;
}
.logged-in .home-cover > div h1 {
  margin: 0 auto;
}
@media all and (max-width: 900px) {
  .home-cover > div {
    padding-top: 20%;
  }
  .logged-in .home-cover > div {
    padding: 40% 0;
  }
  .logged-in .home-cover > div article {
    padding: 0;
    margin: 0 auto;
  }
}

/***************************/
/**** Registration page	****/
/***************************/
.page-user form p a,
.page-user-register form p a,
.page-user-login form p a,
.page-user-password form p a,
.page-user-reset form p a,
.page-legal-accept form p a {
  text-decoration: underline;
}
.page-user h3,
.page-user-register h3,
.page-user-login h3,
.page-user-password h3,
.page-user-reset h3,
.page-legal-accept h3 {
  color: #f5953f;
  margin-top: 45px;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.page-user .description,
.page-user .mandatory,
.page-user-register .description,
.page-user-register .mandatory,
.page-user-login .description,
.page-user-login .mandatory,
.page-user-password .description,
.page-user-password .mandatory,
.page-user-reset .description,
.page-user-reset .mandatory,
.page-legal-accept .description,
.page-legal-accept .mandatory {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
}
.page-user .mandatory,
.page-user-register .mandatory,
.page-user-login .mandatory,
.page-user-password .mandatory,
.page-user-reset .mandatory,
.page-legal-accept .mandatory {
  margin-top: 45px;
  text-align: right;
}

.page-user-profile-child-add form p a, .page-user-profile-child-edit form p a, .page-user-profile-child-delete form p a, .page-user-profile-edit form p a {
  text-decoration: none;
}

#user-register-form,
#user-login,
#user-pass,
.page-user-reset #user-profile-form,
#legal-login {
  padding: 0 20px 20px;
}

#user-login,
#user-pass,
.page-user-reset #user-profile-form,
#legal-login {
  padding-top: 20px;
}

@media all and (max-width: 500px) {
  .page-user-register .mandatory,
  .page-user-login .mandatory,
  .page-user-password .mandatory,
  .page-user-reset .mandatory,
  #legal-login .mandatory {
    margin: inherit 10px 10px;
  }

  .page-user-login .col-4, .page-user-login .article-teaser-big .article-header, .article-teaser-big .page-user-login .article-header,
  .page-user-login .mobile-app-teaser-big .article-header,
  .mobile-app-teaser-big .page-user-login .article-header,
  .page-user-login .product-teaser-big .article-header,
  .product-teaser-big .page-user-login .article-header,
  .page-user-login .service-teaser-big .article-header,
  .service-teaser-big .page-user-login .article-header,
  .page-user-login .tool-teaser-big .article-header,
  .tool-teaser-big .page-user-login .article-header, .page-user-login .article-list .article-teaser, .article-list .page-user-login .article-teaser,
  .page-user-login .article-list .coupon-teaser,
  .article-list .page-user-login .coupon-teaser,
  .page-user-login .article-list .mobile-app-teaser,
  .article-list .page-user-login .mobile-app-teaser,
  .page-user-login .article-list .product-teaser,
  .article-list .page-user-login .product-teaser,
  .page-user-login .article-list .sample-teaser,
  .article-list .page-user-login .sample-teaser,
  .page-user-login .article-list .service-teaser,
  .article-list .page-user-login .service-teaser,
  .page-user-login .article-list .tool-teaser,
  .article-list .page-user-login .tool-teaser, .page-user-login .article-full .article-illu, .article-full .page-user-login .article-illu, .page-user-login .node--blog--full .article-illu, .node--blog--full .page-user-login .article-illu, .page-user-login .article-full .article-aside, .article-full .page-user-login .article-aside, .page-user-login .node--blog--full .article-aside, .node--blog--full .page-user-login .article-aside, .page-user-login .product-full .product-illu, .product-full .page-user-login .product-illu, .page-user-login .product-full .product-aside, .product-full .page-user-login .product-aside {
    margin-left: 0;
    width: 100%;
  }
}
/* Specific style for registration form (needs to be reviewed) */
.page-user-reset input.password-field,
.page-user-register input.password-field,
.page-user-account-security input.password-field {
  width: 50%;
}

.page-legal-accept .benefits p.align_center, .page-legal-accept .dropdownnav .block--bean-panels p.align_center, .dropdownnav .page-legal-accept .block--bean-panels p.align_center,
.page-user-login .benefits p.align_center,
.page-user-login .dropdownnav .block--bean-panels p.align_center,
.dropdownnav .page-user-login .block--bean-panels p.align_center,
.page-user-register .benefits p.align_center,
.page-user-register .dropdownnav .block--bean-panels p.align_center,
.dropdownnav .page-user-register .block--bean-panels p.align_center {
  display: none;
}

.page-legal-accept fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: auto;
}
.page-legal-accept fieldset legend {
  display: none;
}
.page-legal-accept #legal-login label a {
  font-weight: bold;
  text-decoration: underline;
}
.page-legal-accept #legal-login h4 {
  color: #f5953f;
}
.page-legal-accept #legal-login .form-item-field-user-baby-due-date .form-type-select {
  display: inline-block;
  width: 30%;
}
.page-legal-accept #legal-login .form-item-field-user-first-baby .form-radios,
.page-legal-accept #legal-login .form-item-field-gender-und .form-radios,
.page-legal-accept #legal-login .form-item-field-user-baby-gender .form-radios {
  padding-top: 10px;
}
.page-legal-accept #legal-login .form-item-field-user-first-baby .form-radios .form-type-radio,
.page-legal-accept #legal-login .form-item-field-gender-und .form-radios .form-type-radio,
.page-legal-accept #legal-login .form-item-field-user-baby-gender .form-radios .form-type-radio {
  display: inline-block;
  padding-right: 40px;
}
.page-legal-accept #legal-login .form-item-field-user-first-baby .form-radios .form-type-radio .form-radio,
.page-legal-accept #legal-login .form-item-field-gender-und .form-radios .form-type-radio .form-radio,
.page-legal-accept #legal-login .form-item-field-user-baby-gender .form-radios .form-type-radio .form-radio {
  vertical-align: baseline;
  margin-right: 5px;
}

#edit-group-babies,
#edit-group-pregnancy,
#edit-group-additional {
  background-color: #fafafa;
  height: auto;
  padding: 20px 20px 0;
  margin: 0px 0px 20px;
}
#edit-group-babies.collapsed,
#edit-group-pregnancy.collapsed,
#edit-group-additional.collapsed {
  margin: 0;
  padding: 0;
}

.container-inline-date .date-padding {
  float: none;
  padding: 0;
}

.col-6.registration-headline {
  width: 49.06% !important;
}
.col-6.registration-mendatory {
  width: 49.06% !important;
}

/********************************************/
/**** Article full page 		         ****/
/********************************************/
.article-full.stage {
  height: 290px;
}
.article-full.stage .stage-illu-bg {
  background-size: cover;
  height: 0;
  left: 0;
  padding-top: 450px;
  position: absolute;
  top: -160px;
  width: 100%;
}
.article-full.stage .stage-content {
  margin-top: 160px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}
.article-full.stage .stage-content:before, .article-full.stage .stage-content:after {
  background-color: #31a8db;
  content: "";
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 40px;
}
.article-full.stage .stage-content:before {
  top: 0;
}
.article-full.stage .stage-content:after {
  top: 100%;
}
.article-full.stage h2.dash {
  color: #fff;
  padding-bottom: 5px;
  padding-top: 30px;
}
.article-full.stage .taxonomy-term-description {
  padding-top: 20px;
  color: #fff;
}

/********************************************/
/**** Sitemap page		 		         ****/
/********************************************/
.page-sitemap #content .content {
  /*color: $text-gray;
  margin: 30px 0;
  @include fontsize(3.6);*/
}
.page-sitemap #content #accordion {
  padding-left: 30px;
}
.page-sitemap #content .col-8 h3,
.page-sitemap #content .col-4 h3{
  border-bottom: 1px solid #ccc;
  color: #31a8db;
  font-weight: bold;
  line-height: 1.3em;
  cursor: pointer;
  margin-bottom: 15px;
  padding-left: 28px;
}
.page-sitemap #content h3.ui-accordion-header-active {
  color: #999;
}
.page-sitemap #content .col-8 h2,
.page-sitemap #content .col-4 h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 30px 0 25px;
  color: #999;
}
.page-sitemap #content .col-8 h3,
.page-sitemap #content .col-4 h3{
  font-size: 20px;
  font-size: 2rem;
}
.page-sitemap #content .ui-accordion-content {
  padding: 5px 0;
}
.page-sitemap #content .pane-menu-menu-sitemap-custom-top-menu ul,
.page-sitemap #content .pane-menu-menu-sitemap-custom-bottom-menu ul {
  margin-bottom: 18px;
}
.page-sitemap #content .pane-menu-menu-sitemap-custom-top-menu ul li a,
.page-sitemap #content .pane-menu-menu-sitemap-custom-bottom-menu ul li a {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2em;
}

.ui-accordion-icons {
  position: relative;
}

.ui-accordion-header-icon {
  background: url(../images/accordion.png) no-repeat;
  background-size: 8px 16px;
  content: "";
  display: block;
  height: 8px;
  left: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

.ui-accordion-header-active .ui-accordion-header-icon {
  background-position: left bottom;
}

.view-sitemap-articles {
  margin-left: 30px;
}

#site-map .site-map-box ul {
  padding-left: 0 !important;
  /* from plugin */
}

.views-row-last {
  margin-bottom: 30px;
}

.ui-accordion-content {
  height: auto;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

.ui-accordion-content span a, .site-map-menu a {
  background: url(../images/arrow-blue.png) no-repeat left center;
  background-size: 5px 10px;
  color: #666;
  display: block;
  margin-left: 30px;
  padding: 0;
  padding-left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

/***************************************/
/**** Brand pages specificities		****/
/***************************************/
.article-list .node--brands-logo {
  background: none;
  display: inline-block;
  padding: 20px;
}

.page-cover-brand {
  position: relative;
}
.page-cover-brand .contextual-links-wrapper {
  right: 40px;
}
.page-cover-brand .page-cover {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.page-cover-brand .stages-utils {
  padding: 10px;
}
.page-cover-brand .brandstory {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.page-cover-brand .brandstory b,
.page-cover-brand .brandstory strong {
  font-weight: bold;
}
.page-cover-brand .brandstory em,
.page-cover-brand .brandstory i {
  font-style: italic;
}
.page-cover-brand .brandstory p {
  margin: 0 0 1.5em;
}
.page-cover-brand .brandstory ul {
  list-style-type: none;
}
.page-cover-brand .brandstory ul li {
  margin-left: 1.5em;
}
.page-cover-brand .brandstory ul li::before {
  color: #31a8db;
  content: '\2022';
  margin-right: 10px;
  position: absolute;
  margin-left: -1.2em;
}
.page-cover-brand .brandstory ol {
  list-style-type: numeric;
}
.page-cover-brand .brandstory ol li {
  padding-left: 0.2em;
  margin-left: 1.3em;
}
.page-cover-brand .brandstory ol,
.page-cover-brand .brandstory ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0;
}
.page-cover-brand .brandstory table {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}
.page-cover-brand .brandstory th {
  background: none;
  border-bottom: 2px solid #31a8db;
  padding: 12px 10px;
}
.page-cover-brand .brandstory td {
  padding: 12px 10px;
}
.page-cover-brand .brandstory tr.even {
  background-color: #fcfcfc;
}
.page-cover-brand .brandstory tr.odd {
  background-color: #f4f4f2;
}
.page-cover-brand .brandstory .utils li {
  margin-left: 0;
}
.page-cover-brand .brandstory .utils li::before {
  display: none;
}

.bloc-content .brand-stages, .external-link .brand-stages, .big-link .brand-stages {
  padding: 20px 10px 0 10px;
}

.bloc-content .brand-utils, .external-link .brand-utils, .big-link .brand-utils {
  padding: 0 10px;
}
.bloc-content .brand-utils .utils, .external-link .brand-utils .utils, .big-link .brand-utils .utils {
  float: right;
  margin-top: -50px;
}

@media all and (min-width: 1096px) {
  .empty-brand-product-container {
    min-height: 30px;
  }
}
@media all and (max-width: 1096px) {
  .bloc-content .brand-utils .utils, .external-link .brand-utils .utils, .big-link .brand-utils .utils {
    float: none;
    margin-top: 0;
    text-align: center;
  }
}
.brandstory h2 {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 25px;
  padding-top: 5px;
  font-size: 18px;
  font-size: 1.8rem;
}
.brandstory p {
  font-size: 16px;
  font-size: 1.6rem;
}
.bloc-content .brandstory, .external-link .brandstory, .big-link .brandstory {
  padding: 10px;
}

.brandstories {
  padding: 15px 15px 0;
}

@media all and (max-width: 500px) {
  .brandstory {
    margin: 0 auto;
    max-width: 360px;
  }

  .brandstory .align_right {
    text-align: left;
  }
}
.range-more {
  background-color: #fcfcfb;
  border-top: 1px solid #f1f1ed;
  clear: both;
  position: relative;
}
.range-more:after {
  background-color: #f1f1ed;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}
.range-more .col-6:last-child p {
  padding-right: 20px;
}
.range-more h2 {
  color: #666;
  font-weight: bold;
  margin: 20px 0 30px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
}
.range-more h2:after {
  background-color: #31a8db;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 20px;
}
.range-more ul {
  margin: 0 auto;
  width: 80%;
}
.range-more li {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  vertical-align: top;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.range-more h3 {
  color: #31a8db;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
.range-more p {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}
.range-more img {
  display: block;
  margin: 0 auto;
}

@media all and (max-width: 500px) {
  .range-more:after {
    display: none;
  }
  .range-more ul {
    border-bottom: 1px solid #f1f1ed;
    width: 100%;
  }
  .range-more h3, .range-more p {
    padding: 0 20px;
  }
}
.brand-top-block {
  height: 100px;
  margin: 0 auto;
  position: relative;
  width: 200px;
}
.brand-top-block:before, .brand-top-block:after {
  background: #fff;
  content: "";
  display: block;
  height: 100px;
  position: absolute;
  top: 0;
  width: 100px;
}
.brand-top-block:before {
  left: 0;
  -moz-border-radius-topleft: 100%;
  -webkit-border-top-left-radius: 100%;
  border-top-left-radius: 100%;
}
.brand-top-block:after {
  right: 0;
  -moz-border-radius-topright: 100%;
  -webkit-border-top-right-radius: 100%;
  border-top-right-radius: 100%;
}
.brand-top-block img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 7px;
  z-index: 1;
}
.view-list-of-all-brands.block-brands-footer  {
  background: #FFFFFF;
}
.view-list-of-all-brands.block-brands-footer .view-content {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.view-list-of-all-brands.block-brands-footer .view-content .footer-brand-item {
  width: calc(100% / 9);
}
@media all and (max-width: 700px) {
  .view-list-of-all-brands.block-brands-footer .view-content .footer-brand-item {
    width: calc(100% / 7);
  }

}
@media all and (max-width: 500px) {
  .view-list-of-all-brands.block-brands-footer .view-content .footer-brand-item {
    width: calc(100% / 4);
  }

}
.view-list-of-all-brands.block-brands-footer .view-content .footer-brand-item a {
  font-size: 0;
}

/***********************************/
/**** Contact page  			****/
/***********************************/
.page-contact .bloc-content p, .page-contact .external-link p, .page-contact .big-link p {
  color: #666;
}
.page-contact .bloc-content p a:not(.button), .page-contact .external-link p a:not(.button), .page-contact .big-link p a:not(.button) {
  color: #31a8db;
  text-decoration: underline;
}
.page-contact .bloc-content p a.custom-dropdown-button, .page-contact .external-link p a.custom-dropdown-button, .page-contact .big-link p a.custom-dropdown-button {
  text-decoration: none;
}
.page-contact .bloc-content .title, .page-contact .external-link .title, .page-contact .big-link .title {
  color: #31a8db;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
}
.page-contact .bloc-content .thanks_msg, .page-contact .external-link .thanks_msg, .page-contact .big-link .thanks_msg {
  color: #31a8db;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}

.contact-nav li {
  display: inline-block;
  margin: 15px 15px 30px;
  vertical-align: top;
}
.contact-nav a {
  color: #31a8db;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
}
.contact-nav img {
  display: block;
  margin: 0 auto 10px;
}

.socials-nav li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}
.socials-nav img {
  margin-bottom: 10px;
}

@media all and (max-width: 500px) {
  #contact-subjects {
    padding: 0 15px;
  }
}
/* Adress contact */
.page-contact .address {
  background-color: #fafafa;
  border-top: 1px solid #ccc;
  padding: 15px;
}

/* External link */
.external-link {
  color: #31a8db;
  display: block;
  font-weight: bold;
  margin-bottom: 0;
  padding: 30px 40px 30px 15px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
}
.external-link:after {
  background: url(../images/arrows-grey.png) top right;
  background-size: 18px 16px;
  content: "";
  display: block;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%;
  width: 9px;
}

/***********************************/
/**** Contact form  			****/
/***********************************/
.existing {
  border-bottom: 1px solid #ccc;
  padding: 15px;
}
.existing a {
  color: #31a8db;
  text-decoration: underline;
}

.contact-steps {
  display: table;
  color: #fff;
  margin-bottom: 30px;
  padding: 0;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
.contact-steps li {
  background-color: #dadada;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  margin-left: -4px;
  position: relative;
  text-align: center;
  width: 50%;
}
.contact-steps li.on {
  background-color: #31a8db;
}
.contact-steps li:first-child.on:after {
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #31a8db;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -24px;
  top: 0;
  width: 0;
  z-index: 1;
}
.contact-steps li:last-child.on:before {
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #dadada;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
}
.contact-steps span {
  font-size: 15px;
  font-size: 1.5rem;
}

#contact-form .mandatory {
  color: #999;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

.contact-form-content {
  background: #fafafa;
  border-top: 1px solid #f1f1ed;
  margin-bottom: 10px;
  padding: 40px 30px;
}

.contact-us-form {
  padding: 40px;
}

.contact-tool, .contact-tools {
  background-color: #092e4d;
}
header .contact-tool, header .contact-tools {
  float: left;
}
article .contact-tool, article .contact-tools {
  padding-top: 15px;
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  -moz-border-radius-bottomright: 14px;
  -webkit-border-bottom-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
article .contact-tool a, article .contact-tools a {
  margin-right: 5px;
}
.contact-tool ul, .contact-tool li, .contact-tools ul, .contact-tools li {
  display: inline;
}

/***********************************/
/**** User / logged blocks  	****/
/***********************************/
/***********************************/
/**** Top logged homepage	  	****/
/***********************************/
.user-resume {
  background-color: #f5953f;
  color: #fff;
  padding: 1.82% 0;
}
.user-resume .row, .user-resume .article-teaser-big,
.user-resume .mobile-app-teaser-big,
.user-resume .product-teaser-big,
.user-resume .service-teaser-big,
.user-resume .tool-teaser-big, .user-resume .product-full .product, .product-full .user-resume .product, .user-resume .article-full.stage .stage-content, .article-full.stage .user-resume .stage-content {
  display: table;
}
.user-resume .cell {
  display: table-cell;
  vertical-align: middle;
}
.user-resume .cell-2 {
  width: 15.14%;
}
.user-resume .cell-4 {
  padding-left: 1.82%;
  width: 32.1%;
}
.user-resume .cell-6 {
  padding-left: 1.82%;
  width: 49.06%;
}
.user-resume img {
  border: 3px solid #fff;
  display: block;
  max-width: 155px;
  max-height: 155px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.user-resume img:not([width]) {
  width: 100px;
  height: 100px;
}
@media all and (max-width: 500px) {
  .user-resume img {
    width: 90px !important;
    max-width: 90px !important;
  }
}
.user-resume h1 {
  line-height: 1.3;
  font-size: 16px;
  font-size: 1.6rem;
}
.user-resume h1 strong {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}
.user-resume p {
  margin-bottom: 0;
}

/* Overrides _article.scss */
.article-list-user .category:before {
  background-color: #f5953f;
}
.article-list-user h1, .article-list-user h2 {
  color: #f5953f;
}

.weeklytip {
  margin-bottom: 1.82%;
  padding: 50px 25px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.days {
  background: #f5953f;
  color: #fff;
  display: block;
  height: 70px;
  left: 50%;
  line-height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 35px;
  width: 70px;
  z-index: 2;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  font-size: 12px;
  font-size: 1.2rem;
}

/* Overview of child */
.mychild-resume {
  background: #fff;
  border-bottom: 1px solid #f1f1ed;
}
.mychild-resume p {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
}
.mychild-resume .name {
  color: #f5953f;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1.6rem;
}

.mychild-pic {
  display: table-cell;
  position: relative;
  width: 23.62%;
}
.mychild-pic img {
  width: 100%;
}
.mychild-pic .edit-photo {
  position: absolute;
  left: 50%;
  margin-left: -29px;
  margin-top: -20px;
  top: 50%;
}
.mychild-pic .edit-photo img {
  width: inherit;
}
.mychild-pic.mychild-pic-empty {
  vertical-align: middle;
}
.mychild-pic.mychild-pic-empty .edit-photo {
  left: auto;
  margin-left: 0;
  margin-top: 0;
  position: static;
  top: auto;
}
.mychild-pic.mychild-pic-empty .edit-photo img {
  display: block;
  margin: 0 auto;
  width: inherit;
}

.mychild-pic-empty {
  background-color: #f1f1ed;
}

.mychild-infos {
  display: table-cell;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  width: auto;
}

.mychild-infos p.name .name{
  text-transform: capitalize;
}

.field-items{
  text-transform: capitalize;
}

.mychild-infos p > span {
  display: inline-block;
}

.mychild-edit,
.mychild-stage {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.mychild-edit {
  min-width: 30px;
  width: 15.14%;
}

.mychild-stage {
  min-width: 110px;
  width: 40.58%;
}

.mychild-pic {
  width: 15.14%;
  min-width: 80px;
}
.user-profile-content .mychild-pic {
  min-width: 30px;
}
.mychild-pic img {
  display: block;
  max-height: 90px;
  max-width: 90px;
}

.mychild-selection-list .col-centered {
  position: relative;
}

.mychild-selection-selected {
  border: 1px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.mychild-selection-selected.open {
  border-bottom: none;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mychild-selection-selected.open .mychild-resume, .mychild-selection-selected.open .mychild-pic, .mychild-selection-selected.open .mychild-pic img {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mychild-selection-selected .mychild-pic {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.mychild-selection-selected .mychild-pic img {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.mychild-selection-selected .mychild-resume {
  border-bottom: none;
  cursor: pointer;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.mychild-selection-selected .mychild-resume:after {
  background: url(../images/arrows-orange.png) no-repeat left bottom;
  background-size: 16px 18px;
  content: "";
  display: block;
  height: 9px;
  margin-top: -5px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 18px;
}
.mychild-selection-selected .mychild-stage {
  visibility: hidden;
}

.mychild-selection-selectable {
  display: none;
  position: absolute;
  z-index: 3;
}
.mychild-selection-selectable.open {
  border: 1px solid #ccc;
  border-top: none;
  display: block;
}
.mychild-selection-selectable .mychild-resume {
  border: none;
  cursor: pointer;
}
.mychild-selection-selectable .mychild-resume:hover {
  background-color: #fde5d0;
}

/***********************************/
/**** User management profile  	****/
/***********************************/
.user-profile {
  position: relative;
}

.user-profile h1, .user-profile .h1 {
  color: #f5953f;
  font-weight: bold;
  padding: 20px;
  text-align: center;
}

.user-profile-intro .h1{
  text-transform: capitalize;
}

.user-profile .user-resume h1 {
  color: #fff;
  font-weight: normal;
  text-align: left;
}

.user-profile-intro {
  position: relative;
  text-align: center;
}
.user-profile-intro img {
  border: 3px solid #fff;
  display: block;
  margin: 0 auto;
  max-width: 155px;
  max-height: 155px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.user-profile-intro .edit-photo {
  left: 50%;
  margin-left: -28px;
  position: absolute;
  top: 60px;
}
.user-profile-intro .edit-photo img {
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.user-profile-content {
  padding-top: 30px;
  position: relative;
  z-index: 2;
}

.user-panel .user-profile-content {
  padding-top: 0;
}

.user-profile .illu-bg {
  background-size: cover;
  height: 250px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.user-profile .illu-bg h1 {
  color: #fff;
}
.user-profile .illu-bg .edit-photo {
  bottom: 10px;
  position: absolute;
  right: 10px;
  z-index: 3;
}

@media all and (max-width: 700px) {
  .user-profile .illu-bg {
    height: 200px;
  }

  .user-profile-content {
    padding-top: 30px;
  }
}
/* Buttons interface */
.profile-edit, .profile-settings {
  background-color: #fcfcfb;
  border-bottom: 1px solid #ccc;
  color: #666;
  display: inline-block;
  padding: 20px 0px 20px 45px;
  position: relative;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
}
.profile-edit span, .profile-settings span {
  display: block;
  height: 21px;
  position: absolute;
  left: 20px;
  top: 15px;
  width: 21px;
}

.profile-settings {
  border-left: 1px solid #f1f1ed;
  margin-left: -3px;
}

.profile-members, .profile-offers, .profile-fav, .profile-coupons, .profile-sso {
  background-color: #f5953f;
  background-position: 10px center;
  border-bottom: 1px solid #c4620a;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 70px;
  padding: 0 10px 0 70px;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
}
.profile-members .icons-profile, .profile-offers .icons-profile, .profile-fav .icons-profile, .profile-coupons .icons-profile, .profile-sso .icons-profile {
  -moz-background-size: 48px 143px;
  -o-background-size: 48px 143px;
  -webkit-background-size: 48px 143px;
  background-size: 48px 143px;
  display: block;
  position: absolute;
  left: 15px;
  top: 20px;
}
.profile-members .txt, .profile-offers .txt, .profile-fav .txt, .profile-coupons .txt, .profile-sso .txt {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.profile-members .icons-profile {
  top: 22px;
  background-position: 0 -77px;
  height: 25px;
  width: 48px;
}

.profile-offers .icons-profile {
  top: 25px;
  background-position: 0 -102px;
  height: 30px;
  width: 46px;
}

.profile-fav .icons-profile {
  left: 20px;
  background-position: 0 -37px;
  height: 40px;
  width: 36px;
}

.profile-coupons .icons-profile {
  left: 25px;
  background-position: 0 0;
  height: 27px;
  width: 30px;
}

.profile-sso .icons-profile {
  left: 20px;
  background-position: 0 0;
  height: 27px;
  width: 36px;
}

/* Big bloc link */
.big-link {
  color: #999;
  display: block;
  margin-bottom: 0;
  padding: 30px 40px 30px 15px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}
.big-link strong {
  color: #f5953f;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 24px;
  font-size: 2.4rem;
}
.big-link:after {
  background: url(../images/arrows-grey.png) top right;
  background-size: 18px 16px;
  content: "";
  display: block;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%;
  width: 9px;
}

.big-link-delete {
  margin-top: 300px;
}
.big-link-delete:after {
  background: url(../images/cross.png) top right;
  background-size: 9px 9px;
  height: 9px;
  margin-top: -8px;
  width: 9px;
}

.user-general-info {
  margin: auto;
  max-width: 500px;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #999;
}

.user-general-info table {
  margin-bottom: 20px;
}
.user-general-info th {
  background: inherit;
}
.user-general-info th, .user-general-info td {
  padding: 10px;
}

.user-general-info td {
  text-transform: capitalize;
}

.user-general-info strong {
  color: #f5953f;
}
.user-general-info p {
  padding-left: 10px;
}

.ispregnant {
  font-style: italic;
}

.bloc-form {
  padding: 20px;
}

.user-profile .question {
  background-color: #fafafa;
  margin-bottom: 20px;
  padding: 20px;
}
.user-profile .question .form-item {
  text-align: center;
}
.user-profile .question label {
  color: #f5953f;
  font-weight: bold;
}

.page-user-profile-picture-edit .user-profile .messages,
.page-user-profile-bg-image-edit .user-profile .messages {
  display: none;
}
.page-user-profile-picture-edit .user-profile .bloc-form,
.page-user-profile-bg-image-edit .user-profile .bloc-form {
  text-align: center;
}
.page-user-profile-picture-edit .user-profile .bloc-form .mychild-pic,
.page-user-profile-bg-image-edit .user-profile .bloc-form .mychild-pic {
  background-color: #f1f1ed;
  min-height: 100px;
  min-width: 100px;
}
.page-user-profile-picture-edit .user-profile .bloc-form .mychild-pic.mychild-pic-empty,
.page-user-profile-bg-image-edit .user-profile .bloc-form .mychild-pic.mychild-pic-empty {
  display: inline-block;
}
.page-user-profile-picture-edit .user-profile .bloc-form .mychild-pic img,
.page-user-profile-bg-image-edit .user-profile .bloc-form .mychild-pic img {
  max-width: none;
  max-height: none;
}
.page-user-profile-picture-edit .user-profile .bloc-form .mychild-pic.user-image img,
.page-user-profile-bg-image-edit .user-profile .bloc-form .mychild-pic.user-image img {
  width: auto;
}
.page-user-profile-picture-edit .user-profile .mychild-pic img,
.page-user-profile-bg-image-edit .user-profile .mychild-pic img {
  margin: 0 auto;
}

.map-container {
  padding: 10px;
}
.map-container .mandatory {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
}
.map-container .map-badge {
  background: #31a8db;
  color: #fff;
  display: inline-block;
  line-height: 20px;
  position: relative;
  text-align: center;
  top: -2px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  font-size: 1.2rem;
}
.map-container .location-list .map-item-selector {
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 1em;
}
.map-container .location-list .map-item-selector.active {
  background-color: #fff;
}
.map-container .location-travel {
  display: none;
}
.map-container .store-locator-preview article {
  float: none;
  position: static;
}
.map-container .store-locator-output-map:after,
.map-container .store-locator-output-map:before {
  content: " ";
  display: table;
}
.map-container .store-locator-output-map:after {
  clear: both;
}

.map-location-information {
  height: 400px;
  overflow-y: auto;
}
.map-location-information h2 {
  color: #666;
  line-height: 1.5;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.map-location-information p {
  color: #666;
  line-height: 1.2;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
.map-location-information .distance, .map-location-information .city, .map-location-information .phone {
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
}
.map-location-information .distance span, .map-location-information .city span, .map-location-information .phone span {
  color: #31a8db;
}

.location-map {
  height: 400px;
}

.map-marker-labels {
  color: white;
  font-size: 12px;
  text-align: center;
  width: 30px;
  height: 15px;
  white-space: nowrap;
}

#info-content-window {
  padding-top: 10px;
}
#info-content-window h2 {
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
}
#info-content-window p {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

.location-travel .content {
  font-size: 14px;
  font-size: 1.4rem;
}

/***********************************/
/**** Comments & user reviews	****/
/***********************************/
.reviews_full label, .reviews_full .label, .reviews_full .username, .reviews_full .flag-comment-report .flag {
  color: #31a8db;
}
.reviews_full .content_center {
  margin: 20px auto 0;
}
.reviews_full .article-list label {
  display: block;
  margin-bottom: 10px;
}
.reviews_full .reviews {
  margin-bottom: 20px;
}
.reviews_full .reviews label {
  display: block;
  margin-bottom: 10px;
}
.reviews_full .flag-outer-comment-report {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.reviews img {
  display: inline-block;
  margin-top: -3px;
  margin-right: 5px;
  vertical-align: middle;
  width: auto;
}
.reviews span {
  color: #666;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  display: flex;
}

@media all and (max-width: 500px) {
  .reviews_full .content_center {
    width: 80%;
  }

  .review .col-2 {
    display: none;
  }
}
.review {
  border-bottom: 1px solid #ccc;
  margin: 10px 20px;
}
.review:last-child {
  border-bottom: 0;
}
.review.last {
  border-bottom: none;
}
.review .date, .review .helpful {
  color: #999;
}
.review .date {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.review .username {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.review .helpful, .review form p {
  font-size: 14px;
  font-size: 1.4rem;
}
.review .label {
  padding-top: 18px;
}
.review form label {
  color: #999;
  margin-right: 15px;
}
.review .flag-comment-report .flag {
  font-size: 12px;
  font-size: 1.2rem;
}

.rate-widget-yesno ul {
  margin-bottom: 15px;
}
.rate-widget-yesno li {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

.rate-yesno-btn {
  background: none;
  border: none;
  color: #999;
  display: inline-block;
  font-weight: normal;
  line-height: 22px;
  margin-right: 15px;
  padding: 3px 0 0 30px;
  position: relative;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.rate-yesno-btn:hover {
  background: none;
}
.rate-yesno-btn:before {
  background-color: #fff;
  border: 1px solid #b2b2b2;
  content: "";
  display: inline-block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
}
.rate-yesno-btn.selected:after {
  background-color: #f5953f;
  content: '';
  display: block;
  height: 18px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

.rate-info {
  color: #999;
  font-size: 14px;
  font-size: 1.4rem;
}

/***********************************/
/**** FAQ page					****/
/***********************************/
/* overwrite page cover from tools*/
#content .node--faq .page-cover .titles:before, #content .node--faq .page-cover .titles:after {
  background-color: #31a8db;
}

.tool-nin_tools_faq #content .view-id-faq h2,
.section-faq #content .view-id-faq h2 {
  border-bottom: 1px solid #ccc;
  color: #31a8db;
  margin: 0 20px 15px;
  padding: 25px 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.tool-nin_tools_faq #content .view-id-faq h3,
.section-faq #content .view-id-faq h3 {
  color: #666;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 16px;
  font-size: 1.6rem;
}
.tool-nin_tools_faq #content .ui-accordion,
.section-faq #content .ui-accordion {
  margin: 0 30px 30px 20px;
}
.tool-nin_tools_faq #content .ui-accordion-content,
.section-faq #content .ui-accordion-content {
  color: #999;
}
.tool-nin_tools_faq #content .ui-accordion-content p,
.section-faq #content .ui-accordion-content p {
  padding-left: 35px;
}

/***********************************/
/**** Error page				****/
/***********************************/
.error-page h2 {
  color: #31a8db;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-top: 100px;
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
}
.error-page h2:after {
  background-color: #31a8db;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;
  width: 40px;
}
.error-page p {
  color: #666;
}
.error-page a {
  color: #31a8db;
  text-decoration: underline;
}
.error-page img {
  padding-top: 40px;
}

@media all and (max-width: 500px) {
  .error-page h2 {
    padding-top: 50px;
    text-align: center;
  }
  .error-page h2:after {
    right: 0;
  }
  .error-page p {
    text-align: center;
  }
  .error-page img {
    display: block;
    margin: auto;
    max-width: 60%;
  }
}
/***********************************************/
/**********		Ticket recall		  **********/
/***********************************************/
.bean-ticket-recall {
  background-color: #f5543f;
  padding: 10px;
}
.bean-ticket-recall p {
  color: #fff;
  margin: 0;
}

/***********************************/
/**** SHSH contents 		  	****/
/***********************************/
/* HP - user progression */
.user-progression {
  margin-top: -20px;
  /* cancel cover margin bottom*/
  padding-top: 20px;
  text-align: center;
}
.user-progression p {
  color: #666;
}

.user-progresion-img {
  background-color: #f5953f;
  margin: 0 auto 20px;
  height: 155px;
  padding: 8px;
  width: 155px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.user-progresion-img img {
  background-color: #fff;
  display: block;
  width: 155px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.user-progression-txt {
  color: #666;
  margin-bottom: 20px;
  padding: 20px 0 15px 0;
  position: relative;
  z-index: 3;
  font-size: 16px;
  font-size: 1.6rem;
}
.user-progression-txt em.placeholder {
  font-weight: bold;
  font-style: normal;
  color: #666;
}
.user-progression-txt:before, .user-progression-txt:after {
  background-color: #f5953f;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 20px;
}
.user-progression-txt:before {
  top: 0;
}
.user-progression-txt:after {
  top: 100%;
}
.user-progression-txt .msg {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}

/* HP - badges overview & complete display */
.list-badges-overview {
  text-align: center;
}
.list-badges-overview li {
  display: inline;
}
.list-badges-overview img {
  border: 3px solid #fff;
  margin: 10px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.all-badges .bean-text-snippet-with-title p {
  margin: 0 auto 30px;
  width: 60%;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

.list-badges {
  color: #092e4d;
  font-weight: bold;
  text-align: center;
  margin: 0px auto;
  width: 490px;
  font-size: 16px;
  font-size: 1.6rem;
}
.list-badges li {
  display: inline-block;
  margin: 10px 20px 20px;
  vertical-align: top;
  width: 120px;
}
.list-badges img {
  display: block;
  margin: 0 auto 10px;
}

@media all and (max-width: 500px) {
  .list-badges-overview img {
    margin: 10px 2px;
    width: 60px;
  }

  .list-badges {
    width: 300px;
  }
  .list-badges li {
    margin: 10px 10px 20px;
  }
}
/* HP - topics/index tabs */
.view-filters-tabs-shsh {
  margin: 0;
}
.view-filters-tabs-shsh li {
  display: inline-block;
}
.view-filters-tabs-shsh li a {
  color: #f5953f;
  margin-left: -1px;
}
.view-filters-tabs-shsh li.ui-state-active a {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  position: relative;
  top: 1px;
}
.view-filters-tabs-shsh + .row, .view-filters-tabs-shsh + .article-teaser-big,
.view-filters-tabs-shsh + .mobile-app-teaser-big,
.view-filters-tabs-shsh + .product-teaser-big,
.view-filters-tabs-shsh + .service-teaser-big,
.view-filters-tabs-shsh + .tool-teaser-big, .product-full .view-filters-tabs-shsh + .product, .article-full.stage .view-filters-tabs-shsh + .stage-content {
  padding-top: 0;
}

/* HP - topics list */
.shsh-topics-intro {
  padding-top: 20px;
}

#shsh-tab-topics .ui-accordion,
#shsh-tab-index .ui-accordion {
  padding: 0 20px 20px;
}
#shsh-tab-topics .ui-accordion h3,
#shsh-tab-index .ui-accordion h3 {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  color: #092e4d;
  font-size: 24px;
  margin-bottom: 10px;
  padding: 10px 0 10px 20px;
}
#shsh-tab-topics .ui-accordion-header-icon,
#shsh-tab-index .ui-accordion-header-icon {
  background-image: url(../images/accordion2.png);
}
#shsh-tab-topics .ui-accordion h4,
#shsh-tab-index .ui-accordion h4 {
  cursor: pointer;
  color: #092e4d;
  font-size: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
}

/* HP - index list */
.shsh-index-intro {
  margin-bottom: 20px;
  padding: 20px 0 15px 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.shsh-index-intro .msg {
  display: block;
  margin-bottom: 10px;
}
.shsh-index-intro ul {
  margin-top: 20px;
}
.shsh-index-intro li {
  display: inline-block;
}
.shsh-index-intro a.active {
  background-color: #f5953f;
  color: #fff;
}

/* HP - Topics block */
.topic-teaser-big {
  background-color: #fff;
  padding-bottom: 20px;
}
.ui-accordion .topic-teaser-big {
  padding: 0 20px;
}

.topic-illu {
  margin-bottom: 20px;
}

.topic-header {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
.topic-teaser-big .topic-header {
  padding: 0 30px;
}
.ui-accordion .topic-header {
  text-align: left;
}

.topic-title {
  font-weight: bold;
  font-size: 28px;
  font-size: 2.8rem;
}

.topic-rubs {
  color: #f5953f;
}

.article-teaser-topic .category:before {
  background-color: #f5953f;
}
.article-teaser-topic h1 {
  color: #f5953f;
}

.article-list .article-teaser-topic,
.article-list .article-teaser-topic article {
  background: none;
}

.topic-articles, .index-articles {
  padding: 0 20px;
}
.topic-articles a, .index-articles a {
  background-image: url("../images/arrow-orange.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 5px 10px;
  color: #666;
  display: block;
  margin: 0 0 5px 20px;
  padding: 5px 0 5px 18px;
  font-size: 14px;
  font-size: 1.4rem;
}
.topic-articles a.checked:after, .index-articles a.checked:after {
  color: #f5953f;
  content: '\2714';
  margin-left: 5px;
}

/* Article - header */
#shsh-header-page {
  background-color: #f5953f;
  border-bottom: 90px solid #f1f1ed;
  padding: 20px 20px 0;
  text-align: center;
  top: 20px;
}
#shsh-header-page .topic-title {
  color: #fff;
  margin: 20px auto;
  max-width: 80%;
  font-size: 16px;
  font-size: 1.6rem;
}
#shsh-header-page ul {
  margin-top: -90px;
}
#shsh-header-page li {
  color: #666;
  display: inline-block;
  margin: 10px 15px;
  padding: 80px 0 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 90px;
  width: 70px;
  font-size: 12px;
  font-size: 1.2rem;
}
#shsh-header-page li.active {
  color: #000;
}
#shsh-header-page li.active:after {
  background-color: #f5953f;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 20px;
}
#shsh-header-page li.active span {
  border-color: #31a8db;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
#shsh-header-page li span {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border: 2px solid transparent;
  display: block;
  height: 68px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 68px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
#shsh-header-page .explore span {
  background-image: url(../images/shsh-explore.png);
}
#shsh-header-page .learn span {
  background-image: url(../images/shsh-learn.png);
}
#shsh-header-page .act span {
  background-image: url(../images/shsh-act.png);
}

/***************************/
/**** Search form 		****/
/***************************/
#show-search {
  display: inline-block;
  float: right;
  margin-left: 12px;
  padding: 2px 8px 2px 10px;
  position: relative;
}
.not-logged-in #show-search:before {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  left: 0;
  height: 22px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 1px;
}

.panel-pane.pane-block.pane-nin-search-nin-promote-search-content,
.panel-pane.pane-block.pane-nin-solrsearch-nin-promote-search-content {
  padding-bottom: 20px;
}

.search-banner {
  background-color: #092e4d;
  margin: 30px auto;
  padding: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}

@media print{
  .search-banner {
    display: none;

  }
}

.search-banner .row {
  padding: 0;
}
.search-banner .col{
  margin:0;
}
.search-banner .col img{
  margin:0 auto
}
.search-banner .search-banner-text{
  font-family:Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 20px 0;
}
.search-banner .search-banner-text h2,.search-banner .search-banner-text h3{
  font-weight:bold;
  color:#ffffff
}
.search-banner .search-banner-text h2::first-line {
  font-weight: normal;
}
.search-banner .search-banner-text h2{
  margin-bottom: 1.82%;
  font-size:3rem
}.search-banner .search-banner-text h3{
   font-weight: normal;
   font-size:1.6rem
 }
.search-banner .search-banner-text .search-form{
  margin: 0;
  background-color: transparent;
  padding: 20px 0 0 0;
}
.search-banner .button{
  display: block;
  text-align: center;
  padding: 20px 10px;
  border-radius: 40px;
  text-transform: none;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  width: 100%;
  transform: translateY(50%);
}
.search-banner .col.col-3 {
  position: relative;
}
@media screen and (max-width: 500px) {
  #content .search-banner.row {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
  }
  #content .search-banner .col.col-2 {
    width: 100%;
  }
  #content .search-banner .col.col-7 {
    text-align: center;
  }
  #content .search-banner .col.col-7 h3 {
    margin-top: 10px;
  }
  #content .search-banner .col.col-3 {
    width: 100%;
    margin-top: 15px;
  }
  #content .panel-pane.pane-block.pane-nin-search-nin-promote-search-content .col.col-3 .button.button-orange{
    position: relative;
    transform: inherit;
    width: 85%;
  }
  .search-banner .col {
    text-align: center;
  }
}
.contextual-links-region.panel-pane.pane-block.pane-nin-search-nin-promote-search-content{
  padding-bottom:20px;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{
  margin: inherit !important;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
  font-size: 1.6rem;
  font-size: 16px;
  border: 1px solid #19a6e0;
  padding: 1px;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:first-child {
  margin-top: -35px;
  margin-bottom: 10px;
  margin-left: -3px;
  margin-top: -1px;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:first-child div.apachesolr_autocomplete.suggestion {
  color: gray;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:first-child div.apachesolr_autocomplete.suggestion strong {
  font-weight: 400;
  color: black;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:first-child .apachesolr_autocomplete.message {
  margin-right: 30px;
}

#search, .search-form {
  background-color: #094271;
  padding: 10px 20px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 500px) {
  #search, .search-form {
    padding: 10px 0;
  }
}
#search .form-type-searchfield, .search-form .form-type-searchfield {
  display: inline-block;
  width: 80%;
}
#search .form-actions, .search-form .form-actions {
  display: inline-block;
  margin-left: -3px;
  width: 20%;
}
#search .form-item, .search-form .form-item {
  margin-bottom: 0;
}
#search input[type="submit"], .search-form input[type="submit"] {
  margin-bottom: 0;
}
#search .form-item, #search .form-actions, .search-form .form-item, .search-form .form-actions {
  margin-bottom: 0;
}

@media all and (max-width: 700px) {
  #search .form-type-searchfield, .search-form .form-type-searchfield {
    width: 65%;
  }

  #search .form-actions, .search-form .form-actions {
    width: 35%;
  }
}
#search {
  left: 0;
  position: relative;
  top: -68px;
  margin-bottom: -68px;
  height: 68px;
  overflow: hidden;
  z-index: 3;
  -moz-transition: margin-bottom 0.6s ease-in-out, top 0.6s ease-in-out;
  -o-transition: margin-bottom 0.6s ease-in-out, top 0.6s ease-in-out;
  -webkit-transition: margin-bottom 0.6s ease-in-out, top 0.6s ease-in-out;
  transition: margin-bottom 0.6s ease-in-out, top 0.6s ease-in-out;
}
#search.on {
  top: 0px;
  margin-bottom: 0px;
}
#search .search-form {
  margin-top: 0;
  margin-bottom: 0;
}
@media all and (max-width: 900px) {
  #search {
    z-index: 14;
  }
}

.sticky-bar #search.on {
  top: 149px;
}
#content .panel-pane.pane-block.pane-nin-search-stats-core-search,
#content .panel-pane.pane-block.pane-nin-search-nin-promote-search-content {
  position: initial;
  bottom: 0;
  width: 100%;
  padding-bottom: 0;
  margin: 0 auto;
  max-width: 1096px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

#content .panel-pane.pane-block.pane-nin-search-stats-core-search {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  max-width: 1096px;
  margin: 0 auto
}

#content .panel-pane.pane-block.pane-nin-search-stats-core-search h2 {
  margin-bottom: 15px;
  padding: 0 10px
}
#content .panel-pane.pane-block.pane-nin-search-nin-promote-search-content {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3
}

.search-form {
  margin-top: -20px;
  margin-bottom: 20px;
}
.search-form label {
  color: #fff;
}

.pane-search-form .pane-title {
  display: none;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
  font-size: 16px;
}
@media screen and (max-width: 700px) {
  .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    font-size: 13px;
  }
}

.form-item.form-type-searchfield.form-item-search-block-form {
  position: relative;
}
.form-item.form-type-searchfield.form-item-search-block-form label.autocompletion {
  position: absolute;
  color: #c0c0c0;
  line-height: 40px;
  padding: 0 6px;
  top: 0;
}
.form-item.form-type-searchfield.form-item-search-block-form label.autocompletion strong:first-child {
  font-weight: normal;
  opacity: 0;
  visibility: hidden;
}
.form-item.form-type-searchfield.form-item-search-block-form label.autocompletion strong {
  font-weight: normal;
}

/*******************************************/
/****  Most read	****/
/*******************************************/
.pane-most-read-articles-day-night {
  margin-top: 70px
}

.pane-most-read-articles-day-night .pane-title {
  margin: 0 auto;
  max-width: 1096px;
  padding: 10px;
  padding-top: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFFFFF;
  text-align: center;
  position: relative
}

.pane-most-read-articles-day-night .pane-title .title-text-top {
  font-size: 20px;
  line-height: 24px;
  margin: 10px 0;
  font-weight: bold
}

.pane-most-read-articles-day-night .pane-title .title-text-bottom {
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0;
  color: #000000
}

.pane-most-read-articles-day-night .pane-title.day {
  color: #F79532
}

.pane-most-read-articles-day-night .pane-title.day::before {
  content: '';
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #F79532;
  display: block;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/sites/all/modules/custom/nin_search/img/most_readed_day.png);
  background-repeat: no-repeat
}

.pane-most-read-articles-day-night .pane-title.night {
  color: #2876B3
}

.pane-most-read-articles-day-night .pane-title.night::before {
  content: '';
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #2876B3;
  display: block;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/sites/all/modules/custom/nin_search/img/most_readed_night.png);
  background-repeat: no-repeat
}

.pane-most-read-articles-day-night .view-most-read {
  padding: 20px;
  background-color: #F5F5F5
}
.pane-most-read-products-default {
  font-family: Arial, sans-serif, Helvetica;
  margin-top: 90px
}

.pane-most-read-products-default .pane-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  background-color: #ffffff;
  color: #666666;
  text-align: center;
  padding: 30px;
  font-weight: bold;
  border-bottom: 2px solid #F1F1ED;
  position: relative
}

.pane-most-read-products-default.display-bear .pane-title::before {
  background-image: url("/sites/all/modules/custom/nin_search/img/stalker-bo.png");
}
.pane-most-read-products-default .pane-title::before {
  content: "";
  background-image: none;
  left: 50%;
  transform: translateX(-50%);
  top: -85px;
  display: block;
  position: absolute;
  width: 113px;
  height: 88px;
}
.pane-most-read-products-default .pane-title .title-text-bottom {
  display: inline-block;
  position: relative;
  padding: 0 32px;
  text-align: center
}

.pane-most-read-products-default .pane-title .title-text-bottom::before,
.pane-most-read-products-default .pane-title .title-text-bottom::after {
  content: "";
  background-color: #31a8db;
  bottom: 0;
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px
}

.pane-most-read-products-default .pane-title .title-text-bottom::before {
  left: 0
}

.pane-most-read-products-default .pane-title .title-text-bottom::after {
  right: 0
}

.pane-most-read-products-default .pane-content {
  background-color: #FDFDFD;
  padding: 20px;
  border-bottom: 2px solid #D0D0D0
}

.pane-most-read-articles-default {
  background-color: transparent;
  font-family: Arial, sans-serif, Helvetica
}

.pane-most-read-articles-default .pane-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  color: #666666;
  text-align: center;
  padding: 30px;
  font-weight: bold
}

.pane-most-read-articles-default .pane-title .title-text-bottom {
  display: inline-block;
  position: relative;
  padding: 0 32px;
  text-align: center
}

.pane-most-read-articles-default .pane-title .title-text-bottom::before,
.pane-most-read-articles-default .pane-title .title-text-bottom::after {
  content: "";
  background-color: #31a8db;
  bottom: 0;
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px
}

.pane-most-read-articles-default .pane-title .title-text-bottom::before {
  left: 0
}

.pane-most-read-articles-default .pane-title .title-text-bottom::after {
  right: 0
}

.pane-most-read-articles-default .view-display-id-articles_default {
  background-color: transparent
}

/*******************************************/
/****  Experts	****/
/*******************************************/

.page-experts .panel-flexible .panel-flexible-inside .panels-flexible-region {
  width: 100% !important
}

.experts-header-text {
  margin: 20px auto;
  max-width: 1096px;
  padding: 0 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem
}

.experts-header-text h2 {
  margin-top: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  margin-bottom: 0.3em
}

.pane-experts-list {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem
}

.pane-experts-list .ds-expertise-header {
  text-align: center
}

.pane-experts-list .ds-expertise-header h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  text-align: center;
  padding: 0 32px;
  margin: 30px 10px 0;
  display: inline-block;
  position: relative;
  color: #666666
}

.pane-experts-list .ds-expertise-header h2::before,
.pane-experts-list .ds-expertise-header h2::after {
  content: "";
  background-color: #31a8db;
  bottom: 0;
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px
}

.pane-experts-list .ds-expertise-header h2::before {
  left: 0
}

.pane-experts-list .ds-expertise-header h2::after {
  right: 0
}

.pane-experts-list .ds-expertise-middle {
  background-color: #fcfcfb;
  display: flex;
  padding: 10px;
  min-height: 70px
}

@media screen and (max-width: 500px) {
  .pane-experts-list .ds-expertise-middle {
    flex-direction: column
  }
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 0
}

@media screen and (max-width: 500px) {
  .pane-experts-list .ds-expertise-middle .ds-expertise-right {
    margin: 10px 0
  }
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right .field--expertise-text {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right .field--expertise-text em {
  color: #19a6e0;
  font-style: normal
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media screen and (max-width: 500px) {
  .pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-phone,
.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-email {
  color: #19a6e0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.5rem
}
.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom > div {
  width: 100%;
  max-width: 80px;
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-phone {
  max-width: 160px;
  width: 100%;
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-phone .label-above,
.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-email .label-above {
  font-weight: normal
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-phone .odd {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem
}

.pane-experts-list .ds-expertise-middle .ds-expertise-right-bottom .field--name-field-expert-email .odd a {
  background-image: url("/sites/all/modules/custom/nin_search/img/mail_ico.png");
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 31px;
  padding-left: 31px
}

.pane-experts-list .ds-expertise-footer {
  background-color: #ffffff
}

.pane-experts-list .ds-expertise-footer .field--name-field-expertise-topics {
  margin-top: 25px;
  margin-left: 15px
}

.pane-experts-list .ds-expertise-footer .field--name-field-expertise-topics .label-above {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  font-weight: bold
}

.pane-experts-list .ds-expertise-footer .field--name-field-expertise-topics ul li::before {
  content: "-";
  padding-right: 5px;
  vertical-align: text-bottom
}

.pane-experts-list .ds-expertise-footer .field--name-experts-by-expertise {
  margin-left: 15px;
  margin-top: 25px
}

.pane-experts-list .ds-expertise-footer .field--name-experts-by-expertise .label-above {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  font-weight: bold;
  margin: 15px 0
}

.view-experts-by-expertise .node--expert--teaser {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #808080
}

.view-experts-by-expertise .node--expert--teaser .col-3 {
  margin-left: 0
}

.view-experts-by-expertise .node--expert--teaser img {
  border-radius: 50%
}

.view-experts-by-expertise .node--expert--teaser h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #808080;
  font-weight: bold
}

.view-experts-by-expertise .node--expert--teaser .field--read-more-ajax a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
  color: #19a6e0;
  text-transform: uppercase
}

.npop {
  cursor: pointer
}

.npop .npop-content {
  cursor: auto
}

@media screen and (max-width: 700px) {
  .npop .npop-content {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
    padding-bottom: 0;
    top: 0;
    margin-left: 0;
    background-color: white;
    min-height: 100%
  }
}

.npop .npop-content .group-header .group-header-top {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #808080
}

.npop .npop-content .group-header .group-header-top img {
  border-radius: 50%
}

.npop .npop-content .group-header .group-header-top h2 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #808080;
  font-weight: bold
}

.npop .npop-content .group-header .group-header-bottom::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  margin-bottom: 20px
}

.npop .npop-content .group-header .group-header-bottom .field--name-field-expert-highlighted .field__item {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 32px;
  line-height: 3.2rem
}

.npop .npop-content .group-header .group-header-bottom .field--name-body .field__label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: bold
}

.npop .npop-content .group-left,
.npop .npop-content .group-right {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem
}

.npop .npop-content .group-left>*, .npop .npop-content .group-right>* {
  padding: 0 10px;
}

@media screen and (max-width: 500px) {
  .npop .npop-content .group-left,
  .npop .npop-content .group-right {
    width: 100%;
    float: none
  }
}

.npop .npop-content .group-left .field__label,
.npop .npop-content .group-right .field__label {
  font-weight: bold
}

.npop .npop-content .group-left a,
.npop .npop-content .group-right a {
  color: #19a6e0;
  text-decoration: underline
}

.npop .npop-content .group-footer .vocabulary-expertise {
  background-color: #fcfcfb;
  display: flex;
  padding: 10px;
  min-height: 70px
}

@media screen and (max-width: 500px) {
  .npop .npop-content .group-footer .vocabulary-expertise {
    flex-direction: column
  }
}

.npop .npop-content .group-footer .vocabulary-expertise .group-left {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 0
}

@media screen and (max-width: 500px) {
  .npop .npop-content .group-footer .vocabulary-expertise .group-left {
    margin: 10px 0
  }
}

.npop .npop-content .group-footer .vocabulary-expertise .group-left .field--expertise-text {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem
}

.npop .npop-content .group-footer .vocabulary-expertise .group-left .field--expertise-text em {
  color: #19a6e0;
  font-style: normal
}

.npop .npop-content .group-footer .vocabulary-expertise .group-right {
  display: flex;
  flex-direction: row;
  justify-content: space-around
}

.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone,
.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-email {
  color: #19a6e0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.5rem
}

.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone .label-above,
.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-email .label-above {
  font-weight: normal
}

.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone .odd {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem
}

.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone .odd a {
  text-decoration: none;
  font-weight: bold
}

.npop .npop-content .group-footer .vocabulary-expertise .group-right .field--name-field-expert-email .odd a {
  background-image: url("/sites/all/modules/custom/nin_search/img/mail_ico.png");
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 31px;
  padding-left: 31px
}

.npop .npop-content .npop-close-btn {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  text-transform: uppercase;
  font-weight: bold;
  right: 30px;
  left: auto;
  top: 30px;
  color: #f7953f;
  padding-right: 24px
}

.npop .npop-content .npop-close-btn:before,
.npop .npop-content .npop-close-btn:after {
  position: absolute;
  right: 6px;
  top: -1px;
  content: ' ';
  height: 18px;
  width: 2px;
  background-color: #f7953f;
  border-radius: 1px
}

.npop .npop-content .npop-close-btn:before {
  transform: rotate(45deg)
}

.npop .npop-content .npop-close-btn:after {
  transform: rotate(-45deg)
}

.node--expert--teaser-pce {
  width: 80%;
  margin: 0 auto
}

.node--expert--teaser-pce>.group-article-link {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.node--expert--teaser-pce .group-col-left {
  margin: 0 auto !important
}

@media screen and (max-width: 500px) {
  .node--expert--teaser-pce .group-col-left {
    float: none;
    width: 90px;
  }
  .node--expert--teaser-pce .group-col-left * {
    float: none;
    margin: 0 auto;
    text-align: center
  }
}

.node--expert--teaser-pce .group-col-left img {
  border-radius: 50%
}

.node--expert--teaser-pce .group-col-right {
  text-align: left;
  padding-left: 10px
}

@media screen and (max-width: 500px) {
  .node--expert--teaser-pce .group-col-right {
    float: none;
    padding-left: 0;
  }
  .node--expert--teaser-pce .group-col-right * {
    float: none;
    margin: 0 auto;
    text-align: center
  }
}

.node--expert--teaser-pce .group-col-right h2 {
  color: #999;
  font-size: 12px !important;
  line-height: 16px;
  margin: 0;
  font-weight: bold
}

.node--expert--teaser-pce .group-col-right .label-above {
  display: none
}

.node--expert--teaser-pce .group-col-right .expertise {
  color: #999;
  font-size: 12px !important;
  line-height: 16px;
  margin: 0
}

.banner-experts, .banner-contact {
  margin: 40px auto;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  border-radius: 20px;
  font-family: Arial, sans-serif, Helvetica;
  overflow: hidden;
  width: 100%;
  max-width: 1096px;
  box-sizing: border-box;
  padding: 0 10px
}

.banner-experts .row, .banner-contact .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  min-height: 295px;
  border-radius: 20px;
  padding: 0;
  overflow: hidden
}

@media screen and (max-width: 500px) {
  .banner-experts .row, .banner-contact .row {
    flex-direction: column-reverse
  }
}

.banner-experts .row .col, .banner-contact .row .col {
  margin: 0;
}

.banner-experts .row .col-5, .banner-contact .row .col-5 {
  color: #ffffff;
  background-color: #31a8db;
  padding: 30px;
  padding-bottom: 90px;
  position: relative;
  min-width: 310px;
  max-width: 450px;
}

@media screen and (max-width: 500px) {
  .banner-experts .row .col-5, .banner-contact .row .col-5 {
    min-width: 0;
    max-width: none;
    width: 100%
  }
}

.banner-experts .row .col-5 h2, .banner-contact .row .col-5 h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 40px;
  line-height: 4rem;
  margin-bottom: 20px
}

.banner-experts .row .col-5 h2 em, .banner-contact .row .col-5 h2 em {
  font-style: normal;
  color: #ffffff;
  font-weight: bold
}

.banner-experts .row .col-5 .banner-experts-subtitle, .banner-contact .row .col-5 .banner-contact-subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem
}

.banner-experts .row .col-5 .banner-experts-links, .banner-contact .row .col-5 .banner-contact-links {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  font-family: "VAG Rounded W01 Light", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 500px) {
  .banner-experts .row .col-5 .banner-experts-links, .banner-contact .row .col-5 .banner-contact-links {
    flex-direction: column
  }
}

.banner-experts .row .col-5 .banner-experts-links a:first-child, .banner-contact .row .col-5 .banner-contact-links a:first-child {
  background-color: #f5953f;
  display: inline-block;
  padding: 20px;
  cursor: pointer;
  padding: 10px 20px;
  text-decoration: none;
  vertical-align: middle;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 30px;
  transition: 0.3s ease-out;
  align-self: center;
  white-space: nowrap
}

@media screen and (max-width: 500px) {
  .banner-experts .row .col-5 .banner-experts-links a:first-child, .banner-contact .row .col-5 .banner-contact-links a:first-child {
    margin-bottom: 10px
  }
}

.banner-experts .row .col-5 .banner-experts-links a:nth-child(2), .banner-contact .row .col-5 .banner-contact-links a:nth-child(2) {
  display: inline-block;
  text-align: right;
  text-decoration: underline;
  align-self: center
}

.banner-experts .row .col-5 .banner-experts-links .cta::before, .banner-contact .row .col-5 .banner-contact-links .cta::before {
  content: '';
  padding: 5px 18px;
  background-repeat: no-repeat;
  background-position: left center
}

.banner-experts .row .col-5 .banner-experts-links .cta::before.cta-mail, .banner-contact .row .col-5 .banner-contact-links .cta::before.cta-mail {
  background-image: url(/sites/all/modules/custom/nin_search/img/mail_ico_w.png)
}

.banner-experts .row .col-5 .banner-experts-links .cta::before.cta-chat, .banner-contact .row .col-5 .banner-contact-links .cta::before.cta-chat {
  background-image: url(/sites/all/modules/custom/nin_search/img/chat_ico_w.png)
}

.banner-experts .row .col-7, .banner-contact .row .col-7 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 100%
}

@media screen and (max-width: 500px) {
  .banner-experts .row .col-7, .banner-contact .row .col-7 {
    height: 190px
  }
}

.pane-node-field-article-expert {
  max-width: 1096px;
  margin: 0 auto;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px
}

.pane-node-field-article-expert .pane-title {
  display: table;
  margin: 20px auto;
  padding: 0 32px;
  position: relative;
  text-align: center;
  color: #666666
}

.pane-node-field-article-expert .pane-title::before,
.pane-node-field-article-expert .pane-title::after {
  background-color: #31a8db;
  bottom: 0;
  content: "";
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px
}

.pane-node-field-article-expert .pane-title::before {
  left: 0
}

.pane-node-field-article-expert .pane-title::after {
  right: 0
}

.pane-node-field-article-expert .node--expert {
  background-color: #ffffff
}

.pane-node-field-article-expert .node--expert .group-header {
  display: flex;
  margin: 20px;
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6
}

.pane-node-field-article-expert .node--expert .group-header img {
  border-radius: 50%;
  margin-right: 20px
}

.pane-node-field-article-expert .node--expert .group-header .group-header-col-right {
  color: gray
}

.pane-node-field-article-expert .node--expert .group-header .group-header-col-right .field__item {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem
}

.pane-node-field-article-expert .node--expert .group-left,
.pane-node-field-article-expert .node--expert .group-right {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem
}

@media screen and (max-width: 500px) {
  .pane-node-field-article-expert .node--expert .group-left,
  .pane-node-field-article-expert .node--expert .group-right {
    width: calc(100% - 40px);
    float: none
  }
}

.pane-node-field-article-expert .node--expert .group-left a,
.pane-node-field-article-expert .node--expert .group-right a {
  color: #19a6e0;
  text-decoration: underline
}

.pane-node-field-article-expert .node--expert .group-left>div,
.pane-node-field-article-expert .node--expert .group-right>div {
  margin: 20px
}

.pane-node-field-article-expert .node--expert .group-left>div h3,
.pane-node-field-article-expert .node--expert .group-right>div h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  font-weight: bold
}

.pane-node-field-article-expert .node--expert .group-right .field--name-field-expert-highlighted {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  line-height: 2.8rem
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise {
  background-color: #fcfcfb;
  display: flex;
  padding: 10px;
  min-height: 70px
}

@media screen and (max-width: 500px) {
  .pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise {
    flex-direction: column
  }
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-left {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 0
}

@media screen and (max-width: 500px) {
  .pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-left {
    margin: 10px 0
  }
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-left .field--expertise-text {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-left .field--expertise-text em {
  color: #19a6e0;
  font-style: normal
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right {
  display: flex;
  flex-direction: row;
  justify-content: space-around
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone,
.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-email {
  color: #19a6e0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.5rem
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone .label-above,
.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-email .label-above {
  font-weight: normal
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone .odd {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-phone .odd a {
  text-decoration: none;
  font-weight: bold
}

.pane-node-field-article-expert .node--expert .group-footer .vocabulary-expertise .group-right .field--name-field-expert-email .odd a {
  background-image: url("/sites/all/modules/custom/nin_search/img/mail_ico.png");
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 31px;
  padding-left: 31px
}

/*******************************************/
/****  Coupons, promotions & samples	****/
/*******************************************/
#collectors h3 {
  color: #f5953f;
  font-weight: bold;
  margin: 5px 0;
  font-size: 20px;
  font-size: 2rem;
}
#collectors h3 span {
  background-color: #f5953f;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  top: -3px;
  width: 20px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}

.coupon-teaser .article-header .amount {
  color: #f5953f;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.coupon-teaser .article-header .desc {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

.sample-teaser .article-header h1 {
  color: #f5953f;
}

.collector-teaser {
  background-color: #fff;
}
.collector-teaser .article-header {
  text-align: center;
}
.collector-teaser .article-header .nb {
  color: #f5953f;
}
.collector-teaser .article-header .desc {
  font-size: 14px;
  font-size: 1.4rem;
}

article.ccs-output.sample.hidden,
article.ccs-output.coupon.hidden,
article.ccs-output.collector.hidden {
  display: none;
}

article.ccs-output.collector:nth-child(4n+1) {
  margin-left: 0;
}

.elearn.article-teaser {
  background: #BFDBF3;
}
.elearn.article-teaser .category {
  color: #fff;
  padding-top: 22px;
  margin-bottom: 30px;
}
.elearn.article-teaser .category:before {
  content: url("../../nin_elearn_theme/images/icons/icon_graphic_element_white.png");
  background-color: transparent;
  height: 14px;
  width: 40px;
}
.elearn.article-teaser h2 {
  color: #fff;
  font-family: 'VAG Rounded', 'VAGRounded', Helvetica, Arial, sans-serif;
}
.elearn.article-teaser .article-header {
  border-top: 4px solid #f5953f;
}
.elearn.article-teaser .reviews {
  display: none;
}
.elearn.article-teaser .subtitle {
  color: #fff;
}

.elearn.indepentent-teaser .category {
  color: #fff;
  padding-top: 22px;
  margin-bottom: 30px;
}
.elearn.indepentent-teaser .category:before {
  content: url("../../nin_elearn_theme/images/icons/icon_graphic_element_white.png");
  background-color: transparent;
  height: 14px;
  width: 40px;
}
.elearn.indepentent-teaser h2 {
  color: #fff;
  font-family: 'VAG Rounded', 'VAGRounded', Helvetica, Arial, sans-serif;
}
.elearn.indepentent-teaser .article-header {
  background-color: rgba(191, 219, 243, 0.8);
}
.elearn.indepentent-teaser .reviews {
  display: none;
}
.elearn.indepentent-teaser .subtitle {
  color: #fff;
}
.elearn.indepentent-teaser.article-teaser-small {
  background: none;
}
.elearn.indepentent-teaser.article-teaser-small .article-header {
  border: none;
  background: none;
}
.elearn.indepentent-teaser.article-teaser-small .category {
  margin-bottom: 10px;
  color: #999;
}
.elearn.indepentent-teaser.article-teaser-small .category:before {
  content: url("../../nin_elearn_theme/images/icons/icon_graphic_element_orange.png");
}
.elearn.indepentent-teaser.article-teaser-small .h1 {
  color: #f5953f;
}

.media-float-left {
  float: left;
  padding: 0 10px 10px 0;
}

.media-float-right {
  float: right;
  padding: 0 0 10px 10px;
}

.media-float-left .file,
.media-float-right .file {
  position: static;
}

.block--bean-panels-bean-panels-default-product-ingredients-headline {
  clear: both;
}
.node--thank-you-page {
  position: relative;
}
.node--thank-you-page:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(241,241,237,0.5);
  background: linear-gradient(rgba(241,241,237,0.5), rgba(241,241,237,1) 70vh);
  z-index: 1;
}
.node--thank-you-page article.article {
  background: none;
  border-bottom: none;
  overflow: auto;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}
.node--thank-you-page header {
  background: #fff;
  padding: 20px;
  text-align: center;
}
.node--thank-you-page header h1 {
  color: #55c1ef;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 25px;
  text-transform:capitalize;
}
.node--thank-you-page header h2 {
  color: #55c1ef;
  font-size: 21px;
}
.node--thank-you-page section {
  padding: 20px;
  background: #fff;
}
.node--thank-you-page section:nth-child(even) {
  background: #f7f7f7;
}
.node--thank-you-page .group-typ-user-data {
  text-align: left;
}
.node--thank-you-page .user-data-helper-text {
  color: #5f5e5e;
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 18px;
}
.node--thank-you-page .group-typ-discover h2 {
  color: #55c1ef;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  font-size: 25px;
}
.node--thank-you-page .group-typ-discover p {
  color: #5f5e5e;
  margin-bottom: 10px;
  line-height: 1.2;
  font-size: 18px;
}
.node--thank-you-page .user-data-info {
  color: #5f5e5e;
  line-height: 2.5rem;
  margin-bottom: 0;
  font-size: 13px;
}
.node--thank-you-page .user-data-info span {
  color: #31a8db;
  font-size: 15px;
}
.node--thank-you-page .complete-profile {
  margin-top: 20px;
}
.node--thank-you-page .complete-profile a {
  margin: 0;
}
.node--thank-you-page .starting-point {
  text-align: center;
  margin-top: 20px;
}
.node--thank-you-page section.group-typ-content-push {
  background: none !important;
  margin-bottom: 0;
  padding: 20px 0;
}
.node--thank-you-page section.group-typ-content-push h2.block-title {
  color: #f5953f;
  margin-bottom: 30px;
  margin-top: 10px;
  text-align: center;
  font-size: 25px;
}
.node--thank-you-page section.group-typ-content-push h2.block-title::before, .node--thank-you-page section.group-typ-content-push h2.block-title::after {
  background: #f5953f;
  content: "";
  display: inline-block;
  height: 4px;
  margin: 1.6rem 20px;
  vertical-align: bottom;
  width: 30px;
}
.node--thank-you-page section.group-typ-content-push article {
  background: #fff;
  margin-bottom: 20px;
  overflow: auto;
}

.node--thank-you-page section.group-typ-content-push article.article-teaser-big {
  overflow: unset;
}
.node--thank-you-page section.group-typ-content-push article .type {
  border-top: solid 2px #31a8db;
  display: inline-block;
  margin-top: 10px;
  padding-top: 5px;
  font-size: 9px;
}
@media all and (min-width: 500px) {
  .node--thank-you-page article.article {
    margin-top: 150px;
  }
  .node--thank-you-page .user-data-helper-text {
    font-size: 20px;
  }
  .node--thank-you-page .user-data-info {
    font-size: 15px;
  }
  .node--thank-you-page .user-data-info span {
    font-size: 17px;
  }
  .node--thank-you-page header h1 {
    font-size: 32px;
  }
  .node--thank-you-page header h2 {
    font-size: 30px;
  }
  .node--thank-you-page section.group-typ-discover h2 {
    font-size: 32px;
  }
  .node--thank-you-page section.group-typ-discover p {
    font-size: 20px;
  }
  .node--thank-you-page section.group-typ-content-push {
    overflow: hidden;
  }
  .node--thank-you-page section.group-typ-content-push article {
    float: left;
    display: block;
    margin-left: 1.82%;
    text-align: center;
    vertical-align: top;
    width: 32.1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius-bottomleft: 14px;
    -webkit-border-bottom-left-radius: 14px;
    border-bottom-left-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-bottom-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
  .node--thank-you-page section.group-typ-content-push article.article-teaser-big {
    width: 100%;
  }
  .node--thank-you-page section.group-typ-content-push article:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  .node--thank-you-page section.group-typ-content-push article .type {
    font-size: 11px;
  }
  .node--thank-you-page section.group-typ-content-push article img {
    float: none;
    margin: 0;
    width: 100%;
  }
}

/* vendors overrides */
/* Moved to nin.vendors.scss*/
/*@import "modules/vendors/flexslider";
@import "modules/vendors/forms-foundation-select";
@import "modules/vendors/eu-compliance";
@import "modules/vendors/datepicker";
@import "modules/vendors/ratings";*/
/* tools */
/* Moved to nin.tools.scss*/
/*
@import "modules/tools/tools";
@import "modules/tools/mealplanner";
@import "modules/tools/mgm";
@import "modules/tools/namestool";
@import "modules/tools/sharepopin";
@import "modules/tools/datepickertool";
@import "modules/tools/ifptool";
@import "modules/tools/due-date-ovulation";
@import "modules/tools/shopping-list";
@import "modules/tools/breastfeeding";
@import "modules/tools/checklist";
@import "modules/tools/allergy-test";
@import "modules/quiz";
*/

/* April 28 */
.parent-banner-title img {
  display: block;
  margin: auto;
  text-align: center;
  display: block;
  text-align: center;
}

.article-full.first-letter .article-content > p:first-of-type::first-letter {
  color: #31a8db;
  display: block;
  float: left;
  font-size: 8.5rem;
  line-height: 0.8;
  margin-right: 2px;
}

.view-parents-slider .view-content, .view-family-slider-archives .view-content, .view-family-blog-slider .view-content {
  overflow: hidden;
}

.view-parents-slider .flexslider, .view-family-slider-archives .flexslider, .view-family-blog-slider .flexslider {
  margin: 0px;
}

.user_profile {
  margin-bottom: 25px;
}

.user_profile_img {
  float: left;
  max-width: 70px;
}

.user_profile_img img {
  border-radius: 50%;
}

.user_profile_content {
  margin-left: 90px;
}

.user_profile_content h3 {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 3px 0;
}

.article-full .article-header .subtitle .user_profile_content p {
  font: 14px/21px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
}

.home-cover div h1 {
  font-size: 4.8rem;
  margin: 0 auto 120px;
  max-width: 600px;
}

.article-full .article-illu .bean-blog-logo, .node--blog--full .article-illu .bean-blog-logo {
  text-align: center;
}

.article-full .article-illu .bean-blog-logo img, .node--blog--full .article-illu .bean-blog-logo img {
  border-radius: 0;
  width: 45%;
  display: inline-block;
  transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  border: none;
}

.bean-blog-logo .field__item > img {
  margin-bottom: -120px;
}

#recruitment-form-node-form .form-required {
  color: #f00;
}

#recruitment-form-node-form {
  background: #fff none repeat scroll 0 0;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1096px;
  padding: 25px 10px;
}

#edit-field-rec-family-logo-und-0-upload-button, #edit-field-recfamily-background-image-und-0-upload-button, #edit-field-rec-family-logo-und-0-remove-button, #edit-field-recfamily-background-image-und-0-remove-button {
  font-size: 13px !important;
  margin-right: -1px !important;
  padding: 4px !important;
}

#recruitment-form-node-form .form-submit {
  background: #ee9531 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
  padding: 10px;
}

#edit-field-rec-family-logo-und-0-upload, #edit-field-rec-family-logo-und-0-upload-button, #edit-field-recfamily-background-image-und-0-upload, #edit-field-recfamily-background-image-und-0-upload-button {
  display: block !important;
}

.tips, #wysiwyg-toggle-edit-body-und-0-value, .field-name-field-rec-family-logo .description, .field-name-field-recfamily-background-image .description {
  font-size: 1.3em !important;
}

/* May 1st */
.no-result {
  color: red;
  font-size: 30px;
  padding: 15px;
  text-align: center;
}

.parent-banner-title > span {
  padding-top: 10px;
}

.sort_by label {
  margin-bottom: 2rem;
}

.node--recruitment-form div article {
  bottom: 42%;
  margin: 0 auto;
  text-align: center;
  vertical-align: bottom;
}

.node--recruitment-form .contextual-links-region > div {
  height: 460px;
}

.node--recruitment-form .parent-banner-title {
  margin: 0 auto;
  padding: 80px 0;
}

.family_image .bean-blog-logo .field__item > img {
  margin-bottom: 20px;
}

.family-banner-img {
  background-size: cover;
  background-position: top center;
}

@media all and (max-width: 1023px) {
  .node--recruitment-form .parent-banner-title {
    padding: 50px 0;
  }
}
@media all and (max-width: 640px) {
  .node--recruitment-form .parent-banner-title {
    padding: 30px 0;
  }
}
.node-type-blog .article-full .article-content li {
  line-height: 1.5;
}

.node-type-blog .article-full .article-content > *:nth-child(n+3):not(.align_right) {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity 1s ease-in-out 0s;
}

.node-type-blog .article-full .article-content-complete > *:nth-child(n+3):not(.align_right) {
  height: auto;
  margin-bottom: 10px;
  opacity: 1;
  pointer-events: all;
  position: inherit;
}

.node-type-blog .article-full .article-content-complete .embedded-video {
  margin-bottom: 30px;
}

.node-type-blog .article-full .article-content-complete .align_right {
  display: none;
}

body.section-blogs-de-parents .home-cover {
  margin-bottom: 0 !important;
}
body.section-blogs-de-parents .page-cover {
  margin-bottom: 0 !important;
}

.node.view-mode-search_preview .field-name-rating-reviews {
  display: none;
}

/***************************/
/**** expert info       ****/
/***************************/
.node-type-expert .ds-expertise-info {
  position: relative;
}

.node-type-expert .ds-expertise-title-bg {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}

.node-type-expert .ds-expertise-title,
.node-type-expert .ds-expertise-title-bg {
  right: 0;
  background-size: cover;
  height: 0;
  left: 0;
  padding-top: 30%;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: auto;
}

.node-type-expert .ds-expertise-title h1,
.node-type-expert .ds-expertise-title-bg h1 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.node-type-expert .ds-expertise {
  background-color: #ffffff;
  border-bottom: 1px solid #ccc;
  margin-top: 120px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
  padding: 0;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.node-type-expert .ds-expertise-header {
  float: left;
  width: 32.1%;
}

.node-type-expert .ds-expertise-header img {
  border: 3px solid #ffffff;
  display: block;
  height: auto;
  width: 100%;
  max-width: 310px;
  transform: translateY(-30%);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

.node-type-expert .ds-expertise-header > .col.col-12 {
  margin-right: 20px;
  width: auto;
}

@media screen and (max-width: 500px) {
  .node-type-expert .ds-expertise-header {
    float: none;
    width: 80%;
  }
}

.node-type-expert .ds-expertise-resume.row {
  float: left;
  width: 66.02%;
  position: relative;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper {
  margin-bottom: 40px;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper > .col-6 {
  position: absolute;
  width: auto;
  margin: 0;
  top: 20px;
  right: 0;
}

@media screen and (max-width: 500px) {
  .node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper > .col-6 {
    position: static;
  }
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper h2 {
  color: #31a8db;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 40px;
  line-height: 4rem;
}

@media screen and (max-width: 500px) {
  .node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper h2 {
    text-align: center;
    margin-bottom: 20px;
  }
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .expert-info-wrapper {
  margin-bottom: 20px;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .expert-info-wrapper .expertise-wrapper {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  color: #31a8db;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .expert-info-wrapper .expertise-wrapper > .label-above {
  display: none;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser {
  min-height: 70px;
  justify-content: center;
  display: flex;
  margin: 0;
  flex-direction: column;
  position: relative;
  padding-top: 12px;
  margin-top: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser:before {
  background-color: #31a8db;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 20px;
  top: 0;
}

.article-full .article-illu .bean-blog-logo, .node--blog--full .article-illu .bean-blog-logo {
  text-align: center;
}

.article-full .article-illu .bean-blog-logo img, .node--blog--full .article-illu .bean-blog-logo img {
  border-radius: 0;
  width: 45%;
  display: inline-block;
  transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  border: none;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-left,
.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-right {
  display: flex;
  flex-direction: row;
  margin: 0;
  float: none;
  width: auto;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-left {
  font-weight: bold;
  margin-bottom: 10px;
  color: black;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-left em {
  color: #19a6e0;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-right {
  color: #19a6e0;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-right .field--type-text {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  min-width: 80px;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-right .field--type-text .label-above {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 15px;
  line-height: 1.5rem;
  font-weight: normal;
}

.node-type-expert .ds-expertise-resume.row .ds-expertise-resume-wrapper .view-mode-taxonomy_term_teaser .group-right .field--name-field-expert-email .odd a {
  background-image: url(/sites/all/modules/custom/nin_search/img/mail_ico.png);
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 31px;
  padding-left: 31px;
}

@media screen and (max-width: 500px) {
  .node-type-expert .ds-expertise-resume.row {
    width: 100%;
    padding: 0 10px;
  }
}

.node-type-expert .pane-articles-by-expert {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
  color: #666;
  padding: 20px 10px;
  text-align: center;
}

.node-type-expert .pane-articles-by-expert h2.pane-title {
  display: inline-block;
  margin: 0 10px;
  padding: 0 32px;
  position: relative;
}

.node-type-expert .pane-articles-by-expert h2.pane-title::before,
.node-type-expert .pane-articles-by-expert h2.pane-title::after {
  content: "";
  background-color: #31a8db;
  bottom: 0;
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}

.node-type-expert .pane-articles-by-expert h2.pane-title::before {
  left: 0;
}

.node-type-expert .pane-articles-by-expert h2.pane-title::after {
  right: 0;
}

.node--recruitment-form .contextual-links-region > div {
  height: 620px;
}

.node-type-expert .pane-articles-by-expert .view-articles-by-expert article {
  margin-left: 1.82%;
}

.node-type-expert .pane-articles-by-expert .view-articles-by-expert li:first-child article {
  margin-left: 0;
}

.node-type-expert .link-all-experts {
  float: none;
  margin: 0 auto;
  width: 250px;
}

.node-type-expert .link-all-experts .button-orange {
  text-align: center;
  padding: 20px 10px;
  border-radius: 40px;
  text-transform: none;
  line-height: 1;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
}


input.apachesolr-autocomplete.throbbing{
  background-position: 100% -18px;
}

#loggedin {
  display: flex;
  align-items: center;
}
#loggedin .my-feed-menu, #loggedin a.my-feed-notification {
  color: white;
  font-family: "VAG Rounded W01 Light",Helvetica,Arial,sans-serif;
  font-weight: bold;
}
#loggedin .my-feed-menu .notification-number {
  display: inline-block;
  margin: 3px;
  padding: 3px;
  background-color: #f5953f;
  border-radius: 50%;
  min-width: 16px;
  min-height: 15px;
  text-align: center;
}
#loggedin a.my-feed-notification:before{
  left: -6px;
}
@media screen and (max-width: 500px) {
  #loggedin .my-feed-menu {
    display: none;
  }
}




html.js .form-autocomplete {
  background-position: 100% 22px;
}


.search-banner .form-item-search-block-form {
  width: 66.02%;
  margin-top: 20px;
  float: left;
}

@media screen and (max-width: 500px) {
  .search-banner .form-item-search-block-form {
    width: 100%;
    float: none;
  }
}

.search-banner .form-actions.form-wrapper {
  width: 32.1%;
  float: left;
  margin: 0;
}

@media screen and (max-width: 500px) {
  .search-banner .form-actions.form-wrapper {
    width: 100%;
    float: none;
  }
}

.search-banner .form-actions.form-wrapper input[type="submit"] {
  color: #fff;
  display: block;
  text-align: center;
  padding: 20px 10px;
  border-radius: 40px;
  text-transform: none;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  margin: 10px;
  background-color: rgba(245, 149, 63, 0.8);
}

.search-banner .form-actions.form-wrapper input[type="submit"]:hover {
  background-color: #f5953f;
}

@media screen and (max-width: 500px) {
  .search-banner .form-actions.form-wrapper input[type="submit"] {
    margin: 10px 0;
  }
}

.search-banner .search-banner-text {
  padding: 0 !important;
  padding-top: 20px !important;
}

.pane-views.pane-list-of-all-brands {
  width: 100%;
}
.view-list-of-all-brands.view-display-id-panel_pane_2{
  margin-bottom: 0px;
}
/*Override float property in articles inside of mega menu */
.crosslinks .article-teaser{
  float: none;
}

.form-item-form-registration-code {
  margin-top: 20px;
}

/* login and register new benefits styles */
@media screen and (max-width: 500px) {
  .page-user-login #content > .row, .page-user-register #content > .row {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .page-user-login #content > .row .col-8, .page-user-register #content > .row .col-8 {
    width: 100%;
    order: 1;
  }
  .page-user-login #content > .row .col-4, .page-user-register #content > .row .col-4 {
    width: 100%;
    order: 2;
    margin-left: 0;
  }
  .page-user-login #content > .row .col-8.new-benefits-row, .page-user-register #content > .row .col-8.new-benefits-row {
    order: 2;
  }
  .page-user-login #content > .row .col-4.new-benefits-row, .page-user-register #content > .row .col-4.new-benefits-row {
    order: 1;
  }
  .benefits.new-benefits ol li{
    margin-left: 2%;
    margin-right: 2%;
  }
  .benefits.new-benefits .flex-next, .benefits.new-benefits .flex-prev {
    top: 50%;
  }
  .benefits.new-benefits .slides {
    display: block !important;
    background-color: white;
  }
}

/*romania fix for cookies banner*/
a#_evh-link {
  left: 0;
  margin-right: 100%;
  text-align: center;
  white-space: nowrap;
  display: table; /*IE fix*/
  cursor: pointer;
}

a#_evh-link::-ms-check{
  width: 160px;
  white-space: nowrap;
}

/* MBF-4032 */
#accordion.elearn.menu {
  cursor: pointer;
}

.view-mode-full :not(.view-mode-teaser) .reviews:first-of-type {
  display: flex;
  font-size: 1.6rem;
  font-size: 16px;
}
@media screen and (max-width: 500px) {
  .view-mode-full :not(.view-mode-teaser) .reviews:first-of-type {
    flex-direction: column;
    justify-content: center;
  }
}
.article.mvp-content {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 500px) {
  .article.mvp-content {
    flex-direction: column;
  }
}
.article.mvp-content .col-4 {
  margin-bottom: 0;
}
.article.mvp-content .article-header, .article.mvp-content .article-content {
  width: 90%;
}

.single-mvp-push-block {
  float: left;
  padding-top: 60px;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
  width: 100%;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {
  .single-mvp-push-block {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.single-mvp-push-block .content {
  padding: 80px 10px 15px;
  background: #ffffff;
}
.single-mvp-push-block .content .title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.single-mvp-push-block .content .subtitle {
  color: #f5953f;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.single-mvp-push-block .content .subtitle > span {
  position: relative;
}
.single-mvp-push-block .content .subtitle > span:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #f5953f;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.single-mvp-push-block .content .subtitle > span:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  background-color: #f5953f;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.single-mvp-push-block .content .body {
  width: 80%;
  margin: 10px auto 0;
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
}
.single-mvp-push-block .content .action {
  width: 80%;
  margin: 15px auto 0;
  padding-top: 15px;
}

.recipe-full .recipe.mvp-content > .row {
  display: flex;
}
@media screen and (max-width: 600px) {
  .recipe-full .recipe.mvp-content > .row {
    flex-direction: column;
  }
}
.recipe-full .recipe.mvp-content > .row .single-mvp-push-block {
  margin-top: 100px;
}
@media screen and (max-width: 600px) {
  .recipe-full .recipe.mvp-content > .row .single-mvp-push-block {
    margin-top: 0;
  }
}
.recipe-full .recipe.mvp-content > .row .single-mvp-push-block img {
  border: 0;
  border-radius: 0;
}
.recipe-full .recipe.mvp-content > .row .information-row {
  display: flex;
  flex-direction: column;
}
.recipe-full .recipe.mvp-content > .row .information-row .recipe-aside, .recipe-full .recipe.mvp-content > .row .information-row .recipe-content {
  width: 100%;
}
@media screen and (max-width: 500px) {
  .recipe-full .recipe.mvp-content > .row .recipe-illu, .recipe-full .recipe.mvp-content > .row .recipe-illu .single-mvp-push-block .icon img{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .recipe-full .recipe.mvp-content > .row .recipe-illu :not(.single-mvp-push-block) img {
    margin-left: 20%;
    width: 60%;
    margin-right: 20%;
  }
}

.dropdownnav .crosslinks .article-teaser-small, .dropdownnav .crosslinks .product-teaser-small, .dropdownnav .crosslinks .tool-teaser-small {
  flex: 1 1 auto;
}


#topbar .nin-navigation-cart {
  float: right;
  display: inline-block;
}

#topbar .nin-navigation-cart .cart-icon {
  width: 31px;
  height: 31px;
  background-image: url("/sites/all/themes/nin/images/icons-utils/cart-ico.png");
  background-size: 31px;
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-left: 25px;
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  #topbar .nin-navigation-cart .cart-icon {
    margin-right: 0;
  }
}
#topbar .nin-navigation-cart .menu {
  display: none;
  position: absolute;
  bottom: -27px;
  right: 15%;
  z-index: 5;
}

/*@media screen and (min-width: 900px) {*/
  /*#topbar .nin-navigation-cart .menu {*/
    /*bottom: -33px;*/
    /*right: 0;*/
    /*-webkit-box-shadow: 5px 5px 26px -5px rgba(0, 0, 0, 0.5);*/
    /*-moz-box-shadow: 5px 5px 16px -5px rgba(0, 0, 0, 0.5);*/
    /*box-shadow: 5px 5px 26px -5px rgba(0, 0, 0, 0.5);*/
    /*background-color: #094271;*/
    /*border-radius: 20px;*/
  /*}*/
/*}*/
#topbar .nin-navigation-cart .menu::after {
  content: "";
  position: absolute;
  display: block;
  left: 200vw;
  bottom: -12px;
  height: 35px;
  width: 500vw;
  transform: translateX(-100%);
  z-index: -1;
  box-sizing: border-box;
  background-color: #094271;
}

/*@media screen and (min-width: 900px) {*/
  /*#topbar .nin-navigation-cart .menu::after {*/
    /*content: none;*/
  /*}*/
/*}*/
#topbar .nin-navigation-cart .menu li {
  color: white;
  font-size: 1.4rem;
}

#topbar .nin-navigation-cart .menu li a {
  color: white;
  font-size: 1.4rem;
  padding: 0 10px;
  position: relative;
}

#topbar .nin-navigation-cart .menu li a::after {
  content: "";
  width: 1px;
  height: 40%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
}

@media screen and (min-width: 900px) {
  #topbar .nin-navigation-cart .menu li a {
    display: block;
  }
}
#topbar .nin-navigation-cart .menu li:last-child a::after {
  content: none;
}



.nin-navigation-other {
  display: inline-block;
}
.nin-navigation-other a {
  background-color: rgba(49, 168, 219, 0.8);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 2;
  margin: 0 10px 10px;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11px;
  font-size: 1.1rem;
  -moz-transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  -webkit-transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
  transition: border-color 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
}
.nin-navigation-other a:hover {
  background-color: #31a8db;
}
@media screen and (max-width: 900px) {
  .nin-navigation-other a {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    width: 100%;
    background-image: url(/sites/all/themes/nin/images/arrow-blue.png);
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 5px 10px;
    display: block;
    padding: 10px 25px;
    font-family: "VAG Rounded W01 Light", Arial, sans-serif;
    text-transform: none;
    font-size: 2rem;
    box-sizing: border-box;
    background-color: #31a8db;
  }
}

@media screen and (max-width: 900px) {
  nav.show {
    padding-bottom: 70px;
  }
}

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table > thead > tr > th {
    background-color: transparent;
    border: 0;
    font-weight: bold;
    padding: 10px;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table tbody tr:nth-child(odd) {
    background-color: #f1f1ed;
  }


  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > p {
    color: #999;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > h2 {
    font-family: "VAG Rounded W01 Light", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 28px;
    color: #f5953f;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > div.field.field--name-title.field--type-ds.field--label-hidden > div > div > h1 {
    color: #f5953f;
    font-size: 24px;
    line-height: inherit;
    font-family: "VAG Rounded LT W01 Bold", Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table {
    width: 100% !important;
    border: 0 !important;
    color: #333;
    font-size: 1.6rem;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table > tbody > tr > td {
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
    padding-right:10px;
    border: 0 !important;
  }

  .node--elearn-article--full-logged-out .col-8 .elearn-default-with-icon.learn{
    background-image: URL("/sites/all/themes/nin_elearn_theme/images/icons/icon_learn_orange.png");
    padding-left: 55px;
    background-position: 0px 0px;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.elearn.article.unlogged.clearfix > div > div.elearn-content > div.elearn-type > div{
    background: transparent no-repeat left;
    font-size: 20px;
    color: #f5953f;
    padding: 20px 0 20px 30px;
    font-family: "VAG Rounded W01 Light", Helvetica, Arial, sans-serif;
  }

  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table > tbody > tr > td > ul > li,
  .node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > ul > li {
    font-size: 1.6rem;
    position: relative;
    line-height: 22px;
    padding-left: 15px;
    margin-bottom: 12px;
  }

  div.row > div.panel-pane.pane-bean-panels > div > ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom:10px;
    margin-top:10px;
   }

/*Non logged style for new nin_nutritional_program feature*/
.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8{
  color: #999;
  font-family: Helvetica, Arial, sans-serif;
}



.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8 table.tablesaw.tablesaw-stack{
  border: 0px;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8 table.tablesaw.tablesaw-stack tbody {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8 table.tablesaw.tablesaw-stack tbody p strong {
  color: #999;
  font-weight: bold;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8 table.tablesaw.tablesaw-stack tbody p {
  color: #333;
  font-size: 14px;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8 table.tablesaw.tablesaw-stack tbody tr td {
  border: 0 !important;
  padding-left: 10px;
  padding-top: 10px;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8 table.tablesaw.tablesaw-stack tbody tr:nth-child(odd) {
  background-color: #f1f1ed;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column ul > li{
  padding-left: 15px !important;
}

#block-bean-panels-bean-panels-default-1000-days  div.benefits div.flexslider_benefits ul{
  margin: 0;
}

.icons-utils-download{
  background-image: url(/sites/all/modules/custom/nin_nutritional_program/images/downloadpdf.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

body.html.not-front.not-logged-in.page-fboauth.section-fboauth.close-menu-processed.message-processed div#content{
  font-size: 16px;
  margin: 0 auto;
  max-width: 1096px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 33px;
  padding-bottom: 33px;
  padding-left: 10px;
  padding-right: 10px;
}

.nin-navigation-main-menu .link-hidden-mobile {
  display: block;
}
@media screen and (max-width: 500px) {
  .nin-navigation-main-menu .link-hidden-mobile {
    display: none !important;
  }
}
.nin-navigation-main-menu .link-display-mobile {
  display: none;
}
@media screen and (max-width: 500px) {
  .nin-navigation-main-menu .link-display-mobile {
    background-image: url(../images/arrow-blue.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px 10px;
    border-top: 1px solid rgba(49, 168, 219, 0.6);
    display: block;
    height: auto;
    padding: 15px 0;
    font-size: 20px;
    font-size: 2rem;
    color: white;
  }
}

body.html.not-front.not-logged-in.page-fboauth.section-fboauth.close-menu-processed.message-processed{
  background-color:#f1f1ed
}

body.html.not-front.not-logged-in.page-fboauth.page-fboauth-connect.close-menu-processed.message-processed div#content a{
  color: #31a8db !important;
  text-decoration: underline !important;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table > thead > tr > th > p{
  margin:0px;
 }

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > table > thead{
  border-bottom: 2px solid #f5953f;
}

.node--elearn-article--full-logged-out.node div.col.col-4.first-column a{
  display: flex;
  align-items: center;
  justify-content: center;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column quote{
  color: #f5953f;
  font-size: 30px;
  font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
  font-style: italic;
  line-height: 27px;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column quote:before{
  background: transparent url("/sites/all/themes/nin_elearn_theme/images/icons/icon_quote_left.png") no-repeat left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column quote:after{
  background: transparent  url("/sites/all/themes/nin_elearn_theme/images/icons/icon_quote_right.png") no-repeat right;
  margin-left: 5px;
  margin-bottom: -12px;
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column quote:before,
.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column quote:after{
display: inline-block;
width: 30px;
height: 30px;
content: '';
}

.node--elearn-article--full-logged-out.node.clearfix > div.row.article > div.col.col-8.second-column > ul {
  margin-bottom: 30px;
}

.node--elearn-article--full-logged-out .col-8 .elearn-default-with-icon.act{
  background-image: URL("/sites/all/themes/nin_elearn_theme/images/icons/icon_act_orange.png");
  padding-left: 30px;
  background-position: 0px 0px;
}

.node--elearn-article--full-logged-out .col-8 .elearn-default-with-icon.explore{
  background-image: URL("/sites/all/themes/nin_elearn_theme/images/icons/icon_explore_orange.png");
  padding-left: 55px;
  background-position: 0px 0px;
}
@media all and (max-width: 500px) {
  .view-list-of-all-brands .view-content .flexslider-right-menu .flex-viewport{
    width: 250px;
  }
  .view-list-of-all-brands .view-content .flexslider-right-menu .flex-direction-nav a{
    color: white;
  }
  .view-list-of-all-brands .view-content .flexslider-right-menu .flex-viewport ul {
    background-color:white;
    height: auto !important;
  }

  .view-list-of-all-brands .view-content .flexslider-right-menu .flex-viewport .slides li {
    width: 250px !important;
  }
  #dropdownsnav-full .dropdownnav-block-brands-body li.carousel-right-menu::after {
    background-color: white;
  }
}

/*MBF 5606*/
.bean-contact-page .row .col.col-6:nth-child(3),
.bean-contact-page .row .col.col-6:nth-child(5),
.bean-contact-page .row .col.col-6:nth-child(7),
.bean-contact-page .row .col.col-6:nth-child(9){
  margin-left: 0;
}

.node--elearn-article--full-logged-out .col-8.second-column gtkbt.elearn{
  display: block;
  color: #f5953f;
  font-size: 24px;
  line-height: 40px;
  margin: 10px 0 5px;
  text-transform: uppercase;
  font-family: "VAG Rounded LT W01 Bold", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.node--elearn-article--full-logged-out .col-8.second-column gtkbt.elearn::after{
  content: '';
  width: 35px;
  height: 20px;
  padding: 0;
  margin: 0 10px;
  display: inline-block;
  background: transparent url("/sites/all/themes/nin_elearn_theme/images/icons/icon_graphic_element_orange.png") no-repeat center;
}

.node--elearn-article--full-logged-out .col-8.second-column gtkb{
  display: block;
  background-color: #f4f9fc;
  width: 300px;
  border: 0;
  border-top: 10px solid #f5953f;
  padding: 5px 22px 20px;
  color: #999;
  font-size: 16px;
  line-height: 23px;
  font-family: Helvetica, Arial, sans-serif;
}

.node--elearn-article--full-logged-out .col-8.second-column .node--elearn-quiz .elearn-quiz-header {
  background-color: #BFDBF3;
}

.node--elearn-article--full-logged-out .col-8.second-column .node--elearn-quiz .elearn-quiz-header .elearn-quiz-header-step{
  background-color: #9EC8EE;
  border-bottom-left-radius: 22px;
  border-top-left-radius: 22px;
}

.node--elearn-article--full-logged-out .col-8.second-column .node--elearn-quiz .elearn-quiz-question-title{
  color: #999;
  font-family: "VAG Rounded LT W01 Bold", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.node--elearn-article--full-logged-out .col-8.second-column .form-checkbox + label, .form-radio + label {
  color: #f5953f;
}

.node--elearn-article--full-logged-out .col-8.second-column .form-radio + label:before {
  border-color: #f5953f;
}

.node--elearn-article--full-logged-out .col-8.second-column .node--elearn-quiz .elearn-quiz-feedback-title{
  color: #f5953f;
}

.node--elearn-article--full-logged-out .col-8.second-column .node--elearn-quiz .elearn-quiz-buttons .elearn-button{
  background-image: url(/sites/all/themes/nin_elearn_theme/images/icons/icon_cta_white.png);
}

.node--elearn-article--full-logged-out .col-8.second-column .node--elearn-quiz div.elearn-quiz-header-step.finish{
  background: #9EC8EE
  url(/sites/all/themes/nin_elearn_theme/images/icons/check_congrats.png)
  no-repeat center;
}

@media screen and (max-width: 500px) {
  .container-all-comments-rate-full-mode .star-ratings-sprite {
    display: inline-block;
    margin-top: 5px;
  }
  .container-all-comments-rate-full-mode {
      display: block;
      text-align: center;
  }
  .node--recipe--teaser.node.article-teaser.clearfix > div, .node--product--teaser.node.product-teaser.clearfix > div,
  .node--article--teaser.node.article-teaser.clearfix > div{
    text-align: center;
    display: inline;
  }

  .view-list-of-all-brands .flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: inline-block !important;
  }
}

nav .row.nin-navigation-main-menu #dropdownsnav-full .dropdownnav-block-np .dropdownnav-block-np-body .benefits ul {
  display:  inline-block;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*Progerss Bar*/
#progress{
  margin: 0 auto;
  max-width: 1096px;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#progress .progress {
  font-weight: bold;
  font-size: 13px;
}
#progress .progress .bar,
#progress .progress .filled {
  height: 30px;
}
#progress .progress .message,
#progress .progress .percentage {
  margin: 12px;
}

#google_recaptcha_user_register_form {
  margin-bottom: 40px;
}

/*Self hosted fonts */
@font-face {
  font-family: 'VAG Rounded LT W01 Bold';
  src: url('../fonts/VAGRoundedStdBold.eot');
  src: url('../fonts/VAGRoundedStdBold.eot?#iefix') format('embedded-opentype'), url('../fonts/VAGRoundedStdBold.woff') format('woff'), url('../fonts/VAGRoundedStdBold.ttf') format('truetype'), url('../fonts/VAGRoundedStdBold.svg#icomoon') format('svg'), url('../fonts/VAGRoundedStdBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VAG Rounded W01 Light';
  src: url('../fonts/VAGRoundedStdLight.eot');
  src: url('../fonts/VAGRoundedStdLight.eot?#iefix') format('embedded-opentype'), url('../fonts/VAGRoundedStdLight.woff') format('woff'), url('../fonts/VAGRoundedStdLight.ttf') format('truetype'), url('../fonts/VAGRoundedStdLight.svg#icomoon') format('svg'), url('../fonts/VAGRoundedStdLight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


.mobile-header .back-link {
  display: none;
  text-align: left;
  margin-bottom: 20px;
  position: relative;
  padding-left: 10px;
  text-decoration: none;
  color: #31a8db;
}
.mobile-header .back-link::before {
  content: "";
  left: 0;
  top: 50%;
  border-width: 0;
  border-left: 2px;
  border-top: 2px;
  border-style: solid;
  border-color: #31a8db;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  transform: translateY(-50%) rotate(-45deg);
}

.page-user-me-family .mobile-header .back-link, .page-user-me-profile .mobile-header .back-link, .page-user-me-preferences .mobile-header .back-link {
  display: block;
}

.ml-0 { margin-left: 0; }

.dropdown-right-megamenu-brands a:hover {
  cursor:pointer;
}

.popin-content ul,
.node--tool--full .col-8 ul,
.node--tool--full .article-teaser-big .article-illu ul,
.article-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .mobile-app-teaser-big .article-illu ul,
.mobile-app-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .product-teaser-big .article-illu ul,
.product-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .service-teaser-big .article-illu ul,
.service-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .tool-teaser-big .article-illu ul,
.tool-teaser-big .node--tool--full .article-illu ul,
.node--tool--full .article-full .article-header ul,
.article-full .node--tool--full .article-header ul,
.node--tool--full .node--blog--full .article-header ul,
.node--blog--full .node--tool--full .article-header ul,
.node--tool--full .article-full .article-content ul,
.article-full .node--tool--full .article-content ul,
.node--tool--full .node--blog--full .article-content ul,
.node--blog--full .node--tool--full .article-content ul,
.node--tool--full .product-full .product-header ul,
.product-full .node--tool--full .product-header ul,
.node--tool--full .product-full .product-detail ul,
.product-full .node--tool--full .product-detail ul,
.bloc-fulltext ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style: disc;
  padding-left: 20px;
}