/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}@charset "UTF-8";
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: white; /* 1 */
  color: #000; /* 2 */
  font-family: sans-serif; /* 3 */
  -ms-text-size-adjust: 100%; /* 4 */
  -webkit-text-size-adjust: 100%; /* 4 */
}

/**
 * Remove default margin.
 */
body {
  line-height: 1;
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/*
a:focus {
    outline: thin dotted;
}
*/
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

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

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

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

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

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

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

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

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

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

/*# sourceMappingURL=normalize.css.map */
.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0; }

.mejs-fullscreen {
  overflow: hidden !important; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen {
  width: 100%;
  height: 100%; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement,
.me-plugin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: none; }
  .mejs-overlay-button:before {
    content: "\f04b";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    font-size: 30px;
    width: 100%;
    height: 100%;
    border: 3px solid #3e3e3e;
    text-indent: 7px;
    background: #fff;
    text-align: center;
    line-height: 67px; }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: url(../background.png);
  background: rgba(0, 0, 0, 0.9); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(../../assets/img/loading.gif) center center no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(../../assets/img/background.png);
  background: rgba(0, 0, 0, 0.7);
  height: 30px;
  width: 100%; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  background: 0;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0px;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 12px;
  width: 12px;
  border: 0; }

/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  overflow: hidden;
  text-align: center;
  padding: auto 4px; }

.mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px; }

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  border-radius: 2px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: rgba(50, 50, 50, 0.8); }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: rgba(60, 170, 200, 0.8);
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: rgba(255, 255, 255, 0.8); }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  visibility: hidden;
  position: absolute;
  display: block;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail:hover .mejs-time-float {
  visibility: visible; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px;
  border-color: #eee transparent transparent transparent;
  border-radius: 0;
  top: 15px;
  left: 13px; }

/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(../../assets/img/background.png);
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  border-radius: 0 0 4px 4px; }

.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  display: block; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  border-radius: 1px;
  margin: 0; }

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(../../assets/img/background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  border-radius: 0; }

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  visibility: visible; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0px 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: rgba(102, 102, 102, 0.7); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 45px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url(../../assets/img/background.png);
  background: rgba(20, 20, 20, 0.8); }

/* End: TRACK (Captions and Chapters) */
.mejs-clear {
  clear: both; }

.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: ERROR */
.mejs-offscreen {
  /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
  position: absolute !important;
  top: -10000px;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px; }

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  border-radius: 2px;
  cursor: pointer; }

/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: picture controls */
/* MEJS Zen garden skin */
.mejs-controls {
  display: block;
  visibility: visible; }

.mejs-container .mejs-controls {
  z-index: 25;
  height: 47px;
  background: #d6d6d6;
  border-top: 2px solid #303030; }

.mejs-container .mejs-controls .mejs-button {
  width: 20px;
  height: 20px;
  margin: 4px 6px; }

.mejs-controls .mejs-button button {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: inherit; }
  .mejs-controls .mejs-button button:before {
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: block;
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    font-smoothing: antialiased; }

.mejs-controls .mejs-playpause-button button {
  text-align: center; }
  .mejs-controls .mejs-playpause-button button:before {
    content: "\f04b"; }

.mejs-controls .mejs-pause button {
  width: 15px; }
  .mejs-controls .mejs-pause button:before {
    content: "\f04c"; }

.mejs-controls .mejs-fullscreen-button button:before {
  content: "\f0b2"; }

.mejs-controls .mejs-share-button button {
  background-position: -2px -39px; }

.mejs-controls .mejs-share-button button:hover {
  background-position: -2px -3px; }

.mejs-controls .mejs-volume-button {
  margin: 4px 6px; }

.mejs-controls .mejs-volume-button button:before {
  content: "\f026"; }

.mejs-controls .mejs-mute button:before {
  content: "\f028"; }

.mejs-controls .mejs-unmute button:before {
  content: "\f026"; }

.mejs-controls .mejs-horizontal-volume-slider {
  background: url(../../assets/img/controls.png) 0 -83px no-repeat;
  display: block !important;
  width: 34px;
  height: 21px;
  margin-top: 12px;
  position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 34px; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: url(../../assets/img/controls.png) 0 -108px no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 21px; }

.mejs-controls .mejs-volume-button .mejs-volume-handle {
  display: none; }

.mejs-controls .mejs-time-rail {
  height: 20px;
  padding-top: 8px;
  margin-left: 2px; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  height: 3px;
  border-radius: 0;
  background: #303030; }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  height: 6px;
  background-color: transparent;
  -webkit-filter: none;
          filter: none;
  background-image: none;
  display: none;
  border-radius: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  height: 3px;
  background-color: #303030;
  -webkit-filter: none;
          filter: none;
  background-image: none;
  border-radius: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  background: #fff;
  border: 1px solid #303030;
  height: 14px;
  width: 14px;
  top: -6px;
  display: block;
  padding: 0;
  border-radius: 6px; }

.mejs-container .mejs-controls .mejs-time {
  width: 100px;
  margin: 15px 0 0 0;
  padding: 0;
  position: absolute;
  left: 8px;
  top: 12px; }

.mejs-container .mejs-controls .mejs-time span {
  float: left;
  color: #303030;
  font-size: 14px; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  z-index: 10; }

.mejs-container-fullscreen {
  z-index: 10000 !important; }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 0;
  opacity: 1; }

.mejs-overlay-loading {
  background: url(../../assets/img/loader.gif) center center no-repeat; }

.mejs-overlay-button {
  opacity: 0.7;
  height: 69px;
  left: 50%;
  margin: -35px 0 0 -36px;
  position: absolute;
  top: 50%;
  width: 73px; }

.mejs-poster {
  pointer-events: none;
  background: none !important; }

.mejs-poster img {
  width: auto !important;
  margin: 0 auto;
  display: block; }

:root .mejs-poster img {
  display: none \0/IE9; }

:root .mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.cookiePolicy-info {
  background-color: rgb(225.3247706422, 224.7752293578, 224.7752293578);
  max-height: 1000px;
  overflow: hidden;
}
.cookiePolicy-info.collapsed {
  max-height: 0;
}
.cookiePolicy-info .cookiePolicy-inner {
  padding: 20px 10px;
  width: auto;
  max-width: 940px;
  margin: 0 auto;
}

.cookiePolicy-restrictive {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.cookiePolicy-restrictive.collapsed {
  display: none;
}
.cookiePolicy-restrictive .cookiePolicy-inner {
  position: fixed;
  top: 100px;
  width: 700px;
  margin-left: -350px;
  left: 50%;
  padding: 13px;
  background-color: rgb(225.3247706422, 224.7752293578, 224.7752293578);
}
@media screen and (max-width: 699px) {
  .cookiePolicy-restrictive .cookiePolicy-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 699px) {
  .cookiePolicy-restrictive {
    position: absolute;
  }
}
.cookiePolicy-buttons {
  text-align: right;
}

/*# sourceMappingURL=cookiePolicy.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.exit-notification {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.exit-notification.is-hidden {
  display: none;
}
.exit-notification .exit-notification-inner {
  position: fixed;
  top: 100px;
  width: 700px;
  margin-left: -363px;
  left: 50%;
  padding: 13px;
  background-color: rgb(225.3247706422, 224.7752293578, 224.7752293578);
}
@media screen and (max-width: 699px) {
  .exit-notification .exit-notification-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 699px) {
  .exit-notification-restrictive {
    position: absolute;
  }
}
.exit-notification-buttons {
  text-align: right;
}

/*# sourceMappingURL=exitNotification.css.map */
/*! jQuery UI - v1.13.2 - 2024-04-15
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.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-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../../assets/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
@charset "UTF-8";
@font-face {
  font-family: "Balboa Plus";
  src: url("../../assets/fonts/balboaplus.woff2") format("woff2"), url("../../assets/fonts/balboaplus.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Outfit";
  src: url("../../assets/fonts/Outfit-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@media only screen and (min-width: 992px) {
  .custom-animate {
    --animation-duration: 0.5s;
    --animation-direction: forwards;
    --animation-type: ease-out;
    --animation-delay: 0s;
    visibility: hidden;
  }
}

@keyframes slide-in-from-left {
  0% {
    visibility: visible;
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    visibility: visible;
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-from-left {
  animation: slide-in-from-left var(--animation-duration) var(--animation-direction) var(--animation-type);
  animation-delay: var(--animation-delay);
}

@keyframes slide-in-from-right {
  0% {
    visibility: visible;
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    visibility: visible;
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-from-right {
  animation: slide-in-from-right var(--animation-duration) var(--animation-direction) var(--animation-type);
  animation-delay: var(--animation-delay);
}

@keyframes slide-in-from-top {
  0% {
    visibility: visible;
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-from-top {
  animation: slide-in-from-top var(--animation-duration) var(--animation-direction) var(--animation-type);
  animation-delay: var(--animation-delay);
}

@keyframes slide-in-from-bottom {
  0% {
    visibility: visible;
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
.slide-in-from-bottom {
  animation: slide-in-from-bottom var(--animation-duration) var(--animation-direction) var(--animation-type);
  animation-delay: var(--animation-delay);
}

@keyframes slide-quiz-first-line {
  0% {
    visibility: visible;
    transform: translateX(200%);
    opacity: 0;
  }
  100% {
    visibility: visible;
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-quiz-second-before-line {
  0% {
    visibility: visible;
    left: -200%;
    opacity: 0;
  }
  100% {
    visibility: visible;
    left: calc(-50% + 29px);
    opacity: 1;
  }
}
@keyframes slide-quiz-second-after-line {
  0% {
    visibility: visible;
    left: 250%;
    opacity: 0;
  }
  100% {
    visibility: visible;
    left: 100%;
    opacity: 1;
  }
}
.quiz-title.custom-animate {
  overflow: hidden;
  --animation-duration: 0.9s;
  --animation-delay: 0.3s;
}

@media only screen and (min-width: 992px) {
  .quiz-animate.quiz-title {
    visibility: visible;
  }
  .quiz-animate .reference-main-title {
    visibility: hidden;
    animation: slide-in-from-right var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .richText {
    visibility: hidden;
    animation: slide-in-from-right var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .link-button {
    visibility: hidden;
    animation: slide-in-from-right var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .three-line-background_first_line {
    visibility: hidden;
    animation: slide-quiz-first-line var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .three-line-background_second_line {
    visibility: hidden;
  }
  .quiz-animate .three-line-background_second_line::before {
    animation: slide-quiz-second-before-line var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .three-line-background_second_line::after {
    animation: slide-quiz-second-after-line var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .three-line-background_third_line {
    visibility: hidden;
  }
  .quiz-animate .three-line-background_third_line::before {
    animation: slide-in-from-left var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
  .quiz-animate .three-line-background_third_line::after {
    animation: slide-quiz-second-after-line var(--animation-duration) var(--animation-direction) var(--animation-type);
    animation-delay: var(--animation-delay);
  }
}

@keyframes slide-in-from-bottom-image {
  0% {
    visibility: visible;
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(-120px);
    opacity: 1;
    visibility: visible;
  }
}
.slide-in-from-bottom-image {
  animation: slide-in-from-bottom-image var(--animation-duration) var(--animation-direction) var(--animation-type);
  animation-delay: var(--animation-delay);
}

a[href] {
  color: #0000ff;
}

h1 {
  font-size: 35px !important;
  line-height: 44px !important;
  font-family: Outfit, Arial, sans-serif;
  font-weight: 700;
  margin: 0;
}
h1 * {
  font-family: Outfit, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 48px !important;
    line-height: 61px !important;
  }
}

h2 {
  font-size: 30px;
  line-height: 38px;
  font-family: Outfit, Arial, sans-serif;
  font-weight: 700;
  margin: 0;
}
h2 * {
  font-family: Outfit, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  h2 {
    font-size: 38px;
    line-height: 48px;
  }
}

h3,
h4,
h5,
h6 {
  font-size: 25px;
  line-height: 32px;
  font-family: Outfit, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
}
h3 *,
h4 *,
h5 *,
h6 * {
  font-family: Outfit, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  h3,
  h4,
  h5,
  h6 {
    font-size: 28px;
    line-height: 36px;
  }
}

* {
  box-sizing: border-box;
  font-family: Inter, sans-serif;
}

body {
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.5;
  color: #193a54;
  max-width: 1920px;
  margin: auto;
}
body .container-fluid {
  padding: 0;
  height: 100vh;
}

.introduction {
  font-size: 18px;
  line-height: 30px;
}

.base-max-width-content {
  width: 100%;
  max-width: 892px;
  margin: 0 auto;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .base-max-width-content {
    padding: 0;
  }
}
.base-max-width-content:has(.reference-text-block) {
  max-width: 910px;
}
.base-max-width-content .main-title {
  max-width: 816px;
}
.base-max-width-content .main-title.custom-animate {
  --animation-delay: 0.4s;
}
.base-max-width-content.center-small {
  max-width: 740px;
}
@media only screen and (min-width: 992px) {
  .base-max-width-content.left-align-medium {
    max-width: 816px;
    width: fit-content;
    margin-left: calc((100% - 892px) / 2);
    margin-right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .base-max-width-content.right-bigger-l {
    max-width: 968px;
    width: fit-content;
    margin-left: calc((100% - 892px) / 2);
    margin-right: auto;
  }
}
.base-max-width-content.center-bigger-l {
  max-width: 968px;
}
@media only screen and (min-width: 992px) {
  .base-max-width-content.right-bigger-xl {
    max-width: 1044px;
    width: fit-content;
    margin-left: calc((100% - 892px) / 2);
    margin-right: auto;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .base-max-width-content.right-bigger-xl {
    margin-left: auto;
  }
}
.base-max-width-content.center-bigger-xl {
  max-width: 1044px;
}

.image {
  width: fit-content;
}
.image img {
  object-fit: cover;
}
.image.full-width {
  width: -webkit-fill-available;
  margin: 22px -30px;
}
@media only screen and (min-width: 992px) {
  .image.full-width {
    margin: 42px 0;
  }
}
.image.full-width img {
  width: 100%;
}

.blue-title {
  color: #00677f !important;
}
.blue-title .title-heading {
  color: #00677f !important;
}

.pink-title {
  color: #EB3475 !important;
}

.dark-blue-title {
  color: #193a54 !important;
}

.reference-main-title:has(.paragraph-title) h1,
.reference-main-title:has(.paragraph-title) h2 {
  display: none !important;
}
.reference-main-title p.paragraph-title,
.reference-main-title div.paragraph-title p,
.reference-main-title div.paragraph-title span {
  font-size: 30px !important;
  line-height: 38px !important;
  font-family: Outfit, Arial, sans-serif !important;
  font-weight: 700 !important;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .reference-main-title p.paragraph-title,
  .reference-main-title div.paragraph-title p,
  .reference-main-title div.paragraph-title span {
    font-size: 38px !important;
    line-height: 48px !important;
  }
}

h1.title-heading {
  color: #252525 !important;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  h1.title-heading {
    margin-top: 30px;
  }
}

h2 p {
  margin-bottom: 2px;
}
@media only screen and (min-width: 992px) {
  h2 p {
    margin-bottom: 12px;
  }
}

.richText-content {
  color: #252525 !important;
}
.richText-content p {
  line-height: 28px;
}

.selection-bold {
  font-weight: 500 !important;
}

.selection-italic,
.selection-italic p,
.selection-italic span {
  font-style: italic;
}

.purple-title,
.purple-title p,
.purple-title span {
  color: #836bbe;
}

.black-title,
.black-title p,
.black-title span {
  color: #252525;
}

.red-title,
.red-title p,
.red-title span {
  color: #e56a54;
}

.white-link,
.yellow-link,
.pink-link,
.blue-link,
.purple-link,
.lupus-blue-link,
.lupus-pink-link {
  width: 100%;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 32px;
  text-align: center;
  text-decoration: none;
  color: #252525 !important;
  transition: background-color 0.3s ease-in-out;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.turquoise-link {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
}
.turquoise-link:focus-visible, .turquoise-link:hover {
  background-color: #00ADBA !important;
}

.white-link {
  background-color: #fff;
}
.white-link:hover {
  background-color: #d0cfcf;
}

.yellow-link {
  background-color: #fedb00;
}
.yellow-link:hover {
  background-color: #bbb323;
}

.lupus-pink-link {
  background-color: #E6077D;
  color: #fff !important;
}
.lupus-pink-link:hover {
  background-color: #7a0242;
}

.purple-link {
  background-color: #836bbe;
  color: #fff !important;
}
.purple-link:hover {
  background-color: #FCD1B5;
}

.blue-link,
.lupus-blue-link {
  background-color: #478EC9;
  color: #fff !important;
}
.blue-link:hover,
.lupus-blue-link:hover {
  background-color: #0A468C;
}

.red-accordion .accordion-container li {
  border-bottom: 1px solid #eabeb0 !important;
}
.red-accordion .accordion-container li header h3 a span {
  color: #00677f;
}
.red-accordion .accordion-container li a span::after {
  background-color: #eabeb0 !important;
}

.purple-accordion .accordion-container li {
  border-bottom: 1px solid #836bbe !important;
}
.purple-accordion .accordion-container li a span::after {
  background-color: #836bbe !important;
}
.purple-accordion .reference-link-arrow {
  padding-top: 0;
}

.richText ul {
  padding-left: 28px;
  list-style-type: disc;
}

.light-red-title {
  color: #e56a54 !important;
}

.lupus-pink-title {
  color: #E6077D !important;
}

.lupus-dark-blue-title {
  color: #0A468C !important;
}
.lupus-dark-blue-title p {
  margin-top: 0;
}

.lupus-light-blue-title {
  color: #478EC9 !important;
}

.lupus-blue-title {
  color: #4C8ECA !important;
}

.dark-purple-title,
.transparent-purple-link {
  color: #331851 !important;
}

.light-blue-arrow::after {
  background-color: #6ba4b8 !important;
}
.light-blue-arrow::before {
  background-color: #6ba4b8 !important;
}

.light-red-arrow::after {
  background-color: #eabeb0 !important;
}
.light-red-arrow::before {
  background-color: #eabeb0 !important;
}

.purple-arrow::after,
.transparent-purple-link::after {
  background-color: #836bbe !important;
}
.purple-arrow::before,
.transparent-purple-link::before {
  background-color: #836bbe !important;
}

.lupus-blue-arrow::after {
  background-color: #4C8ECA !important;
}
.lupus-blue-arrow::before {
  background-color: #4C8ECA !important;
}

.text-align-start {
  justify-content: start !important;
}

.text-align-center {
  justify-content: center !important;
}

.text-align-end {
  justify-content: end !important;
}

.bottom-spacing {
  margin-bottom: 40px !important;
}
@media only screen and (min-width: 992px) {
  .bottom-spacing {
    margin-bottom: 60px !important;
  }
}
.bottom-spacing:has(.carousel-hompeage-testimonial) {
  margin-bottom: 0 !important;
}

.bottom-spacing-small {
  margin-bottom: 30px !important;
}
.bottom-spacing-small .reference-link-arrow {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .bottom-spacing-small {
    margin-bottom: 40px !important;
  }
  .bottom-spacing-small .reference-link-arrow {
    padding-top: 12px;
  }
}

.bottom-spacing-medium {
  margin-bottom: 50px !important;
}
@media only screen and (min-width: 992px) {
  .bottom-spacing-medium {
    margin-bottom: 60px !important;
  }
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 992px) {
  .desktop-only {
    display: block;
  }
}

#footer .layout-inner .col-xs-12.col-md-12 {
  padding: 20px;
  display: flex;
  justify-content: center;
}
#footer .layout-inner .col-xs-12.col-md-12 .image {
  width: auto;
  margin-right: 0.75rem;
  margin-top: 10px;
}
#footer .layout-inner .col-xs-12.col-md-12 .richText {
  max-width: 580px;
}
#footer .layout-inner .col-xs-12.col-md-12 .richText p {
  text-align: left;
  font-size: 0.813rem;
  line-height: 1.5;
  margin: 10px 0;
}

#header {
  float: none;
  z-index: 1001;
}
#header .layout-inner .col-xs-12.col-md-12 {
  padding-left: 0;
  padding-right: 0;
}
#header .content-container {
  max-width: 100% !important;
}

.is-hidden {
  display: none;
}

.is-hidden-desktop {
  display: block;
}
@media only screen and (min-width: 992px) {
  .is-hidden-desktop {
    display: none;
  }
}

.mobile-only {
  display: block;
}
@media only screen and (min-width: 992px) {
  .mobile-only {
    display: none;
  }
}

.container-fluid > .row > div > .row > .layout-outer > .layout-inner > .default-style > .Content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

a[href="prevent_disease.html"],
a[href="/maladies-a-prevenir/"],
a[href="age-par-age.html"],
a[href="/age-par-age/"],
a[href="des_reperes_pour_mieux_comprendre.html"],
a[href="/des-reperes-pour-mieux-comprendre/"] {
  pointer-events: none !important;
}

img {
  width: unset;
  aspect-ratio: unset;
  height: unset;
}

.image.centered {
  margin-left: auto;
  margin-right: auto;
}

.cc-blue-title {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 30px !important;
  color: #0A468C;
  text-align: left;
  padding: 0;
}
@media (min-width: 1281px) {
  .cc-blue-title {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .cc-blue-title {
    font-size: 40px !important;
  }
}
@media only screen and (min-width: 992px) {
  .cc-blue-title {
    margin-bottom: 20px;
  }
}

.cc-turqoise-small-title {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 25px !important;
  color: #00ADBA;
  text-align: left;
  padding: 0;
  margin-top: 20px;
}
@media (min-width: 1281px) {
  .cc-turqoise-small-title {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .cc-turqoise-small-title {
    font-size: 35px !important;
  }
}

.col-xs-12 {
  float: none !important;
}

div#footer {
  position: relative;
  background-color: #193a54;
  float: none !important;
  max-width: 1920px;
  margin: auto;
}
div#footer div {
  float: none;
}
div#footer .content > a:first-of-type {
  display: none;
}
div#footer .paragraphSystem::before,
div#footer .paragraphSystem::after {
  display: none;
}
div#footer::before {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="24" viewBox="0 0 79 24" fill="none"><path d="M39.4042 23.375C39.4042 23.375 50.7144 12.9385 59 8.375C66.369 4.31631 78.8083 0.875 78.8083 0.875H0C0 0.875 12.8055 4.44912 20 8.375C28.4689 12.9963 39.4042 23.375 39.4042 23.375Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center top;
  height: 24px;
  transform: translateY(-4%);
  width: 100%;
}
div#footer .reference-footer-snippet > .inner > .component-content > .component > .component-content > .content,
div#footer .reference-footer-cancer-gynecologiques > .inner > .component-content > .component > .component-content > .content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  div#footer .reference-footer-snippet > .inner > .component-content > .component > .component-content > .content,
  div#footer .reference-footer-cancer-gynecologiques > .inner > .component-content > .component > .component-content > .content {
    flex-direction: row;
    gap: 40px;
  }
}
div#footer .reference-footer-snippet > .inner > .component-content > .component >,
div#footer .reference-footer-cancer-gynecologiques > .inner > .component-content > .component > {
  padding: 0;
  margin: 0;
}
div#footer .reference-footer-snippet,
div#footer .reference-footer-cancer-gynecologiques {
  padding: 0;
  margin: 0;
  max-width: 1270px;
  margin: auto;
  overflow: hidden;
  padding: 0 35px 0 12px;
}
@media only screen and (min-width: 992px) {
  div#footer .reference-footer-snippet,
  div#footer .reference-footer-cancer-gynecologiques {
    padding-left: 0;
    padding-top: 12px;
  }
}
div#footer .reference-footer-cancer-gynecologiques .footer-content-wrapper {
  width: 100%;
}
div#footer .row > .layout-outer > .layout-inner > .col-md-12 {
  padding: 0;
  margin: 0;
}
div#footer .image {
  margin-top: 50px;
  margin-bottom: 30px;
  margin: 50px 0 30px 0;
}
@media only screen and (min-width: 992px) {
  div#footer .image {
    margin-top: 0;
  }
}
div#footer .footer-column-wrapper > .component-content > .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
@media only screen and (min-width: 992px) {
  div#footer .footer-column-wrapper > .component-content > .content {
    flex-direction: row;
    justify-content: start;
    gap: 50px;
  }
  div#footer .footer-column-wrapper > .component-content > .content .richText {
    width: 410px;
  }
}
div#footer .footer-column-wrapper .richText-content > p .selection-bold {
  font-size: 13px;
}
div#footer .footer-column-wrapper .richText-content p {
  color: #fff;
  text-align: start;
  line-height: 21px;
  font-size: 12px;
  margin-bottom: 15px;
}
div#footer .footer-column-wrapper .richText-content a {
  text-decoration: none;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  div#footer .footer-column-wrapper .richText-content p {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  div#footer .footer-column-wrapper .box > .component-content > .content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
  }
  div#footer .footer-column-wrapper .box > .component-content > .content .component {
    flex-shrink: 1;
  }
}
div#footer .footer-legal-wrapper > .component-content .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
@media only screen and (min-width: 992px) {
  div#footer .footer-legal-wrapper > .component-content .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
div#footer .footer-legal-wrapper .richText-content {
  margin-bottom: 15px;
}
div#footer .footer-legal-wrapper .richText-content p {
  max-width: 600px;
  color: #fff;
  text-align: start;
  line-height: 21px;
  font-size: 12px;
}
div#footer .footer-legal-wrapper .richText-content p {
  margin: 0;
}
div#footer .footer-legal-wrapper .richText-content p a {
  margin: 0;
  text-decoration: underline;
  color: #fff;
}

/* Dots */
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  margin: 0;
  width: auto;
  padding-top: 40px;
}
.slick-dots li li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  padding-left: 8px;
}
.slick-dots li li:first-of-type {
  padding-left: 0;
}
.slick-dots li li button {
  border: 1px solid #E7344A;
  border-radius: 50%;
  background: transparent;
  height: 10px;
  width: 10px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  opacity: .5;
}
.slick-dots li li button:hover, .slick-dots li li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li li.slick-active button {
  background-color: #E7344A;
  opacity: 1;
}
.slick-dots li li.slick-active button:hover, .slick-dots li li.slick-active button:focus {
  outline: none;
}

.carousel-full-width {
  /* Arrows */
  /* Dots */
}
.carousel-full-width .slick-prev,
.carousel-full-width .slick-next {
  display: none !important;
}
.carousel-full-width .slick-dots {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .carousel-full-width .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 18vw;
  }
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .slick-slide img {
    width: 100%;
    height: 100%;
  }
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.text-callout .text-callout_row {
  display: flex;
  align-items: end;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .text-callout .text-callout_row {
    flex-direction: row;
    margin-bottom: 80px;
  }
}
.text-callout .text-callout_row .text-callout_title {
  padding: 0;
  flex: 4.8;
  margin: 0 !important;
}
.text-callout .text-callout_row .text-callout_text {
  flex: 6;
  display: none;
}
@media only screen and (min-width: 992px) {
  .text-callout .text-callout_row .text-callout_text {
    display: block;
    font-weight: 400;
    font-size: 23px;
    line-height: 29px;
  }
}
.text-callout .text-callout_row .text-callout_text p {
  margin: 0;
}

.header-subtitle {
  padding: 0;
  margin-bottom: 60px !important;
}
@media only screen and (min-width: 992px) {
  .header-subtitle {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .page-home .accordion-container.container {
    max-width: 1190px;
    width: 100%;
  }
}

.accordion {
  width: 100%;
}

.accordion-container .image {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .accordion-container .image {
    padding: 0 15px;
  }
}
.accordion-container .accordion-content-wrapper {
  padding: 0 !important;
}
.accordion-container .accordion-content-wrapper .accordion-content .content .richText {
  padding: 0 !important;
}

.accordion-container,
.accordion-references-container {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .accordion-container,
  .accordion-references-container {
    margin-bottom: 50px;
  }
}
.accordion-container p.accordion-title,
.accordion-references-container p.accordion-title {
  margin: 0;
}
.accordion-container p.accordion-title span,
.accordion-references-container p.accordion-title span {
  font-family: Outfit, Arial, sans-serif;
}
.accordion-container .accordion-title-text sup::after,
.accordion-references-container .accordion-title-text sup::after {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .accordion-container,
  .accordion-references-container {
    margin-bottom: 60px;
  }
}
.accordion-container .component-content .content,
.accordion-references-container .component-content .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.accordion-container .component-content .content .richText,
.accordion-references-container .component-content .content .richText {
  order: 0;
  justify-self: start;
  align-self: flex-start;
}
.accordion-container .component-content .content .richText:has(p.blue-highlight),
.accordion-references-container .component-content .content .richText:has(p.blue-highlight) {
  padding-left: 0;
}
.accordion-container .component-content .content .richText p.blue-highlight,
.accordion-references-container .component-content .content .richText p.blue-highlight {
  text-align: start;
  font-family: Inter;
  font-size: 15px;
  font-style: italic;
  font-weight: 500;
  line-height: 28px;
  text-align: start;
  color: #00677f;
  margin: 0;
  margin-bottom: 20px;
}
.accordion-container .component-content .content .component,
.accordion-references-container .component-content .content .component {
  display: flex;
  flex-direction: column;
}
.accordion-container .component-content .content .component .accordion-container li,
.accordion-references-container .component-content .content .component .accordion-container li {
  padding: 30px 0 10px 0;
  background-color: transparent;
  border-bottom: 1px solid #252525;
}
.accordion-container .component-content .content .component .accordion-container li a,
.accordion-references-container .component-content .content .component .accordion-container li a {
  color: #252525;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.accordion-container .component-content .content .component .accordion-container li a span,
.accordion-references-container .component-content .content .component .accordion-container li a span {
  display: block;
  position: relative;
  padding-right: 32px;
}
.accordion-container .component-content .content .component .accordion-container li a ::after,
.accordion-references-container .component-content .content .component .accordion-container li a ::after {
  content: '';
  mask-image: url("../../img/arrows/accordion_arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #252525;
  background-size: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s;
}
.accordion-container .component-content .content .component .accordion-container li.is-visible a::before,
.accordion-references-container .component-content .content .component .accordion-container li.is-visible a::before {
  display: none;
}
.accordion-container .component-content .content .component .accordion-container li.is-visible a ::after,
.accordion-references-container .component-content .content .component .accordion-container li.is-visible a ::after {
  transform: rotate(180deg) translateY(100%);
}
.accordion-container .component-content .content .component .accordion-container .richText-content li,
.accordion-references-container .component-content .content .component .accordion-container .richText-content li {
  border: none !important;
  word-break: keep-all;
}
.accordion-container .component-content .content .component .accordion-container .richText-content li a,
.accordion-references-container .component-content .content .component .accordion-container .richText-content li a {
  font-size: 15px;
}
.accordion-container .component-content .content .image,
.accordion-references-container .component-content .content .image {
  width: fit-content;
  max-height: 420px;
  margin: 0 auto;
}
.accordion-container .component-content .content .image .component-content,
.accordion-references-container .component-content .content .image .component-content {
  width: max-content;
  height: -webkit-fill-available;
}
.accordion-container .component-content .content .image .component-content img,
.accordion-references-container .component-content .content .image .component-content img {
  margin-top: 32px;
  width: auto;
  object-fit: cover;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .accordion-container .component-content .content .image .component-content img,
  .accordion-references-container .component-content .content .image .component-content img {
    margin-top: 0;
  }
}
.accordion-container .accordion-items,
.accordion-references-container .accordion-items {
  width: 100%;
}
.accordion-container .accordion-items .component-content .content,
.accordion-references-container .accordion-items .component-content .content {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 992px) {
  .reference-link-arrow {
    padding: 12px 0 0 0;
  }
}

.reference-link-arrow a,
.transparent-purple-link {
  margin-top: 12px;
  display: flex;
  color: #252525;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}
.reference-link-arrow a::after,
.transparent-purple-link::after {
  content: '';
  display: inline-block;
  background-color: #252525;
  mask-image: url("../../img/arrows/arrow_up_right.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  background-size: 20px;
  min-width: 30px;
  height: 30px;
  margin: auto 0;
  margin-left: 20px;
}
@media only screen and (min-width: 992px) {
  .reference-link-arrow a,
  .transparent-purple-link {
    justify-content: end;
    font-size: 18px;
  }
}

.reference-link-arrow:has(.link-icon-before) a {
  font-family: "Inter";
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  align-items: center;
}
.reference-link-arrow:has(.link-icon-before) a::after {
  display: none;
}
.reference-link-arrow:has(.link-icon-before) a::before {
  content: '';
  display: inline-block;
  background-color: #252525;
  background-image: url("../../img/svg/link.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  min-width: 48px;
  height: 48px;
  margin: auto 0;
  margin-right: 14px;
}

.two-thirds-width {
  width: -webkit-fill-available;
}
@media only screen and (min-width: 768px) {
  .two-thirds-width {
    max-width: 1170px;
    width: -webkit-fill-available;
  }
}
.two-thirds-width .component-content {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .two-thirds-width .component-content {
    width: 70%;
    margin: 0 auto;
  }
  .two-thirds-width .component-content .accordion {
    width: 100%;
  }
  .two-thirds-width .component-content .content .component-content {
    width: 100%;
  }
}

.accordion-references-container .accordion {
  order: 1;
}
.accordion-references-container .accordion-title-text {
  color: #193a54 !important;
  font-weight: 700 !important;
}
.accordion-references-container .accordion-container ol {
  padding: 30px 15px 10px 15px;
}
.accordion-references-container .accordion-container ol li {
  padding: 8px 0 !important;
}
.accordion-references-container .accordion-container ol li a {
  text-decoration: underline !important;
}

.accordion-container .component-content .content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .accordion-container .component-content .content {
    flex-direction: row;
  }
}

.accordion-references-container .component-content .content {
  display: flex;
  flex-direction: column !important;
}

.méningites-méningocoque-column .accordion-slide {
  padding-top: 50px !important;
}
.méningites-méningocoque-column .accordion-content-wrapper .component {
  padding: 0 !important;
}
.méningites-méningocoque-column .accordion-title-text {
  color: #00677f;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  padding-right: 48px !important;
}
@media only screen and (min-width: 992px) {
  .méningites-méningocoque-column .accordion-title-text {
    font-size: 38px;
    line-height: 48px;
    padding-right: 64px !important;
  }
}
.méningites-méningocoque-column .richText {
  color: #252525;
  font-weight: 400;
}
.méningites-méningocoque-column .richText p {
  margin-top: 0;
}
.méningites-méningocoque-column .dimly-lit-text + p,
.méningites-méningocoque-column .dimly-lit-text p {
  color: #252525;
  font-weight: 300;
  font-style: italic !important;
  margin: 18px 0 20px 0;
}
@media only screen and (min-width: 992px) {
  .méningites-méningocoque-column .dimly-lit-text + p,
  .méningites-méningocoque-column .dimly-lit-text p {
    margin: 18px 0 56px 0;
  }
}
.méningites-méningocoque-column .link-arrow {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 20px 0;
}
.méningites-méningocoque-column .main-title p {
  margin: 20px 0 !important;
}
@media only screen and (min-width: 992px) {
  .méningites-méningocoque-column .main-title p {
    margin: 30px 0;
  }
}
.méningites-méningocoque-column .accordion-container li a span::after {
  background-color: #e56a54 !important;
}

.accordion-references-container-black .accordion-title-text {
  color: #193a54 !important;
  font-weight: 700;
}

.accordion-references-container li {
  word-break: break-all !important;
}

.text-block {
  margin-top: 30px;
}
@media only screen and (min-width: 1600px) {
  .text-block {
    margin-top: 60px;
  }
}
.text-block p {
  font-size: 18px;
}
.text-block:has(.paragraph-title) h1,
.text-block:has(.paragraph-title) h2 {
  display: none !important;
}
.text-block p.paragraph-title {
  color: #00677f !important;
  font-size: 30px !important;
  line-height: 38px !important;
  font-family: Outfit, Arial, sans-serif !important;
  font-weight: 700 !important;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .text-block p.paragraph-title {
    font-size: 38px !important;
    line-height: 48px !important;
  }
}

.text-with-links {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .text-with-links {
    margin-bottom: 80px;
  }
}
.text-with-links .richText-content p {
  font-weight: 500;
}

.infografic-list {
  --animation-delay: 0.4s;
}
.infografic-list .component-content .content {
  padding-top: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.infografic-list .component-content .content .reference-infografic {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .infografic-list .component-content .content .reference-infografic.odd, .infografic-list .component-content .content .reference-infografic.even {
    padding-right: 38px;
    padding-left: 38px;
  }
  .infografic-list .component-content .content .reference-infografic.first {
    padding-right: 38px;
    padding-left: 0;
  }
  .infografic-list .component-content .content .reference-infografic.last {
    padding-left: 38px;
    padding-right: 0;
  }
}
.infografic-list .component-content .content .infografic::after {
  content: "";
  width: 66px;
  height: 1px;
  background-color: #252525;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
.infografic-list .component-content .content :nth-child(4) .infografic::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .infografic-list .component-content .content {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1200px) {
  .infografic-list .component-content .content .infografic h2 {
    font-size: 38px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 992px) {
  .infografic-list .component-content .content .infografic p {
    margin-bottom: 0;
  }
  .infografic-list .component-content .content .infografic::after {
    content: "";
    height: 155px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    background-color: #00677f;
    width: 1px;
  }
}

.infografic h2, .infografic p.infografic_big_title, .infografic div.infografic_big_title {
  font-size: 52px;
  line-height: 52px;
  color: #e56a54;
  font-weight: 900;
}
.infografic .infografic_small_title > p, .infografic span {
  margin: 0;
  font-size: 22px;
  line-height: 26px;
  color: #e56a54;
  font-weight: 700;
}
.infografic p {
  margin-bottom: 30px;
}

.infografic-smaller-spacing {
  margin-bottom: 40px !important;
}
.infografic-smaller-spacing .reference-link-arrow {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .infografic-smaller-spacing {
    margin-bottom: 60px;
  }
  .infografic-smaller-spacing .reference-link-arrow {
    padding-top: 28px;
  }
}

.mini-infografic-description .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.mini-infografic-description .content::before, .mini-infografic-description .content::after,
.mini-infografic-description .content a {
  display: none;
}
@media only screen and (min-width: 992px) {
  .mini-infografic-description .content {
    flex-direction: row;
    gap: 58px;
  }
}
.mini-infografic-description .content .reference-infografic > .component-content {
  height: 100%;
  display: flex;
  justify-content: center;
}
.mini-infografic-description .content .infografic {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 245px;
  text-align: center;
}
.mini-infografic-description .content .infografic p {
  margin-bottom: 0;
}
.mini-infografic-description .content .richText-content p {
  margin: 0;
}

.text-block-with-image {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  height: fit-content;
  max-width: 1300px;
  margin: 0 auto 40px auto;
  gap: 40px;
}
.text-block-with-image.right-side-text {
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .text-block-with-image {
    margin: 0 auto 60px auto;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 95px;
  }
  .text-block-with-image.right-side-text {
    justify-content: start;
    flex-direction: row;
  }
}
.text-block-with-image .text-block-with-image_content_wrapper {
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-block-with-image .text-block-with-image_content_wrapper h2 {
  color: #00677f;
}
@media only screen and (min-width: 992px) {
  .text-block-with-image .text-block-with-image_content_wrapper h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 1200px) {
  .text-block-with-image .text-block-with-image_content_wrapper h2 {
    font-size: 38px;
    line-height: 48px;
  }
}
.text-block-with-image .text-block-with-image_content_wrapper p {
  margin-top: 6px;
  margin-bottom: 7px;
  color: #252525;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (min-width: 768px) {
  .text-block-with-image .text-block-with-image_content_wrapper {
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: start;
  }
}
@media only screen and (min-width: 992px) {
  .text-block-with-image .text-block-with-image_content_wrapper {
    width: 35%;
  }
  .text-block-with-image .text-block-with-image_content_wrapper a {
    max-width: 360px;
  }
}
.text-block-with-image .text-block-with-image_image {
  height: 100%;
  position: relative;
  width: 100%;
}
.text-block-with-image .text-block-with-image_image img {
  width: calc(100% + 60px);
  margin: 0 -30px;
}
@media only screen and (min-width: 768px) {
  .text-block-with-image .text-block-with-image_image {
    width: auto;
  }
  .text-block-with-image .text-block-with-image_image img {
    width: unset;
  }
}
.text-block-with-image.full-background-image {
  flex-direction: column;
  justify-content: start;
  gap: 0;
}
@media only screen and (min-width: 768px) {
  .text-block-with-image.full-background-image {
    max-width: 100%;
    flex-direction: row;
    gap: 95px;
  }
  .text-block-with-image.full-background-image.right-side-text {
    flex-direction: row;
    padding-right: 10%;
  }
}
.text-block-with-image.full-background-image .text-block-with-image_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.text-block-with-image.full-background-image .text-block-with-image_image img {
  margin: 0;
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
}
.text-block-with-image.full-background-image .text-block-with-image_content_wrapper {
  min-height: 840px;
  max-width: 100%;
  height: 100%;
  text-align: left;
  padding: 40px 30px;
}
.text-block-with-image.full-background-image .text-block-with-image_content_wrapper h2 {
  color: #fedb00;
}
.text-block-with-image.full-background-image .text-block-with-image_content_wrapper p {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .text-block-with-image.full-background-image .text-block-with-image_content_wrapper {
    padding-left: 10%;
    padding-right: 48px;
    min-height: 580px;
  }
}
@media only screen and (min-width: 992px) {
  .text-block-with-image.full-background-image .text-block-with-image_content_wrapper {
    padding-left: 16%;
    width: 50%;
  }
}

.base-max-width-content.container.right-bigger-xl {
  width: 100%;
}

.reference-cta-lines-button .cta-lines-buttons {
  margin-top: 12px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons {
    margin-top: 28px;
    margin-bottom: 40px;
  }
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper p {
  margin: 0;
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_first_line,
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_second_line {
  color: #252525;
  font-size: 15px;
  line-height: 23px;
  font-weight: 700;
  padding: 5px 12px 5px 0;
  position: relative;
  height: 70px;
  display: flex;
  align-items: center;
  z-index: 5;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_first_line,
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_second_line {
    height: 100px;
    padding: 24px 0;
    font-size: 34px;
    line-height: 48px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_first_line,
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_second_line {
    margin-right: 0;
  }
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_first_line:before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  height: 100%;
  margin-right: -15px;
  width: 45px;
  top: 0;
  border-radius: 500px 0 0 500px;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_first_line:before {
    margin-right: 0;
    width: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_first_line:before {
    width: 15%;
  }
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_second_line:before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  height: 100%;
  width: 1000px;
  top: 0;
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line {
    flex-direction: row;
    gap: 16px;
  }
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label {
  padding: 12px 12px 12px 0 !important;
  border-top: 2px solid #1d78c6;
  border-right: 2px solid #1d78c6;
  border-bottom: 2px solid #1d78c6;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  max-width: 100%;
  min-height: 70px;
  flex: 0.8;
  padding-right: 12px;
  display: flex;
  align-items: center;
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label:before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  height: 100%;
  width: 30px;
  top: -2px;
  border-top: 2px solid #1d78c6;
  border-bottom: 2px solid #1d78c6;
  border-left: 2px solid #1d78c6;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label {
    max-width: 550px;
    padding: 24px 0;
    font-size: 26px;
    line-height: 30px;
    height: 100px;
  }
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label:before {
    width: 1000px;
  }
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label.hide-pre-label {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label.hide-pre-label {
    display: block;
  }
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_button {
  display: flex;
  flex-direction: row;
  margin-left: 12px;
  margin-right: 0;
  background-color: #1d78c6;
  border-radius: 0 35px 35px 0;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 70px;
}
.reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_button:before {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% - 4px);
  width: 100%;
  right: 100%;
  margin-right: 12px;
  top: 0;
  border: 2px solid #1d78c6;
}
@media only screen and (min-width: 992px) {
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_button {
    margin-right: -15%;
    padding: 0 0 0 16px;
    margin-left: 0;
    border-radius: 0 500px 500px 0;
    font-size: 23px;
    line-height: 29px;
    justify-content: start;
    min-width: 436px;
    height: 100px;
  }
  .reference-cta-lines-button .cta-lines-buttons .cta-lines-buttons_wrapper .cta-lines-buttons_third_line .cta-lines-buttons_action_button::before {
    display: none;
  }
}
.reference-cta-lines-button .cta-lines-buttons.yellow-lines .cta-lines-buttons_first_line,
.reference-cta-lines-button .cta-lines-buttons.yellow-lines .cta-lines-buttons_second_line {
  background-color: #fedb00;
}
.reference-cta-lines-button .cta-lines-buttons.yellow-lines .cta-lines-buttons_first_line:before,
.reference-cta-lines-button .cta-lines-buttons.yellow-lines .cta-lines-buttons_second_line:before {
  background-color: #fedb00;
}
.reference-cta-lines-button .cta-lines-buttons.pink-lines .cta-lines-buttons_first_line,
.reference-cta-lines-button .cta-lines-buttons.pink-lines .cta-lines-buttons_second_line {
  background-color: #d68f9f;
  color: #fff;
}
.reference-cta-lines-button .cta-lines-buttons.pink-lines .cta-lines-buttons_first_line:before,
.reference-cta-lines-button .cta-lines-buttons.pink-lines .cta-lines-buttons_second_line:before {
  background-color: #d68f9f;
}
.reference-cta-lines-button .cta-lines-buttons.blue-lines .cta-lines-buttons_first_line,
.reference-cta-lines-button .cta-lines-buttons.blue-lines .cta-lines-buttons_second_line {
  background-color: #57b1c9;
  color: #193a54;
}
.reference-cta-lines-button .cta-lines-buttons.blue-lines .cta-lines-buttons_first_line:before,
.reference-cta-lines-button .cta-lines-buttons.blue-lines .cta-lines-buttons_second_line:before {
  background-color: #57b1c9;
}
.reference-cta-lines-button .cta-lines-buttons.dark-pink-lines .cta-lines-buttons_first_line,
.reference-cta-lines-button .cta-lines-buttons.dark-pink-lines .cta-lines-buttons_second_line {
  background-color: #EB3475;
  color: #000;
}
.reference-cta-lines-button .cta-lines-buttons.dark-pink-lines .cta-lines-buttons_first_line:before,
.reference-cta-lines-button .cta-lines-buttons.dark-pink-lines .cta-lines-buttons_second_line:before {
  background-color: #EB3475;
}
.reference-cta-lines-button .cta-lines-buttons.rv-purple .cta-lines-buttons_first_line,
.reference-cta-lines-button .cta-lines-buttons.rv-purple .cta-lines-buttons_second_line {
  background-color: #6F42A1;
  color: #fff;
}
.reference-cta-lines-button .cta-lines-buttons.rv-purple .cta-lines-buttons_first_line:before,
.reference-cta-lines-button .cta-lines-buttons.rv-purple .cta-lines-buttons_second_line:before {
  background-color: #6F42A1;
}

.doctolib-button-fw {
  max-width: 1440px;
  width: calc(100% + 30px);
}
.doctolib-button-fw .cta-lines-buttons {
  margin-bottom: 0 !important;
}
.doctolib-button-fw .cta-lines-buttons_first_line,
.doctolib-button-fw .cta-lines-buttons_second_line {
  display: none !important;
}
.doctolib-button-fw .cta-lines-buttons_third_line .cta-lines-buttons_action_pre_label {
  display: none !important;
}
.doctolib-button-fw .cta-lines-buttons_third_line .cta-lines-buttons_action_button {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 60px !important;
  transition: 0.3s opacity ease-in;
}
.doctolib-button-fw .cta-lines-buttons_third_line .cta-lines-buttons_action_button:hover {
  opacity: 0.8;
}
.doctolib-button-fw .cta-lines-buttons_third_line .cta-lines-buttons_action_button::before {
  display: none !important;
}

.phone-text {
  margin-top: 26px;
  position: relative;
  background-color: #fedb00;
  padding: 28px 24px;
  border-radius: 0 50px 50px 0;
}
.phone-text p {
  text-align: start;
  color: #252525;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  .phone-text p {
    text-align: center;
  }
}
.phone-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  background: url("../../img/svg/phone.svg") no-repeat center;
}

.sub-title {
  font-weight: 700;
}

.row-component .component-content .content {
  display: flex;
  flex-direction: column;
}
.row-component .component-content .content::after, .row-component .component-content .content::before,
.row-component .component-content .content a {
  display: none;
}
@media only screen and (min-width: 992px) {
  .row-component .component-content .content {
    flex-direction: row;
    gap: 100px;
    justify-content: space-between;
  }
}
.row-component .component-content .content .component {
  flex: 1;
}
.row-component .component-content .content .component-content .content {
  gap: 0;
  display: flex;
  flex-direction: column;
}
.row-component .component-content .content .image {
  margin: 0;
}
.row-component.purpuru-fulminans {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .row-component.purpuru-fulminans {
    margin-bottom: 50px;
  }
}
.row-component.purpuru-fulminans .component-content .content {
  gap: 40px;
  flex: 1;
}
@media only screen and (min-width: 992px) {
  .row-component.purpuru-fulminans .component-content .content {
    margin-bottom: 0;
    gap: 96px;
  }
  .row-component.purpuru-fulminans .component-content .content .box {
    flex: 0.6;
  }
  .row-component.purpuru-fulminans .component-content .content .image {
    margin-top: 18px;
  }
  .row-component.purpuru-fulminans .component-content .content .image .component-content {
    width: 100%;
  }
  .row-component.purpuru-fulminans .component-content .content .image .component-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}
.row-component.purpuru-fulminans .component-content .content .image {
  display: flex;
  justify-content: center;
}

.chez-column-spacing {
  margin-bottom: 64px;
}
.chez-column-spacing .component-content .content .box .sub-title p {
  margin: 40px 0 20px 0;
}
@media only screen and (min-width: 992px) {
  .chez-column-spacing .component-content .content .box .sub-title p {
    margin-bottom: 30px;
  }
}
.chez-column-spacing .component-content .content .box .richText-content p {
  margin-top: 0;
}
.chez-column-spacing .component-content .content .box .richText-content ul {
  margin-top: 30px;
  margin-bottom: 0;
  background-color: #FFDFC8 !important;
  padding: 16px 8px 16px 28px;
  border-radius: 32px;
}

.phone-text-spacing {
  margin: 20px 0 2px 0;
}
@media only screen and (min-width: 992px) {
  .phone-text-spacing {
    margin: 30px 0 12px 0;
  }
}

.reference-separator {
  width: 100%;
  margin: 0;
  padding: 0;
}
.reference-separator .separator {
  margin-bottom: 50px;
  width: 100%;
}
@media (min-width: 1200px) {
  .reference-separator .separator {
    max-width: 1560px;
    width: -webkit-fill-available;
    margin-right: calc((100% - 1200px) / 2);
    margin-left: auto;
    margin-bottom: 60px;
    padding-left: 0;
  }
  .reference-separator .separator.right-side-separator {
    margin-left: calc((100% - 1170px) / 2);
    margin-right: auto;
  }
}
.reference-separator .separator {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.reference-separator .separator .pink-before-cube {
  width: -webkit-fill-available;
  height: 45px;
  border: 1px solid #d68f9f;
  border-radius: 0 23px 23px 0;
  margin-left: -30px;
}
@media only screen and (min-width: 992px) {
  .reference-separator .separator .pink-before-cube {
    margin-left: -15px;
  }
}
.reference-separator .separator .pink-cube {
  width: 150px;
  background-color: #d68f9f;
}
@media only screen and (min-width: 992px) {
  .reference-separator .separator .pink-cube {
    margin-right: 124px;
  }
}
.reference-separator .separator.right-side-separator {
  flex-direction: row-reverse;
}
.reference-separator .separator.right-side-separator .pink-before-cube {
  border-radius: 23px 0 0 23px;
  margin-left: 0;
}
.reference-separator .separator.right-side-separator .pink-cube {
  margin-left: 50px;
  margin-right: 0;
}

.title-separator.custom-animate {
  --animation-duration: 0.7s;
  --animation-delay: 0.4s;
}

.reference-title-separator {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .reference-title-separator {
    padding: 0 15px;
  }
}

.title-separator {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 992px) {
  .title-separator {
    margin-right: 0;
    margin-left: 0;
  }
}
.title-separator .blue-cube {
  background-color: #6ba4b8;
  width: 80px;
  position: relative;
}
.title-separator .blue-cube::before {
  content: "";
  display: block;
  position: absolute;
  width: 1000px;
  height: 100%;
  right: 100%;
  top: 0;
  background-color: #6ba4b8;
}
.title-separator .title-separator_title {
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 20px;
}
.title-separator .blue-after-cube {
  width: -webkit-fill-available;
  border: 1px solid #6ba4b8;
  border-radius: 25px 0 0 25px;
}
@media only screen and (min-width: 992px) {
  .title-separator {
    margin-bottom: 22px;
  }
  .title-separator .blue-cube {
    width: 80px;
  }
  .title-separator .blue-cube::before {
    display: none;
  }
  .title-separator .blue-after-cube {
    margin-right: 0;
  }
}

.full-width-separator {
  margin: 22px 0;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .full-width-separator {
    margin: 42px 0;
  }
}
.full-width-separator .pink-cube {
  margin-right: 56px !important;
}
@media only screen and (min-width: 992px) {
  .full-width-separator .pink-cube {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.full-width-separator .separator {
  margin: 0;
}
.full-width-separator .separator.right-side-separator {
  margin: 0;
}
.full-width-separator .right-side-separator .pink-cube {
  margin-right: 0 !important;
  margin-left: 56px !important;
}
@media only screen and (min-width: 992px) {
  .full-width-separator .right-side-separator .pink-cube {
    margin-left: 0 !important;
  }
}

.breadcrumbs {
  max-width: 1200px !important;
  padding-left: 15px !important;
  width: auto;
  margin: 4px auto 4px auto !important;
}
.breadcrumbs button.breadcrumbs-btn-more {
  background-color: transparent;
  border: 0;
  font-size: 18px;
  padding: 0;
  padding-right: 4px;
}
.breadcrumbs button.breadcrumbs-btn-more:hover {
  cursor: pointer;
}
.breadcrumbs .breadcrumbs-list {
  margin: 0;
  line-height: 16px;
  padding: 0;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item {
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
  color: #252525;
  margin: 0;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item:only-child {
  display: none !important;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item .breadcrumbs-separator {
  margin: 0 6px !important;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item:last-child {
  font-weight: 500;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item a {
  color: #252525;
  text-decoration: none;
  font-weight: 400;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item a:hover {
  text-decoration: underline;
}
.breadcrumbs .breadcrumbs-list .breadcrumb-list-item.hidden {
  display: none !important;
}

.icon-list-item {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .icon-list-item {
    gap: 20px;
  }
}
.icon-list-item .icon-list-item_icon {
  width: auto;
  height: 50px;
  margin-top: 6px;
}
@media only screen and (min-width: 992px) {
  .icon-list-item .icon-list-item_icon {
    margin-top: 0;
  }
}
.icon-list-item .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #d68f9f;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
}
.icon-list-item .text {
  font-size: 15px;
  font-weight: 400;
  color: #252525;
}

.meningococcal-icon-list .icon-list-item {
  margin: 8px 0;
}
.meningococcal-icon-list .icon-list-item .icon-list-item_icon {
  width: 50px;
  object-fit: contain;
}
.meningococcal-icon-list .icon-list-item p {
  margin: 0;
}

.banner-image {
  max-width: 1440px;
  margin: 0 -15px;
  padding: 0;
}
.banner-image .banner-image_image {
  width: 100%;
  height: auto;
}
.banner-image .banner-image_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.title-heading {
  color: #252525;
  margin-bottom: 22px;
}
@media only screen and (min-width: 992px) {
  .title-heading {
    margin-bottom: 42px;
  }
}

.reference-banner-line-title,
.reference-error-404-content {
  max-width: 1242px;
  width: -webkit-fill-available;
  margin: 0 0 52px auto;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .reference-banner-line-title,
  .reference-error-404-content {
    margin-left: 10%;
    margin-right: 0;
    margin-bottom: 62px;
  }
}
@media (min-width: 1920px) {
  .reference-banner-line-title,
  .reference-error-404-content {
    margin-right: 11%;
  }
}
.reference-banner-line-title .banner-line-title .banner-line-title_actualites,
.reference-error-404-content .banner-line-title .banner-line-title_actualites {
  margin-top: 0;
  height: 80px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 40px 0 0 40px;
  margin-right: -30px;
}
@media only screen and (min-width: 992px) {
  .reference-banner-line-title .banner-line-title .banner-line-title_actualites,
  .reference-error-404-content .banner-line-title .banner-line-title_actualites {
    border-radius: 0;
    font-size: 28px;
    line-height: 36px;
  }
}
.reference-banner-line-title .banner-line-title .banner-line-title_actualites p,
.reference-error-404-content .banner-line-title .banner-line-title_actualites p {
  z-index: 5;
}
.reference-banner-line-title .banner-line-title .banner-line-title_actualites::before,
.reference-error-404-content .banner-line-title .banner-line-title_actualites::before {
  z-index: -3;
  margin-right: -34px;
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  height: 100%;
  width: 54px;
  top: 0;
  border-radius: 40px 0 0 40px;
}
@media only screen and (min-width: 992px) {
  .reference-banner-line-title .banner-line-title .banner-line-title_actualites::before,
  .reference-error-404-content .banner-line-title .banner-line-title_actualites::before {
    margin-right: 0;
  }
}
.reference-banner-line-title .banner-line-title .banner-line-title_row,
.reference-error-404-content .banner-line-title .banner-line-title_row {
  display: flex;
  flex-direction: row;
  gap: 0;
  width: 100%;
}
.reference-banner-line-title .banner-line-title .banner-line-title_title,
.reference-error-404-content .banner-line-title .banner-line-title_title {
  min-width: 262px;
  max-width: 532px;
  width: -webkit-fill-available;
}
.reference-banner-line-title .banner-line-title .banner-line-title_lines,
.reference-error-404-content .banner-line-title .banner-line-title_lines {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.reference-banner-line-title .banner-line-title .banner-line-title_lines .banner-line-title_first_line,
.reference-error-404-content .banner-line-title .banner-line-title_lines .banner-line-title_first_line {
  margin-left: 8%;
  margin-right: -30px;
  border: 2px solid;
  border-right: none;
  height: 80px;
}
.reference-banner-line-title .banner-line-title .banner-line-title_second_line_row,
.reference-error-404-content .banner-line-title .banner-line-title_second_line_row {
  display: flex;
  flex-direction: row;
  gap: 15px;
  width: calc(100% + 60px);
  margin: 0 -30px;
}
@media only screen and (min-width: 992px) {
  .reference-banner-line-title .banner-line-title .banner-line-title_second_line_row,
  .reference-error-404-content .banner-line-title .banner-line-title_second_line_row {
    gap: 20px;
    margin: 0;
    width: calc(100% + 28px);
  }
}
.reference-banner-line-title .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_first,
.reference-banner-line-title .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_second,
.reference-error-404-content .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_first,
.reference-error-404-content .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_second {
  border: 2px solid;
  height: 80px;
  flex: 1;
}
.reference-banner-line-title .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_first,
.reference-error-404-content .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_first {
  width: calc(100% + 4px);
  border-radius: 0 40px 40px 0;
}
.reference-banner-line-title .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_second,
.reference-error-404-content .banner-line-title .banner-line-title_second_line_row .banner-line-title_second_second {
  border-right: none;
  border-radius: 40px 0 0 40px;
}
.reference-banner-line-title .banner-line-title.red-line-banner .banner-line-title_actualites,
.reference-error-404-content .banner-line-title.red-line-banner .banner-line-title_actualites {
  background-color: #d68f9f;
  color: #252525;
}
.reference-banner-line-title .banner-line-title.red-line-banner .banner-line-title_actualites::before,
.reference-error-404-content .banner-line-title.red-line-banner .banner-line-title_actualites::before {
  background-color: #d68f9f;
}
.reference-banner-line-title .banner-line-title.red-line-banner .banner-line-title_first_line,
.reference-error-404-content .banner-line-title.red-line-banner .banner-line-title_first_line {
  border-color: #d68f9f;
}
.reference-banner-line-title .banner-line-title.red-line-banner .banner-line-title_second_first,
.reference-error-404-content .banner-line-title.red-line-banner .banner-line-title_second_first {
  border-color: #d68f9f;
}
.reference-banner-line-title .banner-line-title.red-line-banner .banner-line-title_second_second,
.reference-error-404-content .banner-line-title.red-line-banner .banner-line-title_second_second {
  border-color: #d68f9f;
}
.reference-banner-line-title .banner-line-title.purple-line-banner .banner-line-title_actualites,
.reference-error-404-content .banner-line-title.purple-line-banner .banner-line-title_actualites {
  background-color: #836bbe;
  color: #fff;
}
.reference-banner-line-title .banner-line-title.purple-line-banner .banner-line-title_actualites::before,
.reference-error-404-content .banner-line-title.purple-line-banner .banner-line-title_actualites::before {
  background-color: #836bbe;
}
.reference-banner-line-title .banner-line-title.purple-line-banner .banner-line-title_title,
.reference-error-404-content .banner-line-title.purple-line-banner .banner-line-title_title {
  color: #331851;
}
.reference-banner-line-title .banner-line-title.purple-line-banner .banner-line-title_first_line,
.reference-error-404-content .banner-line-title.purple-line-banner .banner-line-title_first_line {
  border-color: #836bbe;
}
.reference-banner-line-title .banner-line-title.purple-line-banner .banner-line-title_second_first,
.reference-error-404-content .banner-line-title.purple-line-banner .banner-line-title_second_first {
  border-color: #836bbe;
}
.reference-banner-line-title .banner-line-title.purple-line-banner .banner-line-title_second_second,
.reference-error-404-content .banner-line-title.purple-line-banner .banner-line-title_second_second {
  border-color: #836bbe;
}

.video {
  margin: 28px -30px 50px -30px;
}
@media only screen and (min-width: 992px) {
  .video {
    margin: 28px 0 80px 0;
  }
}

.quiz-number {
  font-family: Outfit;
  color: #331851;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  position: absolute;
  bottom: 1%;
  right: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 992px) {
  .quiz-number {
    right: 110px;
  }
}

.reference-link-button {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .reference-link-button {
    margin-top: 0;
  }
}

.quiz-question {
  overflow: hidden;
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.quiz-review {
  --three-line-background-color: rgba(234, 190, 176, 0.5);
  background-color: var(--three-line-background-color) !important;
  display: none;
}
.quiz-review .three-line-background_first_line {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_first_line::before {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_first_line::after {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_second_line {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_second_line::before {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_second_line::after {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_third_line {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_third_line::before {
  border-color: var(--three-line-background-color);
}
.quiz-review .three-line-background_third_line::after {
  border-color: var(--three-line-background-color);
}

.link-button {
  padding: 8px 40px 8px 10px;
  background-color: #331851;
  color: #fff !important;
  border-radius: 0 20px 20px 0;
  text-decoration: none;
  font-size: 16px !important;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
  border: none;
  white-space: nowrap;
  margin-left: auto;
  cursor: pointer !important;
}
.link-button::after {
  content: '';
  mask-image: url("../../img/svg/arrow_play_blue.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #fff;
  background-size: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(100% - 26px);
  top: 50%;
  transform: translateY(-50%);
}
.link-button.no-fill-button {
  background-color: transparent;
  border: 1px solid #193a54;
  color: #193a54 !important;
}
.link-button.no-fill-button::after {
  background-color: #193a54;
}

.quiz-title {
  background-color: rgba(187, 179, 35, 0.5);
  padding: 50px 0;
  margin: 0 5px;
  width: calc(100% + 30px);
  position: relative;
}
@media only screen and (min-width: 992px) {
  .quiz-title {
    padding: 60px 0;
  }
}
.quiz-title .total-score_content {
  font-family: Outfit;
  margin: 0;
  font-size: 35px;
  line-height: 44px;
  font-weight: 700;
  color: #331851;
}
@media only screen and (min-width: 992px) {
  .quiz-title .total-score_content {
    margin-top: 8px;
    font-size: 38px;
    line-height: 54px;
  }
}
.quiz-title .quiz-title-wrapper {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  padding: 100px 86px 124px 30px;
}
@media only screen and (min-width: 992px) {
  .quiz-title .quiz-title-wrapper {
    position: relative;
    max-width: 608px;
    padding: 0 0 0 20px;
    position: relative;
  }
}
.quiz-title .quiz-title-wrapper .main-title p {
  font-family: Outfit;
  margin: 0;
  font-size: 35px;
  line-height: 44px;
  font-weight: 700;
  color: #331851;
}
@media only screen and (min-width: 992px) {
  .quiz-title .quiz-title-wrapper .main-title p {
    margin-top: 27px;
    font-size: 38px;
    line-height: 54px;
  }
}
.quiz-title .quiz-title-wrapper .richText p {
  font-family: Outfit;
  margin-top: 20px;
  color: #331851;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .quiz-title .quiz-title-wrapper .richText p {
    margin-top: 25px;
  }
}
.quiz-title .quiz-title-wrapper {
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .quiz-title .quiz-title-wrapper {
    padding-bottom: 120px;
  }
}
.quiz-title .link-button {
  margin-right: -56px;
}
@media only screen and (min-width: 576px) {
  .quiz-title .link-button {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .quiz-title .link-button {
    position: absolute;
    bottom: 70px;
    left: 60%;
    width: max-content;
  }
}
.quiz-title .last {
  bottom: 0;
}
.quiz-title .last .no-fill-button {
  margin-top: 30px;
  bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .quiz-title .last .no-fill-button {
    margin-top: 0;
  }
}

.three-line-background_first_line {
  content: '';
  height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #bbb323;
  border-radius: 40px 0 0 40px;
  border-right: none;
  position: absolute;
  top: 50px;
  left: 12px;
  right: 0;
  width: calc(100% - 12px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .three-line-background_first_line {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: unset;
    border-left: none;
    border-right: none;
    position: relative;
  }
  .three-line-background_first_line::before {
    position: absolute;
    content: attr(data-content-before);
    height: 80px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid #bbb323;
    border-right: none;
    border-radius: 40px 0 0 40px;
    width: 50%;
    right: 100%;
  }
  .three-line-background_first_line::after {
    position: absolute;
    content: attr(data-content-after);
    height: 80px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid #bbb323;
    border-left: none;
    border-right: none;
    width: calc((100vw - 588px) / 2 - 20px);
    left: 100%;
    box-sizing: border-box;
  }
}
.three-line-background_second_line::before {
  position: absolute;
  content: attr(data-content-before);
  height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #bbb323;
  border-left: none;
  width: 40px;
  left: -20px;
}
@media only screen and (min-width: 992px) {
  .three-line-background_second_line::before {
    width: calc(50% - 29px);
    left: calc(-50% + 29px);
    border: 2px solid #bbb323;
    top: 107px;
  }
}
.three-line-background_second_line::after {
  position: absolute;
  content: attr(data-content-after);
  height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #bbb323;
  border-right: none;
  width: 75px;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .three-line-background_second_line::after {
    width: calc((100vw - 588px) / 2 - 22px);
    left: 100%;
    border: 2px solid #bbb323;
    border-right: none;
    top: 107px;
  }
}
.three-line-background_third_line::before {
  position: absolute;
  content: attr(data-content-before);
  height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #bbb323;
  border-left: none;
  border-radius: 0 40px 40px 0;
  width: 40px;
  left: -20px;
  top: 250px;
}
@media only screen and (min-width: 992px) {
  .three-line-background_third_line::before {
    width: auto;
    left: calc(-100vw);
    right: 100%;
    border: 2px solid #bbb323;
    top: 214px;
  }
}
.three-line-background_third_line::after {
  position: absolute;
  content: attr(data-content-after);
  height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #bbb323;
  border-right: none;
  border-radius: 40px 0 0 40px;
  width: 50px;
  right: 0;
  top: 250px;
}
@media only screen and (min-width: 992px) {
  .three-line-background_third_line::after {
    width: calc((100vw - 588px) / 2 - 100px);
    left: 100%;
    margin-left: 78px;
    border: 2px solid #bbb323;
    border-right: none;
    top: 214px;
  }
}
.three-line-background .blue-color {
  border-color: #6ba4b8 !important;
}
.three-line-background .blue-color::before, .three-line-background .blue-color::after {
  border-color: #6ba4b8 !important;
}
.three-line-background .pink-color {
  border-color: rgba(229, 106, 84, 0.5) !important;
}
.three-line-background .pink-color::before, .three-line-background .pink-color::after {
  border-color: rgba(229, 106, 84, 0.5) !important;
}
.three-line-background .yellow-color {
  border-color: rgba(187, 179, 35, 0.5) !important;
}
.three-line-background .yellow-color::before, .three-line-background .yellow-color::after {
  border-color: rgba(187, 179, 35, 0.5) !important;
}

.quiz-question {
  overflow: hidden;
  --three-line-background-color: rgba(234, 190, 176, 0.5);
  background-color: var(--three-line-background-color);
  padding: 0;
  margin: 0 5px;
  width: calc(100% + 30px);
  position: relative;
}
.quiz-question .reference-quiz {
  padding-right: 15px;
}
.quiz-question .quiz-question-wrapper {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  padding: 0 0 0 30px;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper {
    max-width: 1000px;
    position: relative;
  }
}
.quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions_number {
  position: absolute;
  top: 114px;
  right: calc(100% - 96px);
  font-size: 90px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 60px;
  font-weight: 700;
  font-family: Outfit;
  z-index: 5;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions_number {
    top: 94px;
    right: calc(100% - 90px);
  }
}
.quiz-question .quiz-question-wrapper .progress-bar-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute;
  top: 40px;
  left: 80px;
  width: calc(100% - 100px);
  height: 15px;
  transform: translateY(-50%);
  gap: 7px;
}
.quiz-question .quiz-question-wrapper .progress-bar-wrapper .progress-bar {
  flex: 1;
  background-color: #fff;
  border: 2px solid #331851;
  border-radius: 0 40px 40px 0;
  display: flex;
  align-items: center;
}
.quiz-question .quiz-question-wrapper .progress-bar-wrapper .progress {
  height: 100%;
  background-color: #331851;
  border-radius: 0 40px 40px 0;
  width: 9%;
  transition: width 1s ease;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .progress-bar-wrapper {
    left: 52%;
    width: calc(44vw);
    gap: 15px;
  }
}
.quiz-question .quiz-question-wrapper .label {
  z-index: 1;
  color: #331851;
  width: fit-content;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
}
.quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions {
  position: relative;
  margin: 0;
  z-index: 5;
  margin-top: 160px;
  padding-right: 60px;
  font-family: Outfit;
  font-size: 35px !important;
  line-height: 44px !important;
  font-weight: 700 !important;
  color: #331851 !important;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions {
    font-size: 38px !important;
    line-height: 54px !important;
  }
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions {
    padding-right: 0;
    margin-top: 33px;
  }
}
.quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions_sub {
  font-family: Outfit;
  margin-top: 20px;
  color: #331851;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .quiz-question-wrapper_questions_sub {
    margin-top: 25px;
  }
}
.quiz-question .quiz-question-wrapper form {
  display: flex;
  flex-direction: column;
  align-items: end;
  flex-wrap: wrap;
  width: 100%;
  margin: 40px 0 50px 0;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper form {
    margin-bottom: 75px;
  }
}
@media only screen and (min-width: 576px) {
  .quiz-question .quiz-question-wrapper form {
    flex-direction: row;
    margin-bottom: 75px;
  }
}
.quiz-question .quiz-question-wrapper form .obligatorie-text {
  align-self: end;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  .quiz-question .quiz-question-wrapper form .obligatorie-text {
    align-self: start;
    margin-bottom: 0px;
  }
}
.quiz-question .quiz-question-wrapper form .question-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper form .question-list {
    margin-bottom: 20px;
  }
}
.quiz-question .quiz-question-wrapper form .question-list label {
  cursor: pointer;
  width: 95%;
  margin-bottom: 35px;
  margin-left: 35px;
  position: relative;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #331851;
  border-radius: 0 calc(100vh / 2) calc(100vh / 2) 0;
  height: fit-content;
  color: #331851;
  font-family: Outfit;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper form .question-list label {
    margin: 12.5px 45px 12.5px 35px;
    width: calc(50% - 80px);
  }
}
.quiz-question .quiz-question-wrapper form .question-list label input {
  cursor: pointer;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
}
.quiz-question .quiz-question-wrapper form .question-list label.correct, .quiz-question .quiz-question-wrapper form .question-list label.was-correct {
  color: #bbb323;
  border-color: #bbb323;
}
.quiz-question .quiz-question-wrapper form .question-list label.correct input[type="checkbox"],
.quiz-question .quiz-question-wrapper form .question-list label.correct input[type="radio"], .quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="checkbox"],
.quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
}
.quiz-question .quiz-question-wrapper form .question-list label.correct input[type="checkbox"]:checked,
.quiz-question .quiz-question-wrapper form .question-list label.correct input[type="radio"]:checked, .quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="checkbox"]:checked,
.quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="radio"]:checked {
  background-color: #bbb323;
  border: 1px solid #bbb323;
  background-image: url("../../img/svg/correct.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.quiz-question .quiz-question-wrapper form .question-list label.correct input[type="radio"], .quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="radio"] {
  border-radius: 50%;
}
.quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="checkbox"],
.quiz-question .quiz-question-wrapper form .question-list label.was-correct input[type="radio"] {
  background-color: #bbb323;
  border: 1px solid #bbb323;
  background-image: url("../../img/svg/correct.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.quiz-question .quiz-question-wrapper form .question-list label.incorrect {
  color: #e56a54;
  border-color: #e56a54;
}
.quiz-question .quiz-question-wrapper form .question-list label.incorrect input[type="checkbox"],
.quiz-question .quiz-question-wrapper form .question-list label.incorrect input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
}
.quiz-question .quiz-question-wrapper form .question-list label.incorrect input[type="checkbox"]:checked,
.quiz-question .quiz-question-wrapper form .question-list label.incorrect input[type="radio"]:checked {
  background-color: #e56a54;
  border: 1px solid #e56a54;
  background-image: url("../../img/svg/incorrect.svg");
  background-repeat: no-repeat;
  background-position: 58%;
}
.quiz-question .quiz-question-wrapper form .question-list label.incorrect input[type="radio"] {
  border-radius: 50%;
}
.quiz-question .quiz-question-wrapper form .question-list.one-correct {
  flex-direction: column;
}
.quiz-question .quiz-question-wrapper form .question-list .link-button {
  margin-left: auto;
  width: fit-content;
}
.quiz-question .quiz-question-wrapper .three-line-background_first_line {
  top: 0;
  border-color: var(--three-line-background-color);
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .three-line-background_first_line {
    left: 40%;
    width: 60%;
    border-radius: 40px 0 0 40px;
    border: 2px solid var(--three-line-background-color);
    border-right: none;
  }
  .quiz-question .quiz-question-wrapper .three-line-background_first_line::before {
    display: none;
    border-color: var(--three-line-background-color);
  }
  .quiz-question .quiz-question-wrapper .three-line-background_first_line::after {
    width: calc((100vw - 740px) / 2 + 5px);
    border-color: var(--three-line-background-color);
  }
}
.quiz-question .quiz-question-wrapper .three-line-background_second_line {
  border-color: var(--three-line-background-color);
}
.quiz-question .quiz-question-wrapper .three-line-background_second_line::before {
  display: none;
}
.quiz-question .quiz-question-wrapper .three-line-background_second_line::after {
  border-color: var(--three-line-background-color);
  top: 100px;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .three-line-background_second_line::after {
    margin-left: 78px;
    width: calc((100vw - 588px) / 2 - 166px);
  }
}
.quiz-question .quiz-question-wrapper .three-line-background_third_line {
  border-color: var(--three-line-background-color);
}
.quiz-question .quiz-question-wrapper .three-line-background_third_line::before {
  display: none;
}
.quiz-question .quiz-question-wrapper .three-line-background_third_line::after {
  border-color: var(--three-line-background-color);
  top: 200px;
}
@media only screen and (min-width: 992px) {
  .quiz-question .quiz-question-wrapper .three-line-background_third_line::after {
    top: 220px;
    margin-left: 0;
    width: calc((100vw - 588px) / 2 - 88px);
  }
}

.answer-title {
  font-family: Outfit;
  font-size: 35px !important;
  line-height: 44px !important;
  font-weight: 700 !important;
  color: #331851 !important;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .answer-title {
    font-size: 38px !important;
    line-height: 54px !important;
  }
}

.explanation {
  width: 100%;
}

.explanation-text {
  color: #331851;
  margin-bottom: 45px;
}

.slide-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 300px;
  border-color: var(--three-line-background-color);
  border: 2px solid #bbb323;
  background-color: white;
  height: 80px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  top: 85px;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .slide-label {
    top: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: calc(-50vw + 480px);
    right: auto;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.5);
  }
}

.slide-label-text {
  font-weight: 800;
  font-size: 18px;
  color: #331851;
}
@media only screen and (min-width: 992px) {
  .slide-label-text {
    font-size: 18px;
    font-weight: 800;
  }
}

.slide-label,
.answer-title,
.explanation-text {
  display: none;
}

span.points {
  font-weight: 400;
}

.quiz-no-answer-selected-message {
  display: block;
  font-size: 16px;
  width: 100%;
  line-height: 24px;
  color: #e56a54;
}
@media only screen and (min-width: 768px) {
  .quiz-no-answer-selected-message {
    margin: auto;
    margin-top: 10px;
  }
}

.reference-image-card {
  margin: auto;
  max-height: 226px;
  padding: 0;
  overflow: hidden;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .reference-image-card {
    width: 100%;
  }
}
.reference-image-card .component-content {
  position: relative;
  height: 100%;
  max-height: 226px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .reference-image-card .component-content {
    max-height: 382px;
  }
}
.reference-image-card .component-content .image-card_top-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin: 0 20px;
  color: white;
  text-align: center;
}
.reference-image-card .component-content .image-card_top-text p {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.reference-image-card .component-content .image-card_smaller-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0 20px;
  color: white;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .reference-image-card .component-content .image-card_smaller-text {
    bottom: 58px;
  }
}
.reference-image-card .component-content .image-card_smaller-text p {
  font-size: 15px;
  line-height: 1.5;
}
.reference-image-card .component-content .image-card_bottom-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  margin: 0 20px;
  color: white;
  text-align: center;
}
.reference-image-card .component-content .image-card_bottom-text p {
  margin: 0;
  font-size: 20px;
  line-height: 26px;
}
.reference-image-card .component-content img {
  max-height: 100%;
  height: 100%;
  width: 100%;
  margin: auto;
  object-fit: cover;
}
@media only screen and (min-width: 576px) {
  .reference-image-card {
    margin: 0;
    max-height: 382px;
  }
}

.reference-image-feature-list {
  align-self: center;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .reference-image-feature-list .feature-list-text_wrap {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-image-feature-list .feature-list-text_wrap {
    height: 398px;
  }
}
.reference-image-feature-list .feature-list-text_title {
  max-width: 284px;
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}
.reference-image-feature-list .feature-list-text_wrap_description {
  font-size: 16px;
  line-height: 1.5;
}
.reference-image-feature-list .feature-list-text_wrap_description p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .reference-image-feature-list {
    align-self: center;
  }
  .reference-image-feature-list .feature-list-text_title {
    max-width: 100%;
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-image-feature-list {
    max-width: 274px;
  }
  .reference-image-feature-list .feature-list-text_title {
    max-width: 100%;
    font-size: 38px;
    line-height: 48px;
  }
}

.feature-list-section {
  margin-bottom: 80px;
}
.feature-list-section > .component-content > .content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .feature-list-section > .component-content > .content {
    flex-direction: row;
  }
}
.feature-list-section .default-style {
  padding-right: 0;
}
.feature-list-section .default-style > .component-content > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-top: 16px;
}
.feature-list-section .default-style > .component-content > .content::before, .feature-list-section .default-style > .component-content > .content::after,
.feature-list-section .default-style > .component-content > .content a {
  display: none;
}
@media only screen and (min-width: 768px) {
  .feature-list-section .default-style > .component-content > .content {
    flex-direction: row;
    align-items: normal;
  }
}

div.box.component.default-style.first.last.odd.section:first-of-type {
  width: 100%;
}

.paragraphSystem,
.row {
  margin-left: 0;
  margin-right: 0;
}

.reference-footer-column {
  width: 100%;
  color: #fff;
  position: relative;
  padding-top: 30px;
  max-width: 285px;
}
@media only screen and (min-width: 1200px) {
  .reference-footer-column {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 992px) {
  .reference-footer-column {
    max-width: 290px;
    width: 100%;
    padding: 0;
    border-left: 0.5px solid rgba(255, 255, 255, 0.6);
    padding-left: 20px;
  }
}
.reference-footer-column::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 50%;
  border-bottom: 0.5px solid #fff;
}
@media only screen and (min-width: 992px) {
  .reference-footer-column::before {
    display: none;
  }
}
.reference-footer-column p {
  min-height: 35px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  margin: 0;
}
.reference-footer-column ul {
  padding: 0;
  list-style-type: none;
  padding-bottom: 0;
}
.reference-footer-column ul li {
  margin: 0;
  line-height: 16px;
  margin-top: 6px;
}
.reference-footer-column ul a {
  color: #fff;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.reference-footer-column .footer-column_title {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}
@media only screen and (min-width: 992px) {
  .reference-footer-column .footer-column_title {
    font-family: Outfit;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
}

.footer-content-wrapper .richText .richText-content p {
  line-height: 21px;
  margin-bottom: 20px;
}
.footer-content-wrapper .richText .selection-bold {
  font-weight: 500;
  font-size: 14px;
}

.reference-vaccination-calendar-table {
  margin: auto;
  display: none;
  padding: 0;
  padding-bottom: 60px;
  height: fit-content;
}
.reference-vaccination-calendar-table .table-overflow-wrap {
  overflow: auto;
  padding-top: 40px;
}
.reference-vaccination-calendar-table .table-overflow-wrap::-webkit-scrollbar {
  width: 330px;
  border-radius: 0px 4px 4px 0px;
  border: 1px 0px 0px 0px;
  height: 8px;
  border: 1px solid #d5d5d5;
}
.reference-vaccination-calendar-table .table-overflow-wrap::-webkit-scrollbar-track {
  background-color: transparent;
}
.reference-vaccination-calendar-table .table-overflow-wrap::-webkit-scrollbar-thumb {
  background: #836bbe;
}
.reference-vaccination-calendar-table .table-overflow-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.reference-vaccination-calendar-table div {
  float: none;
}
.reference-vaccination-calendar-table .content > a:first-of-type {
  display: none;
}

.vaccination-table-header {
  max-width: 1300px;
  margin-bottom: 40px;
  width: 100%;
  margin: auto;
}

.vaccination-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
  text-align: center;
}
.vaccination-header h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  color: #193a54;
}
@media only screen and (min-width: 768px) {
  .vaccination-header h2 {
    font-size: 38px;
    line-height: 48px;
  }
}
.vaccination-header p {
  margin: 0;
  color: #252525;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}

.vaccination-table-legend {
  align-self: flex-start;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
@media only screen and (min-width: 768px) {
  .vaccination-table-legend {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}
.vaccination-table-legend div {
  color: #252525;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.vaccination-table-legend div:before {
  content: "";
  width: 50px;
  height: 28px;
  border-radius: calc(100vh / 2);
}
.vaccination-table-legend .previous::before {
  background-color: #EBE7E7;
}
.vaccination-table-legend .current::before {
  background-color: #fedb00;
}
.vaccination-table-legend .future::before {
  background-color: #836bbe;
}

th,
td {
  border: 1px dashed #D0D0D0;
  border-bottom: none;
  border-right: none;
  padding: 5px 4px;
}
th.past-date .fill-container,
td.past-date .fill-container {
  background-color: #EBE7E7;
}
th.current-date .col-name-container,
td.current-date .col-name-container {
  background-color: #fedb00 !important;
  color: black !important;
}
th.current-date .fill-container,
td.current-date .fill-container {
  background-color: #fedb00;
}
th.future-date .fill-container,
td.future-date .fill-container {
  background-color: #836bbe;
}

tr:has(.vaccine-info-wrap.opened) {
  position: relative;
  z-index: 1;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

tr > th:first-child,
tr > td:first-child {
  position: sticky !important;
  z-index: 0;
  left: 0;
}

.vaccination-table {
  position: relative;
  display: table;
  width: 1300px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .vaccination-table {
    margin-bottom: 40px;
  }
}
.vaccination-table .col-header {
  border-top: 0;
  padding: 0 4px;
}
.vaccination-table .col-header div.col-name-container {
  width: 72px;
  height: 60px;
  display: flex;
  flex-direction: column;
  font-family: Outfit;
  justify-content: center !important;
  align-items: center;
  text-align: center !important;
  height: 60px !important;
  background-color: #331851 !important;
}
.vaccination-table .col-header div.col-name-container span {
  font-family: Outfit;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  text-align: center;
  color: white !important;
}
.vaccination-table .col-header div.col-name-container .bold {
  white-space: nowrap;
  font-weight: 500;
}
.vaccination-table .col-header div.col-name-container .date {
  white-space: wrap;
  font-weight: 300;
  font-family: Outfit;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.64px;
  text-align: center;
  color: white !important;
}
.vaccination-table .col-header:nth-child(1) {
  padding: 0 2px;
}
.vaccination-table .col-header:nth-child(1) div.col-name-container {
  width: 100%;
  border-top-right-radius: calc(100vh / 2);
  border-bottom-right-radius: calc(100vh / 2);
}
.vaccination-table .col-header:nth-child(1) div.col-name-container .bold {
  white-space: wrap;
}
.vaccination-table td:nth-child(1) {
  padding: 5px 2px;
  border-left: 0;
}
.vaccination-table td:nth-child(1) .vaccine-name-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-right-radius: calc(100vh / 2);
  border-top-right-radius: calc(100vh / 2);
  outline: 1px solid #331851;
  color: #331851;
  background-color: white;
  padding: 0;
  padding-left: 5px;
  height: 40px;
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  position: relative;
}
.vaccination-table td:nth-child(1) .vaccine-name-container > span {
  font-family: Outfit !important;
}
.vaccination-table td:nth-child(1) .vaccine-name-container > span.text-small {
  font-size: 15px !important;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .btn-vaccine-info {
  background: url("../../img/svg/info.svg") no-repeat center;
  display: inline-block;
  border: 0;
  background-size: 17px;
  margin-right: 5px;
  min-width: 20px;
  min-height: 20px;
  transition: background-color 0.3s ease;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .btn-vaccine-info:hover {
  cursor: pointer;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .btn-vaccine-info.active {
  z-index: 2;
  background: url("../../img/svg/info-active.svg") no-repeat center;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .vaccine-info-wrap {
  display: none !important;
  position: absolute;
  width: 252px;
  padding: 18px 22px;
  border: 1px solid #542319;
  justify-content: start;
  flex-direction: column;
  gap: 10px;
  height: auto;
  background-color: white;
  z-index: 1;
  top: 8px;
  left: 115px;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .vaccine-info-wrap h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #836bbe;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .vaccine-info-wrap p {
  margin: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .vaccine-info-wrap.opened {
  display: flex !important;
}
.vaccination-table td:nth-child(1) .vaccine-name-container .vaccine-info-wrap.up {
  top: unset;
  bottom: 8px;
}
.vaccination-table .vaccine-names {
  width: 150px;
  background-color: white;
  z-index: 2;
  padding-left: 8px;
  position: sticky;
  top: 0;
  left: 0;
}
.vaccination-table .fill {
  padding: 5px 4px;
}
.vaccination-table .fill div.fill-container {
  height: 40px;
  width: 72px;
  border-radius: calc(100vh / 2);
  display: flex;
  justify-content: center;
  font-family: Outfit;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: transparent;
  padding: 5px;
  text-align: center;
}
.vaccination-table .fill div.fill-container.show-text {
  color: white;
}
.vaccination-table .month-column,
.vaccination-table .year-column {
  width: 80px;
  padding: 4px 5px;
  flex-direction: column;
  gap: 10px;
}
.vaccination-table .month-column div,
.vaccination-table .year-column div {
  height: 40px;
}
.vaccination-table .border-left {
  border-left: 8px solid #57b1c9 !important;
}
.vaccination-table .border-top {
  border-top: 8px solid #57b1c9 !important;
}
.vaccination-table .border-bottom {
  border-bottom: 8px solid #57b1c9 !important;
}
.vaccination-table .border-right {
  border-right: 8px solid #57b1c9 !important;
}
.vaccination-table::after {
  content: "";
  height: 30px;
  width: 618px;
  position: absolute;
  z-index: 0;
  bottom: 100%;
  left: 159px;
  background-color: #57b1c9;
}

.above-table-text {
  position: absolute;
  font-family: Outfit;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  z-index: 1;
  top: -25px;
  left: 27%;
}

.calendar-footer {
  display: none;
  max-width: 892px;
  margin: auto;
  padding: 0;
  margin-bottom: 30px;
}
.calendar-footer div {
  float: none;
}
.calendar-footer .content > a:first-of-type {
  display: none;
}
.calendar-footer .richText {
  padding: 0;
  width: 100%;
}
.calendar-footer .richText p {
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #252525;
  margin: 0;
}
.calendar-footer .richText p:first-of-type {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .calendar-footer .richText p:first-of-type {
    margin-bottom: 40px;
  }
}
.calendar-footer .richText p:last-of-type {
  font-size: 15px;
}
.calendar-footer .richText p:last-of-type a {
  color: #252525;
}
.calendar-footer .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 768px) {
  .calendar-footer .content {
    gap: 40px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.calendar-footer .reference-submit-button {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .calendar-footer .reference-submit-button {
    width: 47%;
  }
}
.calendar-footer .form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.calendar-footer button {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  height: 43px;
  width: 100%;
  padding: 10px 0;
  background-color: #331851;
  color: white;
  border: 0;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: calc(100vh / 2);
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
.calendar-footer button:first-of-type {
  margin-right: 0;
}
.calendar-footer button:last-of-type {
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .calendar-footer button {
    margin: auto;
  }
}
.calendar-footer button:hover {
  cursor: pointer;
  opacity: 0.8;
}
.calendar-footer button:active {
  opacity: 1;
}
.calendar-footer .calendar-button-close {
  background-color: #836bbe;
}
.calendar-footer .accordion-references-container {
  padding: 0;
  order: 3;
}
.calendar-footer .accordion-references-container .component-content {
  margin: 0;
  width: 100%;
}
.calendar-footer .accordion-references-container .component-content .component-content {
  padding: 0;
}
.calendar-footer .accordion-references-container .accordion-slide {
  padding-top: 0 !important;
}
.calendar-footer .accordion-references-container .accordion-content p {
  font-weight: 400 !important;
}

.reference-skiptocontent {
  margin-left: 50px;
  position: absolute;
  min-width: 200px;
  top: 2px;
}
.reference-skiptocontent .skip-to-main-content-link {
  background-color: white;
  border-radius: 10px;
  box-shadow: black 1px 3px 10px -5px;
  color: black;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  max-width: 400px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: auto;
  text-decoration: none;
  height: auto;
  z-index: 999;
  opacity: 0;
  z-index: -10;
}
.reference-skiptocontent .skip-to-main-content-link:focus, .reference-skiptocontent .skip-to-main-content-link:active {
  opacity: 1;
  z-index: 9999;
}

@page {
  size: auto;
  margin: 0;
}
@media print {
  .calendar-container {
    min-width: 1000px;
  }

  .page-home .Content.paragraphSystem,
  .page-nourisson .Content.paragraphSystem,
  .page-comment_faire_face_aux_meningites_a_meningocoque .Content.paragraphSystem {
    display: block !important;
  }
  .page-home .component.main-content-wrapper,
  .page-nourisson .component.main-content-wrapper,
  .page-comment_faire_face_aux_meningites_a_meningocoque .component.main-content-wrapper {
    display: block !important;
  }

  body {
    /* Chrome, Safari 6 – 15.3, Edge */
    -webkit-print-color-adjust: exact !important;
    /* Firefox 48 – 96 */
    color-adjust: exact !important;
    /* Firefox 97+, Safari 15.4+ */
    print-color-adjust: exact !important;
  }
  body .component,
  body #footer {
    display: none;
  }
  body .podcastplayer {
    display: none !important;
  }
  body .preferences_prompt_control_analytics {
    display: none !important;
  }
  body .reference-vaccination-calendar-table {
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body .table-overflow-wrap {
    padding-top: 0 !important;
    overflow: visible !important;
  }
  body .calendar-container {
    padding: 0;
    display: block !important;
  }
  body .calendar-container .form-button {
    display: none !important;
  }
  body .calendar-container .vaccination-header {
    display: none !important;
  }
  body .calendar-container .calendar-footer {
    display: none !important;
  }
  body .calendar-container .btn-vaccine-info {
    display: none !important;
  }
  body .calendar-container .vaccination-table-header {
    margin: 0 !important;
    padding: 0 !important;
    height: 550px;
  }
  body .calendar-container .vaccination-table {
    margin: 0 !important;
    padding: 0 !important;
    transform: scale(0.73) translateX(-17%) translateY(-16%);
  }
}
@media print {
  div#content {
    padding: 0;
  }
}

@media print {
  .reference-calendar-pdf-children-header {
    display: block !important;
    padding: 0;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-banner {
    height: 40px;
    background-color: #193a54;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-banner img {
    width: 90px;
    height: auto;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-banner h1 {
    margin-right: 60px;
    color: white;
    font-weight: 800;
    font-size: 38px;
    line-height: 48px;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-second-banner {
    display: flex;
    flex-direction: row;
    align-items: start;
    margin-bottom: 10px;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-second-banner img {
    width: 470px;
    height: auto;
    margin-right: 50px;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-second-banner p {
    color: #193a54;
    font-weight: 800;
    font-size: 68px;
    line-height: 88px;
    margin: 0 50px;
    justify-self: center;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-second-banner p:last-child {
    font-size: 28px;
    line-height: 38px;
    white-space: wrap;
    margin: 0;
  }
  .reference-calendar-pdf-children-header .calendar-pdf-children-second-banner h2 {
    color: #193a54;
    font-weight: 800;
    justify-self: center;
    font-size: 28px;
    line-height: 38px;
    white-space: wrap;
    margin: 0;
  }
  .reference-calendar-pdf-children-header p {
    margin-top: -16px !important;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px !important;
    margin-left: 16px !important;
  }

  .reference-calendar-pdf-children-footer {
    height: 100%;
    margin-top: 45px;
    display: block !important;
    padding-right: 32px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top {
    position: relative;
    height: 650px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top-legend {
    align-self: flex-start;
    display: flex;
    gap: 30px;
    flex-direction: row;
    align-items: start;
    justify-content: start;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top-legend div {
    color: #252525;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top-legend div:before {
    content: "";
    width: 50px;
    height: 20px;
    border-radius: calc(100vh / 2);
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top-legend .previous::before {
    background-color: #EBE7E7;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top-legend .current::before {
    background-color: #fedb00;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top-legend .future::before {
    background-color: #836bbe;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex-wrap: wrap;
    column-gap: 15px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_top > p {
    border-bottom: 1px solid #252525;
    margin: 0;
    font-style: italic;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 3px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_vaccine-description {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 490px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_vaccine-description .vaccine-info {
    width: 320px;
    margin-right: 20px !important;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_vaccine-description .vaccine-info h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #836bbe;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_vaccine-description .vaccine-info p {
    margin: 0;
    font-size: 13px;
    line-height: 12px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_vaccine-description .vaccine-info:nth-last-child(-n+3) {
    width: 260px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_bottom {
    display: flex;
    justify-content: space-between;
    bottom: 0;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_bottom p {
    flex-basis: 85%;
    order: 1;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_bottom img {
    order: 2;
    max-width: 120px !important;
    height: auto;
    object-fit: contain;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer_discard-image-abs {
    max-width: 35px;
    height: auto;
    position: absolute;
    bottom: 20%;
    right: -30px;
  }
  .reference-calendar-pdf-children-footer .pdf-one-footer-vertical_text {
    position: absolute;
    right: -315px;
    font-size: 12px !important;
    line-height: 14px !important;
    transform: rotate(-90deg);
    top: 5%;
    font-style: normal !important;
    border: 0 !important;
  }

  .calendar-container.above-25 .reference-calendar-pdf-children-header p {
    margin-top: 10px !important;
  }
  .calendar-container.above-25 .vaccination-table-header {
    height: 600px;
  }
  .calendar-container.above-25 table {
    width: 1200px;
    table-layout: auto;
    transform: scale(1) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .calendar-container.above-25 td,
  .calendar-container.above-25 th {
    display: none;
    border: 1px dashed #D0D0D0 !important;
    border-right: 0 !important;
  }
  .calendar-container.above-25 td:first-child, .calendar-container.above-25 td:nth-last-child(-n+3),
  .calendar-container.above-25 th:first-child,
  .calendar-container.above-25 th:nth-last-child(-n+3) {
    display: table-cell !important;
    width: 265px;
    height: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .calendar-container.above-25 td:first-child div, .calendar-container.above-25 td:nth-last-child(-n+3) div,
  .calendar-container.above-25 th:first-child div,
  .calendar-container.above-25 th:nth-last-child(-n+3) div {
    width: 265px !important;
  }
  .calendar-container.above-25 th {
    border-top: 0 !important;
  }
  .calendar-container.above-25 td {
    border-bottom: 0 !important;
  }
  .calendar-container.above-25 tbody tr {
    display: none;
  }
  .calendar-container.above-25 tbody tr:nth-child(-n+2), .calendar-container.above-25 tbody tr:nth-last-child(-n+3) {
    display: table-row !important;
    width: 100%;
  }
  .calendar-container.above-25 div.vaccine-info-wrap {
    opacity: 0 !important;
  }
  .calendar-container.above-25 .vaccination-table::after {
    display: none !important;
  }
  .calendar-container.above-25 .above-table-text {
    display: none !important;
  }
  .calendar-container.above-25 .reference-calendar-pdf-children-footer .vaccine-info {
    display: none !important;
  }
  .calendar-container.above-25 .reference-calendar-pdf-children-footer .vaccine-info:nth-child(-n+2), .calendar-container.above-25 .reference-calendar-pdf-children-footer .vaccine-info:nth-last-child(-n+3) {
    display: block !important;
  }
  .calendar-container.above-25 .pdf-one-footer_top-legend .previous {
    display: none !important;
  }
  .calendar-container.above-25 .pdf-one-footer_top-legend .current {
    display: none !important;
  }
  .calendar-container.above-25 .pdf-one-footer_top > p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 40px;
    border-bottom: 1px solid #252525;
  }
  .calendar-container.above-25 .pdf-one-footer_vaccine-description {
    margin-top: 20px;
    height: 290px !important;
    width: 100%;
  }
  .calendar-container.above-25 .pdf-one-footer_vaccine-description .vaccine-info {
    max-width: 520px !important;
    width: 100% !important;
  }
  .calendar-container.above-25 .pdf-one-footer_vaccine-description .vaccine-info h3 {
    width: 100% !important;
  }
  .calendar-container.above-25 .pdf-one-footer_vaccine-description .vaccine-info p {
    font-size: 15px;
    width: 100% !important;
  }
  .calendar-container.above-25 .pdf-one-footer_vaccine-description .vaccine-info:nth-last-child(-n+2) {
    width: 450px !important;
  }
  .calendar-container.above-25 .pdf-one-footer-vertical_text {
    right: -350px !important;
    top: 15% !important;
  }
  .calendar-container.above-25 .pdf-one-footer_top {
    height: 760px;
  }
  .calendar-container.above-25 .pdf-one-footer_discard-image-abs {
    right: -60px;
    max-width: 50px;
  }
}
.reference-calendar-pdf-children-header {
  display: none;
}

.reference-calendar-pdf-children-footer {
  display: none;
}

.reference-text-block-with-animated-images {
  padding: 0;
}

.text-block-with-animated-image {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  height: fit-content;
  max-width: 1300px;
  margin: 0 auto 60px auto;
  gap: 40px;
}
.text-block-with-animated-image .two-image-wrapper {
  max-width: 590px;
  max-height: 250px;
}
@media only screen and (min-width: 768px) {
  .text-block-with-animated-image .two-image-wrapper {
    max-height: 460px;
  }
}
.text-block-with-animated-image.right-side-text {
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .text-block-with-animated-image {
    margin: 0 auto 80px auto;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 95px;
  }
  .text-block-with-animated-image.right-side-text {
    flex-direction: row;
  }
}
.text-block-with-animated-image .text-block-with-animated-image_content_wrapper {
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.text-block-with-animated-image .text-block-with-animated-image_content_wrapper.custom-animate {
  --animation-duration: 0.7s;
  --animation-delay: 0.4s;
}
.text-block-with-animated-image .text-block-with-animated-image_content_wrapper h2 {
  color: #00677f;
}
@media only screen and (min-width: 992px) {
  .text-block-with-animated-image .text-block-with-animated-image_content_wrapper h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 1200px) {
  .text-block-with-animated-image .text-block-with-animated-image_content_wrapper h2 {
    font-size: 38px;
    line-height: 48px;
  }
}
.text-block-with-animated-image .text-block-with-animated-image_content_wrapper p {
  margin-top: 6px;
  margin-bottom: 7px;
  color: #252525;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 768px) {
  .text-block-with-animated-image .text-block-with-animated-image_content_wrapper {
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: start;
  }
}
@media only screen and (min-width: 992px) {
  .text-block-with-animated-image .text-block-with-animated-image_content_wrapper {
    width: 35%;
  }
  .text-block-with-animated-image .text-block-with-animated-image_content_wrapper a {
    max-width: 360px;
  }
}
.text-block-with-animated-image .text-block-with-animated-image_image {
  width: auto;
  height: 100%;
  position: relative;
  display: block;
}
.text-block-with-animated-image .text-block-with-animated-image_image.custom-animate {
  --animation-duration: 0.7s;
  --animation-delay: 0.4s;
}
.text-block-with-animated-image .text-block-with-animated-image_image:last-child {
  transform: translateY(-70px);
}
@media only screen and (min-width: 768px) {
  .text-block-with-animated-image .text-block-with-animated-image_image:last-child {
    transform: translateY(-120px);
  }
}
.text-block-with-animated-image .text-block-with-animated-image_image img {
  max-width: 332px;
}
@media only screen and (min-width: 768px) {
  .text-block-with-animated-image .text-block-with-animated-image_image img {
    max-width: 100%;
  }
}

.reference-doctolib-link {
  width: fit-content;
  display: block;
  padding-left: 20px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .reference-doctolib-link {
    display: inline-block;
    padding: 0;
    margin: 0;
  }
}
.reference-doctolib-link .doctolib-link {
  max-width: 150px;
  border: 1px solid #57b1c9;
  height: 38px;
  padding: 2px 30px;
  background-color: white;
  display: inline-block;
  border-radius: calc(100vh / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 4px 0px #ffffff40;
  transition: opacity 0.3s ease-in-out;
}
.reference-doctolib-link .doctolib-link:hover {
  cursor: pointer;
  opacity: 0.8;
}
.reference-doctolib-link img {
  min-width: 60px !important;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.calendar-container {
  z-index: 2;
  max-width: 96vw;
}
.calendar-container div {
  float: none;
}
.calendar-container .content > a:first-of-type {
  display: none;
}
.calendar-container .paragraphSystem::before,
.calendar-container .paragraphSystem::after {
  display: none;
}
.calendar-container .reference-calendar,
.calendar-container .reference-accessible-calendar {
  max-width: 892px;
  z-index: 2;
  padding: 0;
  margin: 0 auto;
}
.calendar-container .calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
.calendar-container .calendar h2 {
  font-size: 38px;
  color: #193a54;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.calendar-container .calendar p {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
.calendar-container .calendar .calendar_form {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: fit-content;
}
@media only screen and (min-width: 768px) {
  .calendar-container .calendar .calendar_form {
    width: 100%;
  }
}
.calendar-container .calendar .calendar_form-label {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #252525;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .calendar-container .calendar .calendar_form-label {
    margin-bottom: 0px;
  }
}
.calendar-container .calendar .calendar_form-help {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #193a54;
}
.calendar-container .calendar .calendar_form-input-help-wrap {
  margin: 30px 0;
}
@media only screen and (min-width: 768px) {
  .calendar-container .calendar .calendar_form-input-help-wrap {
    margin: 0;
  }
}
.calendar-container .calendar .calendar_form-label-input-wrap {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .calendar-container .calendar .calendar_form-label-input-wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
  }
}
.calendar-container .calendar .calendar_form-label-input-wrap:has(+ .invalid-date-message.active) {
  margin-bottom: 20px !important;
}
.calendar-container .calendar .invalid-date-message {
  display: none;
  font-size: 15px;
  line-height: 20px;
  color: #e56a54;
  margin-bottom: 20px;
}
.calendar-container .calendar .invalid-date-message.active {
  display: block;
}
@media only screen and (min-width: 768px) {
  .calendar-container .calendar .invalid-date-message {
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.calendar-container .calendar .calendar_form-button {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  height: 43px;
  width: 100%;
  padding: 10px 0;
  background-color: #331851;
  color: white;
  border: 0;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: calc(100vh / 2);
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .calendar-container .calendar .calendar_form-button {
    margin: auto;
  }
}
.calendar-container .calendar .calendar_form-button:hover {
  cursor: pointer;
  opacity: 0.8;
}
.calendar-container .calendar .calendar_form-button:active {
  opacity: 1;
}
.calendar-container .calendar input {
  max-width: 284px;
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #193a54;
  display: flex;
  align-items: center;
  padding-left: 18px;
  border: 1px solid #57b1c9;
}
.calendar-container .calendar input:focus-visible {
  outline-color: #57b1c9;
}

table.dates thead {
  height: 40px;
}
table.dates thead tr {
  vertical-align: baseline;
}

.sr-only {
  position: absolute;
  top: -2000em;
  left: -3000em;
}

.datepicker {
  margin-top: 1em;
  position: relative;
}

.datepicker .group {
  display: inline-block;
  position: relative;
}

.datepicker label {
  display: block;
}

.datepicker input {
  padding: 0;
  margin: 0;
  height: 1.5em;
  background-color: white;
  color: black;
  border: 1px solid gray;
}

.datepicker button.icon {
  background-color: transparent;
  position: relative;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
  width: fit-content;
  height: fit-content;
  padding: 2px;
  border-radius: 2px;
}
.datepicker button.icon:after {
  content: '';
  mask-image: url("../../img/svg/calendar.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  right: 0;
  display: inline-block;
  width: 32px;
  height: 36px;
  background-color: #331851;
  transition: transform 0.2s;
}

.datepicker .desc {
  position: absolute;
  left: 0;
  bottom: -25px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #193a54;
}

.datepicker .fa-calendar-alt {
  color: #136CF1;
}

.datepicker button.icon:focus {
  outline: 1px solid #252525;
}

.datepicker input:focus {
  outline: 1px solid #252525;
}

.datepicker-dialog {
  position: absolute;
  z-index: 5 !important;
  border: 1px solid #57b1c9;
  width: 350px;
  height: 400px;
  top: 115px;
  padding: 6px;
  padding-top: 12px;
  right: -25px;
  font-family: Inter, sans-serif;
  background-color: #f0eded;
}
@media only screen and (min-width: 768px) {
  .datepicker-dialog {
    top: 56px !important;
    width: 440px;
    right: -115px !important;
    height: 440px;
    padding: 24px;
  }
}

.datepicker-dialog .header {
  cursor: default;
  padding: 7px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.datepicker-dialog h2 {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 1em;
  color: white;
  text-transform: none;
  font-weight: bold;
  border: none;
}

.datepicker-dialog button {
  border-style: none;
  background: transparent;
}

.datepicker-dialog button::-moz-focus-inner {
  border: 0;
}

.datepicker-dialog .dates {
  width: 100%;
  padding: 0;
  padding-top: 13px;
}

.datepicker-dialog .prev-year,
.datepicker-dialog .prev-month,
.datepicker-dialog .next-month,
.datepicker-dialog .next-year {
  position: relative;
  background-color: #331851;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.datepicker-dialog .prev-year span,
.datepicker-dialog .prev-month span,
.datepicker-dialog .next-month span,
.datepicker-dialog .next-year span {
  color: transparent;
  border: none;
  width: 40px;
  height: 40px;
  margin: 0;
  margin-left: 5px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  background-size: auto;
  position: relative;
  left: unset;
  top: unset;
}

.datepicker-dialog .prev-year:focus,
.datepicker-dialog .prev-month:focus,
.datepicker-dialog .next-month:focus,
.datepicker-dialog .next-year:focus {
  outline: 1px solid #252525;
}

.datepicker-dialog .prev-year:hover,
.datepicker-dialog .prev-month:hover,
.datepicker-dialog .next-month:hover,
.datepicker-dialog .next-year:hover {
  outline: 1px solid #252525;
}

.datepicker-dialog .next-month,
.datepicker-dialog .next-year {
  transform: rotate(180deg);
}

.datepicker-dialog .prev-year span,
.datepicker-dialog .next-year span {
  margin-left: 10px !important;
}
.datepicker-dialog .prev-year::after,
.datepicker-dialog .next-year::after {
  content: "";
  position: absolute;
  top: 0;
  width: 18px;
  height: 40px;
  transform: translateX(-5px);
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
}

.datepicker-dialog .prev-year::after {
  content: "";
  bottom: 0;
  transform: translateX(-5px);
}

.datepicker-dialog .dialog-ok-cancel-group {
  display: none;
}

.datepicker-dialog .dialog-ok-cancel-group button {
  padding: 6px;
  margin-left: 1em;
  width: 5em;
  background-color: #DAE7FB;
  font-size: 0.85em;
  color: black;
  outline: none;
  border-radius: 5px;
}

.datepicker-dialog .dialog-button:focus {
  padding: 4px;
  border: 2px solid black;
}

.datepicker-dialog .dialog-button:hover {
  padding: 5px;
  border: 1px solid black;
}

.datepicker-dialog .fa-calendar-alt {
  color: #136CF1;
}

.datepicker-dialog .month-year {
  font-family: Outfit;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 16x !important;
  text-align: center;
  color: #193a54;
  text-transform: initial;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .datepicker-dialog .month-year {
    font-size: 20px !important;
    line-height: 20px !important;
  }
}

.datepicker-dialog table.dates {
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  border-spacing: 3px;
  border-collapse: separate;
}

.datepicker-dialog table.dates th,
.datepicker-dialog table.dates td {
  font-size: 16px !important;
  font-weight: 500;
  line-height: 16px !important;
  text-align: center;
  background: transparent;
  border: none;
}

.datepicker-dialog table.dates tr {
  border: 1px solid black;
}

.datepicker-dialog table.dates td {
  max-width: 54px;
  height: 50px;
  padding: 3px;
  margin: 2px;
  line-height: inherit;
  height: 40px;
  background-color: white;
  box-shadow: 0px 1px 1px 0px #000E330D;
  border: 0;
}

.datepicker-dialog table.dates td.disabled {
  padding: 2px;
  border: none;
  height: 41px;
  width: 41px;
}

.datepicker-dialog table.dates td:focus,
.datepicker-dialog table.dates td:hover {
  padding: 0;
  background-color: #DAE7FB;
  color: black;
}

.datepicker-dialog table.dates td:focus {
  padding: 1px;
  border: 2px solid #252525;
  outline: 0;
}

.datepicker-dialog table.dates td:not(.disabled):hover {
  padding: 2px;
  border: 1px solid #252525;
}

.datepicker-dialog table.dates td[aria-selected] {
  padding: 1px;
  border: 2px dotted #252525;
}

.datepicker-dialog table.dates td[aria-selected]:focus {
  padding: 1px;
  border: 2px solid #252525;
}

.datepicker-dialog table.dates td[tabindex="0"] {
  background-color: #57b1c9;
  color: white;
}

.datepicker-dialog .dialog-message {
  display: none;
}

.calendar_form-input-help-wrap {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.reference-error-404-content .banner-line-title_row {
  gap: 110px !important;
}
@media only screen and (min-width: 576px) {
  .reference-error-404-content .banner-line-title_row {
    gap: 75px !important;
  }
}
.reference-error-404-content .banner-line-title_content {
  max-width: 150px;
}
@media only screen and (min-width: 576px) {
  .reference-error-404-content .banner-line-title_content {
    max-width: 450px !important;
    width: 100% !important;
  }
}
.reference-error-404-content .banner-line-title_content h1 {
  font-family: Outfit;
  font-size: 353px !important;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  color: #331851 !important;
  min-width: 262px;
  max-width: 532px;
  width: -webkit-fill-available;
}
@media only screen and (min-width: 992px) {
  .reference-error-404-content .banner-line-title_content h1 {
    font-size: 48px !important;
    line-height: 60px !important;
  }
}
.reference-error-404-content .banner-line-title_content p {
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  min-width: 200px;
  max-width: 250px;
  width: -webkit-fill-available;
}
@media only screen and (min-width: 992px) {
  .reference-error-404-content .banner-line-title_content p {
    max-width: 532px;
  }
}
.reference-error-404-content .play-icon-link {
  white-space: nowrap;
  width: 287px;
  font-family: Outfit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  height: 39px;
  padding: 8px, 14px, 8px, 10px;
  margin: auto;
  transform: scale(1);
}
@media only screen and (min-width: 992px) {
  .reference-error-404-content .play-icon-link {
    margin-left: 225px;
  }
}

.reference-nourisson-carousel-card {
  max-width: 1040px;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .reference-nourisson-carousel-card {
    max-width: 860px;
    height: 750px;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-nourisson-carousel-card {
    max-width: 1040px;
    height: 634px;
  }
}
.reference-nourisson-carousel-card div {
  float: none;
}
.reference-nourisson-carousel-card .content > a:first-of-type {
  display: none;
}
.reference-nourisson-carousel-card .nourisson-carousel-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .reference-nourisson-carousel-card .nourisson-carousel-card {
    flex-direction: row;
    align-items: start;
    gap: 100px;
  }
  .reference-nourisson-carousel-card .nourisson-carousel-card:has(.nourisson-carousel-card-image-container.hide) {
    gap: 50px;
  }
}
.reference-nourisson-carousel-card .nourisson-carousel-card-image-container {
  margin-bottom: 40px;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-image-container-image {
  height: 433px;
  width: fit-content;
  height: 100%;
  width: auto;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-image-container.hide {
  display: none;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-text .selection-bold, .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary .selection-bold {
  font-weight: 500;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-text p, .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary p {
  font-size: 16px;
  line-height: 1.5;
  color: #252525;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-text p .selection-bold, .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary p .selection-bold {
  font-weight: 500;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-text h3, .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary h3 {
  color: #331851;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
@media only screen and (min-width: 992px) {
  .reference-nourisson-carousel-card .nourisson-carousel-card-text h3, .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary h3 {
    font-size: 38px;
    line-height: 48px;
  }
}
.reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary {
  display: none;
}
.reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary.show {
  display: block;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary.show {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-nourisson-carousel-card .nourisson-carousel-card-text-secondary.show {
    padding-top: 50px;
  }
}

.reference-en-savoir-carousel-card {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}
.reference-en-savoir-carousel-card .ensavior-carousel-card {
  width: 100%;
  height: 320px;
  position: relative;
}
.reference-en-savoir-carousel-card .ensavior-carousel-card-image {
  object-fit: fill;
  height: 100%;
}
.reference-en-savoir-carousel-card .ensavior-carousel-card-link {
  height: 110px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #331851;
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: start;
  padding: 10px 0;
  padding-left: 10px;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  background: rgba(255, 255, 255, 0.6);
  border-bottom-right-radius: calc(100vh / 2);
  border-top-right-radius: calc(100vh / 2);
}
.reference-en-savoir-carousel-card .ensavior-carousel-card-link:after {
  content: '';
  mask-image: url("../../img/arrows/arrow_up_right.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #836bbe;
  background-size: 20px;
  max-width: 20px;
  width: 100%;
  height: 20px;
  transition: transform 0.2s;
  margin-right: 10px;
}
.reference-en-savoir-carousel-card .ensavior-carousel-card-link:hover {
  background: white;
}

@media only screen and (min-width: 768px) {
  .top-page-banner-main.top-page-banner {
    height: 250px;
  }
}
@media only screen and (min-width: 1600px) {
  .top-page-banner-main.top-page-banner {
    height: 480px;
  }
}
@media only screen and (min-width: 768px) {
  .top-page-banner-main.top-page-banner .top-page-banner {
    height: 250px;
  }
}
@media only screen and (min-width: 1600px) {
  .top-page-banner-main.top-page-banner .top-page-banner {
    height: 480px;
  }
}
.top-page-banner-main.top-page-banner .hero-text {
  font-size: 32px;
  line-height: 40px;
  max-width: 330px;
}
@media only screen and (min-width: 768px) {
  .top-page-banner-main.top-page-banner .hero-text {
    font-size: 36px;
    line-height: 40px;
    max-width: 550px;
  }
}
@media only screen and (min-width: 1600px) {
  .top-page-banner-main.top-page-banner .hero-text {
    font-size: 48px;
    line-height: 58px;
    max-width: 550px;
  }
}

.top-page-banner {
  position: relative;
  text-align: center;
  color: white;
  width: calc(100% + 30px);
  max-width: 1920px;
  height: 180px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .top-page-banner {
    height: 250px;
  }
}
@media only screen and (min-width: 1600px) {
  .top-page-banner {
    height: 480px !important;
  }
}
.top-page-banner .reference-top-page-banner {
  margin: 0;
  padding: 0;
}
.top-page-banner .hero-text {
  position: absolute;
  font-family: Outfit;
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  max-width: 550px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top-page-banner .hero-text span {
  color: #fedb00;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .top-page-banner .hero-text {
    font-family: Outfit;
    font-size: 27px;
    font-weight: 700;
    line-height: 34.02px;
    text-align: center;
  }
}
.top-page-banner .hero-text.text-left {
  text-align: left;
  left: 5%;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .top-page-banner .hero-text.text-left {
    left: 5%;
  }
}
.top-page-banner img {
  object-fit: cover;
  object-position: right !important;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .top-page-banner img {
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .top-page-banner img {
    object-position: unset;
  }
}
.top-page-banner.center-image img {
  object-position: center;
}

.navigation-root {
  text-align: left;
  z-index: 10;
  max-width: 100%;
}
.navigation-mobile-menu {
  display: none;
}
@media only screen and (max-width: 767px) {
  .navigation-mobile-menu {
    display: block;
    position: relative;
    margin: 0 0 -2px -2px;
    width: 100%;
    height: 41px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    background: whitesmoke;
    border: 2px solid #323131;
  }
  .navigation-mobile-menu:after {
    content: "\f0c9";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 0;
    line-height: 38px;
    font-size: 25px;
    right: 0;
  }
}
.navigation-branch {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  list-style: none;
  border: 2px solid #323131;
}
.navigation-branch.navigation-level1 {
  border: none;
}
.navigation-item {
  margin: 0 0 0 0;
  display: block;
}
.navigation-item > .navigation-item-title {
  display: block !important;
  padding: 5px 15px 5px 40px;
  background: #e1e1e1;
  color: #323131;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.navigation-item > .navigation-item-title:hover {
  color: white;
  background: #939191;
  text-decoration: none;
}
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  background-color: #c8c7c7;
}
.navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
  color: #323131;
  background: #cccccc;
  text-decoration: none;
}
.navigation-item.is-open > .navigation-branch, .no-js .navigation-item:hover > .navigation-branch {
  display: block;
}
.navigation-item.navigation-level1 {
  margin: 0 0 -2px -2px;
  box-sizing: border-box;
  border: 2px solid #323131;
}
.navigation-item.navigation-level1 > .navigation-item-title {
  padding: 10px 20px 10px 20px;
  background: #e1e1e1;
  color: #323131;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}
.navigation-item.navigation-level1 > .navigation-item-title:hover {
  color: white;
  background: #939191;
  text-decoration: none;
}
.navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
  color: white;
  background: #605e5e;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .navigation-item.navigation-level1 {
    width: 100%;
  }
}
.navigation-item.navigation-level2 {
  border-top: 1px solid #323131;
}
@media only screen and (max-width: 767px) {
  .navigation-item.navigation-level2 {
    display: none;
  }
  .navigation-item.navigation-level2.is-open {
    display: block;
  }
}
.navigation-branch.navigation-level2 {
  display: block;
}

.page-prevent_disease .navigation-item-title {
  font-weight: 500 !important;
}

.top-page-sticky-menu {
  width: calc(100% + 30px);
  margin: 0;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 10;
}
.top-page-sticky-menu button:focus-visible {
  outline: 0;
}
.top-page-sticky-menu .navigation {
  margin: 0;
  padding: 0;
  background-color: #fedb00;
  box-shadow: 0px 4px 4px 0px #00000040;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .top-page-sticky-menu .navigation {
    background-color: transparent;
    overflow: hidden;
    box-shadow: none;
  }
}
.top-page-sticky-menu .navigation .page-meningitis_meningococcal > a {
  background: #fedb00 !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu {
  background-color: #fedb00;
  margin: 0;
  padding: 0;
  border: 0;
  height: 70px;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu:after {
  content: '';
  mask-image: url(../../img/arrows/accordion_arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 26px;
  height: 18px;
  margin-right: 23px;
  background-color: #000;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"]:after {
  transform: rotate(180deg) translateY(50%);
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 {
  display: block;
  border: 0;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 a {
  color: #252525;
  padding-top: 0;
  font-weight: 500;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.has-children > a {
  display: none !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 > li.is-active {
  position: absolute;
  top: 0;
  width: 80%;
  display: flex;
  margin-top: 0;
  align-items: center;
  justify-content: start;
  height: 70px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 > li.is-active a {
  font-weight: bold;
  display: block !important;
  font-size: 15px;
  line-height: 23px;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 > li.is-active a:after {
  content: none;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 {
  display: block;
  position: absolute;
  top: 0;
  width: 80%;
  border: 0;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li {
  display: none;
  z-index: 2;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 70px;
  background-color: #00677f;
  color: white;
  height: 70px;
  transform: translate(1px, -1px);
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active a {
  background-color: #00677f;
  color: white;
  font-weight: 700 !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active a:after {
  content: none;
}
@media only screen and (min-width: 768px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 {
    max-width: 100%;
    position: sticky;
    overflow: visible;
    top: 0;
    display: flex;
    margin: auto;
    max-width: 1920px;
    overflow: hidden;
    background-color: #fedb00;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 {
    min-height: 60px;
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    position: static;
    display: block !important;
    width: 100%;
    border-radius: 0;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 > a {
    display: none !important;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 a {
    text-align: start;
    white-space: break-spaces;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 a {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 a {
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 a {
    font-size: 15px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1px;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li {
    flex-grow: 1 1 0px;
    display: flex !important;
    border: 0;
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 100%;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:first-child {
    margin-left: 4px;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li a {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li a {
    padding: 0 32px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li a:after {
    content: none;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:after {
    content: "";
    border: 0;
    height: 34px;
    border-left: 1px solid #252525;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:last-child:after {
    content: none !important;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:last-child a:after {
    content: none;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:hover {
    background-color: #bbb323;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:hover a {
    background-color: #bbb323;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li.is-active {
    border-top-right-radius: calc(100vh / 2);
    border-bottom-right-radius: calc(100vh / 2);
    height: 86px;
    transform: translate(1px, -1px);
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li.is-active:after {
    content: none;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li.is-active {
    height: 74px;
  }
}
@media only screen and (min-width: 768px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li.is-active:hover {
    background-color: #6ba4b8;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li.is-active:hover a {
    background-color: #6ba4b8;
  }
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 ul.navigation-level2 li:has(+ li.is-active):after {
    content: none;
  }
}
@media only screen and (min-width: 1600px) {
  .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 li.navigation-level1 {
    min-height: 90px;
  }
}
.top-page-sticky-menu .navigation ul li.has-children {
  background-color: #fedb00;
  border: 0;
}
.top-page-sticky-menu .navigation ul li.has-children a {
  background-color: #fedb00;
  font-weight: 400;
  padding-top: 24px;
  padding-bottom: 0px;
  padding-left: 18px;
  color: #252525;
  white-space: break-spaces;
  font-size: 15px;
  line-height: 23px;
}
.top-page-sticky-menu .navigation ul li.has-children a:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #252525;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .top-page-sticky-menu .navigation ul li.has-children a:after {
    width: 33%;
  }
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li {
  display: block;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.navigation-level1 > a {
  display: none !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a {
  padding-top: 25px;
  display: block !important;
  margin-top: 0;
  position: absolute;
  top: 0;
  height: 70px;
  width: 80%;
  overflow: hidden;
  font-weight: bold;
  color: #252525;
  font-weight: 500 !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a:after {
  content: none;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a:hover {
  background-color: #bbb323 !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 {
  background-color: #fedb00;
  border: 0;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li {
  background-color: #fedb00;
  border: 0;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li:last-child {
  margin-bottom: 20px;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li:last-child a {
  padding-bottom: 20px;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li:last-child a:after {
  content: none;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li a {
  background-color: #fedb00;
  font-weight: normal;
  padding-top: 24px;
  padding-bottom: 0px;
  color: #252525;
  font-size: 15px;
  font-weight: 500 !important;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li:hover a {
  background-color: #bbb323;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active {
  display: flex;
  margin-top: 0;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: start;
  height: 70px;
  background-color: #00677f;
  transform: translate(1px, -1px);
  width: 80%;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a {
  background-color: #00677f !important;
  color: white;
  font-weight: 700 !important;
  padding-top: 0;
  padding-bottom: 0;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a:after {
  content: none;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active.last {
  margin-bottom: 0;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2:has(li.is-active.last) li:nth-last-child(2) {
  margin-bottom: 20px;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2:has(li.is-active.last) li:nth-last-child(2) a {
  padding-bottom: 20px;
}
.top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2:has(li.is-active.last) li:nth-last-child(2) a:after {
  content: none;
}

.reference-rounded-link {
  max-width: 360px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 992px) {
  .reference-rounded-link {
    padding: 0;
  }
}
.reference-rounded-link .rounded-link {
  height: 43px;
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 100%;
  font-family: "Outfit";
  font-weight: 700;
}

.two-link-images-text-block {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .two-link-images-text-block {
    margin-bottom: 60px;
  }
}
.two-link-images-text-block div {
  float: none;
}
.two-link-images-text-block .content > a:first-of-type {
  display: none;
}
.two-link-images-text-block .paragraphSystem::before,
.two-link-images-text-block .paragraphSystem::after {
  display: none;
}
.two-link-images-text-block .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .two-link-images-text-block .content {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  .two-link-images-text-block .content {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.two-link-images-text-block .richText {
  max-width: 600px;
}
@media only screen and (min-width: 992px) {
  .two-link-images-text-block .richText {
    max-width: 350px;
  }
}
.two-link-images-text-block .richText .richText-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
.two-link-images-text-block .richText h3, .two-link-images-text-block .richText h2 {
  font-size: 28px;
  font-weight: 700;
  color: #00677f;
  line-height: 32px;
  text-align: start;
}
.two-link-images-text-block .richText p {
  font-size: 18px;
  line-height: 26px;
  text-align: start;
}
.two-link-images-text-block .reference-en-savoir-carousel-card {
  width: fit-content;
  height: fit-content;
}
@media only screen and (min-width: 576px) {
  .two-link-images-text-block .reference-en-savoir-carousel-card {
    height: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .two-link-images-text-block .reference-en-savoir-carousel-card {
    margin: 0;
  }
}
.two-link-images-text-block .reference-en-savoir-carousel-card .component-content {
  width: inherit;
  height: inherit;
}
.two-link-images-text-block .reference-en-savoir-carousel-card .ensavior-carousel-card {
  width: inherit;
  height: inherit;
}
.two-link-images-text-block .reference-en-savoir-carousel-card .ensavior-carousel-card-link {
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}
.two-link-images-text-block .reference-en-savoir-carousel-card .ensavior-carousel-card-link:after {
  max-width: 30px;
  height: 30px;
}
.two-link-images-text-block .reference-en-savoir-carousel-card img {
  width: 300px;
  height: auto;
  object-fit: contain;
  object-position: right;
}
@media only screen and (min-width: 576px) {
  .two-link-images-text-block .reference-en-savoir-carousel-card img {
    width: 360px;
  }
}

.banner-image_block.custom-animate {
  --animation-delay: 0.8s;
  --animation-duration: 0.7s;
}
.banner-image_block.custom-animate img.custom-animate {
  --animation-delay: 1.1s;
  --animation-duration: 0.7s;
}

.banner-image_block {
  height: 780px;
  width: 100%;
  background-color: #d68f9f;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 60px;
}
@media only screen and (max-width: 319px) {
  .banner-image_block {
    height: 900px;
  }
}
@media only screen and (min-width: 768px) {
  .banner-image_block {
    height: 583px;
    max-width: 1336px;
    margin-bottom: 80px;
  }
}
.banner-image_block .banner-image_title {
  color: #193a54;
  font-weight: 700;
  max-width: 280px;
  font-size: 46px;
  line-height: 175px;
  z-index: 1;
  position: absolute;
  top: 251px;
  margin-left: -3px;
}
.banner-image_block .banner-image_title p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .banner-image_block .banner-image_title {
    top: 54px;
    font-size: 78px;
    line-height: 170px;
    max-width: 450px;
    margin-left: -5px;
    margin-bottom: -18px;
  }
}
.banner-image_block .banner-image_image {
  position: absolute;
  height: 500px;
  right: 0;
  top: 30px;
}
.banner-image_block .banner-image_image img {
  height: 500px;
}
.banner-image_block .banner-image_text {
  color: #193a54;
  font-family: Outfit, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 35px;
  max-width: 300px;
  margin-left: 22px;
  z-index: 1;
  padding-right: 32px;
}
@media only screen and (min-width: 768px) {
  .banner-image_block .banner-image_text {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    margin-block-start: 0px;
    margin-left: auto;
    margin-right: 0;
    max-width: 680px;
    padding-left: 10px;
  }
}
.banner-image_block .banner-image_link {
  margin-left: auto;
  margin-right: 22px;
  z-index: 1;
}

.play-icon-link {
  padding: 2px 7px;
  text-decoration: none;
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  font-size: 18px;
  border: solid 1px #193a54;
  display: flex;
  column-gap: 10px;
  align-items: center;
  width: fit-content;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.play-icon-link-transparent[href] {
  color: #193a54;
}
.play-icon-link-transparent::after {
  content: "";
  background: url("../../img/svg/arrow_play_blue.svg") no-repeat left center;
  background-size: 12px;
  width: 16px;
  height: 20px;
}
.play-icon-link-opaque[href] {
  color: #fff;
  background-color: #331851;
  border: solid 1px #331851;
}
.play-icon-link-opaque::after {
  content: "";
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: 12px;
  width: 16px;
  height: 20px;
}

.reference-external-link-popup {
  display: none;
}

.ui-dialog {
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999 !important;
  max-width: 90% !important;
  width: 100% !important;
  background-color: white !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 768px) {
  .ui-dialog {
    max-width: 770px !important;
  }
}
.ui-dialog .ui-dialog-titlebar {
  background-color: white;
  border: 0;
}
.ui-dialog .ui-button:has(.ui-icon-closethick) {
  background: url("../../img/svg/times.svg") no-repeat center;
  background-size: 30px;
  border: 1px solid #57b1c9;
  width: 40px;
  height: 40px;
  transition: opacity 0.2s ease-in-out;
}
.ui-dialog .ui-button:has(.ui-icon-closethick) .ui-icon-closethick {
  display: none;
}
.ui-dialog .ui-button:has(.ui-icon-closethick):hover {
  opacity: 0.5;
}
.ui-dialog h2, .ui-dialog p.heading, .ui-dialog span {
  color: #193a54;
  font-family: Outfit;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  margin: 0;
}
.ui-dialog p {
  color: #252525;
  font-family: Outfit;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  margin-bottom: 50px;
}
.ui-dialog .external-link-popup_button {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .ui-dialog .external-link-popup_button {
    flex-direction: row;
  }
}
.ui-dialog .external-link-popup_button-submit,
.ui-dialog .external-link-popup_button-cancel {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  height: 43px;
  width: 100%;
  padding: 10px 0;
  background-color: #331851;
  color: white;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 20px;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .ui-dialog .external-link-popup_button-submit,
  .ui-dialog .external-link-popup_button-cancel {
    margin: auto;
  }
}
.ui-dialog .external-link-popup_button-submit:hover,
.ui-dialog .external-link-popup_button-cancel:hover {
  cursor: pointer;
  opacity: 0.8;
}
.ui-dialog .external-link-popup_button-submit:active,
.ui-dialog .external-link-popup_button-cancel:active {
  opacity: 1;
}
.ui-dialog .external-link-popup_button-cancel {
  border: 1px solid #331851;
  background-color: white;
  color: #331851;
}

.carousel-card-image-container {
  position: relative;
}
.carousel-card-image {
  width: 100%;
  height: 245px;
  object-position: left top;
}
@media only screen and (min-width: 1200px) {
  .carousel-card-image {
    height: 360px;
  }
}
.carousel-card-title {
  position: absolute;
  font-family: Outfit, Arial, sans-serif;
  bottom: 0;
  font-size: 18px;
  font-weight: 700;
  color: #193a54;
  padding: 14px;
  padding-right: 40px;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) {
  .carousel-card-title {
    margin-bottom: 7px;
  }
}
.carousel-card-title p {
  margin: 0;
}
.carousel-card-text {
  font-size: 15px;
  padding: 0px 10px;
  color: #252525;
  display: flex;
  flex-direction: column;
}
.carousel-card-link {
  margin-left: auto;
  transform: scale(0.9);
}

.faq-search-box {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
  .faq-search-box {
    margin-top: 12px;
    margin-bottom: 60px;
  }
}
.faq-search-box .faq-search-box_no_results {
  display: none;
  color: #d68f9f;
}
.faq-search-box form {
  border: 1px solid #d68f9f;
  border-radius: 0 60px 60px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.faq-search-box .faq-search-box_button {
  position: absolute;
  z-index: 1;
  border: none;
  width: 28px;
  height: 25px;
  transform: translateX(12px);
  background: url("../../img/svg/search_button.svg") no-repeat left center;
  background-size: auto;
}
.faq-search-box .faq-search-box_input {
  border: none;
  font-size: 18px;
  padding-left: 39px;
  line-height: 24px;
  font-weight: 600;
  color: #252525;
  width: 100%;
}
.faq-search-box .faq-search-box_input:focus {
  outline: none;
}
.faq-search-box .faq-search-box_input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.faq-search-box .easy-autocomplete {
  padding: 16px 26px 16px 16px;
  width: 100% !important;
  position: relative;
}
.faq-search-box .easy-autocomplete-container {
  width: 100%;
  left: 0;
  display: none;
  background-color: white;
  z-index: 9999;
  margin-top: 20px;
  border-radius: 10px;
  padding-left: 55px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.faq-search-box .easy-autocomplete-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faq-search-box .easy-autocomplete-container li {
  padding: 2px 0;
}
.faq-search-box .easy-autocomplete-container li:hover {
  cursor: pointer;
  opacity: 0.7;
}
.faq-search-box .easy-autocomplete-container:has(ul > li) {
  display: block;
  position: absolute;
}

.faq-search-box-component .richText-content {
  font-weight: 500;
}

.reference-top-page-banner-lupus {
  margin: 0;
  max-width: 1920px;
  width: calc(100% + 30px);
  padding: 0;
  height: 180px;
}
.reference-top-page-banner-lupus .content > a:first-of-type {
  display: none;
}
.reference-top-page-banner-lupus .paragraphSystem::before,
.reference-top-page-banner-lupus .paragraphSystem::after {
  display: none;
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus {
    height: 480px;
  }
}
.reference-top-page-banner-lupus .top-page-banner-lupus {
  position: relative;
  height: 180px;
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus .top-page-banner-lupus {
    height: 480px;
  }
}
.reference-top-page-banner-lupus picture {
  height: 100%;
  display: block;
  width: fit-content;
  position: absolute;
}
.reference-top-page-banner-lupus picture img {
  height: 200px;
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus picture img {
    height: 480px;
  }
}
.reference-top-page-banner-lupus .flex-container {
  margin-left: 90px;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus .flex-container {
    padding-top: 20px;
    margin-left: 415px;
    justify-content: space-between;
    height: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .reference-top-page-banner-lupus .flex-container {
    gap: 50px;
    margin-left: 350px;
  }
}
.reference-top-page-banner-lupus .flex-container > p {
  font-family: "Outfit";
  font-weight: 700;
  max-width: 260px;
  width: 100%;
  font-size: 12px;
  margin: 0;
  margin-left: auto;
  padding: 12px 22px;
  background-color: #478EC9;
  color: white;
  border-bottom-left-radius: calc(100vh / 2);
  border-top-left-radius: calc(100vh / 2);
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus .flex-container > p {
    font-size: 24px;
    padding: 12px 30px;
    padding-left: 32px;
    max-width: 630px;
  }
}
@media screen and (min-width: 1800px) {
  .reference-top-page-banner-lupus .flex-container > p {
    font-size: 34px;
    padding: 12px 30px;
    padding-left: 72px;
    max-width: 830px;
  }
}
.reference-top-page-banner-lupus .inner-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-bottom: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1800px) {
  .reference-top-page-banner-lupus .inner-flex {
    align-items: start;
  }
}
.reference-top-page-banner-lupus .inner-flex p {
  font-family: "Outfit";
  margin: 0;
  color: white;
  font-weight: 700;
  font-size: 10px;
  background-color: #E6077D;
  padding: 8px;
  padding-left: 30px;
  border-bottom-right-radius: calc(100vh / 2);
  border-top-right-radius: calc(100vh / 2);
}
@media screen and (min-width: 768px) {
  .reference-top-page-banner-lupus .inner-flex p {
    padding-left: 80px;
  }
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus .inner-flex p {
    font-size: 18px;
    padding: 14px 24px;
    padding-left: 160px;
    z-index: -1;
    margin-left: -165px;
  }
}
@media screen and (min-width: 1800px) {
  .reference-top-page-banner-lupus .inner-flex p {
    font-size: 30px;
    padding: 12px 30px;
    padding-left: 160px;
    transform: translateX(-100px);
    z-index: -1;
    margin-left: 0;
    max-width: 700px;
  }
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus .inner-flex {
    padding-bottom: 24px;
  }
}
.reference-top-page-banner-lupus .inner-flex img {
  object-fit: contain;
  max-width: 75px;
}
@media screen and (min-width: 1600px) {
  .reference-top-page-banner-lupus .inner-flex img {
    max-width: 160px;
  }
}
@media screen and (min-width: 1800px) {
  .reference-top-page-banner-lupus .inner-flex img {
    max-width: 220px;
  }
}

@keyframes fadeInWithDelay {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.reference-zona-quiz {
  max-width: 1440px;
  height: 475px;
  padding: 0;
  width: calc(100% + 30px);
}
.reference-zona-quiz .content > a:first-of-type {
  display: none;
}
.reference-zona-quiz .paragraphSystem::before,
.reference-zona-quiz .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz {
    height: 480px;
  }
}
.reference-zona-quiz > .component-content {
  height: 100%;
}
.reference-zona-quiz .zona-quiz {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.reference-zona-quiz .zona-quiz.quiz-is-active .zona-quiz-start-screen {
  display: none;
  opacity: 0;
  transition: opacity 1s ease, display 1s ease allow-discrete;
}
.reference-zona-quiz .zona-quiz.quiz-is-active .zona-quiz-questions {
  display: flex;
  -webkit-animation: fadeInWithDelay 2s;
  animation: fadeInWithDelay 2s;
}
.reference-zona-quiz .zona-quiz-image {
  height: 100%;
  width: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.reference-zona-quiz .zona-quiz-image img {
  margin: 0;
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
  transform: translateX(40%);
  opacity: 0.5;
  object-position: center;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-image img {
    transform: initial;
    opacity: 1;
    object-position: left;
    transform: translateX(-10%);
  }
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz .zona-quiz-image img {
    transform: initial;
  }
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-image {
    width: auto;
  }
  .reference-zona-quiz .zona-quiz-image img {
    width: unset;
  }
}
.reference-zona-quiz .zona-quiz-start-screen {
  opacity: 1;
  transition: opacity 1s ease-in-out;
  padding-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1440px) {
  .reference-zona-quiz .zona-quiz-start-screen {
    margin-left: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-start-screen {
    gap: 32px;
    padding-top: 128px;
  }
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-start-screen p {
    max-width: 580px;
  }
}
.reference-zona-quiz .zona-quiz-start-screen h1,
.reference-zona-quiz .zona-quiz-start-screen #question,
.reference-zona-quiz .zona-quiz-questions h1,
.reference-zona-quiz .zona-quiz-questions #question {
  font-family: Outfit;
  font-weight: 700;
  font-size: 30px !important;
  line-height: 100%;
  color: white;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-start-screen h1,
  .reference-zona-quiz .zona-quiz-start-screen #question,
  .reference-zona-quiz .zona-quiz-questions h1,
  .reference-zona-quiz .zona-quiz-questions #question {
    font-size: 38px !important;
    line-height: 48px !important;
  }
}
.reference-zona-quiz .zona-quiz-start-screen p,
.reference-zona-quiz .zona-quiz-questions p {
  margin: 0;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: white;
}
.reference-zona-quiz .zona-quiz-start-screen button,
.reference-zona-quiz .zona-quiz-questions button {
  font-family: Inter;
  font-weight: 700;
  color: white;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  vertical-align: bottom;
  max-width: 360px;
  width: 100%;
  background-color: #EB3475;
  padding: 12px;
  border-radius: calc(100vh/2);
  border: 0;
  transition: opacity 0.5s ease;
}
.reference-zona-quiz .zona-quiz-start-screen button:hover,
.reference-zona-quiz .zona-quiz-questions button:hover {
  cursor: pointer;
  background-color: #F599BA;
}
.reference-zona-quiz .zona-quiz-questions {
  padding: 24px 24px 20px 24px;
  display: none;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
@media only screen and (min-width: 1440px) {
  .reference-zona-quiz .zona-quiz-questions {
    margin-left: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-questions {
    gap: 32px;
    padding: 64px 24px 42px 24px;
  }
}
.reference-zona-quiz .zona-quiz-questions .question-counter {
  font-family: Inter;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  text-transform: uppercase;
  color: white;
}
.reference-zona-quiz .zona-quiz-questions .question-nav-buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 12px;
}
.reference-zona-quiz .zona-quiz-questions .question-nav-buttons button {
  width: 48px;
  height: 4px;
  background-color: white;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
}
.reference-zona-quiz .zona-quiz-questions .question-nav-buttons button.active {
  background-color: #EB3475;
}
.reference-zona-quiz .zona-quiz-questions .question-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reference-zona-quiz .zona-quiz-questions .question-container #answers {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.reference-zona-quiz .zona-quiz-questions .question-container #answers .answer-btn {
  color: white;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  max-width: 360px;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-questions .question-container #answers {
    flex-direction: row;
    gap: 8px;
    justify-content: initial !important;
    align-items: initial !important;
  }
  .reference-zona-quiz .zona-quiz-questions .question-container #answers .answer-btn {
    width: fit-content;
    max-width: 100%;
  }
}
.reference-zona-quiz .zona-quiz-questions #return-btn {
  background-color: transparent;
  color: white;
  font-family: Inter;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  text-transform: uppercase;
  width: fit-content;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
  padding: 0;
  align-self: center;
}
.reference-zona-quiz .zona-quiz-questions #return-btn:before {
  content: "<";
}
.reference-zona-quiz .zona-quiz-questions #return-btn:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-questions #return-btn {
    margin-top: 16px;
    align-self: start;
  }
}
.reference-zona-quiz .zona-quiz-questions .bottom-text {
  justify-self: end;
  margin-top: auto;
  max-width: 380px;
  padding: 10px;
  padding-top: 0;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz .zona-quiz-questions .bottom-text {
    padding: 10px;
    padding-left: 0;
  }
}
.reference-zona-quiz .zona-quiz-questions .bottom-text p {
  font-family: Inter;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

.reference-zona-quiz-results {
  max-width: 1440px;
  height: 475px;
  padding: 0;
  width: calc(100% + 30px);
}
.reference-zona-quiz-results .content > a:first-of-type {
  display: none;
}
.reference-zona-quiz-results .paragraphSystem::before,
.reference-zona-quiz-results .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-results {
    height: 480px;
  }
}
.reference-zona-quiz-results > .component-content {
  height: 100%;
}
.reference-zona-quiz-results .zona-quiz-results {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.reference-zona-quiz-results .zona-quiz-image {
  height: 100%;
  width: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.reference-zona-quiz-results .zona-quiz-image img {
  margin: 0;
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
  transform: translateX(40%);
  opacity: 0.5;
  object-position: center;
}
@media only screen and (min-width: 768px) {
  .reference-zona-quiz-results .zona-quiz-image img {
    transform: initial;
  }
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-results .zona-quiz-image img {
    transform: initial;
    opacity: 1;
    width: 1440px;
  }
}
.reference-zona-quiz-results .content {
  height: 100%;
  display: relative;
  padding: 20px 24px 24px 24px;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-results .content {
    padding: 64px 0 32px 0;
    margin-left: 120px;
  }
}
.reference-zona-quiz-results .content p {
  margin: 0;
}
.reference-zona-quiz-results .content .above-title-text {
  color: white;
  font-family: Inter;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-results .content .above-title-text {
    margin-bottom: 48px;
  }
}
.reference-zona-quiz-results .content h1 {
  font-family: Outfit;
  font-weight: 700;
  padding: 0;
  margin: 0;
  font-size: 30px !important;
  line-height: 100%;
  color: white;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-results .content h1 {
    font-size: 38px !important;
    line-height: 48px !important;
  }
}
.reference-zona-quiz-results .content .under-title-text {
  font-family: Inter;
  color: white;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 16px;
}
.reference-zona-quiz-results .content .highlighted-text {
  font-family: Inter;
  font-weight: 700;
  font-size: 17px;
  line-height: 100%;
  color: white;
  background-color: #EB3475;
  padding: 0.2em 0.4em;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 4px 8px;
}
.reference-zona-quiz-results .content .button-link {
  display: flex !important;
  position: absolute;
  bottom: 20px;
  margin-top: auto;
  flex-direction: row;
  width: fit-content;
  justify-content: center;
  gap: 12px;
  align-items: center;
  font-family: Outfit;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: white;
  text-decoration: none;
  transition: opacity 0.3s ease-in;
}
.reference-zona-quiz-results .content .button-link:hover {
  opacity: 0.7;
}
.reference-zona-quiz-results .content .button-link::before {
  content: "";
  background: url("../../img/svg/repeat.svg") no-repeat left center;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-results .content .button-link {
    bottom: 32px;
  }
}

.reference-zona-quiz-popup {
  padding: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  bottom: 24px;
  z-index: 10;
  transition: opacity 2s ease, transform 2s ease;
  transform: translateY(150px);
}
.reference-zona-quiz-popup .content > a:first-of-type {
  display: none;
}
.reference-zona-quiz-popup .paragraphSystem::before,
.reference-zona-quiz-popup .paragraphSystem::after {
  display: none;
}
.reference-zona-quiz-popup.is-shown {
  opacity: 1;
  transform: translateY(0px);
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup {
    width: 450px;
    height: 260px;
    background-color: #F599BA;
    right: 24px;
  }
}
.reference-zona-quiz-popup .zona-quiz-popup {
  display: flex;
  position: relative;
  flex-direction: row;
}
.reference-zona-quiz-popup .zona-quiz-image {
  order: 2;
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup .zona-quiz-image {
    display: block;
  }
}
.reference-zona-quiz-popup .content {
  padding: 24px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup .content {
    padding-bottom: 24px;
  }
}
.reference-zona-quiz-popup .content p {
  display: none;
  margin: 0;
  color: black;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup .content p {
    display: block;
  }
}
.reference-zona-quiz-popup .content p.bolded-text {
  font-family: Outfit;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
}
.reference-zona-quiz-popup .content p.text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
}
.reference-zona-quiz-popup .content .button-link {
  width: 100%;
  margin-top: auto;
  justify-content: center;
  align-items: center;
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  color: black;
  background-color: #EB3475;
  border-radius: calc(100vh/2);
  width: 100%;
  padding: 12px;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px #00000040;
  transition: opacity 0.3s ease-in;
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup .content .button-link {
    background-color: white;
  }
}
.reference-zona-quiz-popup .content .button-link:hover {
  opacity: 0.7;
}
.reference-zona-quiz-popup .content .button-link:first-of-type {
  display: flex !important;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup .content .button-link {
    display: flex !important;
  }
  .reference-zona-quiz-popup .content .button-link:first-of-type {
    display: none !important;
  }
}
.reference-zona-quiz-popup #btn-close-popup {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: transparent;
  border: 0;
  background-image: url("../../img/svg/times_white.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  transition: all 0.3s ease-in;
}
.reference-zona-quiz-popup #btn-close-popup:hover {
  cursor: pointer;
  opacity: 0.5;
}
@media only screen and (min-width: 992px) {
  .reference-zona-quiz-popup #btn-close-popup {
    display: inline-block;
  }
}

.reference-turquoise-banner {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 1410px;
}
.reference-turquoise-banner > .component-content {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 1441px) {
  .reference-turquoise-banner {
    margin-left: auto;
    margin-right: auto;
  }
}
.reference-turquoise-banner img {
  max-width: 100%;
  object-fit: cover;
}
.reference-turquoise-banner .turquoise-banner {
  display: flex;
  height: fit-content;
}

.reference-two-column-block {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 1281px) {
  .reference-two-column-block {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .reference-two-column-block {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.reference-two-column-block .two-column-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .reference-two-column-block .two-column-block {
    gap: 70px;
    flex-direction: row;
  }
}
.reference-two-column-block .main-title {
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 30px !important;
  color: #0A468C;
}
@media (min-width: 992px) {
  .reference-two-column-block .main-title {
    font-size: 40px !important;
  }
}
.reference-two-column-block .content-column {
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .reference-two-column-block .content-column {
    font-size: 20px;
    line-height: 30px;
  }
}
.reference-two-column-block .image-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}
.reference-two-column-block .image-column img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.reference-two-column-block .image-caption {
  display: flex;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .reference-two-column-block .image-caption {
    font-size: 15px;
  }
}

.reference-highlight-ribbon {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 1410px;
}
.reference-highlight-ribbon > .component-content {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 1441px) {
  .reference-highlight-ribbon {
    margin-left: auto;
    margin-right: auto;
  }
}
.reference-highlight-ribbon > .component-content {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #E6077D;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 992px) {
  .reference-highlight-ribbon > .component-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.reference-highlight-ribbon p {
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 30px !important;
  color: white;
  margin: 0;
}
@media (min-width: 992px) {
  .reference-highlight-ribbon p {
    font-size: 40px !important;
  }
}

.reference-consultation-block {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 1281px) {
  .reference-consultation-block {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
.reference-consultation-block .main-title {
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 30px !important;
  color: #0A468C;
  margin: 0;
  line-height: 1.3 !important;
}
@media (min-width: 992px) {
  .reference-consultation-block .main-title {
    font-size: 40px !important;
  }
}
.reference-consultation-block .consultation-block {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .consultation-block.with-title-image .content-container {
    padding-left: 200px;
  }
}
.reference-consultation-block .content-container {
  display: grid;
  grid-template-columns: 35% 65%;
  grid-template-areas: "area1 area2" "area3 area3";
  gap: 10px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .content-container {
    grid-template-columns: 20% 80%;
    grid-template-areas: "area1 area2" "area1 area3";
    grid-template-rows: auto 1fr;
  }
}
.reference-consultation-block .content-container.large-image {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .content-container.large-image {
    display: grid;
    grid-template-columns: 40% 60%;
  }
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .content-container.center-content {
    grid-template-rows: auto auto;
  }
}
.reference-consultation-block .image-container {
  display: flex;
  flex-direction: column;
  justify-self: center;
  min-width: 120px;
  grid-area: area1;
}
.reference-consultation-block .image-container img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.reference-consultation-block .image-caption {
  display: flex;
  justify-content: center;
  font-style: italic;
  margin-top: 10px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .image-caption {
    margin-top: 30px;
  }
}
.reference-consultation-block .quote {
  font-size: 20px;
  line-height: 1.3;
  color: #00ADBA;
  font-weight: 900;
  line-height: 28px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .quote {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .quote {
    line-height: 40px;
  }
}
.reference-consultation-block .quote p {
  margin-bottom: 0;
}
.reference-consultation-block .patient-description {
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .patient-description {
    font-size: 20px;
  }
}
.reference-consultation-block .patient-description p {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .story {
    font-size: 20px;
  }
}
.reference-consultation-block .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-area: area2;
  height: fit-content;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .text-container {
    align-self: self-end;
  }
}
.reference-consultation-block .cta {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
}
.reference-consultation-block .cta:focus-visible, .reference-consultation-block .cta:hover {
  background-color: #00ADBA !important;
}
.reference-consultation-block .cta-container {
  grid-area: area3;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .cta-container {
    grid-area: area3;
    align-self: self-start;
    margin: 0;
  }
}
.reference-consultation-block .title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .title-container {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 52px;
  }
}
.reference-consultation-block .title-image {
  max-width: 92px;
}
@media only screen and (min-width: 992px) {
  .reference-consultation-block .title-image {
    max-width: 145px;
    margin-bottom: -50px;
  }
}

.reference-reference-number .reference-number {
  text-align: left;
  font-size: 14px;
  margin-bottom: 43px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  .reference-reference-number .reference-number {
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 992px) {
  .reference-reference-number .reference-number {
    text-align: center;
    font-size: 20px;
  }
}

.reference-paragraph {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (min-width: 1281px) {
  .reference-paragraph {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .reference-paragraph {
    margin-top: 20px;
  }
}
.reference-paragraph .main-title {
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 25px !important;
  color: #00ADBA;
  margin: 0 !important;
}
@media (min-width: 992px) {
  .reference-paragraph .main-title {
    font-size: 35px !important;
  }
}
.reference-paragraph .cc-paragraph-blue-title .main-title {
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 25px !important;
  color: #0A468C;
}
@media (min-width: 992px) {
  .reference-paragraph .cc-paragraph-blue-title .main-title {
    font-size: 35px !important;
  }
}
.reference-paragraph .text {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (min-width: 992px) {
  .reference-paragraph .text {
    font-size: 20px;
    line-height: 30px;
  }
}
.reference-paragraph .cta-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  .reference-paragraph .cta-container {
    gap: 100px;
    flex-direction: row;
    width: 100%;
  }
}
.reference-paragraph .cta-container a {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
  width: 100%;
}
.reference-paragraph .cta-container a:focus-visible, .reference-paragraph .cta-container a:hover {
  background-color: #00ADBA !important;
}
@media only screen and (min-width: 992px) {
  .reference-paragraph .cta-container a {
    width: fit-content;
  }
}
.reference-paragraph .subtitle {
  font-size: 18px;
  line-height: 28px;
  color: #e56a54;
}
@media only screen and (min-width: 992px) {
  .reference-paragraph .subtitle {
    font-size: 20px;
    line-height: 30px;
  }
}
.reference-paragraph .subtitle p,
.reference-paragraph .subtitle h2,
.reference-paragraph .subtitle h3,
.reference-paragraph .subtitle h4 {
  font-size: 18px;
  line-height: 28px;
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .reference-paragraph .subtitle p,
  .reference-paragraph .subtitle h2,
  .reference-paragraph .subtitle h3,
  .reference-paragraph .subtitle h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
.reference-paragraph .subtitle * {
  margin-bottom: 0;
}
.reference-paragraph .subtitle + .text > p {
  margin-top: 0;
}
.reference-paragraph p:last-of-type {
  margin-bottom: 0;
}
.reference-paragraph .main-title + .subtitle p,
.reference-paragraph .main-title + .subtitle h2,
.reference-paragraph .main-title + .subtitle h3,
.reference-paragraph .main-title + .subtitle h4 {
  margin-block-start: 1em;
}

.reference-paragraph + .reference-paragraph {
  margin-top: 0;
}

.patient-challenge {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1281px) {
  .patient-challenge {
    padding-left: 0;
    padding-right: 0;
  }
}
.patient-challenge .content > a:first-of-type {
  display: none;
}
.patient-challenge .paragraphSystem::before,
.patient-challenge .paragraphSystem::after {
  display: none;
}
.patient-challenge .richText {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .patient-challenge > .component-content {
    margin-bottom: 40px;
  }
}
.patient-challenge > .component-content > .content > .box {
  padding: 0;
}
.patient-challenge > .component-content > .content > .box > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 768px) {
  .patient-challenge > .component-content > .content > .box > .component-content > .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30;
  }
}
.patient-challenge .patient-challenge-title {
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 25px !important;
  color: #00ADBA;
  line-height: 1.2 !important;
  text-align: left;
}
@media (min-width: 992px) {
  .patient-challenge .patient-challenge-title {
    font-size: 35px !important;
  }
}
@media only screen and (min-width: 992px) {
  .patient-challenge .patient-challenge-title {
    margin-top: 20px;
  }
}
.patient-challenge .patient-challenge-explanation {
  font-size: 20px;
  line-height: 1.3;
  color: #00ADBA;
  font-weight: 900;
}
@media only screen and (min-width: 992px) {
  .patient-challenge .patient-challenge-explanation {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .patient-challenge .patient-challenge-explanation {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.reference-patient-challenge {
  padding: 0;
}
.reference-patient-challenge .content > a:first-of-type {
  display: none;
}
.reference-patient-challenge .paragraphSystem::before,
.reference-patient-challenge .paragraphSystem::after {
  display: none;
}
.reference-patient-challenge .patient-challenge {
  display: grid;
  grid-template-columns: 35% 65%;
  grid-template-areas: "area1 area2" "area3 area3";
  gap: 10px;
  margin-top: 20px;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .reference-patient-challenge .patient-challenge {
    grid-template-columns: 25% 75%;
    grid-template-areas: "area1 area2" "area1 area3";
    grid-template-rows: auto auto;
    column-gap: 30px;
  }
}
.reference-patient-challenge .patient-challenge .image-container {
  display: flex;
  flex-direction: column;
  justify-self: center;
  min-width: 120px;
  grid-area: area1;
}
.reference-patient-challenge .patient-challenge .image-container img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.reference-patient-challenge .patient-challenge .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-area: area2;
  height: fit-content;
}
@media only screen and (min-width: 992px) {
  .reference-patient-challenge .patient-challenge .content-container {
    align-self: self-end;
  }
}
.reference-patient-challenge .patient-challenge .cta {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
}
.reference-patient-challenge .patient-challenge .cta:focus-visible, .reference-patient-challenge .patient-challenge .cta:hover {
  background-color: #00ADBA !important;
}
.reference-patient-challenge .patient-challenge .cta-container {
  grid-area: area3;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  .reference-patient-challenge .patient-challenge .cta-container {
    grid-area: area3;
    align-self: self-start;
    margin: 0;
  }
}
.reference-patient-challenge .image-caption {
  display: flex;
  justify-content: center;
  font-style: italic;
  margin-top: 10px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) {
  .reference-patient-challenge .image-caption {
    margin-top: 30px;
  }
}
.reference-patient-challenge .challenge-title {
  padding: 20px 30px 20px 20px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border: 2px solid #00ADBA;
  font-size: 20px;
  width: fit-content;
}
@media only screen and (min-width: 992px) {
  .reference-patient-challenge .challenge-title {
    font-size: 25px;
    color: #00ADBA;
    font-weight: 700;
  }
}
.reference-patient-challenge .main-title {
  font-size: 20px;
  color: #00ADBA;
  font-weight: 700;
  margin-bottom: 0;
}

.box.en-savouir-turqoise-carousel {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #00ADBA;
  padding-top: 0;
  margin-bottom: 0 !important;
}
@media (min-width: 1441px) {
  .box.en-savouir-turqoise-carousel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel {
    margin: 0;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.box.en-savouir-turqoise-carousel .richText > .component-content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel .richText > .component-content {
    flex-direction: row;
  }
}
.box.en-savouir-turqoise-carousel .richText h2, .box.en-savouir-turqoise-carousel .richText h3 {
  color: #fff;
}
.box.en-savouir-turqoise-carousel > .component-content {
  width: 100%;
  padding: 30px 15px !important;
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel > .component-content {
    margin: 0;
    padding: 60px 0 !important;
  }
}
.box.en-savouir-turqoise-carousel > .component-content > .content {
  max-width: none;
}
.box.en-savouir-turqoise-carousel li.clearfix.carousel-slide {
  display: flex !important;
  justify-content: center;
  width: calc(100vw - 60px);
}
@media only screen and (min-width: 576px) {
  .box.en-savouir-turqoise-carousel li.clearfix.carousel-slide {
    width: auto;
  }
}
.box.en-savouir-turqoise-carousel .carouselSlide {
  display: flex;
  justify-content: center;
  width: fit-content;
}
.box.en-savouir-turqoise-carousel .richText-image {
  max-width: 92px;
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel .richText-image {
    max-width: 145px;
  }
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel .richText {
    width: fit-content;
  }
}
.box.en-savouir-turqoise-carousel .richText > .component-content > .richText-content {
  text-align: center !important;
}
.box.en-savouir-turqoise-carousel .carousel-nav {
  position: static !important;
  margin-top: 30px !important;
  gap: 20px;
}
.box.en-savouir-turqoise-carousel .carousel-nav > li {
  transform: none;
}
.box.en-savouir-turqoise-carousel .carousel {
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel .carousel {
    flex: 1;
  }
}
.box.en-savouir-turqoise-carousel .ensavior-carousel-card-link {
  width: 90%;
  font-size: 16px;
  color: #193a54;
}
.box.en-savouir-turqoise-carousel .ensavior-carousel-card-link::after {
  background-color: currentColor;
}
@media only screen and (min-width: 1200px) {
  .box.en-savouir-turqoise-carousel .ensavior-carousel-card-link {
    max-width: 145px;
  }
}
.box.en-savouir-turqoise-carousel .ensavior-carousel-card-link {
  max-width: none !important;
}

.turquoise-resources {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1280px !important;
  margin-bottom: 30px !important;
}
@media (min-width: 1281px) {
  .turquoise-resources {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .turquoise-resources {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 1281px) {
  .turquoise-resources {
    padding: 0 !important;
  }
}
.turquoise-resources > .component-content > .content {
  max-width: none !important;
  justify-content: center !important;
}
.turquoise-resources > .component-content > .content > .box {
  flex-basis: calc((100% - 180px) / 3);
  min-width: fit-content;
  max-width: none !important;
}

.turqoise-infographic {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  margin-top: 40px;
  padding-top: 0 !important;
}
@media (min-width: 1281px) {
  .turqoise-infographic {
    padding-left: 0;
    padding-right: 0;
  }
}
.turqoise-infographic .richText {
  padding-left: 0;
}
.turqoise-infographic .infografic-list .component-content .content {
  padding-top: 0;
}
.turqoise-infographic .infografic_description p,
.turqoise-infographic .infografic .infografic_small_title p {
  margin-top: 5px;
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (min-width: 992px) {
  .turqoise-infographic .infografic_description p,
  .turqoise-infographic .infografic .infografic_small_title p {
    font-size: 24px;
    line-height: 1.1;
  }
}
.turqoise-infographic .infografic-list .component-content .content .infografic::after {
  background-color: #00677f;
  width: 60%;
}
@media only screen and (min-width: 992px) {
  .turqoise-infographic .infografic-list .component-content .content .infografic::after {
    width: 1px;
    height: 100%;
  }
}
.turqoise-infographic .infografic_big_title {
  display: flex;
  flex-direction: column-reverse;
}
.turqoise-infographic .infografic .infografic_small_title > p {
  color: #193a54 !important;
  margin-top: 0;
  margin-bottom: 5px !important;
  font-weight: 400;
  font-family: Inter, sans-serif;
}
.turqoise-infographic .selection-bold {
  font-size: inherit;
  color: inherit;
  font-weight: 700 !important;
}
@media only screen and (min-width: 992px) {
  .turqoise-infographic .reference-infografic {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.turqoise-infographic .cc-large-turqoise-title {
  font-weight: 900;
  font-size: 50px;
  color: #00ADBA;
  margin-top: 20px;
  line-height: 1.05;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .turqoise-infographic .cc-large-turqoise-title {
    display: inline-flex;
    font-size: 64px;
    margin-top: 35px;
  }
}
.turqoise-infographic .cc-large-turqoise-title + br + span {
  font-weight: 900;
  font-size: 20px !important;
}
@media only screen and (min-width: 992px) {
  .turqoise-infographic .cc-large-turqoise-title + br + span {
    display: inline-flex;
    font-size: 35px !important;
    margin-top: 0;
    margin-bottom: 35px;
  }
}
.turqoise-infographic .custom-animate + .richText {
  padding: 0;
}
.turqoise-infographic .custom-animate + .richText .richText-content {
  text-align: left;
}
.turqoise-infographic .custom-animate + .richText .richText-content p {
  margin-top: 0;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .turqoise-infographic .custom-animate + .richText .richText-content p {
    margin-top: 20px;
  }
}
.turqoise-infographic .reference-rounded-link {
  max-width: none;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

.dialog-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}

.reference-share-dialog {
  width: fit-content;
}
.reference-share-dialog #openShareDialog {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
  border: 0;
}
.reference-share-dialog #openShareDialog:focus-visible, .reference-share-dialog #openShareDialog:hover {
  background-color: #00ADBA !important;
}
.reference-share-dialog dialog {
  padding: 50px 30px;
  background-color: #fff;
  border-radius: 30px;
  height: fit-content;
  max-width: calc(80%);
  border: 0;
  max-width: 769px;
  width: 90%;
  overscroll-behavior: contain;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog dialog {
    padding: 120px 150px 50px 100px;
    max-width: 1099px;
    width: 80%;
  }
}
.reference-share-dialog #shareDialogTitle {
  font-family: Outfit, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  color: #0A468C;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog #shareDialogTitle {
    text-align: left;
    font-size: 40px;
  }
}
.reference-share-dialog #closeShareDialog {
  position: absolute;
  top: 16px;
  right: 25px;
  width: 23px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 0.5;
  text-align: center;
  color: #0A468C;
  padding: 0;
  font-size: 40px;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog #closeShareDialog {
    width: 60px;
    height: 60px;
    font-size: 65px;
    top: 32px;
  }
}
.reference-share-dialog #shareDialogDesc,
.reference-share-dialog .copy-label {
  text-align: center;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog #shareDialogDesc,
  .reference-share-dialog .copy-label {
    font-size: 30px;
    text-align: left;
    margin-top: 70px;
  }
}
.reference-share-dialog .current-url-text {
  box-shadow: 0px 0px 7px 0px #000000CC inset;
  background: transparent;
  padding: 20px;
  border-radius: 50px;
  max-width: 100%;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: underline;
  white-space: break-spaces;
  word-break: break-all;
  border: 0;
  color: #808080;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog .current-url-text {
    box-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
  }
}
.reference-share-dialog .copy-button {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog .copy-button {
    font-family: Outfit, Arial, sans-serif;
    display: flex;
    padding: 12px 40px;
    font-size: 16px;
    background-color: #00ADBA;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    align-items: center;
    height: 54px;
    border: 0;
    cursor: pointer;
  }
}
.reference-share-dialog .copy-button:hover {
  background-color: #e56a54;
}
.reference-share-dialog .share-icon-container {
  display: flex;
  justify-content: space-between;
  max-width: 270px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog .share-icon-container {
    margin-left: 0;
    max-width: fit-content;
    gap: 40px;
  }
}
.reference-share-dialog .share-button {
  background: none;
  padding: 0;
  border: 0;
  width: 47px;
  height: 47px;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity .1s ease-out;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog .share-button {
    width: 133px;
    height: 133px;
  }
}
.reference-share-dialog .share-button.facebook {
  background-image: url("../../img/svg/Facebook.png");
}
.reference-share-dialog .share-button.wapp {
  background-image: url("../../img/svg/WhatsApp.png");
}
.reference-share-dialog .share-button.linkedin {
  background-image: url("../../img/svg/LinkedIn.png");
}
.reference-share-dialog .share-button.instagram {
  background-image: url("../../img/svg/Instagram.png");
}
.reference-share-dialog .share-button:hover {
  opacity: .8;
}
.reference-share-dialog .copy-container {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog .copy-container {
    padding: 12px 16px 12px 45px;
    box-shadow: 0px 0px 7px 0px #000000CC inset;
    border-radius: 50px;
    align-items: center;
    height: 78px;
  }
}
.reference-share-dialog .copy-icon {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-share-dialog .copy-icon {
    display: flex;
    width: 38px;
    height: 39px;
    background-image: url("../../img/svg/copy.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
  }
}

.reference-video-dialog {
  width: fit-content;
  padding: 0;
}
.reference-video-dialog .openVideoDialog {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
  border: 0;
}
.reference-video-dialog .openVideoDialog:focus-visible, .reference-video-dialog .openVideoDialog:hover {
  background-color: #00ADBA !important;
}
.reference-video-dialog dialog {
  padding: 30px;
  padding-top: 50px;
  background-color: #fff;
  border-radius: 30px;
  height: fit-content;
  max-width: calc(80%);
  border: 0;
  max-width: 769px;
  width: 90%;
  overscroll-behavior: contain;
}
@media only screen and (min-width: 992px) {
  .reference-video-dialog dialog {
    padding: 50px;
    width: 80%;
  }
}
.reference-video-dialog .cc-close-video-dialog {
  position: absolute;
  top: 16px;
  right: 16px;
  width: fit-content;
  height: fit-content;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 0.5;
  text-align: center;
  color: #0A468C;
  padding: 0;
  font-size: 40px;
}
@media only screen and (min-width: 992px) {
  .reference-video-dialog .cc-close-video-dialog {
    font-size: 65px;
  }
}
.reference-video-dialog .cc-video-dialog[open] {
  display: flex;
  justify-content: center;
}
.reference-video-dialog video {
  max-width: 100%;
  height: auto;
}
.reference-video-dialog .cc-video-preview-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
@media only screen and (min-width: 992px) {
  .reference-video-dialog .cc-video-preview-container {
    gap: 40px;
  }
}
.reference-video-dialog .cc-video-preview-container a {
  display: flex !important;
  font-family: Outfit, Arial, sans-serif;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  font-size: 18px !important;
  border-radius: calc(100vh / 2) !important;
  background-color: #e56a54 !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: fit-content !important;
  cursor: pointer !important;
  transition: .1s background-color ease-out;
  box-shadow: 0px 4px 4px 0px #00000040 !important;
}
.reference-video-dialog .cc-video-preview-container a:focus-visible, .reference-video-dialog .cc-video-preview-container a:hover {
  background-color: #00ADBA !important;
}
.reference-video-dialog .cc-video-preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 218px;
}
@media only screen and (min-width: 992px) {
  .reference-video-dialog .cc-video-preview {
    height: 268px;
    width: 406px;
  }
}
.reference-video-dialog .cc-video-preview button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 58px;
  height: 58px;
  background-color: #00ADBA;
  border: 0;
  outline: 0;
  border-radius: 50%;
  padding: 0;
  transition: opacity 0.1s ease-in-out;
  align-items: center;
  cursor: pointer;
}
.reference-video-dialog .cc-video-preview button::after {
  content: '';
  mask-image: url("../../img/svg/play.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  display: inline-block;
  background-color: #fff;
  background-size: cover;
  height: 34px;
  width: 21px;
  margin-right: -5px;
}
.reference-video-dialog .cc-video-preview button:hover {
  opacity: .8;
}
.reference-video-dialog .cc-video-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-grid {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1314px !important;
  margin-bottom: 40px;
}
@media (min-width: 1281px) {
  .video-grid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .video-grid {
    margin-bottom: 30px;
  }
}
.video-grid > .component-content > .content {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .video-grid > .component-content > .content {
    gap: 40px;
  }
}
.video-grid > .component-content > .content > .richText {
  padding: 0;
}
.video-grid .cc-blue-title {
  margin-top: 20px;
  margin-bottom: 0;
  max-width: 1314px !important;
}
@media only screen and (min-width: 992px) {
  .video-grid .cc-blue-title {
    margin-top: 40px;
  }
}

.purple-accordion-section {
  background-color: #E6077D;
  max-width: 1440px;
  width: calc(100% + 30px);
  padding: 40px 30px;
}
.purple-accordion-section .content > a:first-of-type {
  display: none;
}
.purple-accordion-section .paragraphSystem::before,
.purple-accordion-section .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .purple-accordion-section {
    padding: 60px 0;
  }
}
.purple-accordion-section .title {
  padding: 0;
}
.purple-accordion-section .title h2 {
  color: #fff;
  margin: 0;
  font-family: "Outfit";
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
}
@media only screen and (min-width: 992px) {
  .purple-accordion-section .title h2 {
    font-size: 38px;
    margin-left: auto;
    padding-left: 30px;
    max-width: 1350px;
  }
}
.purple-accordion-section .accordion-container {
  margin-bottom: 20px;
  max-width: 890px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .purple-accordion-section .accordion-container {
    margin-bottom: 20px;
  }
}
.purple-accordion-section li.is-visible {
  padding-bottom: 0px !important;
}
.purple-accordion-section li.accordion-slide {
  border-bottom-color: #fff !important;
}
.purple-accordion-section li.accordion-slide header {
  margin-bottom: 20px !important;
}
.purple-accordion-section li.accordion-slide .richText {
  background-color: white;
}
.purple-accordion-section li.accordion-slide p {
  margin: 0 !important;
  text-align: start;
}
.purple-accordion-section li.accordion-slide .richText-content {
  text-align: start !important;
  margin: 0 40px;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #4C8ECA;
}
.purple-accordion-section li.accordion-slide .accordion-body-title {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  font-family: Inter;
  color: #E6077D;
  font-weight: 900;
  font-size: 30px;
  line-height: 30px;
}
.purple-accordion-section li.accordion-slide p {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.purple-accordion-section li.accordion-slide span.pink {
  color: #E6077D;
}
.purple-accordion-section li.accordion-slide span.bold {
  font-weight: 700;
}
.purple-accordion-section li.accordion-slide span.bigger {
  font-size: 18px;
}
.purple-accordion-section li.accordion-slide .accordion-title-text {
  color: white !important;
  font-size: 18px;
  font-weight: 500;
  font-family: "Outfit";
}
.purple-accordion-section li.accordion-slide .accordion-title-text::after {
  background-color: #fff !important;
}
.purple-accordion-section .reference-rounded-link {
  margin: auto;
}

.lupus-hp-logo-images .content > a:first-of-type {
  display: none;
}
.lupus-hp-logo-images .paragraphSystem::before,
.lupus-hp-logo-images .paragraphSystem::after {
  display: none;
}
.lupus-hp-logo-images > .component-content > .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  margin-bottom: 70px;
}
@media only screen and (min-width: 992px) {
  .lupus-hp-logo-images > .component-content > .content {
    flex-direction: row;
    gap: 50px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  .reference-footer-number {
    transform: translateX(-15px);
  }
}

.lupus-title-image-text {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
}
.lupus-title-image-text .content > a:first-of-type {
  display: none;
}
.lupus-title-image-text .paragraphSystem::before,
.lupus-title-image-text .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .lupus-title-image-text {
    margin-bottom: 30px;
    display: flex;
    width: 100%;
  }
}
.lupus-title-image-text .row-component {
  margin: 0;
}
.lupus-title-image-text .row-component > .component-content > .content {
  flex-direction: column-reverse;
  gap: 23px;
}
@media only screen and (min-width: 992px) {
  .lupus-title-image-text .row-component > .component-content > .content {
    gap: 90px;
    flex-direction: row;
  }
}
.lupus-title-image-text .image {
  display: block !important;
  margin: 0 !important;
  max-width: 590px !important;
}
.lupus-title-image-text .image .component-content {
  width: fit-content;
}
.lupus-title-image-text .reference-sub-title {
  padding: 0;
  margin-bottom: 30px;
}
.lupus-title-image-text .reference-sub-title h3 > p {
  margin: 0;
}
.lupus-title-image-text .richText {
  padding: 0;
}
.lupus-title-image-text .richText .richText-content {
  display: block;
  max-width: 100%;
}
.lupus-title-image-text .richText .richText-content p {
  text-align: left;
  margin: 0;
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .lupus-title-image-text .richText .richText-content p {
    margin-bottom: 30px;
    max-width: 436px;
  }
}
.lupus-title-image-text .richText .richText-content p.light-blue-heading {
  margin: 0;
  font-family: Outfit;
  font-weight: 700;
  font-size: 30px;
  line-height: 28px;
  color: #4C8ECA;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  .lupus-title-image-text .richText .richText-content p.light-blue-heading {
    font-size: 38px;
    margin-bottom: 30px;
  }
}
.lupus-title-image-text .reference-link-arrow {
  padding: 0;
}
.lupus-title-image-text .reference-link-arrow a {
  display: flex !important;
  font-family: "Outfit";
  font-weight: 700;
  font-size: 16px;
  margin: 0;
}

.lupus-boxes-with-links {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
}
.lupus-boxes-with-links .content > a:first-of-type {
  display: none;
}
.lupus-boxes-with-links .paragraphSystem::before,
.lupus-boxes-with-links .paragraphSystem::after {
  display: none;
}
.lupus-boxes-with-links > .component-content > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px 20px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .lupus-boxes-with-links > .component-content > .content {
    justify-content: start !important;
  }
}
.lupus-boxes-with-links .reference-sub-title {
  padding: 0;
}
.lupus-boxes-with-links .reference-sub-title p {
  margin-bottom: 0;
}
.lupus-boxes-with-links .richText-content {
  max-width: 290px;
}
.lupus-boxes-with-links .box {
  padding: 0;
  width: fit-content;
  max-width: 360px;
  width: 100%;
}
.lupus-boxes-with-links .richText {
  width: 100%;
  display: flex;
  min-height: 340px;
  gap: 20px;
  background-color: #E6077D;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding: 52px 33px;
}
@media only screen and (min-width: 992px) {
  .lupus-boxes-with-links .richText {
    height: 340px !important;
  }
}
.lupus-boxes-with-links .richText h3,
.lupus-boxes-with-links .richText p {
  color: #fff;
  margin: 0;
  text-align: left;
  max-width: 290px;
}
.lupus-boxes-with-links .richText h3 {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 8px;
}
.lupus-boxes-with-links .richText p {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.lupus-boxes-with-links .reference-link-arrow {
  width: fit-content;
}
.lupus-boxes-with-links .reference-link-arrow a {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 16px;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant .reference-sub-title {
  grid-column: span 3;
}
@media only screen and (min-width: 992px) {
  .lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
  }
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box {
  max-width: none;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box .richText {
  width: 100%;
  max-width: none;
  height: 100% !important;
  min-height: 0 !important;
  padding: 37px;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box .component-content {
  height: 100%;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box .component-content .content {
  height: 100%;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box .component-content .content > .richText {
  height: 100%;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box .richText-content {
  max-width: none;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box .richText-content p {
  max-width: none;
}
.lupus-boxes-with-links.lupus-boxes-with-links-variant > .component-content > .content .box:last-of-type {
  grid-column: span 2;
}

.text-with-two-rounded-links {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto 50px auto;
}
.text-with-two-rounded-links .content > a:first-of-type {
  display: none;
}
.text-with-two-rounded-links .paragraphSystem::before,
.text-with-two-rounded-links .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .text-with-two-rounded-links {
    padding-top: 0;
    margin: 0 auto 100px auto;
  }
}
.text-with-two-rounded-links > .component-content > .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 20px;
}
.text-with-two-rounded-links .richText {
  max-width: 980px;
  padding: 0;
}
.text-with-two-rounded-links .richText p {
  margin: 0 0 20px 0;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: #000 !important;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .text-with-two-rounded-links .richText p {
    font-size: 18px;
    line-height: 26px;
  }
}
.text-with-two-rounded-links .reference-rounded-link {
  max-width: 360px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .text-with-two-rounded-links .reference-rounded-link {
    margin: 0;
  }
}

.box.main-title-multi-color {
  margin: 0;
  text-align: start;
  max-width: 1230px;
  padding: 0 15px;
  margin: 40px 0 20px 0;
}
.box.main-title-multi-color .content > a:first-of-type {
  display: none;
}
.box.main-title-multi-color .paragraphSystem::before,
.box.main-title-multi-color .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .box.main-title-multi-color {
    margin: 80px 0 30px 0;
  }
}
.box.main-title-multi-color .richText {
  padding: 0;
  text-align: start;
  width: fit-content;
}
.box.main-title-multi-color .richText .richText-content {
  text-align: start;
}
.box.main-title-multi-color .richText h1.main-title-multi-color {
  font-size: 30px;
  line-height: 100%;
  font-weight: 700;
  font-family: "Outfit";
  color: #478EC9;
}
@media only screen and (min-width: 992px) {
  .box.main-title-multi-color .richText h1.main-title-multi-color {
    font-size: 48px;
  }
}
.box.main-title-multi-color .richText h1.main-title-multi-color span.pink {
  color: #E6077D;
}
.box.main-title-multi-color .reference-sub-title {
  padding: 0;
}

.lupus-images-grid {
  max-width: 1440px;
  width: calc(100% + 30px);
  padding: 0 15px;
  margin-bottom: 50px;
}
.lupus-images-grid .content > a:first-of-type {
  display: none;
}
.lupus-images-grid .paragraphSystem::before,
.lupus-images-grid .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .lupus-images-grid {
    padding: 0;
    margin-bottom: 60px;
  }
}
.lupus-images-grid > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .lupus-images-grid > .component-content > .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: 765px;
    gap: 0;
  }
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card:first-of-type {
    grid-row: span 3;
    width: 434px;
    max-width: none;
  }
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card:first-of-type .component-content,
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card:first-of-type .ensavior-carousel-card {
    height: 100%;
    max-height: none;
  }
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card:first-of-type .ensavior-carousel-card-link {
    height: 80px;
    padding-left: 40px;
    margin-bottom: 47px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card:first-of-type {
    width: 634px;
  }
}
.lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card {
  height: 340px;
  max-width: 350px;
}
@media only screen and (min-width: 992px) {
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card {
    height: auto;
    max-width: 403px;
    width: 100%;
  }
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .component-content,
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .ensavior-carousel-card {
    max-height: 255px;
  }
}
.lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .ensavior-carousel-card {
  height: 340px;
}
.lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card img {
  width: inherit;
  object-fit: cover;
}
.lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .ensavior-carousel-card-link {
  height: 77px;
  font-size: 20px;
  line-height: 100%;
  background-color: #E6077D;
  color: #fff;
  font-weight: 700;
  font-family: "Outfit";
  padding-left: 10px;
  width: 100%;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .ensavior-carousel-card-link {
    height: 60px;
    max-width: 206px;
    margin-bottom: 13px;
    font-size: 30px;
    padding-left: 20px;
  }
}
.lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .ensavior-carousel-card-link:hover {
  background-color: #7a0242;
}
.lupus-images-grid > .component-content > .content .reference-en-savoir-carousel-card .ensavior-carousel-card-link::after {
  display: none;
}

.accordion-container.bottom-spacing-medium {
  overflow: hidden;
}

.page-Questions_frequentes .accordion-title-text {
  color: #836bbe !important;
}

.accordion .accordion-container {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 28px;
}
.accordion .accordion-container .accordion-slide {
  background: #fff;
  display: flex;
  flex-direction: column;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper {
  display: none;
  padding: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper .component {
  padding: 0 1rem;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper .component .richText-content p {
  margin: 0;
  margin-top: 15px;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper .component .richText-content ul li {
  padding: 0 !important;
}
.accordion .accordion-container .accordion-slide .accordion-head:hover {
  cursor: pointer;
}
.accordion .accordion-container .accordion-slide:nth-of-type(odd) {
  background: #f8f9fa;
}
.accordion .accordion-container .accordion-slide.is-visible .accordion-head h3 a:before {
  content: "\f0d8";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .accordion-container .accordion-slide.is-visible .accordion-content-wrapper {
  display: block;
}

.reference-header,
.reference-header-cancer-gynecologiques {
  transition: transform 0.3s;
}
.reference-header.show,
.reference-header-cancer-gynecologiques.show {
  transform: translateY(0);
}
.reference-header.hide,
.reference-header-cancer-gynecologiques.hide {
  transform: translateY(-60px);
}
@media screen and (min-width: 357px) {
  .reference-header.hide,
  .reference-header-cancer-gynecologiques.hide {
    transform: translateY(-32px);
  }
}

.page-meningitis_meningococcal #header,
.page-zona #header,
.page-rotavirus #header,
.page-lupus #header,
.page-cancers-du-sang #header,
.page-cancers-gynecologiques #header {
  position: relative;
}
.page-meningitis_meningococcal #header .reference-header.hide,
.page-meningitis_meningococcal #header .reference-header-cancer-gynecologiques.hide,
.page-zona #header .reference-header.hide,
.page-zona #header .reference-header-cancer-gynecologiques.hide,
.page-rotavirus #header .reference-header.hide,
.page-rotavirus #header .reference-header-cancer-gynecologiques.hide,
.page-lupus #header .reference-header.hide,
.page-lupus #header .reference-header-cancer-gynecologiques.hide,
.page-cancers-du-sang #header .reference-header.hide,
.page-cancers-du-sang #header .reference-header-cancer-gynecologiques.hide,
.page-cancers-gynecologiques #header .reference-header.hide,
.page-cancers-gynecologiques #header .reference-header-cancer-gynecologiques.hide {
  transform: translateY(0);
}

#header {
  max-width: 1920px;
  margin: auto;
  padding: 0;
  position: sticky;
  top: 0;
}

/* Utility menu */
.utility-menu {
  display: block;
}
.utility-menu > .component-content > .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.utility-menu > .component-content > .content p {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin: 2px auto;
}
@media only screen and (min-width: 992px) {
  .utility-menu > .component-content > .content p {
    font-size: 16px;
  }
}

.reference-header,
.reference-header-cancer-gynecologiques {
  padding: 0;
}
.reference-header div,
.reference-header-cancer-gynecologiques div {
  float: none;
}
.reference-header .content > a:first-of-type,
.reference-header-cancer-gynecologiques .content > a:first-of-type {
  display: none;
}
.reference-header .paragraphSystem::before,
.reference-header .paragraphSystem::after,
.reference-header-cancer-gynecologiques .paragraphSystem::before,
.reference-header-cancer-gynecologiques .paragraphSystem::after {
  display: none;
}
.reference-header.Header,
.reference-header-cancer-gynecologiques.Header {
  min-height: 52px;
  position: relative;
  z-index: 1000;
  background-color: #2b5a7e;
  line-height: 1;
}
.reference-header.Header .header-container,
.reference-header-cancer-gynecologiques.Header .header-container {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 100% !important;
  padding-left: 11px !important;
  padding-right: 30px !important;
  width: 100%;
}
.reference-header.Header .header-container img,
.reference-header-cancer-gynecologiques.Header .header-container img {
  min-width: 100px;
  height: auto;
}
@media screen and (min-width: 992px) {
  .reference-header.Header .header-container,
  .reference-header-cancer-gynecologiques.Header .header-container {
    padding: 0 30px !important;
  }
}
@media only screen and (min-width: 992px) {
  .reference-header.Header .header-container,
  .reference-header-cancer-gynecologiques.Header .header-container {
    padding: 0 45px;
  }
}
.reference-header.Header .header-container > .component-content,
.reference-header-cancer-gynecologiques.Header .header-container > .component-content {
  margin: auto;
  max-width: 1170px;
  width: 100%;
}
.reference-header.Header > .inner > .component-content,
.reference-header-cancer-gynecologiques.Header > .inner > .component-content {
  position: relative;
  z-index: 101;
  background-color: #2b5a7e;
  width: 100vw;
  max-width: 100%;
  height: fit-content;
}
@media only screen and (min-width: 992px) {
  .reference-header.Header > .inner > .component-content,
  .reference-header-cancer-gynecologiques.Header > .inner > .component-content {
    background-image: none;
    position: initial;
    box-shadow: none;
  }
}
.reference-header.Header > .inner > .component-content > .image.header-background-mb,
.reference-header-cancer-gynecologiques.Header > .inner > .component-content > .image.header-background-mb {
  z-index: -1;
  position: absolute;
  bottom: -0;
}
@media only screen and (min-width: 992px) {
  .reference-header.Header > .inner > .component-content > .image.header-background-mb,
  .reference-header-cancer-gynecologiques.Header > .inner > .component-content > .image.header-background-mb {
    display: none;
  }
}
.reference-header.Header > .inner > .component-content > .image.header-background-mb.no-background,
.reference-header-cancer-gynecologiques.Header > .inner > .component-content > .image.header-background-mb.no-background {
  display: none;
}
.reference-header.Header > .inner > .component-content > .image.header-background-mb .component-content,
.reference-header-cancer-gynecologiques.Header > .inner > .component-content > .image.header-background-mb .component-content {
  display: flex;
}
.reference-header.Header > .inner > .component-content > .image.header-background-mb img,
.reference-header-cancer-gynecologiques.Header > .inner > .component-content > .image.header-background-mb img {
  transform: translateX(calc(100vw - 767px));
  min-width: 940px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .reference-header.Header > .inner > .component-content > .image.header-background-mb img,
  .reference-header-cancer-gynecologiques.Header > .inner > .component-content > .image.header-background-mb img {
    transform: none;
  }
}
.reference-header.Header:not(.is-expanded) > .inner > .component-content > .image.header-background-mb,
.reference-header-cancer-gynecologiques.Header:not(.is-expanded) > .inner > .component-content > .image.header-background-mb {
  display: none;
}
.reference-header.Header .navigation-mobile-menu,
.reference-header-cancer-gynecologiques.Header .navigation-mobile-menu {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  z-index: 1;
  outline: none;
  margin-left: 8px;
  border: none;
  top: 100px;
  right: 30px;
  cursor: pointer;
  background: url("../../img/svg/menu.svg") no-repeat;
}
.reference-header.Header .navigation-mobile-menu.is-open,
.reference-header-cancer-gynecologiques.Header .navigation-mobile-menu.is-open {
  background: url("../../img/svg/menu-opened.svg") no-repeat;
}
.reference-header.Header .navigation-mobile-menu::after,
.reference-header-cancer-gynecologiques.Header .navigation-mobile-menu::after {
  content: None;
}
@media screen and (min-width: 357px) {
  .reference-header.Header .navigation-mobile-menu,
  .reference-header-cancer-gynecologiques.Header .navigation-mobile-menu {
    top: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .reference-header.Header .navigation-mobile-menu,
  .reference-header-cancer-gynecologiques.Header .navigation-mobile-menu {
    display: none;
  }
}
.reference-header.Header.is-expanded > .inner > .component-content,
.reference-header-cancer-gynecologiques.Header.is-expanded > .inner > .component-content {
  height: auto;
  max-height: 90vh;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.2);
}
.reference-header.Header.is-expanded > .inner > .component-content::-webkit-scrollbar,
.reference-header-cancer-gynecologiques.Header.is-expanded > .inner > .component-content::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.reference-header.Header.is-expanded .font-increment-mb,
.reference-header-cancer-gynecologiques.Header.is-expanded .font-increment-mb {
  display: block;
}
.reference-header.Header.is-expanded .wrapper-hcp-links.clone,
.reference-header-cancer-gynecologiques.Header.is-expanded .wrapper-hcp-links.clone {
  display: block;
}
@media only screen and (min-width: 992px) {
  .reference-header.Header.is-expanded .wrapper-hcp-links.clone,
  .reference-header-cancer-gynecologiques.Header.is-expanded .wrapper-hcp-links.clone {
    display: none;
  }
}
.reference-header .header-dropdown-info-text,
.reference-header-cancer-gynecologiques .header-dropdown-info-text {
  display: none;
  position: relative;
  width: fit-content;
  padding: 10px 20px 10px 20px;
}
.reference-header .header-dropdown-info-text::after,
.reference-header-cancer-gynecologiques .header-dropdown-info-text::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 70%;
  height: 1px;
  background-color: #fff;
  transform: translateY(-50%);
}
.reference-header .header-dropdown-info-text p,
.reference-header-cancer-gynecologiques .header-dropdown-info-text p {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-align: start;
}
@media only screen and (min-width: 992px) {
  .reference-header .header-dropdown-info-text,
  .reference-header-cancer-gynecologiques .header-dropdown-info-text {
    flex-basis: 450px;
    margin-right: 20px;
  }
  .reference-header .header-dropdown-info-text::after,
  .reference-header-cancer-gynecologiques .header-dropdown-info-text::after {
    top: 0;
    width: 1px;
    right: -20px;
    height: 100%;
    bottom: auto;
    left: auto;
  }
  .reference-header .header-dropdown-info-text p,
  .reference-header-cancer-gynecologiques .header-dropdown-info-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .reference-header .main-nav,
  .reference-header-cancer-gynecologiques .main-nav {
    height: fit-content;
    align-self: initial;
  }
  .reference-header .main-nav .snippetReference.mega-menu > .inner > .component-content > .box.component,
  .reference-header-cancer-gynecologiques .main-nav .snippetReference.mega-menu > .inner > .component-content > .box.component {
    width: 100% !important;
  }
}
@media only screen and (max-width: 991px) {
  .reference-header .main-nav .component-content,
  .reference-header-cancer-gynecologiques .main-nav .component-content {
    width: 100%;
    margin: auto;
  }
  .reference-header .main-nav > .component-content > .navigation-branch > li a,
  .reference-header-cancer-gynecologiques .main-nav > .component-content > .navigation-branch > li a {
    width: 90%;
  }
  .reference-header .main-nav > .component-content > .navigation-branch > li a::after,
  .reference-header-cancer-gynecologiques .main-nav > .component-content > .navigation-branch > li a::after {
    content: '';
    mask-image: url(../../img/arrows/accordion_arrow.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    position: absolute;
    right: 0;
    display: inline-block;
    width: 15px;
    height: 10px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s;
  }
  .reference-header .main-nav > .component-content > .navigation-branch > li.is-active a,
  .reference-header-cancer-gynecologiques .main-nav > .component-content > .navigation-branch > li.is-active a {
    font-weight: 700;
  }
  .reference-header .main-nav > .component-content > .navigation-branch > li.is-active a::after,
  .reference-header-cancer-gynecologiques .main-nav > .component-content > .navigation-branch > li.is-active a::after {
    transform: rotate(180deg) translateY(100%);
  }
  .reference-header .main-nav button.navigation-mobile-menu,
  .reference-header-cancer-gynecologiques .main-nav button.navigation-mobile-menu {
    margin-left: 0 !important;
  }
  .reference-header .main-nav .navigation-branch,
  .reference-header-cancer-gynecologiques .main-nav .navigation-branch {
    list-style-type: none;
  }
  .reference-header .main-nav .navigation-branch li,
  .reference-header-cancer-gynecologiques .main-nav .navigation-branch li {
    display: inline-block;
    position: relative;
    padding: 11px 0;
    width: 100%;
    border: none;
  }
  .reference-header .main-nav .navigation-branch li a,
  .reference-header-cancer-gynecologiques .main-nav .navigation-branch li a {
    display: block;
    height: 100%;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    background: none !important;
  }
  .reference-header .main-nav .clone .navigation-level1 .navigation-item,
  .reference-header-cancer-gynecologiques .main-nav .clone .navigation-level1 .navigation-item {
    display: flex;
    position: relative;
  }
  .reference-header .main-nav .clone .navigation-level1 .navigation-item a,
  .reference-header-cancer-gynecologiques .main-nav .clone .navigation-level1 .navigation-item a {
    padding-right: 12px !important;
  }
  .reference-header .main-nav .clone .navigation-level1 .navigation-item::after,
  .reference-header-cancer-gynecologiques .main-nav .clone .navigation-level1 .navigation-item::after {
    content: '';
    display: inline-block;
    background-color: #fff;
    mask-image: url("../../img/arrows/arrow_up_right.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    background-size: 20px;
    width: 22px;
    height: 22px;
    margin: auto 0;
    transform: rotate(-45deg);
  }
}
.reference-header .main-nav .navigation-root.navigation-level1.is-open,
.reference-header-cancer-gynecologiques .main-nav .navigation-root.navigation-level1.is-open {
  display: block;
}
@media only screen and (min-width: 992px) {
  .reference-header .main-nav .navigation-root.navigation-level1,
  .reference-header-cancer-gynecologiques .main-nav .navigation-root.navigation-level1 {
    display: flex;
    height: 50px;
    justify-content: space-between;
  }
}
.reference-header .main-nav button.navigation-mobile-menu,
.reference-header-cancer-gynecologiques .main-nav button.navigation-mobile-menu {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-header .main-nav .navigation-level1 .navigation-item,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item {
    align-items: center;
    line-height: 21px;
    padding: 12px 12px;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .reference-header .main-nav .navigation-level1 .navigation-item a,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item a {
    background: transparent;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    position: relative;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    transition: opacity .2s;
    padding-bottom: 20px;
    text-wrap: wrap;
  }
  .reference-header .main-nav .navigation-level1 .navigation-item a::after,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item a::after {
    content: '';
    mask-image: url(../../img/arrows/accordion_arrow.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    display: inline-block;
    width: 15px;
    height: 10px;
    background-color: #fff;
    transition: transform 0.2s;
  }
  .reference-header .main-nav .navigation-level1 .navigation-item:hover a,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item:hover a {
    transition: transform 0.2s;
    opacity: 0.7;
  }
  .reference-header .main-nav .navigation-level1 .navigation-item:hover a:after,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item:hover a:after {
    transform: rotate(180deg);
  }
  .reference-header .main-nav .navigation-level1 .navigation-item.main-link-active a,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item.main-link-active a {
    font-weight: 600;
  }
  .reference-header .main-nav .navigation-level1 .navigation-item.first,
  .reference-header-cancer-gynecologiques .main-nav .navigation-level1 .navigation-item.first {
    padding-left: 0;
  }
}
.reference-header .main-nav ul,
.reference-header-cancer-gynecologiques .main-nav ul {
  padding-inline-start: 0;
  -webkit-padding-start: 0;
}
@media only screen and (min-width: 992px) {
  .reference-header .main-nav,
  .reference-header-cancer-gynecologiques .main-nav {
    flex: 1;
  }
}
.reference-header .mega-menu,
.reference-header-cancer-gynecologiques .mega-menu {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-header .mega-menu,
  .reference-header-cancer-gynecologiques .mega-menu {
    display: block;
    overflow-y: auto;
    max-height: 175px;
    height: fit-content;
    padding-bottom: 30px !important;
  }
  .reference-header .mega-menu .inner > .component-content,
  .reference-header-cancer-gynecologiques .mega-menu .inner > .component-content {
    overflow: hidden;
  }
  .reference-header .mega-menu .navigation-branch li,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-branch li {
    font-weight: 600;
  }
}
@media only screen and (min-width: 992px) {
  .reference-header .Header .color-wordmark-blue .keyline::after,
  .reference-header-cancer-gynecologiques .Header .color-wordmark-blue .keyline::after {
    width: 100px;
  }
  .reference-header .Header .keyline::after,
  .reference-header-cancer-gynecologiques .Header .keyline::after {
    margin-top: 5px;
    width: auto;
  }
  .reference-header .Header .mb-nav-submenu,
  .reference-header-cancer-gynecologiques .Header .mb-nav-submenu {
    width: auto;
  }
  .reference-header .header-container,
  .reference-header-cancer-gynecologiques .header-container {
    display: flex;
    justify-content: center;
    max-width: 1225px !important;
  }
  .reference-header .header-container > .component-content,
  .reference-header-cancer-gynecologiques .header-container > .component-content {
    width: 100%;
  }
  .reference-header .header-container > .component-content > .content,
  .reference-header-cancer-gynecologiques .header-container > .component-content > .content {
    display: flex;
  }
  .reference-header .container-nav-rounded,
  .reference-header-cancer-gynecologiques .container-nav-rounded {
    position: absolute;
    z-index: 101;
    top: 150px;
    width: 100%;
    display: none;
    background-color: #193a54;
  }
  .reference-header .mega-menu,
  .reference-header-cancer-gynecologiques .mega-menu {
    padding: 12px 0;
  }
  .reference-header .mega-menu .inner,
  .reference-header-cancer-gynecologiques .mega-menu .inner {
    max-width: 1170px;
    margin: auto;
  }
  .reference-header .mega-menu .inner > .component-content .component-medium,
  .reference-header-cancer-gynecologiques .mega-menu .inner > .component-content .component-medium {
    max-width: 1170px;
    padding-left: 8px;
  }
  .reference-header .mega-menu .inner > .component-content > .box,
  .reference-header-cancer-gynecologiques .mega-menu .inner > .component-content > .box {
    padding-left: 0px;
  }
  .reference-header .mega-menu .container,
  .reference-header-cancer-gynecologiques .mega-menu .container {
    width: 100%;
  }
  .reference-header .mega-menu .container > .component-content > .content,
  .reference-header-cancer-gynecologiques .mega-menu .container > .component-content > .content {
    display: flex;
  }
  .reference-header .mega-menu .navigation-mobile-menu,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-mobile-menu {
    display: none;
  }
  .reference-header .mega-menu .richText p,
  .reference-header-cancer-gynecologiques .mega-menu .richText p {
    margin: 0;
    color: #fff;
  }
  .reference-header .mega-menu .navigation-level1,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 {
    display: flex;
    flex-wrap: wrap;
  }
  .reference-header .mega-menu .navigation-level1 .navigation-item,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item {
    line-height: 32px;
    position: relative;
    padding-left: 15px;
    padding-right: 40px;
    cursor: pointer;
    border: none;
  }
  .reference-header .mega-menu .navigation-level1 .navigation-item::after,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item::after {
    content: '';
    display: inline-block;
    background-color: #fff;
    mask-image: url("../../img/arrows/arrow_up_right.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    background-size: 20px;
    width: 25px;
    height: 25px;
    margin: auto 0;
    transform: rotate(-45deg);
    transition: opacity .2s;
  }
  .reference-header .mega-menu .navigation-level1 .navigation-item:hover::after,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item:hover::after {
    opacity: 0.7;
  }
  .reference-header .mega-menu .navigation-level1 .navigation-item a,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item a {
    font-size: 14px;
    font-weight: normal;
    background: none;
    color: #fff;
    transition: opacity .2s;
  }
  .reference-header .mega-menu .navigation-level1 .navigation-item a .navigation-item-decoration,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item a .navigation-item-decoration {
    display: none;
  }
  .reference-header .mega-menu .navigation-level1 .navigation-item:hover a, .reference-header .mega-menu .navigation-level1 .navigation-item.is-tabbed a, .reference-header .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active a,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item:hover a,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item.is-tabbed a,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active a {
    opacity: 0.7;
  }
  .reference-header .mega-menu .navigation-hover .navigation-item,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-hover .navigation-item {
    max-width: 100%;
  }
  .reference-header .mega-menu .navigation-hover .navigation-item:hover,
  .reference-header-cancer-gynecologiques .mega-menu .navigation-hover .navigation-item:hover {
    border-radius: initial;
  }
  .reference-header .mega-menu ul,
  .reference-header-cancer-gynecologiques .mega-menu ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .reference-header .scrollable .mb-dropdown,
  .reference-header-cancer-gynecologiques .scrollable .mb-dropdown {
    margin-bottom: 15px;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  }
  .reference-header .scrollable .mb-dropdown::-webkit-scrollbar,
  .reference-header-cancer-gynecologiques .scrollable .mb-dropdown::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }
  .reference-header .mb-dropdown,
  .reference-header-cancer-gynecologiques .mb-dropdown {
    max-height: 100vh;
  }
  .reference-header .mb-dropdown figcaption,
  .reference-header-cancer-gynecologiques .mb-dropdown figcaption {
    width: 80%;
  }
  .reference-header .mb-dropdown figcaption a,
  .reference-header-cancer-gynecologiques .mb-dropdown figcaption a {
    z-index: 30;
    text-align: left;
  }
  .reference-header .mb-dropdown figcaption a::after,
  .reference-header-cancer-gynecologiques .mb-dropdown figcaption a::after {
    content: '';
    position: absolute;
    border: solid;
    border-width: 0 2px 2px 0;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: -15%;
    margin-top: -6px;
  }
  .reference-header .mb-dropdown figcaption a span,
  .reference-header-cancer-gynecologiques .mb-dropdown figcaption a span {
    display: block;
    line-height: 1.4;
    margin-bottom: 11px;
  }
  .reference-header .mb-dropdown button,
  .reference-header-cancer-gynecologiques .mb-dropdown button {
    display: none;
  }
  .reference-header .mb-dropdown .navigation.component.section,
  .reference-header-cancer-gynecologiques .mb-dropdown .navigation.component.section {
    z-index: 30;
  }
  .reference-header .mb-dropdown .navigation.component.section,
  .reference-header-cancer-gynecologiques .mb-dropdown .navigation.component.section {
    padding-top: 0;
  }
  .reference-header .mb-dropdown .navigation.component.section .box.component.section,
  .reference-header-cancer-gynecologiques .mb-dropdown .navigation.component.section .box.component.section {
    padding-top: 0;
  }
  .reference-header .mb-dropdown .keyline::after,
  .reference-header-cancer-gynecologiques .mb-dropdown .keyline::after {
    display: none;
  }
  .reference-header .mb-dropdown .container,
  .reference-header-cancer-gynecologiques .mb-dropdown .container {
    padding: 0;
  }
  .reference-header .mb-dropdown .mb-nav-submenu,
  .reference-header-cancer-gynecologiques .mb-dropdown .mb-nav-submenu {
    z-index: 20;
    padding-right: 16px;
  }
  .reference-header .mb-dropdown .mb-nav-submenu .richText-content,
  .reference-header-cancer-gynecologiques .mb-dropdown .mb-nav-submenu .richText-content {
    padding: 11px 0;
  }
  .reference-header .mb-dropdown .mb-nav-submenu .richText-content::after,
  .reference-header-cancer-gynecologiques .mb-dropdown .mb-nav-submenu .richText-content::after {
    content: '';
    position: absolute;
    border: solid;
    border-width: 0 2px 2px 0;
    padding: 5px;
    right: 16px;
    top: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform .2s ease-out;
  }
  .reference-header .mb-dropdown .mb-nav-submenu.active-submenu .richText-content::after,
  .reference-header-cancer-gynecologiques .mb-dropdown .mb-nav-submenu.active-submenu .richText-content::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .reference-header .mb-dropdown .mega-menu-img .image,
  .reference-header-cancer-gynecologiques .mb-dropdown .mega-menu-img .image {
    margin-top: 10px;
  }
  .reference-header .mb-dropdown .mega-menu-img figure,
  .reference-header-cancer-gynecologiques .mb-dropdown .mega-menu-img figure {
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 11px;
  }
  .reference-header .mb-dropdown .mega-menu-img figure img,
  .reference-header-cancer-gynecologiques .mb-dropdown .mega-menu-img figure img {
    width: 100%;
  }
  .reference-header .navigation-logo,
  .reference-header-cancer-gynecologiques .navigation-logo {
    margin-top: -20px;
  }
  .reference-header .navigation-logo img,
  .reference-header-cancer-gynecologiques .navigation-logo img {
    max-width: 99px !important;
    max-height: 32px !important;
  }
}
@media only screen and (max-width: 991px) and (min-width: 992px) {
  .reference-header .navigation-logo,
  .reference-header-cancer-gynecologiques .navigation-logo {
    margin-top: initial;
  }
}
@media only screen and (max-width: 991px) {
  .reference-header .padding-60-top,
  .reference-header-cancer-gynecologiques .padding-60-top {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .reference-header .mb-dropdown .mega-menu-img figure img,
  .reference-header-cancer-gynecologiques .mb-dropdown .mega-menu-img figure img {
    width: 75%;
  }
}
.reference-header .no-background,
.reference-header-cancer-gynecologiques .no-background {
  background-image: none !important;
}
@media only screen and (min-width: 992px) {
  .reference-header .navigation-link-active.is-active,
  .reference-header-cancer-gynecologiques .navigation-link-active.is-active {
    border-radius: 22.5px;
  }
  .reference-header .navigation-link-active.is-active.navigation-level1.navigation-item a,
  .reference-header-cancer-gynecologiques .navigation-link-active.is-active.navigation-level1.navigation-item a {
    color: #fff;
  }
}
.reference-header .main-title-active,
.reference-header-cancer-gynecologiques .main-title-active {
  z-index: 1000;
}
.reference-header .main-title-active p::after,
.reference-header-cancer-gynecologiques .main-title-active p::after {
  content: '';
  position: absolute;
  border: solid #E37200;
  border-width: 0 2px 2px 0;
  margin-top: 11px;
  margin-right: 6px;
  padding: 5px;
  right: -2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-134deg);
}
@media only screen and (min-width: 992px) {
  .reference-header .clone,
  .reference-header-cancer-gynecologiques .clone {
    display: none !important;
  }
}
.reference-header .mega-menu > .inner > .component-content > .box > .component-content > .paragraphSystem,
.reference-header-cancer-gynecologiques .mega-menu > .inner > .component-content > .box > .component-content > .paragraphSystem {
  overflow: hidden;
}
.reference-header .image,
.reference-header-cancer-gynecologiques .image {
  flex-shrink: 0;
  margin: 0;
}
.reference-header .image img,
.reference-header-cancer-gynecologiques .image img {
  width: 170px;
}
@media only screen and (min-width: 992px) {
  .reference-header .image img,
  .reference-header-cancer-gynecologiques .image img {
    width: 100% !important;
    max-width: 220px;
  }
}
@media only screen and (min-width: 992px) {
  .reference-header .image,
  .reference-header-cancer-gynecologiques .image {
    margin-left: -26px;
  }
}
.reference-header .navigation-search-nav-wrap,
.reference-header-cancer-gynecologiques .navigation-search-nav-wrap {
  margin-top: 12px;
}
.reference-header .navigation-search-nav-wrap .content,
.reference-header-cancer-gynecologiques .navigation-search-nav-wrap .content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (min-width: 992px) {
  .reference-header .navigation-search-nav-wrap .content,
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap .content {
    flex-direction: unset;
    flex-wrap: wrap;
    gap: 0;
  }
}
@media only screen and (min-width: 992px) {
  .reference-header .navigation-search-nav-wrap,
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap {
    display: flex;
    align-items: center;
  }
}
.reference-header .searchBox,
.reference-header-cancer-gynecologiques .searchBox {
  padding: 0 20px;
  margin-bottom: 10px !important;
  min-width: unset;
  background-color: #193a54;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  .reference-header .searchBox,
  .reference-header-cancer-gynecologiques .searchBox {
    margin-bottom: 12px !important;
    margin-left: 18px;
    margin-right: 18px;
    padding: 0;
  }
  .reference-header .searchBox .navigation-search-nav-wrap,
  .reference-header-cancer-gynecologiques .searchBox .navigation-search-nav-wrap {
    padding: 0 18px;
    display: block;
  }
}
.reference-header .searchBox .searchBox-label input,
.reference-header-cancer-gynecologiques .searchBox .searchBox-label input {
  height: 52px !important;
  font-size: 14px !important;
  border: 2px solid white !important;
  color: #193a54 !important;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .reference-header .searchBox .searchBox-label input,
  .reference-header-cancer-gynecologiques .searchBox .searchBox-label input {
    height: 38px !important;
  }
}
.reference-header .searchBox .searchBox-label input::placeholder,
.reference-header-cancer-gynecologiques .searchBox .searchBox-label input::placeholder {
  font-weight: 700;
  color: #193a54;
}
.reference-header .navigation-search-nav-wrap,
.reference-header-cancer-gynecologiques .navigation-search-nav-wrap {
  display: none;
}
.reference-header .navigation-search-nav-wrap:has(button.is-open),
.reference-header-cancer-gynecologiques .navigation-search-nav-wrap:has(button.is-open) {
  display: block;
}
@media only screen and (min-width: 992px) {
  .reference-header .navigation-search-nav-wrap,
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap {
    display: flex;
  }
}
.reference-header .navigation-level1,
.reference-header-cancer-gynecologiques .navigation-level1 {
  padding-right: 20px;
}
@media only screen and (min-width: 992px) {
  .reference-header .navigation-level1,
  .reference-header-cancer-gynecologiques .navigation-level1 {
    padding-right: 0;
  }
}
.reference-header .mega-menu,
.reference-header-cancer-gynecologiques .mega-menu {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .reference-header .mega-menu,
  .reference-header-cancer-gynecologiques .mega-menu {
    margin-bottom: 0;
  }
}

.reference-header .searchBox,
.reference-header-cancer-gynecologiques .searchBox {
  max-width: 100%;
}
@media only screen and (min-width: 992px) {
  .reference-header .searchBox,
  .reference-header-cancer-gynecologiques .searchBox {
    max-width: calc(100% - 195px);
    width: 100%;
    display: inline-block;
  }
}

.reference-header .mega-menu .inner > .component-content {
  padding-left: 0 !important;
}
@media only screen and (min-width: 992px) {
  .reference-header .mega-menu .inner > .component-content {
    padding-left: 40px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-header .mega-menu .inner > .component-content {
    padding-left: 10px !important;
  }
}

.reference-header .page-cancer-gynecologiques {
  display: none !important;
}

.reference-header .header-container {
  background-color: #193a54 !important;
}

.reference-header-cancer-gynecologiques .header-container {
  background-color: #00ADBA !important;
}
.reference-header-cancer-gynecologiques .navigation-item-title {
  color: #18374E !important;
}
.reference-header-cancer-gynecologiques .navigation-search-nav-wrap .content {
  gap: 20px;
  margin: 20px 0;
}
.reference-header-cancer-gynecologiques .navigation {
  align-self: start;
  width: 100%;
}
.reference-header-cancer-gynecologiques .navigation li {
  padding: 0 0 0 20px !important;
  margin: 0;
}
.reference-header-cancer-gynecologiques .navigation a {
  padding: 0 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
.reference-header-cancer-gynecologiques .navigation a::after {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 40px;
  }
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap .content {
    display: flex;
    gap: 50px;
    margin: 0;
  }
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap a,
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap li,
  .reference-header-cancer-gynecologiques .navigation-search-nav-wrap ul {
    width: fit-content;
  }
}

.vertical-timeline-with-details {
  margin-top: 28px;
}
.vertical-timeline-with-details div {
  float: none;
}
.vertical-timeline-with-details .content > a:first-of-type {
  display: none;
}
.vertical-timeline-with-details .paragraphSystem::before,
.vertical-timeline-with-details .paragraphSystem::after {
  display: none;
}
.vertical-timeline-with-details > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details > .component-content > .content {
    gap: 10px;
  }
}
.vertical-timeline-with-details .vertical-timeline-card {
  padding: 0;
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content {
  display: flex;
  flex-direction: column;
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content p {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content {
    flex-direction: row;
  }
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first {
  background-color: #BED187;
  border-radius: 10px;
  margin-bottom: 30px;
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content {
  padding: 40px 0;
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .big-title,
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .big-title strong {
  font-family: Outfit !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .big-title,
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .big-title strong {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .small-title p,
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .small-title strong {
  margin-top: 10px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .small-title p,
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .small-title strong {
    font-size: 18px;
    line-height: 24px;
  }
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .smaller-title {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first > .component-content .smaller-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .first {
    max-width: 284px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last {
    max-width: 512px;
  }
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last > .component-content {
  background-color: rgba(190, 209, 135, 0.3);
  padding: 25px 30px;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last > .component-content {
    margin-left: 76px;
  }
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
.vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last::before {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #F17524;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last {
    flex-direction: row;
  }
  .vertical-timeline-with-details .vertical-timeline-card > .component-content > .content > .last::before {
    width: 76px;
    height: 2px;
    top: 50%;
    left: 0%;
  }
}
.vertical-timeline-with-details .vertical-timeline-card .reference-icon-list-item .icon-list-item {
  flex-direction: row;
  gap: 25px;
}
.vertical-timeline-with-details .vertical-timeline-card .reference-icon-list-item .icon-list-item picture {
  min-width: fit-content;
  align-self: baseline;
}
.vertical-timeline-with-details .vertical-timeline-card .reference-icon-list-item .icon-list-item picture img {
  height: 30px !important;
}
.vertical-timeline-with-details .vertical-timeline-card .reference-icon-list-item:has(+ .reference-icon-list-item) .icon-list-item {
  margin-bottom: 15px;
}
.vertical-timeline-with-details .vertical-timeline-card:first-of-type .richText.first {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card:first-of-type .richText.first {
    height: 284px;
  }
}
.vertical-timeline-with-details .vertical-timeline-card:first-of-type .richText.last {
  align-self: center;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card:last-of-type {
    max-width: 284px;
  }
}
.vertical-timeline-with-details .vertical-timeline-card:last-of-type .richText {
  width: 100%;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  overflow: hidden;
}
.vertical-timeline-with-details .vertical-timeline-card:last-of-type .richText p {
  text-align: center !important;
}
.vertical-timeline-with-details .vertical-timeline-card:last-of-type .richText .component-content {
  margin-left: 0 !important;
  padding-top: 40px !important;
}
.vertical-timeline-with-details .vertical-timeline-card:last-of-type .richText::before {
  display: none !important;
}
.vertical-timeline-with-details .vertical-timeline-card:last-of-type .richText:after {
  content: '';
  display: block;
  border-left: calc(100vw / 2 - 45px) solid transparent;
  border-right: calc(100vw / 2 - 45px) solid transparent;
  background-color: white;
  border-top: 100px solid #BED187;
}
@media only screen and (min-width: 992px) {
  .vertical-timeline-with-details .vertical-timeline-card:last-of-type .richText:after {
    border-left: 142px solid transparent;
    border-right: 142px solid transparent;
  }
}

.text-with-links {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .text-with-links {
    margin-bottom: 80px;
  }
}
.text-with-links div {
  float: none;
}
.text-with-links .content > a:first-of-type {
  display: none;
}
.text-with-links .paragraphSystem::before,
.text-with-links .paragraphSystem::after {
  display: none;
}
.text-with-links .content p {
  padding: 0;
  margin: 0;
  font-size: 18px;
}
.text-with-links .content .reference-link-arrow {
  padding: 0;
  margin-top: 30px;
}
.text-with-links .content .link-arrow {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}
.text-with-links .content .link-arrow:after {
  height: 30px;
  max-width: 30px;
  width: 100%;
}

.meningococcal-spacing .reference-link-arrow {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .meningococcal-spacing .reference-link-arrow {
    padding-top: 10px;
  }
}

.text-image-block-no-link {
  max-width: 1440px;
  width: fit-content;
  margin: auto;
}
.text-image-block-no-link h2 {
  color: #193a54 !important;
}
.text-image-block-no-link a {
  display: none;
}
.text-image-block-no-link .reference-text-block-with-image {
  width: 100%;
}
.text-image-block-no-link .text-block-with-image {
  padding: 0 15px;
  margin-bottom: 60px;
  gap: 28px;
}
@media only screen and (min-width: 992px) {
  .text-image-block-no-link .text-block-with-image {
    margin-bottom: 80px;
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .text-image-block-no-link .text-block-with-image_content_wrapper {
    width: 45%;
  }
}

.en-savoir-yellow-carousel,
.en-savoir-red-carousel,
.en-savoir-blue-carousel,
.en-savoir-pink-carousel,
.slider-with-images-no-background {
  width: calc(100% + 30px);
  background-color: #fedb00;
  padding: 50px 0 0 30px;
  max-width: 1920px;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel,
  .en-savoir-red-carousel,
  .en-savoir-blue-carousel,
  .en-savoir-pink-carousel,
  .slider-with-images-no-background {
    padding-top: 0;
    padding-right: 30px;
  }
}
.en-savoir-yellow-carousel div,
.en-savoir-red-carousel div,
.en-savoir-blue-carousel div,
.en-savoir-pink-carousel div,
.slider-with-images-no-background div {
  float: none;
}
.en-savoir-yellow-carousel .content > a:first-of-type,
.en-savoir-red-carousel .content > a:first-of-type,
.en-savoir-blue-carousel .content > a:first-of-type,
.en-savoir-pink-carousel .content > a:first-of-type,
.slider-with-images-no-background .content > a:first-of-type {
  display: none;
}
.en-savoir-yellow-carousel .paragraphSystem::before,
.en-savoir-yellow-carousel .paragraphSystem::after,
.en-savoir-red-carousel .paragraphSystem::before,
.en-savoir-red-carousel .paragraphSystem::after,
.en-savoir-blue-carousel .paragraphSystem::before,
.en-savoir-blue-carousel .paragraphSystem::after,
.en-savoir-pink-carousel .paragraphSystem::before,
.en-savoir-pink-carousel .paragraphSystem::after,
.slider-with-images-no-background .paragraphSystem::before,
.slider-with-images-no-background .paragraphSystem::after {
  display: none;
}
.en-savoir-yellow-carousel .content,
.en-savoir-red-carousel .content,
.en-savoir-blue-carousel .content,
.en-savoir-pink-carousel .content,
.slider-with-images-no-background .content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel .content,
  .en-savoir-red-carousel .content,
  .en-savoir-blue-carousel .content,
  .en-savoir-pink-carousel .content,
  .slider-with-images-no-background .content {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 1044px;
    margin: auto;
  }
}
.en-savoir-yellow-carousel .content .richText,
.en-savoir-red-carousel .content .richText,
.en-savoir-blue-carousel .content .richText,
.en-savoir-pink-carousel .content .richText,
.slider-with-images-no-background .content .richText {
  padding: 0;
}
.en-savoir-yellow-carousel .content .richText-content,
.en-savoir-red-carousel .content .richText-content,
.en-savoir-blue-carousel .content .richText-content,
.en-savoir-pink-carousel .content .richText-content,
.slider-with-images-no-background .content .richText-content {
  text-align: start !important;
}
.en-savoir-yellow-carousel .content .richText-content h3, .en-savoir-yellow-carousel .content .richText-content p,
.en-savoir-red-carousel .content .richText-content h3,
.en-savoir-red-carousel .content .richText-content p,
.en-savoir-blue-carousel .content .richText-content h3,
.en-savoir-blue-carousel .content .richText-content p,
.en-savoir-pink-carousel .content .richText-content h3,
.en-savoir-pink-carousel .content .richText-content p,
.slider-with-images-no-background .content .richText-content h3,
.slider-with-images-no-background .content .richText-content p {
  margin: 0;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  color: #331851;
}
@media only screen and (min-width: 1200px) {
  .en-savoir-yellow-carousel .content .richText-content h3, .en-savoir-yellow-carousel .content .richText-content p,
  .en-savoir-red-carousel .content .richText-content h3,
  .en-savoir-red-carousel .content .richText-content p,
  .en-savoir-blue-carousel .content .richText-content h3,
  .en-savoir-blue-carousel .content .richText-content p,
  .en-savoir-pink-carousel .content .richText-content h3,
  .en-savoir-pink-carousel .content .richText-content p,
  .slider-with-images-no-background .content .richText-content h3,
  .slider-with-images-no-background .content .richText-content p {
    font-size: 38px;
    line-height: 48px;
  }
}
.en-savoir-yellow-carousel .content .carousel,
.en-savoir-red-carousel .content .carousel,
.en-savoir-blue-carousel .content .carousel,
.en-savoir-pink-carousel .content .carousel,
.slider-with-images-no-background .content .carousel {
  position: relative;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel .content .carousel,
  .en-savoir-red-carousel .content .carousel,
  .en-savoir-blue-carousel .content .carousel,
  .en-savoir-pink-carousel .content .carousel,
  .slider-with-images-no-background .content .carousel {
    padding: 60px 0;
  }
}
.en-savoir-yellow-carousel .content .carousel .component-content,
.en-savoir-red-carousel .content .carousel .component-content,
.en-savoir-blue-carousel .content .carousel .component-content,
.en-savoir-pink-carousel .content .carousel .component-content,
.slider-with-images-no-background .content .carousel .component-content {
  overflow: hidden;
}
.en-savoir-yellow-carousel .content .carousel-slides,
.en-savoir-red-carousel .content .carousel-slides,
.en-savoir-blue-carousel .content .carousel-slides,
.en-savoir-pink-carousel .content .carousel-slides,
.slider-with-images-no-background .content .carousel-slides {
  position: relative;
  width: fit-content;
  list-style-type: none;
  display: flex;
  overflow: hidden;
  padding: 0;
  z-index: 2;
  margin: 0;
  gap: 10px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel .content .carousel-slides,
  .en-savoir-red-carousel .content .carousel-slides,
  .en-savoir-blue-carousel .content .carousel-slides,
  .en-savoir-pink-carousel .content .carousel-slides,
  .slider-with-images-no-background .content .carousel-slides {
    gap: 20px;
  }
}
.en-savoir-yellow-carousel .content .carousel-slide,
.en-savoir-red-carousel .content .carousel-slide,
.en-savoir-blue-carousel .content .carousel-slide,
.en-savoir-pink-carousel .content .carousel-slide,
.slider-with-images-no-background .content .carousel-slide {
  position: relative;
  display: block !important;
}
.en-savoir-yellow-carousel .content .carousel-slide .content,
.en-savoir-red-carousel .content .carousel-slide .content,
.en-savoir-blue-carousel .content .carousel-slide .content,
.en-savoir-pink-carousel .content .carousel-slide .content,
.slider-with-images-no-background .content .carousel-slide .content {
  padding: 0;
}
.en-savoir-yellow-carousel .content .carousel-nav,
.en-savoir-red-carousel .content .carousel-nav,
.en-savoir-blue-carousel .content .carousel-nav,
.en-savoir-pink-carousel .content .carousel-nav,
.slider-with-images-no-background .content .carousel-nav {
  z-index: 1;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.en-savoir-yellow-carousel .content .carousel-nav-item,
.en-savoir-red-carousel .content .carousel-nav-item,
.en-savoir-blue-carousel .content .carousel-nav-item,
.en-savoir-pink-carousel .content .carousel-nav-item,
.slider-with-images-no-background .content .carousel-nav-item {
  display: none;
}
.en-savoir-yellow-carousel .content .carousel-nav-prev, .en-savoir-yellow-carousel .content .carousel-nav-next,
.en-savoir-red-carousel .content .carousel-nav-prev,
.en-savoir-red-carousel .content .carousel-nav-next,
.en-savoir-blue-carousel .content .carousel-nav-prev,
.en-savoir-blue-carousel .content .carousel-nav-next,
.en-savoir-pink-carousel .content .carousel-nav-prev,
.en-savoir-pink-carousel .content .carousel-nav-next,
.slider-with-images-no-background .content .carousel-nav-prev,
.slider-with-images-no-background .content .carousel-nav-next {
  align-self: end;
  transform: translateY(50%);
}
.en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-next,
.en-savoir-red-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-red-carousel .content .carousel-nav .carousel-nav-next,
.en-savoir-blue-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-blue-carousel .content .carousel-nav .carousel-nav-next,
.en-savoir-pink-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-pink-carousel .content .carousel-nav .carousel-nav-next,
.slider-with-images-no-background .content .carousel-nav .carousel-nav-prev,
.slider-with-images-no-background .content .carousel-nav .carousel-nav-next {
  background-color: #331851;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 4px;
}
.en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-next a,
.en-savoir-red-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-red-carousel .content .carousel-nav .carousel-nav-next a,
.en-savoir-blue-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-blue-carousel .content .carousel-nav .carousel-nav-next a,
.en-savoir-pink-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-pink-carousel .content .carousel-nav .carousel-nav-next a,
.slider-with-images-no-background .content .carousel-nav .carousel-nav-prev a,
.slider-with-images-no-background .content .carousel-nav .carousel-nav-next a {
  color: transparent;
  border: none;
  width: 45px;
  height: 100%;
  margin-right: 15px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: auto;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-next a,
  .en-savoir-red-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-red-carousel .content .carousel-nav .carousel-nav-next a,
  .en-savoir-blue-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-blue-carousel .content .carousel-nav .carousel-nav-next a,
  .en-savoir-pink-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-pink-carousel .content .carousel-nav .carousel-nav-next a,
  .slider-with-images-no-background .content .carousel-nav .carousel-nav-prev a,
  .slider-with-images-no-background .content .carousel-nav .carousel-nav-next a {
    width: 100%;
    transform: translateX(0%) rotate(180deg);
  }
}
.en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-red-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-blue-carousel .content .carousel-nav .carousel-nav-prev,
.en-savoir-pink-carousel .content .carousel-nav .carousel-nav-prev,
.slider-with-images-no-background .content .carousel-nav .carousel-nav-prev {
  border-radius: 0;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-red-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-blue-carousel .content .carousel-nav .carousel-nav-prev a,
.en-savoir-pink-carousel .content .carousel-nav .carousel-nav-prev a,
.slider-with-images-no-background .content .carousel-nav .carousel-nav-prev a {
  transform: rotate(0deg);
  margin-left: 15px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-red-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-blue-carousel .content .carousel-nav .carousel-nav-prev a,
  .en-savoir-pink-carousel .content .carousel-nav .carousel-nav-prev a,
  .slider-with-images-no-background .content .carousel-nav .carousel-nav-prev a {
    transform: translateX(0%) rotate(0deg);
  }
}
@media only screen and (min-width: 768px) {
  .en-savoir-yellow-carousel .content .carousel-nav,
  .en-savoir-red-carousel .content .carousel-nav,
  .en-savoir-blue-carousel .content .carousel-nav,
  .en-savoir-pink-carousel .content .carousel-nav,
  .slider-with-images-no-background .content .carousel-nav {
    display: none !important;
  }
}

.en-savoir-red-carousel {
  background-color: #e56a54;
}
.en-savoir-red-carousel .component-content {
  max-width: 100%;
}
.en-savoir-red-carousel .content .richText h3, .en-savoir-red-carousel .content .richText p {
  color: white;
}
.en-savoir-red-carousel .ensavior-carousel-card-link {
  color: #00677f;
}
.en-savoir-red-carousel .ensavior-carousel-card-link:after {
  background-color: #00677f;
}
.en-savoir-red-carousel .carousel-nav-prev,
.en-savoir-red-carousel .carousel-nav-next {
  background-color: #00677f !important;
}

.slider-with-images-no-background {
  background-color: transparent;
  max-width: 900px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 120px;
}
.slider-with-images-no-background .content {
  flex-direction: column;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.slider-with-images-no-background .content .richText {
  width: fit-content;
}
.slider-with-images-no-background .content .richText h3, .slider-with-images-no-background .content .richText p {
  width: fit-content;
  color: #193a54;
}
.slider-with-images-no-background .content .carousel {
  padding: 0;
}
.slider-with-images-no-background .content .carousel-slides {
  height: fit-content !important;
  gap: 15px;
  left: 33%;
  padding-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  .slider-with-images-no-background .content .carousel-slides {
    left: unset;
    padding-bottom: 0;
  }
}
.slider-with-images-no-background .content .carousel-slide {
  height: 377px;
}
@media only screen and (min-width: 992px) {
  .slider-with-images-no-background .content .carousel-slide {
    height: fit-content;
  }
}
.slider-with-images-no-background .content .carousel-nav {
  display: flex !important;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .slider-with-images-no-background .content .carousel-nav {
    left: unset;
  }
}
.slider-with-images-no-background .content .carousel-nav .carousel-nav-prev {
  transform: translateY(0);
}
@media only screen and (min-width: 992px) {
  .slider-with-images-no-background .content .carousel-nav .carousel-nav-prev {
    align-self: center;
    position: absolute;
    left: -10%;
  }
}
.slider-with-images-no-background .content .carousel-nav .carousel-nav-next {
  transform: translateY(0);
}
@media only screen and (min-width: 992px) {
  .slider-with-images-no-background .content .carousel-nav .carousel-nav-next {
    align-self: center;
    position: absolute;
    right: -10%;
  }
}

.en-savoir-yellow-carousel .ensavior-carousel-card-link {
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-yellow-carousel .ensavior-carousel-card-link {
    font-size: 20px;
  }
}
.en-savoir-yellow-carousel .content {
  gap: 30px;
}
@media only screen and (min-width: 768px) {
  .en-savoir-yellow-carousel .content {
    gap: 20px;
    margin-top: 60px;
  }
}
.en-savoir-yellow-carousel .richText {
  max-width: 360px;
}
.en-savoir-yellow-carousel .reference-en-savoir-carousel-card {
  max-width: 330px;
  width: 100%;
  margin: 0;
  margin-bottom: 50px;
}
.en-savoir-yellow-carousel .reference-en-savoir-carousel-card .ensavior-carousel-card {
  max-width: 300px;
  height: 340px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .en-savoir-yellow-carousel .reference-en-savoir-carousel-card .ensavior-carousel-card {
    max-width: 330px;
  }
}
.en-savoir-yellow-carousel .reference-en-savoir-carousel-card img {
  transform: translateX(-170px);
}
@media only screen and (min-width: 768px) {
  .en-savoir-yellow-carousel .reference-en-savoir-carousel-card {
    max-width: 670px;
  }
  .en-savoir-yellow-carousel .reference-en-savoir-carousel-card .ensavior-carousel-card {
    max-width: 670px;
  }
  .en-savoir-yellow-carousel .reference-en-savoir-carousel-card img {
    transform: translateX(0);
  }
}

.en-savoir-blue-carousel {
  background-color: #4C8ECA;
}
.en-savoir-blue-carousel .component-content {
  max-width: 100%;
}
.en-savoir-blue-carousel .content {
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-blue-carousel .content {
    gap: 100px;
  }
}
.en-savoir-blue-carousel .content .richText h3, .en-savoir-blue-carousel .content .richText p {
  color: white;
}
.en-savoir-blue-carousel .ensavior-carousel-card-link {
  color: #E6077D;
  height: 70px;
  background-color: #fff;
  opacity: 100%;
  font-size: 15px;
  line-height: 18px;
  transition: background-color 0.3s ease-in-out;
}
.en-savoir-blue-carousel .ensavior-carousel-card-link:after {
  background-color: #E6077D;
}
.en-savoir-blue-carousel .ensavior-carousel-card-link:hover {
  background-color: #d0cfcf;
}
.en-savoir-blue-carousel .carousel-nav-prev,
.en-savoir-blue-carousel .carousel-nav-next {
  background-color: #E6077D !important;
}

.en-savoir-pink-carousel {
  background-color: #E6077D;
}
.en-savoir-pink-carousel .component-content {
  max-width: 100%;
}
.en-savoir-pink-carousel .content {
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .en-savoir-pink-carousel .content {
    gap: 100px;
  }
}
.en-savoir-pink-carousel .content .richText h3, .en-savoir-pink-carousel .content .richText p {
  color: white;
}
.en-savoir-pink-carousel .ensavior-carousel-card-link {
  color: #000;
  height: 70px;
  background-color: #fff;
  opacity: 70%;
  font-size: 15px;
  line-height: 18px;
  transition: background-color 0.3s ease-in-out;
  justify-content: space-between;
}
.en-savoir-pink-carousel .ensavior-carousel-card-link:after {
  background-color: #478EC9;
}
.en-savoir-pink-carousel .ensavior-carousel-card-link:hover {
  background-color: #d0cfcf;
}
.en-savoir-pink-carousel .carousel-nav-prev,
.en-savoir-pink-carousel .carousel-nav-next {
  background-color: #478EC9 !important;
}

.reference-text-block-with-image,
.reference-text-block-with-animated-images {
  max-width: 1440px;
  width: calc(100% + 30px);
}
.reference-text-block-with-image .text-block-with-image,
.reference-text-block-with-image .text-block-with-animated-image,
.reference-text-block-with-animated-images .text-block-with-image,
.reference-text-block-with-animated-images .text-block-with-animated-image {
  padding: 0 30px;
}
.reference-text-block-with-image .full-background-image,
.reference-text-block-with-animated-images .full-background-image {
  padding: 0;
}
.reference-text-block-with-image.no-title h2,
.reference-text-block-with-animated-images.no-title h2 {
  display: none !important;
}

.text-block-with-background-color {
  max-width: 1440px;
  width: calc(100% + 30px);
  padding: 30px;
  background-color: #e56a54;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .text-block-with-background-color {
    padding: 60px 120px;
  }
}
.text-block-with-background-color .reference-text-block-with-image {
  width: 100%;
}
.text-block-with-background-color .text-block-with-image {
  margin: 0;
  padding: 0;
}
.text-block-with-background-color .text-block-with-image_image {
  display: none;
}
.text-block-with-background-color .text-block-with-image_text {
  display: none;
}
.text-block-with-background-color .text-block-with-image_content_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.text-block-with-background-color .text-block-with-image_content_wrapper h2 {
  color: white;
  text-align: center;
}
.text-block-with-background-color .text-block-with-image_content_wrapper p:last-of-type {
  display: none;
}
.text-block-with-background-color .text-block-with-image_content_wrapper p {
  max-width: 1000px;
  color: white;
  text-align: center;
  font-weight: 600;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
  .bottom-spacing:has(.carousel-testimonial) {
    width: calc(100% + 30px);
    padding: 0;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1199px) {
  .bottom-spacing:has(.carousel-testimonial) {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 0;
  }
}
.bottom-spacing:has(.carousel-testimonial) .link-arrow {
  font-size: 20px !important;
}

.no-js .carousel-testimonial {
  padding: 0;
  max-width: 1120px;
  margin: auto;
  margin-bottom: 25px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial {
    margin-top: 38px;
  }
}
.no-js .carousel-testimonial > .component-content {
  border: none;
  background-color: transparent;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial > .component-content {
    padding: 0 45px;
    height: 377px !important;
    display: flex;
  }
}
.no-js .carousel-testimonial > .component-content {
  position: relative !important;
}
.no-js .carousel-testimonial .carousel-slides {
  max-width: 1080px;
  height: auto !important;
  list-style-type: none;
  position: relative;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-slides {
    padding: 0 20px;
    height: 377px !important;
    overflow: hidden;
  }
}
.no-js .carousel-testimonial .carousel-slide img {
  max-height: 380px;
  height: auto;
}
.no-js .carousel-testimonial .carousel-slide > .carouselSlide,
.no-js .carousel-testimonial .carousel-slide .reference-carousel-card {
  padding: 0;
}
.no-js .carousel-testimonial .carousel-slide .image-and-content > img {
  display: none;
}
.no-js .carousel-testimonial .carousel-slide .image-and-content > .carousel-content {
  max-width: 100%;
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card {
    flex-direction: row;
  }
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-image {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-image {
    width: auto;
    max-width: 67%;
  }
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card .author p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-image.small-image {
    max-width: 436px;
  }
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card:has(.small-image) .quote p {
  font-size: 18px;
  line-height: 26px;
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-text {
  font-style: italic;
  font-size: 16px;
  padding: 0 24px;
  font-weight: 400;
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-text .quote {
  font-size: 20px;
  color: #252525;
  margin-right: 10px;
}
.no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-text .author {
  font-size: 16px;
  color: #252525;
  line-height: 28px;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 18px;
  }
  .no-js .carousel-testimonial .carousel-slide .temoignages-carousel-card-text .quote {
    font-size: 24px;
  }
}
.no-js .carousel-testimonial .carousel-nav {
  z-index: 1;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 30px 0 0 0;
}
.no-js .carousel-testimonial .carousel-nav-item {
  display: none;
}
.no-js .carousel-testimonial .carousel-nav-prev, .no-js .carousel-testimonial .carousel-nav-next {
  align-self: end;
  transform: translateY(50%);
}
.no-js .carousel-testimonial .carousel-nav-prev a::before, .no-js .carousel-testimonial .carousel-nav-next a::before {
  content: none;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-nav {
    height: 50%;
    margin: 0;
    justify-content: space-between;
    margin-left: -50px;
  }
}
.no-js .carousel-testimonial .carousel-nav .carousel-nav-prev,
.no-js .carousel-testimonial .carousel-nav .carousel-nav-next {
  background-color: #331851;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 4px;
}
.no-js .carousel-testimonial .carousel-nav .carousel-nav-prev a,
.no-js .carousel-testimonial .carousel-nav .carousel-nav-next a {
  color: transparent;
  border: none;
  width: 45px;
  height: 100%;
  margin-right: 15px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: auto;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-nav .carousel-nav-prev a,
  .no-js .carousel-testimonial .carousel-nav .carousel-nav-next a {
    width: 100%;
    transform: translateX(0%) rotate(180deg);
  }
}
.no-js .carousel-testimonial .carousel-nav .carousel-nav-prev {
  border-radius: 0;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.no-js .carousel-testimonial .carousel-nav .carousel-nav-prev a {
  transform: rotate(0deg);
  margin-left: 15px;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-testimonial .carousel-nav .carousel-nav-prev a {
    transform: translateX(0%) rotate(0deg);
  }
}

.center-small ul.carousel-slides {
  padding: 0;
}
.center-small .carousel-with-slide {
  margin-bottom: 0 !important;
}
.center-small .carousel-with-slide {
  padding: 0 !important;
}
@media only screen and (min-width: 992px) {
  .center-small {
    width: 100% !important;
  }
  .center-small .carousel-slide {
    width: 100% !important;
  }
}
@media only screen and (min-width: 992px) {
  .center-small .carousel-card-title {
    min-height: 208px;
  }
}

.hide-nav {
  display: none !important;
}

.carousel-content:has(.video) .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  .carousel-content:has(.video) .content {
    flex-direction: row;
  }
}
.carousel-content:has(.video) .temoignages-carousel-card-text {
  padding: 0 !important;
}
.carousel-content:has(.video) .reference-temoignages-carousel-card {
  order: 2;
  flex-basis: 60%;
  max-width: 520px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .carousel-content:has(.video) .reference-temoignages-carousel-card {
    margin-left: 80px;
  }
}
.carousel-content:has(.video) .reference-temoignages-carousel-card img {
  display: none;
}
.carousel-content:has(.video) .video {
  order: 1;
  height: 100% !important;
  max-width: 360px !important;
  margin: 0;
}
.carousel-content:has(.video) .video video {
  height: 640px !important;
}

.carousel-testimonial:has(.video) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .carousel-testimonial:has(.video) {
    margin-bottom: 20px;
  }
}
.carousel-testimonial:has(.video) .component-content {
  height: auto !important;
}
.carousel-testimonial:has(.video) .carousel-slides {
  height: auto !important;
}

@media only screen and (min-width: 768px) {
  .carousel-vertical .carousel-content .content {
    flex-direction: column;
  }
}
.carousel-vertical .carousel-content .reference-temoignages-carousel-card {
  max-width: 1080px;
}
.carousel-vertical .carousel-content .video {
  max-width: 1080px !important;
}
.carousel-vertical .carousel-content .video video {
  height: auto !important;
}
@media only screen and (min-width: 768px) {
  .carousel-vertical .carousel-content .video video {
    height: 640px !important;
  }
}

.bottom-spacing:has(.carousel-vertical) {
  width: initial;
  padding: initial;
  margin-left: auto;
  margin-right: auto;
}

body.page-nourisson .center-bigger-xl h1.title-heading {
  color: #193a54 !important;
}

.nourisson-carousel-container {
  width: calc(100% + 30px);
  background-color: #f3dde2;
  max-width: 1920px;
  margin-bottom: 60px;
}
.nourisson-carousel-container .nourisson-carousel-card-text h2 {
  color: #331851;
}
.nourisson-carousel-container div {
  float: none;
}
.nourisson-carousel-container .content > a:first-of-type {
  display: none;
}
.nourisson-carousel-container .paragraphSystem::before,
.nourisson-carousel-container .paragraphSystem::after {
  display: none;
}
.nourisson-carousel-container .carousel-slide:nth-child(2n) .nourisson-carousel-card .nourisson-carousel-card-text,
.nourisson-carousel-container .carousel-slide:nth-child(5n) .nourisson-carousel-card .nourisson-carousel-card-text {
  order: -1;
}
.nourisson-carousel-container .carousel {
  padding: 0;
}
.nourisson-carousel-container .carousel .component-content {
  position: relative;
}
.nourisson-carousel-container .carousel-slides {
  height: auto !important;
  padding: 130px 30px 65px 30px;
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-slides {
    padding: 130px 0px 20px 0px;
  }
}
.nourisson-carousel-container .carousel-slides .reference-carousel-card {
  padding: 0;
  margin: 0;
}
.nourisson-carousel-container .carousel-nav {
  z-index: 1;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.nourisson-carousel-container .carousel-nav-prev, .nourisson-carousel-container .carousel-nav-next {
  align-self: end;
  transform: translateY(50%);
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-prev, .nourisson-carousel-container .carousel-nav-next {
    align-self: center;
    transform: translateY(0%);
  }
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-prev {
    margin-right: 445px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .nourisson-carousel-container .carousel-nav-prev {
    margin-right: 545px !important;
  }
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-next {
    margin-left: 445px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .nourisson-carousel-container .carousel-nav-next {
    margin-left: 545px !important;
  }
}
.nourisson-carousel-container .carousel-nav-item {
  position: absolute;
  width: 100%;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border: 2px solid #d68f9f;
  background-color: white;
  left: 0;
  height: 80px;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item {
    justify-content: center;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .nourisson-carousel-container .carousel-nav-item:has(~ .is-active) {
    background-color: #331851;
  }
  .nourisson-carousel-container .carousel-nav-item:has(~ .is-active) a {
    color: white;
    background-color: #331851;
  }
}
.nourisson-carousel-container .carousel-nav-item.is-active {
  background-color: #331851;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item.is-active {
    background-color: white;
  }
}
.nourisson-carousel-container .carousel-nav-item.is-active a {
  color: white;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item.is-active a {
    border-top-right-radius: 40px;
    background-color: #331851;
    border-bottom-right-radius: 40px;
  }
}
.nourisson-carousel-container .carousel-nav-item a {
  color: #331851;
  margin-right: 16px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  font-size: 24px;
  font-family: Outfit, Arial, sans-serif;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .nourisson-carousel-container .carousel-nav-item a {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) {
  .nourisson-carousel-container .carousel-nav-item a {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item a {
    margin-right: 0px;
    justify-content: center;
    align-items: center;
  }
}
.nourisson-carousel-container .carousel-nav-item a:before {
  content: "n°";
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item a:before {
    content: "Conseil n°";
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(2) {
  width: 20%;
  z-index: 6;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item:nth-child(2) {
    width: 20%;
    left: 0%;
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(2) a {
  justify-content: center;
}
.nourisson-carousel-container .carousel-nav-item:nth-child(2) a:before {
  content: "n°";
}
@media only screen and (min-width: 576px) {
  .nourisson-carousel-container .carousel-nav-item:nth-child(2) a:before {
    content: "Conseil n°";
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(3) {
  width: 40%;
  z-index: 5;
}
.nourisson-carousel-container .carousel-nav-item:nth-child(3) a {
  margin-right: 22%;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item:nth-child(3) {
    width: 20%;
    left: 20%;
  }
  .nourisson-carousel-container .carousel-nav-item:nth-child(3) a {
    margin-right: 0px;
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(4) {
  width: 60%;
  z-index: 4;
}
.nourisson-carousel-container .carousel-nav-item:nth-child(4) a {
  margin-right: 15%;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item:nth-child(4) {
    width: 20%;
    left: 40%;
  }
  .nourisson-carousel-container .carousel-nav-item:nth-child(4) a {
    margin-right: 0px;
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(5) {
  width: 80%;
  z-index: 3;
}
.nourisson-carousel-container .carousel-nav-item:nth-child(5) a {
  margin-right: 11%;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item:nth-child(5) {
    width: 20%;
    left: 60%;
  }
  .nourisson-carousel-container .carousel-nav-item:nth-child(5) a {
    margin-right: 0px;
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(6) {
  width: 100%;
  z-index: 2;
}
.nourisson-carousel-container .carousel-nav-item:nth-child(6) a {
  margin-right: 8%;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav-item:nth-child(6) {
    width: 20%;
    left: 80%;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .nourisson-carousel-container .carousel-nav-item:nth-child(6) a {
    margin-right: 0px;
  }
}
.nourisson-carousel-container .carousel-nav-item:nth-child(6) {
  border-right: 2px solid #d68f9f;
}
.nourisson-carousel-container .carousel-nav .carousel-nav-prev,
.nourisson-carousel-container .carousel-nav .carousel-nav-next {
  background-color: #331851;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 4px;
}
.nourisson-carousel-container .carousel-nav .carousel-nav-prev a,
.nourisson-carousel-container .carousel-nav .carousel-nav-next a {
  color: transparent;
  border: none;
  width: 45px;
  height: 100%;
  margin-right: 15px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: auto;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav .carousel-nav-prev a,
  .nourisson-carousel-container .carousel-nav .carousel-nav-next a {
    width: 100%;
    transform: translateX(0%) rotate(180deg);
  }
}
.nourisson-carousel-container .carousel-nav .carousel-nav-prev {
  border-radius: 0;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.nourisson-carousel-container .carousel-nav .carousel-nav-prev a {
  transform: rotate(0deg);
  margin-left: 15px;
}
@media only screen and (min-width: 992px) {
  .nourisson-carousel-container .carousel-nav .carousel-nav-prev a {
    transform: translateX(0%) rotate(0deg);
  }
}

.ui-datepicker {
  z-index: 10 !important;
}

.ui-widget.ui-widget-content {
  margin-top: 5px;
  z-index: 1002 !important;
  border-color: #57b1c9;
  width: 350px;
  height: 440px;
  padding: 24px;
  font-family: Inter, sans-serif;
  background-color: #f0eded;
}
@media only screen and (min-width: 576px) {
  .ui-widget.ui-widget-content {
    width: 440px;
  }
}
.ui-widget.ui-widget-content table {
  table-layout: fixed !important;
}
.ui-widget.ui-widget-content th {
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  padding: 13px 6px;
}
.ui-widget.ui-widget-content td {
  max-width: 54px;
  width: 100%;
  height: 50px;
}
.ui-widget.ui-widget-content td a,
.ui-widget.ui-widget-content td span {
  padding: 0;
  max-width: 50px;
  width: 100%;
  height: 44px !important;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  color: #252525;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
.ui-widget.ui-widget-content td span.ui-state-default {
  color: #5f6061;
  background-color: transparent;
  border: 0;
}
.ui-widget.ui-widget-content td a.ui-state-default {
  background-color: white;
  box-shadow: 0px 1px 1px 0px #000E330D;
  border: 0;
}
.ui-widget.ui-widget-content td a.ui-state-active {
  background-color: #57b1c9;
  color: white;
}
.ui-widget.ui-widget-content .ui-datepicker-header {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-prev,
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next {
  background-color: #331851;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-prev span,
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next span {
  color: transparent;
  border: none;
  width: 40px;
  height: 40px;
  margin: 0;
  margin-left: 10px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  background-size: auto;
  position: relative;
  left: unset;
  top: unset;
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-next span {
  margin-left: 0;
  margin-right: 10px;
  transform: rotate(180deg);
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-title {
  display: flex;
  gap: 5px;
  justify-content: center;
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-month,
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-year {
  height: 42px;
  background-color: white;
  border: 0;
  font-family: Outfit;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: start;
  padding-left: 10px;
  width: fit-content;
  min-width: 90px;
  padding-right: 30px;
  appearance: none;
  background-image: url("../../img/svg/select_dropdown.svg");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 12px auto;
}
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-month option,
.ui-widget.ui-widget-content .ui-datepicker-header .ui-datepicker-year option {
  font-family: Outfit;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  padding-left: 10px;
}

.no-js .full-width-box {
  overflow: hidden;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .no-js .full-width-box {
    width: min-content;
    margin: 0 auto;
    padding: 0 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .no-js .full-width-box {
    width: auto;
  }
}
.no-js .carousel-news {
  overflow: hidden;
  position: relative;
  max-width: 1280px;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news {
    margin-left: 0;
    padding: 0 15px;
    width: 100%;
  }
}
.no-js .carousel-news > .component-content {
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: center;
}
.no-js .carousel-news .carousel-slides {
  height: auto !important;
  display: inline-flex;
  column-gap: 15px;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news .carousel-slides {
    padding: 0 40px;
    margin-bottom: 60px;
  }
}
.no-js .carousel-news .carousel-slide {
  position: relative;
  display: flex !important;
  width: 80vw;
  max-width: 360px;
}
.no-js .carousel-news .carousel-slide .carousel-card-title {
  font-size: 18px;
  display: flex;
  align-items: end;
  min-height: 118px;
  text-align: start;
}
.no-js .carousel-news .carousel-slide .carousel-card-link {
  padding: 4px 7px;
}
.no-js .carousel-news .carousel-slide.first {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news .carousel-slide.first {
    margin-left: 0;
  }
}
.no-js .carousel-news .carousel-slide.first .carousel-card img {
  width: 100%;
}
.no-js .carousel-news .carousel-slide.first .carousel-card-image {
  border-top-left-radius: 100px;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news .carousel-slide.first .carousel-card-image {
    border-top-left-radius: 162px;
  }
}
.no-js .carousel-news .carousel-slide.last .carousel-card-title {
  padding-right: 10px;
  margin-right: 40px;
  border-top-right-radius: 66px;
  border-bottom-right-radius: 66px;
}
.no-js .carousel-news .carousel-slide.last .carousel-card-image {
  border-top-right-radius: 100px;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news .carousel-slide.last .carousel-card-image {
    border-top-right-radius: 162px;
  }
}
.no-js .carousel-news .carousel-slide > .carouselSlide,
.no-js .carousel-news .carousel-slide .reference-carousel-card {
  padding: 0;
}
.no-js .carousel-news .carousel-nav {
  padding: 0;
  column-gap: 10px;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.no-js .carousel-news .carousel-nav li.carousel-nav-item {
  display: none;
}
.no-js .carousel-news .carousel-nav li.carousel-nav-prev, .no-js .carousel-news .carousel-nav li.carousel-nav-next {
  position: relative;
  left: auto;
  right: auto;
  width: 40px;
  height: 40px;
  margin: 0;
}
.no-js .carousel-news .carousel-nav li.carousel-nav-prev a, .no-js .carousel-news .carousel-nav li.carousel-nav-next a {
  border: none;
  margin: 0;
  background-position: center;
}
.no-js .carousel-news .carousel-nav li.carousel-nav-prev a::before, .no-js .carousel-news .carousel-nav li.carousel-nav-next a::before {
  content: none;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news .carousel-nav {
    display: none;
  }
}
.no-js .carousel-news .carousel-nav .carousel-nav-prev,
.no-js .carousel-news .carousel-nav .carousel-nav-next {
  background-color: #331851;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 4px;
}
.no-js .carousel-news .carousel-nav .carousel-nav-prev a,
.no-js .carousel-news .carousel-nav .carousel-nav-next a {
  color: transparent;
  border: none;
  width: 45px;
  height: 100%;
  margin-right: 15px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: auto;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-news .carousel-nav .carousel-nav-prev a,
  .no-js .carousel-news .carousel-nav .carousel-nav-next a {
    width: 100%;
    transform: translateX(0%) rotate(180deg);
  }
}
.no-js .carousel-news .carousel-nav .carousel-nav-prev {
  border-radius: 0;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.no-js .carousel-news .carousel-nav .carousel-nav-prev a {
  transform: rotate(0deg);
  margin-left: 15px;
}
@media only screen and (min-width: 992px) {
  .no-js .carousel-news .carousel-nav .carousel-nav-prev a {
    transform: translateX(0%) rotate(0deg);
  }
}
.no-js .carousel-news::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 115px;
  height: 1px;
  width: 100%;
  border-top: 1px solid #fff;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news::before {
    border-bottom: 1px solid #fff;
    top: 100px;
    height: 150px;
    width: 1196px;
  }
}
.no-js .carousel-news .carousel-card-text p {
  text-align: start;
  font-weight: 400 !important;
  font-size: 16px;
}
.no-js .carousel-news::after {
  content: none;
}
@media only screen and (min-width: 1200px) {
  .no-js .carousel-news::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 35px;
    left: 90px;
    width: 90%;
    height: 40px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom-left-radius: 100px;
  }
}

.carousel-dots .richText .component-content .richText-content {
  padding-bottom: 40px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  text-align: left;
}
.carousel-dots .richText .component-content .richText-content h3 {
  font-size: 24px;
  font-weight: 700;
}
.carousel-dots .image {
  margin-left: auto;
  margin-right: auto;
}
.carousel-dots .carousel-autoplay-nav {
  display: none;
}
@media only screen and (min-width: 992px) {
  .carousel-dots .carousel-slides {
    display: flex;
    flex-wrap: wrap;
    width: auto !important;
  }
  .carousel-dots .carousel-slides .carousel-slide {
    flex-basis: calc(33.33333333333333% - 50px);
    width: auto !important;
    margin-right: 50px;
  }
}
.carousel-dots .slick-prev,
.carousel-dots .slick-next {
  position: absolute;
  color: transparent;
  display: block;
  color: transparent;
  border: none;
  width: 35px;
  height: 35px;
  background-color: #252525;
  background-size: auto;
  top: 20%;
  z-index: 9;
}
.carousel-dots .slick-prev {
  left: 0;
  background: url("../../img/arrows/dots_left.svg") no-repeat left center;
}
.carousel-dots .slick-next {
  right: 0;
  background: url("../../img/arrows/dots_right.svg") no-repeat left center;
}
@media only screen and (min-width: 992px) {
  .carousel-dots .slick-prev,
  .carousel-dots .slick-next {
    display: none !important;
  }
}
.carousel-dots .slick-dots {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  width: auto;
  position: relative;
  padding-bottom: 40px;
}
.carousel-dots .slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  padding-left: 8px;
}
.carousel-dots .slick-dots li:first-of-type {
  padding-left: 0;
}
.carousel-dots .slick-dots li button {
  border: 1px solid #E7344A;
  border-radius: 50%;
  background: transparent;
  height: 10px;
  width: 10px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  opacity: .5;
}
.carousel-dots .slick-dots li button:hover, .carousel-dots .slick-dots li button:focus {
  outline: none;
  opacity: 1;
}
.carousel-dots .slick-dots li.slick-active button {
  background-color: #E7344A;
  opacity: 1;
}
.carousel-dots .slick-dots li.slick-active button:hover, .carousel-dots .slick-dots li.slick-active button:focus {
  outline: none;
}
@media only screen and (min-width: 992px) {
  .carousel-dots .slick-dots {
    display: none !important;
  }
}
.carousel-dots.carousel ul {
  padding-inline-start: 0;
  -webkit-padding-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  list-style-type: none;
}
.carousel-dots .carousel-nav {
  display: none;
}

.searchBox {
  min-width: 100%;
  background: white;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  position: static;
}
.searchBox h4 {
  display: none;
}
.searchBox div {
  float: none;
}
.searchBox .content > a:first-of-type {
  display: none;
}
.searchBox .paragraphSystem::before,
.searchBox .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .searchBox {
    position: static;
    max-width: 740px;
    padding: 0;
    width: auto;
  }
}
.searchBox .component-content {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.searchBox .component-content .form-search,
.searchBox .component-content .cf-search-box {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .searchBox .component-content .form-search,
  .searchBox .component-content .cf-search-box {
    padding: 0;
  }
}
.searchBox .component-content .form-search .easy-autocomplete .easy-autocomplete-container,
.searchBox .component-content .cf-search-box .easy-autocomplete .easy-autocomplete-container {
  margin: 0;
}
.searchBox .component-content .form-search .easy-autocomplete ul,
.searchBox .component-content .cf-search-box .easy-autocomplete ul {
  display: none;
  margin: 5px 0 0 0;
  padding: 15px 0;
}
.searchBox .component-content .form-search .button,
.searchBox .component-content .cf-search-box .button {
  position: absolute;
  left: 0;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: transparent;
  border: none;
  width: 25px;
  margin-left: 16px;
  height: 25px;
  background: url("../../img/svg/search_button.svg") no-repeat left center;
  background-size: auto;
}
.searchBox .component-content .form-search .searchBox-label,
.searchBox .component-content .cf-search-box .searchBox-label {
  width: 100%;
}
.searchBox .component-content .form-search .searchBox-label .easy-autocomplete,
.searchBox .component-content .cf-search-box .searchBox-label .easy-autocomplete {
  width: 100% !important;
}
.searchBox .component-content .form-search .searchBox-label .easy-autocomplete .easy-autocomplete-container,
.searchBox .component-content .cf-search-box .searchBox-label .easy-autocomplete .easy-autocomplete-container {
  margin: 0 !important;
}
.searchBox .component-content .form-search .searchBox-label input,
.searchBox .component-content .cf-search-box .searchBox-label input {
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 55px;
  line-height: 26px;
  font-weight: 600;
  height: 58px;
  border: 1px solid #d68f9f;
  font-size: 13px;
  border-bottom-right-radius: calc(100vh / 2);
  border-top-right-radius: calc(100vh / 2);
}
@media only screen and (min-width: 992px) {
  .searchBox .component-content .form-search .searchBox-label input,
  .searchBox .component-content .cf-search-box .searchBox-label input {
    font-size: 20px;
  }
}
.searchBox .component-content .form-search .searchBox-label .searchBox-title,
.searchBox .component-content .cf-search-box .searchBox-label .searchBox-title {
  display: none;
}
.searchBox .component-content .form-search .button {
  top: 18px;
}

.tooltip-inner {
  display: none;
}

.search-tooltip {
  display: none;
  position: absolute;
  z-index: 1001;
  top: 3rem;
  left: calc(50% - 130px);
  max-width: 260px;
  justify-content: center;
}
.search-tooltip.visible {
  display: flex;
}
.search-tooltip .arrow {
  position: absolute;
  top: -0.5rem;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #d0cfcf;
}
.search-tooltip .arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5rem;
  margin-top: 2px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #fff;
}
.search-tooltip .tooltip-inner {
  background-color: #fff;
  border: 1px solid #d0cfcf;
  padding: 1rem 0.75rem;
}

.easy-autocomplete-container {
  margin: 0;
  width: 100%;
  background-color: white;
  z-index: 9999;
  margin-top: 5px;
  border-radius: 10px;
  padding-left: 55px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.easy-autocomplete-container li {
  padding: 2px 0;
}
.easy-autocomplete-container li:hover {
  cursor: pointer;
  opacity: 0.7;
}

.easy-autocomplete-container:has(ul > li) {
  position: absolute;
}

@media (min-width: 768px) and (max-width: 1040px) {
  .podcast-player {
    margin-left: -15px !important;
  }
}

.podcastplayer {
  margin-top: 30px !important;
  width: calc(100% + 30px);
  margin: 0;
  margin-left: -15px;
  padding: 30px 7px;
  background-color: #00677f;
  margin-bottom: 130px;
}
@media only screen and (min-width: 768px) {
  .podcastplayer {
    max-width: 1040px;
    padding: 4px 30px;
    margin: 0 auto;
    margin-bottom: 100px;
  }
}
.podcastplayer .podcast {
  margin: auto;
  border: 0 !important;
  max-width: 360px;
}
@media only screen and (min-width: 576px) {
  .podcastplayer .podcast {
    max-width: 380px;
  }
}
@media only screen and (min-width: 768px) {
  .podcastplayer .podcast {
    max-width: 1040px;
  }
}
.podcastplayer .podcast__text {
  padding: 0 24px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .podcastplayer .podcast__text {
    padding: 0;
    padding-left: 30px;
  }
  .podcastplayer .podcast__text p {
    padding-left: 46px;
  }
}
.podcastplayer .podcast__information {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .podcastplayer .podcast__information {
    flex-direction: row;
  }
}
.podcastplayer .podcast__imageDecorator {
  align-self: center;
  max-width: 300px !important;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .podcastplayer .podcast__imageDecorator {
    height: 272px;
    max-width: 272px;
    width: 100%;
    overflow: hidden;
  }
  .podcastplayer .podcast__imageDecorator img {
    transform: translateX(-45px);
  }
}
.podcastplayer .podcast__title {
  font-family: Outfit;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #fedb00;
  margin: 0;
  margin-bottom: 5px;
}
.podcastplayer .podcast__desc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
.podcastplayer .patient_description {
  font-family: Inter;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: white;
}
.podcastplayer .patient_testimonial {
  font-family: Inter;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: white;
}
.podcastplayer .audio {
  margin-top: 40px;
  background-color: transparent !important;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .podcastplayer .audio {
    margin-top: 35px;
  }
}
.podcastplayer .audio .audio__controls {
  order: 2;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
@media only screen and (min-width: 768px) {
  .podcastplayer .audio .audio__controls {
    margin-top: 13px;
  }
}
.podcastplayer .audio .audio__controls .audio__play,
.podcastplayer .audio .audio__controls .audio__pause {
  background-color: #e56a54;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  transition: opacity 0.3s ease;
}
.podcastplayer .audio .audio__controls .audio__play:hover,
.podcastplayer .audio .audio__controls .audio__pause:hover {
  opacity: 0.7;
  cursor: pointer;
}
.podcastplayer .audio .audio__controls .audio__play::after,
.podcastplayer .audio .audio__controls .audio__pause::after {
  content: '';
  mask-image: url("../../img/svg/play.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #fff;
  height: 34px;
  width: 24px;
  transform: translateX(25%);
}
.podcastplayer .audio .audio__controls .audio__pause::after {
  mask-image: url("../../img/svg/pause.svg");
  transform: translateX(1px);
}
.podcastplayer .audio .audio__controls .audio__backwards,
.podcastplayer .audio .audio__controls .audio__forwards {
  visibility: visible !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e56a54;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  transition: opacity 0.3s ease;
}
.podcastplayer .audio .audio__controls .audio__backwards:hover,
.podcastplayer .audio .audio__controls .audio__forwards:hover {
  opacity: 0.7;
  cursor: pointer;
}
.podcastplayer .audio .audio__controls .audio__backwards::after,
.podcastplayer .audio .audio__controls .audio__forwards::after {
  content: '';
  background-image: url("../../img/svg/skip.svg");
  background-position: center;
  display: inline-block;
  height: 28px;
  width: 25px;
}
.podcastplayer .audio .audio__controls .audio__backwards::after {
  transform: rotate(180deg);
}
.podcastplayer .audio .audio__range {
  order: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  gap: 6px;
}
.podcastplayer .audio .audio__range .audio__current-time,
.podcastplayer .audio .audio__range .audio__duration {
  font-family: Inter;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  text-align: left;
  color: white;
}
.podcastplayer .audio .audio__range .audio__duration {
  order: 3;
}
.podcastplayer .audio .audio__range input[type='range'] {
  overflow: hidden;
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  background-color: white;
}
.podcastplayer .audio .audio__range input[type='range']::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px;
}
.podcastplayer .audio .audio__range input[type='range']::-webkit-slider-thumb {
  width: 10px;
  -webkit-appearance: none;
  height: 10px;
  cursor: ew-resize;
  background: #fedb00;
  box-shadow: -235px 0 0 235px #fedb00;
}
@media only screen and (min-width: 768px) {
  .podcastplayer .audio .audio__range input[type='range']::-webkit-slider-thumb {
    box-shadow: -400px 0 0 400px #fedb00;
  }
}
.podcastplayer .audio input[type="range"]::-moz-range-progress {
  background-color: #fedb00;
}
.podcastplayer .audio input[type="range"]::-moz-range-track {
  background-color: white;
}
.podcastplayer .audio input[type="range"]::-ms-fill-lower {
  background-color: #fedb00;
}
.podcastplayer .audio input[type="range"]::-ms-fill-upper {
  background-color: white;
}
.podcastplayer .hide {
  display: none !important;
}

.podcast-hide-player .audio {
  display: none;
}

.podcast-hide-player + .reference-link-arrow {
  margin-top: 0 !important;
}

.video .video-video-container {
  position: relative;
}
.video .video-nojs {
  display: none;
}
.video .video-btn-play {
  position: absolute;
  background-color: red;
  left: 0;
  right: 0;
  top: 48%;
  width: 53px;
  height: 53px;
  background-color: #836BBE;
  border: 0;
  outline: 0;
  border-radius: 50%;
  padding: 0;
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  transition: opacity 0.3s ease;
  align-items: center;
  z-index: 2;
  justify-content: center;
}
.video .video-btn-play:hover {
  cursor: pointer;
  opacity: 0.8;
}
.video .video-btn-play::after {
  content: '';
  mask-image: url("../../img/svg/play.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #fff;
  background-size: 20px;
  height: 24px;
  width: 15px;
  transform: translate(2px, 2px);
}

.lupu-logo-with-rounded-button {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
  margin-top: 25px;
  margin-bottom: 60px;
}
.lupu-logo-with-rounded-button .content > a:first-of-type {
  display: none;
}
.lupu-logo-with-rounded-button .paragraphSystem::before,
.lupu-logo-with-rounded-button .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .lupu-logo-with-rounded-button {
    margin-bottom: 60px;
    margin-top: 70px;
  }
}
.lupu-logo-with-rounded-button > .component-content > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 992px) {
  .lupu-logo-with-rounded-button > .component-content > .content {
    gap: 90px;
  }
}
.lupu-logo-with-rounded-button .box {
  padding: 0;
}
.lupu-logo-with-rounded-button .reference-sub-title {
  padding: 0;
}
.lupu-logo-with-rounded-button .richText {
  padding: 0;
}
.lupu-logo-with-rounded-button .richText p {
  margin: 0;
  font-family: "Inter";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: start;
  max-width: 1070px;
}
.lupu-logo-with-rounded-button .box:not(.first) {
  max-width: 360px;
  width: 100%;
}
.lupu-logo-with-rounded-button .box:not(.first) > .component-content > .content {
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}
.lupu-logo-with-rounded-button .box:not(.first) img {
  height: 100px;
}

.lupus-heading-with-rich-text {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
  margin-top: 25px;
  margin-bottom: 35px;
}
.lupus-heading-with-rich-text .content > a:first-of-type {
  display: none;
}
.lupus-heading-with-rich-text .paragraphSystem::before,
.lupus-heading-with-rich-text .paragraphSystem::after {
  display: none;
}
.lupus-heading-with-rich-text .reference-sub-title {
  padding: 0;
}
.lupus-heading-with-rich-text .reference-sub-title h2 p,
.lupus-heading-with-rich-text .reference-sub-title h3 p {
  margin-top: 0;
}
.lupus-heading-with-rich-text .richText {
  padding: 0;
}
.lupus-heading-with-rich-text .richText p {
  margin: 0;
  font-family: "Inter";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: start;
  max-width: 1070px;
}
.lupus-heading-with-rich-text .richText p:has(span.pink-highlighted-text) {
  background-color: #E6077D;
  padding: 28px 37px;
  border-top-right-radius: 72px;
  border-bottom-right-radius: 72px;
  margin-top: 25px !important;
  max-width: 968px !important;
}
.lupus-heading-with-rich-text .richText p:has(span.pink-highlighted-text) span {
  font-family: "Inter";
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text .richText p:has(span.pink-highlighted-text) span {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text .richText p:has(span.pink-highlighted-text) {
    margin-top: 50px !important;
    padding: 28px 46px;
  }
}
.lupus-heading-with-rich-text .richText p:has(span.rounded-right) {
  border-radius: 36px;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text .richText p:has(span.rounded-right) {
    border-top-right-radius: calc(100vh/2);
    border-bottom-right-radius: calc(100vh/2);
  }
}
.lupus-heading-with-rich-text .richText p:has(span.rounded-left) {
  border-radius: 36px;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text .richText p:has(span.rounded-left) {
    border-top-left-radius: calc(100vh/2);
    border-bottom-left-radius: calc(100vh/2);
  }
}
.lupus-heading-with-rich-text .richText div.row-pink-texts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 13px;
  margin-top: 25px;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text .richText div.row-pink-texts {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    margin-top: 70px;
  }
}
.lupus-heading-with-rich-text .richText div.row-pink-texts span {
  background-color: #E6077D;
  border-top-right-radius: calc(100vh/2);
  border-bottom-right-radius: calc(100vh/2);
  color: #fff;
  font-family: "Outfit";
  font-weight: 700;
  font-size: 18px;
  padding: 15px 17px;
  text-align: start;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text .richText div.row-pink-texts span {
    font-size: 26px;
    padding: 24px 28px;
  }
}
.lupus-heading-with-rich-text .richText div.row-pink-texts span:nth-child(3) {
  grid-column: span 2;
}
.lupus-heading-with-rich-text:has(.flex-container) .richText-content:has(.flex-container) {
  display: flex;
  flex-direction: column;
  gap: 31px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(.flex-container) .richText-content:has(.flex-container) {
    flex-direction: row;
    gap: clamp(30px, 170px, 15%);
    margin-top: 45px;
  }
}
.lupus-heading-with-rich-text:has(.flex-container) .richText-content:has(.flex-container) .flex-container {
  display: flex;
  flex-direction: row;
  gap: 30px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(.flex-container) .richText-content:has(.flex-container) .flex-container {
    flex-direction: column;
    margin-top: 0;
  }
}
.lupus-heading-with-rich-text:has(.flex-container) .richText-content:has(.flex-container) .flex-container span {
  width: fit-content;
  padding: 16px;
  padding-right: 35px;
  border-top-right-radius: calc(100vh / 2);
  border-bottom-right-radius: calc(100vh / 2);
  background-color: #E6077D;
  color: #fff;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(.flex-container) .richText-content:has(.flex-container) .flex-container span {
    flex: 1;
    padding: 24px;
    padding-right: 52px;
    font-size: 26px;
    width: 100%;
  }
}
.lupus-heading-with-rich-text:has(span.rounded-right) .component-content .content, .lupus-heading-with-rich-text:has(span.rounded-left) .component-content .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(span.rounded-right) .component-content .content, .lupus-heading-with-rich-text:has(span.rounded-left) .component-content .content {
    gap: 36px;
  }
}
.lupus-heading-with-rich-text:has(span.rounded-right) .image, .lupus-heading-with-rich-text:has(span.rounded-left) .image {
  padding: 0;
}
.lupus-heading-with-rich-text:has(span.rounded-right) .richText .richText-content p,
.lupus-heading-with-rich-text:has(span.rounded-right) .richText .richText-content span, .lupus-heading-with-rich-text:has(span.rounded-left) .richText .richText-content p,
.lupus-heading-with-rich-text:has(span.rounded-left) .richText .richText-content span {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  font-size: 18px;
  line-height: 26px;
}
.lupus-heading-with-rich-text:has(span.rounded-right) .richText .richText-content p, .lupus-heading-with-rich-text:has(span.rounded-left) .richText .richText-content p {
  padding: 30px !important;
}
.lupus-heading-with-rich-text:has(span.rounded-right) .richText .richText-content span.selection-bold, .lupus-heading-with-rich-text:has(span.rounded-left) .richText .richText-content span.selection-bold {
  margin-bottom: 12px !important;
}
.lupus-heading-with-rich-text:has(span.rounded-right) .richText .richText-content p:has(span.rounded-right) {
  padding-right: 30px !important;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(span.rounded-right) .richText .richText-content p:has(span.rounded-right) {
    padding-right: 40px !important;
  }
}
.lupus-heading-with-rich-text:has(span.rounded-left) .richText .richText-content p:has(span.rounded-left) {
  padding-left: 30px !important;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(span.rounded-left) .richText .richText-content p:has(span.rounded-left) {
    padding-left: 40px !important;
  }
}
.lupus-heading-with-rich-text .graph-image {
  max-width: 600px;
  margin: auto;
}

.lupus-symptoms-row {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
  margin-bottom: 60px;
}
.lupus-symptoms-row .content > a:first-of-type {
  display: none;
}
.lupus-symptoms-row .paragraphSystem::before,
.lupus-symptoms-row .paragraphSystem::after {
  display: none;
}
.lupus-symptoms-row > .component-content > .content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 700px;
  max-width: 600px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row > .component-content > .content {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    max-width: 100%;
  }
}
.lupus-symptoms-row .image {
  flex-shrink: 0;
  padding: 0;
  order: 2;
  margin-left: -50px;
}
.lupus-symptoms-row .image img {
  height: 420px;
  margin-top: 40px;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row .image img {
    height: 800px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row .image {
    order: initial;
    margin-left: 0;
  }
}
.lupus-symptoms-row .richText {
  padding: 0;
  max-width: 200px;
  z-index: 1;
  overflow: visible;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row .richText {
    max-width: 400px;
  }
}
.lupus-symptoms-row .richText .richText-content {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 10px;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row .richText .richText-content {
    gap: 57px;
    margin-top: 70px;
  }
}
.lupus-symptoms-row .richText .richText-content h3 {
  width: fit-content;
  padding: 13px 16px;
  background-color: #4C8ECA;
  color: #FFFFFF;
  font-family: Outfit;
  font-weight: 700;
  border-bottom-right-radius: calc(100vh / 2);
  border-top-right-radius: calc(100vh / 2);
  font-size: 15px;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row .richText .richText-content h3 {
    padding: 24px 28px;
    font-size: 26px;
    white-space: normal;
  }
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row .richText:last-of-type {
    max-width: 456px;
  }
  .lupus-symptoms-row .richText:last-of-type .richText-content {
    justify-content: end;
    align-items: end;
  }
  .lupus-symptoms-row .richText:last-of-type h3 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: calc(100vh / 2);
    border-top-left-radius: calc(100vh / 2);
  }
}
.lupus-symptoms-row + .reference-rounded-link {
  margin-top: 0 !important;
  margin-bottom: 64px;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row + .reference-rounded-link {
    margin-top: 100px !important;
    margin-bottom: 90px;
  }
}
.lupus-symptoms-row + .reference-rounded-link a {
  height: 80px;
  padding: 16px 36px;
  display: flex;
  border-radius: calc(100vh / 2);
  justify-content: center;
  align-items: center;
  font-family: Outfit;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  .lupus-symptoms-row + .reference-rounded-link a {
    padding: 16px 60px;
  }
}

.box:has(.infografic-list-large-images) {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
  margin-bottom: 30px;
}
.box:has(.infografic-list-large-images) .content > a:first-of-type {
  display: none;
}
.box:has(.infografic-list-large-images) .paragraphSystem::before,
.box:has(.infografic-list-large-images) .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .box:has(.infografic-list-large-images) {
    margin-bottom: 45px;
  }
}
.box:has(.infografic-list-large-images) .reference-sub-title {
  padding: 0;
}
.box:has(.infografic-list-large-images) .infografic-list-large-images {
  padding: 0;
  max-width: 1200px;
}
@media only screen and (min-width: 992px) {
  .box:has(.infografic-list-large-images) .infografic-list-large-images .reference-infografic {
    max-width: 380px;
  }
}
.box:has(.infografic-list-large-images) .infografic-list-large-images .reference-infografic img {
  max-width: 260px;
}
.box:has(.infografic-list-large-images) .infografic-list-large-images .reference-infografic span.big.bold.pink {
  font-family: "Outfit";
  font-weight: 900;
  font-size: 30px;
  line-height: 38px;
  color: #E6077D;
}
.box:has(.infografic-list-large-images) .infografic-list-large-images .reference-infografic .infografic::after {
  width: calc(100% + 60px) !important;
  margin: 60px 0 60px -30px;
  background-color: #00677f;
}
@media only screen and (min-width: 992px) {
  .box:has(.infografic-list-large-images) .infografic-list-large-images .reference-infografic .infografic::after {
    height: 100%;
    width: 1px !important;
    margin: 0;
  }
}

.lupus-images-with-links {
  margin: 0;
  max-width: 1920px;
  width: calc(100% + 30px);
  padding: 0 30px;
  margin-top: 25px;
  margin-bottom: 40px;
  background-color: #478EC9;
}
.lupus-images-with-links .content > a:first-of-type {
  display: none;
}
.lupus-images-with-links .paragraphSystem::before,
.lupus-images-with-links .paragraphSystem::after {
  display: none;
}
.lupus-images-with-links > .component-content {
  max-width: 1100px;
  margin: auto;
}
.lupus-images-with-links > .component-content > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .lupus-images-with-links > .component-content > .content {
    margin-bottom: 80px;
    gap: 32px 20px;
  }
}
.lupus-images-with-links .richText {
  width: 100%;
  padding: 0;
}
.lupus-images-with-links .richText p {
  text-align: start;
  font-family: "Inter";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .lupus-images-with-links .richText p {
    margin-top: 60px;
    font-size: 18px;
    line-height: 26px;
  }
}
.lupus-images-with-links .reference-en-savoir-carousel-card {
  width: 330px;
  height: 338px;
}
@media only screen and (min-width: 992px) {
  .lupus-images-with-links .reference-en-savoir-carousel-card {
    height: 338px;
    margin: 0;
    width: 208px;
  }
}
.lupus-images-with-links .reference-en-savoir-carousel-card .component-content {
  height: 100%;
}
.lupus-images-with-links .reference-en-savoir-carousel-card .ensavior-carousel-card {
  height: 100%;
}
.lupus-images-with-links .reference-en-savoir-carousel-card .ensavior-carousel-card-link {
  height: 77px;
  justify-content: space-between;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
}
.lupus-images-with-links .reference-en-savoir-carousel-card .ensavior-carousel-card-link:after {
  background-color: #478EC9;
}
.lupus-images-with-links .reference-en-savoir-carousel-card img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.lupus-images-with-links + .reference-rounded-link {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .lupus-images-with-links + .reference-rounded-link {
    margin-bottom: 80px;
  }
}
.lupus-images-with-links + .reference-rounded-link a {
  padding: 12px 40px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(100vh / 2);
}

.box:has(+ .lupus-resources-fai2r) {
  margin: 0;
  max-width: 1230px;
  padding: 0;
  margin-top: 25px;
  margin-bottom: 30px;
}
.box:has(+ .lupus-resources-fai2r) .content > a:first-of-type {
  display: none;
}
.box:has(+ .lupus-resources-fai2r) .paragraphSystem::before,
.box:has(+ .lupus-resources-fai2r) .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .box:has(+ .lupus-resources-fai2r) {
    margin-bottom: 50px;
  }
}

.lupus-resources-fai2r.lupu-logo-with-rounded-button {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .lupus-resources-fai2r.lupu-logo-with-rounded-button {
    margin-top: 0;
  }
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content {
  align-items: center;
  justify-content: center;
  max-width: 1054px;
  margin: auto;
  gap: 50px;
}
@media only screen and (min-width: 992px) {
  .lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content {
    gap: 70px 90px;
    align-items: start;
    justify-content: start;
  }
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content div:nth-of-type(n+6):nth-of-type(-n+12) {
  display: none;
}
@media only screen and (min-width: 992px) {
  .lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content div:nth-of-type(n+6):nth-of-type(-n+12) {
    display: block;
  }
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .show-on-mobile {
  display: block !important;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content div:nth-of-type(12) {
  width: 100%;
  max-width: 100%;
  margin: auto;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content div:nth-of-type(12) img {
  height: 120px !important;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box {
  max-width: 285px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box .component-content > .content {
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box .richText p {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 22px;
  color: #E6077D;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box .image {
  padding: 0;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box .image img {
  height: 400px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box .reference-rounded-link {
  padding: 0;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .box .reference-rounded-link a {
  height: fit-content;
  border-radius: calc(100vh / 2);
  padding: 10px 24px;
  width: 100%;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .reference-submit-button {
  margin: auto;
  justify-content: center;
  display: flex;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .reference-submit-button {
    display: none;
  }
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .reference-submit-button div {
  width: 100% !important;
  max-width: 360px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .reference-submit-button button {
  height: fit-content;
  border-radius: calc(100vh / 2);
  padding: 10px 24px !important;
  font-size: 16px;
  line-height: 100%;
  font-family: "Outfit";
  font-weight: 700;
  background-color: #E6077D;
  color: #fff;
  max-width: 360px;
  width: 100%;
  text-align: center;
  transition: background-color 0.3s ease-in-out;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 0;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button > .component-content > .content .reference-submit-button button:hover {
  background-color: #7a0242;
  cursor: pointer;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button {
  margin-bottom: 30px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button > .component-content > .content, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button > .component-content > .content {
  gap: 40px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button > .component-content > .content, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button > .component-content > .content {
    justify-content: start;
    align-items: start;
    gap: 60px 90px;
  }
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first), .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) {
  max-width: 340px;
}
@media only screen and (min-width: 992px) {
  .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first), .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) {
    max-width: 285px;
  }
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .component-content > .content, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .component-content > .content {
  display: flex;
  gap: 20px;
  height: auto;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .reference-rounded-link, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .reference-rounded-link {
  padding: 0;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .reference-rounded-link a, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .reference-rounded-link a {
  height: fit-content;
  border-radius: calc(100vh / 2);
  padding: 10px 24px;
  width: 100%;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .image, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .image {
  padding: 0;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .image img, .lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) .image img {
  height: 120px;
  object-fit: contain;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button {
  margin-bottom: 80px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .box:not(.first) {
  max-width: 360px;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .reference-rounded-link {
  padding: 0;
}
.lupus-resources-fai2r.lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button + .lupu-logo-with-rounded-button .reference-rounded-link a {
  padding: 10px 35px !important;
}

.rich-texts-and-centered-imaged {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
  margin-bottom: 40px;
}
.rich-texts-and-centered-imaged .content > a:first-of-type {
  display: none;
}
.rich-texts-and-centered-imaged .paragraphSystem::before,
.rich-texts-and-centered-imaged .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged {
    margin-bottom: 80px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title {
  padding: 0;
  margin-bottom: 32px;
}
.rich-texts-and-centered-imaged .reference-sub-title + .box {
  padding: 0;
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content {
    flex-direction: row;
    gap: 0;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .box {
  z-index: 1;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .box {
    max-width: 370px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .box > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .box > .component-content > .content {
    gap: 80px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText {
    max-width: 370px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText h3 {
  font-family: "Inter";
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #E6077D;
  text-align: start;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText h3 {
    max-width: 280px;
    margin-bottom: 24px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText p {
  margin: 0;
  font-family: "Inter";
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: start;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText p {
    max-width: 370px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText ul li {
  text-align: start;
  font-family: "Inter";
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: start;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .richText ul li {
    max-width: 340px;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .image {
  padding: 0;
  max-width: 460px;
  position: relative;
  height: fit-content;
  order: 2;
  align-self: center;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .image {
    order: initial;
  }
}
@media only screen and (min-width: 1200px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content .image {
    align-self: baseline;
  }
}
.rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content img {
  position: relative;
  max-height: 312px;
  height: 100%;
  object-fit: contain;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content img {
    max-height: 100%;
    height: 500px;
    min-width: 300px;
  }
}
@media only screen and (min-width: 1200px) {
  .rich-texts-and-centered-imaged .reference-sub-title + .box > .component-content > .content img {
    left: -100px;
    max-width: unset;
    top: 50px;
  }
}
.rich-texts-and-centered-imaged .reference-link-arrow a {
  max-width: 630px;
  font-family: "Inter";
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
}
.rich-texts-and-centered-imaged .reference-link-arrow a::before {
  margin: 0;
  margin-right: 16px;
}
@media only screen and (min-width: 992px) {
  .rich-texts-and-centered-imaged .reference-link-arrow a::before {
    margin: auto 0;
    margin-right: 16px !important;
  }
}

.box-rich-texts-and-icons {
  margin-top: 69px;
  margin-bottom: 40px;
  max-width: 1230px;
  padding: 0 15px;
}
.box-rich-texts-and-icons .content > a:first-of-type {
  display: none;
}
.box-rich-texts-and-icons .paragraphSystem::before,
.box-rich-texts-and-icons .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .box-rich-texts-and-icons {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.box-rich-texts-and-icons .paragraphSystem:first-of-type {
  display: flex;
  flex-direction: column;
  gap: 31px;
}
.box-rich-texts-and-icons .paragraphSystem:first-of-type > div {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .box-rich-texts-and-icons .paragraphSystem:first-of-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px;
  }
}
.box-rich-texts-and-icons h2 p {
  margin: 0;
  font-size: 30px;
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  .box-rich-texts-and-icons h2 p {
    font-size: 38px;
  }
}
.box-rich-texts-and-icons .box .paragraphSystem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .box-rich-texts-and-icons .box .paragraphSystem {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
  }
}
.box-rich-texts-and-icons .box img {
  max-width: 155px;
  max-height: 141px;
}
.box-rich-texts-and-icons .box h3 {
  text-align: left;
  color: #E6077D;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  font-family: "Inter";
}
.box-rich-texts-and-icons .box p {
  text-align: left;
  font-size: 15px;
  font-family: "Inter";
}
.box-rich-texts-and-icons .box p:last-of-type {
  margin-bottom: 0;
}
.box-rich-texts-and-icons .reference-sub-title {
  grid-column: span 2;
}

.infografic-list-with-right-image {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image {
    margin-bottom: 50px !important;
  }
}
.infografic-list-with-right-image > .component-content > .content {
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content {
    gap: 70px;
  }
}
.infografic-list-with-right-image > .component-content > .content > .box {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content > .box {
    min-width: 500px;
  }
}
.infografic-list-with-right-image > .component-content > .content > .box img {
  width: 100px;
  height: 100% !important;
}
.infografic-list-with-right-image > .component-content > .content > .box p {
  max-width: 500px;
  font-family: "Inter";
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #252525;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content > .box p {
    font-size: 18px;
    line-height: 26px;
  }
}
.infografic-list-with-right-image > .component-content > .content > .box .icon-list-item {
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content > .box .icon-list-item {
    gap: 32px;
  }
}
.infografic-list-with-right-image > .component-content > .content .image {
  order: 2;
  max-width: 330px;
  max-height: 400px;
  object-fit: cover;
  align-self: center;
}
.infografic-list-with-right-image > .component-content > .content .image img {
  width: 330px;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content .image img {
    width: 100%;
  }
}
.infografic-list-with-right-image > .component-content > .content .image .component-content {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content .image {
    max-width: 400px;
    align-self: initial;
    max-height: unset;
    height: 100%;
    order: initial;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .infografic-list-with-right-image > .component-content > .content > .richText {
    min-width: 800px;
    width: 100%;
  }
}
.infografic-list-with-right-image > .component-content > .content > .richText p {
  max-width: 1150px;
}

.lupus-heading-with-rich-text:has(.infografic-list-with-right-image) {
  margin-bottom: 0;
}
.lupus-heading-with-rich-text:has(.infografic-list-with-right-image) .reference-sub-title {
  margin-bottom: 10px;
}
.lupus-heading-with-rich-text:has(.infografic-list-with-right-image) .reference-sub-title p {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .lupus-heading-with-rich-text:has(.infografic-list-with-right-image) .reference-sub-title {
    margin-bottom: 32px;
  }
}

.lupus-video {
  margin: 0;
  margin-top: 30px;
  max-width: 1230px;
  width: 100%;
  padding: 0 15px;
}
.lupus-video .content > a:first-of-type {
  display: none;
}
.lupus-video .paragraphSystem::before,
.lupus-video .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .lupus-video {
    margin-top: 50px;
  }
}
.lupus-video > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .lupus-video > .component-content > .content {
    flex-direction: row;
    gap: 50px;
  }
}
.lupus-video > .component-content > .content p {
  text-align: start;
  margin: 0;
}
.lupus-video > .component-content > .content .video {
  order: 2;
  align-self: center;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .lupus-video > .component-content > .content .video {
    order: initial;
  }
}
.lupus-video > .component-content > .content video {
  width: 100% !important;
  height: fit-content !important;
}
@media only screen and (min-width: 992px) {
  .lupus-video > .component-content > .content video {
    width: 583px !important;
  }
}
.lupus-video > .component-content > .content > .box {
  padding: 0;
}
.lupus-video > .component-content > .content > .box h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .lupus-video > .component-content > .content > .box h2 {
    margin-bottom: 30px;
  }
}
.lupus-video > .component-content > .content > .box div {
  padding: 0;
}
.lupus-video > .component-content > .content > .box .richText-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}

.complex-image-and-rich-text {
  margin: 0;
  max-width: 1230px;
  padding: 0 15px;
  margin-bottom: 30px;
}
.complex-image-and-rich-text .content > a:first-of-type {
  display: none;
}
.complex-image-and-rich-text .paragraphSystem::before,
.complex-image-and-rich-text .paragraphSystem::after {
  display: none;
}
.complex-image-and-rich-text > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 992px) {
  .complex-image-and-rich-text > .component-content > .content {
    flex-direction: row !important;
    gap: 90px !important;
  }
}
.complex-image-and-rich-text .box:has(.image) {
  margin: auto;
  order: 2;
  padding: 0;
  height: 225px;
  max-width: 360px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .complex-image-and-rich-text .box:has(.image) {
    order: initial !important;
    height: 400px !important;
    max-width: 600px !important;
  }
}
.complex-image-and-rich-text .box:has(.image) .image {
  position: absolute;
}
.complex-image-and-rich-text .box:has(.image) .richText {
  padding: 0;
}
.complex-image-and-rich-text .box:has(.image) .richText .richText-content {
  padding-top: 16px;
}
.complex-image-and-rich-text .box:has(.image) .richText .richText-content p {
  width: fit-content;
  margin: 0;
  font-family: Outfit;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: white;
  background-color: #E6077D;
  padding: 16px;
  border-bottom-left-radius: calc(100vh/2);
  border-top-left-radius: calc(100vh/2);
  margin-left: 117px;
}
@media only screen and (min-width: 992px) {
  .complex-image-and-rich-text .box:has(.image) .richText .richText-content p {
    font-size: 30px !important;
    padding: 20px !important;
    padding-left: 30px !important;
    margin-left: 160px !important;
  }
}
.complex-image-and-rich-text .box:has(.image) .richText .image {
  padding: 0;
}
.complex-image-and-rich-text .box:has(.rounded-link) {
  padding: 0;
  max-width: 100%;
}
.complex-image-and-rich-text .box:has(.rounded-link) .richText {
  padding: 0;
}
.complex-image-and-rich-text .box:has(.rounded-link) .richText-content p {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0%;
  text-align: left;
}
.complex-image-and-rich-text .box:has(.rounded-link) .reference-rounded-link {
  margin: auto;
  max-width: 100%;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .complex-image-and-rich-text .box:has(.rounded-link) .reference-rounded-link {
    margin: 0;
    max-width: 360px;
  }
}
@media only screen and (min-width: 992px) {
  .complex-image-and-rich-text .box:has(.rounded-link) {
    max-width: 400px;
  }
}

.en-savoir-blue-carousel:has(.cancer-slick-carousel) > .component-content > .content {
  gap: 60px !important;
}

.cancer-slick-carousel {
  padding: 0;
}
.cancer-slick-carousel .slick-list {
  max-width: 770px;
}
@media screen and (max-width: 720px) {
  .cancer-slick-carousel .slick-list {
    max-width: 260px !important;
  }
}
@media screen and (max-width: 1399px) {
  .cancer-slick-carousel .slick-list {
    max-width: 520px;
  }
}
.cancer-slick-carousel .slick-slider {
  gap: 0;
}
.cancer-slick-carousel .slick-slide {
  max-width: 271px;
  padding: 0 20px !important;
}
.cancer-slick-carousel .slick-slide img {
  max-width: 231px;
  object-fit: cover;
}
.cancer-slick-carousel .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.cancer-slick-carousel .slick-dots li button {
  position: relative;
  width: 12px;
  color: transparent;
  height: 12px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}
.cancer-slick-carousel .slick-dots li.slick-active button:before {
  background-color: #e56a54;
}
.cancer-slick-carousel .slick-dots li button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  opacity: 1;
  font-size: 0;
  color: transparent;
  line-height: 0;
}
.cancer-slick-carousel .slick-next,
.cancer-slick-carousel .slick-prev {
  background-color: #e56a54;
  border: 0;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 4px;
  color: transparent;
}
.cancer-slick-carousel .slick-next:before,
.cancer-slick-carousel .slick-prev:before {
  content: "" !important;
  display: block !important;
  color: transparent;
  border: none;
  width: 45px;
  height: 100%;
  margin-right: 10px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: auto;
}
.cancer-slick-carousel .slick-next:hover,
.cancer-slick-carousel .slick-prev:hover {
  cursor: pointer;
}
.cancer-slick-carousel .slick-prev {
  border-radius: 0;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.cancer-slick-carousel .slick-prev:before {
  content: "";
  transform: rotate(0deg) !important;
  margin-left: 10px;
}
@media screen and (max-width: 992px) {
  .cancer-slick-carousel.slick-active {
    transform: translateX(-10px);
  }
  .cancer-slick-carousel .slick-slider {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: auto;
  }
  .cancer-slick-carousel .slick-dots {
    bottom: 0;
    width: 100%;
    grid-area: dots;
    position: relative;
    margin-top: 16px;
  }
  .cancer-slick-carousel .slick-dots li {
    padding: 0;
  }
}
@media screen and (max-width: 430px) {
  .cancer-slick-carousel .slick-slider {
    display: grid;
    width: fit-content;
    margin: auto;
    grid-template-areas: "list" "arrows" "dots";
    justify-items: center;
  }
  .cancer-slick-carousel .slick-list {
    grid-area: list;
    width: 100%;
    margin: auto;
  }
  .cancer-slick-carousel .slick-prev,
  .cancer-slick-carousel .slick-next {
    grid-area: arrows;
    display: inline-block;
    position: static;
    margin: 0 10px;
  }
  .cancer-slick-carousel .slick-prev::before,
  .cancer-slick-carousel .slick-next::before {
    width: auto;
  }
  .cancer-slick-carousel .slick-prev {
    margin-left: -60px !important;
  }
  .cancer-slick-carousel .slick-next {
    margin-right: -60px !important;
  }
  .cancer-slick-carousel .slick-dots {
    bottom: 0;
    grid-area: dots;
    position: relative;
    margin-top: 16px;
  }
  .cancer-slick-carousel .slick-dots li {
    padding: 0;
  }
}

.text-block-image-row .content > a:first-of-type {
  display: none;
}
.text-block-image-row .paragraphSystem::before,
.text-block-image-row .paragraphSystem::after {
  display: none;
}
.text-block-image-row > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .text-block-image-row > .component-content > .content {
    flex-direction: row;
    gap: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .text-block-image-row > .component-content > .content .reference-text-block {
    flex-basis: 66%;
  }
}
.text-block-image-row > .component-content > .content .image {
  height: fit-content;
  align-self: center;
  padding: 0;
  max-width: 350px;
}
@media only screen and (min-width: 992px) {
  .text-block-image-row > .component-content > .content .image {
    flex-basis: 33%;
  }
}

.page-lupus .breadcrumbs .content > a:first-of-type {
  display: none;
}
.page-lupus .breadcrumbs .paragraphSystem::before,
.page-lupus .breadcrumbs .paragraphSystem::after {
  display: none;
}
.page-lupus .text-block-with-image.right-side-text {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .page-lupus .text-block-with-image.right-side-text {
    flex-direction: row;
  }
}
.page-lupus .accordion-references-container .accordion-title-text::after {
  background-color: #193a54 !important;
}
.page-lupus .accordion-references-container .accordion-slide {
  border-bottom-color: #9AD3E0 !important;
}
.page-lupus .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a:hover {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation ul li.has-children a:after {
  border-bottom: 1px solid #fff !important;
}
.page-lupus .top-page-sticky-menu .navigation {
  background-color: #0A468C;
}
@media only screen and (min-width: 992px) {
  .page-lupus .top-page-sticky-menu .navigation {
    background-color: transparent;
  }
}
.page-lupus .top-page-sticky-menu .navigation-item a {
  color: #fff !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu {
  background-color: #0A468C;
}
.page-lupus .top-page-sticky-menu .navigation-root {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-level1 {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2.is-active {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2.is-active a {
  color: #fff !important;
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2.is-active:hover a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-level1 .navigation-item-title {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-level2 {
  background-color: #0A468C;
  justify-content: space-between !important;
}
.page-lupus .top-page-sticky-menu .navigation-level2 li:after {
  border-left: 1px solid #fff !important;
}
.page-lupus .top-page-sticky-menu .navigation-level2 .navigation-item-title a {
  color: #fff !important;
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-level2 .navigation-item:hover {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-level2 .navigation-item:hover a {
  cursor: pointer;
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li .navigation-item-title {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li:hover {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li:hover a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active a.navigation-item-title {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active:hover {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active:hover a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-mobile-menu::after {
  background-color: #fff;
}
.page-lupus .top-page-sticky-menu .navigation-item-decoration {
  display: none;
}
.page-lupus .top-page-sticky-menu .sub-title h2 {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .page-lupus .top-page-sticky-menu .sub-title h2 {
    font-size: 36px;
  }
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) {
  position: relative;
  background-color: #0A468C;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 span {
  transform: rotate(180deg);
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 .navigation-level3 {
  display: block;
}
@media only screen and (min-width: 992px) {
  .page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 .navigation-level3 {
    padding: 5px;
  }
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a {
  position: relative;
  transition: opacity .2s;
  padding-right: 0 !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a span {
  display: inline-block;
  margin-left: 10px;
  mask-image: url(../../img/arrows/accordion_arrow.svg) !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  background-color: #fff !important;
  width: 15px !important;
  height: 10px !important;
  transition: transform 0.2s !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a span:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: 1px;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover > a {
  background-color: #E6077D !important;
  transition: transform 0.2s;
  opacity: 0.7;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover li a {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active ul.navigation-level3 {
  position: absolute !important;
  z-index: 99999 !important;
  top: 100% !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li {
  position: relative !important;
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li a {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li:hover, .page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li.is-active {
  background-color: #E6077D !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li:hover a, .page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li.is-active a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 {
  display: none;
  top: 100%;
  width: 100%;
  border: 0;
}
@media only screen and (min-width: 992px) {
  .page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 {
    position: absolute;
    z-index: 99999;
    top: 100%;
  }
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3 {
  margin: 0 !important;
  height: 40px !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3 a {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  height: 100%;
  text-align: start;
  white-space: nowrap;
  display: flex !important;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3 a:after {
  display: none;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3:hover, .page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3.is-active {
  background-color: #E6077D !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3:hover a, .page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3.is-active a {
  background-color: #E6077D !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3:after {
  border-left: 0 !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3:hover) {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3:hover) a {
  background-color: #0A468C !important;
}
.page-lupus .top-page-sticky-menu .navigation {
  overflow: visible !important;
}
.page-lupus .top-page-sticky-menu .navigation .navigation-link-active {
  overflow: visible !important;
}
.page-lupus .top-page-sticky-menu .navigation ul.navigation-level1 {
  overflow: visible !important;
}
.page-lupus .top-page-sticky-menu .navigation li.navigation-level1 {
  overflow: visible !important;
}
.page-lupus .top-page-sticky-menu .navigation ul.navigation-level2 {
  overflow: visible !important;
}
.page-lupus .top-page-sticky-menu .navigation .component-content ul.navigation-level1 li.page-lupus ul.navigation-level2 li.page-j-ai-un-lupus,
.page-lupus .top-page-sticky-menu .navigation .component-content ul.navigation-level1 li.page-lupus ul.navigation-level2 li.page-un-proche-a-un-lupus {
  display: none !important;
}
.page-lupus .infografic-list {
  padding: 0 15px;
  max-width: 900px;
}
.page-lupus .infografic-list span p {
  color: #E6077D;
  font-family: "Outfit";
  font-weight: 900;
  font-size: 28px;
  line-height: 32px;
}
@media only screen and (min-width: 992px) {
  .page-lupus .infografic-list span p {
    font-size: 28px;
    line-height: 36px;
  }
}
.page-lupus .infografic-list .infografic::after {
  width: 155px !important;
}
@media only screen and (min-width: 992px) {
  .page-lupus .infografic-list .infografic::after {
    width: 1px !important;
    transform: translate(0%, 0%) !important;
    top: 0% !important;
  }
}
.page-lupus .page-diagnostic-et-prise-en-charge .main-title-multi-color {
  margin-bottom: 0 !important;
}
.page-lupus .en-savoir-blue-carousel:has(+ .en-savoir-pink-carousel),
.page-lupus .en-savoir-pink-carousel:has(+ .en-savoir-blue-carousel) {
  margin-bottom: 0px;
}
.page-lupus .en-savoir-blue-carousel,
.page-lupus .en-savoir-pink-carousel {
  justify-content: start;
}
.page-lupus .en-savoir-blue-carousel .component-content,
.page-lupus .en-savoir-pink-carousel .component-content {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .page-lupus .en-savoir-blue-carousel .component-content,
  .page-lupus .en-savoir-pink-carousel .component-content {
    max-width: 1100px;
    width: 100%;
    margin: auto;
  }
  .page-lupus .en-savoir-blue-carousel .content,
  .page-lupus .en-savoir-pink-carousel .content {
    max-width: 1100px;
    gap: 160px;
    justify-content: start;
    width: 100%;
  }
  .page-lupus .en-savoir-blue-carousel .richText,
  .page-lupus .en-savoir-pink-carousel .richText {
    max-width: fit-content;
  }
}
.page-lupus.page-lupus-cutane .video {
  margin: 0;
  padding: 0 16px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .page-lupus.page-lupus-cutane .video {
    margin-bottom: 80px;
  }
}
.page-lupus.page-lupus-cutane video {
  max-height: 600px;
  height: 100%;
}
.page-lupus .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 > li.is-active .navigation-level2 li.navigation-level2 > a.navigation-item-title {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

div.navigation ul.navigation-root li.navigation-level1.is-active ul.navigation-level2 li.is-active.is-open-nav-level-3 ul.navigation-level3 li.is-active.navigation-level3 {
  background-color: #E6077D !important;
  width: 100%;
}
div.navigation ul.navigation-root li.navigation-level1.is-active ul.navigation-level2 li.is-active.is-open-nav-level-3 ul.navigation-level3 li.is-active.navigation-level3 a {
  background-color: #E6077D !important;
}

.page-zona .hero-text.text-left {
  font-size: 26px;
  line-height: 32px;
}
.page-zona .hero-text.text-left span {
  background-color: white;
  color: black;
  padding-left: 8px;
  font-family: Outfit;
}
.page-zona .hero-text.text-left span br {
  display: none;
}
@media only screen and (min-width: 1600px) {
  .page-zona .hero-text.text-left {
    font-size: 48px !important;
    line-height: 58px !important;
  }
}
@media only screen and (min-width: 992px) {
  .page-zona .hero-text.text-left {
    font-size: 36px;
    line-height: 40px;
  }
  .page-zona .hero-text.text-left span {
    text-wrap: nowrap;
    background-color: white;
    color: black;
    padding-left: 8px;
  }
  .page-zona .hero-text.text-left span br {
    display: inline;
  }
}
.page-zona .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a:hover {
  background-color: #d68f9f !important;
}
.page-zona .top-page-sticky-menu .navigation {
  background-color: #EB3475;
}
@media only screen and (min-width: 992px) {
  .page-zona .top-page-sticky-menu .navigation {
    background-color: transparent;
  }
}
.page-zona .top-page-sticky-menu .navigation .component-content ul.navigation-level1 li.page-zona ul.navigation-level2 li.page-quiz a {
  font-weight: 700 !important;
}
@media only screen and (min-width: 768px) {
  .page-zona .top-page-sticky-menu .navigation .component-content ul.navigation-level1 li.page-zona ul.navigation-level2 li a {
    text-align: center !important;
  }
}
.page-zona .top-page-sticky-menu .navigation-mobile-menu {
  background-color: #EB3475;
}
.page-zona .top-page-sticky-menu .navigation-root {
  background-color: #EB3475 !important;
}
.page-zona .top-page-sticky-menu .navigation-level1 {
  background-color: #EB3475 !important;
}
.page-zona .top-page-sticky-menu .navigation-item.navigation-level2.is-active {
  background-color: #fff !important;
}
.page-zona .top-page-sticky-menu .navigation-item.navigation-level2.is-active a {
  color: #000 !important;
  background-color: #fff !important;
}
.page-zona .top-page-sticky-menu .navigation-item.navigation-level2.is-active:hover a {
  background-color: #d68f9f !important;
}
.page-zona .top-page-sticky-menu .navigation-level1 .navigation-item-title {
  background-color: #EB3475 !important;
}
.page-zona .top-page-sticky-menu .navigation-level2 {
  background-color: #EB3475;
  justify-content: space-between !important;
}
.page-zona .top-page-sticky-menu .navigation-level2 .navigation-item-title {
  color: #000 !important;
  background-color: #EB3475 !important;
}
.page-zona .top-page-sticky-menu .navigation-level2 .navigation-item:hover {
  background-color: #d68f9f !important;
}
.page-zona .top-page-sticky-menu .navigation-level2 .navigation-item:hover a {
  background-color: #d68f9f !important;
}
.page-zona .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a {
  background-color: #fff !important;
}
.page-zona .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover {
  background-color: #d68f9f !important;
}
.page-zona .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover a {
  background-color: #d68f9f !important;
}
.page-zona .top-page-sticky-menu .navigation-item-decoration {
  display: none;
}
.page-zona .infografic-list .infografic_big_title,
.page-zona .infografic-list .infografic_small_title {
  color: #EB3475 !important;
}
.page-zona .infografic-list .infografic_big_title p,
.page-zona .infografic-list .infografic_big_title span,
.page-zona .infografic-list .infografic_small_title p,
.page-zona .infografic-list .infografic_small_title span {
  color: #EB3475 !important;
}
@media only screen and (min-width: 992px) {
  .page-zona .infografic-list .reference-infografic {
    padding: 0 26px !important;
  }
  .page-zona .infografic-list .reference-infografic:nth-child(2) {
    padding-left: 0 !important;
  }
  .page-zona .infografic-list .reference-infografic:nth-child(3) .infografic {
    min-width: 278px;
  }
  .page-zona .infografic-list .reference-infografic:nth-child(4) {
    padding-right: 0 !important;
  }
}
.page-zona .pink-link {
  color: #000 !important;
}
.page-zona .text-block-with-image {
  align-items: start;
}
.page-zona .text-block-with-image picture {
  display: flex;
  align-items: center;
}
.page-zona .text-block-with-image picture img {
  height: fit-content;
}
.page-zona .text-block-with-image.full-background-image h2.text-block-with-image_title {
  color: #EB3475;
}
.page-zona .text-block-with-image,
.page-zona .text-block-with-animated-image.right-side-text h2.text-block-with-animated-image_title,
.page-zona h2.text-block-with-image_title {
  color: #000;
}
.page-zona .text-block-with-background-color {
  background-color: #F599BA;
}
.page-zona .text-block-with-background-color .text-block-with-image_title {
  color: #000;
}
.page-zona .text-block-with-background-color p {
  color: #000;
}
.page-zona .accordion-references-container.purple-accordion.two-thirds-width .richText p {
  color: #00677f;
}
.page-zona .accordion-references-container.purple-accordion.two-thirds-width .accordion {
  padding: 0;
}
.page-zona .accordion-references-container.purple-accordion.two-thirds-width .accordion .accordion-title-text {
  color: #00677f !important;
}
.page-zona .accordion-references-container.purple-accordion.two-thirds-width .accordion .accordion-title-text::after {
  background-color: #00677f !important;
}
.page-zona .accordion-references-container.purple-accordion.two-thirds-width .accordion .accordion-slide {
  border-bottom: 1px solid #e56a54 !important;
}
.page-zona .accordion-references-container.purple-accordion.two-thirds-width .accordion .richText-content li a {
  text-decoration: underline;
}
.page-zona .link-arrow {
  margin-top: 0;
  color: #EB3475 !important;
}
.page-zona .row-component > .component-content > .content {
  gap: 25px;
}
.page-zona .row-component > .component-content > .content .image {
  flex: unset;
}
.page-zona .row-component > .component-content > .content .image > .component-content {
  width: max-content;
}
.page-zona .row-component > .component-content > .content .richText {
  flex: unset;
}
.page-zona .row-compone.even {
  margin-bottom: 25px;
}
.page-zona .row-component.row-medium-spacing {
  margin-top: 12px;
  margin-bottom: 30px;
}
.page-zona .row-component.row-medium-spacing > .component-content > .content {
  gap: 12px;
}
@media only screen and (min-width: 992px) {
  .page-zona .row-component.row-medium-spacing > .component-content > .content {
    gap: 25px;
  }
}
.page-zona .row-component.row-medium-spacing .icon-list-item {
  align-items: start;
}
.page-zona .row-component.row-medium-spacing .icon-list-item_icon_wrapper {
  min-width: 64px;
  display: flex;
  justify-content: center;
}
.page-zona .row-component.row-medium-spacing .icon-list-item_content p {
  margin: 0;
}
.page-zona .row-component.row-medium-spacing .box.last > .component-content > .content {
  min-height: 174px;
  justify-content: space-between;
}
.page-zona .row-component.row-medium-spacing .box.last > .component-content > .content .reference-icon-list-item {
  flex: unset;
}
.page-zona .row-component.row-medium-spacing .box > .component-content > .content {
  gap: 8px;
}
.page-zona .custom-animate.row-component > .component-content > .content {
  align-items: start;
}
.page-zona .custom-animate.row-component > .component-content > .content div.last .icon-list-item {
  align-items: start;
}
.page-zona .custom-animate.row-component > .component-content > .content div.last .icon-list-item_content p {
  margin: 0;
}
.page-zona .en-savoir-red-carousel {
  background-color: #EB3475;
}
.page-zona .en-savoir-red-carousel > .component-content > .content {
  gap: 25px;
}
@media only screen and (min-width: 992px) {
  .page-zona .en-savoir-red-carousel > .component-content > .content {
    gap: 160px;
  }
}
.page-zona .en-savoir-red-carousel .ensavior-carousel-card-link {
  color: #000;
}
.page-zona .en-savoir-red-carousel .ensavior-carousel-card-link::after {
  background-color: #EB3475;
}
.page-zona .richText h1.blue-title {
  padding-top: 16px;
}
.page-zona .richText h1.blue-title br {
  display: none;
}
@media only screen and (min-width: 992px) {
  .page-zona .richText h1.blue-title {
    min-height: 170px;
  }
  .page-zona .richText h1.blue-title br {
    display: inline;
  }
}
.page-zona .row-54 > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-zona .row-54 > .component-content > .content > a, .page-zona .row-54 > .component-content > .content::before, .page-zona .row-54 > .component-content > .content::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .page-zona .row-54 > .component-content > .content {
    flex-direction: row;
    gap: 100px;
  }
}
.page-zona .row-54 > .component-content > .content .sub-title p {
  margin-top: 20px;
}
.page-zona .row-54 > .component-content > .content .first {
  flex: 5;
}
.page-zona .row-54 > .component-content > .content .last {
  flex: 4;
}
.page-zona .row-54 > .component-content > .content .icon-list-item {
  align-items: start;
}
.page-zona .row-54 > .component-content > .content .icon-list-item .icon-list-item_content p {
  margin-top: 0;
  color: #252525;
}
.page-zona .row-54 > .component-content > .content .richText p {
  margin: 0;
}
.page-zona .mini-infografic-description {
  margin-top: 30px;
}
.page-zona .mini-infografic-description .infografic_big_title {
  color: #EB3475 !important;
}
.page-zona .mini-infografic-description .infografic_small_title {
  display: block !important;
}
.page-zona .mini-infografic-description .infografic_small_title p,
.page-zona .mini-infografic-description .infografic_small_title span {
  color: #EB3475 !important;
}
.page-zona .reference-phone-text.first {
  margin-top: 25px;
}
@media only screen and (min-width: 992px) {
  .page-zona .reference-phone-text.last {
    margin-top: 25px;
  }
}
.page-zona .phone-text {
  background-color: #FAD6E3;
}
.page-zona .phone-text .icon-text-title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-zona .phone-text p strong {
  font-weight: 800;
}
.page-zona .phone-text ul {
  margin: 0;
}
.page-zona .phone-text ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #252525;
}
.page-zona .phone-text.custom-icon::before {
  display: none;
}
.page-zona .phone-text.custom-icon .phone-text_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) {
  .page-zona .phone-text .icon-text-title {
    font-size: 28px;
    line-height: 35px;
  }
}
.page-zona .half-space .phone-text {
  margin-top: 50px;
}
@media only screen and (min-width: 992px) {
  .page-zona .half-space .phone-text {
    width: calc(50% - 25px);
  }
}
.page-zona .méningites-méningocoque-column .accordion-container li a span::after {
  background-color: #EB3475 !important;
}
.page-zona .red-accordion .accordion-container li {
  border-bottom: 1px solid #EB3475 !important;
}
.page-zona .red-accordion .accordion-container li .richText.last {
  margin-bottom: 10px;
}
.page-zona .red-accordion .accordion-container li .main-title p {
  margin-bottom: 16px;
}
.page-zona.page-quiz .top-page-sticky-menu + .box.base-max-width-content {
  max-width: 1100px !important;
  margin-bottom: 0px !important;
}
.page-zona.page-quiz .top-page-sticky-menu + .box.base-max-width-content h1 p {
  margin-bottom: 0 !important;
}
.page-zona.page-quiz .accordion-references-container > .component-content > .content > .richText p {
  margin: 40px 0;
}
@media only screen and (min-width: 992px) {
  .page-zona.page-quiz .accordion-references-container > .component-content > .content > .richText p {
    margin: 48px 0;
  }
}
.page-zona.page-quiz .reference-footer-number {
  max-width: 1432px;
  padding-left: 12px;
}

.bottom-spacing {
  margin-bottom: 40px !important;
}
@media only screen and (min-width: 992px) {
  .bottom-spacing {
    margin-bottom: 80px !important;
  }
}

.evolution-des-boutons-row > .component-content > .content {
  display: flex;
  flex-direction: column;
}
.evolution-des-boutons-row > .component-content > .content > a, .evolution-des-boutons-row > .component-content > .content::before, .evolution-des-boutons-row > .component-content > .content::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .evolution-des-boutons-row > .component-content > .content {
    flex-direction: row;
  }
}
.evolution-des-boutons-row > .component-content > .content > div {
  flex: 1;
}
.evolution-des-boutons-row > .component-content > .content .box > .component-content > .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.evolution-des-boutons-row > .component-content > .content > .richText {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  .evolution-des-boutons-row > .component-content > .content > .richText {
    margin-top: 50px;
  }
  .evolution-des-boutons-row > .component-content > .content > .richText p {
    margin: 0 auto;
    max-width: 190px;
  }
}

.base-max-width-content.infografic-list {
  max-width: 1105px;
}
.base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(4) .infografic::after {
  display: block;
}
.base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(2) {
  padding: 0 26px !important;
}
.base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(5) {
  min-width: 260px;
}
.base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(5) .infografic::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(2) {
    padding-left: 0;
  }
  .base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(4) {
    padding-right: 26px !important;
  }
  .base-max-width-content.infografic-list > .component-content > .content > .reference-infografic:nth-child(5) {
    padding: 0 8px !important;
  }
}

.number-text-wrapper {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.number-text-wrapper .number-text-row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .number-text-wrapper .number-text-row {
    flex-direction: row;
    align-items: start;
    gap: 40px;
  }
}
.number-text-wrapper .number-content {
  font-family: Outfit, Arial, sans-serif;
  font-weight: 900;
  font-size: 64px;
  line-height: 58px;
  color: #EB3475;
  margin: 0;
  min-width: 40px;
}
.number-text-wrapper .text-content {
  text-align: start;
  margin: 0;
}

.purpuru-fulminans.row-component > .component-content > .content {
  align-items: start;
}
.purpuru-fulminans.row-component > .component-content > .content .image {
  flex: 1;
  justify-content: end;
  width: -webkit-fill-available;
}

.page-rotavirus .reference-text-block-with-image .full-background-image .text-block-with-image_content_wrapper {
  min-height: 100% !important;
}
@media only screen and (min-width: 768px) {
  .page-rotavirus .reference-text-block-with-image .full-background-image .text-block-with-image_content_wrapper {
    min-height: 580px !important;
  }
}
@media only screen and (min-width: 992px) {
  .page-rotavirus.page-rotavirus-chez-les-bebes-et-les-enfants .hero-text {
    font-size: 48px;
    line-height: 58px;
  }
}
.page-rotavirus .text-block-with-background-color {
  background-color: #FCD1B5;
}
.page-rotavirus .text-block-with-background-color .text-block-with-image_title {
  color: #000;
}
.page-rotavirus .text-block-with-background-color p {
  color: #000;
}
.page-rotavirus .text-block-with-background-color .reference-text-block-with-image h2,
.page-rotavirus .text-block-with-background-color .reference-text-block-with-image p {
  color: black !important;
}
.page-rotavirus .text-block-with-image:has(a.purple-link) .text-block-with-image_title,
.page-rotavirus .text-block-with-image:has(a.purple-link) .text-block-with-animated-image_title,
.page-rotavirus .text-block-with-animated-image:has(a.purple-link) .text-block-with-image_title,
.page-rotavirus .text-block-with-animated-image:has(a.purple-link) .text-block-with-animated-image_title {
  color: #4578C4;
}
.page-rotavirus .text-block-with-image:has(a.white-link) .text-block-with-image_title {
  color: #fff;
}
.page-rotavirus .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a:hover {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation ul li.has-children a:after {
  border-bottom: 1px solid #fff !important;
}
.page-rotavirus .top-page-sticky-menu .navigation {
  background-color: #6F42A1;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .top-page-sticky-menu .navigation {
    background-color: transparent;
  }
}
.page-rotavirus .top-page-sticky-menu .navigation-item a {
  color: #fff !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu {
  background-color: #6F42A1;
}
.page-rotavirus .top-page-sticky-menu .navigation-root {
  background-color: #6F42A1 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level1 {
  background-color: #6F42A1 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2.is-active {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2.is-active a {
  color: #fff !important;
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2.is-active:hover a {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level1 .navigation-item-title {
  background-color: #6F42A1 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level2 {
  background-color: #6F42A1;
  justify-content: space-between !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level2 li:after {
  border-left: 1px solid #fff !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level2 .navigation-item-title a {
  color: #fff !important;
  background-color: #6F42A1 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level2 .navigation-item:hover {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-level2 .navigation-item:hover a {
  cursor: pointer;
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover a {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li {
  background-color: #6F42A1 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li .navigation-item-title {
  background-color: #6F42A1 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li:hover {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li:hover a {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active a.navigation-item-title {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active:hover {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active:hover a {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-mobile-menu::after {
  background-color: #fff;
}
.page-rotavirus .top-page-sticky-menu .navigation-item-decoration {
  display: none;
}
.page-rotavirus .top-page-sticky-menu .sub-title h2 {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .top-page-sticky-menu .sub-title h2 {
    font-size: 36px;
  }
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) {
  position: relative;
  background-color: #6F42A1;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 span {
  transform: rotate(180deg);
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 .navigation-level3 {
  display: block;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 .navigation-level3 {
    padding: 5px;
  }
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a {
  position: relative;
  transition: opacity .2s;
  padding-right: 0 !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a span {
  display: inline-block;
  margin-left: 10px;
  mask-image: url(../../img/arrows/accordion_arrow.svg) !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  background-color: #fff !important;
  width: 15px !important;
  height: 10px !important;
  transition: transform 0.2s !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a span:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: 1px;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover {
  background-color: #836bbe !important;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover > a {
  background-color: #836bbe !important;
  transition: transform 0.2s;
  opacity: 0.7;
}
.page-rotavirus .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover li a {
  background-color: #6F42A1 !important;
}
.page-rotavirus .blue-title {
  color: #4578C4 !important;
}
.page-rotavirus .reference-icon-list-item.last {
  padding: 0;
}
.page-rotavirus .icon-list-item {
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .icon-list-item {
    flex-direction: row;
    gap: 20px;
  }
}
.page-rotavirus .icon-list-item .icon-list-item_icon_wrapper {
  min-width: 245px;
  display: flex;
  justify-content: center;
}
.page-rotavirus .icon-list-item .icon-list-item_icon_wrapper img {
  height: unset;
}
.page-rotavirus .title-heading {
  color: #4578C4 !important;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .title-heading {
    margin: 24px 0 2px 0;
  }
}
.page-rotavirus .reference-phone-text.first {
  margin-top: 25px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .reference-phone-text.last {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .cta-lines-buttons {
    margin-bottom: 60px;
  }
}
.page-rotavirus .row-component .component-content .content {
  gap: 20px;
}
.page-rotavirus .row-component .component-content .content .image {
  padding: 0;
  margin-top: 18px;
  width: 100%;
}
.page-rotavirus .row-component .component-content .content .image picture {
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-rotavirus .meningococcal-icon-list .richText-content P {
  margin-top: 18px;
}
.page-rotavirus .meningococcal-icon-list .icon-list-item {
  gap: 33px;
  flex-direction: row;
}
.page-rotavirus .meningococcal-icon-list .icon-list-item_icon_wrapper {
  min-width: unset;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .meningococcal-icon-list {
    max-width: 436px;
  }
  .page-rotavirus .meningococcal-icon-list .icon-list-item_icon_wrapper {
    margin-left: 14px;
  }
}
.page-rotavirus .phone-text {
  background-color: #FCD1B5;
  border-radius: 0 72px 72px 0;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .phone-text {
    padding: 28px 46px;
  }
}
.page-rotavirus .phone-text .icon-text-title {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-rotavirus .phone-text p {
  font-weight: 300;
}
.page-rotavirus .phone-text ul {
  margin: 0;
}
.page-rotavirus .phone-text ul li {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #252525;
}
.page-rotavirus .phone-text ol li {
  font-weight: 300;
  color: #252525;
}
.page-rotavirus .phone-text.custom-icon::before {
  display: none;
}
.page-rotavirus .phone-text.custom-icon .phone-text_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .phone-text .icon-text-title {
    font-size: 28px;
    line-height: 35px;
  }
}
.page-rotavirus .en-savoir-red-carousel {
  background-color: #FCD1B5;
}
.page-rotavirus .en-savoir-red-carousel .ensavior-carousel-card-link {
  color: #6F42A1;
}
.page-rotavirus .en-savoir-red-carousel .ensavior-carousel-card-link::after {
  background-color: #9AD3E0;
}
.page-rotavirus .en-savoir-red-carousel .richText-content h3 {
  color: #252525;
}
.page-rotavirus .purple-accordion .accordion-container li {
  border-bottom: 1px solid #9AD3E0 !important;
}
.page-rotavirus .purple-accordion .accordion-container li .accordion-title-text::after {
  background-color: #9AD3E0 !important;
}
.page-rotavirus .text-block p {
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans .paragraphSystem.content {
    gap: 96px;
  }
}
@media only screen and (min-width: 992px) {
  .page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans .box .paragraphSystem.content {
    gap: 0;
  }
}
.page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans .icon-list-item {
  align-items: flex-start;
}
.page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans .icon-list-item_icon_wrapper {
  min-width: auto;
}
.page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans .icon-list-item .icon-list-item_icon {
  height: 32px;
  margin-top: 18px;
}
.page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans .icon-list-item_content p {
  font-weight: 300;
}
.page-rotavirus.page-qui-est-concerne-par-le-rotavirus .purpuru-fulminans.row-component > .component-content > .content .image {
  justify-content: center;
}
.page-rotavirus.page-qui-est-concerne-par-le-rotavirus .right-bigger-l {
  margin-top: 40px;
}
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .title-heading,
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .accordion-title-text {
  color: #4578C4;
}
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .méningites-méningocoque-column .accordion-container li a span::after {
  background-color: #9AD3E0 !important;
}
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .red-accordion .accordion-container li {
  border-bottom: 1px solid #9AD3E0 !important;
}
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .reference-link-arrow a::after {
  background-color: #9AD3E0 !important;
}
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .red-title,
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .light-red-title {
  color: #F17524 !important;
}
.page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-rotavirus-chez-les-bebes-et-les-enfants .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-symptomes-et-consequences .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-qui-est-concerne-par-le-rotavirus .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-que-faire-face-au-rotavirus .top-page-banner-main.top-page-banner .hero-text {
  max-width: 360px;
}
@media only screen and (min-width: 768px) {
  .page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-rotavirus-chez-les-bebes-et-les-enfants .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-symptomes-et-consequences .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-qui-est-concerne-par-le-rotavirus .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-que-faire-face-au-rotavirus .top-page-banner-main.top-page-banner .hero-text {
    font-size: 36px;
    line-height: 40px;
    left: 10%;
  }
}
@media only screen and (min-width: 1600px) {
  .page-rotavirus.page-quelles-sont-les-idees-recues-sur-le-rotavirus .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-rotavirus-chez-les-bebes-et-les-enfants .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-symptomes-et-consequences .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-qui-est-concerne-par-le-rotavirus .top-page-banner-main.top-page-banner .hero-text, .page-rotavirus.page-que-faire-face-au-rotavirus .top-page-banner-main.top-page-banner .hero-text {
    font-size: 48px;
    line-height: 61px;
    left: 10%;
  }
}
.page-rotavirus .nourisson-carousel-container {
  background-color: white;
  max-width: 968px;
  margin-bottom: 50px;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container {
    margin-left: calc((100% - 892px) / 2);
    margin-right: auto;
    margin-bottom: 60px;
  }
}
.page-rotavirus .nourisson-carousel-container .carousel-nav {
  height: 60px;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-prev,
.page-rotavirus .nourisson-carousel-container .carousel-nav-next {
  display: none;
}
.page-rotavirus .nourisson-carousel-container .carousel-slides {
  padding: 105px 15px 0px 15px;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-slides {
    padding: 105px 0px 20px 0px;
  }
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item {
  height: 60px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  width: 50%;
  border: 2px solid #6F42A1;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item a {
  font-size: 19px;
  line-height: 22px;
  justify-content: end;
  padding-right: 0;
  margin: 0;
  font-family: Outfit;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item a {
    padding-right: 10%;
  }
}
@media only screen and (min-width: 768px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item a {
    padding-right: 15%;
  }
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item a {
    font-size: 23px;
    padding-right: 70px !important;
    line-height: 28px;
  }
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:has(~ .is-active) {
  background-color: #BED187;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:has(~ .is-active) a {
  color: transparent;
  background-color: #fff;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item.is-active {
  background-color: #BED187 !important;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item.is-active {
    background-color: white;
  }
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item.is-active a {
  background-color: transparent;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item.is-active a {
    background-color: #BED187 !important;
  }
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item.is-active a:before {
  color: black !important;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(2) a {
  color: transparent;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(2) a:before {
  color: #6F42A1;
  content: "Enfant moins 2 ans";
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(2) a:before {
    content: "Votre enfant a moins de 2 ans";
  }
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(3) {
  width: 100%;
  z-index: 2;
  left: 0;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(3) a {
  margin-right: 8%;
  color: transparent;
}
.page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(3) a:before {
  color: #6F42A1;
  content: "Enfant plus 2 ans";
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(3) a:before {
    content: "Votre enfant a plus de 2 ans";
  }
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(3) {
    width: 100%;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .page-rotavirus .nourisson-carousel-container .carousel-nav-item:nth-child(3) a {
    margin-right: 0px;
  }
}
.page-rotavirus .nourisson-carousel-container .base-max-width-content {
  margin: 0;
}
.page-rotavirus .nourisson-carousel-container .icon-list-item picture {
  display: block;
  min-width: unset;
}
.page-rotavirus .nourisson-carousel-container .icon-list-item picture img {
  height: 60px;
}
.page-rotavirus .base-max-width-content:has(+ .nourisson-carousel-container) h1,
.page-rotavirus .base-max-width-content:has(+ .nourisson-carousel-container) p {
  text-align: center;
}
.page-rotavirus .meningococcal-icon-list {
  max-width: unset;
}
@media only screen and (min-width: 992px) {
  .page-rotavirus .meningococcal-icon-list > .component-content > .content {
    gap: 100px;
  }
}
.page-rotavirus .meningococcal-icon-list > .component-content > .content .icon-list-item_icon_wrapper {
  align-self: baseline;
}
.page-rotavirus .meningococcal-icon-list .box.col-xs-12 {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #FCD1B5;
  padding: 0 38px;
}
.page-rotavirus .meningococcal-icon-list .box.col-xs-12 h2 {
  font-family: Outfit;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  color: #252525 !important;
}
.page-rotavirus .reference-phone-text .title {
  font-family: Outfit;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 10px;
}
.page-rotavirus.page-que-faire-face-au-rotavirus .reference-text-block p {
  font-weight: 300;
}
.page-rotavirus.page-que-faire-face-au-rotavirus .meningococcal-icon-list li,
.page-rotavirus.page-que-faire-face-au-rotavirus .meningococcal-icon-list p,
.page-rotavirus.page-que-faire-face-au-rotavirus .richText li,
.page-rotavirus.page-que-faire-face-au-rotavirus .richText p,
.page-rotavirus.page-que-faire-face-au-rotavirus .carousel li,
.page-rotavirus.page-que-faire-face-au-rotavirus .carousel p {
  font-weight: 300;
}
.page-rotavirus.page-que-faire-face-au-rotavirus .carousel p {
  color: #252525;
}
.page-rotavirus .page-rotavirus-chez-les-bebes-et-les-enfants .meningococcal-icon-list picture {
  align-self: baseline;
}
.page-rotavirus .meningococcal-icon-list h2 p {
  font-weight: 700 !important;
}

.page-cancer-gynecologiques #content {
  margin: auto;
  padding: 0;
}
.page-cancer-gynecologiques .reference-main-title {
  max-width: 1240px;
  margin: 0 auto !important;
  padding: 0 20px !important;
}
.page-cancer-gynecologiques .reference-main-title .main-title p {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  margin: 20px 0;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-main-title .main-title p {
    font-size: 38px;
    line-height: 48px;
    margin: 25px 0;
  }
}
.page-cancer-gynecologiques .reference-main-title {
  padding: 0 !important;
}
.page-cancer-gynecologiques .cancer-text-callout {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  margin-top: 26px;
  margin-bottom: 60px;
}
.page-cancer-gynecologiques .cancer-text-callout .content > a:first-of-type {
  display: none;
}
.page-cancer-gynecologiques .cancer-text-callout .paragraphSystem::before,
.page-cancer-gynecologiques .cancer-text-callout .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-text-callout {
    margin-top: 67px;
  }
}
.page-cancer-gynecologiques .cancer-text-callout > .component-content > .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-text-callout > .component-content > .content {
    flex-direction: row;
  }
}
.page-cancer-gynecologiques .cancer-text-callout h1.title-heading,
.page-cancer-gynecologiques .cancer-text-callout .title {
  margin: 0;
  padding: 0;
  color: #193a54 !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-text-callout h1.title-heading,
  .page-cancer-gynecologiques .cancer-text-callout .title {
    max-width: 540px;
  }
}
.page-cancer-gynecologiques .cancer-text-callout .image {
  margin: auto;
  width: 100%;
  max-width: 450px;
}
.page-cancer-gynecologiques .cancer-text-callout .richText,
.page-cancer-gynecologiques .cancer-text-callout p {
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0;
  text-align: justify;
  font-weight: 500 !important;
  font-size: 21px !important;
  margin-top: 0 !important;
}
.page-cancer-gynecologiques .cancer-text-callout .richText .selection-bold,
.page-cancer-gynecologiques .cancer-text-callout p .selection-bold {
  font-weight: 800 !important;
}
.page-cancer-gynecologiques .cancer-text-callout .richText-content {
  color: #193a54 !important;
}
.page-cancer-gynecologiques .banner-image .banner-image_image {
  display: block;
}
.page-cancer-gynecologiques .banner-image .banner-image_image img {
  padding: 0 30px;
}
.page-cancer-gynecologiques .reference-sub-title {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
}
.page-cancer-gynecologiques .reference-sub-title h3 {
  font-size: 23px !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-sub-title h3 {
    font-size: 38px !important;
  }
}
.page-cancer-gynecologiques .reference-sub-title.dark-blue-title {
  color: #193a54 !important;
}
.page-cancer-gynecologiques .reference-sub-title p {
  margin: 20px 0;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-sub-title p {
    margin: 25px 0;
  }
}
.page-cancer-gynecologiques #content .richText {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
}
.page-cancer-gynecologiques #content .richText ul {
  margin-left: 15px;
}
.page-cancer-gynecologiques #content .richText p,
.page-cancer-gynecologiques #content .richText li,
.page-cancer-gynecologiques #content .richText a {
  font-family: Outfit;
  text-align: justify;
  font-size: 20px;
  line-height: 30px;
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques #content .richText p,
  .page-cancer-gynecologiques #content .richText li,
  .page-cancer-gynecologiques #content .richText a {
    font-size: 23px;
    line-height: 35px;
  }
}
.page-cancer-gynecologiques #content .richText p .selection-bold,
.page-cancer-gynecologiques #content .richText li .selection-bold,
.page-cancer-gynecologiques #content .richText a .selection-bold {
  font-family: Outfit;
  font-weight: 800 !important;
}
.page-cancer-gynecologiques .cancer-numbers {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
}
.page-cancer-gynecologiques .cancer-numbers .sub-title {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-numbers .sub-title {
    text-align: start;
  }
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list {
  max-width: 900px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-numbers .infografic-list .component-content .content {
    margin-bottom: 20px;
  }
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list .infografic {
  padding: 16px 0 !important;
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list .infografic::after {
  width: 160px;
  height: 1px;
  background-color: #00677f;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-numbers .infografic-list .infografic::after {
    height: 100%;
    width: 1px;
  }
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list .infografic:last-of-type {
  padding-bottom: 0 !important;
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list .infografic_big_title {
  font-size: 62px !important;
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list p {
  font-size: 21px;
  color: #252525;
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list p .selection-bold {
  font-weight: 800 !important;
}
.page-cancer-gynecologiques .cancer-numbers .richText {
  padding: 0;
}
.page-cancer-gynecologiques .cancer-numbers .richText p {
  color: black !important;
  font-family: Inter !important;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list + .richText {
  text-align: center;
  width: fit-content;
  margin: 10px auto !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-numbers .infografic-list + .richText {
    margin-top: 20px !important;
    margin-bottom: 32px !important;
  }
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list + .richText p {
  font-size: 15px !important;
  line-height: 22px !important;
}
.page-cancer-gynecologiques .cancer-numbers .infografic-list + .richText + .richText {
  margin-top: 15px;
  padding: 0 !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-numbers .infografic-list + .richText + .richText {
    margin-top: 26px !important;
  }
}
.page-cancer-gynecologiques .cancer-numbers .reference-link-arrow {
  margin-top: 24px !important;
  margin-bottom: 25px !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .cancer-numbers .reference-link-arrow {
    margin-top: 0;
    margin-bottom: 60px !important;
  }
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  width: 100%;
  margin-bottom: 10px !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) {
    margin-bottom: 45px !important;
  }
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide.is-visible.is-active {
  border-bottom: 0 !important;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide.is-visible.is-active h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #331851;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide {
  border-bottom: 1px solid #331851 !important;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide:first-of-type {
  padding-top: 0;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide h3 span {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  font-family: Outfit;
  color: #00677f;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide h3 span {
    font-size: 38px;
    line-height: 58px;
  }
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText p,
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText li,
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText span {
  font-size: 18px;
  line-height: 27px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText p,
  .page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText li,
  .page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText span {
    font-size: 24px;
    line-height: 36px;
  }
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText ul {
  margin-left: 15px;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText sub {
  font-weight: 400;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText p:has(.selection-orange) {
  margin-top: 30px !important;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText p:has(.selection-orange):first-of-type {
  margin-top: 20px !important;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-slide .richText p:has(.selection-orange) .selection-orange {
  color: #e56a54;
}
.page-cancer-gynecologiques .accordion-container:has(.cancer-accordion) .accordion-content-wrapper {
  margin-top: 30px;
}
.page-cancer-gynecologiques .reference-text-block-with-image {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  width: 100% !important;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image {
    margin-top: 90px;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image_title {
  font-size: 23px;
  line-height: 32px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image_title {
    font-size: 38px;
    line-height: 48px;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image {
  padding: 0;
  margin-bottom: 0;
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper {
  width: 100%;
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper ul li {
  font-size: 20px;
  line-height: 30px;
  font-family: Outfit;
  color: #252525;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper ul li {
    font-size: 22px;
    line-height: 32px;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper .transparent-purple-link {
  font-size: 20px;
  line-height: 30px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper .transparent-purple-link {
    font-size: 20px;
    line-height: 28px;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper p.gray-text {
  font-size: 15px;
  color: #535353;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper p.gray-text {
    font-size: 18px;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image .text-block-with-image .text-block-with-image_content_wrapper .text-block-with-image_title sub {
  font-size: 15px;
}
.page-cancer-gynecologiques .reference-text-block-with-image .right-side-text {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image .right-side-text {
    flex-direction: row;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image + .richText {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image + .richText {
    margin-bottom: 80px;
  }
}
.page-cancer-gynecologiques .reference-text-block-with-image + .richText p {
  font-size: 15px !important;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .reference-text-block-with-image + .richText p {
    font-size: 18px !important;
  }
}
.page-cancer-gynecologiques .reference-title-separator {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  width: 100%;
}
.page-cancer-gynecologiques .richText:has(+ .images-texts-link-section-wrap) p {
  text-align: justify !important;
}
.page-cancer-gynecologiques .images-texts-link-section-wrap {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  margin-top: 10px;
  margin-bottom: 60px;
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .content > a:first-of-type {
  display: none;
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .paragraphSystem::before,
.page-cancer-gynecologiques .images-texts-link-section-wrap .paragraphSystem::after {
  display: none;
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .col-xs-12 {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .images-texts-link-section-wrap {
    margin-bottom: 130px;
  }
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .images-texts-link-section-wrap .content {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .content .content {
  max-width: 360px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .content .content p {
  font-family: Outfit !important;
  color: #331851 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  text-align: center !important;
  font-weight: 700 !important;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .images-texts-link-section-wrap .content .content p {
    font-size: 22px !important;
    line-height: 32px !important;
  }
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .reference-link-arrow {
  text-align: center;
  max-width: 350px;
  width: fit-content;
  margin: auto;
  grid-column: span 2;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .images-texts-link-section-wrap .reference-link-arrow {
    grid-column: span 1;
  }
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .reference-link-arrow a {
  color: #331851;
  font-weight: 700;
  font-family: Outfit;
  font-size: 20px;
  line-height: 28px;
  text-decoration: underline;
  text-align: center;
  gap: 10px;
}
.page-cancer-gynecologiques .images-texts-link-section-wrap .reference-link-arrow a:after {
  margin: 0;
  transform: rotate(-45deg);
  align-self: end;
}
.page-cancer-gynecologiques .en-savoir-blue-carousel {
  margin-top: 50px !important;
  margin-bottom: 70px !important;
  background-color: #00ADBA;
}
.page-cancer-gynecologiques .en-savoir-blue-carousel .richText {
  position: relative;
  width: fit-content;
}
.page-cancer-gynecologiques .en-savoir-blue-carousel .richText img {
  position: absolute;
  top: -30%;
  left: -10%;
  height: 56px;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .en-savoir-blue-carousel .richText img {
    height: initial;
    top: -45%;
    left: -25%;
  }
}
.page-cancer-gynecologiques .en-savoir-blue-carousel .richText h3 {
  color: #18374E;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .page-cancer-gynecologiques .en-savoir-blue-carousel .richText h3 {
    font-size: 20px !important;
    line-height: 30px !important;
    width: fit-content;
    margin: auto;
  }
}
.page-cancer-gynecologiques .en-savoir-blue-carousel .ensavior-carousel-card-link {
  height: 40px;
  width: 160px;
  padding: 8px 40px 8px 10px;
  background-color: #331851;
  color: #fff !important;
  border-radius: 0 20px 20px 0;
  text-decoration: none;
  font-size: 16px !important;
  line-height: 22px;
  font-weight: 700;
  border: none;
  white-space: nowrap;
  margin-left: auto;
  cursor: pointer !important;
  margin-bottom: 27px;
  margin-left: 27px;
  box-shadow: 0 0 0 27px rgba(255, 255, 255, 0.7);
}
.page-cancer-gynecologiques .en-savoir-blue-carousel .ensavior-carousel-card-link::after {
  content: '';
  mask-image: url("../../img/svg/arrow_play_blue.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #fff;
  background-size: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(100% - 26px);
  top: 50%;
  transform: translateY(-50%);
}
.page-cancer-gynecologiques .en-savoir-blue-carousel .carousel-nav .carousel-nav-prev,
.page-cancer-gynecologiques .en-savoir-blue-carousel .carousel-nav .carousel-nav-next {
  background-color: #331851 !important;
}
.page-cancer-gynecologiques .nourisson-carousel-container {
  background-color: transparent;
}
.page-cancer-gynecologiques .nourisson-carousel-container .carousel-slides {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.page-cancer-gynecologiques .nourisson-carousel-container .carousel-slides .carousel-slide {
  z-index: 10;
}
@media only screen and (min-width: 992px) {
  .page-cancer-gynecologiques .nourisson-carousel-container .carousel-slides .carousel-slide.is-active + .carousel-slide,
  .page-cancer-gynecologiques .nourisson-carousel-container .carousel-slides .carousel-slide:last-of-type.is-active ~ .carousel-slide:first-of-type {
    display: block !important;
  }
}
.page-cancer-gynecologiques .nourisson-carousel-container .carousel-nav-item {
  display: none;
}
.page-cancer-gynecologiques .accordion-references-container li,
.page-cancer-gynecologiques .accordion-references-container span,
.page-cancer-gynecologiques .accordion-references-container a {
  font-family: Outfit;
  font-size: 18px !important;
  line-height: 28px !important;
}
.page-cancer-gynecologiques .quiz-number {
  left: calc(100% - 310px);
  width: 290px;
}

.page-la-fresque-des-geantes .cancer-numbers + .richText {
  margin-bottom: 50px !important;
}
@media only screen and (min-width: 992px) {
  .page-la-fresque-des-geantes .cancer-numbers + .richText {
    margin-bottom: 95px !important;
  }
}
.page-la-fresque-des-geantes .cancer-podcast + .reference-sub-title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .page-la-fresque-des-geantes .cancer-podcast + .reference-sub-title {
    margin-bottom: 50px;
  }
}
.page-la-fresque-des-geantes .small-title {
  text-align: start;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #193a54;
}
@media only screen and (min-width: 992px) {
  .page-la-fresque-des-geantes .small-title {
    font-size: 23px;
    line-height: 34px;
  }
}
.page-la-fresque-des-geantes .reference-sub-title + .richText + .accordion-container {
  margin-bottom: 50px !important;
}
@media only screen and (min-width: 992px) {
  .page-la-fresque-des-geantes .reference-sub-title + .richText + .accordion-container {
    margin-bottom: 90px !important;
  }
}
.page-la-fresque-des-geantes .reference-sub-title + .richText + .accordion-container .accordion-title-text {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
  color: #252525 !important;
}
.page-la-fresque-des-geantes .reference-sub-title + .richText + .accordion-container .accordion-content-wrapper p,
.page-la-fresque-des-geantes .reference-sub-title + .richText + .accordion-container .accordion-content-wrapper li,
.page-la-fresque-des-geantes .reference-sub-title + .richText + .accordion-container .accordion-content-wrapper span {
  font-size: 18px !important;
  line-height: 28px !important;
  color: black !important;
  font-weight: 500 !important;
}

.page-turquoise-components .cancer-podcast,
.page-cancer-gynecologiques .cancer-podcast {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: fit-content;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 1281px) {
  .page-turquoise-components .cancer-podcast,
  .page-cancer-gynecologiques .cancer-podcast {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-turquoise-components .cancer-podcast .content > a:first-of-type,
.page-cancer-gynecologiques .cancer-podcast .content > a:first-of-type {
  display: none;
}
.page-turquoise-components .cancer-podcast .paragraphSystem::before,
.page-turquoise-components .cancer-podcast .paragraphSystem::after,
.page-cancer-gynecologiques .cancer-podcast .paragraphSystem::before,
.page-cancer-gynecologiques .cancer-podcast .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast,
  .page-cancer-gynecologiques .cancer-podcast {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
.page-turquoise-components .cancer-podcast picture,
.page-cancer-gynecologiques .cancer-podcast picture {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .podcast-player,
  .page-cancer-gynecologiques .cancer-podcast .podcast-player {
    display: flex;
    align-items: center;
  }
}
.page-turquoise-components .cancer-podcast .content,
.page-cancer-gynecologiques .cancer-podcast .content {
  display: flex;
  flex-direction: column;
}
.page-turquoise-components .cancer-podcast .content .content > a:first-of-type,
.page-cancer-gynecologiques .cancer-podcast .content .content > a:first-of-type {
  display: none;
}
.page-turquoise-components .cancer-podcast .content .paragraphSystem::before,
.page-turquoise-components .cancer-podcast .content .paragraphSystem::after,
.page-cancer-gynecologiques .cancer-podcast .content .paragraphSystem::before,
.page-cancer-gynecologiques .cancer-podcast .content .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .content,
  .page-cancer-gynecologiques .cancer-podcast .content {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    column-gap: 40px;
  }
  .page-turquoise-components .cancer-podcast .content .reference-link-arrow,
  .page-cancer-gynecologiques .cancer-podcast .content .reference-link-arrow {
    margin-top: 10px;
  }
}
.page-turquoise-components .cancer-podcast .content .image,
.page-cancer-gynecologiques .cancer-podcast .content .image {
  margin: 0 auto;
  order: 0;
  margin-bottom: 20px;
  padding: 0;
}
.page-turquoise-components .cancer-podcast .content .image img,
.page-cancer-gynecologiques .cancer-podcast .content .image img {
  max-height: 300px;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .content .image,
  .page-cancer-gynecologiques .cancer-podcast .content .image {
    grid-row: span 2;
    margin: 0;
    order: initial;
    margin-bottom: 0;
  }
  .page-turquoise-components .cancer-podcast .content .image img,
  .page-cancer-gynecologiques .cancer-podcast .content .image img {
    max-height: fit-content;
  }
}
.page-turquoise-components .cancer-podcast .content::before,
.page-cancer-gynecologiques .cancer-podcast .content::before {
  display: none !important;
}
.page-turquoise-components .cancer-podcast .content > a,
.page-cancer-gynecologiques .cancer-podcast .content > a {
  display: none !important;
}
.page-turquoise-components .cancer-podcast .podcastplayer,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer {
  max-width: 660px;
  width: 100% !important;
  background-color: transparent;
  padding: 0;
  margin: 0 !important;
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .podcastplayer,
  .page-cancer-gynecologiques .cancer-podcast .podcastplayer {
    margin-bottom: 0 !important;
  }
}
.page-turquoise-components .cancer-podcast .podcastplayer .podcast,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast {
  max-width: 100%;
}
.page-turquoise-components .cancer-podcast .podcastplayer .podcast__text,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast__text {
  padding: 0;
  margin: 0;
}
.page-turquoise-components .cancer-podcast .podcastplayer .podcast__date,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast__date {
  display: none;
}
.page-turquoise-components .cancer-podcast .podcastplayer .podcast__title,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast__title {
  font-size: 20px;
  line-height: 1.3;
  color: #00ADBA;
  font-weight: 900;
  margin-bottom: 10px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .podcastplayer .podcast__title,
  .page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast__title {
    font-size: 32px;
    line-height: 40px;
  }
}
.page-turquoise-components .cancer-podcast .podcastplayer .podcast__desc,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast__desc {
  padding: 0;
  gap: 0;
}
.page-turquoise-components .cancer-podcast .podcastplayer .podcast__desc span,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .podcast__desc span {
  color: #252525;
}
.page-turquoise-components .cancer-podcast .podcastplayer .patient_description,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .patient_description {
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .podcastplayer .patient_description,
  .page-cancer-gynecologiques .cancer-podcast .podcastplayer .patient_description {
    font-size: 20px;
  }
}
.page-turquoise-components .cancer-podcast .podcastplayer .patient_testimonial,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .patient_testimonial {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  font-style: normal;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .podcastplayer .patient_testimonial,
  .page-cancer-gynecologiques .cancer-podcast .podcastplayer .patient_testimonial {
    font-size: 27px;
    line-height: 37px;
    margin-top: 30px;
  }
}
.page-turquoise-components .cancer-podcast .podcastplayer .reference-link-arrow a,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .reference-link-arrow a {
  font-size: 18px;
}
.page-turquoise-components .cancer-podcast .podcastplayer .audio__controls button,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__controls button {
  background-color: #e56a54;
}
.page-turquoise-components .cancer-podcast .podcastplayer .audio__controls .audio__backwards::after,
.page-turquoise-components .cancer-podcast .podcastplayer .audio__controls .audio__forwards::after,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__controls .audio__backwards::after,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__controls .audio__forwards::after {
  content: '';
  background-image: url("../../img/svg/skip_purple.svg");
}
.page-turquoise-components .cancer-podcast .podcastplayer .audio__range,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__range {
  height: 30px;
  width: 100%;
}
.page-turquoise-components .cancer-podcast .podcastplayer .audio__range div,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__range div {
  font-weight: 400;
  color: black !important;
}
.page-turquoise-components .cancer-podcast .podcastplayer .audio__range input[type='range'],
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__range input[type='range'] {
  height: 10px;
  border: 1px solid #999;
  border-radius: calc(100vh / 2);
}
.page-turquoise-components .cancer-podcast .podcastplayer .audio__range input[type='range']::-webkit-slider-thumb,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__range input[type='range']::-webkit-slider-thumb {
  background: #e56a54;
  box-shadow: -235px 0 0 235px #e56a54;
}
@media only screen and (min-width: 768px) {
  .page-turquoise-components .cancer-podcast .podcastplayer .audio__range input[type='range']::-webkit-slider-thumb,
  .page-cancer-gynecologiques .cancer-podcast .podcastplayer .audio__range input[type='range']::-webkit-slider-thumb {
    box-shadow: -400px 0 0 400px #e56a54;
  }
}
.page-turquoise-components .cancer-podcast .podcastplayer input[type="range"]::-moz-range-progress,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer input[type="range"]::-moz-range-progress {
  background-color: #e56a54;
}
.page-turquoise-components .cancer-podcast .podcastplayer input[type="range"]::-ms-fill-lower,
.page-cancer-gynecologiques .cancer-podcast .podcastplayer input[type="range"]::-ms-fill-lower {
  background-color: #e56a54;
}
.page-turquoise-components .cancer-podcast .reference-link-arrow,
.page-cancer-gynecologiques .cancer-podcast .reference-link-arrow {
  order: 2;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cancer-podcast .reference-link-arrow,
  .page-cancer-gynecologiques .cancer-podcast .reference-link-arrow {
    order: initial;
  }
}
.page-turquoise-components .audio,
.page-cancer-gynecologiques .audio {
  margin-top: 20px;
}
.page-turquoise-components .audio .audio__controls,
.page-cancer-gynecologiques .audio .audio__controls {
  margin-top: 10px;
}
.page-turquoise-components .cc-audio-disc,
.page-cancer-gynecologiques .cc-audio-disc {
  display: flex;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  .page-turquoise-components .cc-audio-disc,
  .page-cancer-gynecologiques .cc-audio-disc {
    font-size: 15px;
    line-height: 25px;
    margin-top: 30px;
  }
}

.page-resultats-de-recherche .title {
  margin-bottom: 20px;
  padding: 0;
}
.page-resultats-de-recherche .title h1 {
  color: #193a54 !important;
  font-size: 35px !important;
  font-weight: 700;
  line-height: 44px !important;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .title h1 {
    font-size: 48px !important;
    line-height: 61px !important;
  }
}
.page-resultats-de-recherche .searchBox {
  margin-bottom: 60px;
}
.page-resultats-de-recherche .reference-main-title {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
.page-resultats-de-recherche .reference-main-title p {
  color: #193a54;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .reference-main-title p {
    font-size: 38px;
    line-height: 48px;
  }
}
.page-resultats-de-recherche .reference-sub-title {
  margin: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0;
}
.page-resultats-de-recherche .reference-sub-title p {
  color: #193a54;
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .reference-sub-title p {
    font-size: 28px;
    line-height: 36px;
  }
}
.page-resultats-de-recherche .searchResults {
  padding: 0;
}
.page-resultats-de-recherche .searchResults .searchResults-number {
  display: none;
}
.page-resultats-de-recherche .searchResults .searchResults-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-resultats-de-recherche .searchResults .searchResults-result {
  position: relative;
  min-height: 410px;
  color: black;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .searchResults .searchResults-result {
    min-height: 260px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-result img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  padding: 30px 20px 10px 20px;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-title a {
  text-decoration: none;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-description {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding: 0 20px 50px 20px;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url {
  width: 35px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 20px;
  margin-bottom: 15px;
  height: 35px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url {
    margin-left: 0;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url a {
  color: transparent;
  display: block;
  color: transparent;
  border: none;
  width: 35px;
  height: 35px;
  background-color: #252525;
  background: url("../../img/arrows/arrow_left.svg") no-repeat left center;
  background-size: auto;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url a:hover {
  background: url("../../img/arrows/arrow_up_right.svg") no-repeat left center;
}
.page-resultats-de-recherche .searchResults .searchResults-news-outer-container {
  margin: 20px -30px 100px -30px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news-outer-container {
    margin: 40px 0 100px 0;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news-outer-container .reference-sub-title {
  margin: 0;
  margin-left: 30px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .searchResults .searchResults-news-outer-container .reference-sub-title {
    margin-left: 0px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news-inner-container {
  display: flex;
  flex-direction: row;
  max-width: fit-content;
  width: 100%;
  align-items: start;
  justify-content: start;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  gap: 20px;
  overflow: auto;
}
.page-resultats-de-recherche .searchResults .searchResults-news-inner-container:-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news-inner-container {
    flex-direction: column;
    max-width: 740px;
    overflow: hidden;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news {
  display: flex;
  justify-content: start;
  flex-direction: column;
  max-width: 280px;
  flex-shrink: 0;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news {
    flex-direction: row;
    max-width: 740px;
    flex-shrink: 1;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news:first-of-type {
  margin-left: 30px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news:first-of-type {
    margin-left: 0px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news:last-of-type {
  margin-right: 30px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news:last-of-type {
    margin-right: 0px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image {
  position: relative;
  height: 245px;
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image {
    height: 260px;
    max-width: 280px;
    overflow: hidden;
    flex-shrink: 0;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image:after {
  content: "";
  position: absolute;
  height: 68px;
  width: 231px;
  border-bottom-right-radius: 250px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  background-color: transparent;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image .searchResults-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  padding: 0px 20px 10px 20px;
  height: 160px;
  align-self: end;
  display: flex;
  justify-content: end;
  align-items: end;
  background-color: rgba(255, 255, 255, 0.6);
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image .searchResults-title a {
  text-decoration: none;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description {
    align-self: self-end;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description .searchResults-description {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding: 15px 10px 0 10px;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description .searchResults-url {
  margin-right: 18px;
  align-self: end;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description .searchResults-url {
    margin-right: 0;
  }
}
.page-resultats-de-recherche .search-no-result-wrap {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .search-no-result-wrap {
    margin-left: 0;
  }
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text {
  padding: 0;
  margin: 0;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text p {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-align: start;
  margin: 0;
  padding: 0;
  max-width: 132px;
  flex-shrink: 0;
  flex: 1 1;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text p:first-of-type {
  max-width: unset;
  flex: 0 0;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: start;
  padding: 0;
  margin: 0;
  margin: 30px 0 80px 0;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text li {
  max-width: 132px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #331851;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text a {
  display: block;
  color: white;
  font-weight: 600;
  line-height: 22px;
  flex: 1 1;
  padding: 13px 0;
  text-decoration: none;
  text-align: center;
}
.page-resultats-de-recherche .reference-title-separator {
  max-width: 740px !important;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .reference-title-separator {
    padding: 0px;
  }
}
.page-resultats-de-recherche .reference-title-separator .blue-after-cube {
  margin-right: -15px;
}
.page-resultats-de-recherche .bottom-spacing.center-small {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .bottom-spacing.center-small {
    margin: 0 auto;
  }
}
.page-resultats-de-recherche .bottom-spacing.center-small .carousel-news {
  left: unset !important;
}
.page-resultats-de-recherche .slider-with-images-no-background {
  width: unset;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .page-resultats-de-recherche .slider-with-images-no-background {
    width: calc(100% + 120px);
    padding-right: 60px;
  }
}
.page-resultats-de-recherche .slider-with-images-no-background .reference-en-savoir-carousel-card {
  width: 236px;
}

.sitemap-content-wrap {
  margin: auto;
  max-width: 1000px;
  padding: 0;
}

.sitemap {
  margin: 50px auto;
  width: 100%;
}
.sitemap-column a {
  text-decoration: none;
}
.sitemap-column ul {
  list-style-type: none;
  padding-inline-start: 0;
  -webkit-padding-start: 0;
  margin-bottom: 10px;
}
.sitemap-column ul ul ul {
  margin-left: 3%;
  display: list-item;
}
.sitemap-column ul ul ul li::before {
  content: "•";
  font-size: 23px;
  bottom: -3px;
  position: relative;
  margin-right: 10px;
}
.sitemap-column li {
  padding-bottom: 5px;
}
.sitemap-column li a {
  color: #252525;
  font-weight: 500;
  font-size: 16px;
}
.sitemap-column li a:hover, .sitemap-column li a:focus {
  color: #e56a54;
  transition: .2s ease all;
}
.sitemap-column li h3 {
  border-bottom: 4px solid #f3dde2;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.sitemap-column li h3 a {
  font-size: 20px;
  font-weight: 600;
  color: #00677f;
}
@media only screen and (min-width: 992px) {
  .sitemap-column li h3 a {
    margin-top: 0;
  }
}

body.page-cancers-gynecologiques {
  color: black;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li {
  background-color: transparent !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.navigation-level2.is-active {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques div.navigation ul.navigation-root li.navigation-level1.is-active ul.navigation-level2 li.is-open-nav-level-3 ul.navigation-level3 li.navigation-level3 a {
  font-weight: 400 !important;
  align-items: start !important;
}
body.page-cancers-gynecologiques div.navigation ul.navigation-root li.navigation-level1.is-active ul.navigation-level2 li.is-active.is-open-nav-level-3 ul.navigation-level3 li.is-active.navigation-level3 {
  background-color: transparent !important;
}
body.page-cancers-gynecologiques div.navigation ul.navigation-root li.navigation-level1.is-active ul.navigation-level2 li.is-active.is-open-nav-level-3 ul.navigation-level3 li.is-active.navigation-level3 a {
  background-color: transparent !important;
  font-weight: 700 !important;
  align-items: start !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a:hover {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li > a {
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  padding-right: 15px !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation ul li.has-children a:after {
  border-bottom: 1px solid #fff !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu {
  max-width: 1440px;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation {
  background-color: #00ADBA;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .top-page-sticky-menu .navigation {
    background-color: transparent;
  }
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item a {
  color: #fff !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu {
  background-color: #00ADBA;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-root {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level1 {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2.is-active {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2.is-active a {
  color: #fff !important;
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2.is-active:hover a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level1 .navigation-item-title {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level2 {
  background-color: #00ADBA;
  justify-content: space-between !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level2 li:after {
  border-left: 1px solid #fff !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level2 .navigation-item-title a {
  color: #fff !important;
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level2 .navigation-item:hover {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-level2 .navigation-item:hover a {
  cursor: pointer;
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li .navigation-item-title {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li:hover {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li:hover a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active a.navigation-item-title {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active:hover {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active ul.navigation-level3 li.is-active:hover a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-mobile-menu::after {
  background-color: #fff;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item-decoration {
  display: none;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .sub-title h2 {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .top-page-sticky-menu .sub-title h2 {
    font-size: 36px;
  }
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) {
  position: relative;
  background-color: #00ADBA;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 span {
  transform: rotate(180deg);
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 .navigation-level3 {
  display: block;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-open-nav-level-3 .navigation-level3 {
    padding: 5px;
  }
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a {
  position: relative;
  transition: opacity 0.2s;
  padding-right: 0 !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a span {
  display: inline-block;
  margin-left: 10px;
  mask-image: url(../../img/arrows/accordion_arrow.svg) !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  background-color: #fff !important;
  width: 15px !important;
  height: 10px !important;
  transition: transform 0.2s !important;
  flex-shrink: 0 !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) > a span:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: 1px;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover > a {
  background-color: #E6077D !important;
  transition: transform 0.2s;
  opacity: 0.7;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3):hover li a {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active ul.navigation-level3 {
  position: absolute !important;
  z-index: 99999 !important;
  top: 100% !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li {
  position: relative !important;
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li a {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li:hover, body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li.is-active {
  background-color: #E6077D !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li:hover a, body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3).is-active.is-open ul.navigation-level3 li.is-active a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 {
  display: none;
  top: 100%;
  width: 100%;
  border: 0;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 {
    position: absolute;
    z-index: 99999;
    top: 100%;
  }
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3 {
  margin: 0 !important;
  height: 40px !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3 a {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  height: 100%;
  text-align: start;
  white-space: nowrap;
  display: flex !important;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3 a:after {
  display: none;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3:hover, body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3.is-active {
  background-color: #E6077D !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3:hover a, body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3.is-active a {
  background-color: #E6077D !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3) ul.navigation-level3 li.navigation-item.navigation-level3:after {
  border-left: 0 !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3:hover) {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation-item.navigation-level2:has(.navigation-level3:hover) a {
  background-color: #00ADBA !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation {
  overflow: visible !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .navigation-link-active {
  overflow: visible !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation ul.navigation-level1 {
  overflow: visible !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation li.navigation-level1 {
  overflow: visible !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation ul.navigation-level2 {
  overflow: visible !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .component-content ul.navigation-level1 li.page-lupus ul.navigation-level2 li.page-j-ai-un-lupus,
body.page-cancers-gynecologiques .top-page-sticky-menu .navigation .component-content ul.navigation-level1 li.page-lupus ul.navigation-level2 li.page-un-proche-a-un-lupus {
  display: none !important;
}
body.page-cancers-gynecologiques .cancer-podcast {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: fit-content;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 1281px) {
  body.page-cancers-gynecologiques .cancer-podcast {
    padding-left: 0;
    padding-right: 0;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .content > a:first-of-type {
  display: none;
}
body.page-cancers-gynecologiques .cancer-podcast .paragraphSystem::before,
body.page-cancers-gynecologiques .cancer-podcast .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .richText:has(.cc-turqoise-small-title) {
  padding: 0;
  margin-top: auto;
}
body.page-cancers-gynecologiques .cancer-podcast .richText:has(.cc-turqoise-small-title) .cc-turqoise-small-title {
  font-weight: 900;
}
body.page-cancers-gynecologiques .cancer-podcast picture {
  display: flex;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .podcast-player {
    display: flex;
    align-items: center;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .content {
  display: flex;
  flex-direction: column;
}
body.page-cancers-gynecologiques .cancer-podcast .content .content > a:first-of-type {
  display: none;
}
body.page-cancers-gynecologiques .cancer-podcast .content .paragraphSystem::before,
body.page-cancers-gynecologiques .cancer-podcast .content .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .content {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    column-gap: 40px;
  }
  body.page-cancers-gynecologiques .cancer-podcast .content .reference-link-arrow {
    margin-top: 10px;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .content .image {
  margin: 0 auto;
  order: 0;
  margin-bottom: 20px;
  padding: 0;
}
body.page-cancers-gynecologiques .cancer-podcast .content .image img {
  max-height: 300px;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .content .image {
    grid-row: span 2;
    margin: 0;
    order: initial;
    margin-bottom: 0;
  }
  body.page-cancers-gynecologiques .cancer-podcast .content .image img {
    max-height: fit-content;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .content::before {
  display: none !important;
}
body.page-cancers-gynecologiques .cancer-podcast .content > a {
  display: none !important;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer {
  max-width: 660px;
  width: 100% !important;
  background-color: transparent;
  padding: 0;
  margin: 0 !important;
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .podcastplayer {
    margin-bottom: 0 !important;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast {
  max-width: 100%;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast__text {
  padding: 0;
  margin: 0;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast__date {
  display: none;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast__title {
  font-size: 20px;
  line-height: 1.3;
  color: #00ADBA;
  font-weight: 900;
  margin-bottom: 10px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast__title {
    font-size: 32px;
    line-height: 40px;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast__desc {
  padding: 0;
  gap: 0;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .podcast__desc span {
  color: #252525;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .patient_description {
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .patient_description {
    font-size: 20px;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .patient_testimonial {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  font-style: normal;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .patient_testimonial {
    font-size: 27px;
    line-height: 37px;
    margin-top: 30px;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .reference-link-arrow a {
  font-size: 18px;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__controls button {
  background-color: #836bbe;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__controls .audio__backwards::after,
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__controls .audio__forwards::after {
  content: '';
  background-image: url("../../img/svg/skip_purple.svg");
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__range {
  height: 30px;
  width: 100%;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__range div {
  font-weight: 400;
  color: black !important;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__range input[type='range'] {
  height: 10px;
  border: 1px solid #999;
  border-radius: calc(100vh / 2);
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__range input[type='range']::-webkit-slider-thumb {
  background: #836bbe;
  box-shadow: -235px 0 0 235px #836bbe;
}
@media only screen and (min-width: 768px) {
  body.page-cancers-gynecologiques .cancer-podcast .podcastplayer .audio__range input[type='range']::-webkit-slider-thumb {
    box-shadow: -400px 0 0 400px #836bbe;
  }
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer input[type="range"]::-moz-range-progress {
  background-color: #836bbe;
}
body.page-cancers-gynecologiques .cancer-podcast .podcastplayer input[type="range"]::-ms-fill-lower {
  background-color: #836bbe;
}
body.page-cancers-gynecologiques .cancer-podcast .reference-link-arrow {
  order: 2;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cancer-podcast .reference-link-arrow {
    order: initial;
  }
}
body.page-cancers-gynecologiques .audio {
  margin-top: 20px;
}
body.page-cancers-gynecologiques .audio .audio__controls {
  margin-top: 10px;
}
body.page-cancers-gynecologiques .cc-audio-disc {
  display: flex;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .cc-audio-disc {
    font-size: 15px;
    line-height: 25px;
    margin-top: 30px;
  }
}
body.page-cancers-gynecologiques .reference-quiz .explanation-text {
  font-family: Outfit;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .reference-quiz .explanation-text {
    font-size: 20px;
    line-height: 28px;
  }
}
body.page-cancers-gynecologiques .reference-quiz .explanation-text ol li,
body.page-cancers-gynecologiques .reference-quiz .explanation-text a {
  font-family: Outfit;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  color: inherit;
}
body.page-cancers-gynecologiques .selection-bold {
  font-weight: 700 !important;
}
body.page-cancers-gynecologiques .accordion-references-container {
  margin-bottom: 20px !important;
}
body.page-cancers-gynecologiques .accordion-container {
  margin-bottom: 0 !important;
}
body.page-cancers-gynecologiques .purple-accordion .accordion-container li {
  border-bottom: 1px solid #00ADBA !important;
}
body.page-cancers-gynecologiques .accordion-container .component-content .content .component .accordion-container li a ::after,
body.page-cancers-gynecologiques .accordion-references-container .component-content .content .component .accordion-container li a ::after {
  mask-image: url("../../img/svg/accordion-arrow-blue.svg");
}
body.page-cancers-gynecologiques .accordion-container ol {
  text-align: left;
}
body.page-cancers-gynecologiques .en-savoir-blue-carousel .carousel-nav-prev,
body.page-cancers-gynecologiques .en-savoir-blue-carousel .carousel-nav-next {
  background-color: #331851 !important;
}
body.page-cancers-gynecologiques .top-page-sticky-menu + .reference-paragraph {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  body.page-cancers-gynecologiques .top-page-sticky-menu + .reference-paragraph {
    margin-top: 40px;
  }
}
body.page-cancers-gynecologiques .quiz-animate.quiz-title {
  margin-bottom: 0 !important;
}

.page-cancers-du-sang {
  color: #252525;
  font-weight: 500;
}
.page-cancers-du-sang h2 {
  color: #193a54;
}
.page-cancers-du-sang .selection-bold {
  font-weight: 700 !important;
}
.page-cancers-du-sang .base-max-width-content {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1281px) {
  .page-cancers-du-sang .base-max-width-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-cancers-du-sang .carousel .carousel-slide .richText {
  width: auto;
}
.page-cancers-du-sang .carousel .carousel-slide img {
  height: 180px;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open li.is-active.navigation-level1 > a {
  background-color: #fff !important;
  font-weight: 700 !important;
  padding-top: 12px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 > li.is-active a {
  font-weight: 700 !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation ul li.has-children a:after {
  border-bottom: 1px solid #fff !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation {
  background-color: #E2122B;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .navigation {
    background-color: transparent;
  }
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-item a {
  color: #fff !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu {
  background-color: #E2122B;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-root {
  background-color: #E2122B !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level1 {
  background-color: #fff !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level1 > .navigation-item-title {
  background-color: #fff !important;
  color: #E2122B !important;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .navigation-level1 {
    background-color: #E2122B !important;
  }
  .page-cancers-du-sang .top-page-sticky-menu .navigation-level1 > .navigation-item-title {
    background-color: #E2122B !important;
    color: #fff !important;
  }
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-item.navigation-level2.is-active {
  background-color: #fff !important;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .navigation-item.navigation-level2.is-active {
    background-color: #A11425 !important;
  }
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-item.navigation-level2.is-active a {
  color: #E2122B !important;
  background-color: #fff !important;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .navigation-item.navigation-level2.is-active a {
    color: #fff !important;
    background-color: #A11425 !important;
  }
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level2 {
  background-color: #E2122B !important;
  justify-content: space-between !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level2 li:after {
  border-left: 1px solid #fff !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level2 .navigation-item-title {
  color: #fff !important;
  background-color: #E2122B !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level2 .navigation-item:hover {
  background-color: #A11425 !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-level2 .navigation-item:hover a {
  cursor: pointer;
  background-color: #A11425 !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 {
  width: 100% !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #fff !important;
  height: 72px;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active {
    background-color: #A11425 !important;
    height: 100% !important;
  }
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active a {
  background-color: #fff !important;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="false"] + ul.navigation-level1 ul.navigation-level2 li.is-active a {
    background-color: #A11425 !important;
  }
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active a {
  background-color: #fff !important;
  color: #E2122B !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover {
  background-color: #fff !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu[aria-expanded="true"] + ul.navigation-level1.is-open ul.navigation-level2 li.is-active:hover a {
  background-color: #fff !important;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-mobile-menu::after {
  background-color: #fff;
}
.page-cancers-du-sang .top-page-sticky-menu .navigation-item-decoration {
  display: none;
}
.page-cancers-du-sang .top-page-sticky-menu .sub-title h2 {
  font-family: "Outfit";
  font-weight: 700;
  font-size: 30px;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .top-page-sticky-menu .sub-title h2 {
    font-size: 36px;
  }
}
.page-cancers-du-sang h1 {
  color: #E2122B !important;
}
.page-cancers-du-sang .red-title p {
  color: #EF4054 !important;
}
.page-cancers-du-sang .reference-paragraph .main-title {
  color: #193a54;
}
.page-cancers-du-sang .lupus-symptoms-row {
  overflow: hidden;
}
.page-cancers-du-sang .lupus-symptoms-row .image {
  margin-left: 90px;
}
.page-cancers-du-sang .lupus-symptoms-row .image img {
  height: 648px;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row .image img {
    height: 800px;
  }
}
.page-cancers-du-sang .lupus-symptoms-row .richText:first-of-type .richText-content h3 {
  background-color: #E2122B;
  text-align: left;
}
.page-cancers-du-sang .lupus-symptoms-row .richText:last-of-type .richText-content h3 {
  background-color: #E2122B;
  text-align: right;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row > .component-content > .content {
    max-height: 800px;
  }
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) {
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) {
    margin-bottom: 50px;
  }
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .component-content {
  max-width: 1100px !important;
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .component-content .content {
  max-height: 1000px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .component-content .content {
    gap: 50px;
    justify-content: space-between;
  }
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .richText {
  max-width: 240px !important;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .richText {
    max-width: 340px !important;
  }
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .image {
  height: 600px;
  margin-left: 20px !important;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .image {
    margin: 0 !important;
  }
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .image img {
  height: 600px;
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .symptoms-item {
  max-width: 330px;
  width: 100%;
  text-align: start;
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .symptoms-item p {
  font-family: Inter;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #E2122B;
  margin: 0;
  margin-bottom: 10px;
  padding-left: 10px;
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .symptoms-item h3 {
  white-space: break-spaces;
  text-align: start !important;
  width: 100%;
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background-color: #E2122B;
  color: white;
  border-radius: 26px;
  padding: 6px 6px 14px 10px;
}
.page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .richText:last-of-type .component-content {
  height: 100%;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .lupus-symptoms-row:has(.symptoms-item) .richText:last-of-type .component-content .richText-content {
    gap: 150px;
    margin: 0;
  }
}
.page-cancers-du-sang .reference-paragraph {
  padding-left: 0;
  padding-right: 0;
}
.page-cancers-du-sang .row-component {
  margin-bottom: 0;
}
.page-cancers-du-sang .row-component .reference-paragraph {
  margin-top: 15px;
  margin-bottom: 30px;
}
.page-cancers-du-sang .row-component .component-content .content .box .sub-title p {
  margin: 0;
}
.page-cancers-du-sang .row-component.centered-row {
  max-width: 1024px;
}
.page-cancers-du-sang .row-component.centered-row .component-content .content .box .image ~ .reference-sub-title p {
  margin-top: 30px;
}
.page-cancers-du-sang .row-component.centered-row .image {
  align-self: center;
}
.page-cancers-du-sang .reference-paragraph .cc-paragraph-rouge-title h2, .page-cancers-du-sang .reference-paragraph .cc-paragraph-rouge-title p {
  color: #E2122B !important;
  font-weight: 700;
  font-family: Outfit, Arial, sans-serif;
  line-height: 1 !important;
  font-size: 30px !important;
  color: #0A468C;
}
@media (min-width: 992px) {
  .page-cancers-du-sang .reference-paragraph .cc-paragraph-rouge-title h2, .page-cancers-du-sang .reference-paragraph .cc-paragraph-rouge-title p {
    font-size: 40px !important;
  }
}
.page-cancers-du-sang .reference-paragraph + .text-block-image-row .text-block {
  margin-top: 0;
}
.page-cancers-du-sang .reference-text-block a {
  color: #252525 !important;
  text-decoration: underline;
}
.page-cancers-du-sang .reference-text-block h3 {
  font-size: 30px;
  line-height: 38px;
  font-family: Outfit, Arial, sans-serif;
  font-weight: 700;
  color: #193a54;
}
@media only screen and (min-width: 992px) {
  .page-cancers-du-sang .reference-text-block h3 {
    font-size: 38px;
    line-height: 48px;
  }
}
.page-cancers-du-sang .video .video-btn-play {
  background-color: #E2122B !important;
  width: 100px;
  height: 60px;
  border-radius: 20%;
}

/* Dots */
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  margin: 0;
  width: auto;
  padding-top: 40px;
}
.slick-dots li li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  padding-left: 8px;
}
.slick-dots li li:first-of-type {
  padding-left: 0;
}
.slick-dots li li button {
  border: 1px solid #E7344A;
  border-radius: 50%;
  background: transparent;
  height: 10px;
  width: 10px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  opacity: .5;
}
.slick-dots li li button:hover, .slick-dots li li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li li.slick-active button {
  background-color: #E7344A;
  opacity: 1;
}
.slick-dots li li.slick-active button:hover, .slick-dots li li.slick-active button:focus {
  outline: none;
}

.carousel-full-width {
  /* Arrows */
  /* Dots */
}
.carousel-full-width .slick-prev,
.carousel-full-width .slick-next {
  display: none !important;
}
.carousel-full-width .slick-dots {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .carousel-full-width .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 18vw;
  }
}

/* Dots */
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  margin: 0;
  width: auto;
  padding-top: 40px;
}
.slick-dots li li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  padding-left: 8px;
}
.slick-dots li li:first-of-type {
  padding-left: 0;
}
.slick-dots li li button {
  border: 1px solid #E7344A;
  border-radius: 50%;
  background: transparent;
  height: 10px;
  width: 10px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  opacity: .5;
}
.slick-dots li li button:hover, .slick-dots li li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li li.slick-active button {
  background-color: #E7344A;
  opacity: 1;
}
.slick-dots li li.slick-active button:hover, .slick-dots li li.slick-active button:focus {
  outline: none;
}

.carousel-full-width {
  /* Arrows */
  /* Dots */
}
.carousel-full-width .slick-prev,
.carousel-full-width .slick-next {
  display: none !important;
}
.carousel-full-width .slick-dots {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .carousel-full-width .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 18vw;
  }
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .slick-slide img {
    width: 100%;
    height: 100%;
  }
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
span.selection-underline {
  text-decoration: underline;
}
span.selection-bold {
  font-weight: bold;
}
span.selection-italic {
  font-style: italic;
}

/*# sourceMappingURL=selection.css.map */
.skip-to-main-content-wrapper a {
  position: absolute;
  color: #fff;
  background-color: #f36633;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid whitesmoke;
  text-align: center;
  font-size: 1.2em;
  width: 30%;
  top: -100px;
  left: 0;
  z-index: 1;
}
.skip-to-main-content-wrapper a:focus, .skip-to-main-content-wrapper a:active {
  top: auto;
  left: auto;
}

/*# sourceMappingURL=skipContent.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.overlay-background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9998;
}

.overlay-container {
  position: absolute;
  width: 100%;
  top: 150px;
  text-align: center;
  z-index: 9999;
  padding-bottom: 30px;
}

.overlay-content {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  max-width: 90%;
  padding: 10px;
  display: inline-block;
  background: white;
  text-align: left;
  border: solid 2px rgb(49.5504587156, 48.6495412844, 48.6495412844);
}

.overlay-content-inner {
  overflow: hidden;
}

.overlay-close {
  width: 25px;
  height: 25px;
  z-index: 9999;
  font-size: 25px;
  position: absolute;
  top: -30px;
  right: 15px;
  background: url(../../../../cf/desktop/assets/img/close.png) no-repeat;
  cursor: Pointer;
  display: none;
}

.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../../cf/desktop/assets/img/loader.gif) no-repeat 50% 50%;
}

/*# sourceMappingURL=overlay.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.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-helper-clearfix {
  min-height: 0;
}
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  right: 2px;
}
.ui-datepicker .ui-datepicker-next span {
  display: block;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  left: 2px;
}
.ui-datepicker .ui-datepicker-prev span {
  display: block;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
  right: 1px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #d9d6c4;
  background: #eeeeee;
  color: #1f1f1f;
}
.ui-widget-content a {
  color: #1f1f1f;
}

.ui-widget-header {
  border: 1px solid #eeece4;
  background: white;
  color: #323131;
  font-weight: bold;
}
.ui-widget-header a {
  color: #323131;
}

/* Interaction states
----------------------------------*/
.ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24;
}
.ui-state-default a {
  color: #654b24;
  text-decoration: none;
}
.ui-state-default a:link, .ui-state-default a:visited {
  color: #654b24;
  text-decoration: none;
}

.ui-widget-content .ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24;
}
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-hover {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white;
}

.ui-widget-header .ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24;
}
.ui-widget-header .ui-state-hover, .ui-widget-header ui-state-focus, .ui-widget-header .ui-state-active {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white;
}

.ui-state-hover, .ui-state-focus {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white;
}
.ui-state-hover a, .ui-state-focus a {
  color: white;
  text-decoration: none;
}
.ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: white;
  text-decoration: none;
}

.ui-state-focus {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white;
}

.ui-state-active {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white;
}
.ui-state-active a {
  color: white;
  text-decoration: none;
}
.ui-state-active a:link, .ui-state-active a:visited {
  color: white;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight {
  border: 1px solid #FF7A21;
  background: #eeece4;
  color: #3a3427;
}
.ui-state-highlight a {
  color: #3a3427;
}

.ui-widget-content .ui-state-highlight, ui-widget-header .ui-state-highlight {
  border: 1px solid #FF7A21;
  background: #eeece4;
  color: #3a3427;
}
.ui-widget-content .ui-state-highlight a, ui-widget-header .ui-state-highlight a {
  color: #3a3427;
}
.ui-widget-content .ui-state-error, ui-widget-header .ui-state-error {
  border: 1px solid #681818;
  background: #b83400;
  color: white;
}
.ui-widget-content .ui-state-error a, ui-widget-header .ui-state-error a {
  color: white;
}
.ui-widget-content .ui-state-error-text, ui-widget-header .ui-state-error-text {
  color: white;
}
.ui-widget-content .ui-priority-primary, ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-widget-content .ui-priority-secondary, ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-widget-content .ui-state-disabled, ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-error {
  border: 1px solid #681818;
  background: #b83400;
  color: white;
}
.ui-state-error a {
  color: white;
}

.ui-state-error-text {
  color: white;
}

.ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(../../img/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(../../img/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../../img/ui-icons_FF7A21_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(../../img/ui-icons_FF7A21_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(../../img/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(../../img/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(../../img/ui-icons_3572ac_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../../img/ui-icons_fbdb93_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.privacyPolicy {
  overflow: hidden;
}
.privacyPolicy p {
  margin: 0;
}
.privacyPolicy .wsform-hint {
  display: none;
}
.privacyPolicy input[type=checkbox] {
  float: left;
}

.privacyPolicy-text {
  padding-left: 20px;
}

/*# sourceMappingURL=datepicker.css.map */
/**
* This file will be included in author mode only
*
* USE:
* ".aem-AuthorLayer-Edit" to detect Touch UI authoring
* ".cq-wcm-edit" to detect Classic UI authoring
*/
.aem-AuthorLayer-Edit #content {
  background: rgba(0, 255, 0, 0.2) !important;
}
.aem-AuthorLayer-Edit #header {
  background: rgba(0, 0, 255, 0.2) !important;
}
.aem-AuthorLayer-Edit #footer {
  background: rgba(255, 0, 0, 0.2) !important;
}
.aem-AuthorLayer-Edit #content .component {
  display: block !important;
  margin: 0 auto !important;
  width: 90% !important;
  float: none !important;
}
.aem-AuthorLayer-Edit #header .snippetReference,
.aem-AuthorLayer-Edit #footer .snippetReference {
  display: block !important;
}
/*
/* CookiePolicy
*/
.preferences_prompt_control {
  z-index: 9999 !important;
}
.exit-notification {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999999;
}
.exit-notification.is-hidden {
  display: none;
}
.exit-notification .exit-notification-inner {
  position: fixed;
  top: 100px;
  width: 700px;
  margin-left: -363px;
  left: 50%;
  background: white;
  padding: 2rem;
  border-radius: 0.25rem;
}
@media screen and (max-width: 699px) {
  .exit-notification .exit-notification-inner {
    position: absolute;
    width: auto;
    margin: 20px;
    left: 0;
    top: 0;
  }
}

.exit-notification-buttons {
  text-align: left;
  margin-top: 1rem;
}
.exit-notification-buttons button {
  appearance: none;
  border-radius: 0.25rem;
  border: 1px solid #d0cfcf;
  padding: 0.5rem 1.25rem;
  cursor: pointer;
  margin-right: 0.5rem;
}
.accordion-container.bottom-spacing-medium {
  overflow: hidden;
}

.page-Questions_frequentes .accordion-title-text {
  color: #836bbe !important;
}

.accordion .accordion-container {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 28px;
}
.accordion .accordion-container .accordion-slide {
  background: #fff;
  display: flex;
  flex-direction: column;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper {
  display: none;
  padding: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper .component {
  padding: 0 1rem;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper .component .richText-content p {
  margin: 0;
  margin-top: 15px;
}
.accordion .accordion-container .accordion-slide .accordion-content-wrapper .component .richText-content ul li {
  padding: 0 !important;
}
.accordion .accordion-container .accordion-slide .accordion-head:hover {
  cursor: pointer;
}
.accordion .accordion-container .accordion-slide:nth-of-type(odd) {
  background: #f8f9fa;
}
.accordion .accordion-container .accordion-slide.is-visible .accordion-head h3 a:before {
  content: "\f0d8";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .accordion-container .accordion-slide.is-visible .accordion-content-wrapper {
  display: block;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img {
  border-bottom: solid 4px #f36633;
}
.articleTeaser .articleTeaser-text-content .articleTeaser-text-link {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
}
.articleTeaser .articleTeaser-text-content .articleTeaser-text-link:hover {
  background-color: #939191;
  color: white;
}
.articleTeaser .articleTeaser-text-content .articleTeaser-text-link:active {
  background-color: #939191;
  color: white;
}

/* Mobile view 767 max width */
@media only screen and (max-width: 767px) {
  .articleTeaser .component-content.hero-article .articleTeaser-text-content {
    width: 100%;
  }
  .articleTeaser .articleTeaser-image-holder {
    text-align: center;
  }
}

/*# sourceMappingURL=article.teaser.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.article-teaser-block {
  border: 1px solid #efefed;
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06);
  position: relative;
  margin: 8px;
  overflow: hidden;
  background-color: #fff;
}
.article-teaser-block .aspect-ratio-box {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.article-teaser-block .aspect-ratio-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.article-teaser-block .article-body {
  min-height: 120px;
  padding: 0 24px 30px;
}
.article-teaser-block .label p {
  margin-bottom: 20px;
}
.article-teaser-block .article-title p {
  margin-bottom: 20px;
}
.article-teaser-block .article-description {
  margin-bottom: 20px;
}
.article-teaser-block .article-body .article-date {
  color: rgba(84, 79, 64, 0.7);
  font-size: 1rem;
  letter-spacing: 0.2px;
  margin-bottom: 20px;
}
.article-teaser-block .article-button-container {
  position: relative;
  bottom: 0;
  left: 0;
}
.article-teaser-block .article-title {
  font-size: 1.5rem;
  font-weight: 700;
}
.article-teaser-block .margin-none-top {
  margin-top: 0;
}
.article-teaser-block .button-text {
  font-size: 0.85714rem;
  letter-spacing: 1.5px;
  line-height: 1.14286rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #544f40;
}
.article-teaser-block a.button-primary {
  color: #15717d;
}
.article-teaser-block a.button-primary-filled {
  background-color: #15717d;
  color: #fff;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 2rem;
  font-size: 0.85714rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1.14286rem;
  text-transform: uppercase;
  text-align: center;
}
.article-teaser-block a.button-primary-pdf-icon::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-image: url(../../img/download.png);
}
.article-teaser-block a.external-link-icon::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-image: url(../../img/new-window.png);
}

.article-teaser-block-transparent-background {
  border: none;
  background-color: inherit;
  box-shadow: 0 0;
}

.articleTeaser .clickable-at {
  cursor: pointer;
}

/*# sourceMappingURL=article.teaser.v2.css.map */
.articleList > .component-content {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1; }

.articleList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.articleList-date {
  margin-bottom: 10px;
  color: #868484; }

.articleList-article {
  margin-bottom: 20px;
  overflow: hidden; }
  .articleList-article-wrapper {
    margin: 0;
    padding: 0; }

.articleList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

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

.articleList-thumbnail {
  max-width: 100px;
  float: left;
  margin-right: 15px; }
  @media only screen and (max-width: 767px) {
    .articleList-thumbnail {
      float: none;
      margin: auto;
      display: block; } }

.articleList-more {
  float: right; }
  .articleList-more:after {
    display: inline;
    content: "\00bb"; }
  .articleList-more-arrow {
    display: none; }
    .no-generatedcontent .articleList-more-arrow {
      display: inline; }

.articleList-tags {
  padding: 0;
  margin: -20px 0 0 0;
  list-style-type: none; }
  .articleList-tags-item {
    display: inline-block;
    margin: 0 2px; }
    .articleList-tags-item-link {
      display: block;
      padding: 1px;
      background: #b9b8b8;
      color: black;
      border: 1px solid #939191;
      font-size: 0.85em; }
/*
/* Box
*/
.light-orange-bg {
  background-color: #ffefe7;
}

.box.banner-placeholder {
  height: 600px;
}
.box.box-shadow {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.box.content-container {
  display: block;
  padding: 1rem;
}
.box.content-container .component-content {
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  .box.content-container .component-content {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .box.content-container .component-content {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .box.content-container .component-content {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .box.content-container .component-content {
    max-width: 1540px;
  }
}
.box.crm-form {
  margin-top: 1.5rem;
  background-color: #f8f9fa;
  margin-bottom: 3rem;
}
.box.crm-form .content {
  display: inline-block;
  padding-top: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .box.crm-form .content {
    padding: 1.5rem !important;
  }
}
.box.flexbox .content {
  display: flex;
}
.box.flexbox.flex-wrap-wrap .content {
  flex-wrap: wrap;
}
.box.flexbox.justify-content-center .content {
  justify-content: center;
}
.box.flexbox.justify-content-space-between .content {
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (min-width: 992px) {
  .box.flexbox.justify-content-space-between .content {
    align-items: stretch;
  }
}
.box.width-auto {
  width: auto;
}
.box.logo-wrapper {
  position: relative;
}
.box.logo-wrapper > .component-content {
  max-width: unset;
}
@media (max-width: 991px) {
  .box.logo-wrapper > .component-content {
    max-height: 100vh;
    overflow: scroll;
  }
}
.box.logo-wrapper.hidden {
  display: none;
}
.box.video-wrapper {
  position: relative;
}
.box.video-wrapper.desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .box.video-wrapper.desktop {
    display: block;
  }
}
.box.video-wrapper.mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .box.video-wrapper.mobile {
    display: none;
  }
}
.box.section-take-the-test {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .box.section-take-the-test {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) {
  .box.section-take-the-test {
    padding-bottom: 100px;
  }
}
.box.section-icons-container .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .box.section-icons-container .content {
    flex-direction: row;
    align-items: flex-start;
    margin-top: -30px;
    padding-bottom: 65px;
  }
}
.box.section-reference .accordion .accordion-slide {
  padding: 2.5rem 1rem 1.5rem;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .box.section-reference .accordion .accordion-slide {
    margin-top: 0;
  }
}
.box.section-reference .accordion .accordion-slide h3 a span {
  font-size: 25px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: -2px;
}
.box.section-reference .accordion .accordion-slide h3 a span:before {
  content: '';
  display: none;
}
.box.section-reference .accordion .accordion-slide h3 a span:hover {
  text-decoration: none;
}
.box.section-reference .accordion .accordion-slide .richText {
  padding: 0;
}
.box.section-reference .accordion .accordion-slide .richText ol {
  padding: 0;
  margin-top: 8px;
}
@media only screen and (min-width: 992px) {
  .box.section-reference .accordion .accordion-slide .richText ol {
    padding-left: 45px;
  }
}
.box.section-reference .accordion .accordion-slide .richText ol li {
  margin: 12px 0;
  text-align: left;
}
.box.section-links .richText .richText-content {
  display: flex;
  justify-content: center;
}
.box.section-links .richText .richText-content ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  padding: 0.5rem 0.5rem;
  margin: 0;
}
.box.section-links .richText .richText-content ul li {
  border-right: 1px solid black;
  margin: 0.5rem 0;
}
.box.section-links .richText .richText-content ul li:last-of-type {
  border: none;
}
.box.section-links .richText .richText-content ul li a {
  cursor: pointer;
  font-size: 0.938rem;
  padding: 1rem 0.5rem;
  text-decoration: none;
}

.article {
  margin-bottom: 50px;
  font-family: "Balboa Plus", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 992px) {
  .article {
    margin-bottom: 44px;
  }
}
.article > .component-content > .content {
  display: flex;
  align-items: center;
}

.article-text {
  position: absolute;
}
.article-text .component-content > .richText-content p, .article-text .component-content > .richText-content a {
  color: #fff;
  font-family: "Balboa Plus", Arial, Helvetica, sans-serif !important;
  font-size: 2.5rem;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .article-text .component-content > .richText-content p, .article-text .component-content > .richText-content a {
    font-size: 3.875rem;
  }
}
.article-text .component-content > .richText-content a {
  display: block;
  line-height: 1.2;
  letter-spacing: -4px;
}

.article-image > .component-content {
  display: flex;
  justify-content: center;
}
.breadcrumbs {
  margin: 10px 0; }
  .breadcrumbs-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none; }
    .breadcrumbs-list li {
      float: left;
      margin-right: 6px; }
      @media only screen and (max-width: 767px) {
        .breadcrumbs-list li {
          float: none; } }
  .breadcrumbs-separator {
    margin: 0 10px; }
  .breadcrumbs-without-separator .breadcrumbs-separator {
    display: none; }
  .breadcrumbs-without-separator li {
    position: relative;
    padding-right: 15px;
    margin-right: 9px; }
    .breadcrumbs-without-separator li:before {
      top: 5px;
      right: 0;
      content: "\f054";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      position: absolute;
      font-size: 8px; }
    .breadcrumbs-without-separator li:last-child {
      background-image: none; }
      .breadcrumbs-without-separator li:last-child:before {
        display: none; }
.carousel-news {
  overflow: hidden;
  width: 100vw;
  max-width: 1280px;
  padding: 0;
  margin-left: -30px;
}
@media only screen and (min-width: 992px) {
  .carousel-news {
    margin-left: 0;
    padding: 0 15px;
    width: 100%;
  }
}
.carousel-news > .component-content {
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: center;
}
.carousel-news .carousel-slides {
  padding: 0 40px;
  display: inline-flex;
  column-gap: 15px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-slides {
    margin-bottom: 60px;
  }
}
.carousel-news .carousel-slide {
  position: relative;
  display: flex !important;
  max-width: 360px;
}
.carousel-news .carousel-slide.first {
  margin-left: 30px;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-slide.first {
    margin-left: 0;
  }
}
.carousel-news .carousel-slide.first .carousel-card-image {
  border-top-left-radius: 100px;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-slide.first .carousel-card-image {
    border-top-left-radius: 162px;
  }
}
.carousel-news .carousel-slide.last .carousel-card-title {
  padding-right: 10px;
  margin-right: 40px;
  border-top-right-radius: 66px;
  border-bottom-right-radius: 66px;
}
.carousel-news .carousel-slide.last .carousel-card-image {
  border-top-right-radius: 100px;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-slide.last .carousel-card-image {
    border-top-right-radius: 162px;
  }
}
.carousel-news .carousel-slide > .carouselSlide,
.carousel-news .carousel-slide .reference-carousel-card {
  padding: 0;
}
.carousel-news .carousel-nav {
  column-gap: 10px;
  display: flex;
  justify-content: center;
}
.carousel-news .carousel-nav .carousel-nav-prev,
.carousel-news .carousel-nav .carousel-nav-next {
  background-color: #331851;
  border-top-right-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 4px;
}
.carousel-news .carousel-nav .carousel-nav-prev a,
.carousel-news .carousel-nav .carousel-nav-next a {
  color: transparent;
  border: none;
  width: 45px;
  height: 100%;
  margin-right: 15px;
  background: url("../../img/svg/arrow_play.svg") no-repeat left center;
  transform: rotate(180deg);
  background-size: auto;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-nav .carousel-nav-prev a,
  .carousel-news .carousel-nav .carousel-nav-next a {
    width: 100%;
    transform: translateX(0%) rotate(180deg);
  }
}
.carousel-news .carousel-nav .carousel-nav-prev {
  border-radius: 0;
  border-top-left-radius: 22.5px;
  border-bottom-left-radius: 22.5px;
}
.carousel-news .carousel-nav .carousel-nav-prev a {
  transform: rotate(0deg);
  margin-left: 15px;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-nav .carousel-nav-prev a {
    transform: translateX(0%) rotate(0deg);
  }
}
.carousel-news .carousel-nav li.carousel-nav-item {
  display: none;
}
.carousel-news .carousel-nav li.carousel-nav-prev, .carousel-news .carousel-nav li.carousel-nav-next {
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
  width: 40px;
  height: 40px;
  margin: 0;
}
.carousel-news .carousel-nav li.carousel-nav-prev a, .carousel-news .carousel-nav li.carousel-nav-next a {
  border: none;
  width: 100%;
  height: 100%;
  margin: 0;
  background-position: center;
}
.carousel-news .carousel-nav li.carousel-nav-prev a::before, .carousel-news .carousel-nav li.carousel-nav-next a::before {
  content: none;
}
@media only screen and (min-width: 992px) {
  .carousel-news .carousel-nav {
    display: none;
  }
}
.carousel-news:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 140px;
  height: 1px;
  width: 100%;
  border-top: 1px solid #fff;
}
@media only screen and (min-width: 992px) {
  .carousel-news:before {
    border-bottom: 1px solid #fff;
    top: 100px;
    left: 80px;
    height: 150px;
    width: 1140px;
  }
}
.carousel-news:after {
  content: none;
}
@media only screen and (min-width: 992px) {
  .carousel-news:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 35px;
    left: 155px;
    width: 85%;
    height: 40px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom-left-radius: 100px;
  }
}
.digitalWallet .hidden {
  display: none;
}

/*# sourceMappingURL=digital.wallet.css.map */
.divider {
  padding-bottom: 1rem;
  border-bottom: 1px solid #d0cfcf;
  margin-bottom: 1rem;
}
.fileList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.fileList-date {
  margin-bottom: 10px;
  color: #868484; }

.fileList-file {
  margin-bottom: 20px;
  overflow: hidden; }

.fileList-description {
  overflow: hidden; }

.fileList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

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

.fileList-thumbnail {
  margin-right: 15px;
  float: left;
  max-width: 100px; }
  @media only screen and (max-width: 767px) {
    .fileList-thumbnail {
      float: none;
      margin: auto;
      display: block; } }

.fileList-download {
  text-align: right; }
  .fileList-download-size {
    display: block;
    color: #868484; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.filterableBox {
  position: relative;
  margin-left: 10px;
}
.filterableBox .filterableBox__header {
  display: flex;
}
.filterableBox .filterableBox__header .header__item {
  margin-right: 20px;
}
.filterableBox .filterableBox__header .header__searchWrapper .searchWrapper__search-box {
  height: 100%;
  padding: 0;
}
.filterableBox .filterableBox__header .header__sortMenu .sortMenu__label {
  background-color: #f36633;
  color: white;
  border: none;
  cursor: pointer;
  padding: 10px 20px;
  text-decoration: none;
  margin: auto;
}
.filterableBox .filterableBox__header .header__sortMenu .sortMenu__items {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 10px;
  padding-inline-start: 0;
}
.filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}
.filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item.active {
  font-weight: bold;
}
.filterableBox .filterableBox__content {
  margin-top: 20px;
}
.filterableBox .filterableBox__content .content__noResultFound {
  display: none;
}
.filterableBox .filterableBox__content .content {
  display: flex;
  flex-wrap: wrap;
}
.filterableBox .filterableBox__content .content .indexable-component {
  padding: 10px;
}
.filterableBox .filterableBox__content .content .indexable-component:first-child {
  margin-right: 20px;
}

/*# sourceMappingURL=filterableBox.css.map */
.flash > .component-content {
  text-align: center; }

.flash object {
  max-width: 100%; }

.flash-missing {
  margin: 0 auto; }

.flash .seoDescription {
  display: none; }
.form-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.form form {
  margin: 0 0 20px; }

.form fieldset {
  background-color: #e1e1e1;
  border: solid 2px #323131;
  padding: 13px;
  margin: 15px 0; }

.form label,
.form input,
.form button,
.form select,
.form textarea {
  font-size: 14px; }

.form select,
.form textarea,
.form input {
  width: 100%;
  max-width: 250px;
  padding: 4px 6px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #323131;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  .form select:focus,
  .form textarea:focus,
  .form input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
    .form select:focus:invalid,
    .form textarea:focus:invalid,
    .form input:focus:invalid {
      color: red;
      border-color: #ff6666; }

.form legend {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  padding: 0 5px;
  display: block;
  margin-right: 10px; }

.form textarea {
  height: auto;
  resize: vertical; }

.form label {
  display: block;
  margin-bottom: 5px; }

.form select {
  max-width: 260px; }
  .form select[multiple], .form select[size] {
    height: auto; }

.form input {
  height: 20px; }
  .form input[type="radio"], .form input[type="checkbox"] {
    width: auto;
    height: auto;
    box-shadow: none; }

.form .control-label {
  padding: 5px 0; }

.form .control-group {
  margin-bottom: 10px; }

.no-js .clearButton {
  display: none; }

.hiddenField {
  display: none; }

.control-tooltip {
  display: none;
  padding: 0 10px;
  max-width: 200px;
  margin-left: 5px;
  position: absolute;
  z-index: 1;
  background-color: #ddd;
  left: 100%;
  top: 0; }
  .control-tooltip:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 100%;
    top: 10px;
    display: inline-block;
    border: solid transparent;
    height: 0;
    width: 0;
    border-right-color: #ddd;
    border-width: 5px;
    margin-top: -5px; }
  .control-tooltip-container {
    position: relative;
    display: inline-block; }
  .control-tooltip-button:hover + .control-tooltip, .control-tooltip:hover {
    display: block; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.hidden-password-field {
  display: none;
}

.gigya-screen .default-submit-button input[type=submit] {
  background-color: #f36633;
}

/*# sourceMappingURL=gigya.raas.css.map */
.gigyaraas .coupon {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .gigyaraas .coupon {
    display: none !important;
  }
}
.gigyaraas .coupon.visible {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .gigyaraas .coupon.visible {
    display: block !important;
  }
}
.gigyaraas .gigya-control {
  display: none;
}
.gigyaraas .gigya-screen-caption {
  display: none;
}
.gigyaraas .gigya-screen {
  float: left;
}
.gigyaraas .gigya-screen.portrait {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.gigyaraas .gigya-screen.portrait.mobile {
  padding: 0;
}
.gigyaraas .gigya-screen.portrait.mobile:before {
  display: none;
}
.gigyaraas .gigya-layout-row {
  max-width: 100%;
}
.gigyaraas .gigya-composite-control-checkbox, .gigyaraas .gigya-multi-choice-item {
  padding-left: 1.25rem;
}
.gigyaraas .gigya-composite-control-checkbox .gigya-input-radio, .gigyaraas .gigya-multi-choice-item .gigya-input-radio, .gigyaraas .gigya-composite-control-checkbox .gigya-input-checkbox, .gigyaraas .gigya-multi-choice-item .gigya-input-checkbox {
  width: 22px;
  height: 22px;
  border: 1px solid #efefef;
  box-sizing: border-box;
  margin-top: 0;
  cursor: pointer;
  background: white;
  -webkit-appearance: none;
  border-radius: 50%;
  position: relative;
}
.gigyaraas .gigya-composite-control-checkbox .gigya-input-radio:hover, .gigyaraas .gigya-multi-choice-item .gigya-input-radio:hover, .gigyaraas .gigya-composite-control-checkbox .gigya-input-checkbox:hover, .gigyaraas .gigya-multi-choice-item .gigya-input-checkbox:hover {
  border: 1px solid #d0cfcf;
}
.gigyaraas .gigya-composite-control-checkbox .gigya-input-radio:checked, .gigyaraas .gigya-multi-choice-item .gigya-input-radio:checked, .gigyaraas .gigya-composite-control-checkbox .gigya-input-checkbox:checked, .gigyaraas .gigya-multi-choice-item .gigya-input-checkbox:checked {
  border: 1px solid #d0cfcf;
  background: #eee;
}
.gigyaraas .gigya-composite-control-checkbox .gigya-input-radio:checked:after, .gigyaraas .gigya-multi-choice-item .gigya-input-radio:checked:after, .gigyaraas .gigya-composite-control-checkbox .gigya-input-checkbox:checked:after, .gigyaraas .gigya-multi-choice-item .gigya-input-checkbox:checked:after {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 10px;
  border: 2px solid #333;
  border-left: none;
  border-top: none;
  transform: translate(7.75px, 4.5px) rotate(45deg);
}
.gigyaraas .gigya-composite-control-checkbox label, .gigyaraas .gigya-multi-choice-item label {
  min-height: 22px;
  line-height: 22px;
  width: auto;
  cursor: pointer;
}
.gigyaraas input[type=submit].gigya-input-submit {
  width: auto;
  background: #ff9800;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
.gigyaraas input[type=submit].gigya-input-submit:hover {
  background: #2196f3;
}
.gigyaraas label.gigya-composite-control.gigya-composite-control-label {
  display: block;
}
/*
/* Image
*/
.image.hero-image {
  padding-left: 0;
  padding-right: 0;
}
.image.hero-image .component-content {
  display: flex;
}
.image.hero-image .component-content img {
  width: 100%;
  max-height: 20vh;
}
@media only screen and (min-width: 992px) {
  .image.hero-image .component-content img {
    max-height: 40vh;
  }
}
.image.patient-assistance-program {
  padding: 0.5rem;
}
.image img {
  max-height: 100%;
  max-width: 100%;
}
.image.play-button {
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  white-space: nowrap;
}
.image.play-button.hidden {
  display: none;
}
@media only screen and (min-width: 768px) {
  .image.play-button {
    width: auto;
  }
}
.image.video-headline {
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: auto;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .image.video-headline {
    bottom: 40px;
  }
}
.image.video-headline.hidden {
  display: none;
}
.image.video-headline img {
  width: 120px;
}
@media only screen and (min-width: 768px) {
  .image.video-headline img {
    width: 190px;
  }
}
@media only screen and (min-width: 992px) {
  .image.video-headline img {
    width: auto;
  }
}
.image.logo {
  position: absolute;
  top: -28px;
  right: 26px;
  z-index: 1;
  width: auto;
  white-space: nowrap;
}
.image.logo img {
  width: 120px;
}
@media only screen and (min-width: 992px) {
  .image.logo img {
    width: 175px;
  }
}

.box.section-take-the-test .image {
  position: absolute;
  bottom: -40px;
  z-index: 999;
  text-align: center;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .box.section-take-the-test .image {
    bottom: -60px;
  }
}
.box.section-take-the-test .image img {
  max-width: 60%;
}
@media only screen and (min-width: 992px) {
  .box.section-take-the-test .image img {
    max-width: 100%;
  }
}

.banner {
  padding-left: 0;
  padding-right: 0;
}
.banner > .component-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner picture {
  display: flex;
  align-items: flex-end;
}

.icon-highlighted {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .icon-highlighted::before, .icon-highlighted::after {
    display: none;
  }
}
.icon-highlighted:before {
  left: calc(-100vw/2);
}
.icon-highlighted:after {
  right: calc(-100vw/2);
}

/**
    Every local but not on master
**/
@media (max-width: 991px) {
  html:not(:lang(en)) .logo img {
    width: 125px;
  }
}
.imageGallery > .component-content {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1; }

.imageGallery .gallery-play {
  color: #323131; }

.imageGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.imageGallery-description {
  margin: 15px 0; }

.imageGallery-thumbnails {
  position: relative;
  margin: 20px 0; }

.imageGallery-thumbnail, .imageGallery-view {
  cursor: pointer; }

.imageGallery.is-playing .imageGallery-view-overlay:before {
  content: "\f04c";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  text-indent: 0; }

.imageGallery-arrow, .imageGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 35px;
  height: 60px;
  padding: 0;
  border: 0;
  box-sizing: content-box;
  background: none;
  cursor: pointer;
  font: 0/0 serif;
  color: transparent; }
  .imageGallery-arrow:before, .imageGallery-arrow.is-disabled:hover:before {
    position: absolute;
    margin-top: 15px;
    color: #b9b8b8; }

.imageGallery-arrow {
  text-align: center; }
  .imageGallery-arrow.is-disabled {
    opacity: 0.5; }
  .imageGallery-arrow:hover:before {
    color: #939191; }
  .imageGallery-arrow-left, .imageGallery-arrow-left.is-disabled:hover {
    left: 0; }
    .imageGallery-arrow-left:before, .imageGallery-arrow-left.is-disabled:hover:before {
      content: "\f053";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 30px; }
  .imageGallery-arrow-right, .imageGallery-arrow-right.is-disabled:hover {
    right: 0; }
    .imageGallery-arrow-right:before, .imageGallery-arrow-right.is-disabled:hover:before {
      content: "\f054";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 30px; }

.imageGallery-thumbnail {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: 0 9px;
  border: solid 4px #323131;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  opacity: .7;
  transition: opacity .2s; }
  .imageGallery-thumbnail a {
    display: block; }
  .imageGallery-thumbnail-image {
    position: relative;
    margin: 2px;
    border: solid 2px #323131; }
    .imageGallery-thumbnail-image img {
      display: block;
      width: 63px;
      height: 52px;
      margin: 0 auto; }
  .imageGallery-thumbnail-cover {
    display: block;
    max-width: none; }
  .imageGallery-thumbnail-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }
  .imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
    opacity: 0;
    transition: opacity .5s; }
  .imageGallery-thumbnail-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -15px;
    height: 28px;
    width: 30px;
    cursor: pointer;
    opacity: 0.7; }
    .imageGallery-thumbnail-overlay:before {
      display: inline-block;
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      font-size: 15px;
      border-radius: 50%;
      border: 3px solid #323131;
      text-indent: 7px;
      background: white;
      text-align: center;
      line-height: 24px; }
  .imageGallery-thumbnail.is-active, .imageGallery-thumbnail:hover {
    opacity: 1; }

.imageGallery-list {
  overflow: hidden;
  margin: 0 50px;
  position: relative; }
  .imageGallery-list li:hover .image,
  .imageGallery-list li.active .image {
    margin: 0;
    border: solid 4px #323131; }
  .imageGallery-list-inner {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 4000px;
    overflow: hidden;
    list-style: none; }

.imageGallery-view {
  position: relative;
  margin-bottom: 10px;
  border: solid 2px #323131;
  overflow: hidden;
  text-align: center;
  background: white; }
  .imageGallery-view img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%; }
  .imageGallery-view:hover-overlay {
    opacity: 0.7; }
  .imageGallery-view-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -36px;
    width: 73px;
    height: 69px;
    cursor: pointer;
    transition: opacity .5s;
    opacity: 0; }
    .imageGallery-view-overlay:hover {
      opacity: 1;
      text-decoration: none; }
    .imageGallery-view-overlay:before {
      display: inline-block;
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      background: white;
      border: 3px solid #323131;
      border-radius: 50%;
      font-size: 30px;
      text-indent: 5px;
      text-align: center;
      line-height: 65px; }

.mod-js .imageGallery-thumbnail {
  padding: 0; }
  .mod-js .imageGallery-thumbnail .imageGallery-thumbnails {
    position: relative; }

.no-js .imageGallery-view {
  display: none; }

.no-js .imageGallery-list {
  margin: 0; }

.no-js .imageGallery-arrow {
  display: none; }

.no-js .imageGallery-thumbnail {
  float: none;
  border: 0;
  opacity: 1;
  overflow: hidden; }
  .no-js .imageGallery-thumbnail img {
    width: auto;
    height: auto; }
  .no-js .imageGallery-thumbnail a:after {
    display: block;
    padding: 10px 0 30px;
    content: attr(data-description);
    text-align: left; }
.map-canvas {
  margin-bottom: 10px;
  border: solid 2px #323131;
  text-align: center; }
  .map-canvas img {
    width: 100%;
    max-width: inherit; }

.no-js .map-canvas img {
  width: 100%;
  max-width: 640px; }
.navigation-root {
  text-align: left;
  z-index: 10;
  max-width: 100%; }

.navigation-mobile-menu {
  display: none; }
  @media only screen and (max-width: 767px) {
    .navigation-mobile-menu {
      display: block;
      position: relative;
      margin: 0 0 -2px -2px;
      width: 100%;
      height: 41px;
      cursor: pointer;
      box-sizing: border-box;
      overflow: hidden;
      background: whitesmoke;
      border: 2px solid #323131; }
      .navigation-mobile-menu:after {
        content: "\f0c9";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        display: block;
        width: 41px;
        height: 41px;
        position: absolute;
        top: 0;
        line-height: 38px;
        font-size: 25px;
        right: 0; } }

.navigation-branch {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  list-style: none;
  border: 2px solid #323131; }
  .navigation-branch.navigation-level1 {
    border: none; }

.navigation-item {
  margin: 0 0 0 0;
  display: block; }
  .navigation-item > .navigation-item-title {
    display: block !important;
    padding: 5px 15px 5px 40px;
    background: #e1e1e1;
    color: #323131;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; }
    .navigation-item > .navigation-item-title:hover {
      color: white;
      background: #939191;
      text-decoration: none; }
  .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    background-color: #c8c7c7; }
  .navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
    color: #323131;
    background: #cccccc;
    text-decoration: none; }
  .navigation-item.is-open > .navigation-branch,
  .no-js .navigation-item:hover > .navigation-branch {
    display: block; }
  .navigation-item.navigation-level1 {
    margin: 0 0 -2px -2px;
    box-sizing: border-box;
    border: 2px solid #323131; }
    .navigation-item.navigation-level1 > .navigation-item-title {
      padding: 10px 20px 10px 20px;
      background: #e1e1e1;
      color: #323131;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5;
      text-decoration: none;
      display: block; }
      .navigation-item.navigation-level1 > .navigation-item-title:hover {
        color: white;
        background: #939191;
        text-decoration: none; }
    .navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
      color: white;
      background: #605e5e;
      text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .navigation-item.navigation-level1 {
        width: 100%; } }
  .navigation-item.navigation-level2 {
    border-top: 1px solid #323131; }
    @media only screen and (max-width: 767px) {
      .navigation-item.navigation-level2 {
        display: none; }
        .navigation-item.navigation-level2.is-open {
          display: block; } }

.navigation-branch.navigation-level2 {
  display: block; }

@media only screen and (max-width: 767px) {
  .navigation-root {
    display: none; }
  .is-open {
    display: block; } }
/* NEWSFEED ITEM */
/* NEWSFEED COMPONENT */
/* PER PAGE */
/* MOBILE */
.newsfeed-result {
  padding: 0;
  margin: 0;
  background: #F5F5F5;
  margin-bottom: 20px;
}

.newsfeed-image {
  margin: 0;
  height: 150px;
  overflow: hidden;
}
.newsfeed-image img {
  height: 100%;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.newsfeed-inner-content {
  padding: 10px 15px;
  border-top: solid 4px #F36533;
}

.newsfeed-category {
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D;
}

.newsfeed-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #7E7E7E;
}
.newsfeed-title:only-child {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.newsfeed-title a:hover {
  text-decoration: none;
}
.newsfeed-title a:active {
  text-decoration: none;
}
.newsfeed-title a:focus {
  text-decoration: none;
}

.newsfeed-date {
  font-size: 13px;
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D;
}

.newsfeed-description {
  margin: 0 0 10px;
  color: #73645D;
}

.newsfeed-url {
  font-size: 13px;
  word-break: break-all;
}
.newsfeed-url a {
  color: #16727F;
  font-weight: bold;
}
.newsfeed-url a:hover {
  text-decoration: none;
}
.newsfeed-url a:active {
  text-decoration: none;
}
.newsfeed-url a:focus {
  text-decoration: none;
}

.newsfeed {
  position: relative;
}
.newsfeed a {
  color: inherit;
  text-decoration: none;
}
.newsfeed .active a {
  font-weight: bold;
}
.newsfeed .splitter {
  color: #F36533;
}

.newsfeed-number {
  margin-bottom: 20px;
  position: absolute;
  left: 250px;
  top: -50px;
}
.newsfeed-number .results-count-strong {
  font-weight: bold;
}

.newsfeed-pagination .mobile {
  display: none;
}

.newsfeed-pagination-list {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
  float: right;
}

.newsfeed-pagination-item {
  display: inline-block;
}
.newsfeed-pagination-item a {
  display: block;
  border: 1px solid #e9e9e9;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 3px;
}
.newsfeed-pagination-item a:hover {
  text-decoration: none;
  border-color: #a0ce4e;
}
.newsfeed-pagination-item a:focus {
  text-decoration: none;
  border-color: #a0ce4e;
}
.newsfeed-pagination-item a:active {
  text-decoration: none;
  border-color: #a0ce4e;
}

.newsfeed-pagination-item.separator {
  display: inline-block;
  border: 1px solid #fff;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 3px;
  letter-spacing: 2px;
}
.newsfeed-pagination-item.separator:before {
  content: "...";
}

.newsfeed-pagination-item.is-active a {
  background: #a0ce4e;
  color: #fff;
  cursor: default;
}

.newsfeed-pagination-item.item-next a {
  border: 0;
  width: auto;
}
.newsfeed-pagination-item.item-next a:hover {
  color: #a0ce4e;
}
.newsfeed-pagination-item.item-next a:focus {
  color: #a0ce4e;
}
.newsfeed-pagination-item.item-next a:active {
  color: #a0ce4e;
}
.newsfeed-pagination-item.item-next a:after {
  content: ">";
  font-family: FontAwesome, serif;
  display: inline-block;
  font-style: normal;
  position: relative;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  font-size: 1rem;
  margin-left: 5px;
}

.newsfeed-pagination-item.item-previous a {
  border: 0;
  width: auto;
}
.newsfeed-pagination-item.item-previous a:hover {
  color: #a0ce4e;
}
.newsfeed-pagination-item.item-previous a:focus {
  color: #a0ce4e;
}
.newsfeed-pagination-item.item-previous a:active {
  color: #a0ce4e;
}
.newsfeed-pagination-item.item-previous a:before {
  content: "<";
  font-family: FontAwesome, serif;
  display: inline-block;
  font-style: normal;
  position: relative;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  font-size: 1rem;
  margin-right: 5px;
}

.view-all.button {
  margin-top: 30px;
}

.promo .view-all.button {
  text-align: center;
}

.related .view-all.button {
  text-align: start;
}

.view-all a {
  background: #15717d;
  padding: 10px 23px;
  border-radius: 20px;
  color: #fff;
}

span.newsfeed-related-updates {
  display: block;
  margin: 50px 0 20px 0;
  font-style: italic;
  color: #73645D;
}

a.newsfeed-related-category {
  background: #f3f2f0;
  padding: 15px;
  border-radius: 40px;
  font-weight: bold;
  color: #15717d;
}

.newsfeed-perPage {
  max-width: 200px;
  margin: 14px 0 0;
}
.newsfeed-perPage > div {
  display: inline-block;
}
.newsfeed-perPage .active {
  font-style: italic;
  background: #DDD;
}
.newsfeed-perPage a {
  color: inherit;
  text-decoration: none;
}
.newsfeed-perPage .heading {
  background: #EEE;
  min-width: 100px;
  padding: 10px;
}
.newsfeed-perPage .slider {
  position: absolute;
  background: #FFF;
  width: 100%;
  max-width: 198px;
  border: 1px solid grey;
  z-index: 100;
}
.newsfeed-perPage ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeed-perPage li {
  padding: 5px 20px;
}
.newsfeed-perPage li a {
  display: block;
}

@media (max-width: 767px) {
  .newsfeed-pagination {
    text-align: center;
  }
  .newsfeed-pagination .mobile {
    display: block;
  }
  .newsfeed-pagination .desktop {
    display: none;
  }
  .newsfeed-pagination-list {
    display: inline-block;
    float: none;
  }
  .newsfeed-result.has-image {
    text-align: center;
  }
  .newsfeed-result.has-image .newsfeed-image {
    position: static;
    margin-bottom: 20px;
  }
  .newsfeed-result.has-image .newsfeed-title {
    text-align: left;
    margin-left: 0;
  }
  .newsfeed-result.has-image .newsfeed-description {
    text-align: left;
    margin-left: 0;
  }
  .newsfeed-result.has-image .newsfeed-date {
    text-align: left;
    margin-left: 0;
  }
  .newsfeed-result.has-image .newsfeed-url {
    text-align: left;
    margin-left: 0;
  }
  .item-previous {
    float: left;
  }
  .item-next {
    float: right;
  }
}

/*# sourceMappingURL=newsfeed.css.map */
.newsfeedFilterBy {
  max-width: 200px;
}
.newsfeedFilterBy .active {
  font-style: italic;
  background: #DDD;
}
.newsfeedFilterBy a {
  color: inherit;
  text-decoration: none;
}
.newsfeedFilterBy .heading {
  background: #F36533;
  color: #FFF;
  padding: 10px;
}
.newsfeedFilterBy .slider {
  position: absolute;
  background: #FFF;
  width: 100%;
  max-width: 198px;
  border: 1px solid grey;
  z-index: 100;
}
.newsfeedFilterBy .slider .tag-link a {
  display: block;
}
.newsfeedFilterBy .top-level {
  font-weight: bold;
  padding-left: 10px;
}
.newsfeedFilterBy ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeedFilterBy li {
  padding: 5px 20px;
}

/*# sourceMappingURL=newsfeedFilterBy.css.map */
@charset "UTF-8";
.podcast {
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #EFEFED;
  max-width: 800px;
}
.podcast p {
  margin: 0;
}

.podcast__information {
  display: flex;
}

.podcast__text {
  padding: 10px;
}

.podcast__title {
  font-weight: 700;
}

.audio {
  background-color: #efefed;
}

.audio__controls {
  display: flex;
  align-items: center;
}

.audio__backwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%;
}

.audio__forwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%;
}

.audio__backwards, .audio__forwards, .audio__play, .audio__pause {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.audio__play {
  height: 50px;
  width: 50px;
  background-color: #15717d;
  border-radius: 50%;
}
.audio__play:after {
  content: "▶";
  color: #fff;
  font-size: 25px;
}

.audio__pause {
  display: none;
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%;
}
.audio__pause:after {
  content: "| |";
  color: #000;
  font-size: 25px;
}

.audio--playing .audio__pause {
  display: flex;
}
.audio--playing .audio__backwards {
  visibility: visible;
}
.audio--playing .audio__forwards {
  visibility: visible;
}
.audio--playing .audio__play {
  display: none;
}

/*# sourceMappingURL=podcastplayer.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.product-list-main__results .product {
  border-bottom: 2px solid #f3f2f1;
}

.productList .product-list-content {
  display: table;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.productList .product-list-content .product-list-main, .productList .product-list-content product-list-header {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}
.productList .alphabet-filter__element {
  margin-left: 10px;
}
.productList .no-of-shown-results, .productList .no-of-all-results, .productList .applied-filter {
  font-weight: bold;
}
.productList .product-list-main {
  display: table-row;
  justify-content: space-around;
}
.productList .product-list-header {
  display: table-row;
  justify-content: space-around;
}
.productList .product-list-filter--alphabet {
  border-left: 2px solid #f3f2f1;
}
.productList .product-list-filter .filter-trigger--alphabet {
  color: #72635d;
  cursor: default;
  opacity: 0.5;
  text-decoration: none;
  margin: 0;
}
.productList .product-list-filter .filter-trigger--alphabet.filter-trigger--active {
  color: #f36633;
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
}
.productList .product-list-header__filter-by .filter-by__label {
  background-color: #f36633;
  color: white;
  padding: 10px 30px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.productList ul.filter__product-types {
  display: none;
  position: absolute;
  background-color: #f2f2f2;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.productList ul.filter__product-types li {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.productList ul.filter__product-types li input ~ span::after {
  content: "";
  background-color: white;
  border-radius: 30px;
  width: 20px;
  height: 20px;
  margin: 0 7px 0 0;
  position: absolute;
  right: 0;
}
.productList ul.filter__product-types li input:checked ~ span::after {
  background-color: #15717e;
  border: 2px solid white;
  margin: 0 6px 0 0;
}
.productList ul.filter__product-types li input {
  visibility: hidden;
}
.productList ul .alphabet-filter__elements, .productList ul .product__links--additional {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.productList ul.filter__product-types.show {
  display: block;
  padding: 0;
}
.productList .product__info-formula-text {
  font-style: italic;
}
.productList .product .product__links a {
  color: #15717e;
  font-weight: bold;
}
.productList .product .product__info-title, .productList .product .product__info-title a {
  color: #15717e;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.productList .product .product__info-title.lock-icon {
  color: black;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.productList .product .product__info-title.lock-icon a:before {
  content: "!";
  color: #ff0000;
}
.productList .product-list-main__results {
  width: 95%;
}
.productList .product-list-main__results .product {
  display: flex;
  margin-top: 15px;
}
.productList .product-list-main__results .product .product__info {
  width: 50%;
}
.productList .product-list-main__results .product .product__links {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-family: arial;
  font-size: 13px;
  font-weight: 700;
}
.productList .results__show-more-btn {
  display: inline-block;
  margin-top: 15px;
  color: white;
  background-color: #15717e;
  padding: 10px 30px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  width: 20%;
  margin-left: 35%;
  margin-right: auto;
}
.productList .results__show-more-btn:hover {
  background-color: white;
  display: inline-block;
  padding: 8px 30px;
  border: 2px solid #15717e;
  color: #15717e;
  font-size: 18px;
  width: 20%;
  margin-left: 35%;
  margin-right: auto;
}

/*# sourceMappingURL=productlist.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionanswers.hideScoreBox .quizScoreBox, .questionanswers.hideScoreBox .quizResultBoxContainer {
  display: none;
}

.quizResultBoxContainer.showBoxQuiz {
  display: block;
}

.quizButton img {
  cursor: pointer;
}

/*# sourceMappingURL=questionanswers.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionWithCheck {
  border: dotted 1px #D5D1CE;
  padding: 10px;
}
.questionWithCheck .formControl-radio {
  float: left;
  margin: 0;
  padding: 0;
  width: 21px;
}
.questionWithCheck .genericFormGroup span input[type=checkbox] {
  float: left;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 15px;
}

.questionWithRadio button {
  background: white;
  border: 1px solid white;
  border-radius: 0;
  float: left;
  margin-right: 15px;
}
.questionWithRadio button.optionActive {
  border: solid 1px #D5DCEF;
}
.questionWithRadio .formControl-radio {
  float: left;
  margin: 0;
  padding: 0;
  width: 21px;
}
.questionWithRadio .genericFormGroup span input[type=radio] {
  float: left;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 15px;
}

.questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {
  float: left;
  padding: 1px 0 0;
  width: auto;
  margin-right: 15px;
}
.questionWithRadio .genericFormGroup .quizRadioImg label, .questionWithCheck .genericFormGroup .quizRadioImg label {
  width: 100px;
}
.questionWithRadio .quizScoreBox, .questionWithCheck .quizScoreBox {
  border: 1px solid #0F61AF;
  background: white;
  text-align: center;
  font-weight: 700;
  padding: 5px;
  width: 50px;
  height: 15px;
  margin-left: 20px;
  float: left;
}
.questionWithRadio .quizScoreBox p, .questionWithCheck .quizScoreBox p {
  margin: 0;
  font-weight: 700;
}
.questionWithRadio .imgContainer, .questionWithCheck .imgContainer {
  width: 100%;
  float: left;
}
.questionWithRadio .quizQuestion p, .questionWithCheck .quizQuestion p {
  margin: 0 0 15px 0;
}

.quizHideBox {
  display: none;
}

.quizOverlayContainer .overlay-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000; /* high z-index */
  background: #000; /* fallback */
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.quizOverlayContainer .overlay-content {
  background: none repeat scroll 0 0 white;
  display: inline-block;
  max-width: 90%;
  min-height: 80px;
  min-width: 80px;
  padding: 30px 10px 10px;
  position: relative;
  text-align: left;
  top: 150px;
}
.quizOverlayContainer .overlay-close {
  background: url("../../img/overlay-close-icon.png") no-repeat scroll 0 0/20px auto rgba(0, 0, 0, 0);
  cursor: pointer;
  display: none;
  font-size: 25px;
  height: 20px;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 20px;
  z-index: 9999;
}
.quizOverlayContainer .close-btn:hover {
  background: #05abe0;
}

.questionWithImage {
  clear: both;
}
.questionWithImage .quizQuestion {
  border: 2px solid #0F61AF;
  background: #D5DCEF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px 10px 20px 10px;
  float: left;
  width: 80%;
}
.questionWithImage .quizQuestion p {
  font-weight: 700;
  line-height: 1.2em;
  margin: 10px 0 0 0;
  vertical-align: middle;
  color: black;
}
.questionWithImage .imgContainer {
  float: left;
  width: 50%;
  text-align: center;
}
.questionWithImage .imgContainer span {
  border: 3px solid #78A7D2;
  padding: 10px;
  height: 36px;
  width: 36px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
}
.questionWithImage .imgContainer img {
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
}
.questionWithImage .quesLeftCaption, .questionWithImage .quesRighCaption {
  float: left;
  width: 25%;
}

.quizResultContainer {
  width: 92%;
}

.quizScoreBox {
  border: 2px solid #0F61AF;
  background: #D5DCEF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 5px;
  width: 58px;
  height: 62px;
  margin-left: 20px;
  float: left;
}
.quizScoreBox p {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  color: black;
  margin-top: 15px;
}
.quizScoreBoxtotalScoreBox {
  float: right;
}

.quiz .nextQuestionPage {
  float: right;
}
.quiz .generateScore {
  float: right;
}
.quiz .button.generateScore {
  width: 230px;
  padding: 10px;
  font-weight: 700;
  font-size: 22px;
  color: white;
  background: #115A64;
}
.quiz .button.generateScoreNewPage {
  padding: 10px;
  font-weight: 700;
  color: #0073BD;
  border: solid 1px white;
  background: #E4FE98;
}
.quiz.quizWithBGImage {
  float: left;
}
.quiz.quizWithBGImage .quizQuestionBox {
  background-color: #FFF1D0;
  padding: 20px;
  width: 70%;
}
.quiz.quizWithBGImage .quizQuestionBox h2 {
  color: #4469A1;
  font-size: 40px;
  margin-bottom: 0;
}
.quiz.quizWithBGImage .quizQuestionBox p {
  font-size: 18px;
  color: #5C5D59;
  margin: 0;
  line-height: 22px;
}
.quiz.quizWithBGImage .quizQuestionOption {
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
}
.quiz.quizWithBGImage .quizOptionButton {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #E2F1F3;
  padding: 17px 25px 17px 25px;
  font-size: 20px;
  border: 0;
  border-radius: 0;
  color: #73A1A7;
}
.quiz.quizWithBGImage .quizOptionButton span {
  background: url("../../img/boxlink-arrow.png") no-repeat right center;
  padding-right: 25px;
}
.quiz.quizProgressBar .quizProgressBarQuestions {
  background-color: white;
  padding: 5px;
  position: relative;
  margin-bottom: 35px;
}
.quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion {
  color: #22508E;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  background: none;
  cursor: text;
}
.quiz.quizProgressBar .quizProgressBarDots {
  background-color: #eeece4;
  border: 1px solid #eeece4;
  border-radius: 18px;
  height: 10px;
  padding: 5px;
  position: relative;
}
.quiz.quizProgressBar .quizProgressDots {
  background-color: white;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 12px;
  box-shadow: none;
  border: 0 solid gainsboro;
}
.quiz.quizProgressBar .quizProgressDots.active {
  background-color: #099696;
  height: 16px;
  width: 16px;
  left: 0;
  position: absolute;
  top: 2px;
}
.quiz.quizProgressBar .quizProgressDots.firstactive {
  background-color: #099696;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 2px;
}
.quiz.quizProgressBar .quizProgressDots.progressActive {
  background-color: #099696;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 2px;
}

.quizWithBGImage.questionOption1 .quizQuestionOption {
  height: 450px;
}
.quizWithBGImage.questionOption2 .quizQuestionOption, .quizWithBGImage.questionOption3 .quizQuestionOption, .quizWithBGImage.questionOption4 .quizQuestionOption, .quizWithBGImage.questionOption5 .quizQuestionOption {
  height: 225px;
}
.quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4 {
  width: 50%;
}
.quizWithBGImage.questionOption2, .quizWithBGImage.questionOption3 {
  width: 25%;
}

#question3 .quizWithBGImage .questionOption2 {
  height: 450px;
}
#question3 .quizWithBGImage .questionOption2 .quizQuestionOption {
  height: 450px;
}
#question3 .quizWithBGImage.questionOption2 {
  width: 50%;
}

#question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 {
  width: 25%;
}

.quizProgressBar {
  background: white;
  border: solid 1px white;
  padding: 20px 0;
  border-color: white;
  box-shadow: 0 0 10px #9ecaed;
}

.progressDotActive {
  width: 2%;
  background: #099696;
  height: 10px;
}

.quizRadioImg {
  float: left;
  width: 100px;
}

.hideQuizTotalBox .quizResultContainer {
  display: none;
}

/* Mobile start */
@media only screen and (max-width: 767px) {
  .questionWithCheck .formControl-radio {
    clear: both;
    display: block;
  }
}
@media only screen and (max-width: 420px) {
  .questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio {
    clear: both;
    display: block;
    float: left;
    width: 6%;
  }
  .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {
    display: block;
    float: left;
    width: 50%;
  }
  .quizRadioImg {
    width: 100%;
  }
  .questionWithImage .quizQuestion {
    width: 60%;
  }
  .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption, .questionWithImage .imgContainer {
    display: block;
    width: 100%;
  }
  .quiz.quizProgressBar .quizProgressBarQuestions {
    margin-bottom: 15px;
  }
  .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion {
    font-size: 12px;
    font-weight: 700;
  }
  .quiz.quizWithBGImage {
    width: 100%;
    display: block;
  }
  .quiz.quizWithBGImage .quizQuestionOption {
    width: 100%;
    display: block;
    background: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: 100% 100%;
  }
  .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, .quizWithBGImage.questionOption2, .quizWithBGImage.questionOption3 {
    width: 100%;
  }
  .quizWithBGImage #question3 .quizWithBGImage.questionOption2 {
    width: 100%;
  }
  .quizWithBGImage #question2 .quizWithBGImage.questionOption3, .quizWithBGImage #question2 .quizWithBGImage.questionOption4, .quizWithBGImage #question2 .quizWithBGImage.questionOption5 {
    width: 100%;
  }
}

/*# sourceMappingURL=quiz.css.map */
/*
/* RichText
*/
/* Global Configuration */
.richText.button {
  border-radius: 0.25rem;
  line-height: 1.5rem;
  font-size: 1rem;
  margin: 0;
  text-transform: none;
  vertical-align: middle;
  cursor: pointer;
}
.richText.button a,
.richText.button p {
  padding: 0.375rem 0.75rem;
}
.richText.article-header {
  margin-bottom: 40px;
}
.richText.article-header p {
  font-family: "Balboa plus", Arial, Helvetica, sans-serif !important;
  font-size: 3.125rem !important;
}
.richText.article-header-title p {
  padding: 0 10%;
}
.richText .article-header-navigation {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -10px;
  left: 5%;
  bottom: 0;
  margin: auto;
  border-width: 0 11px 11px 0;
  padding: 3px;
  transform: rotate(135deg);
}
@media only screen and (min-width: 1200px) {
  .richText .article-header-navigation {
    left: 15%;
  }
}
.richText.article-list ul {
  padding-left: 0;
}
.richText.article-list ul li {
  font-size: 11pt;
  line-height: 150%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .richText.article-list ul li {
    font-size: 15pt;
  }
}
.richText .component-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.richText .component-content .richText-content {
  text-align: center;
  width: 100%;
}
.richText .component-content .title-md {
  margin-bottom: 10px;
  font-family: "Balboa plus", Arial, Helvetica, sans-serif;
  font-size: 3.6rem;
  line-height: 1.2;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .richText .component-content .title-md {
    margin-bottom: 20px;
    font-size: 3.9rem;
    margin-top: 0;
  }
}
.richText .component-content .text-md {
  font-size: 2.4rem;
}
@media only screen and (min-width: 992px) {
  .richText .component-content .text-md {
    font-size: 1.6rem;
  }
}
.richText .component-content .text-lg {
  font-family: "Balboa plus", Arial, Helvetica, sans-serif !important;
  font-size: 3.125rem !important;
  line-height: 1.5;
}

.richText-image {
  display: block;
  margin-bottom: 10px;
}
.richText-image.pull-left {
  float: left;
}
.richText-image.pull-right {
  float: right;
}

/* Custom classes */
@media (max-width: 767px) {
  .article-text {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.article-text p {
  text-align: center !important;
}

.richText.codelines {
  padding: 0 15px;
  margin: 1rem 0;
}
.richText.codelines .component-content {
  flex-direction: row;
  align-items: flex-start;
}
.richText.codelines .component-content p,
.richText.codelines .component-content span {
  font-size: 0.75rem;
  line-height: 1;
}
.richText.codelines img {
  width: 52px;
  height: 45px;
  margin-right: 10px;
}
.richText.copyright {
  background-image: url("https://a248.e.akamai.net/7/123/35826/v001/gskflash.download.akamai.com/35826/msd/footers/2016-template/images/sprite.svg");
  background-repeat: no-repeat;
}
.richText.header-navigation-link {
  border: 1px solid #d0cfcf;
}
@media only screen and (min-width: 992px) {
  .richText.header-navigation-link {
    display: none;
  }
}
.richText.header-navigation-link .component-content p {
  cursor: pointer;
}
.richText.header-searchbox-link {
  border: 1px solid #d0cfcf;
}
.richText.header-searchbox-link .component-content p {
  cursor: pointer;
}
.richText.header-follow-us-link {
  border: 1px solid #d0cfcf;
  display: none;
  margin-left: 0.75rem;
}
@media only screen and (min-width: 992px) {
  .richText.header-follow-us-link {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .richText.header-follow-us-link .richText-content > p:after {
    content: "\f078";
    font-family: FontAwesome, sans-serif;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.375rem;
    font-size: 14px;
  }
}
.richText.header-follow-us-link p {
  cursor: pointer;
}
.richText.utility-links .richText-content {
  width: 100%;
  height: 100%;
}
.richText.utility-links .richText-content ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
}
@media only screen and (min-width: 992px) {
  .richText.utility-links .richText-content ul {
    justify-content: flex-end;
  }
}
.richText.utility-links .richText-content ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5rem;
  border-right: 1px solid #d0cfcf;
  line-height: 1;
  cursor: pointer;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .richText.utility-links .richText-content ul li {
    width: auto;
    padding: 0.5rem 1.5rem;
  }
}
.richText.utility-links .richText-content ul li:last-of-type {
  border-right: none;
}
.richText.utility-links .richText-content ul li.is-visible ul {
  display: block;
}
.richText.utility-links .richText-content ul li.has-children:after {
  content: "\f078";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.richText.utility-links .richText-content ul li ul {
  display: none;
  position: absolute;
  border: 1px solid #d0cfcf;
  border-radius: 0.5rem;
  z-index: 1010;
  top: 2rem;
  border-radius: 5px;
  background: #fff;
  list-style: none;
  padding: 0.5rem 0;
  left: 0;
}
.richText.utility-links .richText-content ul li ul li {
  display: block;
  white-space: nowrap;
  padding: 0;
  border: none;
}
.richText.utility-links .richText-content ul li ul li:after {
  display: none;
}
.richText.utility-links .richText-content ul li ul li a {
  display: block;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
}
.richText.med-watch {
  background-color: #f8f9fa;
  border: 1px solid #d0cfcf;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}
.richText.med-watch .richText-content {
  text-align: left;
}
.richText.timeout {
  display: none;
}

.box.section-take-the-test .richText {
  align-items: center;
  display: flex;
  justify-content: center;
}
.box.section-take-the-test .richText .component-content {
  padding: 0 25px;
}
@media only screen and (min-width: 992px) {
  .box.section-take-the-test .richText .component-content {
    width: 50%;
    padding: 0;
  }
}
.box.section-take-the-test .richText .component-content h2 {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) {
  .box.section-take-the-test .richText .component-content h2 {
    margin-top: 50pt;
  }
}
.box.section-take-the-test .richText .component-content p {
  margin: 22pt 0;
}

.box.section-icons > .component-content > .content > .richText {
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
}
.box.section-icons > .component-content > .content > .richText h1,
.box.section-icons > .component-content > .content > .richText h2 {
  margin: 30px 0;
  font-size: 1.83rem;
}
@media only screen and (min-width: 992px) {
  .box.section-icons > .component-content > .content > .richText h1,
  .box.section-icons > .component-content > .content > .richText h2 {
    margin: 40px 0 50px;
    font-size: 2.9rem;
  }
}

.box.section-icons-container .richText {
  width: 100%;
  padding: 0 32px;
}
.box.section-icons-container .richText p {
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .box.section-icons-container .richText p {
    font-size: 18px;
    line-height: 1.5;
  }
}
.box.section-icons-container .richText:not(:first-of-type) {
  margin-top: 60px;
}
@media only screen and (min-width: 992px) {
  .box.section-icons-container .richText {
    max-width: 444px;
  }
  .box.section-icons-container .richText:not(:first-of-type) {
    margin-top: 0;
  }
}
.box.section-icons-container .richText .component-content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 576px) {
  .box.section-icons-container .richText .component-content {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .box.section-icons-container .richText .component-content {
    flex-direction: column;
  }
}
.box.section-icons-container .richText img {
  max-width: 100%;
  width: 165px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) {
  .box.section-icons-container .richText img {
    margin-right: 30px;
    margin-bottom: 0;
    width: 265px;
  }
}
@media only screen and (min-width: 992px) {
  .box.section-icons-container .richText img {
    margin-right: 0;
    margin-bottom: 60px;
  }
}

.box-underlined {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.box-underlined p {
  font-weight: 600 !important;
  font-size: 2.375rem !important;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  .box-underlined p {
    font-size: 1.625rem !important;
  }
}
.searchBox .easy-autocomplete-container ul {
  list-style-type: none;
  padding: 0 0 0 0;
}

/*# sourceMappingURL=search.box.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.searchFilter {
  border: solid 1px #f3f2f1;
}

.searchFilter-title {
  background: url("../../img/down_arrow_black.png") no-repeat 90% center;
  margin: 0;
  padding: 13px;
  cursor: pointer;
}

.searchFilter-controls {
  border-top: solid 4px #f36533;
}
.searchFilter-controls .searchFilterContent {
  display: block;
}

.searchFilter-selection, .searchFilter-checkbox, .searchFilter-phrase {
  overflow: hidden;
  margin: 5px 0;
}

.searchFilter-label {
  float: left;
  margin-right: 10px;
  min-width: 85%;
}

.searchFilter-checkbox .searchFilter-label {
  float: none;
  margin-right: 0;
}

.searchFilter-submit {
  padding: 13px;
  margin: 5px 0;
  overflow: hidden;
  display: block;
}
.searchFilter-submit button {
  float: right;
}

.searchFilter-horizontal .searchFilter-controls {
  float: left;
}
.searchFilter-horizontal .searchFilter-control {
  float: left;
}
.searchFilter-horizontal .searchFilter-label {
  min-width: 0;
}
.searchFilter-horizontal .searchFilter-selection, .searchFilter-horizontal .searchFilter-checkbox, .searchFilter-horizontal .searchFilter-phrase {
  float: left;
  clear: none;
  margin-right: 10px;
}

.tagRadioFilter fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.tagRadioFilter fieldset legend {
  background: url("../../img/filter-plus.png") no-repeat right center;
  color: #000;
  font-size: 16px;
  padding: 0 10px;
  display: block;
  width: 93%;
  cursor: pointer;
  margin: 7px 10px;
}
.tagRadioFilter fieldset legend.filter-active {
  background: url("../../img/filter-minus.png") no-repeat right center;
}
.tagRadioFilter fieldset .searchFilter-control {
  padding: 7px 5px;
  background: #f5f5f5;
  border-bottom: solid 1px #f8f7f6;
}
.tagRadioFilter input {
  float: right;
}

.searchFilter-sorting h4 {
  background: url("../../img/filter-plus.png") no-repeat right center;
  color: #000;
  font-size: 16px;
  padding: 0 10px;
  display: block;
  width: 93%;
  cursor: pointer;
  margin: 7px 10px;
}

.searchFilter-form .search-productFilter, .searchFilter-form .search-theraphyFilter, .searchFilter-form .search-indicationFilter {
  font-size: 1.2em;
  font-style: italic;
  padding: 0 20px;
}

.searchResults-number {
  display: none;
}

.searchFilter-content {
  display: none;
}

/*# sourceMappingURL=search.filter.css.map */
/*
/* SearchBox
*/
.searchBox {
  min-width: 100%;
  background: white;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  position: static;
}
.searchBox h4 {
  display: none;
}
.searchBox div {
  float: none;
}
.searchBox .content > a:first-of-type {
  display: none;
}
.searchBox .paragraphSystem::before,
.searchBox .paragraphSystem::after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .searchBox {
    position: static;
    max-width: 740px;
    padding: 0;
    width: auto;
  }
}
.searchBox .component-content {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.searchBox .component-content .form-search,
.searchBox .component-content .cf-search-box {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .searchBox .component-content .form-search,
  .searchBox .component-content .cf-search-box {
    padding: 0;
  }
}
.searchBox .component-content .form-search .easy-autocomplete .easy-autocomplete-container,
.searchBox .component-content .cf-search-box .easy-autocomplete .easy-autocomplete-container {
  margin: 0;
}
.searchBox .component-content .form-search .easy-autocomplete ul,
.searchBox .component-content .cf-search-box .easy-autocomplete ul {
  display: none;
  margin: 5px 0 0 0;
  padding: 15px 0;
}
.searchBox .component-content .form-search .button,
.searchBox .component-content .cf-search-box .button {
  position: absolute;
  left: 0;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: transparent;
  border: none;
  width: 25px;
  margin-left: 16px;
  height: 25px;
  background: url("../../img/svg/search_button.svg") no-repeat left center;
  background-size: auto;
}
.searchBox .component-content .form-search .searchBox-label,
.searchBox .component-content .cf-search-box .searchBox-label {
  width: 100%;
}
.searchBox .component-content .form-search .searchBox-label .easy-autocomplete,
.searchBox .component-content .cf-search-box .searchBox-label .easy-autocomplete {
  width: 100% !important;
}
.searchBox .component-content .form-search .searchBox-label .easy-autocomplete .easy-autocomplete-container,
.searchBox .component-content .cf-search-box .searchBox-label .easy-autocomplete .easy-autocomplete-container {
  margin: 0 !important;
}
.searchBox .component-content .form-search .searchBox-label input,
.searchBox .component-content .cf-search-box .searchBox-label input {
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 55px;
  line-height: 26px;
  font-weight: 600;
  height: 58px;
  border: 1px solid #d68f9f;
  font-size: 14px;
  border-bottom-right-radius: calc(100vh / 2);
  border-top-right-radius: calc(100vh / 2);
}
@media only screen and (min-width: 992px) {
  .searchBox .component-content .form-search .searchBox-label input,
  .searchBox .component-content .cf-search-box .searchBox-label input {
    font-size: 20px;
  }
}
.searchBox .component-content .form-search .searchBox-label .searchBox-title,
.searchBox .component-content .cf-search-box .searchBox-label .searchBox-title {
  display: none;
}
.searchBox .component-content .form-search .button {
  top: 18px;
}

.tooltip-inner {
  display: none;
}

.search-tooltip {
  display: none;
  position: absolute;
  z-index: 1001;
  top: 3rem;
  left: calc(50% - 130px);
  max-width: 260px;
  justify-content: center;
}
.search-tooltip.visible {
  display: flex;
}
.search-tooltip .arrow {
  position: absolute;
  top: -0.5rem;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #d0cfcf;
}
.search-tooltip .arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5rem;
  margin-top: 2px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #fff;
}
.search-tooltip .tooltip-inner {
  background-color: #fff;
  border: 1px solid #d0cfcf;
  padding: 1rem 0.75rem;
}

.easy-autocomplete-container {
  margin: 0;
  width: 100%;
  background-color: white;
  z-index: 9999;
  margin-top: 5px;
  border-radius: 10px;
  padding-left: 55px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.easy-autocomplete-container li {
  padding: 2px 0;
}
.easy-autocomplete-container li:hover {
  cursor: pointer;
  opacity: 0.7;
}

.easy-autocomplete-container:has(ul > li) {
  position: absolute;
}
.page-resultats-de-recherche .title {
  margin-bottom: 20px;
  padding: 0;
}
.page-resultats-de-recherche .title h1 {
  color: #193a54 !important;
  font-size: 35px !important;
  font-weight: 700;
  line-height: 44px !important;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .title h1 {
    font-size: 50px !important;
    line-height: 63px !important;
  }
}
.page-resultats-de-recherche .searchBox {
  margin-bottom: 60px;
}
.page-resultats-de-recherche .reference-main-title {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
.page-resultats-de-recherche .reference-main-title p {
  color: #193a54;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .reference-main-title p {
    font-size: 40px;
    line-height: 50px;
  }
}
.page-resultats-de-recherche .reference-sub-title {
  margin: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0;
}
.page-resultats-de-recherche .reference-sub-title p {
  color: #193a54;
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .reference-sub-title p {
    font-size: 30px;
    line-height: 38px;
  }
}
.page-resultats-de-recherche .searchResults {
  padding: 0;
}
.page-resultats-de-recherche .searchResults .searchResults-number {
  display: none;
}
.page-resultats-de-recherche .searchResults .searchResults-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-resultats-de-recherche .searchResults .searchResults-result {
  position: relative;
  min-height: 410px;
  color: black;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .searchResults .searchResults-result {
    min-height: 260px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-result img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  padding: 30px 20px 10px 20px;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-title a {
  text-decoration: none;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-description {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  padding: 0 20px 50px 20px;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url {
  width: 35px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 20px;
  margin-bottom: 15px;
  height: 35px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url {
    margin-left: 0;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url a {
  color: transparent;
  display: block;
  color: transparent;
  border: none;
  width: 35px;
  height: 35px;
  background-color: #252525;
  background: url("../../img/arrows/arrow_left.svg") no-repeat left center;
  background-size: auto;
}
.page-resultats-de-recherche .searchResults .searchResults-result .searchResults-url a:hover {
  background: url("../../img/arrows/arrow_up_right.svg") no-repeat left center;
}
.page-resultats-de-recherche .searchResults .searchResults-news-outer-container {
  margin: 20px -30px 100px -30px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news-outer-container {
    margin: 40px 0 100px 0;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news-outer-container .reference-sub-title {
  margin: 0;
  margin-left: 30px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .searchResults .searchResults-news-outer-container .reference-sub-title {
    margin-left: 0px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news-inner-container {
  display: flex;
  flex-direction: row;
  max-width: fit-content;
  width: 100%;
  align-items: start;
  justify-content: start;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  gap: 20px;
  overflow: auto;
}
.page-resultats-de-recherche .searchResults .searchResults-news-inner-container:-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news-inner-container {
    flex-direction: column;
    max-width: 740px;
    overflow: hidden;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news {
  display: flex;
  justify-content: start;
  flex-direction: column;
  max-width: 280px;
  flex-shrink: 0;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news {
    flex-direction: row;
    max-width: 740px;
    flex-shrink: 1;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news:first-of-type {
  margin-left: 30px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news:first-of-type {
    margin-left: 0px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news:last-of-type {
  margin-right: 30px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news:last-of-type {
    margin-right: 0px;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image {
  position: relative;
  height: 245px;
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image {
    height: 260px;
    max-width: 280px;
    overflow: hidden;
    flex-shrink: 0;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image:after {
  content: "";
  position: absolute;
  height: 68px;
  width: 231px;
  border-bottom-right-radius: 250px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  background-color: transparent;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image .searchResults-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  padding: 0px 20px 10px 20px;
  height: 160px;
  align-self: end;
  display: flex;
  justify-content: end;
  align-items: end;
  background-color: rgba(255, 255, 255, 0.6);
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-image .searchResults-title a {
  text-decoration: none;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description {
    align-self: self-end;
  }
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description .searchResults-description {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  padding: 15px 10px 0 10px;
  color: #252525;
}
.page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description .searchResults-url {
  margin-right: 18px;
  align-self: end;
}
@media only screen and (min-width: 576px) {
  .page-resultats-de-recherche .searchResults .searchResults-news .searchResults-news-description .searchResults-url {
    margin-right: 0;
  }
}
.page-resultats-de-recherche .search-no-result-wrap {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .search-no-result-wrap {
    margin-left: 0;
  }
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text {
  padding: 0;
  margin: 0;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text p {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  text-align: start;
  margin: 0;
  padding: 0;
  max-width: 132px;
  flex-shrink: 0;
  flex: 1 1;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text p:first-of-type {
  max-width: unset;
  flex: 0 0;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: start;
  padding: 0;
  margin: 0;
  margin: 30px 0 80px 0;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text li {
  max-width: 132px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #331851;
}
.page-resultats-de-recherche .search-no-result-wrap .search-no-result-text a {
  display: block;
  color: white;
  font-weight: 600;
  line-height: 22px;
  flex: 1 1;
  padding: 13px 0;
  text-decoration: none;
  text-align: center;
}
.page-resultats-de-recherche .reference-title-separator {
  max-width: 740px !important;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .reference-title-separator {
    padding: 0px;
  }
}
.page-resultats-de-recherche .reference-title-separator .blue-after-cube {
  margin-right: -15px;
}
.page-resultats-de-recherche .bottom-spacing.center-small {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (min-width: 768px) {
  .page-resultats-de-recherche .bottom-spacing.center-small {
    margin: 0 auto;
  }
}
.page-resultats-de-recherche .bottom-spacing.center-small .carousel-news {
  left: unset !important;
}
.page-resultats-de-recherche .slider-with-images-no-background {
  width: unset;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .page-resultats-de-recherche .slider-with-images-no-background {
    width: calc(100% + 120px);
    padding-right: 60px;
  }
}
.page-resultats-de-recherche .slider-with-images-no-background .reference-en-savoir-carousel-card {
  width: 236px;
}
@charset "UTF-8";
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.searchBlox.searchResults .component-content {
  display: flex;
}

.searchBlox-results {
  /* highlight is custom tag used by SearchBlox */
}
.searchBlox-results highlight {
  font-weight: bold;
}
.searchBlox-results .searchResults-number {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.searchBlox-results .searchResults-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-left: 10px;
}
.searchBlox-results .searchResults-term {
  font-style: italic;
}
.searchBlox-results .searchResults-results {
  margin-bottom: 10px;
}
.searchBlox-results .searchResults-description, .searchBlox-results .searchResults-url,
.searchBlox-results .searchResults-context {
  margin-left: 10px;
}
.searchBlox-results .searchResults-image {
  float: left;
  width: 100px;
  height: 100px;
  margin: 10px 0;
}
.searchBlox-results .searchResults-result {
  position: relative;
  overflow: hidden;
  padding: 0 10px 20px 10px;
  background-color: #eeece4;
}
.searchBlox-results .searchResults-result:nth-child(even) {
  background-color: inherit;
}
.searchBlox-results .searchResults-icon-wrapper {
  position: absolute;
  text-align: center;
  width: 70px;
  margin-top: 10px;
  left: 0;
  top: 0;
}
.searchBlox-results .searchResults-url {
  margin-top: 10px;
}
.searchBlox-results .searchResults-description p, .searchBlox-results .searchResults-context p {
  font-family: Arial, serif;
  font-size: 12px;
  color: #635a54;
}
.searchBlox-results .searchResults {
  width: 100%;
}
.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav {
  float: right;
  padding-left: 20px;
}
.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul {
  padding-left: 0;
}
.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul li {
  list-style-type: none;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul li a {
  color: #000;
}
.searchBlox-results .searchResults .searchBlox-results .searchResults-stickyNav ul li.active a {
  color: #F98033;
  font-size: 12px;
  font-weight: 700;
}

.searchResults .searchResults-facets {
  margin-right: 30px;
}
.searchResults .searchResults-facets .facet-value {
  cursor: pointer;
}
.searchResults .searchResults-facets .facet-value--active {
  font-weight: bold;
}
.searchResults .searchResults-facets .facet-value--active:before {
  content: "✖";
}

/*# sourceMappingURL=searchblox.search.results.css.map */
/*
/* ShareThis
*/
#header .shareThis {
  display: none;
  position: absolute;
  right: 15px;
  border: 1px solid #d0cfcf;
  padding: 0.5rem 0;
  background: white;
  z-index: 1010;
  border-radius: 0.25rem;
}
#header .shareThis.is-visible {
  display: block;
}
#header .shareThis ul.shareThis-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
#header .shareThis ul.shareThis-list li {
  display: flex;
  padding: 0.25rem 1.5rem;
  justify-content: space-around;
  align-items: center;
}
#header .shareThis ul.shareThis-list li a {
  display: inherit;
  padding: 0;
}
#header .shareThis ul.shareThis-list li a img {
  width: 1.5em;
  height: 1.5em;
}
#header .shareThis ul.shareThis-list li p {
  padding: 0;
  margin: 0;
  margin-left: 0.25rem;
}

#footer .shareThis {
  display: block;
}
#footer .shareThis ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
}
#footer .shareThis ul li a {
  padding: 0 4px;
}
#footer .shareThis ul li a img {
  height: 24px;
  width: 30px;
}
@charset "UTF-8";
.sitemap-content-wrap {
  margin: auto;
  max-width: 1000px;
  padding: 0;
}

.sitemap {
  margin: 50px auto;
  width: 100%;
}
.sitemap-column a {
  text-decoration: none;
}
.sitemap-column ul {
  list-style-type: none;
  padding-inline-start: 0;
  -webkit-padding-start: 0;
  margin-bottom: 10px;
}
.sitemap-column ul ul ul {
  margin-left: 3%;
  display: list-item;
}
.sitemap-column ul ul ul li::before {
  content: "•";
  font-size: 25px;
  bottom: -3px;
  position: relative;
  margin-right: 10px;
}
.sitemap-column li {
  padding-bottom: 5px;
}
.sitemap-column li a {
  color: #252525;
  font-weight: 500;
  font-size: 18px;
}
.sitemap-column li a:hover, .sitemap-column li a:focus {
  color: #e56a54;
  transition: .2s ease all;
}
.sitemap-column li h3 {
  border-bottom: 4px solid #f3dde2;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.sitemap-column li h3 a {
  font-size: 22px;
  font-weight: 600;
  color: #00677f;
}
@media only screen and (min-width: 992px) {
  .sitemap-column li h3 a {
    margin-top: 0;
  }
}
.smart-link {
  margin: 10px 0; }
  .smart-link-previous:before, .smart-link-next:after {
    display: inline-block;
    position: relative;
    top: -1px;
    height: 14px;
    width: 6px;
    font-size: 8px;
    color: black; }
  .smart-link-next:after {
    margin-left: 10px;
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal; }
  .smart-link-previous:before {
    margin-right: 10px;
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal; }
  .smart-link-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    text-align: center; }
    .smart-link-list li {
      display: inline-block; }
.custom-table table {
  border-spacing: 0;
}
.custom-table th {
  background-color: #efefed;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .custom-table th {
    padding: 20px 50px;
  }
}
.custom-table td {
  padding: 20px 15px;
  border-bottom: 1px solid #efefed;
}
.tabs {
  position: relative; }
  .tabs-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px; }
  .tabs-nav {
    position: relative;
    top: 0;
    left: 0;
    height: 39px;
    z-index: 150;
    width: 100%;
    overflow: hidden; }
    .tabs-nav-list {
      position: relative;
      left: 0;
      padding: 0;
      margin: 0;
      width: 2000px;
      list-style: none;
      overflow: hidden; }
    .tabs-nav-item {
      display: inline;
      float: left;
      margin-left: 5px;
      height: 21px;
      top: 4px;
      padding: 7px 10px 7px 10px;
      border-width: 2px 2px 0 2px;
      border-style: solid;
      border-color: #323131;
      background: #e1e1e1;
      font-weight: bold;
      font-size: 12px;
      cursor: pointer; }
      .tabs-nav-item a {
        color: #323131; }
      .tabs-nav-item.is-active,
      .tabs-nav-item.is-active a, .tabs-nav-item.is-active:hover {
        cursor: default;
        background: white; }
      .tabs-nav-item.is-active, .tabs-nav-item.is-active:hover {
        border-bottom: none;
        padding-bottom: 9px; }
      .tabs-nav-item.is-active:hover a {
        color: #323131; }
      .tabs-nav-item:first-child {
        margin-left: 0; }
      .tabs-nav-item:hover {
        background: #939191; }
        .tabs-nav-item:hover a {
          color: white;
          text-decoration: none; }
    .tabs-nav-switcher {
      position: absolute;
      top: 0;
      height: 35px;
      width: 15px;
      border: 2px solid #323131;
      background: #e1e1e1;
      cursor: pointer; }
      .tabs-nav-switcher-right {
        right: 0; }
      .tabs-nav-switcher-left {
        left: 0; }
        .tabs-nav-switcher-left:before {
          content: "f053";
          margin-left: -4px; }
      .tabs-nav-switcher:before {
        left: 50%;
        margin-left: -3px;
        padding: 7px 0;
        font-size: 12px;
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal; }
  .tabs-content {
    padding: 13px;
    position: relative;
    top: -2px;
    z-index: 100;
    border: solid 2px #323131;
    background: white;
    overflow: hidden; }

.tabMenuItem {
  margin-bottom: 0; }

.no-js .tabs > .component-content {
  padding-top: 0; }

.no-js .tabs-nav {
  display: none; }

.no-js .tabs-content {
  display: block !important;
  visibility: visible !important; }
.tagList-tag-link, .tagList-tag-item {
  background-color: #e1e1e1;
  border: 1px solid #656363;
  color: #323131;
  padding: 5px 20px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block; }
  .tagList-tag-link:hover, .tagList-tag-item:hover {
    background-color: #939191;
    color: white; }

.tagList-heading {
  font-weight: bold;
  color: #323131;
  margin: 10px 0;
  font-size: 1.5rem;
  display: block; }

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

.tagList-tag {
  display: inline-block; }

.tagList-tag-link, .tagList-tag-item {
  margin-right: 5px;
  text-decoration: none; }
  .tagList-tag-link:hover, .tagList-tag-link:active, .tagList-tag-item:hover, .tagList-tag-item:active {
    color: #fff; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.genericFormGroup {
  clear: both;
}

.initialTabBasedFilter {
  background-color: #eeece4;
  border: 2px solid #323131;
  padding: 15px 60px;
  position: relative;
}

.tagBasedFilter .formControl-radio {
  float: left;
  margin: 0;
  padding: 0;
  width: 21px;
}
.tagBasedFilter .genericFormGroup span input[type=radio], .tagBasedFilter .genericFormGroup span input[type=checkbox] {
  float: left;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 15px;
}
.tagBasedFilter .genericFormGroup label {
  float: left;
  padding: 1px 0 0;
  width: auto;
}

.tagBasedFilterResults-Information {
  border: 1px solid #C5C4C4;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-productImage {
  border-bottom: 1px solid #C5C4C4;
  text-align: center;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-description {
  padding: 20px;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-description h2 {
  font-size: 26px;
  margin: 16px 0 0;
  text-align: center;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-description p {
  text-align: center;
}

.prd-category {
  border-bottom: 1px solid #C5C4C4;
  border-top: 1px solid #C5C4C4;
  font-size: 11px;
  display: block;
  padding: 5px 0;
  text-align: center;
}

.tagBasedFilterResults-box-content .product-button {
  border: 1px solid #C5C4C4;
  display: inline-block;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 10px;
}

.tagbasedfilter .simpleTagFilter input[type=button] {
  background-color: #f36633;
  border: 1px solid #D5D1CE;
  border-radius: 0;
  color: white;
  padding: 5px 10px;
}

/*Multi Level Filter*/
.tagBasedFilter .multiLevelFilterContent input[type=button]:hover {
  background-color: #85F5F5;
}
.tagBasedFilter .multiLevelFilterContent .selected {
  background-color: #85F5F5;
}
.tagBasedFilter .multiLevelFilter-ContainerResults .tagBasedFilterResults {
  overflow: hidden;
  margin-top: 10px;
  padding-top: 15px;
}
.tagBasedFilter.multiLevelFilter .genericFormGroup span input[type=button]:focus {
  background: url("../../img/quiz1_hover.png") no-repeat scroll center center;
}

.multiLevelFilter-Container .multiLevelFilter-level1 {
  margin-left: 25px;
}
.multiLevelFilter-Container .multiLevelFilter-level2 {
  margin-left: 45px;
}
.multiLevelFilter-Container .multiLevelFilter-level3 {
  margin-left: 65px;
}
.multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level1, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level2, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level3 {
  margin-left: 0;
}
.multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level1 input, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level2 input, .multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level3 input {
  float: left;
}
.multiLevelFilter-Container .buttonTypeContent .multiLevelFilter-level4 {
  margin-left: 0;
}
.multiLevelFilter-Container .buttonTypeContent.multiLevelFilter-level0 {
  float: left;
}

.multiLevelFilter .genericFormGroup {
  border-bottom: 1px dotted #e0e0e0;
  overflow: hidden;
  padding: 5px 0;
}

.tagBasedNoResult {
  color: #ff0000;
  font-weight: 700;
}

.tagbasedfilter-primary .multiLevelFilter-Container .multiLevelFilterContent {
  float: left;
}

/*# sourceMappingURL=tagbasedfilter.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.tagBasedFilterResults-Information {
  border: 1px solid #C5C4C4;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-productImage {
  border-bottom: 1px solid #C5C4C4;
  text-align: center;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-description {
  padding: 20px;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-description h2 {
  font-size: 26px;
  margin: 16px 0 0;
  text-align: center;
}
.tagBasedFilterResults-Information .tagBasedFilterResults-description p {
  text-align: center;
}

.prd-category {
  border-bottom: 1px solid #C5C4C4;
  border-top: 1px solid #C5C4C4;
  font-size: 11px;
  display: block;
  padding: 5px 0;
  text-align: center;
}

.tagBasedFilterResults-box-content .product-button {
  border: 1px solid #C5C4C4;
  display: inline-block;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 10px;
}

/*# sourceMappingURL=tagbasedfilterresult.css.map */
.title h1 {
  color: #193A54;
}
.twitter > .component-content {
  padding: 13px;
  border: solid 2px #323131;
  background-color: #e1e1e1; }

.twitter-feed {
  position: relative;
  display: block;
  margin: 10px 0;
  padding-left: 55px;
  list-style-type: none; }
  .twitter-feed:before, .twitter-feed:after {
    content: "";
    display: table; }
  .twitter-feed:after {
    clear: both; }

.twitter-content a:hover strong {
  text-decoration: underline; }

a:hover
.twitter-sender-avatar {
  position: absolute;
  top: 3px;
  left: 0; }

.twitter-date {
  float: right; }

.twitter-actions {
  padding: 0;
  margin: 0;
  float: right; }

.twitter-action {
  list-style-type: none;
  display: inline; }

.feed-provider-heading {
  display: inline-block;
  margin: 0 0 0 20px;
  line-height: 30px; }
  .feed-provider-heading-image {
    float: left;
    width: 30px;
    height: 30px; }

.feed-provider-description {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid black; }

.feed-provider-feeds {
  padding: 0;
  margin: 0; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.userBox-header-text {
  font-size: 2em;
}

.userBox .logged-in .user {
  font-weight: bold;
}
.userBox .logged-in, .userBox .logged-out {
  border: 1px solid #D5D1CE;
  padding: 13px;
  margin: 10px 0;
}
.userBox .logged-in .button, .userBox .logged-out .button {
  float: right;
}
.userBox .logged-in .button, .userBox .logged-in a, .userBox .logged-out .button, .userBox .logged-out a {
  background-color: #eeece4;
  border: 1px solid #D5D1CE;
  margin-left: 1%;
  margin-right: 1%;
  color: #323131;
  padding: 5px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
.userBox .logged-in .button:hover, .userBox .logged-in a:hover, .userBox .logged-out .button:hover, .userBox .logged-out a:hover {
  background-color: #939191;
  color: white;
}
.userBox .logged-in .lt-ie8 .button, .userBox .logged-out .lt-ie8 .button {
  display: inline;
}

/*# sourceMappingURL=user.box.css.map */
.video .video-video-container {
  position: relative;
}
.video .video-nojs {
  display: none;
}
.video .video-btn-play {
  position: absolute;
  background-color: red;
  left: 0;
  right: 0;
  top: 48%;
  width: 53px;
  height: 53px;
  background-color: #836BBE;
  border: 0;
  outline: 0;
  border-radius: 50%;
  padding: 0;
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  transition: opacity 0.3s ease;
  align-items: center;
  z-index: 2;
  justify-content: center;
}
.video .video-btn-play:hover {
  cursor: pointer;
  opacity: 0.8;
}
.video .video-btn-play::after {
  content: '';
  mask-image: url("../../img/svg/play.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  background-color: #fff;
  background-size: 20px;
  height: 24px;
  width: 15px;
  transform: translate(2px, 2px);
}
.videoGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px; }

.videoGallery-video {
  border: 2px solid #323131; }
  .videoGallery-video object,
  .videoGallery-video embed {
    width: 100% !important; }

.videoGallery-thumbnail {
  position: relative;
  display: inline;
  float: left;
  margin: 0 9px;
  padding: 0;
  max-width: 100px;
  overflow: hidden;
  cursor: pointer;
  text-align: center; }
  .videoGallery-thumbnail-image {
    position: relative;
    margin: 2px;
    border: solid 2px #323131; }
    .videoGallery-thumbnail-image img {
      display: block;
      margin: 0 auto; }
  .videoGallery-thumbnail-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }
  .videoGallery-thumbnail-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 28px;
    width: 30px;
    margin: -14px 0 0 -15px;
    opacity: 0.7; }
    .videoGallery-thumbnail-overlay:before {
      display: inline-block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      content: "\f04b";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      position: relative;
      font-weight: normal;
      background: white;
      border: 3px solid #323131;
      border-radius: 50%;
      line-height: 24px;
      text-align: center;
      text-indent: 5px;
      font-size: 15px; }
  .videoGallery-thumbnail.is-active .videoGallery-thumbnail-overlay {
    opacity: 0;
    transition: opacity .5s; }

.videoGallery-thumbnails {
  position: relative;
  margin-top: 18px; }
  .videoGallery-thumbnails-list li:hover .image, .videoGallery-thumbnails-list li.active .image {
    margin: 0;
    border: solid 4px #323131; }
  .videoGallery-thumbnails-title {
    display: block;
    margin: 10px auto 0 auto;
    width: 71px;
    font-size: 11px; }

.videoGallery-list {
  position: relative;
  margin: 0 50px;
  overflow: hidden; }
  .videoGallery-list-inner {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none; }

.videoGallery-description {
  margin: 15px 0; }

.videoGallery-arrow, .videoGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 0;
  width: 35px;
  height: 60px;
  background: 50% no-repeat;
  font: 0/0 serif;
  cursor: pointer; }
  .videoGallery-arrow:before, .videoGallery-arrow.is-disabled:hover:before {
    position: absolute;
    top: 50%;
    color: #323131; }

.videoGallery-arrow.is-disabled {
  opacity: 0.5; }

.videoGallery-arrow:hover:before {
  color: #b9b8b8; }

.videoGallery-arrow-left, .videoGallery-arrow-left.is-disabled:hover {
  left: 0; }
  .videoGallery-arrow-left:before, .videoGallery-arrow-left.is-disabled:hover:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    font-size: 30px; }

.videoGallery-arrow-right, .videoGallery-arrow-right.is-disabled:hover {
  right: 0;
  text-align: right; }
  .videoGallery-arrow-right:before, .videoGallery-arrow-right.is-disabled:hover:before {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    font-size: 30px; }

.mod-js .videoGallery-nojs {
  display: none; }
.virtual-meeting-component .virtual-meeting-content--initializing {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.virtual-meeting-component .meeting-registration-button {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button:hover {
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .virtual-meeting-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 5000;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: spinner-item 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #000;
  border-radius: 100%;
  animation: spinner-item-before 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
  animation-delay: -0.6s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}

.box.virtual-meeting-list .component-content {
  overflow: visible;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav {
  overflow: visible;
  height: 50px;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-list {
  width: 100%;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item {
  background: #ebebeb;
  padding: 14px 30px 18px;
  border: none;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item.is-active {
  border-top: 4px solid #f36633;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item.is-active .text-wrapper {
  color: #f36633;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item:hover:not(.is-active) .text-wrapper {
  text-decoration: underline;
}
.box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item .text-wrapper {
  color: #808080;
  font: bold 18px Arial;
}
.box.virtual-meeting-list .component-content .tabs .tabs-content {
  overflow: visible;
  z-index: 500;
  padding: 0;
  border: none;
}

.virtual-meeting-component .virtual-meeting-content--initializing {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.virtual-meeting-component .meeting-registration-button {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button:hover {
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .virtual-meeting-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 5000;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: spinner-item 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #000;
  border-radius: 100%;
  animation: spinner-item-before 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
  animation-delay: -0.6s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}

.virtualMeetingList .meeting-list-filter {
  background-color: #f0efed;
  padding: 30px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__categoryTrigger.active {
  font-weight: 700;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__categoryTrigger.active:before {
  content: "x";
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterByLabel {
  background-color: #f36633;
  color: #fff;
  padding: 10px 45px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  margin: 0;
  display: inline;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__foundResults {
  float: right;
  font-size: 14px;
  margin: 0;
  display: inline;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterBox {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 10px;
  min-width: 230px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger {
  box-sizing: border-box;
  margin: 10px 10px;
  padding: 0;
  border-radius: 20px;
  text-align: center;
  font-size: 15px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger .resetTrigger__label {
  background-color: #f0efed;
  color: #f36633;
  border: 0;
  border-radius: 20px;
  padding: 5px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger .resetTrigger__label:hover {
  background-color: #f36633;
  color: #f0efed;
  cursor: pointer;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter {
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #e0dfdd;
  border-image: none;
  padding: 0;
  margin: 0;
  clear: both;
  height: 52px;
  position: relative;
  cursor: pointer;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active {
  height: auto;
  transition-duration: 0.5s;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter:first-child {
  border-width: 2px 0 2px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__label {
  font-weight: 700;
  padding-left: 16px;
  padding-top: 10px;
  position: relative;
  display: block;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__label:after {
  content: "+";
  float: right;
  font-size: medium;
  margin-right: 20px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.selected .categoryFilter__label {
  color: #15717d;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__selectedCategoryTitle {
  font-style: italic;
  margin-left: 16px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active .categoryFilter__label:after {
  content: "-";
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active .categoryFilter__optionsList {
  display: block;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter:not(.active):hover {
  background-color: #f0efed;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList {
  display: none;
  list-style: none;
  padding-left: 0;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li {
  border-bottom: 1px solid;
  border-color: #e0dfdd;
  padding: 15px;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li:hover:not(input):not(button) {
  background-color: #f36633;
  color: #f0efed;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li:hover:not(input):not(button) .categoryFilter__additionalInformation {
  color: #f0efed;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected {
  background-color: #15717d;
  color: #fff;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected .categoryFilter__additionalInformation {
  color: #fff;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected:hover {
  color: #f0efed;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected:hover .categoryFilter__additionalInformation {
  color: #f0efed;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList .categoryFilter__name {
  margin: 0;
}
.virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList .categoryFilter__additionalInformation {
  display: block;
  color: #808080;
  font-style: italic;
  margin: 0;
}

.virtual-meeting-component .virtual-meeting-content--initializing {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.virtual-meeting-component .meeting-registration-button {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button:hover {
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .virtual-meeting-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 5000;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: spinner-item 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #000;
  border-radius: 100%;
  animation: spinner-item-before 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
  animation-delay: -0.6s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}

.virtualMeetingList .meeting-list-content .no-results-label {
  display: table;
  margin: 0 auto;
  font-size: large;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry {
  display: flex;
  align-items: flex-start;
  align-content: center;
  padding-bottom: 30px;
  margin: 30px 0 0;
  position: relative;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry:not(.hidden-by-filter):not(:last-child) {
  border-bottom: 1px solid #d4d0ce;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting .meeting-list-column.column--basicInfo {
  border-right: none;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--basicInfo {
  border-right: none;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton, .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--supplementaryInfo .meeting-list-section .section-item--showSubMeetings {
  margin-top: 15px;
  margin-bottom: -15px;
  display: inline-block;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo {
  border-right: 1px solid #d4d0ce;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--cancelled {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--generalInfo {
  flex-shrink: 0;
  width: 400px;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--details {
  display: none;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--registerButton {
  display: none;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry {
  flex-direction: column;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section {
  display: inline-block;
  padding: 0;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section:not(.section--image, .section--generalInfo) {
  flex-direction: column;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section.section--generalInfo {
  flex-shrink: 0;
  width: 150px;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section.section--details {
  display: block;
  border-left: none;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings span.subMeetings-label {
  font-weight: 700;
  font-size: 18px;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section {
  position: relative;
  padding: 0 20px;
  float: left;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--showSubMeetings {
  padding: 0 20px;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--generalInfo {
  flex-shrink: 0;
  width: 400px;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--generalInfo .section-item--description {
  font-family: Arial, sans-serif;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-word;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--regulatoryCode {
  padding-left: 20px;
  position: absolute;
  right: 5%;
  bottom: 5px;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--regulatoryCode .section-item--zincCode {
  font-size: 12px;
  color: #3e3e3e;
  font-family: Arial, sans-serif;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--meetingBanner .eventMeetingBanner--small {
  width: 230px;
  height: 173px;
  position: relative;
  float: left;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--title a {
  font-size: 24px;
  color: #15717d;
  font-weight: 700;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--title a:hover {
  text-decoration: underline;
}
.virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--registerButton, .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--showSubMeetings {
  display: inline-block;
  position: relative;
}

.virtual-meeting-component .virtual-meeting-content--initializing {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.virtual-meeting-component .meeting-registration-button {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button:hover {
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .virtual-meeting-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 5000;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: spinner-item 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #000;
  border-radius: 100%;
  animation: spinner-item-before 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
  animation-delay: -0.6s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}

.virtualMeetingList.subeventslisting .virtual-meeting-spinner {
  top: 20px;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry {
  font-weight: 700;
  border: 1px solid #e1dede;
  margin: 0;
  min-height: 75px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo {
  width: 75%;
  border-right: none;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo {
  width: 100%;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers {
  margin: 0;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerName, .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerTitle {
  font-size: 14px;
  line-height: 22px;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerTitle {
  margin-right: 2px;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--viewSpeakerBio {
  float: right;
  color: #15717d;
  text-decoration: none;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--registrationArea {
  position: absolute;
  right: 0;
  top: 15px;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo {
  width: 75%;
  order: -1;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details {
  border-left: none;
  width: 100%;
  margin-top: 6px;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 6px;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo .dateInfo-element--conjuctionText {
  display: none;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo .dateInfo-element--startTime {
  float: right;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton {
  right: 0;
  top: 15px;
  height: 100%;
  left: auto;
  position: absolute;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton:before {
  content: "";
  height: 90%;
  width: 1px;
  background-color: #e1dede;
  position: relative;
}
.virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton a.meeting-list-button {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

/*# sourceMappingURL=virtualMeetingList.css.map */
.virtual-meeting-component .virtual-meeting-content--initializing {
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.virtual-meeting-component .meeting-registration-button {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button:hover {
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled {
  background-color: #fff;
  border: 2px solid #15717d;
  border-radius: 50px;
  color: #15717d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover {
  background-color: #15717d;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  min-width: 120px;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}
.virtual-meeting-component .virtual-meeting-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 5000;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-section {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: spinner-item 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #000;
  border-radius: 100%;
  animation: spinner-item-before 2s infinite ease-in-out both;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) {
  animation-delay: -0.6s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before {
  animation-delay: -1.1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before {
  animation-delay: -1s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before {
  animation-delay: -0.9s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before {
  animation-delay: -0.8s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before {
  animation-delay: -0.7s;
}
.virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner-item-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}

.virtualMeetingRegistration .virtual-meeting-spinner {
  top: 45px;
}
.virtualMeetingRegistration .virtual-meeting-info {
  padding: 20px 0;
  margin-top: 30px;
  min-height: 30px;
  background-color: #424242;
}
.virtualMeetingRegistration .virtual-meeting-info .registration-section-item {
  display: flex;
  align-items: center;
  margin-left: 15%;
}
.virtualMeetingRegistration .virtual-meeting-info .registration-section-item * {
  margin: 0 15%;
}
.virtualMeetingRegistration .virtual-meeting-info .registration-section-item span {
  font-size: 20px;
  color: white;
}
.virtualMeetingRegistration .virtual-meeting-info .registration-section-item .meeting-registration-button:not(.meeting-registration-button--cancelled) {
  border-color: #15717d;
}

/*# sourceMappingURL=virtualMeetingRegistration.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.webinar {
  border: 1px solid #D5D1CE;
}
.webinar .containerInner {
  height: auto;
  overflow: hidden;
  padding: 1% 1% 0 0%;
}
.webinar .contentLeft {
  overflow: hidden;
  float: left;
  width: 60%;
}
.webinar .contentRight {
  overflow: hidden;
}
.webinar .footer {
  overflow: hidden;
  margin: 10px auto;
}
.webinar .footer .webinarArrowLeft {
  background: url("../../img/arrows/leftArrow.png") no-repeat left center;
  bottom: 0;
  left: 0;
}
.webinar .footer .webinarArrowRight {
  background: url("../../img/arrows/rightArrow.png") no-repeat left center;
  right: 0;
  bottom: 0;
}
.webinar .content {
  overflow: auto;
  margin: 0 0 0 10px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.webinar .content .webinarThumbnails {
  margin: 0 46px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .webinar .content .webinarThumbnails {
    margin: 0 20px;
  }
}
.webinar .content .webinarThumbnails .view-chapters-button {
  display: none;
}
@media only screen and (max-width: 767px) {
  .webinar .content .webinarThumbnails .view-chapters-button {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .webinar .content .webinarThumbnails .desktop-only {
    display: none;
  }
}
.webinar .content .webinarThumbnails .imagesContainer {
  overflow: hidden;
  position: relative;
}
.webinar .webinarThumbnails {
  margin: 0 46px;
  overflow: hidden;
}
.webinar .slide {
  text-align: center;
}
.webinar .slide img {
  width: 96%;
}
.webinar .videoDetail {
  text-align: left;
  overflow: hidden;
  margin: 5px 5px 45px 0;
  padding: 0;
}
.webinar .imageSeparator {
  margin: 0 8px;
}
.webinar .imagesContainer div {
  float: left;
}
.webinar .imagesContainer div img {
  float: left;
  cursor: pointer;
  width: 150px;
  height: 115px;
  display: block;
  border: 1px solid #D5D1CE;
}
.webinar .imageBox.activeSlide img {
  border: 1px solid #D5D1CE;
}
.webinar .video {
  width: 100%;
  height: 250px;
}
.webinar .webinarArrowLeft, .webinar .webinarArrowRight {
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  background-color: #e0e0e0;
  padding: 50px 0;
}

/*# sourceMappingURL=webinar.css.map */
.webinarTeaser__wrapper {
  display: block;
}
@media only screen and (min-width: 720px) {
  .webinarTeaser__wrapper {
    display: flex;
  }
}
.webinarTeaser__image {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .webinarTeaser__image {
    background-size: cover;
    background-position: center;
  }
  .webinarTeaser__image-left {
    order: 0;
  }
  .webinarTeaser__image-right {
    order: 2;
  }
}
.webinarTeaser__image img {
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .webinarTeaser__image img {
    display: none;
  }
}
.webinarTeaser__content {
  width: 100%;
}

/*# sourceMappingURL=webinarTeaser.css.map */
.listing-item:first-of-type {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_1:nth-of-type(12n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_2:nth-of-type(6n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_3:nth-of-type(4n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_4:nth-of-type(3n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_5:nth-of-type(2.4n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_6:nth-of-type(2n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_7:nth-of-type(1.71429n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_8:nth-of-type(1.5n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_9:nth-of-type(1.33333n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_10:nth-of-type(1.2n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_11:nth-of-type(1.09091n + 1) {
  margin-left: 0; }

.grid_12 .listing .listing-item.grid_12:nth-of-type(1n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_1:nth-of-type(16n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_2:nth-of-type(8n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_3:nth-of-type(5.33333n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_4:nth-of-type(4n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_5:nth-of-type(3.2n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_6:nth-of-type(2.66667n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_7:nth-of-type(2.28571n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_8:nth-of-type(2n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_9:nth-of-type(1.77778n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_10:nth-of-type(1.6n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_11:nth-of-type(1.45455n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_12:nth-of-type(1.33333n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_13:nth-of-type(1.23077n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_14:nth-of-type(1.14286n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_15:nth-of-type(1.06667n + 1) {
  margin-left: 0; }

.grid_16 .listing .listing-item.grid_16:nth-of-type(1n + 1) {
  margin-left: 0; }
.navigationMobileOptimized .mobile-optimized {
  display: none;
}

/*# sourceMappingURL=navigation-mobile-optimized.css.map */
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.searchBlox-pagination .searchResults-pagination {
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: default;
}
.searchBlox-pagination .searchResults-pagination-item {
  display: inline-block;
  line-height: 30px;
  margin: 1px;
  cursor: default;
}
.searchBlox-pagination .searchResults-pagination-item a {
  display: inline-block;
  min-width: 30px;
  padding: 0 10px;
  cursor: pointer;
}
.searchBlox-pagination .searchResults-pagination-item a:hover {
  text-decoration: none;
  color: dimgrey;
  font-weight: bold;
}
.searchBlox-pagination .searchResults-pagination-item.is-active a {
  font-weight: bold;
  color: black;
}
.searchBlox-pagination .searchResults-pagination-item:last-child a, .searchBlox-pagination .searchResults-pagination-item:first-child a {
  height: inherit;
  width: inherit;
  border-right: inherit;
  line-height: 30px;
}
.searchBlox-pagination .searchResults-pagination-list {
  padding: 0;
  margin: 0;
}

.lt-ie8 .searchBlox-pagination .searchResults-pagination-item {
  display: inline;
  zoom: 1;
  margin: 3px;
}
.lt-ie8 .searchBlox-pagination .searchResults-pagination-item a {
  display: block;
  zoom: 1;
}

/*# sourceMappingURL=searchblox.search.pagination.css.map */
.navigationGroupEnhanced .component-content {
  overflow: visible;
}
.navigationGroupEnhanced .component-content nav.flexy {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
}
.navigationGroupEnhanced .component-content nav.flexy button.moreFields {
  align-self: stretch;
  transition: all 0.4s ease-out;
  padding: 0 1rem 0 1.5rem;
  outline: 0;
  border: 0;
  font-size: 18px;
  background: #F36533;
  color: #ffffff;
}
.navigationGroupEnhanced .component-content nav.flexy button.moreFields.hidden {
  transition: none;
  border-right: 0.5rem solid #F36533;
  width: 0;
  padding: 0;
  overflow: visible;
  display: none;
}
.navigationGroupEnhanced .component-content nav.flexy button.moreFields:after {
  content: attr(count);
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #F36533;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  font-size: 14px;
  line-height: 14px;
  margin-left: 1rem;
  margin-right: calc(-1rem - 8px);
}
.navigationGroupEnhanced .component-content nav.flexy ul.links {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  overflow: hidden;
}
.navigationGroupEnhanced .component-content nav.flexy ul li {
  flex: auto;
  padding: 1rem;
}
.navigationGroupEnhanced .component-content nav.flexy ul li a {
  color: #ffffff;
}
.navigationGroupEnhanced .component-content nav.flexy ul li ul {
  background: #F36533;
}
.navigationGroupEnhanced .component-content nav.flexy ul.hidden-links {
  display: block;
  position: absolute;
  background: #F36533;
  right: 0;
  top: 100%;
}
.navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li {
  padding: 1rem;
}
.navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li a {
  color: #ffffff;
  padding-right: 3rem;
}
.navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li ul li a {
  color: #ffffff;
}
.navigationGroupEnhanced .component-content nav.flexy ul.hidden-links.hidden {
  display: none;
}
.navigationGroupEnhanced .component-content * {
  box-sizing: border-box;
}

/*# sourceMappingURL=navigationGroups.css.map */
.tabsEnhancedMarkup .component-content .tabs-arrows {
  display: flex;
  width: 100%;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows__left {
  float: left;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows__right {
  float: right;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows--hidden {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows--hidden a {
  text-decoration: none;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots {
  display: inline-block;
  margin: 0 auto;
  width: 90%;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list {
  display: flex;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list li {
  display: block;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .tabs-dots__item {
  flex: auto;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .tabs-dots__item .tabs-dots__dot {
  display: block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: black;
}
.tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .is-active .tabs-dots__dot {
  background-color: #F36533;
}

/*# sourceMappingURL=tabsEnhanced.css.map */
.parametrizedhtml.reference-back-to-top .scrollToTop {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  bottom: 6rem;
  box-shadow: 0 0 7px #6c757d;
  cursor: pointer;
  color: #000;
  line-height: 1.5rem;
  opacity: 0;
  overflow: hidden;
  padding: 0.6rem;
  position: fixed;
  right: 2rem;
  text-align: center;
  text-decoration: none;
  visibility: hidden;
  width: 4rem;
  z-index: 1008;
}
.parametrizedhtml.reference-back-to-top .scrollToTop.show {
  opacity: 0.3;
  visibility: visible;
}
.parametrizedhtml.reference-back-to-top .scrollToTop:hover {
  background-color: #ced4da;
  color: #0056b3;
  opacity: 1;
  text-decoration: none;
  filter: brightness(120%) !important;
}
.parametrizedhtml.reference-back-to-top .scrollToTop .caption {
  display: none;
}
.parametrizedhtml.reference-back-to-top i {
  font-size: 2rem;
  cursor: pointer;
}
.parametrizedhtml.reference-back-to-top i:before {
  content: "\f077";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.parametrizedhtml.reference-faq-feedback {
  color: #6c757d;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback {
  display: flex;
  align-items: center;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback .thumbs {
  padding: 0 0.5rem;
  position: relative;
  cursor: pointer;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback .thumbs .faq-tooltip {
  display: none;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 0.25rem;
  border-radius: 0.25rem;
  z-index: 1;
  left: 0;
  margin-left: -65px;
  width: 170px;
  top: 25px;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback .thumbs .faq-tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback .thumbs:hover .faq-tooltip {
  display: block;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback .thumbs.thumbs-up .icon:before {
  content: "\f164";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.parametrizedhtml.reference-faq-feedback .faq-feedback .thumbs.thumbs-down .icon:before {
  content: "\f165";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header {
    padding: 0 15px;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form {
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form {
    width: auto;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form .form-group {
  display: flex;
  flex-direction: column;
  margin-right: 1.5rem;
  margin-bottom: 0.75rem;
  justify-content: flex-start;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form .form-row {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form label {
  margin-right: 0.5rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form input {
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form input {
    width: auto;
    margin-bottom: 0;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form input[type="checkbox"] {
  width: auto;
  margin: 0 1rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form select {
  padding: 0.6rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form button {
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  color: #fff;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  margin-bottom: 0.75rem;
  background-color: #ff9800;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form button:hover {
  background-color: #2196f3;
  cursor: pointer;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form .fdop-form-location {
  color: blue;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-form .fdop-form-location {
    left: 0;
    top: 4rem;
    position: absolute;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter {
    width: auto;
    margin-top: 0;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter label {
  margin-right: 0.5rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter button {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  color: #fff;
  background-color: #ff9800;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter button:hover {
  background-color: #2196f3;
  cursor: pointer;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter button:nth-of-type(2) {
  margin: 0 -5px;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-header .fdop-map-filter button:focus {
  z-index: 9999;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column {
  width: 100%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column {
    width: 50%;
    margin: 2rem 0;
    padding: 0 15px;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table {
  border-collapse: collapse;
  vertical-align: baseline;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table thead {
  padding: 1rem 0.5rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table thead th {
  padding: 0.25rem;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table thead th {
    padding: 0.75rem;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table thead th:last-of-type {
  display: none;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table thead th:last-of-type {
    display: table-cell;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr {
  background-color: #d0cfcf;
  cursor: pointer;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr:nth-of-type(odd) {
  background-color: #999;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr td {
  padding: 0.25rem 0.25rem 0.5rem;
  vertical-align: baseline;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr td {
    padding: 0.75rem;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr td:last-of-type {
  display: none;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr td:last-of-type {
    display: table-cell;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-data table tbody tr td .directions {
  text-decoration: none;
  color: #fff;
  background: #ff9800;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-map {
  height: 200px;
}
@media only screen and (min-width: 992px) {
  .parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-map {
    height: 500px;
    margin-top: 0;
  }
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-map p {
  margin: 0.25rem 0;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-map p.briefcase:before {
  content: "\f469";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: blue;
  margin-right: 0.25rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-content-column #fdop-map p.file-prescription:before {
  content: "\f572";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: red;
  margin-right: 0.25rem;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy .fdop .fdop-content .fdop-show-more a {
  text-decoration: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1.75rem;
  background-color: #ff9800;
  color: #fff;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy.only-Doctors tr.Pharmacy {
  display: none;
}
.parametrizedhtml.reference-find-doctor-or-pharmacy.only-Pharmacies tr.Clinic {
  display: none;
}
.reference-language-selector {
  display: none;
}
@media only screen and (min-width: 992px) {
  .reference-language-selector {
    display: block;
  }
}
.reference-language-selector > .component-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 100% !important;
}
@media only screen and (min-width: 992px) {
  .reference-language-selector > .component-content {
    display: block;
  }
}
.reference-language-selector.is-active {
  display: block;
}

.language-selector {
  cursor: pointer;
  background-color: #edeae5;
  width: 100%;
}
@media (pointer: fine) {
  .language-selector:hover .lang-dropdown {
    background-color: #fcb9a9;
  }
  .language-selector:hover .lang-dropdown:after {
    top: 2px;
    transform: rotate(225deg);
  }
  .language-selector:hover .lang-options {
    display: block;
  }
}

.lang-dropdown {
  font-family: "Balboa Plus", Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  transition: background-color 0.15s ease-out;
  line-height: 52px;
  justify-content: flex-start;
  padding-left: 15px;
}
@media only screen and (min-width: 768px) {
  .lang-dropdown {
    justify-content: flex-start;
    padding-left: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .lang-dropdown {
    padding-left: 0;
    justify-content: center;
  }
}
.lang-dropdown::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 4px;
  height: 4px;
  border: solid rgba(0, 0, 0, 0.75);
  border-width: 0 5px 5px 0;
  padding: 3px;
  transform: rotate(45deg);
  left: 8px;
  top: -5px;
  transition: 0.15s ease-in-out;
}
.lang-dropdown:before {
  content: '';
  position: relative;
  display: inline-block;
  right: 5px;
  width: 33px;
  height: 33px;
  background-image: url(../../../../../../../../content/dam/cf-pharma/demain-sante/master/globe.png);
}
.lang-dropdown.is-open {
  background-color: #fcb9a9;
}
.lang-dropdown.is-open:after {
  top: 2px;
  transform: rotate(225deg);
}

.lang-options {
  display: none;
  position: static;
  width: 100%;
  background: #fff;
  z-index: 999;
  background: #edeae5;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .lang-options {
    position: absolute;
  }
}
.lang-options.is-open {
  display: block;
}
.lang-options .lang-item {
  padding: 9px 0;
  cursor: pointer;
  transition: background-color 0.15s ease-out;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .lang-options .lang-item {
    justify-content: center;
    align-items: center;
  }
}
.lang-options .lang-item:hover {
  background-color: #fcb9a9;
}
.lang-options .lang-link {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.75);
  font-family: "Balboa Plus", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  padding-left: 25px;
}
@media only screen and (min-width: 768px) {
  .lang-options .lang-link {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .lang-options .lang-link {
    padding-left: 0;
  }
}

.lang-item.has-children {
  position: relative;
}
.lang-item.has-children > .lang-link::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 4px;
  height: 4px;
  border: solid rgba(0, 0, 0, 0.75);
  border-width: 0 5px 5px 0;
  padding: 3px;
  transform: rotate(45deg);
  left: 8px;
  top: -5px;
  transition: 0.15s ease-in-out;
}
.lang-item.has-children.is-open {
  flex-direction: column;
  padding-bottom: 0;
}
.lang-item.has-children.is-open > .lang-link {
  display: flex;
  justify-content: center;
  padding-bottom: 9px;
}
.lang-item.has-children.is-open > .lang-link:after {
  top: 2px;
  transform: rotate(225deg);
}
.lang-item.has-children.is-open .lang-level2 {
  width: 100%;
  display: flex;
}

.lang-level2 {
  display: none;
  flex-direction: column;
  padding: 0;
  background-color: #edeae5;
}
.lang-level2 .lang-item {
  justify-content: flex-start;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .lang-level2 .lang-item {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.lang-level2 .lang-link {
  padding-left: 15px;
  position: relative;
  margin-left: 40px;
}
@media only screen and (min-width: 768px) {
  .lang-level2 .lang-link {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .lang-level2 .lang-link {
    margin-left: 47%;
  }
}
.lang-level2 .lang-link:before {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  display: inline-block;
  background-color: black;
  border-radius: 50%;
  top: 37%;
  left: 0;
}
.image-tool-header .reference-image-tool---tooltip .imageTool-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  align-items: center;
}
.image-tool-header .reference-image-tool---tooltip .imageTool-wrapper #file-input {
  margin: 0;
  padding: 0;
  margin-right: 2rem;
  -webkit-appearance: none;
  border: 1px solid #d0cfcf;
  min-width: 400px;
}
.image-tool-header .reference-image-tool---tooltip .imageTool-wrapper input {
  margin-right: 2rem;
}
.image-tool-header .reference-image-tool---tooltip .imageTool-wrapper label {
  margin-right: 0.5rem;
}
.image-tool-header .reference-image-tool---tooltip .imageTool-wrapper .second-image-wrapper {
  display: none;
  margin-top: 1rem;
}
.reference-header {
  position: fixed;
  background: #193a54;
}
.reference-header.content-container {
  padding: 0 !important;
}
.reference-header > .component-content {
  max-width: unset !important;
}
.reference-header > .component-content > .paragraphSystem.content {
  display: flex;
}

/*# sourceMappingURL=header.css.map */
.snippetReference.isi-snippet {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
}
.snippetReference.isi-snippet .component-content {
  display: flex;
  flex-wrap: wrap;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon {
  width: 100%;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon .component-content {
  display: flex;
  justify-content: center;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon .component-content .gsk-chat {
  cursor: pointer;
  position: fixed;
  right: -58px;
  top: 50%;
  transform: rotate(-90deg);
  z-index: 9999;
  opacity: 0.5;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon .component-content .gsk-chat:hover {
  opacity: 1;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon .component-content .gsk-chat p {
  background: orange;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  width: auto;
  color: #fff;
  margin: 0;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon .component-content .gsk-chat p a {
  color: white;
  text-decoration: none;
}
.snippetReference.isi-snippet .component-content .reference-chat-icon .component-content .gsk-chat p a:before {
  content: "\f086";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25rem;
}
.snippetReference.isi-snippet .component-content .reference-isi {
  background: #fff;
  width: 100%;
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ccc;
  box-shadow: 0 -5px 5px -5px #ccc;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0.5rem 15px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header {
    align-items: center;
  }
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title {
    width: 50%;
  }
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title:nth-of-type(1) p:after {
  content: "&";
  display: inline;
  margin: 0 0.25rem;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title:nth-of-type(1) p:after {
    display: none;
  }
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title p {
  font-family: sans-serif;
  font-weight: bold;
  margin: 0;
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title p.is-hidden-mobile {
  display: none;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title p.is-hidden-mobile {
    display: block;
  }
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title p.is-hidden-desktop {
  display: block;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-title-container .isi-title p.is-hidden-desktop {
    display: none;
  }
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-expand-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-expand-button {
    position: absolute;
  }
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-expand-button:after {
  content: "\f055";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.snippetReference.isi-snippet .component-content .reference-isi .isi-header .isi-expand-button .isi-expand-icon {
  margin-left: 5px;
}
.snippetReference.isi-snippet .component-content .richText {
  padding: 0 15px;
  background: #fff;
}
.snippetReference.isi-snippet .component-content .richText.isi-right-content .component-content .richText-content p:nth-child(2) {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .richText {
    width: 50%;
  }
  .snippetReference.isi-snippet .component-content .richText.isi-left-content {
    padding-right: 0;
  }
  .snippetReference.isi-snippet .component-content .richText.isi-right-content {
    padding-left: 0;
  }
  .snippetReference.isi-snippet .component-content .richText.isi-right-content .component-content .richText-content p:nth-child(2) {
    padding-top: 0.5rem;
  }
}
.snippetReference.isi-snippet .component-content .richText .component-content {
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .richText .component-content .richText-content {
    width: 90%;
  }
}
.snippetReference.isi-snippet .component-content .richText .component-content .richText-content p {
  display: none;
  font-size: 14px;
}
.snippetReference.isi-snippet .component-content .richText .component-content .richText-content p:nth-child(2) {
  display: block;
  padding: 0.5rem 0;
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .component-content .richText .component-content .richText-content p:nth-child(2) {
    font-size: 1rem;
  }
}
.snippetReference.isi-snippet .component-content .richText .component-content .richText-content p .isi-content-title {
  font-weight: bold;
  display: none;
}
.snippetReference.isi-snippet .component-content .richText .component-content .richText-content ul {
  padding-left: 15px;
  display: none;
}
.snippetReference.isi-snippet .component-content .richText .component-content .richText-content ul li {
  display: none;
}
.snippetReference.isi-snippet .component-content .richText .component-content .richText-content ul li:first-of-type {
  display: list-item;
}
.snippetReference.isi-snippet.isi-minimized-state .reference-isi .isi-header {
  border-bottom: none;
}
.snippetReference.isi-snippet.isi-minimized-state .richText {
  display: none;
}
.snippetReference.isi-snippet.isi-expanded-state {
  position: static;
  margin-bottom: 16px;
}
.snippetReference.isi-snippet.isi-expanded-state .reference-isi .isi-header .isi-expand-button:after {
  content: "\f056";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.snippetReference.isi-snippet.isi-expanded-state .richText.isi-left-content, .snippetReference.isi-snippet.isi-expanded-state .richText.isi-right-content {
  padding-top: 10px;
}
.snippetReference.isi-snippet.isi-expanded-state .richText .component-content .richText-content ul {
  display: block;
}
.snippetReference.isi-snippet.isi-expanded-state .richText .component-content .richText-content ul li {
  display: list-item;
  line-height: 20px !important;
}
.snippetReference.isi-snippet.isi-expanded-state .richText .component-content .richText-content p {
  display: block;
  line-height: 20px !important;
  font-size: 16px;
}
.snippetReference.isi-snippet.isi-expanded-state .richText .component-content .richText-content p .isi-content-title {
  display: block;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet.isi-expanded-state .richText .component-content .richText-content p .isi-content-title {
    display: none;
  }
}
.snippetReference.isi-snippet.static {
  position: static !important;
  height: auto !important;
}
.snippetReference.isi-snippet.static .reference-isi .isi-header {
  border-bottom: 1px solid #ced4da;
  border-top: 4px solid #fff;
  box-shadow: none;
}
.snippetReference.isi-snippet.static .reference-isi .isi-header .isi-expand-button {
  visibility: hidden;
}
.snippetReference.isi-snippet.static .component-content .richText {
  display: block;
}
.snippetReference.isi-snippet.static .component-content .richText .component-content .richText-content ul {
  display: block;
}
.snippetReference.isi-snippet.static .component-content .richText .component-content .richText-content ul li {
  display: list-item;
}
.snippetReference.isi-snippet.static .component-content .richText .component-content .richText-content p {
  display: block;
  font-size: 16px;
}
.snippetReference.isi-snippet.static p,
.snippetReference.isi-snippet.static li {
  line-height: 1.25 !important;
}
.snippetReference.isi-snippet .reference-chat-icon.is-hidden-mobile {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .snippetReference.isi-snippet .reference-chat-icon.is-hidden-mobile {
    display: initial !important;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .reference-important-safety-information-chat.snippetReference
  .component-content
  .reference-isi
  .isi-header {
    align-items: flex-start;
  }

  .isi-snippet.snippetReference
  .component-content
  .reference-isi
  .isi-header
  .isi-expand-button {
    right: 20px;
  }
}
@media only screen and (max-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .static.isi-snippet.snippetReference .richText {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .static.isi-snippet.snippetReference .richText {
    width: 50%;
  }
}

@media only screen and (max-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .isi-snippet.snippetReference .component-content .richText {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .isi-snippet.snippetReference .component-content .richText {
    width: 50%;
  }
}

@media only screen and (max-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .reference-med-watch-pharma.snippetReference {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .reference-med-watch-pharma.snippetReference {
    display: flex;
  }
}

@supports (-moz-appearance: none) {
  .snippetReference.isi-snippet
  .component-content
  .reference-isi
  .isi-header
  .isi-expand-button {
    right: 20px;
  }
}