@charset "UTF-8";
/*
 * Default stylesheet
 * This stylesheet is included in modern browsers and should make use of media queries
 */
/*
	SCSS variables are information about icon's compiled state, stored under its original file name

	.icon-home {
	width: $icon-home-width;
	}

	The large array-like variables contain all information about a single icon
	$icon-home: x y offset_x offset_y width height total_width total_height image_path;

	At the bottom of this section, we provide information about the spritesheet itself
	$spritesheet: width height image $spritesheet-sprites;
	*/
/**
 * Breakpoints for JavaScript. Works with the Deloitte Digital SCSS @bp mixin
 *
 * @version 1.0.0
 * @copyright 2012-2014 Deloitte Digital Australia - http://www.deloittedigital.com/au
 * @author Deloitte Digital Australia deloittedigital@deloitte.com.au
 * @license BSD 3-Clause (http://opensource.org/licenses/BSD-3-Clause)
 */
.is-debug body::after {
  color: #000;
  background-color: #fff;
  opacity: 0.5;
  font-size: 10px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  padding: 0 5px;
  font-family: monospace;
  content: "none";
}

@media (min-width: 22.4375em) {
  .is-debug body::after {
    content: "xxs";
  }
}
@media (min-width: 30em) {
  .is-debug body::after {
    content: "xs";
  }
}
@media only screen and (min-width: 40em) {
  .is-debug body::after {
    content: "s";
  }
}
@media only screen and (min-width: 48em) {
  .is-debug body::after {
    content: "m";
  }
}
@media only screen and (min-width: 64em) {
  .is-debug body::after {
    content: "l";
  }
}
@media only screen and (min-width: 77.75em) {
  .is-debug body::after {
    content: "xl";
  }
}
@media only screen and (min-width: 88.125em) {
  .is-debug body::after {
    content: "xxl";
  }
}
@-webkit-keyframes fadeFromRight20 {
  0% {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeFromRight20 {
  0% {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeFromRight100 {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeFromRight100 {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeFromLeft30 {
  0% {
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeFromLeft30 {
  0% {
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes flipDown90 {
  0% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
    opacity: 1;
  }
  40% {
    -webkit-transform: rotateX(-50deg);
    transform: rotateX(-50deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
  }
  70% {
    -webkit-transform: rotateX(20deg);
    transform: rotateX(20deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
    opacity: 1;
  }
}
@keyframes flipDown90 {
  0% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
    opacity: 1;
  }
  40% {
    -webkit-transform: rotateX(-50deg);
    transform: rotateX(-50deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
  }
  70% {
    -webkit-transform: rotateX(20deg);
    transform: rotateX(20deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50%, 0;
    transform-origin: 50%, 0;
    opacity: 1;
  }
}
/* generated with grunt-sass-globbing */
.js-buildinfo {
  background-color: #000;
  color: #fff;
  opacity: 0.5;
  font-size: 10px;
  padding: 5px 10px;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

/**
 * 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/10.
 */
img {
  border: 0;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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;
}

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.page-wrap-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 320px;
}

.page-wrap {
  position: relative;
  width: 100%;
}

.l-container::before,
.l-container::after,
.l-padding::before,
.hearing-quiz .disclaimer::before,
.l-padding::after,
.hearing-quiz .disclaimer::after {
  content: " ";
  display: table;
}

.l-container::after,
.l-padding::after,
.hearing-quiz .disclaimer::after {
  clear: both;
}

@media only screen and (min-width: 48em) {
  .l-container,
  .l-padding,
  .hearing-quiz .disclaimer {
    width: 768px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 64em) {
  .l-container,
  .l-padding,
  .hearing-quiz .disclaimer {
    width: 1024px;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-container,
  .l-padding,
  .hearing-quiz .disclaimer {
    width: 1244px;
  }
}
@media only screen and (min-width: 88.125em) {
  .l-container,
  .l-padding,
  .hearing-quiz .disclaimer {
    width: 1410px;
  }
}
.l-padding, .hearing-quiz .disclaimer {
  padding: 0 20px;
}

@media only screen and (min-width: 77.75em) {
  .l-padding, .hearing-quiz .disclaimer {
    padding: 0 36px;
  }
}
.l-content-container,
.l-content-column,
.l-aside,
.l-complementary,
.l-main,
.l-layout {
  outline: none;
}

.l-content-container {
  position: relative;
  margin-bottom: 70px;
}

@media only screen and (min-width: 64em) {
  .l-content-container {
    min-height: 500px;
  }
}
.l-layout {
  position: relative;
}

@media only screen and (min-width: 64em) {
  .l-two-column-left .l-main {
    float: left;
    width: 728px;
    margin-right: 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-two-column-left .l-main {
    width: 916px;
  }
}
@media only screen and (min-width: 88.125em) {
  .l-two-column-left .l-main {
    width: 1082px;
  }
}
@media only screen and (min-width: 64em) {
  .l-two-column-left .l-complementary {
    position: relative;
    float: left;
    width: 220px;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-two-column-left .l-complementary {
    width: 220px;
  }
}
.l-two-column-left .l-main + .l-complementary {
  margin-top: 50px;
}

@media only screen and (min-width: 64em) {
  .l-two-column-left .l-main + .l-complementary {
    margin-top: 0;
  }
}
@media only screen and (min-width: 48em) {
  .l-two-column-right .l-content-column,
  .l-three-column .l-content-column {
    float: right;
    width: 508px;
  }
}
@media only screen and (min-width: 64em) {
  .l-two-column-right .l-content-column,
  .l-three-column .l-content-column {
    width: 764px;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-two-column-right .l-content-column,
  .l-three-column .l-content-column {
    width: 952px;
  }
}
@media only screen and (min-width: 88.125em) {
  .l-two-column-right .l-content-column,
  .l-three-column .l-content-column {
    width: 1118px;
  }
}
.l-two-column-right .l-main,
.l-three-column .l-main {
  width: auto;
}

@media only screen and (min-width: 48em) {
  .l-two-column-right .l-main,
  .l-three-column .l-main {
    margin-bottom: 0;
    margin-left: 36px;
  }
}
@media only screen and (min-width: 48em) {
  .l-two-column-right .l-aside,
  .l-three-column .l-aside {
    position: relative;
    float: left;
    width: 220px;
  }
}
@media only screen and (min-width: 64em) {
  .l-two-column-right .l-aside,
  .l-three-column .l-aside {
    width: 220px;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-two-column-right .l-aside,
  .l-three-column .l-aside {
    width: 220px;
  }
}
.l-two-column-right .l-content-column + .l-aside,
.l-two-column-right .l-aside + .l-content-column,
.l-three-column .l-content-column + .l-aside,
.l-three-column .l-aside + .l-content-column {
  margin-top: 50px;
}

@media only screen and (min-width: 48em) {
  .l-two-column-right .l-content-column + .l-aside,
  .l-two-column-right .l-aside + .l-content-column,
  .l-three-column .l-content-column + .l-aside,
  .l-three-column .l-aside + .l-content-column {
    margin-top: 0;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-three-column .l-main {
    float: left;
    width: 660px;
    margin-right: 36px;
  }
}
@media only screen and (min-width: 88.125em) {
  .l-three-column .l-main {
    width: 826px;
  }
}
.l-three-column .l-complementary {
  margin-top: 50px;
}

@media only screen and (min-width: 48em) {
  .l-three-column .l-complementary {
    width: auto;
  }
}
@media only screen and (min-width: 48em) and (max-width: 77.6875em) {
  .l-three-column .l-complementary {
    margin-left: 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  .l-three-column .l-complementary {
    margin-top: 0;
    position: relative;
    float: left;
    width: 220px;
  }
}
.l-complementary {
  font-size: 14px;
}

.l-complementary h2,
.l-complementary .h2 {
  font-size: 32px;
}

.l-complementary h3,
.l-complementary .h3 {
  font-size: 28px;
}

.l-complementary h4,
.l-complementary .h4 {
  font-size: 22px;
}

.l-complementary h5,
.l-complementary .h5 {
  font-size: 18px;
}

.l-complementary h6,
.l-complementary .h6 {
  font-size: 16px;
}

html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(129, 188, 0, 0.5);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 40px 0 15px;
}

h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child,
h5:first-child,
.h5:first-child,
h6:first-child,
.h6:first-child {
  margin-top: 0;
}

p,
pre,
dl,
menu,
ol,
ul {
  margin: 14px 0;
}

p:first-child,
pre:first-child,
dl:first-child,
menu:first-child,
ol:first-child,
ul:first-child {
  margin-top: 0;
}

p:last-child,
pre:last-child,
dl:last-child,
menu:last-child,
ol:last-child,
ul:last-child {
  margin-bottom: 0;
}

hr {
  margin: 30px 0;
  border: none;
  background-color: #ddd;
  height: 1px;
}

li {
  margin-top: 10px;
}

li:first-child {
  margin-top: 0;
}

li li:first-child {
  margin-top: 10px;
}

ul,
ol {
  padding-left: 35px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

dl dt {
  color: #000;
  font-weight: bold;
  margin-top: 10px;
}

dl dt + dt {
  margin-top: 0;
}

dl dd {
  margin-left: 0;
}

.intro {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.77;
  color: #000;
}

figure {
  margin: 40px 0;
  position: relative;
}

figure img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

figure figcaption {
  font-size: 12px;
  line-height: 1.33;
  margin-top: 10px;
}

figure figcaption p {
  margin: 0;
}

blockquote {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.33;
  color: #81bc00;
  margin: 40px 0;
  font-weight: 400;
}

blockquote footer {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: 10px;
  color: #000;
  font-weight: 600;
}

code {
  -moz-tab-size: 4;
  tab-size: 4;
}

p > code,
li > code {
  background: #f2f2f2;
}

a,
.faux-link {
  color: inherit;
  text-decoration: underline;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  font-weight: 500;
}

button {
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
}

.cta {
  font-size: 16px;
  line-height: 1.5;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  display: inline-block;
  color: #000;
  background-color: transparent;
  border: 1px solid #81bc00;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 40px;
  text-align: center;
  width: 100%;
}

.cta:hover,
.cta:focus {
  color: #fff;
  background-color: #81bc00;
  border-color: #81bc00;
}

.cta:active {
  color: #fff;
  background-color: #5e8900;
  border-color: #5e8900;
}

.cta[disabled] {
  cursor: default;
  color: #666;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

@media (min-width: 22.4375em) {
  .cta {
    width: auto;
  }
}
.cta.is-secondary {
  font-size: 16px;
  line-height: 1.5;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  display: inline-block;
  outline: none;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 40px;
  text-align: center;
  width: 100%;
}

.cta.is-secondary:hover,
.cta.is-secondary:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.cta.is-secondary:active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.cta.is-secondary[disabled] {
  cursor: default;
  color: #666;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

@media (min-width: 22.4375em) {
  .cta.is-secondary {
    width: auto;
  }
}
.cta.is-small {
  font-size: 13px;
  line-height: 2.2308;
  padding: 3px 15px;
}

.cta.is-full {
  width: 100%;
}

.cta-is-small {
  font-size: 16px;
  line-height: 1.5;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  display: inline-block;
  outline: none;
  color: #000;
  background-color: transparent;
  border: 1px solid #81bc00;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 40px;
  text-align: center;
  width: 100%;
  font-size: 13px;
  line-height: 2.2308;
  padding: 3px 15px;
}

.cta-is-small:hover,
.cta-is-small:focus {
  color: #fff;
  background-color: #81bc00;
  border-color: #81bc00;
}

.cta-is-small:active {
  color: #fff;
  background-color: #5e8900;
  border-color: #5e8900;
}

.cta-is-small[disabled] {
  cursor: default;
  color: #666;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

@media (min-width: 22.4375em) {
  .cta-is-small {
    width: auto;
  }
}
.cta-is-secondary {
  font-size: 16px;
  line-height: 1.5;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  display: inline-block;
  outline: none;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 40px;
  text-align: center;
  width: 100%;
}

.cta-is-secondary:hover,
.cta-is-secondary:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.cta-is-secondary:active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.cta-is-secondary[disabled] {
  cursor: default;
  color: #666;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

@media (min-width: 22.4375em) {
  .cta-is-secondary {
    width: auto;
  }
}
.cta-is-secondary-small {
  font-size: 16px;
  line-height: 1.5;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  display: inline-block;
  outline: none;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 40px;
  text-align: center;
  width: 100%;
  font-size: 13px;
  line-height: 2.2308;
  padding: 3px 15px;
}

.cta-is-secondary-small:hover,
.cta-is-secondary-small:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.cta-is-secondary-small:active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.cta-is-secondary-small[disabled] {
  cursor: default;
  color: #666;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

@media (min-width: 22.4375em) {
  .cta-is-secondary-small {
    width: auto;
  }
}
.link-caret .link-icon,
.link-external .link-icon {
  padding-right: 20px;
  position: relative;
}

.link-caret .link-icon::before,
.link-caret .link-icon::after,
.link-external .link-icon::before,
.link-external .link-icon::after {
  transition: opacity 150ms;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.link-caret .link-icon::before,
.link-external .link-icon::before {
  opacity: 1;
}

.link-caret .link-icon::after,
.link-external .link-icon::after {
  opacity: 0;
}

.link-caret:hover .link-icon::before,
.link-caret:focus .link-icon::before,
.link-external:hover .link-icon::before,
.link-external:focus .link-icon::before {
  opacity: 0;
}

.link-caret:hover .link-icon::after,
.link-caret:focus .link-icon::after,
.link-external:hover .link-icon::after,
.link-external:focus .link-icon::after {
  opacity: 1;
}

.link-caret-block {
  padding-right: 30px;
  position: relative;
}

.link-caret-block::before,
.link-caret-block::after {
  transition: opacity 150ms;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.link-caret-block::before {
  opacity: 1;
}

.link-caret-block::after {
  opacity: 0;
}

.link-caret-block:hover::before,
.link-caret-block:focus::before,
.link-caret-block:active::before {
  opacity: 0;
}

.link-caret-block:hover::after,
.link-caret-block:focus::after,
.link-caret-block:active::after {
  opacity: 1;
}

.link-icon {
  border: none;
  padding: 0;
  background: transparent;
  width: 44px;
  height: 40px;
  position: relative;
  outline: none;
  line-height: 1;
}

.link-icon .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}

.link-icon .icon + .icon {
  display: none;
}

.link-icon path {
  transition: fill 150ms;
}

.link-icon:hover path,
.link-icon:focus path {
  fill: #81bc00;
}

.link-icon:active path {
  fill: #5e8900;
}

table {
  width: 100%;
  margin: 30px 0;
}

th,
td {
  text-align: left;
  vertical-align: top;
  padding: 14px 25px;
  border: 1px solid #fff;
  border-width: 0 1px;
}

th:first-child,
td:first-child {
  border-left: none;
}

th:last-child,
td:last-child {
  border-right: none;
}

thead th {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3889;
  background-color: #000;
  color: #fff;
}

tbody th {
  font-weight: bold;
}

tbody th,
tbody td {
  border-bottom: 1px solid #f2f2f2;
}

tbody tr:nth-child(2n) th,
tbody tr:nth-child(2n) td {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
}

body.has-no-scroll {
  position: fixed;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  overflow-y: scroll;
}

.page-warning {
  font-size: 14px;
  line-height: 1.4286;
  background-color: #81bc00;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}

/* generated with grunt-sass-globbing */
.breadcrumbs {
  font-size: 12px;
  margin-bottom: 80px;
  margin-top: 25px;
}

.breadcrumbs .back-to {
  position: relative;
  padding-left: 20px;
}

.breadcrumbs .back-to::before,
.breadcrumbs .back-to::after {
  transition: opacity 150ms;
  content: "";
  width: 12px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.breadcrumbs .back-to::before {
  opacity: 1;
}

.breadcrumbs .back-to::after {
  opacity: 0;
}

.breadcrumbs .back-to:hover::before,
.breadcrumbs .back-to:focus::before,
.breadcrumbs .back-to:active::before {
  opacity: 0;
}

.breadcrumbs .back-to:hover::after,
.breadcrumbs .back-to:focus::after,
.breadcrumbs .back-to:active::after {
  opacity: 1;
}

.breadcrumbs .back-to-parent {
  position: relative;
  padding-left: 25px;
}

.breadcrumbs .back-to-parent::before,
.breadcrumbs .back-to-parent::after {
  transition: opacity 150ms;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.breadcrumbs .back-to-parent::before {
  opacity: 1;
}

.breadcrumbs .back-to-parent::after {
  opacity: 0;
}

.breadcrumbs .back-to-parent:hover::before,
.breadcrumbs .back-to-parent:focus::before,
.breadcrumbs .back-to-parent:active::before {
  opacity: 0;
}

.breadcrumbs .back-to-parent:hover::after,
.breadcrumbs .back-to-parent:focus::after,
.breadcrumbs .back-to-parent:active::after {
  opacity: 1;
}

@media only screen and (min-width: 48em) {
  .breadcrumbs .back-to-parent {
    display: none;
  }
}
.breadcrumbs a {
  text-decoration: none;
  color: #000;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
  text-decoration: underline;
  color: #81bc00;
}

.breadcrumbs a:focus {
  color: #5e8900;
}

.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}

@media only screen and (min-width: 48em) {
  .breadcrumbs ul {
    display: block;
  }
}
.breadcrumbs ul li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 0;
}

.breadcrumbs ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.breadcrumbs ul li:first-child {
  padding-left: 0;
}

.breadcrumbs ul li:first-child::before {
  display: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-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;
  -webkit-touch-callout: none;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track::before,
.slick-track::after {
  content: " ";
  display: table;
}

.slick-track::after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

.content-header {
  margin-bottom: 30px;
}

.content-header h1 {
  margin: 0;
}

.content-header.is-search {
  margin-bottom: 50px;
  margin-top: 70px;
}

.content-header.is-search .did-you-mean {
  display: inline-block;
  margin-top: 10px;
}

.global-footer {
  font-size: 15px;
  color: #666;
  background-color: #000;
  padding: 60px 0 45px;
}

.global-footer h2,
.global-footer .h2 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

.global-footer h2 a,
.global-footer .h2 a {
  color: #fff;
}

.global-footer h2 a:hover,
.global-footer h2 a:focus,
.global-footer .h2 a:hover,
.global-footer .h2 a:focus {
  color: #81bc00;
}

.global-footer h2 a:active,
.global-footer .h2 a:active {
  color: #5e8900;
}

.global-footer a {
  text-decoration: none;
  display: block;
}

.global-footer a:hover,
.global-footer a:focus {
  text-decoration: underline;
}

.global-footer p {
  font-size: 13px;
  margin-top: 100px;
}

@media only screen and (min-width: 64em) {
  .global-footer {
    padding-top: 100px;
  }
}
.global-header {
  z-index: 900;
  position: relative;
  background-color: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}

.global-header::before,
.global-header::after {
  content: " ";
  display: table;
}

.global-header::after {
  clear: both;
}

.global-header .nav-toggle {
  float: left;
  margin-left: -10px;
}

.global-header .logo {
  text-align: center;
  height: 30px;
}

.global-header .logo a {
  display: inline-block;
}

.global-header .logo img {
  display: block;
}

.global-header .search-toggle {
  float: right;
  margin-right: -10px;
}

@media (max-width: 63.9375em) {
  .global-header {
    z-index: 2147483640;
  }
  .global-header .logo {
    width: calc(100% - 68px);
    float: left;
    padding-top: 4px;
  }
  .global-header.is-minimal .logo {
    width: 100%;
    text-align: left;
    margin-bottom: 7px;
  }
  .global-header h1 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 64em) {
  .global-header {
    height: auto;
    padding: 30px 0;
  }
  .global-header .l-padding, .global-header .hearing-quiz .disclaimer, .hearing-quiz .global-header .disclaimer {
    position: relative;
  }
  .global-header .nav-toggle {
    display: none;
  }
  .global-header .search-toggle {
    position: absolute;
    top: 0;
    right: 20px;
  }
  .global-header .nav-onscreen {
    padding-right: 50px;
  }
  .global-header .logo {
    float: left;
  }
  .global-header .logo a {
    display: block;
  }
  .global-header h1 {
    font-size: 26px;
    line-height: 1.0769;
    margin: 0;
    float: left;
    top: 4px;
    position: relative;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 77.75em) {
  .global-header .search-toggle {
    right: 36px;
  }
  .global-header .nav-onscreen {
    padding-right: 66px;
  }
}
.nav-toggle {
  display: inline-block;
  padding: 0 10px 10px;
  transition: background-color 150ms, -webkit-transform 400ms;
  transition: transform 400ms, background-color 150ms;
  transition: transform 400ms, background-color 150ms, -webkit-transform 400ms;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  background: none;
  outline: none;
}

.nav-toggle:hover {
  opacity: 1;
}

.nav-toggle:active {
  transition: 0;
}

.nav-toggle .lines {
  display: inline-block;
  width: 24px;
  height: 3px;
  background: #000;
  transition: background-color 150ms, -webkit-transform 400ms;
  transition: transform 400ms, background-color 150ms;
  transition: transform 400ms, background-color 150ms, -webkit-transform 400ms;
  position: relative;
}

.nav-toggle .lines::before,
.nav-toggle .lines::after {
  display: inline-block;
  width: 24px;
  height: 3px;
  background: #000;
  transition: background-color 150ms, -webkit-transform 400ms;
  transition: transform 400ms, background-color 150ms;
  transition: transform 400ms, background-color 150ms, -webkit-transform 400ms;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.nav-toggle .lines::before {
  top: 7px;
}

.nav-toggle .lines::after {
  top: -7px;
}

.nav-toggle:hover .lines,
.nav-toggle:hover .lines::before,
.nav-toggle:hover .lines::after,
.nav-toggle:focus .lines,
.nav-toggle:focus .lines::before,
.nav-toggle:focus .lines::after {
  background: #81bc00;
}

.nav-toggle.is-active .lines {
  background: transparent;
}

.nav-toggle.is-active .lines::before,
.nav-toggle.is-active .lines::after {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
}

.nav-toggle.is-active .lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.nav-toggle.is-active .lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.search-toggle .icon {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  transition: opacity 100ms, -webkit-transform 300ms;
  transition: opacity 100ms, transform 300ms;
  transition: opacity 100ms, transform 300ms, -webkit-transform 300ms;
}

.search-toggle .icon + .icon {
  display: block;
  opacity: 0;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
}

.search-toggle.is-active .icon {
  opacity: 0;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
}

.search-toggle.is-active .icon + .icon {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.global-search {
  position: absolute;
  background-color: #000;
  width: 100%;
  opacity: 0;
  margin-top: -20px;
  transition: margin-top 200ms ease-in-out, opacity 200ms;
  display: none;
  z-index: 950;
}

.global-search.is-ready {
  display: block;
}

.global-search.is-active {
  margin-top: 0;
  opacity: 1;
}

.global-search .l-padding, .global-search .hearing-quiz .disclaimer, .hearing-quiz .global-search .disclaimer {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.global-search .l-padding::before, .global-search .hearing-quiz .disclaimer::before, .hearing-quiz .global-search .disclaimer::before {
  top: -20px;
  content: "";
  position: absolute;
  right: 22px;
  top: -19px;
}

@media screen {
  .global-search .l-padding::before, .global-search .hearing-quiz .disclaimer::before, .hearing-quiz .global-search .disclaimer::before {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #000;
  }
}
@media only screen and (min-width: 77.75em) {
  .global-search .l-padding::before, .global-search .hearing-quiz .disclaimer::before, .hearing-quiz .global-search .disclaimer::before {
    right: 38px;
  }
}
@media only screen and (min-width: 64em) {
  .global-search .l-padding, .global-search .hearing-quiz .disclaimer, .hearing-quiz .global-search .disclaimer {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.global-search .search-submit {
  position: absolute;
}

.global-search .search-submit .icon {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  margin-left: -15px;
}

.global-search .ctrl-holder {
  height: 100%;
  position: relative;
  margin: 0;
}

.global-search .autocomplete .text,
.global-search .autocomplete.text {
  color: #fff;
  background-color: transparent;
  border: none;
  width: 100%;
}

.global-search .autocomplete .text {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
}

.global-search .autocomplete .text:focus {
  color: #fff;
  background-color: transparent;
  border: none;
}

@media only screen and (min-width: 64em) {
  .global-search .autocomplete .text {
    font-size: 50px;
  }
}
.global-search .autocomplete.has-button {
  padding-right: 50px;
}

.global-search .autocomplete.has-button .search-submit {
  top: 50%;
  margin: -38px -24px 0 0;
  width: 76px;
  height: 76px;
  right: 0;
}

.global-search .autocomplete-results {
  background-color: #000;
  border: none;
  min-height: 0;
}

.global-search .autocomplete-results .autocomplete-results-item {
  font-size: 18px;
  line-height: 1.3333;
  color: #fff;
  text-decoration: none;
}

.global-search .autocomplete-results .autocomplete-results-item-title + span {
  color: #fff;
}

.global-search .autocomplete-results .autocomplete-results-footer {
  background-color: #000;
}

.modal-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1200;
  display: none;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.modal-container.is-active {
  display: block;
}

.modal-container.is-active .is-active {
  display: block;
}

.modal-container.is-active .modal-bg {
  display: block;
  opacity: 0.8;
}

.modal-container .modal,
.modal-container .modal-bg {
  display: none;
  z-index: 1;
}

.modal-container .modal {
  background-color: transparent;
  z-index: 2;
  outline: none;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 20px 0;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.modal-container .modal-bg {
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-content {
  background-color: #fff;
  position: relative;
}

.modal-content .modal-content-overflow {
  padding: 20px 20px 30px;
}

@media only screen and (min-width: 77.75em) {
  .modal-content .modal-content-overflow {
    padding: 20px 36px 30px;
  }
}
.modal-content.modal-video .modal-content-overflow {
  padding: 0;
}

.modal .modal-close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 19px;
  right: 20px;
  overflow: hidden;
  text-indent: 200%;
  background-color: #fff;
  border: none;
}

.modal .modal-close::before,
.modal .modal-close::after {
  transition: opacity 150ms;
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
}

.modal .modal-close::before {
  opacity: 1;
}

.modal .modal-close::after {
  opacity: 0;
}

.modal .modal-close:hover::before,
.modal .modal-close:focus::before,
.modal .modal-close:active::before {
  opacity: 0;
}

.modal .modal-close:hover::after,
.modal .modal-close:focus::after,
.modal .modal-close:active::after {
  opacity: 1;
}

.modal button.modal-close::before,
.modal button.modal-close::after {
  background-size: 25px 25px;
}

.responsive-table {
  margin: 30px 0;
}

.responsive-table table {
  margin: 0;
}

.responsive-table .table-scrollable {
  padding-bottom: 1px;
}

.responsive-table .shadow-before,
.responsive-table .shadow-after {
  display: none;
}

.responsive-table.has-scroll {
  position: relative;
  overflow: hidden;
}

.responsive-table.has-scroll .shadow-before,
.responsive-table.has-scroll .shadow-after {
  display: block;
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  transition-property: margin-left;
  transition-duration: 100ms;
}

.responsive-table.has-scroll .shadow-before {
  left: -50px;
  border-radius: 0 10px 10px 0/0 50% 50% 0;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25);
}

.responsive-table.has-scroll .shadow-after {
  left: 100%;
  border-radius: 10px 0 0 10px/50% 0 0 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
}

.responsive-table.has-scroll .table-scrollable {
  overflow-x: auto;
  overflow-y: hidden;
}

.responsive-table.has-scroll .table-scrollable::-webkit-scrollbar-track {
  box-shadow: none;
}

@media (max-width: 63.9375em) {
  .responsive-table.has-column-toggle th,
  .responsive-table.has-column-toggle td {
    display: none;
  }
}
.responsive-table.has-column-toggle .column-persist,
.responsive-table.has-column-toggle .column-important {
  display: table-cell;
}

@media only screen and (min-width: 40em) {
  .responsive-table.has-column-toggle .column-optional {
    display: table-cell;
  }
}
@media only screen and (min-width: 64em) {
  .responsive-table.has-column-toggle th,
  .responsive-table.has-column-toggle td {
    display: table-cell;
  }
}
@media (max-width: 63.9375em) {
  .responsive-table.has-column-toggle .column-force-hide {
    display: none;
  }
  .responsive-table.has-column-toggle .column-force-show {
    display: table-cell;
  }
}
.responsive-table-toggle-menu {
  position: relative;
  height: 27px;
  margin-bottom: -10px;
  z-index: 1;
}

@media only screen and (min-width: 64em) {
  .responsive-table-toggle-menu {
    display: none;
  }
}
.responsive-table-toggle-menu-btn {
  position: absolute;
  right: 0;
}

.responsive-table-toggle-menu-list {
  position: absolute;
  top: 30px;
  right: 0;
  left: auto;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  width: 14em;
}

.responsive-table-toggle-menu-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.responsive-table-toggle-menu-list li {
  position: relative;
}

.responsive-table-toggle-menu-list input {
  position: absolute;
  top: 7px;
  left: 0;
}

.responsive-table-toggle-menu-list label {
  padding-left: 25px;
  padding-right: 10px;
  display: block;
}

.responsive-table-toggle-menu-list.is-hidden {
  display: none;
}

.shade-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000;
  background-color: #000;
  opacity: 0;
}

.shade-bg.is-behind-header {
  z-index: 800;
}

.shade-bg.is-active {
  display: block;
}

.tooltip-btn,
.tooltip-container {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
}

.tooltip-btn {
  height: 22px;
  width: 22px;
  overflow: hidden;
  text-indent: -99999px;
  background: transparent;
  border: none;
  padding: 0;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.tooltip-btn::before,
.tooltip-btn::after {
  transition: opacity 150ms;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -15px;
}

.tooltip-btn::before {
  opacity: 1;
}

.tooltip-btn::after {
  opacity: 0;
}

.supports-no-js .tooltip-btn {
  cursor: default;
}

.tooltip-container .tooltip-btn {
  display: block;
  margin: 0;
}

.tooltip-btn:hover::before,
.tooltip-btn:focus::before,
.tooltip-btn:active::before,
.tooltip-container.is-active .tooltip-btn::before {
  opacity: 0;
}

.tooltip-btn:hover::after,
.tooltip-btn:focus::after,
.tooltip-btn:active::after,
.tooltip-container.is-active .tooltip-btn::after {
  opacity: 1;
}

.tooltip {
  position: absolute;
  z-index: 700;
  display: none;
  opacity: 0;
}

.tooltip.is-active {
  display: block;
  opacity: 1;
}

.tooltip .tooltip-content {
  padding: 15px 24px;
  color: #fff;
  background: #000;
  max-width: 300px;
  z-index: 0;
  position: relative;
  border-radius: 6px;
  box-shadow: 1px 0 10px rgba(0, 0, 0, 0.43);
  display: block;
}

.tooltip .tooltip-content p {
  font-size: 14px;
  margin: 0;
  line-height: 1.4;
  font-weight: normal;
}

.tooltip::after {
  bottom: -18px;
  content: "";
  display: block;
  margin-left: -12px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: 1;
  pointer-events: none;
}

@media screen {
  .tooltip::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 9px solid #000;
  }
}
.tooltip.is-below .tooltip-content {
  top: 5px;
}

.tooltip.is-below::after {
  top: -18px;
  top: -15px;
  bottom: auto;
}

@media screen {
  .tooltip.is-below::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom: 9px solid #000;
  }
}
.nav-aside {
  border-top: 1px solid #ddd;
}

.nav-aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-aside a {
  font-size: 14px;
  line-height: 1.7143;
  display: block;
  text-decoration: none;
  color: #000;
}

.nav-aside a:hover,
.nav-aside a:focus {
  text-decoration: underline;
  color: #81bc00;
}

.nav-aside a:active {
  color: #5e8900;
}

.nav-aside li {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin: 0;
}

.nav-aside li li {
  border-bottom: none;
  margin: 0;
}

.nav-aside li ul {
  padding-left: 20px;
}

.nav-aside .has-children a:first-child {
  padding-right: 40px;
}

.nav-aside .has-children .expandcollapse {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 56px;
}

.nav-aside .nav-lvl1 {
  font-weight: 500;
  padding: 16px 0;
}

.nav-aside .nav-lvl2,
.nav-aside .nav-lvl3,
.nav-aside .nav-lvl4 {
  padding: 14px 0;
}

.nav-aside .is-active > a {
  text-decoration: none;
  cursor: default;
  color: #81bc00;
}

.nav-aside .is-active > a::before {
  display: none;
}

.nav-aside .is-active > a::after {
  display: block;
  opacity: 1;
}

.offscreen-panel {
  display: block;
}

.supports-no-js .offscreen-panel {
  position: absolute;
  display: block;
  top: 0;
  -webkit-overflow-scrolling: touch;
  left: -9999px;
}

.supports-no-js .offscreen-panel:target {
  left: 0;
}

.supports-no-js .offscreen-panel.is-right {
  left: auto;
  right: -9999px;
}

.supports-no-js .offscreen-panel.is-right:target {
  left: auto;
  right: 0;
}

.supports-no-js .offscreen-panel .offscreen-content {
  padding: 0;
  width: auto;
  max-width: none;
  position: relative;
}

.supports-js .offscreen-panel {
  position: absolute;
  display: none;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.supports-js .offscreen-panel.is-active {
  display: block;
}

.supports-js .offscreen-panel .offscreen-content {
  padding: 0;
  max-width: none;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

.offscreen-is-open .offscreen-panel.is-active {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.offscreen-is-open .page-wrap {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.supports-js .offscreen-panel {
  position: fixed;
  height: 100%;
  width: 270px;
  z-index: 1100;
  overflow: hidden;
  left: -270px;
}

.supports-js .offscreen-panel.is-right {
  left: auto;
  right: -270px;
}

.supports-js.offscreen-use-translate .offscreen-panel {
  left: 0;
  -webkit-transform: translate3d(-270px, 0, 0);
  transform: translate3d(-270px, 0, 0);
}

.supports-js.offscreen-use-translate .offscreen-panel.is-right {
  left: auto;
  right: 0;
  -webkit-transform: translate3d(270px, 0, 0);
  transform: translate3d(270px, 0, 0);
}

.offscreen-is-open .offscreen-panel.is-active {
  left: 0;
}

.offscreen-is-open .offscreen-panel.is-active.is-right {
  left: auto;
  right: 0;
}

.offscreen-is-open.offscreen-use-translate .offscreen-panel.is-active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.offscreen-is-open.offscreen-use-translate .offscreen-panel.is-active.is-right {
  left: auto;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.offscreen-panel {
  background-color: #f2f2f2;
  outline: none;
}

.offscreen-panel::-webkit-scrollbar {
  background-color: transparent;
  width: 5px;
}

.offscreen-panel::-webkit-scrollbar-thumb {
  background-color: #666;
}

.offscreen-panel .nav-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 11px 25px;
}

.offscreen-panel .nav-header::before,
.offscreen-panel .nav-header::after {
  content: " ";
  display: table;
}

.offscreen-panel .nav-header::after {
  clear: both;
}

.offscreen-panel .nav-header .logo {
  float: left;
  margin-left: -10px;
}

.offscreen-panel .nav-header .nav-close {
  float: right;
  margin: -3px -20px 0 0;
}

.offscreen-panel .icon-button {
  font-size: 14px;
  line-height: 1.71;
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
  padding: 16px 25px 16px 60px;
}

.offscreen-panel .icon-button:hover,
.offscreen-panel .icon-button:focus {
  text-decoration: underline;
  color: #81bc00;
}

.offscreen-panel .icon-button:active {
  color: #5e8900;
}

.offscreen-panel .icon-button::before,
.offscreen-panel .icon-button::after {
  transition: opacity 150ms;
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -11px;
}

.offscreen-panel .icon-button::before {
  opacity: 1;
}

.offscreen-panel .icon-button::after {
  opacity: 0;
}

.offscreen-panel .icon-button:hover::before,
.offscreen-panel .icon-button:focus::before,
.offscreen-panel .icon-button:active::before {
  opacity: 0;
}

.offscreen-panel .icon-button:hover::after,
.offscreen-panel .icon-button:focus::after,
.offscreen-panel .icon-button:active::after {
  opacity: 1;
}

.offscreen-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.offscreen-panel a {
  font-size: 14px;
  line-height: 1.71;
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
}

.offscreen-panel a:hover,
.offscreen-panel a:focus {
  text-decoration: underline;
  color: #81bc00;
}

.offscreen-panel a:active {
  color: #5e8900;
}

.offscreen-panel li {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin: 0;
}

.offscreen-panel li li {
  margin: 0;
  border-bottom: none;
  border-top: 1px solid #ddd;
}

.offscreen-panel .has-children a:first-child {
  padding-right: 55px;
}

.offscreen-panel .has-children .expandcollapse {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 56px;
}

.offscreen-panel .has-children .expandcollapse .ec {
  right: 15px;
}

.offscreen-panel .nav-lvl1 {
  font-weight: 500;
  padding: 16px 25px;
}

.offscreen-panel .nav-lvl2,
.offscreen-panel .nav-lvl3 {
  padding: 14px 25px;
}

.offscreen-panel .nav-lvl2 {
  padding-left: 45px;
}

.offscreen-panel .nav-lvl3 {
  padding-left: 65px;
}

.offscreen-panel .is-active > a {
  text-decoration: none;
  cursor: default;
  color: #81bc00;
}

.offscreen-panel .is-active > a::before {
  display: none;
}

.offscreen-panel .is-active > a::after {
  display: block;
  opacity: 1;
}

@media only screen and (min-width: 64em) {
  .nav-onscreen .nav a + .dropdown {
    position: absolute;
    z-index: 3;
    margin-left: -99999px;
  }
  .supports-js .nav-onscreen .nav a + .dropdown {
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .supports-js .nav-onscreen .nav li.is-hover .dropdown {
    margin-left: 0;
    opacity: 1;
  }
  .supports-no-js .nav-onscreen .nav li:hover a + .dropdown,
  .supports-no-js .nav-onscreen .nav a:hover + .dropdown,
  .supports-no-js .nav-onscreen .nav a:focus + .dropdown,
  .supports-no-js .nav-onscreen .nav a:active + .dropdown {
    margin-left: 0;
  }
}
.nav-onscreen {
  display: none;
  z-index: 900;
  float: right;
}

@media only screen and (min-width: 64em) {
  .nav-onscreen {
    display: block;
  }
  .nav-onscreen .icon-button {
    float: left;
    padding-left: 30px;
    font-size: 17px;
    line-height: 1.17;
    display: block;
    color: #000;
    padding: 10px 0 0;
    margin-left: 20px;
    position: relative;
    text-decoration: none;
  }
  .nav-onscreen .icon-button:hover,
  .nav-onscreen .icon-button:focus {
    color: #81bc00;
  }
  .nav-onscreen .icon-button:active {
    color: #5e8900;
  }
}
@media only screen and (min-width: 64em) and (min-width: 77.75em) {
  .nav-onscreen .icon-button {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .icon-button::before,
  .nav-onscreen .icon-button::after {
    transition: opacity 150ms;
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    background-position: 50% 50%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .nav-onscreen .icon-button::before {
    opacity: 1;
  }
  .nav-onscreen .icon-button::after {
    opacity: 0;
  }
  .nav-onscreen .icon-button:hover::before,
  .nav-onscreen .icon-button:focus::before,
  .nav-onscreen .icon-button:active::before {
    opacity: 0;
  }
  .nav-onscreen .icon-button:hover::after,
  .nav-onscreen .icon-button:focus::after,
  .nav-onscreen .icon-button:active::after {
    opacity: 1;
  }
  .nav-onscreen > ul {
    float: left;
  }
  .nav-onscreen ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .nav-onscreen li {
    margin: 0;
  }
  .nav-onscreen .nav > li {
    float: left;
  }
  .nav-onscreen .nav > li > a {
    font-size: 17px;
    line-height: 1.17;
    display: block;
    color: #000;
    padding: 10px 0 0;
    margin-left: 20px;
    position: relative;
    text-decoration: none;
  }
  .nav-onscreen .nav > li > a:hover,
  .nav-onscreen .nav > li > a:focus {
    color: #81bc00;
  }
  .nav-onscreen .nav > li > a:active {
    color: #5e8900;
  }
}
@media only screen and (min-width: 64em) and (min-width: 77.75em) {
  .nav-onscreen .nav > li > a {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav > li.is-active > a,
  .nav-onscreen .nav > li.is-active-parent > a {
    color: #81bc00;
  }
  .nav-onscreen .nav > li:first-child > a {
    margin-left: 0;
  }
  .nav-onscreen .dropdown {
    left: 0;
    margin-top: 30px;
    width: 100%;
    background-color: #f2f2f2;
    z-index: 100;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 20px 0;
  }
  .nav-onscreen .dropdown > .l-padding > ul, .nav-onscreen .hearing-quiz .dropdown > .disclaimer > ul, .hearing-quiz .nav-onscreen .dropdown > .disclaimer > ul {
    margin: 0 -18px;
  }
  .nav-onscreen .dropdown > .l-padding > ul > li, .nav-onscreen .hearing-quiz .dropdown > .disclaimer > ul > li, .hearing-quiz .nav-onscreen .dropdown > .disclaimer > ul > li {
    float: left;
    padding: 20px 18px;
    width: 25%;
    position: relative;
    margin: 0;
  }
  .nav-onscreen .dropdown > .l-padding > ul > li::before, .nav-onscreen .hearing-quiz .dropdown > .disclaimer > ul > li::before, .hearing-quiz .nav-onscreen .dropdown > .disclaimer > ul > li::before {
    content: "";
    display: block;
    width: calc(100% - 36px);
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 0;
    left: 18px;
  }
  .nav-onscreen .dropdown > .l-padding > ul > li:nth-child(-n+4)::before, .nav-onscreen .hearing-quiz .dropdown > .disclaimer > ul > li:nth-child(-n+4)::before, .hearing-quiz .nav-onscreen .dropdown > .disclaimer > ul > li:nth-child(-n+4)::before {
    display: none;
  }
  .nav-onscreen .dropdown li li {
    margin-top: 20px;
  }
  .nav-onscreen .dropdown .nav-lvl2 {
    font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    display: block;
    text-decoration: none;
    color: #000;
  }
  .nav-onscreen .dropdown .nav-lvl2:hover,
  .nav-onscreen .dropdown .nav-lvl2:focus {
    color: #81bc00;
  }
  .nav-onscreen .dropdown .nav-lvl2:active {
    color: #5e8900;
  }
  .nav-onscreen .dropdown .nav-lvl3 {
    font-size: 16px;
    line-height: 1.4286;
    display: block;
  }
  .nav-onscreen .dropdown .is-active > a {
    color: #81bc00;
  }
  .nav-onscreen .dropdown .is-active > a::before {
    display: none;
  }
  .nav-onscreen .dropdown .is-active > a::after {
    display: block;
    opacity: 1;
  }
}
/* generated with grunt-sass-globbing */
.expandcollapse {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  cursor: pointer;
}

.expandcollapse .ec {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
}

.expandcollapse .ec::before,
.expandcollapse .ec::after {
  transition: opacity 150ms;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -10px;
}

.expandcollapse .ec::before {
  opacity: 1;
}

.expandcollapse .ec::after {
  opacity: 0;
}

.expandcollapse:hover .ec::before,
.expandcollapse:focus .ec::before,
.expandcollapse:active .ec::before {
  opacity: 0;
}

.expandcollapse:hover .ec::after,
.expandcollapse:focus .ec::after,
.expandcollapse:active .ec::after {
  opacity: 1;
}

.expandcollapse.is-disabled {
  cursor: default;
  color: #000;
  text-decoration: none;
}

.expandcollapse.is-disabled .ec,
.expandcollapse.is-disabled .ec-link-state {
  display: none;
}

.expandcollapse-plus {
  position: relative;
  padding-left: 22px;
  display: inline-block;
  cursor: pointer;
}

.expandcollapse-plus .ec {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}

.expandcollapse-plus .ec::before,
.expandcollapse-plus .ec::after {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #666;
  position: absolute;
  left: 0;
  top: 9px;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: background-color 150ms, opacity 200ms, -webkit-transform 400ms;
  transition: background-color 150ms, transform 400ms, opacity 200ms;
  transition: background-color 150ms, transform 400ms, opacity 200ms, -webkit-transform 400ms;
}

.expandcollapse-plus .ec::after {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
}

.expandcollapse-plus:hover .ec::before,
.expandcollapse-plus:hover .ec::after,
.expandcollapse-plus:focus .ec::before,
.expandcollapse-plus:focus .ec::after {
  background-color: #81bc00;
}

.expandcollapse-plus:active .ec::before,
.expandcollapse-plus:active .ec::after {
  background-color: #5e8900;
}

.expandcollapse-plus.is-expanded .ec::before {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  opacity: 0;
}

.expandcollapse-plus.is-expanded .ec::after {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg);
}

.expandcollapse-plus.is-disabled {
  cursor: default;
}

.expandcollapse-plus.is-disabled a,
.expandcollapse-plus.is-disabled .ec {
  display: none;
}

.expandcollapse-content {
  overflow: hidden;
  display: none;
  outline: none;
}

.expandcollapse-content.is-expanded,
.expandcollapse-content.is-disabled {
  display: block;
}

.tabs-container .tabs-nav .has-2-items li {
  width: 50%;
}

.tabs-container .tabs-nav .has-3-items li {
  width: 33.33%;
}

.tabs-container .tabs-nav .has-4-items li {
  width: 25%;
}

.tabs-container .tabs-nav .has-5-items li {
  width: 20%;
}

.tabs-container .tab {
  outline: none;
}

.tabs-container .tab.is-hidden {
  display: none;
}

.tabs-container .tab .tab-ec-title.is-disabled {
  display: none;
}

.tabs-container.is-disabled .tabs-nav {
  display: none;
}

.tabs-container.is-disabled .tabs {
  border: none;
  padding: 0;
  border-radius: 0;
}

.tabs-container.is-disabled .tab.is-hidden {
  display: block;
}

.tabs-container .tabs-nav {
  margin-bottom: -1px;
  z-index: 2;
  position: relative;
}

.tabs-container .tabs-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs-container .tabs-nav ul::before,
.tabs-container .tabs-nav ul::after {
  content: " ";
  display: table;
}

.tabs-container .tabs-nav ul::after {
  clear: both;
}

.tabs-container .tabs-nav li {
  margin: 0;
  padding-left: 5px;
  float: left;
}

.tabs-container .tabs-nav li:first-child {
  padding-left: 0;
}

.tabs-container .tabs-nav button {
  display: block;
  border: 1px solid #ddd;
  background: #f2f2f2;
  padding: 15px 20px 10px;
  font-weight: bold;
  width: 100%;
  text-align: left;
}

.tabs-container .tabs-nav button:hover,
.tabs-container .tabs-nav button:focus {
  text-decoration: underline;
}

.tabs-container .tabs-nav .tab-group {
  padding: 15px 20px 10px;
  font-weight: 600;
}

.tabs-container .tabs-nav .is-active button {
  border-bottom: 1px solid #fff;
  background: #fff none;
  color: #000;
  cursor: default;
  text-decoration: none;
}

.tabs-container .tabs {
  border: 1px solid #ddd;
  padding: 15px;
  z-index: 1;
  position: relative;
}

.tabs-container.is-disabled .tabs {
  border: none;
  padding: 0;
  border-radius: 0;
}

.animation-demo .green-dot {
  border-radius: 20px;
  background: #81bc00;
  height: 40px;
  width: 40px;
  margin-bottom: 30px;
}

.supports-cssanimations .animation-demo .example1 {
  opacity: 0;
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-name: fadeFromRight20;
  animation-name: fadeFromRight20;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.supports-cssanimations .animation-demo .example2 {
  opacity: 0;
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-name: fadeFromRight100;
  animation-name: fadeFromRight100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animation-demo .example-parent {
  -webkit-perspective: 500px;
  perspective: 500px;
  position: relative;
  width: 40px;
}

.animation-demo .example3 {
  border-radius: 0;
  position: relative;
}

.supports-cssanimations .animation-demo .example3 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-name: flipDown90;
  animation-name: flipDown90;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 20;
  animation-iteration-count: 20;
}

.animation-demo .example4 {
  padding: 0;
  list-style-type: none;
}

.animation-demo .example4 li:nth-child(1) .green-dot {
  opacity: 0;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: fadeFromRight100;
  animation-name: fadeFromRight100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animation-demo .example4 li:nth-child(2) .green-dot {
  opacity: 0;
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: fadeFromRight100;
  animation-name: fadeFromRight100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animation-demo .example4 li:nth-child(3) .green-dot {
  opacity: 0;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: fadeFromRight100;
  animation-name: fadeFromRight100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animation-demo .example4 li:nth-child(4) .green-dot {
  opacity: 0;
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: fadeFromRight100;
  animation-name: fadeFromRight100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animation-demo .example4 li:nth-child(5) .green-dot {
  opacity: 0;
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: fadeFromRight100;
  animation-name: fadeFromRight100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@media only screen and (min-width: 64em) {
  .bp-demo-l {
    background-color: #ff0000;
    color: #fff;
  }
}
@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
  .bp-demo-m-m {
    background-color: #ffff00;
  }
}
@media (max-width: 47.9375em) {
  .bp-demo-0-s {
    background-color: #ffa500;
  }
}
@media only screen and (max-height: 25em) {
  .bph-demo-0-400 {
    background-color: #0000ff;
    color: #fff;
  }
}
@media only screen and (min-height: 25em) {
  .bph-demo-400 {
    background-color: #008000;
    color: #fff;
  }
}
.docs-options-table th:nth-child(1) {
  width: 20%;
  word-break: break-word;
}

.docs-options-table td:nth-child(2) {
  width: 5%;
}

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

@media only screen and (min-width: 40em) {
  .eqh-demo {
    margin: 0 -5px;
  }
}
.eqh-demo li {
  margin: 0;
  padding: 0 0 10px 0;
}

.eqh-demo li .item {
  background-color: tint(#81bc00, 80);
  height: 100%;
  padding: 10px;
}

@media only screen and (min-width: 40em) {
  .eqh-demo li {
    float: left;
    width: 50%;
    padding: 0 5px 10px 5px;
  }
}
@media only screen and (min-width: 64em) {
  .eqh-demo li {
    width: 33.3%;
  }
}
@media only screen and (min-width: 88.125em) {
  .eqh-demo li {
    width: 25%;
  }
}
.sprite-example-1 {
  background-position: 0px 0px;
  width: 52px;
  height: 48px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .sprite-example-1 {
    background-size: 52px 48px;
  }
}
.sprite-example-2 {
  width: 52px;
  height: 48px;
  background-size: 52px 48px;
}

@media only screen and (min-width: 48em) {
  .demo-example-modal-content-open {
    display: none;
  }
}
@media (max-width: 47.9375em) {
  .l-aside .demo-example-modal-content {
    display: none;
  }
}
.template-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 40em) {
  .template-features {
    margin: 0 -10px;
  }
}
.template-features > li {
  margin-top: 0;
}

@media only screen and (min-width: 40em) {
  .template-features > li {
    float: left;
    width: 50%;
    padding: 10px;
  }
}
@media only screen and (min-width: 77.75em) {
  .template-features > li {
    width: 25%;
  }
}
.m-template-feature {
  padding: 10px 0;
}

.m-template-feature h3 {
  font-size: 22px;
}

.m-template-feature ul {
  list-style: none;
  padding: 0;
}

.css-triangle {
  transition: background 200ms;
  width: 120px;
  height: 80px;
  background: #81bc00;
  position: relative;
}

.css-triangle.s-top::after {
  top: -16px;
  position: absolute;
  content: "";
  left: 50%;
  margin: 0 0 0 -8px;
}

@media screen {
  .css-triangle.s-top::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #81bc00;
  }
}
.css-triangle:hover {
  background: #000;
}

.css-triangle:hover.s-top::after {
  top: -16px;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle:hover.s-top::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid black;
  }
}
.css-triangle.s-bottom::after {
  bottom: -16px;
  position: absolute;
  content: "";
  left: 50%;
  margin: 0 0 0 -8px;
}

@media screen {
  .css-triangle.s-bottom::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #81bc00;
  }
}
.css-triangle:hover {
  background: #000;
}

.css-triangle:hover.s-bottom::after {
  bottom: -16px;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle:hover.s-bottom::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid black;
  }
}
.css-triangle.s-left::after {
  left: -16px;
  position: absolute;
  content: "";
  top: 50%;
  margin: -8px 0 0 0;
}

@media screen {
  .css-triangle.s-left::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right: 8px solid #81bc00;
  }
}
.css-triangle:hover {
  background: #000;
}

.css-triangle:hover.s-left::after {
  left: -16px;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle:hover.s-left::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right: 8px solid black;
  }
}
.css-triangle.s-right::after {
  right: -16px;
  position: absolute;
  content: "";
  top: 50%;
  margin: -8px 0 0 0;
}

@media screen {
  .css-triangle.s-right::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 8px solid #81bc00;
  }
}
.css-triangle:hover {
  background: #000;
}

.css-triangle:hover.s-right::after {
  right: -16px;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle:hover.s-right::after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 8px solid black;
  }
}
.css-triangle-link {
  display: inline-block;
  padding: 4px 24px 4px 8px;
  background: #000;
  position: relative;
}

.css-triangle-link:link,
.css-triangle-link:visited {
  color: #fff;
}

.css-triangle-link::after {
  bottom: -8px;
  position: absolute;
  content: "";
  top: 50%;
  margin: -2px 0 0 6px;
}

@media screen {
  .css-triangle-link::after {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #fff;
  }
}
.css-triangle-link:hover,
.css-triangle-link:active {
  text-decoration: none;
}

.css-triangle-link:hover {
  background: #666;
  color: #000;
}

.css-triangle-link:hover::after {
  bottom: -8px;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle-link:hover::after {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #000;
  }
}
.css-triangle.s-top-left::after {
  top: 0;
  left: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-top-left::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-top-left:hover::after {
  top: 0;
  left: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-top-left:hover::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-top-right::after {
  top: 0;
  right: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-top-right::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-top-right:hover::after {
  top: 0;
  right: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-top-right:hover::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-bottom-left::after {
  bottom: 0;
  left: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-bottom-left::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-bottom-left:hover::after {
  bottom: 0;
  left: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-bottom-left:hover::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-bottom-right::after {
  bottom: 0;
  right: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-bottom-right::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-bottom-right:hover::after {
  bottom: 0;
  right: 0;
  position: absolute;
  content: "";
}

@media screen {
  .css-triangle.s-bottom-right:hover::after {
    width: 0;
    height: 0;
  }
}
.css-triangle.s-top-left:hover {
  background: #00bcb8;
}

.css-triangle.s-top-right:hover {
  background: #7a00bc;
}

.css-triangle.s-bottom-left:hover {
  background: #bc3b00;
}

.css-triangle.s-bottom-right:hover {
  background: #04bc00;
}

.cm {
  margin: 35px 0;
}

.cm:first-child {
  margin-top: 0;
}

.cm:last-child {
  margin-bottom: 0;
}

.cm h1 {
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 20px;
}

.l-complementary .cm h1 {
  font-size: 20px;
}

.cm.has-top-border {
  border-top: 1px solid #ddd;
  padding-top: 25px;
}

.cm.has-shaded-bg {
  padding: 25px;
  background-color: #f2f2f2;
}

.cm.is-alt {
  background-color: #81bc00;
}

.cm.is-alt h1,
.cm.is-alt h2,
.cm.is-alt h3,
.cm.is-alt p,
.cm.is-alt legend,
.cm.is-alt .cta {
  color: #fff;
}

.cm.is-alt .cta {
  background-color: #000;
}

.cm.is-alt .cta:hover,
.cm.is-alt .cta:focus {
  background-color: #666;
}

.cm.is-alt .cta:active {
  background-color: #4d4c4c;
}

.cm-rich-text img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

@media (min-width: 30em) {
  .cm-rich-text img.is-full {
    max-width: none;
    width: 100%;
  }
  .cm-rich-text img.is-left,
  .cm-rich-text img.is-right {
    margin: 10px 0;
    max-width: 50%;
  }
  .cm-rich-text img.is-left {
    float: left;
    margin-right: 40px;
  }
  .cm-rich-text img.is-right {
    float: right;
    margin-left: 40px;
  }
}
.cm-image-block-link {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: 400;
}

.cm-image-block-link > a {
  text-decoration: none;
}

.cm-image-block-link > a p {
  font-weight: 400;
  color: #000;
}

.cm-image-block-link img,
.cm-image-block-link .img {
  width: 100%;
  display: block;
  transition: -webkit-filter 150ms;
  transition: filter 150ms;
  transition: filter 150ms, -webkit-filter 150ms;
}

.cm-image-block-link .image {
  position: relative;
}

.cm-image-block-link .image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #81bc00;
  opacity: 0;
  transition: opacity 150ms;
}

.is-edit .cm-image-block-link .image::after {
  display: none;
}

.cm-image-block-link:hover,
.cm-image-block-link:focus {
  color: #000;
}

.cm-image-block-link:hover img,
.cm-image-block-link:hover .img,
.cm-image-block-link:focus img,
.cm-image-block-link:focus .img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.cm-image-block-link:hover .image::after,
.cm-image-block-link:focus .image::after {
  opacity: 0.4;
}

.cm-image-block-link:hover .faux-link,
.cm-image-block-link:focus .faux-link {
  color: #81bc00;
}

.cm-image-block-link:active .faux-link {
  color: #5e8900;
}

.cm-content-card .content {
  margin-top: 30px;
}

.cm-content-card .image img {
  max-width: 100%;
  display: block;
}

.cm-content-card .cta {
  margin-top: 14px;
}

.cm-content-card.is-medium a::before,
.cm-content-card.is-medium a::after,
.cm-content-card.is-medium > div::before,
.cm-content-card.is-medium > div::after,
.cm-content-card.is-large a::before,
.cm-content-card.is-large a::after,
.cm-content-card.is-large > div::before,
.cm-content-card.is-large > div::after {
  content: " ";
  display: table;
}

.cm-content-card.is-medium a::after,
.cm-content-card.is-medium > div::after,
.cm-content-card.is-large a::after,
.cm-content-card.is-large > div::after {
  clear: both;
}

.cm-content-card.is-medium .image,
.cm-content-card.is-medium .content,
.cm-content-card.is-large .image,
.cm-content-card.is-large .content {
  float: left;
  width: 50%;
}

.cm-content-card.is-medium .image,
.cm-content-card.is-large .image {
  padding-right: 18px;
}

.cm-content-card.is-medium .image::after,
.cm-content-card.is-large .image::after {
  width: calc(100% - 18px);
}

.cm-content-card.is-medium .content,
.cm-content-card.is-large .content {
  margin-top: 0;
  padding-left: 18px;
}

.cm-content-card.is-shaded {
  background-color: #f2f2f2;
}

.cm-content-card.is-shaded .content {
  padding: 20px 20px 25px;
  padding-top: 0;
  margin-top: 35px;
}

.cm-content-card.is-shaded.is-large .content {
  padding: 40px 40px 50px;
  padding-top: 0;
  margin-top: 50px;
}

.cm-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cm-links li {
  margin-top: 25px;
}

.cm-links li:first-child {
  margin: 0;
}

.cm-links .link-item {
  font-weight: 400;
  color: #000;
  text-decoration: none;
  display: inline-block;
}

.cm-links .link-item strong {
  font-weight: 500;
  color: #666;
  text-decoration: underline;
  transition: color 150ms;
}

.cm-links .link-item p {
  margin: 0;
}

.cm-links .link-item .link-item-type {
  font-size: 0.8em;
  text-transform: uppercase;
}

.cm-links .link-item.has-icon {
  padding-left: 35px;
  position: relative;
}

.cm-links .link-item.has-icon .icon {
  width: 20px;
  height: 25px;
  position: absolute;
  top: 1px;
  left: 0;
}

.cm-links .link-item.has-icon .icon path {
  transition: fill 150ms;
}

.cm-links .link-item:hover strong,
.cm-links .link-item:focus strong {
  color: #81bc00;
}

.cm-links .link-item:hover .icon path,
.cm-links .link-item:focus .icon path {
  fill: #81bc00;
}

.cm-links .link-item:active strong {
  color: #5e8900;
}

.cm-links .link-item:active .icon path {
  fill: #5e8900;
}

.cm-links-related.is-medium ul,
.cm-links-related.is-large ul,
.cm-links-popular.is-medium ul,
.cm-links-popular.is-large ul {
  margin: 0 -18px;
}

.cm-links-related.is-medium ul::before,
.cm-links-related.is-medium ul::after,
.cm-links-related.is-large ul::before,
.cm-links-related.is-large ul::after,
.cm-links-popular.is-medium ul::before,
.cm-links-popular.is-medium ul::after,
.cm-links-popular.is-large ul::before,
.cm-links-popular.is-large ul::after {
  content: " ";
  display: table;
}

.cm-links-related.is-medium ul::after,
.cm-links-related.is-large ul::after,
.cm-links-popular.is-medium ul::after,
.cm-links-popular.is-large ul::after {
  clear: both;
}

.cm-links-related.is-medium li,
.cm-links-related.is-large li,
.cm-links-popular.is-medium li,
.cm-links-popular.is-large li {
  float: left;
  width: 50%;
  padding: 0 18px;
}

.cm-links-related.is-medium li:first-child,
.cm-links-related.is-medium li:nth-child(2),
.cm-links-related.is-large li:first-child,
.cm-links-related.is-large li:nth-child(2),
.cm-links-popular.is-medium li:first-child,
.cm-links-popular.is-medium li:nth-child(2),
.cm-links-popular.is-large li:first-child,
.cm-links-popular.is-large li:nth-child(2) {
  margin-top: 0;
}

.cm-links-related.is-medium li:nth-child(2n+1),
.cm-links-related.is-large li:nth-child(2n+1),
.cm-links-popular.is-medium li:nth-child(2n+1),
.cm-links-popular.is-large li:nth-child(2n+1) {
  clear: left;
}

.cm-image figure {
  margin: 0;
}

.cm-hero-banner {
  background-color: #f2f2f2;
  position: relative;
}

.cm-hero-banner .content {
  padding: 40px 36px;
}

.cm-hero-banner.is-dark {
  background-color: #666;
  color: #fff;
}

.cm-hero-banner.is-dark h1,
.cm-hero-banner.is-dark p {
  color: #fff;
}

.cm-hero-banner.is-dark .faux-link {
  color: #fff;
}

.cm-hero-banner .image .intrinsic-el {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.cm-hero-banner.is-large > a,
.cm-hero-banner.is-large > div {
  display: block;
  overflow: hidden;
}

.cm-hero-banner.is-large > a::before,
.cm-hero-banner.is-large > a::after,
.cm-hero-banner.is-large > div::before,
.cm-hero-banner.is-large > div::after {
  content: " ";
  display: table;
}

.cm-hero-banner.is-large > a::after,
.cm-hero-banner.is-large > div::after {
  clear: both;
}

.cm-hero-banner.is-large .image {
  width: 67%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.cm-hero-banner.is-large .image .intrinsic-wrap {
  padding: 0;
  height: 100%;
  width: 100%;
}

.cm-hero-banner.is-large .content {
  width: 33%;
  float: right;
}

.cm-hero-banner.is-large.has-full-image {
  position: relative;
}

.cm-hero-banner.is-large.has-full-image .image {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cm-hero-banner.is-large.has-full-image .image .intrinsic-wrap {
  height: auto;
  position: static;
  padding: 0;
}

.cm-hero-banner.is-large.has-full-image .content {
  position: relative;
  z-index: 2;
  min-height: 400px;
}

.cm-hero-banner.is-large.is-alt-side .image {
  left: auto;
  right: 0;
}

.cm-hero-banner.is-large.is-alt-side .content {
  float: left;
}

.cm-hero-banner.is-large.is-alt-side.has-full-image .content {
  float: left;
}

.cm-child-listing .title {
  margin-bottom: 20px;
}

.cm-child-listing h2 {
  font-size: 32px;
  line-height: 1.125;
  margin-bottom: 30px;
}

.cm-child-listing h2 a {
  text-decoration: none;
  color: #000;
}

.cm-child-listing h2 a:hover,
.cm-child-listing h2 a:focus {
  text-decoration: underline;
  color: #81bc00;
}

.cm-child-listing h2 a:active {
  color: #5e8900;
}

.cm-child-listing p {
  margin: 0;
}

.cm-child-listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.cm-child-listing ul a {
  display: block;
}

.content-hero {
  padding: 75px 0;
}

.content-hero .cm-hero-banner.is-large .content {
  min-height: 400px;
}

.content-hero.has-alt-bg {
  background-color: #f2f2f2;
}

.content-hero.has-alt-bg .cm-hero-banner {
  background-color: #fff;
}

.content-hero h1 {
  font-size: 32px;
  line-height: 1.125;
}

.cm-twitter-feed .twitter-feed-more {
  margin-top: 25px;
  display: inline-block;
}

.cm-twitter-feed ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

.cm-twitter-feed li {
  margin: 0;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.cm-twitter-feed li:first-child {
  border-top: none;
  padding-top: 0;
}

.cm-twitter-feed .twitter-item-meta {
  font-size: 14px;
  line-height: 1.2857;
  position: relative;
  padding-left: 30px;
  padding-right: 45px;
}

.cm-twitter-feed .twitter-item-meta .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.cm-twitter-feed .twitter-item-name {
  position: relative;
  padding-right: 10px;
  margin-right: 6px;
  display: block;
}

.cm-twitter-feed .twitter-item-date {
  font-size: 12px;
  line-height: 1.5;
  position: absolute;
  top: 1px;
  right: 0;
}

.cm-twitter-feed.is-small .twitter-item-name,
.cm-twitter-feed.is-medium .twitter-item-name,
.cm-twitter-feed.is-large .twitter-item-name {
  display: inline-block;
}

.cm-twitter-feed.is-small .twitter-item-name::after,
.cm-twitter-feed.is-medium .twitter-item-name::after,
.cm-twitter-feed.is-large .twitter-item-name::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #ddd;
}

.cm-hero-links h1 {
  font-size: 32px;
  line-height: 1.6875;
  text-align: center;
  margin-bottom: 30px;
}

.cm-hero-links h1 a {
  text-decoration: none;
  color: #000;
}

.cm-hero-links h1 a:hover,
.cm-hero-links h1 a:focus {
  color: #81bc00;
  text-decoration: underline;
}

.cm-hero-links h1 a:active {
  color: #5e8900;
}

.cm-hero-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 30em) {
  .cm-hero-links ul {
    margin: 0 -18px;
  }
  .cm-hero-links ul::before,
  .cm-hero-links ul::after {
    content: " ";
    display: table;
  }
  .cm-hero-links ul::after {
    clear: both;
  }
}
.cm-hero-links li {
  margin: 0;
}

@media (min-width: 30em) {
  .cm-hero-links li {
    width: 50%;
    padding: 0 18px;
    float: left;
  }
}
@media only screen and (min-width: 64em) {
  .cm-hero-links li {
    width: 25%;
  }
}
.cm-hero-links .link-item {
  text-decoration: none;
  color: #000;
  display: block;
  border-top: 1px solid #ddd;
  padding-top: 3px;
  margin-bottom: 20px;
}

.cm-hero-links .link-item .tag {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin: 0 0 20px;
}

@media only screen and (max-width: 29.9375em) {
  .cm-hero-links .link-item .tag {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 64em) {
  .cm-hero-links .link-item .tag {
    margin-bottom: 40px;
  }
}
.cm-hero-links .link-item strong {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.33;
  display: block;
  font-weight: 400;
}

.cm-hero-links .link-item .faux-link {
  margin-top: 25px;
  display: block;
}

.cm-hero-links .link-item:hover .faux-link,
.cm-hero-links .link-item:focus .faux-link {
  color: #81bc00;
}

.cm-hero-links .link-item:active .faux-link {
  color: #5e8900;
}

@media (min-width: 30em) {
  .cm-hero-links .link-item {
    margin-bottom: 40px;
  }
}
.accordion-list {
  padding: 0;
  margin: 0;
}

.accordion-list > li {
  list-style: none;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.accordion-list > li:first-child {
  border-top: none;
  padding-top: 0;
}

.accordion-item {
  position: relative;
  padding-right: 22px;
  display: block;
  text-decoration: none;
}

.accordion-item .ec {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
}

.accordion-item .ec::before,
.accordion-item .ec::after {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #81bc00;
  position: absolute;
  left: 0;
  top: 9px;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: background-color 150ms, opacity 200ms, -webkit-transform 400ms;
  transition: background-color 150ms, transform 400ms, opacity 200ms;
  transition: background-color 150ms, transform 400ms, opacity 200ms, -webkit-transform 400ms;
}

.accordion-item .ec::after {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
}

.accordion-item:hover,
.accordion-item:focus {
  text-decoration: underline;
}

.accordion-item:hover .ec::before,
.accordion-item:hover .ec::after,
.accordion-item:focus .ec::before,
.accordion-item:focus .ec::after {
  background-color: #81bc00;
}

.accordion-item:active .ec::before,
.accordion-item:active .ec::after {
  background-color: #5e8900;
}

.accordion-item.is-expanded .ec::before {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  opacity: 0;
}

.accordion-item.is-expanded .ec::after {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg);
}

.accordion-item.is-disabled {
  cursor: default;
}

.accordion-item.is-disabled a,
.accordion-item.is-disabled .ec {
  display: none;
}

.cm-contact-bar {
  position: relative;
}

.cm-contact-bar.is-dark .content h1,
.cm-contact-bar.is-dark .content span {
  color: #fff;
}

.cm-contact-bar.is-dark .content .link {
  color: #81bc00;
}

.cm-contact-bar .feature-image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cm-contact-bar .feature-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: center center;
  background-size: cover;
}

.cm-contact-bar .content {
  position: relative;
  z-index: 1;
  padding: 40px 15px;
}

@media only screen and (min-width: 48em) {
  .cm-contact-bar .content {
    padding: 40px 60px;
  }
}
.cm-contact-bar .content h1,
.cm-contact-bar .content span {
  display: block;
  float: left;
  clear: left;
}

.cm-contact-bar .content .title {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.1818;
  color: #000;
}

.cm-contact-bar .content .title,
.cm-contact-bar .content img {
  transition: opacity 150ms;
}

.cm-contact-bar .content .link {
  color: #81bc00;
  font-weight: 400;
  margin-top: 6px;
}

.cm-contact-bar .content h1 {
  font-size: 36px;
  line-height: 1.1667;
}

@media only screen and (min-width: 64em) {
  .cm-contact-bar .content h1 {
    margin-top: 18px;
  }
}
.cm-contact-bar .content a {
  width: 100%;
  position: relative;
  display: inline-block;
  text-align: left;
  padding-left: 60px;
}

.cm-contact-bar .content a::before,
.cm-contact-bar .content a::after {
  transition: opacity 150ms;
  content: "";
  width: 40px;
  height: 45px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 10px;
  top: 0;
}

.cm-contact-bar .content a::before {
  opacity: 1;
}

.cm-contact-bar .content a::after {
  opacity: 0;
}

.cm-contact-bar .content a:hover .link,
.cm-contact-bar .content a:focus .link {
  color: #5e8900;
  text-decoration: underline;
}

.cm-contact-bar .content a:hover .title,
.cm-contact-bar .content a:hover img,
.cm-contact-bar .content a:focus .title,
.cm-contact-bar .content a:focus img {
  opacity: 0.75;
}

@media only screen and (min-width: 40em) {
  .cm-contact-bar .content a {
    width: auto;
  }
}
.cm-contact-bar .content ul {
  list-style: none;
  padding: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .cm-contact-bar .content ul {
    float: left;
  }
}
@media only screen and (min-width: 64em) {
  .cm-contact-bar .content ul {
    float: right;
    width: auto;
  }
}
.cm-contact-bar .content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 45px;
}

.cm-contact-bar .content li {
  margin-top: 20px;
  display: block;
  float: left;
  clear: left;
  width: 100%;
}

.cm-contact-bar .content li:first-child {
  clear: left;
}

@media only screen and (min-width: 48em) {
  .cm-contact-bar .content li {
    clear: none;
    float: left;
    margin-top: 0;
    width: auto;
    margin-left: 30px;
  }
  .cm-contact-bar .content li:first-child {
    clear: none;
    margin-left: 0;
  }
}
@media only screen and (min-width: 77.75em) {
  .cm-contact-bar .content li {
    margin-left: 70px;
  }
}
.cm-video .video {
  background-color: #bbb;
}

.cm-video .video-desc {
  padding: 25px 0;
}

.cm-video .video-desc + .video-transcript {
  border-top: 1px solid #bbb;
}

.cm-video .accordion-item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.cm-video .video-transcript {
  border-bottom: 1px solid #bbb;
}

.cm-video .expandcollapse-content {
  padding-bottom: 15px;
}

.cm-video.is-shaded .video-desc {
  background-color: #f2f2f2;
}

.cm-icon-title.is-shaded {
  padding: 20px 20px 25px;
  background-color: #f2f2f2;
}

.cm-icon-title.is-shaded.is-large,
.cm-icon-title.is-shaded.is-medium {
  padding: 40px 40px 50px;
}

.cm-icon-title .header img {
  max-width: 28px;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 6px;
}

.cm-icon-title .header h1 {
  display: inline-block;
}

.cm-social-share ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cm-social-share ul::before,
.cm-social-share ul::after {
  content: " ";
  display: table;
}

.cm-social-share ul::after {
  clear: both;
}

.cm-social-share ul > li {
  float: left;
  margin-top: 0;
}

.cm-social-share li:not(:first-child) {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #f2f2f2;
}

.cm-social-share a,
.cm-social-share svg {
  width: 24px;
}

.cm-social-share a:hover .icon path,
.cm-social-share a:focus .icon path,
.cm-social-share svg:hover .icon path,
.cm-social-share svg:focus .icon path {
  fill: #81bc00;
}

.cm-subscription-banner.is-shaded {
  padding: 20px 20px 25px;
  background-color: #f2f2f2;
}

.cm-subscription-banner.is-shaded.is-large,
.cm-subscription-banner.is-shaded.is-medium {
  padding: 40px 40px 50px;
}

.l-padding .cm-subscription-banner .l-padding, .hearing-quiz .disclaimer .cm-subscription-banner .l-padding, .l-padding .cm-subscription-banner .hearing-quiz .disclaimer, .hearing-quiz .l-padding .cm-subscription-banner .disclaimer, .hearing-quiz .disclaimer .cm-subscription-banner .disclaimer {
  padding: 0;
  width: auto;
}

@media only screen and (min-width: 77.75em) {
  .l-padding .cm-subscription-banner .l-padding, .hearing-quiz .disclaimer .cm-subscription-banner .l-padding, .l-padding .cm-subscription-banner .hearing-quiz .disclaimer, .hearing-quiz .l-padding .cm-subscription-banner .disclaimer, .hearing-quiz .disclaimer .cm-subscription-banner .disclaimer {
    padding: 0;
  }
}
.cm-subscription-banner fieldset {
  margin-top: 0;
  border-top: none;
}

.cm-subscription-banner fieldset legend {
  margin: 0;
}

.cm-subscription-banner .input-container,
.cm-subscription-banner .title-text-container {
  float: left;
  width: 100%;
}

.cm-subscription-banner .title-text-container {
  margin-bottom: 30px;
}

.cm-subscription-banner .title-text-container legend,
.cm-subscription-banner .title-text-container p {
  float: left;
  clear: left;
}

.cm-subscription-banner .input-container .ctrl-holder {
  position: relative;
}

.cm-subscription-banner.is-large .l-padding, .cm-subscription-banner.is-large .hearing-quiz .disclaimer, .hearing-quiz .cm-subscription-banner.is-large .disclaimer {
  padding: 40px 0;
}

.cm-subscription-banner.is-large fieldset {
  width: 100%;
}

.cm-subscription-banner.is-large .ctrl-holder,
.cm-subscription-banner.is-large .btn-holder,
.cm-subscription-banner.is-large fieldset {
  float: left;
}

.cm-subscription-banner.is-large .title-text-container,
.cm-subscription-banner.is-large .input-container {
  width: 50%;
}

.cm-subscription-banner.is-large .input-container .ctrl-holder,
.cm-subscription-banner.is-large .input-container .btn-holder {
  margin: 0 20px 0 0;
}

.cm-subscription-banner.is-large .input-container .ctrl-holder:last-child,
.cm-subscription-banner.is-large .input-container .btn-holder:last-child {
  margin-right: 0;
}

.cm-subscription-banner.is-large .input-container .ctrl-holder {
  margin-top: 0;
}

.cm-subscription-banner.is-large .input-container .btn-holder {
  margin-top: 30px;
}

.cm-subscription-banner.is-large .input-container input {
  min-width: 220px;
}

.cm-map ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cm-map .h-geo {
  display: none;
}

.cm-map .map-container {
  width: 100%;
  min-height: 500px;
}

.cm-feature-listing .cm-content-card .subheading {
  font-size: 14px;
}

.cm-feature-listing .cm-content-card.is-medium .image,
.cm-feature-listing .cm-content-card.is-medium .content,
.cm-feature-listing .cm-content-card.is-large .image,
.cm-feature-listing .cm-content-card.is-large .content {
  float: none;
  width: 100%;
}

.cm-feature-listing .cm-content-card.is-medium .image,
.cm-feature-listing .cm-content-card.is-large .image {
  padding-right: 0;
}

.cm-feature-listing .cm-content-card.is-medium .image::after,
.cm-feature-listing .cm-content-card.is-large .image::after {
  width: 0;
}

.cm-feature-listing .cm-content-card.is-medium .content,
.cm-feature-listing .cm-content-card.is-large .content {
  margin-top: 30px;
  padding-left: 0;
}

.cm-feature-listing .sl {
  margin-top: 0;
  margin-bottom: 0;
}

.cm-feature-listing.is-shaded {
  background-color: #f2f2f2;
  padding: 40px;
}

.cm-feature-listing .view-all-link {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  color: #000;
  font-size: 24px;
  text-decoration: none;
}

.cm-feature-listing .view-all-link:hover,
.cm-feature-listing .view-all-link:focus {
  color: #81bc00;
}

.cm-feature-listing .feature-listing-link {
  padding-left: 0;
  padding-bottom: 15px;
}

.cm-feature-listing .feature-listing-link:last-child {
  margin-bottom: 0;
}

.cm-feature-listing .feature-listing-link > strong {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  color: #000;
  font-size: 24px;
  text-decoration: none;
}

.cm-feature-listing .feature-listing-link p {
  margin: 14px 0;
}

.cm-feature-listing .feature-listing-link:hover strong,
.cm-feature-listing .feature-listing-link:hover span,
.cm-feature-listing .feature-listing-link:hover time,
.cm-feature-listing .feature-listing-link:hover p,
.cm-feature-listing .feature-listing-link:focus strong,
.cm-feature-listing .feature-listing-link:focus span,
.cm-feature-listing .feature-listing-link:focus time,
.cm-feature-listing .feature-listing-link:focus p {
  color: #81bc00;
  transition: 150ms;
}

.cm-feature-listing li {
  margin-top: 0;
}

.cm-feature-listing li .feature-listing-link {
  border-top: 1px solid #bbb;
  padding-top: 15px;
}

.cm-feature-listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cm-feature-listing .subheading {
  font-size: 14px;
  margin: 14px 0;
}

.cm-feature-listing .subheading strong,
.cm-feature-listing .subheading span {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

.cm-feature-listing.is-medium li:first-child .feature-listing-link,
.cm-feature-listing.is-large li:first-child .feature-listing-link {
  border-top: none;
  padding-top: 0;
}

.cm-iframe {
  overflow: hidden;
  width: 100%;
  display: block;
}

.hero-carousel {
  margin-bottom: 50px;
}

.hero-carousel .slick-prev,
.hero-carousel .slick-next {
  z-index: 2;
  border: none;
  background: transparent;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -999px;
  transition: opacity 150ms;
  outline: none;
  visibility: hidden;
}

.hero-carousel .slick-prev::before,
.hero-carousel .slick-prev::after,
.hero-carousel .slick-next::before,
.hero-carousel .slick-next::after {
  transition: opacity 150ms;
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
}

.hero-carousel .slick-prev::before,
.hero-carousel .slick-next::before {
  opacity: 1;
}

.hero-carousel .slick-prev::after,
.hero-carousel .slick-next::after {
  opacity: 0;
}

.hero-carousel .slick-prev:hover::before,
.hero-carousel .slick-prev:focus::before,
.hero-carousel .slick-prev:active::before,
.hero-carousel .slick-next:hover::before,
.hero-carousel .slick-next:focus::before,
.hero-carousel .slick-next:active::before {
  opacity: 0;
}

.hero-carousel .slick-prev:hover::after,
.hero-carousel .slick-prev:focus::after,
.hero-carousel .slick-prev:active::after,
.hero-carousel .slick-next:hover::after,
.hero-carousel .slick-next:focus::after,
.hero-carousel .slick-next:active::after {
  opacity: 1;
}

.hero-carousel .slick-prev::before,
.hero-carousel .slick-prev::after,
.hero-carousel .slick-next::before,
.hero-carousel .slick-next::after {
  background-size: 60px 60px;
}

.hero-carousel .slick-prev.slick-disabled,
.hero-carousel .slick-next.slick-disabled {
  opacity: 0.3;
  cursor: default;
}

.hero-carousel .slick-prev.slick-disabled::before,
.hero-carousel .slick-next.slick-disabled::before {
  opacity: 1;
  display: block;
}

.hero-carousel .slick-prev.slick-disabled::after,
.hero-carousel .slick-next.slick-disabled::after {
  display: none;
}

@media only screen and (min-width: 55.5em) and (max-width: 63.9375em) {
  .hero-carousel .slick-prev,
  .hero-carousel .slick-next {
    visibility: visible;
  }
}
@media only screen and (min-width: 71.5em) and (max-width: 77.6875em) {
  .hero-carousel .slick-prev,
  .hero-carousel .slick-next {
    visibility: visible;
  }
}
@media only screen and (min-width: 85.25em) and (max-width: 88.0625em) {
  .hero-carousel .slick-prev,
  .hero-carousel .slick-next {
    visibility: visible;
  }
}
@media only screen and (min-width: 95.625em) {
  .hero-carousel .slick-prev,
  .hero-carousel .slick-next {
    visibility: visible;
  }
}
.hero-carousel .slick-prev {
  left: 15px;
}

.hero-carousel .slick-next {
  right: 15px;
}

@media only screen and (min-width: 98.75em) {
  .hero-carousel .slick-prev {
    left: 30px;
  }
  .hero-carousel .slick-next {
    right: 30px;
  }
}
.hero-carousel .slick-dots-wrapper {
  position: absolute;
  height: 40px;
  width: 100%;
  bottom: 30px;
  left: 0;
}

@media only screen and (min-width: 64em) {
  .hero-carousel .slick-dots-wrapper {
    bottom: 60px;
  }
}
.hero-carousel .slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hero-carousel .slick-dots li {
  display: inline-block;
}

.hero-carousel .slick-dots button {
  width: 20px;
  height: 40px;
  overflow: hidden;
  border: none;
  background: transparent;
  position: relative;
  text-indent: -999px;
  outline: none;
}

.hero-carousel .slick-dots button::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  background-color: #000;
  border-radius: 50%;
  opacity: 0.3;
  transition-duration: 150ms;
  transition-property: opacity, background-color;
}

.hero-carousel .slick-dots button:hover::before,
.hero-carousel .slick-dots button:focus::before {
  opacity: 1;
  background-color: #81bc00;
}

.hero-carousel .slick-dots button:active::before {
  background-color: #000;
}

.hero-carousel .slick-dots .slick-active button::before {
  opacity: 1;
  background-color: #000;
  cursor: default;
}

.hero-carousel .slick-slider.is-dark .slick-prev::before,
.hero-carousel .slick-slider.is-dark .slick-prev::after,
.hero-carousel .slick-slider.is-dark .slick-next::before,
.hero-carousel .slick-slider.is-dark .slick-next::after {
  background-size: 60px 60px;
}

.hero-carousel .slick-slider.is-dark .slick-dots button::before {
  background-color: #fff;
}

.hero-carousel .slick-slider.is-dark .slick-dots button:hover::before,
.hero-carousel .slick-slider.is-dark .slick-dots button:focus::before {
  background-color: #81bc00;
}

.hero-carousel .slick-slider.is-dark .slick-dots button:active::before {
  background-color: #fff;
}

.hero-carousel .slick-slider.is-dark .slick-dots .slick-active button::before {
  background-color: #fff;
}

@media only screen and (min-width: 64em) {
  .hero-carousel {
    margin-bottom: 70px;
  }
}
.hero-carousel-item {
  position: relative;
  outline: none;
}

.hero-carousel-item .content {
  position: relative;
  padding: 60px 0 100px;
  max-width: 600px;
  z-index: 2;
}

.hero-carousel-item .content h1 {
  margin-bottom: 25px;
}

.hero-carousel-item .content p {
  margin: 0;
}

.hero-carousel-item .content .cta {
  margin-top: 40px;
}

@media only screen and (min-width: 64em) {
  .hero-carousel-item .content {
    padding: 140px 0 180px;
    width: 50%;
  }
}
.hero-carousel-item .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: none;
  background-position: 50% 50%;
  opacity: 0.6;
}

@media only screen and (min-width: 64em) {
  .hero-carousel-item .image {
    opacity: 1;
  }
}
.hero-carousel-item.is-dark {
  background-color: #000;
  color: #fff;
}

.hero-carousel-item.is-dark h1 {
  color: #fff;
}

.hero-carousel-item.is-dark .cta {
  color: #fff;
}

.hero-carousel-item video,
.hero-carousel-item .video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  background-size: cover;
  z-index: 0;
}

.landing-banner {
  margin-bottom: 50px;
  position: relative;
}

.landing-banner.is-dark {
  background-color: #000;
  color: #fff;
}

.landing-banner.is-dark h1 {
  color: #fff;
}

.landing-banner .content {
  position: relative;
  padding: 60px 0;
  max-width: 600px;
}

.landing-banner .content h1 {
  margin-bottom: 25px;
}

.landing-banner .content p {
  margin: 0;
}

.landing-banner .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: none;
  background-position: 50% 50%;
}

@media only screen and (min-width: 64em) {
  .landing-banner {
    margin-bottom: 100px;
  }
  .landing-banner .content {
    padding: 140px 0;
    width: 50%;
  }
}
.hm {
  margin-bottom: 30px;
}

.hm-feature-listing {
  position: relative;
  background-color: #f2f2f2;
}

.hm-feature-listing .feature-listing-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hm-feature-listing .feature-listing-links li {
  margin: 0;
  border-top: 1px solid rgba(102, 102, 102, 0.1);
}

.hm-feature-listing.is-dark {
  background-color: #666;
  color: #fff;
}

.hm-feature-listing.is-dark .feature-listing-links li {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.hm-feature-listing.is-large.has-items {
  padding-right: 33.3%;
  position: relative;
}

.hm-feature-listing.is-large.has-items .feature-listing-links {
  width: 33.3%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid rgba(102, 102, 102, 0.1);
}

.hm-feature-listing.is-large.has-items .feature-listing-links ul {
  display: block;
  width: 100%;
  height: 100%;
}

.hm-feature-listing.is-large.has-items .feature-listing-links li {
  height: 33.3%;
}

.hm-feature-listing.is-large.has-items .feature-listing-links li:first-child {
  border-top: none;
}

.hm-feature-listing.is-large.has-items .feature-listing-links.has-4-items li {
  height: 25%;
}

.hm-feature-listing.is-large.has-items .feature-listing-links.has-5-items li {
  height: 20%;
}

.hm-feature-listing.is-large.has-items .feature-listing-hero.has-image + .feature-listing-links {
  border-left: none;
}

.hm-feature-listing.is-large.has-items .feature-listing-link {
  height: 100%;
}

.hm-feature-listing.is-large.has-items.is-dark .feature-listing-links {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.feature-listing-hero {
  display: block;
  position: relative;
  min-height: 400px;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.5;
  background-color: #f2f2f2;
  color: #000;
}

.feature-listing-hero h1 {
  font-size: 50px;
  line-height: 1;
  margin: 0 0 5px;
}

.feature-listing-hero time {
  font-size: 14px;
}

.feature-listing-hero .content {
  position: relative;
  z-index: 2;
  padding: 25px;
}

.feature-listing-hero:hover,
.feature-listing-hero:focus {
  color: #000;
}

.feature-listing-hero:hover .faux-link,
.feature-listing-hero:focus .faux-link {
  color: #81bc00;
}

.feature-listing-hero:active .faux-link {
  color: #5e8900;
}

.feature-listing-hero .collection-item-tags a,
.feature-listing-hero .collection-item-tags span {
  border-color: rgba(102, 102, 102, 0.5);
}

.feature-listing-hero.is-dark {
  background-color: #666;
  color: #fff;
}

.feature-listing-hero.is-dark h1 {
  color: #fff;
}

.feature-listing-hero.is-dark .faux-link {
  color: #fff;
}

.feature-listing-hero.is-dark:hover,
.feature-listing-hero.is-dark:focus {
  color: #fff;
}

.feature-listing-hero.is-dark:hover .faux-link,
.feature-listing-hero.is-dark:focus .faux-link {
  color: #81bc00;
}

.feature-listing-hero.is-dark:active .faux-link {
  color: #5e8900;
}

.feature-listing-hero.is-dark .collection-item-tags a,
.feature-listing-hero.is-dark .collection-item-tags span {
  border-color: rgba(255, 255, 255, 0.5);
}

.feature-listing-hero.has-image h1 {
  font-size: 36px;
  line-height: 1.1111;
}

.feature-listing-hero.has-image .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.feature-listing-hero.has-image .image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #81bc00;
  opacity: 0;
  transition: opacity 150ms;
}

.feature-listing-hero.has-image .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  transition: -webkit-filter 150ms;
  transition: filter 150ms;
  transition: filter 150ms, -webkit-filter 150ms;
}

.feature-listing-hero.has-image:hover .img,
.feature-listing-hero.has-image:focus .img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.feature-listing-hero.has-image:hover .image::after,
.feature-listing-hero.has-image:focus .image::after {
  opacity: 0.4;
}

.feature-listing-link {
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-weight: 400;
  line-height: 1.5;
}

.feature-listing-link strong {
  margin: 0;
  transition: color 150ms;
  font-weight: 500;
  text-decoration: underline;
  margin-bottom: 5px;
  display: block;
}

.feature-listing-link p {
  margin: 0;
  color: #000;
}

.feature-listing-link:hover,
.feature-listing-link:focus {
  color: #81bc00;
}

.feature-listing-link:active {
  color: #5e8900;
}

.hm-feature-listing.is-dark .feature-listing-link {
  color: #fff;
}

.hm-feature-listing.is-dark .feature-listing-link p {
  color: #fff;
}

.hm-feature-listing.is-dark .feature-listing-link:hover,
.hm-feature-listing.is-dark .feature-listing-link:focus {
  color: #81bc00;
}

.hm-feature-listing.is-dark .feature-listing-link:active {
  color: #5e8900;
}

.cm-collection .collection-items-more {
  display: inline-block;
  margin-top: 20px;
}

.collection-header {
  padding-bottom: 10px;
}

.collection-header::before,
.collection-header::after {
  content: " ";
  display: table;
}

.collection-header::after {
  clear: both;
}

.collection-header .collection-header-results h1 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 2.1429;
  margin: 0;
}

.collection-header .collection-header-sort .collection-header-sort-form,
.collection-header .collection-header-sort .modal-title {
  display: none;
}

.collection-header .collection-header-sort .collection-header-sort-form fieldset {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

@media only screen and (min-width: 64em) {
  .collection-header .collection-header-sort .modal-toggle {
    display: none;
  }
  .collection-header .collection-header-sort .collection-header-sort-form {
    display: block;
  }
}
.collection-header.has-sort .collection-header-results h1 {
  margin: 0 0 10px;
}

@media (min-width: 30em) {
  .collection-header.has-sort .collection-header-results {
    float: left;
  }
  .collection-header.has-sort .collection-header-results h1 {
    margin: 5px 0 5px;
  }
  .collection-header.has-sort .collection-header-sort {
    float: right;
  }
}
@media (max-width: 47.9375em) {
  .collection-header.has-left-facets .modal-toggle {
    display: none;
  }
}
.modal-collection-header-sort {
  max-width: 500px;
  margin: 0 auto;
}

.modal-collection-header-sort .modal-title {
  display: block;
}

.collection-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

.collection-list > li {
  margin: 0;
  border-top: 1px solid #ddd;
}

.collection-no-results {
  border: 1px solid #ddd;
  padding: 20px;
}

@media only screen and (min-width: 77.75em) {
  .collection-no-results {
    padding: 36px;
  }
}
.collection-item {
  padding: 30px 0;
}

.collection-item h2 {
  font-size: 30px;
  line-height: 1.2;
  margin: 0;
}

.collection-item h2 a {
  text-decoration: none;
  color: #000;
}

.collection-item h2 a:hover,
.collection-item h2 a:focus {
  color: #81bc00;
  text-decoration: underline;
}

.collection-item h2 a:active {
  color: #5e8900;
}

.collection-item time {
  font-size: 14px;
  line-height: 1.1429;
}

.collection-item p {
  margin: 0;
}

.collection-item.has-icon .content {
  padding-left: 70px;
  position: relative;
}

.collection-item.has-icon .content .icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
}

.collection-item.has-icon .content .icon path {
  transition: fill 150ms;
}

.collection-item.has-icon .content .icon:hover path,
.collection-item.has-icon .content .icon:focus path {
  fill: #81bc00;
}

.collection-item.has-icon .content .icon:active path {
  fill: #5e8900;
}

.collection-item .image {
  margin-top: 30px;
  display: block;
  position: relative;
}

.collection-item .image img {
  width: 100%;
  display: block;
  transition: -webkit-filter 150ms;
  transition: filter 150ms;
  transition: filter 150ms, -webkit-filter 150ms;
}

.collection-item .image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #81bc00;
  opacity: 0;
  transition: opacity 150ms;
}

.collection-item .image:hover img,
.collection-item .image:focus img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.collection-item .image:hover::after,
.collection-item .image:focus::after {
  opacity: 0.4;
}

.cm.is-medium .collection-item.has-image::before,
.cm.is-medium .collection-item.has-image::after,
.cm.is-large .collection-item.has-image::before,
.cm.is-large .collection-item.has-image::after {
  content: " ";
  display: table;
}

.cm.is-medium .collection-item.has-image::after,
.cm.is-large .collection-item.has-image::after {
  clear: both;
}

.cm.is-medium .collection-item.has-image .content,
.cm.is-large .collection-item.has-image .content {
  width: 50%;
  float: left;
  padding-right: 18px;
}

.cm.is-medium .collection-item.has-image .image,
.cm.is-large .collection-item.has-image .image {
  margin-top: 0;
  width: 50%;
  float: left;
  padding-left: 18px;
}

.cm.is-medium .collection-item.has-image .image::after,
.cm.is-large .collection-item.has-image .image::after {
  width: calc(100% - 18px);
  left: 18px;
}

.cm.is-large .collection-item.has-image .content {
  width: 67%;
}

.cm.is-large .collection-item.has-image .image {
  width: 33%;
}

.collection-item-meta,
.collection-item-tags,
.tags {
  font-size: 14px;
  line-height: 1.4286;
  margin-top: 15px;
}

.collection-item-meta ul,
.collection-item-tags ul,
.tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.collection-item-meta ul li,
.collection-item-tags ul li,
.tags ul li {
  display: inline-block;
  margin: 0 7px 0 0;
}

.collection-item-meta ul li:last-child,
.collection-item-tags ul li:last-child,
.tags ul li:last-child {
  margin-right: 0;
}

.collection-item-meta strong,
.collection-item-tags strong,
.tags strong {
  font-weight: 400;
}

.collection-item-meta li {
  border-right: 1px solid #666;
  padding-right: 12px;
}

.collection-item-meta li:last-child {
  border-right: none;
  padding-right: 0;
}

.collection-item-tags strong,
.tags strong {
  margin-right: 10px;
}

.collection-item-tags a,
.collection-item-tags span,
.tags a,
.tags span {
  border: 1px solid #bbb;
  display: block;
  line-height: 1;
  padding: 5px;
  text-decoration: none;
}

.collection-pagination {
  font-size: 18px;
  line-height: 1.6667;
  text-align: center;
}

.collection-pagination ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.collection-pagination ol li {
  display: inline-block;
  margin: 0;
}

.collection-pagination ol a {
  padding: 20px 10px;
  display: block;
}

@media only screen and (min-width: 40em) {
  .collection-pagination ol a {
    padding: 20px;
  }
}
.collection-pagination ol .more {
  color: #666;
}

.collection-pagination .is-active {
  font-weight: 400;
  color: #000;
}

.collection-pagination .pagination-prev,
.collection-pagination .pagination-next {
  display: inline-block;
  position: relative;
  top: 8px;
}

.collection-pagination .pagination-prev > a,
.collection-pagination .pagination-prev > span,
.collection-pagination .pagination-next > a,
.collection-pagination .pagination-next > span {
  display: block;
  padding: 20px 5px;
}

@media only screen and (min-width: 40em) {
  .collection-pagination .pagination-prev > a,
  .collection-pagination .pagination-prev > span,
  .collection-pagination .pagination-next > a,
  .collection-pagination .pagination-next > span {
    padding: 20px 10px;
  }
}
.collection-pagination .pagination-prev .icon,
.collection-pagination .pagination-next .icon {
  width: 30px;
  height: 30px;
}

.collection-pagination .pagination-prev path,
.collection-pagination .pagination-next path {
  transition: fill 150ms;
}

.collection-pagination .pagination-prev.is-disabled .icon,
.collection-pagination .pagination-next.is-disabled .icon {
  opacity: 0.5;
}

.collection-pagination .pagination-prev a:hover path,
.collection-pagination .pagination-prev a:focus path,
.collection-pagination .pagination-next a:hover path,
.collection-pagination .pagination-next a:focus path {
  fill: #81bc00;
}

.collection-pagination .pagination-prev a:active path,
.collection-pagination .pagination-next a:active path {
  fill: #5e8900;
}

.cm-search-facets {
  display: none;
}

@media only screen and (min-width: 48em) {
  .cm-search-facets {
    display: block;
  }
}
.modal-search-facets {
  max-width: 400px;
  margin: 0 auto;
}

.modal-search-facets .cm-search-facets {
  display: block;
}

.modal-search-facets .cm-search-facets h1 {
  font-size: 36px;
  line-height: 1.1667;
}

.cm-search-facets-modals .cta {
  margin-right: 5px;
}

@media only screen and (max-width: 29.9375em) {
  .cm-search-facets-modals::before,
  .cm-search-facets-modals::after {
    content: " ";
    display: table;
  }
  .cm-search-facets-modals::after {
    clear: both;
  }
  .cm-search-facets-modals .cta {
    margin: 0;
    float: left;
    width: 49%;
  }
  .cm-search-facets-modals .cta:first-child {
    margin-right: 2%;
  }
}
@media only screen and (min-width: 48em) {
  .cm-search-facets-modals {
    display: none;
  }
  .cm-search-facets-modals + .cm {
    margin-top: 0;
  }
}
.cm-current-search-facets .clear-facets {
  font-size: 14px;
  margin-top: 15px;
  display: inline-block;
}

.search-facet {
  font-size: 14px;
  border-top: 1px solid #ddd;
}

.search-facet:last-child {
  border-bottom: 1px solid #ddd;
}

.search-facet .expandcollapse {
  font-weight: 700;
  color: #000;
  display: block;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.search-facet .expandcollapse:hover,
.search-facet .expandcollapse:focus {
  color: #81bc00;
  text-decoration: underline;
}

.search-facet .expandcollapse:active {
  color: #5e8900;
}

.search-facet .expandcollapse-content {
  padding: 10px 0 20px;
}

.search-facet.is-keyword .ctrl-holder {
  margin-bottom: 5px;
}

.search-facet-items {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.search-facet-items .search-facet-items {
  padding-left: 20px;
}

.search-facet-items .search-facet-item::before,
.search-facet-items .search-facet-item::after,
.search-facet-items .search-facet-item.is-selected::before,
.search-facet-items .search-facet-item.is-selected::after {
  background-size: 10px 10px;
}

.search-facet-item {
  font-weight: 400;
  text-decoration: none;
  color: #000;
  display: block;
  padding-right: 15px;
  position: relative;
}

.search-facet-item::before,
.search-facet-item::after {
  transition: opacity 150ms;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.search-facet-item::before {
  opacity: 1;
}

.search-facet-item::after {
  opacity: 0;
}

.search-facet-item:hover::before,
.search-facet-item:focus::before,
.search-facet-item:active::before {
  opacity: 0;
}

.search-facet-item:hover::after,
.search-facet-item:focus::after,
.search-facet-item:active::after {
  opacity: 1;
}

.search-facet-item .num::before {
  content: "(";
}

.search-facet-item .num::after {
  content: ")";
}

.search-facet-item:hover,
.search-facet-item:focus {
  color: #81bc00;
  text-decoration: underline;
}

.search-facet-item:active {
  color: #5e8900;
}

.search-facet-item.is-selected {
  font-weight: 500;
}

.cm-site-map ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cm-site-map > ul > li {
  margin: 60px 0 0;
}

.cm-site-map > ul > li:first-child {
  margin-top: 0;
}

.cm-site-map .nav-site-map li {
  margin-top: 0;
}

.cm-site-map .nav-site-map li li {
  margin: 20px 0;
}

.cm-site-map .nav-site-map > li {
  position: relative;
  padding: 20px 0;
}

.cm-site-map .nav-site-map > li::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 40em) {
  .cm-site-map .nav-site-map {
    margin: 0 -18px;
  }
  .cm-site-map .nav-site-map::before,
  .cm-site-map .nav-site-map::after {
    content: " ";
    display: table;
  }
  .cm-site-map .nav-site-map::after {
    clear: both;
  }
  .cm-site-map .nav-site-map > li {
    padding: 20px 18px;
    margin: 0;
    width: 50%;
    float: left;
  }
  .cm-site-map .nav-site-map > li::before {
    width: calc(100% - 36px);
    left: 18px;
  }
  .cm-site-map .nav-site-map > li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 64em) {
  .cm-site-map .nav-site-map > li {
    width: 25%;
  }
  .cm-site-map .nav-site-map > li:nth-child(-n+4) {
    margin-top: 0;
  }
}
.cm-site-map .nav-lvl1,
.cm-site-map .nav-lvl2 {
  color: #000;
  text-decoration: none;
}

.cm-site-map .nav-lvl1:hover,
.cm-site-map .nav-lvl1:focus,
.cm-site-map .nav-lvl2:hover,
.cm-site-map .nav-lvl2:focus {
  color: #81bc00;
  text-decoration: underline;
}

.cm-site-map .nav-lvl1:active,
.cm-site-map .nav-lvl2:active {
  color: #5e8900;
}

.cm-site-map .nav-lvl2 {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  display: block;
}

.cm-site-map .nav-lvl3,
.cm-site-map .nav-lvl4,
.cm-site-map .nav-lvl5,
.cm-site-map .nav-lvl6 {
  font-size: 14px;
  line-height: 1.4286;
  display: block;
}

.cm-site-map .nav-lvl3 + ul,
.cm-site-map .nav-lvl4 + ul,
.cm-site-map .nav-lvl5 + ul,
.cm-site-map .nav-lvl6 + ul {
  padding-left: 20px;
}

.sl {
  margin: 35px 0;
}

.sl .sl-list::before,
.sl .sl-list::after {
  content: " ";
  display: table;
}

.sl .sl-list::after {
  clear: both;
}

.sl .sl-item {
  margin-top: 35px;
  min-height: 1px;
}

.sl .sl-item:first-child {
  margin-top: 0;
}

.sl.has-top-border {
  border-top: 1px solid #ddd;
  padding-top: 35px;
}

.l-landing .sl {
  margin: 60px 0;
}

.l-landing .sl.has-top-border {
  padding-top: 60px;
}

.l-landing .sl:first-child {
  margin-top: 0;
}

.l-landing .sl:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 64em) {
  .sl {
    margin-top: 35px;
  }
  .sl .sl-list {
    margin: 0 -18px 0;
  }
  .sl .sl-list.has-2-items .sl-item {
    width: 50%;
  }
  .sl .sl-list.has-2-items .sl-item:nth-child(-n+2) {
    margin-top: 0;
  }
  .sl .sl-list.has-2-items.has-feature-left .sl-item,
  .sl .sl-list.has-2-items.has-feature-right .sl-item {
    width: 33.3%;
  }
  .sl .sl-list.has-2-items.has-feature-left .sl-item:first-child {
    width: 66.6%;
  }
  .sl .sl-list.has-2-items.has-feature-right .sl-item:last-child {
    width: 66.6%;
  }
  .sl .sl-list.has-3-items .sl-item {
    width: 33.3%;
  }
  .sl .sl-list.has-3-items .sl-item:nth-child(-n+3) {
    margin-top: 0;
  }
  .sl .sl-list.has-4-items .sl-item {
    width: 25%;
  }
  .sl .sl-list.has-4-items .sl-item:nth-child(-n+4) {
    margin-top: 0;
  }
  .sl .sl-item {
    float: left;
    padding: 0 18px;
    margin-top: 35px;
  }
  .sl:last-child .cm {
    margin-bottom: 0;
  }
}
.sl-list-landing {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sl-list-landing .sl-item {
  margin: 60px 0 0;
}

.sl-list-landing .sl-item:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 64em) {
  .sl-list-landing {
    margin: 0 -36px 100px;
  }
  .sl-list-landing .sl-item {
    padding: 0 36px;
    margin-top: 100px;
  }
  .sl-list-landing .sl-item:first-child,
  .sl-list-landing .sl-item:nth-child(2) {
    margin-top: 0;
  }
}
.subheading-news,
.subheading {
  width: 100%;
}

.subheading-news::before,
.subheading-news::after,
.subheading::before,
.subheading::after {
  content: " ";
  display: table;
}

.subheading-news::after,
.subheading::after {
  clear: both;
}

.subheading-news .content-type + .subtitle::before,
.subheading .content-type + .subtitle::before {
  display: inline-block;
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}

.subheading-news span,
.subheading-news strong,
.subheading span,
.subheading strong {
  float: left;
  display: block;
}

.subheading-news time,
.subheading time {
  float: left;
  display: block;
  width: auto;
  clear: none;
  font-style: normal;
}

.subheading-news time::before,
.subheading time::before {
  display: inline-block;
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}

.subheading-news .subtitle-secondary,
.subheading .subtitle-secondary {
  float: left;
  width: 100%;
}

.subheading-news .subheading-image,
.subheading .subheading-image {
  max-width: 100%;
  float: left;
  clear: left;
  margin: 14px 0;
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*=language-],
pre[class*=language-] {
  color: black;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
  }
}
/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.regex,
.token.important {
  color: #e90;
}

.token.important {
  font-weight: bold;
}

.token.entity {
  cursor: help;
}

/* generated with grunt-sass-globbing */
.step-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.step-list ._step-list-item {
  margin: 0;
  display: block;
  border-bottom: 1px solid #ddd;
}

.step-list ._step-list-item:last-child {
  border-bottom: none;
}

.step-list ._step-title {
  font-family: "adobe-garamond-pro", "Calisto MT", Georgia, serif;
  font-weight: 400;
  padding: 10px 0;
}

.step-list ._step {
  padding: 0 0 20px 0;
}

.step-list ._edit-step {
  float: right;
  display: block;
}

fieldset {
  border: none;
  margin: 30px 0;
  padding: 0;
}

fieldset:first-child {
  margin-top: 0;
}

fieldset:last-child {
  margin-bottom: 0;
}

legend.vh + .ctrl-holder {
  margin-top: 0;
}

.btn-holder {
  margin-top: 0;
  padding-top: 0;
}

.btn-holder::before,
.btn-holder::after {
  content: " ";
  display: table;
}

.btn-holder::after {
  clear: both;
}

.btn-holder .cta {
  margin-bottom: 17px;
  margin-right: 10px;
}

.btn-holder .or,
.btn-holder .cancel {
  margin-right: 7px;
}

.ctrl-holder {
  margin: 30px 0;
}

.ctrl-holder::before,
.ctrl-holder::after {
  content: " ";
  display: table;
}

.ctrl-holder::after {
  clear: both;
}

.ctrl-holder:first-child {
  margin-top: 0;
}

.ctrl-holder:last-child {
  margin-bottom: 0;
}

.ctrl-holder label,
.ctrl-holder .label {
  font-size: 16px;
  line-height: 1.875;
  display: block;
  font-weight: 500;
  margin: 0 0 5px 0;
  text-align: left;
  color: #000;
  clear: both;
}

.ctrl-holder label.is-empty,
.ctrl-holder .label.is-empty {
  display: none;
}

.ctrl-holder label.is-error,
.ctrl-holder .label.is-error {
  color: #fff;
}

.ctrl-holder label em,
.ctrl-holder .label em {
  margin-left: 5px;
  font-style: normal;
  color: #666;
}

.ctrl-holder label .help,
.ctrl-holder .label .help {
  margin: 0;
  padding: 0;
  font-weight: normal;
  position: relative;
  top: -5px;
}

.ctrl-holder label .tooltip-btn,
.ctrl-holder .label .tooltip-btn {
  top: 3px;
}

.ctrl-holder .text,
.ctrl-holder select,
.ctrl-holder textarea {
  font-size: 16px;
  line-height: 2.5;
  display: block;
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0 10px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  transition-property: color, background-color, border;
  transition-duration: 150ms;
}

.lt-ie10 .ctrl-holder .text,
.lt-ie10 .ctrl-holder select,
.lt-ie10 .ctrl-holder textarea {
  min-height: 0;
}

.ctrl-holder .text:focus,
.ctrl-holder select:focus,
.ctrl-holder textarea:focus {
  border-color: #81bc00;
  background-color: #f5ffe0;
}

.ctrl-holder .text:disabled,
.ctrl-holder select:disabled,
.ctrl-holder textarea:disabled {
  border: 1px solid #ddd;
  background-color: #efefef;
}

.ctrl-holder select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right 8px center;
  padding-right: 30px;
  background-size: 20px 20px;
}

.is-ie .ctrl-holder select {
  padding: 7px 10px;
  background-image: none;
}

/* ie dropdown arrow on select field */
.ctrl-holder select::-ms-expand {
  display: none;
}

.ctrl-holder textarea,
.ctrl-holder textarea.text {
  height: auto;
  min-height: 120px;
  resize: none;
}

.lt-ie10 .ctrl-holder textarea,
.lt-ie10 .ctrl-holder textarea.text {
  min-height: 0;
  height: 200px;
}

.ctrl-holder .help {
  font-size: 13px;
  line-height: 1.6154;
  clear: both;
  display: block;
  padding-top: 6px;
  font-style: normal;
}

.ctrl-holder input[type=search] {
  box-sizing: border-box;
}

.ctrl-holder .ctrls::before,
.ctrl-holder .ctrls::after {
  content: " ";
  display: table;
}

.ctrl-holder .ctrls::after {
  clear: both;
}

.ctrl-holder .ctrl-holder {
  float: left;
  margin: 0 10px 0 0;
  clear: none;
}

.ctrl-holder .ctrl-holder:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 64em) {
  .ctrl-holder.has-inline-label > label,
  .ctrl-holder.has-inline-label > .label {
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 20px;
    position: relative;
    top: 6px;
  }
  .ctrl-holder.has-inline-label > .ctrl {
    float: left;
  }
}
.ctrl-holder .display {
  font-size: 16px;
  line-height: 2.5;
  display: block;
  float: left;
}

.ctrl-holder .addon-text-container {
  display: table;
}

.ctrl-holder .addon-text-container > * {
  display: table-cell;
}

.ctrl-holder .addon-text-container .text,
.ctrl-holder .addon-text-container select {
  width: 100%;
}

.ctrl-holder .addon-text {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  padding: 0 10px;
  text-align: center;
}

.ctrl-holder .addon-text:first-child {
  border-right: none;
}

.ctrl-holder .addon-text:last-child {
  border-left: none;
}

.ctrl-holder .text.is-placeholder,
.ctrl-holder textarea.is-placeholder {
  color: tint(#000, 50);
}

.ctrl-holder ::-webkit-input-placeholder {
  color: tint(#000, 50);
}

.ctrl-holder :-ms-input-placeholder {
  color: tint(#000, 50);
}

.ctrl-holder ::placeholder {
  color: tint(#000, 50);
}

.ctrl-holder input[type=number]::-webkit-inner-spin-button,
.ctrl-holder input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.ctrl-group.is-small label,
.ctrl-group.is-small .label,
.ctrl-group.is-small .text,
.ctrl-group.is-small select {
  font-size: 14px;
}

.ctrl-group.is-small .cta {
  padding: 3px 15px;
  font-size: 13px;
  line-height: 2.3077;
}

@media only screen and (min-width: 40em) {
  .ctrl-group.is-inline .ctrl-holder {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .ctrl-group.is-inline label,
  .ctrl-group.is-inline .label {
    display: inline-block;
    margin-right: 5px;
  }
  .ctrl-group.is-inline .text,
  .ctrl-group.is-inline select {
    font-size: 14px;
    line-height: 2.7857;
    height: 39px;
    display: inline-block;
    float: none;
  }
  .ctrl-group.is-inline .cta {
    position: relative;
  }
}
.ctrl-holder .options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ctrl-holder .options.is-horizontal {
  width: auto;
}

@media only screen and (min-width: 48em) {
  .ctrl-holder .options.is-horizontal::before,
  .ctrl-holder .options.is-horizontal::after {
    content: " ";
    display: table;
  }
  .ctrl-holder .options.is-horizontal::after {
    clear: both;
  }
  .ctrl-holder .options.is-horizontal .option {
    float: left;
    margin: 0 10px 0 0;
  }
  .ctrl-holder .options.is-horizontal label,
  .ctrl-holder .options.is-horizontal .label {
    width: auto;
    max-width: none;
    padding-right: 30px;
  }
}
.ctrl-holder .option {
  font-size: 16px;
  line-height: 2.5;
  position: relative;
  margin-top: 10px;
  width: auto;
  display: block;
}

.ctrl-holder .option::before,
.ctrl-holder .option::after {
  content: " ";
  display: table;
}

.ctrl-holder .option::after {
  clear: both;
}

.ctrl-holder .option:first-child {
  margin-top: 0;
}

.ctrl-holder .option .help {
  margin: 0;
  padding: 0;
}

.ctrl-holder .option input {
  position: absolute;
  top: 6px;
  left: 0;
}

.ctrl-holder .option label,
.ctrl-holder .option .label {
  width: auto;
  max-width: none;
  padding: 0 0 0 25px;
  margin: 0;
  font-weight: normal;
  text-align: left;
  color: #000;
}

.ctrl-holder .options.fancy .option label,
.ctrl-holder .options.fancy .option .label,
.ctrl-holder .option.fancy label,
.ctrl-holder .option.fancy .label {
  border-radius: 0;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 20px 25px 20px 50px;
  transition-property: border-color, background-color;
  transition-duration: 150ms;
}

.ctrl-holder .options.fancy .option input,
.ctrl-holder .option.fancy input {
  top: 27px;
  left: 25px;
}

.ctrl-holder .options.fancy .option input:checked + label,
.ctrl-holder .options.fancy .option input:checked + .label,
.ctrl-holder .option.fancy input:checked + label,
.ctrl-holder .option.fancy input:checked + .label {
  border-color: #81bc00;
  background-color: #f5ffe0;
  color: #000;
}

.progress-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.progress-bar li {
  float: left;
  display: block;
  margin: 0 10px 0 0;
}

.progress-bar li.is-current {
  font-weight: 700;
}

.progress-bar ._step-number {
  display: block;
  padding: 5px 10px;
}

.progress-bar p {
  clear: both;
}

.ctrl-holder[class*=width-] > .ctrl .text,
.ctrl-holder[class*=width-] > .ctrl textarea,
.ctrl-holder[class*=width-] > .ctrl select,
.ctrl-holder[class*=width-] > .ctrl .addon-text-container {
  width: 100%;
}

.ctrl-holder.width-xl > .ctrl {
  width: 100%;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-xl > .ctrl {
    max-width: 450px;
  }
}
.ctrl-holder.width-l > .ctrl {
  width: 100%;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-l > .ctrl {
    max-width: 350px;
  }
}
.ctrl-holder.width-m > .ctrl {
  width: 100%;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-m > .ctrl {
    max-width: 250px;
  }
}
.ctrl-holder.width-s > .ctrl {
  width: 100%;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-s > .ctrl {
    max-width: 150px;
  }
}
.ctrl-holder.width-xs > .ctrl {
  width: 100%;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-xs > .ctrl {
    max-width: 80px;
  }
}
.ctrl-holder.width-xxs > .ctrl {
  width: 100%;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-xxs > .ctrl {
    max-width: 55px;
  }
}
.ctrl-holder.width-date-day > .ctrl {
  width: 55px;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-date-day > .ctrl {
    width: 65px;
  }
}
.ctrl-holder.width-date-month > .ctrl {
  width: 130px;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-date-month > .ctrl {
    width: 150px;
  }
}
.ctrl-holder.width-date-year > .ctrl {
  width: 70px;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-date-year > .ctrl {
    width: 80px;
  }
}
.ctrl-holder.width-phone-areacode > .ctrl {
  width: 55px;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-phone-areacode > .ctrl {
    width: 65px;
  }
}
.ctrl-holder.width-phone-number > .ctrl {
  width: 170px;
  max-width: none;
}

@media (min-width: 22.4375em) {
  .ctrl-holder.width-phone-number > .ctrl {
    width: 200px;
  }
}
.width-full > .ctrl {
  width: 100%;
}

.autocomplete {
  position: relative;
}

.autocomplete .text {
  z-index: 5;
  position: relative;
}

.autocomplete.text {
  padding: 0;
  border: none;
}

.autocomplete.is-active .autocomplete-results {
  display: block;
}

.autocomplete.is-loading .text {
  background-color: #fff;
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.autocomplete.has-button {
  padding-right: 45px;
}

.autocomplete.has-button > button {
  position: absolute;
  top: 0;
  right: 0;
}

.autocomplete-results {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  width: 100%;
  z-index: 4;
  outline: none;
  min-height: 40px;
}

@media only screen and (min-width: 77.75em) {
  .autocomplete-results {
    top: calc(100% + 36px);
  }
}
.autocomplete-results {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
}

.autocomplete-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.autocomplete-results li {
  margin: 0;
}

.autocomplete-results .autocomplete-results-item {
  font-size: 16px;
  line-height: 1.25;
  display: block;
  border: none;
  background: transparent;
  padding: 10px;
  width: 100%;
  text-align: left;
  outline: none;
  font-weight: 400;
  text-decoration: none;
}

.autocomplete-results .autocomplete-results-item.is-selected,
.autocomplete-results .autocomplete-results-item:hover {
  color: #81bc00;
}

.autocomplete-results .autocomplete-results-footer {
  background-color: #f2f2f2;
}

.autocomplete-results .autocomplete-list .autocomplete-results-item strong {
  font-weight: 700;
}

.autocomplete-results .autocomplete-list .autocomplete-results-item span {
  display: block;
}

.autocomplete-results .autocomplete-results-item-title {
  font-weight: 500;
  text-decoration: underline;
}

.autocomplete-results .autocomplete-results-item-title + span {
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

@-webkit-keyframes spinner-animation {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 1.5em;
    width: 1.5em;
    border-width: 0.75em;
    opacity: 1;
  }
  100% {
    height: 6em;
    width: 6em;
    border-width: 0;
    opacity: 0;
  }
}
@keyframes spinner-animation {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 1.5em;
    width: 1.5em;
    border-width: 0.75em;
    opacity: 1;
  }
  100% {
    height: 6em;
    width: 6em;
    border-width: 0;
    opacity: 0;
  }
}
.spinner {
  position: relative;
}

.spinner::after {
  transition-property: opacity;
  transition-duration: 250ms;
  content: "";
  visibility: hidden;
  opacity: 0;
}

.spinner.spinner--loading::after {
  opacity: 1;
  -webkit-animation: spinner-animation 1.25s infinite cubic-bezier(0.2, 0.6, 0.3, 1);
  animation: spinner-animation 1.25s infinite cubic-bezier(0.2, 0.6, 0.3, 1);
  visibility: visible;
  overflow: visible;
  height: 0;
  width: 6em;
  border: 0 solid #81bc00;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.step-enter {
  opacity: 0;
}

.step-list .step-enter {
  opacity: 0;
}

.step-list .step-enter.step-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.step-list .step-leave {
  opacity: 1;
}

.step-list .step-leave.step-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

form.is-loading,
.js-multistep.is-loading form {
  position: relative;
}

form.is-loading::after,
.js-multistep.is-loading form::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.is-valid .status-msg .error {
  display: none;
}

.form-summary {
  outline: none;
  margin: 40px 0;
  position: relative;
  padding: 20px 30px;
  border-top: 5px solid #bbb;
  background-color: #f2f2f2;
}

.form-summary .form-summary-title {
  background-color: #bbb;
  margin: -20px -30px 20px -30px;
  padding: 15px 30px 20px;
}

.form-summary .form-summary-title h2 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  color: #000;
}

.form-summary ul {
  padding-left: 25px;
}

.form-summary a,
.form-summary .form-summary-title {
  color: #000;
}

.form-summary a {
  text-decoration: none;
}

.form-summary a:hover,
.form-summary a:focus {
  text-decoration: underline;
}

.form-summary.is-error {
  border-color: #cf0000;
}

.form-summary.is-error .form-summary-title {
  background-color: #cf0000;
}

.form-summary.is-error .form-summary-title h2 {
  color: #fff;
}

.form-summary.is-warning {
  border-color: #ff6600;
}

.form-summary.is-warning .form-summary-title {
  background-color: #ff6600;
}

.form-summary.is-warning .form-summary-title h2 {
  color: #fff;
}

.form-summary.is-info {
  border-color: #76c0dc;
}

.form-summary.is-info .form-summary-title {
  background-color: #76c0dc;
}

.form-summary.is-info .form-summary-title h2 {
  color: #000;
}

.form-summary.is-success {
  border-color: #81bc00;
}

.form-summary.is-success .form-summary-title {
  background-color: #81bc00;
}

.form-summary.is-success .form-summary-title h2 {
  color: #000;
}

.is-error .text,
.is-error select,
.is-error textarea {
  background-color: #fff;
  border-color: #cf0000;
}

.is-error .options.fancy .option label,
.is-error .options.fancy .option .label,
.is-error .option.fancy label,
.is-error .option.fancy .label {
  background-color: #fff;
  border-color: #cf0000;
}

.ctrl-holder .status-msg {
  display: none;
}

.ctrl-holder.is-error .status-msg {
  display: block;
  clear: both;
  padding-top: 20px;
  padding-bottom: 5px;
  max-width: 450px;
}

.ctrl-holder.is-error .status-msg .error {
  display: inline-block;
  color: #fff;
  background-color: #cf0000;
  font-weight: bold;
  font-style: normal;
  padding: 10px 15px;
  position: relative;
  font-size: 12px;
  border-radius: 0;
}

.ctrl-holder.is-error .status-msg .error::before {
  top: -20px;
  position: absolute;
  content: "";
  position: absolute;
  left: 15px;
  top: -20px;
}

@media screen {
  .ctrl-holder.is-error .status-msg .error::before {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #cf0000;
  }
}
.accessibility-links {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
}

.accessibility-links li {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
}

.accessibility-links a {
  position: absolute;
  margin-left: -9999px;
  white-space: nowrap;
  padding: 0 4px;
}

.accessibility-links a:focus,
.accessibility-links a:active {
  margin-left: 0;
  background: #fff;
}

.inline-accessible {
  position: absolute;
  left: -9999px;
  display: block;
  margin-bottom: 14px;
}

.inline-accessible:hover,
.inline-accessible:focus,
.inline-accessible:active {
  position: static;
  left: auto;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.vh,
.vhidden,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.vh.focusable:active,
.vh.focusable:focus,
.vhidden.focusable:active,
.vhidden.focusable:focus,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

.supports-js .js-hidden {
  display: none;
}

.supports-no-js .no-js-hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.cf::before,
.cf::after,
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.cf::after,
.clearfix::after {
  clear: both;
}

.intrinsic-wrap {
  height: 0;
  position: relative;
}

.intrinsic-el {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.intrinsic-16x9 {
  padding-bottom: 56.25%;
}

.intrinsic-4x3 {
  padding-bottom: 75%;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    word-wrap: break-word;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="tel:"]:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
div#root > div[dir=rtl] th,
div#root > div[dir=rtl] td {
  text-align: right;
}
div#root > div[dir=rtl] th:first-child,
div#root > div[dir=rtl] td:first-child {
  border-left: 1px solid #cccccc;
  border-right: none;
}


@font-face {
  font-family: "Knockout-30";
  src: url("./static/media/Knockout-30JuniorWelterwt.eot");
  src: url("./static/media/Knockout-30JuniorWelterwt.eot?#iefix") format("embedded-opentype"), url("./static/media/Knockout-30JuniorWelterwt.woff2") format("woff2"), url("./static/media/Knockout-30JuniorWelterwt.woff") format("woff"), url("./static/media/Knockout-30JuniorWelterwt.svg#Knockout-30JuniorWelterwt") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "BlissPro-Regular";
  src: url("./static/media/BlissPro-Regular.eot");
  src: url("./static/media/BlissPro-Regular.eot?#iefix") format("embedded-opentype"), url("./static/media/BlissPro-Regular.woff2") format("woff2"), url("./static/media/BlissPro-Regular.woff") format("woff"), url("./static/media/BlissPro-Regular.svg#BlissPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BlissPro-Light";
  src: url("./static/media/BlissPro-Light.eot");
  src: url("./static/media/BlissPro-Light.eot?#iefix") format("embedded-opentype"), url("./static/media/BlissPro-Light.woff2") format("woff2"), url("./static/media/BlissPro-Light.woff") format("woff"), url("./static/media/BlissPro-Light.svg#BlissPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Bold";
  src: url("./static/media/CircularXX-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Medium";
  src: url("./static/media/CircularXXWeb-Medium.woff2") format("woff2"), url("./static/media/CircularXXWeb-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Regular";
  src: url("./static/media/CircularXXWeb-Regular.woff2") format("woff2"), url("./static/media/CircularXXWeb-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesome";
  src: url("./static/media/fontawesome-webfont.eot");
  src: url("./static/media/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("./static/media/fontawesome-webfont.woff2") format("woff2"), url("./static/media/fontawesome-webfont.woff") format("woff"), url("./static/media/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans-Regular";
  src: url("./static/media/NotoSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans-Bold";
  src: url("./static/media/NotoSans-Bold.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NotoSans-Italic";
  src: url("./static/media/NotoSans-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "NotoSans-BoldItalic";
  src: url("./static/media/NotoSans-Regular.ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Acumin-Pro-Extra-Condensed-Black";
  src: url("./static/media/acumin-pro-extra-condensed-extlt.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Acumin-Pro-Extra-Condensed-Black";
  src: url("./static/media/acumin-pro-extra-condensed-med.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Acumin-Pro-Extra-Condensed-Black";
  src: url("./static/media/acumin-pro-extra-condensed-bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Acumin-Pro-Extra-Condensed-Black";
  src: url("./static/media/acumin-pro-extra-condensed-black.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Compact Display";
  src: url("./static/media/SF-Compact-Display-Ultralight.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Compact Display";
  src: url("./static/media/SF-Compact-Display-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Compact Display";
  src: url("./static/media/SF-Compact-Display-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Compact Display";
  src: url("./static/media/SF-Compact-Display-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Compact Display";
  src: url("./static/media/SF-Compact-Display-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Compact Display";
  src: url("./static/media/SF-Compact-Display-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: bold;
}
@keyframes fadeOutOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0.01;
  }
  100% {
    opacity: 1;
  }
}
/*
	saxicon
	Copyright (c) 2019 Lachlan McDonald
	https://github.com/lachlanmcdonald/saxicon/

	Licensed under the BSD 3-Clause license.

	(This file is generated with saxicon and should not be updated manually.)
*/
html {
  -webkit-tap-highlight-color: rgba(239, 239, 239, 0.5);
  scroll-padding-top: 60px;
}

.l-content-column {
  position: relative;
  max-width: 730px;
  width: 100%;
  margin: 0 auto 60px auto;
}

.l-article {
  overflow: hidden;
}
.l-article.is-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .l-article.is-hidden {
    visibility: visible;
  }
}

.l-padding, .hearing-quiz .disclaimer {
  position: relative;
}

.content-card.is-alt-bg {
  background-color: #efefef;
}

@media only screen and (min-width: 77.75em) {
  .l-container,
  .l-padding,
  .hearing-quiz .disclaimer {
    width: 1180px;
  }
}
body {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #56565a;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  color: #56565a;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #56565a;
}

h1,
.h1 {
  font-size: 36px;
  line-height: 42px;
}

h2,
.h2 {
  font-size: 30px;
  line-height: 36px;
}

h3,
.h3 {
  font-size: 26px;
  line-height: 34px;
}

h4,
.h4 {
  font-size: 22px;
  line-height: 28px;
}

h5,
.h5 {
  font-size: 18px;
  line-height: 26px;
}

h6,
.h6 {
  font-size: 16px;
  line-height: 22px;
}

@media only screen and (min-width: 64em) {
  h1,
  .h1 {
    font-size: 38px;
    line-height: 44px;
  }
  h2,
  .h2 {
    font-size: 32px;
    line-height: 38px;
  }
  h3,
  .h3 {
    font-size: 28px;
    line-height: 32px;
  }
}
a:focus,
a:hover {
  color: #3f1482;
}

/* ----------- WIDGETS ----------- */
.video-embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------- ELEMENTS ----------- */
select {
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
select::-ms-expand {
  display: none;
}

input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* No script */
.page-warning {
  font-size: 14px;
  line-height: 1.4286;
  background-color: #1e1e1e;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
}

/* Full page no scrolling */
.no-scroll #main {
  height: 100vh;
  overflow: hidden;
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  transition: opacity 0.3s ease-out;
}

.modal-video-effect-exit {
  opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
  transform: translate(0, 100px);
}

.modal-video-body {
  position: relative;
  top: 25%;
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
}

.modal-video-inner {
  /* Initial Modal video Inner
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
  */
  display: block;
  width: 100% !important; /* Override inline style that isn't applicable for us */
  height: auto;
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  transform: translate(0, 0);
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: 0;
  background: transparent;
}
.modal-video-close-btn::before {
  transform: rotate(45deg);
}
.modal-video-close-btn::after {
  transform: rotate(-45deg);
}
.modal-video-close-btn::before, .modal-video-close-btn::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

.cochlear-app-container .resize-sensor-react,
.cochlear-app-container .resize-sensor-react > div,
.cochlear-app-container .resize-sensor-react .resize-sensor-react__contract-child {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.cochlear-app-container .resize-sensor-react {
  background: #eee;
  overflow: auto;
  direction: ltr; /* otherwise not working when direction: rtl - bug in chrome */
}
.cochlear-app-container .resize-sensor-react .resize-sensor-react__contract-child {
  width: 200%;
  height: 200%;
}
@keyframes resize-sensor-react-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.cochlear-app-container .resize-sensor-react {
  animation-name: resize-sensor-react-animation;
  animation-duration: 1ms;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  40%, 43%, 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  70% {
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn);
  }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn);
  }
  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  }
  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }
  60%, 80% {
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }
  60%, 80% {
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: center;
  }
  to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: left bottom;
  }
  to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  0%, to {
    -webkit-transform-origin: right bottom;
  }
  to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left;
  }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform-origin: top left;
  }
  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50%, to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50%, to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@media print {
  .top-nav,
  .nav,
  .nav-onscreen,
  .mobile-toolbar,
  .social-share,
  .logo,
  .cm-media-container,
  .cta-button,
  .is-full-width,
  .related-block,
  .global-footer,
  .breadcrumbs {
    display: none;
  }
  .notExpanded {
    display: block !important;
    margin-bottom: 40px !important;
  }
  img {
    max-width: 200px;
  }
  @page {
    margin: 0.5cm;
  }
}
.animated {
  animation-fill-mode: none;
}
.animated.toFadeInUp {
  height: 100%;
}

.top-part .animated img {
  transform: scale(1.15);
}
.top-part .slightZoomOut img {
  transition: all 2s ease-in-out;
  transform: scale(1);
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cta-button {
  text-align: left;
  padding: 15px 45px 15px 27px;
  border: 1px solid #3f1482;
  background-color: #3f1482;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  border-radius: 40px;
  position: relative;
  line-height: initial;
  font-size: 16px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.cta-button.borderless {
  border: 0;
}
.cta-button.m-full-width {
  width: 100%;
  text-align: center;
}
.cta-button.m-full-width:active::after, .cta-button.m-full-width:hover::after, .cta-button.m-full-width:focus::after {
  left: 10px;
}
.cta-button.m-full-width::after {
  left: 5px;
  top: 5px;
  position: relative;
  margin: -4px 0 0 0;
  display: inline-block;
}
@media only screen and (min-width: 64em) {
  .cta-button.m-full-width {
    width: auto;
  }
}
.cta-button::after {
  content: " ";
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(-90deg);
}
.cta-button:hover, .cta-button:active, .cta-button:focus {
  transition: all 0.2s ease-in-out;
  background-color: #672ac5;
  color: white;
}
.cta-button:hover::after, .cta-button:active::after, .cta-button:focus::after {
  transition: all 0.2s ease-in-out;
  right: 16px;
}
.cta-button.secondary, .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-page .cm-rich-text .cta-button + .cta-button {
  background-color: #ffffff;
  color: #3f1482;
}
.cta-button.secondary::after, .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-page .cm-rich-text .cta-button + .cta-button::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.cta-button.secondary:hover, .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .cta-button.secondary:active, .volunteer-buttons .btn-panel .cta-button + .cta-button:active, .volunteer-page .cm-rich-text .cta-button + .cta-button:active {
  background-color: #3f1482;
  color: #ffffff;
  border-color: #3f1482;
}
.cta-button.secondary:hover::after, .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .cta-button.secondary:active::after, .volunteer-buttons .btn-panel .cta-button + .cta-button:active::after, .volunteer-page .cm-rich-text .cta-button + .cta-button:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  right: 16px;
}
.cta-button.tertiary {
  background-color: #fdc82f;
  border-color: #fdc82f;
  color: #56565a;
  padding: 15px 25px 15px 27px;
}
.cta-button.tertiary::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transition: all 0.2s ease-in-out;
  left: 5px;
  top: 5px;
  position: relative;
  margin: -4px 0 0 0;
  display: inline-block;
}
.cta-button.tertiary:hover, .cta-button.tertiary:active {
  background-color: #ffb000;
}
.cta-button.tertiary:hover::after, .cta-button.tertiary:active::after {
  right: 16px;
  left: 10px;
}

.link-icon:hover path {
  fill: #3f1482;
}

div#root > div[dir=rtl] .cta-button {
  text-align: center;
  padding: 15px 27px 15px 45px;
}
div#root > div[dir=rtl] .cta-button:hover::after, div#root > div[dir=rtl] .cta-button:focus div#root > div[dir=rtl] .cta-button:active::after {
  right: auto; /*replaced*/
  left: 16px;
}
div#root > div[dir=rtl] .cta-button::after {
  right: auto; /*replaced*/
  left: 20px;
}
div#root > div[dir=rtl] .cta-button.tertiary {
  padding: 15px 27px 15px 25px;
}
div#root > div[dir=rtl] .cta-button.tertiary:hover::after {
  left: -10px;
}
div#root > div[dir=rtl] .cta-button.tertiary::after {
  left: -5px;
}

body.is-sticky {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.modal-video {
  background-color: rgba(0, 0, 0, 0.9);
}
.modal-video .modal-video-close-btn {
  right: 18px;
  width: 24px;
  height: 24px;
  bottom: calc(50vh + 50% - 44px);
}
.modal-video .modal-video-close-btn::before, .modal-video .modal-video-close-btn::after {
  margin-top: 0;
}

@media only screen and (min-width: 64em) {
  .modal-video {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .modal-video .modal-video-close-btn {
    bottom: auto;
    top: -44px;
    right: 0;
  }
}
table.bordered {
  border: 1px solid #cccccc;
}
table.bordered thead th,
table.bordered thead td {
  background-color: #56565a;
  color: white;
  border-color: #cccccc;
}
table.bordered tbody td {
  border-color: #cccccc;
}

.show {
  display: block;
}
.show.horizontal-rule {
  border: 0;
  background-color: transparent;
  margin: 10px 0;
  height: 1px;
}

.hide {
  display: none;
}

.contact-form .l-content-column {
  margin-top: 60px;
}

.form-box {
  background-color: #efefef;
  margin: 0 -20px;
  padding: 30px 20px;
  overflow: hidden;
}
.form-box .bottom-border-line {
  border-bottom: 5px solid #fdc82f;
}
.form-box .bottom-border-line.bottom-padding {
  padding-bottom: 20px;
}
.form-box .horizontal-rule {
  border: 0;
  background-color: transparent;
  margin: 10px 0;
  height: 1px;
}
.form-box h3 {
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 18px;
  padding-top: 25px;
}
.form-box label,
.form-box input,
.form-box textarea {
  display: block;
  width: 100%;
}
.form-box input:focus,
.form-box textarea:focus {
  outline: none;
  border-bottom: 3px solid #fdc82f;
}
.form-box label {
  font-size: 16px;
  margin-top: 30px;
  color: #56565a;
  font-weight: bold;
}
.form-box label li {
  font-size: 16px;
}
.form-box textarea {
  /* margin-top: 30px; */
  resize: none;
  height: 200px;
  border: 1px solid #ccc;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif !important;
  padding: 10px;
}
.form-box input {
  border: 1px solid #ccc;
  padding: 10px;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.form-box fieldset.checkbox-group,
.form-box fieldset.radio-group {
  font-size: 16px;
  margin-top: 30px;
  color: #56565a;
  font-weight: bold;
}
.form-box fieldset.checkbox-group legend,
.form-box fieldset.radio-group legend {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  float: none;
  margin-bottom: inherit;
}
.form-box fieldset.checkbox-group .check-container,
.form-box fieldset.radio-group .check-container {
  margin: 10px 0;
}
.form-box .radio-container {
  margin: 10px 0;
}
.form-box .radio-container .radiopoint::after {
  top: 7px;
  left: 7px;
  width: 7px;
  height: 7px;
}
.form-box span {
  color: #56565a;
  font-size: 16px;
}
.form-box .dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-color: white;
  width: 100%;
  border-radius: 0;
  padding: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  border: solid 1px #ccc;
}
.form-box .dropdown::-ms-expand {
  display: none;
}
.form-box .details-box h4 {
  padding-top: 20px;
}
.form-box .details-box span,
.form-box .details-box button {
  display: block;
  padding-left: 40px;
  position: relative;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
}
.form-box .details-box span::before,
.form-box .details-box button::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: 100%;
}
.form-box .details-box span.phone,
.form-box .details-box button.phone {
  color: #56565a;
}
.form-box .details-box span.cta,
.form-box .details-box button.cta {
  position: relative;
  display: block;
  border: 0;
  border-top: 1px solid #efefef;
  border-left: 5px solid #fdc82f;
  background-color: #3f1482;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  padding: 10px 55px 10px 30px;
  float: left;
  border-radius: 30px;
  cursor: pointer;
  width: 100%;
  border: 0;
  margin: 0;
  margin-top: 20px;
  text-align: center;
}
.form-box .details-box span.cta:hover,
.form-box .details-box button.cta:hover {
  transition: all 0.2s ease-in-out;
  background-color: #672ac5;
  color: white;
}
.form-box .details-box span.cta::after,
.form-box .details-box button.cta::after {
  content: " ";
  right: 25px;
  top: 16px;
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(-90deg);
}
.form-box .details-box span.cta:active,
.form-box .details-box button.cta:active {
  color: #3f1482;
  background-color: transparent;
  border: 1px solid #3f1482;
}
.form-box .details-box span.cta:active::after,
.form-box .details-box button.cta:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.form-box .details-box span.cta.is-light,
.form-box .details-box button.cta.is-light {
  background-color: transparent;
  color: #3f1482;
  border: 1px solid #3f1482;
}
.form-box .details-box span.cta.is-light:active,
.form-box .details-box button.cta.is-light:active {
  background-color: #3f1482;
  color: #ffffff;
}
.form-box .details-box span.cta.cancel::after,
.form-box .details-box button.cta.cancel::after {
  height: 13px;
  width: 13px;
  margin-top: 2px;
}
.form-box a {
  color: #3f1482;
  cursor: pointer;
}
.form-box a.cta-button {
  color: white;
}
.form-box .show {
  display: block;
}
.form-box .hide {
  display: none;
}
.form-box .error-message-box {
  border: 1px solid #cccccc;
  background-color: white;
  padding: 0;
  margin-top: 20px;
  border-radius: 6px;
}
.form-box .error-message-box span {
  border-bottom: 1px solid #cccccc;
  width: 100%;
  display: inline-block;
  padding: 20px;
  color: #eb0606;
}
.form-box .error-message-box > span {
  position: relative;
  padding-left: 50px;
}
.form-box .error-message-box > span::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.form-box .error-message-box ul {
  margin-top: 0;
  padding-left: 40px;
}
.form-box .error-message-box ul li {
  color: #eb0606;
  margin: 12px 0;
  padding: 0 10px;
}
.form-box .error-message-box ul li span {
  border: 0;
  padding: 0;
}
.form-box .error-summary {
  margin-top: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}
.form-box .error-summary .items {
  margin-top: 14px;
  padding-left: 35px;
  position: relative;
}
.form-box .error-summary span[role=link] {
  padding: 0;
  color: #3f1482;
  cursor: pointer;
  text-decoration: underline;
}
.form-box .error-summary .multiple-errors-box {
  border-bottom: 1px solid #ccc;
  padding: 20px;
}
.form-box .error-summary .multiple-errors-box::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100%;
  top: 35px;
  left: 20px;
}
.form-box .error-summary .multiple-errors-box p {
  color: #ff0037;
  letter-spacing: normal;
  padding-left: 40px;
  font-weight: bold;
  font-size: 16px;
}
.form-box .error-summary .invalid-item {
  color: #ff0037;
  list-style: none;
  letter-spacing: normal;
  margin: 20px 0;
  font-weight: bold;
  font-size: 16px;
}
.form-box .error-summary .invalid-item::before {
  content: "";
  position: absolute;
  left: 20px;
  font-size: 27px;
  height: 5px;
  width: 5px;
  background-color: red;
  border-radius: 50%;
  margin-top: 12px;
}
.form-box.submit-container {
  order: 20;
}
.form-box .checkbox-label {
  display: block;
  margin-left: 33px;
  margin-top: 16px;
  float: right;
  font-weight: bold;
  max-width: 95%;
}
.form-box .checkbox-label:hover {
  cursor: pointer;
}

.underlined {
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 18px;
}

@media screen and (min-width: 64em) {
  .l-content-column .form-box-failure {
    margin: 0;
    padding: 30px 40px;
    background-color: #efefef;
    overflow: hidden;
  }
  .l-content-column .form-box-failure .a {
    display: inline-block;
  }
}
@media screen and (min-width: 64em) {
  .l-content-column .form-box {
    margin: 0;
    padding: 30px 40px;
  }
  .l-content-column .form-box.form-box-success, .l-content-column .form-box.form-box-failure {
    margin-top: 20px;
  }
  .l-content-column .form-box .sl-list.has-2-items .sl-item.date {
    flex: 3 1;
  }
  .l-content-column .form-box .sl-list.has-2-items .sl-item.date .warn {
    margin-top: 20px;
  }
  .l-content-column .form-box .sl-list.has-2-items .sl-item.date .warnlabel {
    margin-top: 10px;
  }
  .l-content-column .form-box .sl-list.has-2-items .sl-item.date .multi-container {
    flex: auto;
  }
  .l-content-column .form-box .sl-list.has-2-items .sl-item:first-child {
    padding-right: 10px;
  }
  .l-content-column .form-box .sl-list.has-2-items .sl-item:last-child {
    padding-left: 10px;
  }
  .l-content-column .form-box .details-box span.cta,
  .l-content-column .form-box .details-box button.cta {
    width: auto;
    margin-right: 20px;
    border: 1px solid #3f1482;
  }
  .l-content-column .form-box .details-box span.cta:hover,
  .l-content-column .form-box .details-box button.cta:hover {
    border: 1px solid #3f1482;
    transition: all 0.2s ease-in-out;
    background-color: #672ac5;
    color: white;
  }
  .l-content-column .form-box .details-box span.cta:hover::after,
  .l-content-column .form-box .details-box button.cta:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    right: 20px;
    transition: all 0.2s ease-in-out;
  }
  .l-content-column .form-box .details-box span.cta.is-light,
  .l-content-column .form-box .details-box button.cta.is-light {
    background-color: transparent;
    color: #3f1482;
    border: 1px solid #3f1482;
  }
  .l-content-column .form-box .details-box span.cta.is-light:hover,
  .l-content-column .form-box .details-box button.cta.is-light:hover {
    background-color: #3f1482;
    color: #ffffff;
  }
  .l-content-column .form-box .details-box span.cta.cancel::after,
  .l-content-column .form-box .details-box button.cta.cancel::after {
    height: 13px;
    width: 13px;
    margin-top: 2px;
  }
  .l-content-column .is-cta {
    width: 40%;
    margin-left: auto;
    margin-right: 0;
    border: 0;
    overflow: hidden;
    margin-top: 50px;
  }
  .l-content-column .is-cta .image {
    height: 350px;
    position: relative;
    left: 30px;
    display: block;
  }
  .l-content-column .is-cta .image img {
    max-width: none;
    height: 100%;
    display: block;
    width: auto;
    border-radius: 0 0 0 50px;
    transform: none;
  }
  .l-content-column .is-cta .content {
    background-color: #fdc82f;
    opacity: 0.9;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 0;
    height: calc(100% - 60px);
    transform: translateY(-50%);
    border-radius: 0px 0px 40px 0;
  }
  .l-content-column .is-cta .content .cta {
    border: 0;
    width: 170px;
    background-color: #ffffff;
    margin: 29px;
    border-radius: 30px;
    padding: 10px 0 10px 40px;
  }
  .l-content-column .is-cta .content .cta::after {
    left: 123px;
    top: 16px;
  }
  .l-content-column .is-cta .content .cta:hover {
    background-color: #3f1482;
    color: #ffffff;
  }
  .l-content-column .is-cta .cm-image-block-link {
    min-height: 400px;
  }
  .l-content-column .is-cta .cm-image-block-link > a {
    width: 100%;
    padding-right: 0;
    left: 0;
    padding-left: 0;
  }
  .l-content-column .is-cta .cm-image-block-link > a > img {
    position: absolute;
    width: auto;
    border-radius: 0;
    height: 100%;
  }
  .l-content-column .is-cta .cm-image-block-link img,
  .l-content-column .is-cta .cm-image-block-link .img {
    padding-left: 20px;
    height: 100%;
    position: absolute;
    width: auto;
  }
  .l-content-column .is-cta .cm-image-block-link .content {
    left: -2px;
    top: 30px;
    max-width: 308px;
    width: 100%;
    border-radius: 0 0 50px 0;
    height: calc(100% - 60px);
    padding-left: 23px;
  }
  .l-content-column .is-cta .cm-image-block-link .content h3 {
    padding: 20px 54px 10px 0;
    font-size: 22px;
  }
  .l-content-column .is-cta .cm-image-block-link .content p {
    padding: 0 54px 0 0;
    font-size: 28px;
    min-height: 155px;
  }
  .l-content-column .is-cta .cm-image-block-link .cta {
    margin: 0;
  }
  .l-content-column .is-cta .cm-image-block-link .cta::after {
    display: inline-block;
  }
  .l-content-column .is-cta:hover {
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
  .l-content-column .is-cta:hover .cta {
    background-color: #3f1482;
    color: #ffffff;
  }
  .l-content-column .is-cta:hover h3 a,
  .l-content-column .is-cta:hover p {
    color: #3f1482;
  }
}

.l-content-column .form-box .sl-list .multi-container {
  display: flex;
  flex: 0 1 50%;
}
.l-content-column .form-box .sl-list .multi-container .date-input {
  flex: 0 1 100px;
  padding-right: 30px;
  position: relative;
}
.l-content-column .form-box .sl-list .multi-container .date-input::after {
  content: "/";
  position: absolute;
  top: 7px;
  left: 80px;
}
.l-content-column .form-box .sl-list .multi-container .date-input.year {
  flex: 0 1 125px;
  padding-right: 10px;
}
.l-content-column .form-box .sl-list .multi-container .date-input.year::after {
  content: "";
}
.l-content-column .form-box .sl-item .warn {
  margin-top: 20px;
}
.l-content-column .form-box .sl-item .warn label {
  margin-top: 10px;
}
.l-content-column .form-box .sl-item .anchor {
  padding-top: 200px;
  margin-top: -200px;
  position: absolute;
}

form.mktform.been-clicked button[type=submit].cta .lds-ring {
  display: inline-block;
  right: 21px;
  top: 11px;
  position: absolute;
}
form.mktform.been-clicked button[type=submit].cta::after {
  content: none;
}

button[type=submit].cta.been-clicked .lds-ring,
.downloadBox.been-clicked .lds-ring {
  display: inline-block;
  right: 21px;
  top: 11px;
  position: absolute;
}
button[type=submit].cta.been-clicked::after,
.downloadBox.been-clicked::after {
  content: none;
}
button[type=submit].cta .lds-ring,
.downloadBox .lds-ring {
  display: none;
  position: relative;
  width: 29px;
  height: 29px;
}
button[type=submit].cta .lds-ring div,
.downloadBox .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 2px;
  border: 2px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
button[type=submit].cta:active .lds-ring div,
.downloadBox:active .lds-ring div {
  border-color: #3f1482 transparent transparent transparent;
}
@media screen and (min-width: 64em) {
  button[type=submit].cta:hover .lds-ring div,
  .downloadBox:hover .lds-ring div {
    border-color: #3f1482 transparent transparent transparent;
  }
}
button[type=submit].cta .lds-ring div:nth-child(1),
.downloadBox .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
button[type=submit].cta .lds-ring div:nth-child(2),
.downloadBox .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
button[type=submit].cta .lds-ring div:nth-child(3),
.downloadBox .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

div#root > div[dir=rtl] .form-box .dropdown {
  background-position: 5px 50%;
}
div#root > div[dir=rtl] .l-content-column .form-box .sl-list .multi-container .date-input {
  padding-right: 0;
  padding-left: 30px;
}
div#root > div[dir=rtl] .l-content-column .form-box .sl-list .multi-container .date-input:last-child::after {
  content: " ";
}
div#root > div[dir=rtl] .l-content-column .form-box .sl-list .multi-container .date-input::after {
  content: "/";
  position: absolute;
  top: 7px;
  left: auto;
  right: 80px;
}
div#root > div[dir=rtl] .l-content-column .details-box span.cta,
div#root > div[dir=rtl] .l-content-column .details-box button.cta {
  padding: 10px 30px 10px 55px;
}
div#root > div[dir=rtl] .l-content-column .details-box span.cta::before,
div#root > div[dir=rtl] .l-content-column .details-box button.cta::before {
  content: " ";
}
div#root > div[dir=rtl] .l-content-column .details-box span.cta::after,
div#root > div[dir=rtl] .l-content-column .details-box button.cta::after {
  content: " ";
  right: auto;
  left: 25px;
  top: 16px;
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(90deg);
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .l-content-column .details-box span.cta,
  div#root > div[dir=rtl] .l-content-column .details-box button.cta {
    margin-left: 20px;
    margin-right: 0;
    float: right;
  }
  div#root > div[dir=rtl] .l-content-column .details-box span.cta:hover::after,
  div#root > div[dir=rtl] .l-content-column .details-box button.cta:hover::after {
    left: 20px;
  }
}

.select-input.is-error select {
  color: #eb0606;
}
.select-input.is-error label {
  margin-bottom: 0;
  color: #eb0606;
}
.select-input.is-error label span {
  color: #eb0606;
}
.select-input.is-error label:hover {
  color: #eb0606;
}
.select-input.is-error input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3EIcon/Error%3C/title%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22%23EB0606%22 stroke-linejoin=%22round%22%3E%3Cpath stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M21.999 11.825c.095 5.522-4.476 10.077-9.999 10.173-5.522.096-9.903-4.302-9.999-9.824C1.905 6.654 6.478 2.097 12 2.002c5.522-.097 9.903 4.303 9.999 9.823zM12 13V6%22/%3E%3Cpath fill=%22%23FF325F%22 d=%22M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 6px);
  background-position-y: center;
  background-size: 20px;
}
.select-input .error {
  color: #eb0606;
  position: relative;
  display: block;
  margin-top: 10px;
}

.form-dropdown-box {
  background-color: #efefef;
  border-left: 5px solid #fdc82f;
  margin: 0 -20px;
  padding: 30px 20px;
}
.form-dropdown-box .dropdown {
  display: block;
  background-color: white;
  width: 100%;
  border-radius: 0;
  padding: 10px;
  border-color: #ccc;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-dropdown-box .dropdown::-ms-expand {
  display: none;
}
.form-dropdown-box label {
  font-size: 13px;
  font-weight: bold;
}
.form-dropdown-box .details-box h4 {
  padding-top: 20px;
}
.form-dropdown-box .details-box a {
  display: inline-block;
}
.form-dropdown-box .details-box span {
  display: block;
  margin-top: 10px;
  padding-left: 40px;
  position: relative;
}
.form-dropdown-box .details-box span::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: 100%;
}
.form-dropdown-box .details-box span.phone {
  color: #56565a;
  margin-bottom: 10px;
}
.form-dropdown-box .details-box span.phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Phone%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Phone%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M9.35093754%2C7.82040426 C10.1709357%2C6.99947021 10.1709357%2C5.66761152 9.35093754%2C4.84667747 L7.12003346%2C2.61570054 C6.29912622%2C1.79476649 4.96731103%2C1.79476649 4.1454947%2C2.61570054 L2.92367926%2C3.83937411 C1.86186347%2C4.90122458 1.69731839%2C6.55582035 2.52458925%2C7.8076766 C6.07821762%2C13.1805673 10.8191161%2C17.9216205 16.1918312%2C21.4762741 C17.4418284%2C22.3026628 19.1027338%2C22.1372032 20.1609132%2C21.0780801 L21.3836377%2C19.8544066 C22.2054541%2C19.0334725 22.2054541%2C17.7016138 21.3836377%2C16.8815889 L19.1536428%2C14.6515211 C18.3336446%2C13.8287688 17.0018294%2C13.8287688 16.1800131%2C14.6515211 L15.4363784%2C15.3942709 C12.9909294%2C13.3905736 10.6109347%2C11.0095921 8.60730285%2C8.56315412 L9.35093754%2C7.82040426 Z%22 id=%22Page-1%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.form-dropdown-box .details-box span.phoneOption {
  padding-left: 5px;
  display: inline;
}
.form-dropdown-box .details-box span.link::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Mail%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Mail%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M23%2C18.5 C23%2C19.328 22.296%2C20 21.4285714%2C20 L2.57142857%2C20 C1.704%2C20 1%2C19.328 1%2C18.5 L1%2C7.5 C1%2C6.671 1.704%2C6 2.57142857%2C6 L21.4285714%2C6 C22.296%2C6 23%2C6.671 23%2C7.5 L23%2C18.5 Z%22 id=%22Stroke-1%22 stroke=%22%23FDC82F%22/%3E%3Cpolyline id=%22Stroke-3%22 points=%2222 7 12 15 2 7%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.form-dropdown-box .details-box span.cta-button {
  margin-top: 0;
}
.form-dropdown-box .details-box span.cta-button::hover, .form-dropdown-box .details-box span.cta-button::active {
  background-color: #4e03c0;
}
.form-dropdown-box a {
  color: #3f1482;
}

@media screen and (min-width: 64em) {
  .l-content-column.contact-us {
    max-width: none;
    margin-top: 60px;
  }
  .l-content-column.contact-us .form-dropdown-box {
    float: left;
    width: 50%;
    margin: 0;
    padding: 30px 40px;
  }
  .l-content-column.contact-us .form-dropdown-box .dropdown {
    padding: 5px 10px;
  }
  .l-content-column.contact-us .is-cta {
    width: 40%;
    margin-left: auto;
    margin-right: 0;
    border: 0;
    overflow: hidden;
    margin-top: 50px;
  }
  .l-content-column.contact-us .is-cta .image {
    height: 350px;
    position: relative;
    left: 30px;
    display: block;
  }
  .l-content-column.contact-us .is-cta .image img {
    max-width: none;
    height: 100%;
    display: block;
    width: auto;
    border-radius: 0 0 0 50px;
    transform: none;
  }
  .l-content-column.contact-us .is-cta .content {
    background-color: #fdc82f;
    opacity: 0.9;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 0;
    height: calc(100% - 60px);
    transform: translateY(-50%);
    border-radius: 0 0 40px 0;
  }
  .l-content-column.contact-us .is-cta .content .cta {
    border: 0;
    width: 170px;
    background-color: #ffffff;
    margin: 29px;
    border-radius: 30px;
    padding: 10px 0 10px 40px;
  }
  .l-content-column.contact-us .is-cta .content .cta::after {
    left: 123px;
    top: 16px;
  }
  .l-content-column.contact-us .is-cta .content .cta:hover {
    background-color: #3f1482;
    color: #ffffff;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link {
    min-height: 400px;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link > a {
    width: 100%;
    padding-right: 0;
    left: 0;
    padding-left: 0;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link > a > img {
    position: absolute;
    width: auto;
    border-radius: 0;
    height: 100%;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link img,
  .l-content-column.contact-us .is-cta .cm-image-block-link .img {
    padding-left: 20px;
    height: 100%;
    position: absolute;
    width: auto;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link .content {
    left: -2px;
    top: 30px;
    max-width: 308px;
    width: 100%;
    border-radius: 0 0 50px 0;
    height: calc(100% - 60px);
    padding-left: 23px;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link .content h3 {
    padding: 20px 54px 10px 0;
    font-size: 22px;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link .content p {
    padding: 0 54px 0 0;
    font-size: 28px;
    min-height: 155px;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link .cta {
    margin: 0;
  }
  .l-content-column.contact-us .is-cta .cm-image-block-link .cta::after {
    display: inline-block;
  }
  .l-content-column.contact-us .is-cta:hover {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
  .l-content-column.contact-us .is-cta:hover .cta {
    background-color: #3f1482;
    color: #ffffff;
  }
  .l-content-column.contact-us .is-cta:hover .cta::after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .l-content-column.contact-us .is-cta:hover h3 a,
  .l-content-column.contact-us .is-cta:hover p {
    color: #3f1482;
  }
}

.contact-form header + main .form-dropdown-box select#txt-form {
  margin-top: 10px;
}
.contact-form header:not(.is-sticky) + main .form-dropdown-box label[for=txt-form] {
  height: 14px;
  display: block;
}
.contact-form header.is-sticky.has-redirect + main .form-dropdown-box select#txt-form {
  padding: 10px;
  margin-top: 10px;
}
.contact-form header.is-sticky + main .form-dropdown-box select#txt-form {
  margin-top: 0;
}

div#root > div[dir=rtl] .form-dropdown-box .dropdown {
  background-position: 5px 50%;
}

.form-box label.invalid {
  color: #eb0606;
}
.form-box span.error {
  font-weight: bold;
}
.form-box .is-error textarea,
.form-box .is-error input,
.form-box .is-error span.radiopoint,
.form-box .is-error select,
.form-box .is-error span.checkmark {
  border-color: #eb0606;
}
.form-box .is-error label,
.form-box .is-error .radio-question {
  margin-bottom: 0;
  color: #eb0606;
}
.form-box .is-error label span,
.form-box .is-error .radio-question span {
  color: #eb0606;
}
.form-box .is-error label:hover,
.form-box .is-error .radio-question:hover {
  color: #eb0606;
}
.form-box .is-error .date-input input {
  background-image: none;
}
.form-box .is-error .sl-list.date .date-input.year input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3EIcon/Error%3C/title%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22%23EB0606%22 stroke-linejoin=%22round%22%3E%3Cpath stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M21.999 11.825c.095 5.522-4.476 10.077-9.999 10.173-5.522.096-9.903-4.302-9.999-9.824C1.905 6.654 6.478 2.097 12 2.002c5.522-.097 9.903 4.303 9.999 9.823zM12 13V6%22/%3E%3Cpath fill=%22%23FF325F%22 d=%22M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 6px);
  background-position-y: center;
  background-size: 20px;
}
.form-box .is-error input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3EIcon/Error%3C/title%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22%23EB0606%22 stroke-linejoin=%22round%22%3E%3Cpath stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M21.999 11.825c.095 5.522-4.476 10.077-9.999 10.173-5.522.096-9.903-4.302-9.999-9.824C1.905 6.654 6.478 2.097 12 2.002c5.522-.097 9.903 4.303 9.999 9.823zM12 13V6%22/%3E%3Cpath fill=%22%23FF325F%22 d=%22M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 6px);
  background-position-y: center;
  background-size: 20px;
}
.form-box .is-error label.radio-container.label-normal {
  font-weight: normal;
}
.form-box .is-error label.check-container + .error,
.form-box .is-error label.radio-container + .error {
  padding-left: 30px;
  display: block;
  position: relative;
}
.form-box .is-error label.check-container + .error::before,
.form-box .is-error label.radio-container + .error::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3EIcon/Error%3C/title%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22%23EB0606%22 stroke-linejoin=%22round%22%3E%3Cpath stroke-linecap=%22round%22 stroke-width=%222%22 d=%22M21.999 11.825c.095 5.522-4.476 10.077-9.999 10.173-5.522.096-9.903-4.302-9.999-9.824C1.905 6.654 6.478 2.097 12 2.002c5.522-.097 9.903 4.303 9.999 9.823zM12 13V6%22/%3E%3Cpath fill=%22%23FF325F%22 d=%22M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z%22/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  position: absolute;
  top: 5px;
  left: 0;
}
.form-box .error,
.form-box .status-msg__message {
  color: #eb0606;
  position: relative;
  display: block;
  margin-top: 10px;
}
.form-box .checkmark {
  top: -1px;
}
.form-box input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.form-box .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.form-box .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view--down-arrow,
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.form-box .react-datepicker__year-read-view--down-arrow::before,
.form-box .react-datepicker__month-read-view--down-arrow::before,
.form-box .react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.form-box .react-datepicker__year-read-view--down-arrow::before,
.form-box .react-datepicker__month-read-view--down-arrow::before,
.form-box .react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: 0;
  border-bottom-color: #f0f0f0;
}
.form-box .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.form-box .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.form-box .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view--down-arrow,
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.form-box .react-datepicker__year-read-view--down-arrow::before,
.form-box .react-datepicker__month-read-view--down-arrow::before,
.form-box .react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: 0;
  border-top-color: #fff;
}
.form-box .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.form-box .react-datepicker__year-read-view--down-arrow::before,
.form-box .react-datepicker__month-read-view--down-arrow::before,
.form-box .react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.form-box .react-datepicker-wrapper {
  display: inline-block;
  width: 100%;
}
.form-box .react-datepicker {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.form-box .react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.form-box .react-datepicker-popper {
  z-index: 1;
}
.form-box .react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}
.form-box .react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}
.form-box .react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}
.form-box .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.form-box .react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}
.form-box .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.form-box .react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}
.form-box .react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.form-box .react-datepicker__year-dropdown-container--select,
.form-box .react-datepicker__month-dropdown-container--select,
.form-box .react-datepicker__month-year-dropdown-container--select,
.form-box .react-datepicker__year-dropdown-container--scroll,
.form-box .react-datepicker__month-dropdown-container--scroll,
.form-box .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.form-box .react-datepicker__current-month,
.form-box .react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.form-box .react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.form-box .react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 16px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}
.form-box .react-datepicker__navigation--previous {
  left: 5px;
  border-right-color: #ccc;
}
.form-box .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.form-box .react-datepicker__navigation--previous--disabled,
.form-box .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.form-box .react-datepicker__navigation--next {
  right: 5px;
  border-left-color: #ccc;
}
.form-box .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}
.form-box .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.form-box .react-datepicker__navigation--next--disabled,
.form-box .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.form-box .react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.form-box .react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.form-box .react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.form-box .react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.form-box .react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}
.form-box .react-datepicker__month-container {
  float: left;
}
.form-box .react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.form-box .react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}
.form-box .react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.form-box .react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #3f1482;
  color: white;
  font-weight: bold;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #3f1482;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.form-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.form-box .react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.form-box .react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.form-box .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.form-box .react-datepicker__day-names,
.form-box .react-datepicker__week {
  white-space: nowrap;
}
.form-box .react-datepicker__day-name,
.form-box .react-datepicker__day,
.form-box .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.form-box .react-datepicker__day {
  cursor: pointer;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.form-box .react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.form-box .react-datepicker__day--today {
  font-weight: bold;
}
.form-box .react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.form-box .react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}
.form-box .react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}
.form-box .react-datepicker__day--highlighted-custom-2 {
  color: green;
}
.form-box .react-datepicker__day--selected,
.form-box .react-datepicker__day--in-selecting-range,
.form-box .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #3f1482;
  color: #fff;
}
.form-box .react-datepicker__day--selected:hover,
.form-box .react-datepicker__day--in-selecting-range:hover,
.form-box .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}
.form-box .react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #3f1482;
  color: #fff;
}
.form-box .react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}
.form-box .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.form-box .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.form-box .react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}
.form-box .react-datepicker__day--disabled:hover {
  background-color: transparent;
}
.form-box .react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.form-box .react-datepicker__year-read-view,
.form-box .react-datepicker__month-read-view,
.form-box .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.form-box .react-datepicker__year-read-view:hover,
.form-box .react-datepicker__month-read-view:hover,
.form-box .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.form-box .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.form-box .react-datepicker__year-read-view--down-arrow,
.form-box .react-datepicker__month-read-view--down-arrow,
.form-box .react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 12px;
  position: relative;
  border-width: 5px;
}
.form-box .react-datepicker__year-dropdown,
.form-box .react-datepicker__month-dropdown,
.form-box .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.form-box .react-datepicker__year-dropdown:hover,
.form-box .react-datepicker__month-dropdown:hover,
.form-box .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.form-box .react-datepicker__year-dropdown--scrollable,
.form-box .react-datepicker__month-dropdown--scrollable,
.form-box .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.form-box .react-datepicker__year-option,
.form-box .react-datepicker__month-option,
.form-box .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.form-box .react-datepicker__year-option:first-of-type,
.form-box .react-datepicker__month-option:first-of-type,
.form-box .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.form-box .react-datepicker__year-option:last-of-type,
.form-box .react-datepicker__month-option:last-of-type,
.form-box .react-datepicker__month-year-option:last-of-type {
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.form-box .react-datepicker__year-option:hover,
.form-box .react-datepicker__month-option:hover,
.form-box .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.form-box .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.form-box .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.form-box .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.form-box .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.form-box .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.form-box .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.form-box .react-datepicker__year-option--selected,
.form-box .react-datepicker__month-option--selected,
.form-box .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.form-box .react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}
.form-box .react-datepicker__close-icon::after {
  background-color: #3f1482;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}
.form-box .react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.form-box .react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.form-box .react-datepicker__portal .react-datepicker__day-name,
.form-box .react-datepicker__portal .react-datepicker__day,
.form-box .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .form-box .react-datepicker__portal .react-datepicker__day-name,
  .form-box .react-datepicker__portal .react-datepicker__day,
  .form-box .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.form-box .react-datepicker__portal .react-datepicker__current-month,
.form-box .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.form-box .react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}
.form-box .react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}
.form-box .react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.form-box .react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.form-box .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.form-box .react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.form-box .react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.form-box .react-datepicker__portal .react-datepicker__navigation--next--disabled,
.form-box .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.form-box .react-datepicker__day.react-datepicker__day--outside-month {
  color: #efefef;
}
@media screen and (min-width: 64em) {
  .form-box .date-input-lineup {
    padding: 15px 10px 16px;
  }
}
.form-box select.react-datepicker__month-select {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}

/* Create a custom radio button */
.radiopoint {
  position: absolute;
  top: 2px;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #fff;
  border-radius: 50%;
  border: solid 1px #cccccc;
  /* Create the indicator (the dot/circle - hidden when not checked) */
}
.radiopoint::after {
  content: "";
  position: absolute;
  display: none;
}

/* Customize the label (the container) */
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  /* Hide the browser's default radio button */
}
.check-container input {
  position: absolute;
  opacity: 0;
}
.check-container input:checked ~ .checkmark {
  border: 1px solid #3f1482;
}
.check-container input:checked ~ .checkmark::after {
  /* Show the indicator (dot/circle) when checked */
  display: block;
}
.check-container input:focus ~ .checkmark {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
  border: 1px solid #3f1482;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .check-container input:focus ~ .checkmark {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
.check-container .checkmark {
  /* Style the indicator (dot/circle) */
}
.check-container .checkmark::after {
  left: 8px;
  top: 1.5px;
  width: 6px;
  height: 16px;
  border: solid #3f1482;
  border-width: 0 2px 2px 0;
  transform: rotate(35deg);
}
.check-container:focus {
  color: #3f1482 !important;
}
.check-container:hover {
  color: #3f1482 !important;
}
.check-container:hover input ~ .checkmark {
  border: 1px solid #3f1482;
}

.radio-container input:focus ~ .radiopoint {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .radio-container input:focus ~ .radiopoint {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #fff;
  border: solid 1px #cccccc;
}
.checkmark:focus {
  border: solid 2px #3f1482 !important;
}
.checkmark::after {
  /* Create the indicator (the dot/circle - hidden when not checked) */
  content: "";
  position: absolute;
  display: none;
}

div#root > div[dir=rtl] .radiopoint {
  right: 0;
  left: auto; /*replaced*/
}
div#root > div[dir=rtl] .is-error .sl-list.date .date-input.year input {
  background-position-x: 6px;
}
div#root > div[dir=rtl] .is-error input {
  background-position-x: 6px;
}
div#root > div[dir=rtl] .check-container {
  padding-left: 0;
  padding-right: 35px;
}
div#root > div[dir=rtl] .check-container .checkmark {
  left: auto; /*replaced*/
  right: 0;
}
div#root > div[dir=rtl] .check-container .checkmark::after {
  left: auto; /*replaced*/
  right: 8px;
}
div#root > div[dir=rtl] label.check-container + .error,
div#root > div[dir=rtl] label.radio-container + .error {
  padding-right: 30px;
  padding-left: 0;
}
div#root > div[dir=rtl] label.check-container + .error::before,
div#root > div[dir=rtl] label.radio-container + .error::before {
  right: 0;
  left: auto; /*replaced*/
}

#sc-form form {
  display: flex;
  flex-direction: column;
}
#sc-form .form-box .is-error label.check-container + .error {
  float: left;
}

.schematik-form,
#sc-form {
  margin-top: 30px;
}
.schematik-form hr:last-of-type.show.horizontal-rule,
#sc-form hr:last-of-type.show.horizontal-rule {
  display: none;
}
.schematik-form .error-summary-container,
#sc-form .error-summary-container {
  padding-top: 0;
  padding-bottom: 0;
  order: 10;
}
.schematik-form .error-summary-container .details-box,
#sc-form .error-summary-container .details-box {
  margin-top: 20px;
}
.schematik-form .error-summary-container .details-box .error-summary,
#sc-form .error-summary-container .details-box .error-summary {
  margin-top: 0;
}
.schematik-form .render-buttons,
#sc-form .render-buttons {
  padding-top: 0;
}
.schematik-form .form-box .sl-list .multi-container .date-input:last-child::after,
#sc-form .form-box .sl-list .multi-container .date-input:last-child::after {
  content: "";
}
.schematik-form .field-container fieldset legend,
#sc-form .field-container fieldset legend {
  font-size: 16px;
  margin-top: 30px;
  color: #56565a;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  width: 100%;
  margin-bottom: 0;
}
.schematik-form .field-container fieldset legend select,
.schematik-form .field-container fieldset legend input,
#sc-form .field-container fieldset legend select,
#sc-form .field-container fieldset legend input {
  line-height: 20px;
}
.schematik-form .field-container fieldset legend .split-group .split-ratio-1:first-child .select-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-1:first-child .form-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-2:first-child .select-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-2:first-child .form-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-3:first-child .select-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-3:first-child .form-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-4:first-child .select-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-4:first-child .form-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-5:first-child .select-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-5:first-child .form-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-6:first-child .select-input label,
.schematik-form .field-container fieldset legend .split-group .split-ratio-6:first-child .form-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-1:first-child .select-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-1:first-child .form-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-2:first-child .select-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-2:first-child .form-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-3:first-child .select-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-3:first-child .form-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-4:first-child .select-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-4:first-child .form-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-5:first-child .select-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-5:first-child .form-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-6:first-child .select-input label,
#sc-form .field-container fieldset legend .split-group .split-ratio-6:first-child .form-input label {
  margin-top: 5px;
}
.schematik-form .field-container fieldset legend .split-group .sl-item .select-input select,
#sc-form .field-container fieldset legend .split-group .sl-item .select-input select {
  padding: 10px;
}
.schematik-form .field-container fieldset legend .split-group .select-input,
.schematik-form .field-container fieldset legend .split-group .form-input,
#sc-form .field-container fieldset legend .split-group .select-input,
#sc-form .field-container fieldset legend .split-group .form-input {
  line-height: 30px;
}
@media only screen and (min-width: 64em) {
  .schematik-form .split-group,
  #sc-form .split-group {
    display: flex;
  }
  .schematik-form .split-group label,
  #sc-form .split-group label {
    line-height: 30px;
  }
  .schematik-form .split-group .split-ratio-1,
  #sc-form .split-group .split-ratio-1 {
    flex: 0 1 100%;
  }
  .schematik-form .split-group .split-ratio-1:not(:last-child),
  #sc-form .split-group .split-ratio-1:not(:last-child) {
    margin-right: 30px;
  }
  .schematik-form .split-group .split-ratio-2,
  #sc-form .split-group .split-ratio-2 {
    flex: 0 2 100%;
  }
  .schematik-form .split-group .split-ratio-2:not(:last-child),
  #sc-form .split-group .split-ratio-2:not(:last-child) {
    margin-right: 30px;
  }
  .schematik-form .split-group .split-ratio-3,
  #sc-form .split-group .split-ratio-3 {
    flex: 0 3 100%;
  }
  .schematik-form .split-group .split-ratio-3:not(:last-child),
  #sc-form .split-group .split-ratio-3:not(:last-child) {
    margin-right: 30px;
  }
  .schematik-form .split-group .split-ratio-4,
  #sc-form .split-group .split-ratio-4 {
    flex: 0 4 100%;
  }
  .schematik-form .split-group .split-ratio-4:not(:last-child),
  #sc-form .split-group .split-ratio-4:not(:last-child) {
    margin-right: 30px;
  }
  .schematik-form .split-group .split-ratio-5,
  #sc-form .split-group .split-ratio-5 {
    flex: 0 5 100%;
  }
  .schematik-form .split-group .split-ratio-5:not(:last-child),
  #sc-form .split-group .split-ratio-5:not(:last-child) {
    margin-right: 30px;
  }
  .schematik-form .split-group .split-ratio-6,
  #sc-form .split-group .split-ratio-6 {
    flex: 0 6 100%;
  }
  .schematik-form .split-group .split-ratio-6:not(:last-child),
  #sc-form .split-group .split-ratio-6:not(:last-child) {
    margin-right: 30px;
  }
  .schematik-form .split-group .sl-item select,
  #sc-form .split-group .sl-item select {
    padding: 5px 10px;
  }
  .schematik-form .field-container fieldset .select-input label,
  .schematik-form .field-container fieldset .form-input label,
  #sc-form .field-container fieldset .select-input label,
  #sc-form .field-container fieldset .form-input label {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .schematik-form .split-group,
  div#root > div[dir=rtl] #sc-form .split-group {
    display: flex;
  }
  div#root > div[dir=rtl] .schematik-form .split-group label,
  div#root > div[dir=rtl] #sc-form .split-group label {
    line-height: 30px;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-1,
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-1 {
    flex: 0 1 100%;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-1:not(:last-child),
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-1:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-2,
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-2 {
    flex: 0 2 100%;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-2:not(:last-child),
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-2:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-3,
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-3 {
    flex: 0 3 100%;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-3:not(:last-child),
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-3:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-4,
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-4 {
    flex: 0 4 100%;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-4:not(:last-child),
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-4:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-5,
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-5 {
    flex: 0 5 100%;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-5:not(:last-child),
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-5:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-6,
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-6 {
    flex: 0 6 100%;
  }
  div#root > div[dir=rtl] .schematik-form .split-group .split-ratio-6:not(:last-child),
  div#root > div[dir=rtl] #sc-form .split-group .split-ratio-6:not(:last-child) {
    margin-left: 30px;
    margin-right: 0;
  }
}

.l-one-column {
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.2s;
}

.article-page .l-content-column {
  min-height: 500px;
  margin-bottom: 30px;
}

.video-page .is-full-width {
  margin-bottom: 0;
}
.video-page .is-full-width .cm-media-container figure {
  margin: 0 auto 40px auto;
}

.Campaign .l-content-column {
  margin-top: 25px;
}

.global-header {
  padding: 0;
  top: 0;
  width: 100%;
}
.global-header .accessibility-links {
  position: fixed;
  top: 0;
  left: 0;
}
.global-header .accessibility-links a {
  border: 1px solid black;
}
@media only screen and (min-width: 64em) {
  .global-header {
    border-bottom: 0;
    background-color: #efefef;
  }
  .global-header.is-sticky-header {
    padding-top: 80px;
  }
}
.global-header .nav-onscreen {
  display: block;
  position: fixed;
  top: 100vh;
  background: #ffffff;
  width: 100%;
  z-index: 2;
  transition: top 0.5s;
  height: 100vh;
  padding-top: 10px;
}
@media only screen and (min-width: 64em) {
  .global-header .nav-onscreen {
    position: relative;
    top: 0;
    height: auto;
    transform: translateZ(0);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    padding: 0;
    float: none;
    background: white;
  }
}
.global-header .nav-onscreen .logo {
  float: none;
  width: 130px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (min-width: 64em) {
  .global-header .nav-onscreen .logo {
    height: 85px;
    width: 95px;
    float: left;
    margin: 15px 14px;
    display: block;
  }
  .global-header .nav-onscreen .logo img {
    width: 100%;
    height: auto;
  }
}
.global-header .nav-onscreen .l-padding, .global-header .nav-onscreen .hearing-quiz .disclaimer, .hearing-quiz .global-header .nav-onscreen .disclaimer {
  padding: 0;
  margin: 0 auto;
  height: 0;
}
@media only screen and (min-width: 64em) {
  .global-header .nav-onscreen .l-padding, .global-header .nav-onscreen .hearing-quiz .disclaimer, .hearing-quiz .global-header .nav-onscreen .disclaimer {
    padding: 0 36px;
    height: auto;
  }
}
@keyframes MenuShow {
  from {
    top: -100px;
  }
  to {
    top: 0;
  }
}
.global-header .nav-onscreen.is-sticky {
  position: fixed;
  animation-name: MenuShow;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
}
.global-header .nav-onscreen.is-sticky .logo {
  height: auto;
  margin: 10px 10px 0 10px;
}
.global-header .nav-onscreen.is-sticky .logo img {
  width: 65px;
  height: 55px;
}
.global-header .nav-onscreen.mobile-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .global-header .nav-onscreen.mobile-hidden {
    visibility: visible;
  }
}
.global-header .accessibility-links {
  position: fixed;
  top: 0;
  left: 0;
}
.global-header .accessibility-links a {
  border: 1px solid black;
}
.global-header .accessibility-links .jump-nav-mobile {
  display: block;
}
@media only screen and (min-width: 64em) {
  .global-header .accessibility-links .jump-nav-mobile {
    display: none;
  }
}
.global-header .accessibility-links .jump-nav-desktop {
  display: none;
}
@media only screen and (min-width: 64em) {
  .global-header .accessibility-links .jump-nav-desktop {
    display: block;
  }
}
.global-header .offscreen-background {
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s 0.3s linear;
}
@media only screen and (min-width: 64em) {
  .global-header .offscreen-background {
    z-index: -1;
  }
}
.global-header .offscreen-background.is-expanded {
  position: fixed;
  opacity: 1;
  visibility: visible;
}
.global-header .nav-toggle {
  position: absolute;
  top: 0;
  left: 20px;
}
.global-header .search-toggle {
  display: none;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  background: #fdc82f url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  z-index: 5;
}
@media only screen and (min-width: 64em) {
  .global-header .search-toggle {
    display: block;
    margin: 37px 0 37px 0;
    position: absolute;
    right: 20px;
  }
}
@media only screen and (min-width: 77.75em) {
  .global-header .search-toggle {
    right: 36px;
  }
}
.global-header .search-toggle.active {
  background: #fdc82f url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%2356565A%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  background-size: 17px;
}
.global-header .search-toggle:hover, .global-header .search-toggle:focus {
  background-color: #ffb000;
}
.global-header .search-toggle:focus {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .global-header .search-toggle:focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}

#main.hide-main {
  visibility: hidden;
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .logo {
    float: right;
  }
}
div#root > div[dir=rtl] .global-header .accessibility-links {
  right: -99em;
  left: auto; /*replaced*/
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .global-header .search-toggle {
    left: 20px;
    right: auto; /*replaced*/
  }
}
@media only screen and (min-width: 77.75em) {
  div#root > div[dir=rtl] .global-header .search-toggle {
    left: 36px;
    right: auto; /*replaced*/
  }
}

.mobile-header {
  display: flex;
  padding: 15px 0;
  border-top: 5px solid #fdc82f;
  position: relative;
  max-width: 768px;
  margin: 0 auto;
}
.mobile-header.is-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .mobile-header.is-hidden {
    visibility: visible;
  }
}
@media only screen and (min-width: 64em) {
  .mobile-header {
    display: none;
  }
}
.mobile-header.is-active {
  background: #efefed;
}
.mobile-header.is-active .logo {
  opacity: 0.5;
}
.mobile-header__item {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
}
.mobile-header__item:first-child, .mobile-header__item:last-child {
  flex: 1 1;
}
.mobile-header__item:last-child {
  text-align: right;
}
.mobile-header .mobile-logo {
  float: none;
  width: 130px;
  margin: 0 auto;
  padding: 0;
  display: block;
}
.mobile-header .mobile-logo img {
  width: 100%;
  height: auto;
  display: block;
}
.mobile-header .login-btn {
  width: 66px;
  height: 27px;
  background: rgb(255, 255, 255);
  border: 1px solid rgba(205, 201, 197, 0.5);
  border-radius: 14px;
  padding: 3px 15px 5px 16px;
  color: rgb(63, 20, 130);
  font-size: 16px;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
  margin-right: 15px;
}

.professionals-page .mobile-header {
  border-top: 5px solid #3f1482;
}

.mobile-toolbar {
  z-index: 3;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  height: 60px;
  background-color: white;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 64em) {
  .mobile-toolbar {
    display: none;
  }
}
.mobile-toolbar ul {
  padding: 0;
}
.mobile-toolbar ul li {
  margin: 0;
  list-style: none;
  width: 25%;
  float: left;
  text-align: center;
}
.mobile-toolbar ul li button,
.mobile-toolbar ul li a {
  line-height: 75px;
  text-decoration: none;
  border: 0;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  display: block;
  margin: 9px auto 0 auto;
  width: 100%;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
  /* stylelint-disable */
}
.mobile-toolbar ul li button:hover, .mobile-toolbar ul li button:focus, .mobile-toolbar ul li button:active,
.mobile-toolbar ul li a:hover,
.mobile-toolbar ul li a:focus,
.mobile-toolbar ul li a:active {
  color: #3f1482;
}
.mobile-toolbar ul li button.menu,
.mobile-toolbar ul li a.menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 stroke=%22%233F1482%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%222%22%3E%3Cpath d=%22M0 12h24M0 19h18M0 5h24%22/%3E%3C/g%3E%3C/svg%3E");
}
.mobile-toolbar ul li button.contact,
.mobile-toolbar ul li a.contact {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Phone%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Phone%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M9.35093754%2C7.82040426 C10.1709357%2C6.99947021 10.1709357%2C5.66761152 9.35093754%2C4.84667747 L7.12003346%2C2.61570054 C6.29912622%2C1.79476649 4.96731103%2C1.79476649 4.1454947%2C2.61570054 L2.92367926%2C3.83937411 C1.86186347%2C4.90122458 1.69731839%2C6.55582035 2.52458925%2C7.8076766 C6.07821762%2C13.1805673 10.8191161%2C17.9216205 16.1918312%2C21.4762741 C17.4418284%2C22.3026628 19.1027338%2C22.1372032 20.1609132%2C21.0780801 L21.3836377%2C19.8544066 C22.2054541%2C19.0334725 22.2054541%2C17.7016138 21.3836377%2C16.8815889 L19.1536428%2C14.6515211 C18.3336446%2C13.8287688 17.0018294%2C13.8287688 16.1800131%2C14.6515211 L15.4363784%2C15.3942709 C12.9909294%2C13.3905736 10.6109347%2C11.0095921 8.60730285%2C8.56315412 L9.35093754%2C7.82040426 Z%22 id=%22Page-1%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mobile-toolbar ul li button.clinic,
.mobile-toolbar ul li a.clinic {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Location%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Location%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M20%2C10.2611765 C20%2C16.3470588 12.0006013%2C22 12.0006013%2C22 C12.0006013%2C22 4%2C16.3470588 4%2C10.2611765 C4%2C5.69882353 7.33588876%2C2 12.0006013%2C2 C16.6629087%2C2 20%2C5.69882353 20%2C10.2611765 Z%22 id=%22Stroke-1%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M15%2C10 C15%2C11.6568571 13.6568571%2C13 12%2C13 C10.3422857%2C13 9%2C11.6568571 9%2C10 C9%2C8.34314286 10.3422857%2C7 12%2C7 C13.6568571%2C7 15%2C8.34314286 15%2C10 Z%22 id=%22Stroke-3%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mobile-toolbar ul li button.search,
.mobile-toolbar ul li a.search {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mobile-toolbar ul li button.close,
.mobile-toolbar ul li a.close {
  float: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .mobile-toolbar ul li button,
  .mobile-toolbar ul li a {
    margin-bottom: 20px;
  }
}

.message-banner {
  padding: 15px;
  background-color: #1e1e1e;
  display: block;
}
@media screen and (min-width: 64em) {
  .message-banner {
    padding: 10px 0;
  }
}
.message-banner div {
  color: #ffffff;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .message-banner div {
    text-align: center;
  }
}
.message-banner div a {
  color: #fdc82f;
  display: inline;
}

.country-redirect {
  padding-top: 15px;
  background-color: #efefef;
}
.country-redirect .content-container {
  position: relative;
}
.country-redirect .content-container p {
  padding-right: 30px;
}
.country-redirect .cta-button {
  padding: 0 40px 0 30px;
}
.country-redirect .dropdown-container {
  display: flex;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  border-left: 0;
  background-color: transparent;
}
.country-redirect .dropdown-container .dropdown {
  flex-grow: 2;
  margin-right: 15px;
}
.country-redirect .dropdown-container .close-button {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .country-redirect {
    padding: 10px 0;
  }
  .country-redirect p {
    float: left;
    margin: 0;
    line-height: 52px;
  }
  .country-redirect .dropdown-container {
    float: right;
    padding: 0;
    position: relative;
  }
  .country-redirect .dropdown-container .dropdown {
    display: inline-block;
    width: auto;
    min-width: 280px;
    margin-right: 15px;
  }
  .country-redirect .dropdown-container .cta-button {
    margin-right: 39px;
  }
  .country-redirect .dropdown-container .close-button {
    top: 50%;
    transform: translateY(-50%);
  }
}
div#root > div[dir=rtl] .country-redirect .dropdown-container .dropdown {
  margin-right: inherit;
  margin-left: 15px;
}
div#root > div[dir=rtl] .country-redirect .dropdown-container.form-dropdown-box {
  border-right: 0px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .country-redirect .dropdown-container {
    float: left;
  }
}
div#root > div[dir=rtl] .country-redirect .dropdown-container .close-button {
  right: auto; /*replaced*/
  left: 0;
}
div#root > div[dir=rtl] .country-redirect .content-container .cta-button {
  border-right: 0;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .country-redirect .content-container .cta-button {
    margin-right: 0;
    margin-left: 39px;
  }
}
div#root > div[dir=rtl] .country-redirect .content-container p {
  padding-left: 30px;
  padding-right: 0;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .country-redirect .content-container p {
    float: right;
  }
}

.country-select-nav {
  width: 100%;
  position: fixed;
  background-color: white;
  top: 0;
  left: 0;
  z-index: 2;
  padding-bottom: 40px;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  opacity: 1;
  visibility: visible;
  transition: 0.3s 0.3s;
}
@media screen and (min-width: 64em) {
  .country-select-nav {
    height: calc(100vh - 164px);
    padding-bottom: 80px;
    position: relative;
  }
}
.country-select-nav a {
  text-decoration: none;
}
.country-select-nav .language {
  display: block;
  font-size: 12px;
  margin-left: 40px;
}
.country-select-nav .h1 {
  letter-spacing: 1px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.country-select-nav .country-select-title {
  background-color: #1e1e1e;
  padding: 40px 0;
}
@media screen and (min-width: 64em) {
  .country-select-nav .country-select-title {
    border-radius: 0 0 40px 0;
    padding: 30px 0;
  }
}
.country-select-nav .country-select-title .h1 {
  color: white;
}
@media screen and (min-width: 64em) {
  .country-select-nav .country-select-title .h1 {
    font-size: 42px;
  }
}
.country-select-nav .country-select-title .country-exit {
  cursor: pointer;
  display: block;
  height: 25px;
  width: 25px;
  border: 0;
  padding: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%23FFFFFF%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  margin-top: 10px;
  float: right;
}
@media screen and (min-width: 64em) {
  .country-select-nav .country-select-title .country-exit {
    height: 20px;
    width: 20px;
    margin-top: 15px;
  }
}
.country-select-nav .country-select-list {
  padding-top: 40px;
}
.country-select-nav .country-select-list h3 {
  border-bottom: 4px solid #fdc82f;
  margin-bottom: 15px;
  padding-bottom: 18px;
  clear: both;
}
.country-select-nav .country-select-list ul {
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 64em) {
  .country-select-nav .country-select-list ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.country-select-nav .country-select-list ul li {
  margin-top: 15px;
}
@media screen and (min-width: 64em) {
  .country-select-nav .country-select-list ul li {
    width: 25%;
    float: left;
    margin: 15px 0;
    flex-basis: 25%;
  }
}
.country-select-nav .country-select-list ul li .region-flag {
  height: 30px;
  width: 30px;
  float: left;
  margin-right: 10px;
}

@media screen and (min-width: 64em) {
  .is-sticky-header .country-select-nav {
    position: fixed;
    top: 124px;
  }
}

@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .country-select-nav .country-select-list ul li {
    width: 25%;
    float: right;
    margin: 15px 0;
    flex-basis: 25%;
  }
}
div#root > div[dir=rtl] .country-select-nav .country-select-list ul li .region-flag {
  height: 30px;
  width: 30px;
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-region-dropdown .dropdown-menu {
    right: auto; /*replaced*/
    left: 0;
  }
  div#root > div[dir=rtl] .nav-region-dropdown .dropdown-menu .dropdown-item .dropdown-item-title {
    padding-left: 0;
    padding-right: 10px;
  }
}
div#root > div[dir=rtl] .nav-region-dropdown button.dropdown-toggle {
  padding: 11px 28px 11px 48px;
}
@media (max-width: 64em) {
  div#root > div[dir=rtl] .nav-region-dropdown button.dropdown-toggle {
    padding: 11px 20px 11px 48px;
  }
}
div#root > div[dir=rtl] .nav-region-dropdown button.dropdown-toggle:after {
  content: " ";
  right: auto; /*replaced*/
  left: 20px;
}
div#root > div[dir=rtl] .nav-region-dropdown .nav-region-dropdown__cta img.region-flag {
  margin-left: 5px;
  margin-right: 0px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .top-nav .l-padding .type-selector, div#root > div[dir=rtl] .top-nav .hearing-quiz .disclaimer .type-selector, .hearing-quiz div#root > div[dir=rtl] .top-nav .disclaimer .type-selector {
    float: right;
  }
  div#root > div[dir=rtl] .top-nav .l-padding .nav-selector, div#root > div[dir=rtl] .top-nav .hearing-quiz .disclaimer .nav-selector, .hearing-quiz div#root > div[dir=rtl] .top-nav .disclaimer .nav-selector {
    float: left;
  }
}
div#root > div[dir=rtl] .country-exit {
  float: left;
}

.top-nav .l-padding, .top-nav .hearing-quiz .disclaimer, .hearing-quiz .top-nav .disclaimer {
  display: none;
}
@media only screen and (min-width: 64em) {
  .top-nav {
    width: 100%;
    z-index: 801;
    background-color: #efefef;
    border-top: 5px solid #fdc82f;
  }
  .top-nav .l-padding, .top-nav .hearing-quiz .disclaimer, .hearing-quiz .top-nav .disclaimer {
    display: block;
  }
  .top-nav .tab-home {
    background-color: #ffffff;
  }
  .top-nav .tab-professionals {
    background-color: transparent;
  }
  .top-nav .nav-selector a,
  .top-nav .type-selector a {
    padding: 14px 28px;
    display: inline-block;
    text-decoration: none;
    line-height: 16px;
    font-size: 15px;
    position: relative;
  }
  .top-nav .nav-selector a:not(.login):hover, .top-nav .nav-selector a:not(.login):focus,
  .top-nav .type-selector a:not(.login):hover,
  .top-nav .type-selector a:not(.login):focus {
    background-color: rgba(204, 204, 204, 0.2);
  }
  .top-nav .type-selector {
    float: left;
  }
  .top-nav .type-selector a {
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  }
  .top-nav .nav-selector {
    float: right;
  }
  .top-nav .nav-selector a {
    padding: 14px;
  }
  .top-nav a.login {
    background-color: #3f1482;
    color: #ffffff;
    padding: 14px 25px;
  }
  .top-nav a.login.hide {
    display: none;
  }
  .top-nav a.login:hover {
    color: #ffffff;
    background-color: #4e03c0;
  }
}

.professionals-page .top-nav {
  border-top: 5px solid #3f1482;
}
.professionals-page .top-nav .tab-home {
  background-color: transparent;
}
.professionals-page .top-nav .tab-professionals {
  background-color: #ffffff;
}

.nav-region-dropdown {
  position: relative;
  display: inline-block;
}
.nav-region-dropdown.is-open .nav-dropdown-toggle:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.nav-region-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin: 0;
  border: 0;
  border-top: 2px solid #fdc82f;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  right: 0;
  left: auto;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.nav-region-dropdown .dropdown-menu .mobile-overlay {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  z-index: -2;
  transition: visibility 0s 0.3s, opacity 0.3s 0.3s linear;
  position: fixed;
  opacity: 1;
  visibility: visible;
  top: 0;
  float: none;
  min-width: auto;
  border: 0;
  right: auto;
}
@media only screen and (min-width: 64em) {
  .nav-region-dropdown .dropdown-menu .mobile-overlay {
    display: none;
  }
}
.nav-region-dropdown .dropdown-menu.open {
  display: block;
  max-height: 470px;
  overflow-y: auto;
  /* position langauage options to the bottom mobile layout */
}
@media (max-width: 1023px) {
  .nav-region-dropdown .dropdown-menu.open {
    display: block;
    top: auto;
    bottom: 60px;
    z-index: 5;
    position: fixed;
    width: 100%;
    border: 0;
    background: transparent;
  }
}
.nav-region-dropdown .dropdown-menu .dropdown-items {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .nav-region-dropdown .dropdown-menu .dropdown-items {
    background-color: #ffffff;
  }
}
.nav-region-dropdown .dropdown-menu .dropdown-item {
  display: flex;
  padding: 13px 18px;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #efefef;
  position: relative;
  text-decoration: none;
}
.nav-region-dropdown .dropdown-menu .dropdown-item img {
  width: 20px;
  height: 20px;
}
.nav-region-dropdown .dropdown-menu .dropdown-item .dropdown-item-title {
  padding-left: 10px;
  line-height: 20px;
  display: inline-block;
}
.nav-region-dropdown .dropdown-menu .dropdown-item.item-country {
  font-size: 15px;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #666;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .nav-region-dropdown .dropdown-menu .dropdown-item.item-country.close {
    display: none;
  }
}
.nav-region-dropdown .dropdown-menu .dropdown-item.item-country.close .dropdown-item-title {
  padding-left: 31px;
}
.nav-region-dropdown .dropdown-menu .dropdown-item.item-country.close:after {
  content: " ";
  left: 20px;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -8px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%2356565A%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.nav-region-dropdown .dropdown-menu .dropdown-item.item-country:hover {
  color: #3f1482;
}
.nav-region-dropdown > .nav-dropdown-toggle {
  padding: 11px 48px 11px 28px;
  color: #666;
  line-height: 20px;
  border: 0;
  position: relative;
  background: transparent;
}
@media (max-width: 64em) {
  .nav-region-dropdown > .nav-dropdown-toggle {
    padding: 11px 48px 11px 20px;
  }
}
.nav-region-dropdown > .nav-dropdown-toggle:after {
  content: " ";
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.nav-region-dropdown > .nav-dropdown-toggle.open {
  /* show mobile black backdrop */
}
@media (max-width: 64em) {
  .nav-region-dropdown > .nav-dropdown-toggle.open {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    transition: visibility 0s 0.3s, opacity 0.3s 0.3s linear;
    position: fixed;
    opacity: 1;
    visibility: visible;
    top: 0;
    float: none;
    min-width: auto;
    border: 0;
    right: auto;
    z-index: 4;
    /* hide button content */
  }
  .nav-region-dropdown > .nav-dropdown-toggle.open:after {
    content: none;
  }
  .nav-region-dropdown > .nav-dropdown-toggle.open span {
    display: none;
  }
}
.nav-region-dropdown > div.nav-dropdown-toggle {
  padding: 11px 28px 11px 28px;
}
@media (max-width: 64em) {
  .nav-region-dropdown > div.nav-dropdown-toggle {
    padding: 11px 20px 11px 20px;
  }
}
.nav-region-dropdown > div.nav-dropdown-toggle:after {
  content: none;
}
.nav-region-dropdown > div.nav-dropdown-toggle .nav-region-dropdown__cta {
  cursor: default;
}
.nav-region-dropdown > div.nav-dropdown-toggle .nav-region-dropdown__cta:hover {
  color: inherit;
}
.nav-region-dropdown .nav-region-dropdown__cta {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
  text-transform: capitalize;
  line-height: 16px;
  text-decoration: none;
  text-align: center;
  margin: 0;
  margin-top: -1px;
  position: relative;
  border: initial;
  background-color: initial;
  padding: 0;
}
.nav-region-dropdown .nav-region-dropdown__cta:hover {
  color: #3f1482;
}
.nav-region-dropdown .nav-region-dropdown__cta img.region-flag {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -5.5px;
}
.nav-region-dropdown .nav-region-dropdown__form {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 901;
}
.nav-region-dropdown .nav-region-dropdown__label {
  display: block;
}
.nav-region-dropdown .nav-region-dropdown__label span {
  width: 150px;
  display: inline-block;
}
.nav-region-dropdown .nav-region-dropdown__select {
  width: 200px;
  padding: 5px;
  border: 1px solid #efefef;
}
.nav-region-dropdown .nav-region-dropdown__submit {
  display: block;
  width: 100px;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  margin-top: 10px;
}

div#root > div[dir=rtl] .nav-region-dropdown button.nav-dropdown-toggle {
  padding: 11px 28px 11px 48px;
}
@media (max-width: 64em) {
  div#root > div[dir=rtl] .nav-region-dropdown button.nav-dropdown-toggle {
    padding: 11px 20px 11px 48px;
  }
}
div#root > div[dir=rtl] .nav-region-dropdown button.nav-dropdown-toggle:after {
  content: " ";
  right: auto; /*replaced*/
  left: 20px;
}
div#root > div[dir=rtl] .nav-region-dropdown .nav-region-dropdown__cta img.region-flag {
  margin-left: 5px;
  margin-right: 0px;
}
div#root > div[dir=rtl] .dropdown-item.item-country.close .dropdown-item-title {
  padding-left: 0px;
  padding-right: 31px;
}
div#root > div[dir=rtl] .dropdown-item.item-country.close:after {
  content: " ";
  right: 20px;
  left: auto; /*replaced*/
}
@media (max-width: 64em) {
  div#root > div[dir=rtl] .dropdown-item-title {
    padding-right: 10px;
    padding-left: 0px;
  }
}

.global-header .search-box {
  background-color: #fdc82f;
  z-index: 3;
  padding-top: 35px;
  padding-bottom: 35px;
  position: fixed;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .global-header .search-box {
    transition: 0.3s;
    position: relative;
  }
}
.global-header .search-box .l-padding, .global-header .search-box .hearing-quiz .disclaimer, .hearing-quiz .global-header .search-box .disclaimer {
  height: auto;
  padding: 0 20px;
}
@media only screen and (min-width: 64em) {
  .global-header .search-box .l-padding, .global-header .search-box .hearing-quiz .disclaimer, .hearing-quiz .global-header .search-box .disclaimer {
    padding: 0 36px;
  }
}
.global-header .search-box form {
  display: flex;
}
.global-header .search-box .underline {
  font-size: 30px;
  height: 3px;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  border-bottom: 3px solid #3f1482;
  left: 20px;
}
@media only screen and (min-width: 64em) {
  .global-header .search-box .underline {
    font-size: 50px;
    left: 35px;
  }
}
.global-header .search-box .search-input {
  line-height: 30px;
  font-size: 30px;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid rgba(158, 158, 158, 0.23);
  color: #56565a;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  outline: 0;
  -webkit-appearance: none;
  border-radius: 0;
  padding-left: 0;
}
@media only screen and (min-width: 64em) {
  .global-header .search-box .search-input {
    line-height: 50px;
    font-size: 50px;
  }
}
.global-header .search-box .search-trigger {
  width: 40px;
  height: 40px;
  border: 0;
  display: block;
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%2356565A%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  background-size: 30px;
}
.global-header .search-box .search-trigger:focus, .global-header .search-box .search-trigger:hover {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  background-size: 30px;
}

.dialog-popup {
  width: 280px;
  margin: 0 auto 0 -140px;
  position: fixed;
  top: 140px;
  left: 50%;
  z-index: 4;
  background-color: #ffffff;
  padding: 20px;
}
@media only screen and (min-width: 64em) {
  .dialog-popup {
    width: 800px;
    padding: 60px;
    margin: 0 auto 0 -400px;
    top: 240px;
  }
}
.dialog-popup h2 {
  margin-top: 0;
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 10px;
}
.dialog-popup .cta-button {
  margin-right: 20px;
}
.dialog-popup .close-btn {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%2356565A%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  opacity: 0.5;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  border: 0;
  cursor: pointer;
}
.dialog-popup .close-btn:hover {
  opacity: 1;
}
.dialog-popup.dark {
  margin: auto;
  left: 0;
  right: 0;
  background-color: black;
  color: white;
  padding: 20px 30px;
  width: 590px;
}
.dialog-popup.dark p,
.dialog-popup.dark li {
  color: white;
  font-size: 10pt;
  line-height: 14pt;
}
.dialog-popup.dark .close-btn {
  height: 20px;
  width: 20px;
  background: none;
}
.dialog-popup.dark .close-btn:after {
  content: "×";
  font-size: 20px;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 20px;
}
.dialog-popup.dark .btn-row {
  text-align: center;
}
.dialog-popup.dark .cta-button {
  font-size: 10pt;
}
.dialog-popup.dark .cta-button.primary {
  font-style: italic;
  background: none;
  color: #ffffff;
  text-decoration: underline;
  border: 0;
}
.dialog-popup.dark .cta-button.secondary, .dialog-popup.dark .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .dialog-popup.dark .cta-button + .cta-button, .dialog-popup.dark .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .dialog-popup.dark .cta-button + .cta-button {
  background-color: #3f1482;
  color: #ffffff;
}
.dialog-popup.dark .cta-button.secondary::after, .dialog-popup.dark .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-buttons .btn-panel .dialog-popup.dark .cta-button + .cta-button::after, .dialog-popup.dark .volunteer-page .cm-rich-text .cta-button + .cta-button::after, .volunteer-page .cm-rich-text .dialog-popup.dark .cta-button + .cta-button::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.dialog-popup.dark .cta-button.secondary:hover, .dialog-popup.dark .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-buttons .btn-panel .dialog-popup.dark .cta-button + .cta-button:hover, .dialog-popup.dark .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text .dialog-popup.dark .cta-button + .cta-button:hover {
  background-color: #ffffff;
  color: #3f1482;
}
.dialog-popup.dark .cta-button.secondary:hover::after, .dialog-popup.dark .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-buttons .btn-panel .dialog-popup.dark .cta-button + .cta-button:hover::after, .dialog-popup.dark .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text .dialog-popup.dark .cta-button + .cta-button:hover::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (min-width: 64em) {
  .global-header .offscreen-background.popup-disclaimer {
    z-index: 4;
  }
}
.modal-global {
  width: calc(100vw - 40px);
  margin: 50vh 50vw auto;
  position: fixed;
  top: calc(-50vh + 20px);
  left: calc(-50vw + 20px);
  z-index: 4;
  background-color: #ffffff;
  padding: 20px;
  max-height: calc(100vh - 100px);
  overflow: auto;
}
@media only screen and (min-width: 64em) {
  .modal-global {
    top: 140px;
    width: 800px;
    padding: 60px;
    margin: 0 auto 0 -400px;
    top: 240px;
    left: 50%;
  }
}
.modal-global h2 {
  margin-top: 0;
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 10px;
}
.modal-global .btn-row {
  margin-bottom: -20px;
}
.modal-global .cta-button {
  margin-right: 20px;
  margin-bottom: 20px;
}
.modal-global .close-btn {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%2356565A%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  opacity: 0.5;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  border: 0;
  cursor: pointer;
}
.modal-global .close-btn:hover {
  opacity: 1;
}
.modal-global.dark {
  background-color: black;
  color: white;
  padding: 20px 30px;
}
.modal-global.dark p,
.modal-global.dark li {
  color: white;
  font-size: 10pt;
  line-height: 14pt;
}
.modal-global.dark .close-btn {
  height: 20px;
  width: 20px;
  background: none;
}
.modal-global.dark .close-btn:after {
  content: "×";
  font-size: 20px;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 20px;
}
.modal-global.dark .btn-row {
  text-align: center;
}
.modal-global.dark .cta-button {
  font-size: 10pt;
}
.modal-global.dark .cta-button.primary {
  font-style: italic;
  background: none;
  color: #ffffff;
  text-decoration: underline;
  border: 0;
}
.modal-global.dark .cta-button.secondary, .modal-global.dark .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .modal-global.dark .cta-button + .cta-button, .modal-global.dark .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .modal-global.dark .cta-button + .cta-button {
  background-color: #3f1482;
  color: #ffffff;
}
.modal-global.dark .cta-button.secondary::after, .modal-global.dark .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-buttons .btn-panel .modal-global.dark .cta-button + .cta-button::after, .modal-global.dark .volunteer-page .cm-rich-text .cta-button + .cta-button::after, .volunteer-page .cm-rich-text .modal-global.dark .cta-button + .cta-button::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.modal-global.dark .cta-button.secondary:hover, .modal-global.dark .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-buttons .btn-panel .modal-global.dark .cta-button + .cta-button:hover, .modal-global.dark .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text .modal-global.dark .cta-button + .cta-button:hover {
  background-color: #ffffff;
  color: #3f1482;
}
.modal-global.dark .cta-button.secondary:hover::after, .modal-global.dark .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-buttons .btn-panel .modal-global.dark .cta-button + .cta-button:hover::after, .modal-global.dark .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text .modal-global.dark .cta-button + .cta-button:hover::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (min-width: 64em) {
  .global-header .offscreen-background.popup-disclaimer {
    z-index: 4;
  }
}
@media only screen and (max-width: 63.9375em) {
  body.profile-active {
    height: 100%;
    height: 100vh;
    overflow: hidden;
  }
}
div.profile-dropdown {
  font-size: 1rem;
  display: flex;
  justify-content: flex-end;
  text-align: left;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown {
    display: inline-block;
    vertical-align: bottom;
  }
}
div.profile-dropdown::before {
  content: none;
  background: #efeeed;
  height: 100%;
  height: 100vh;
  width: 100%;
  top: 0;
  position: fixed;
  z-index: -1;
  left: 0;
  opacity: 0;
  transition: all 0.75s ease;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown::before {
    content: none !important;
  }
}
div.profile-dropdown.show::before {
  content: "";
  opacity: 1;
}
div.profile-dropdown.show .profile-dropdown__toggle {
  background: #fff;
}
div.profile-dropdown.show .profile-dropdown__toggle:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(-180deg);
}
div.profile-dropdown.show .profile-dropdown__menu {
  height: 100%;
  height: calc(100vh - 115px);
  overflow-y: scroll;
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown.show .profile-dropdown__menu {
    height: auto;
    overflow: hidden;
  }
}
div.profile-dropdown .profile-dropdown__toggle {
  background: transparent;
  outline: 0;
  border: 0;
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875em;
  /* 14px */
  line-height: 1.929;
  position: relative;
  padding: 11px 2.286em 12px 1em;
  margin: -13px 0 -14px 0;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown .profile-dropdown__toggle {
    padding: 8px 2.286em 8px 1em;
    margin: 0;
  }
}
div.profile-dropdown .profile-dropdown__toggle__circle {
  border-radius: 290486px;
  height: 27px;
  width: 27px;
  line-height: 27px;
  font-size: 11px;
  background: #3f1482;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  display: inline-block;
}
div.profile-dropdown .profile-dropdown__toggle__circle img {
  max-width: 100%;
  display: block;
  margin: 6px auto 0;
}
div.profile-dropdown .profile-dropdown__toggle:after {
  content: " ";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
div.profile-dropdown div.profile-dropdown__menu {
  padding: 0;
  background-color: #fff;
  top: 50px;
  left: 0;
  width: 100%;
  height: 0;
  position: absolute;
  overflow: hidden;
  transition: height 0.5s ease;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown div.profile-dropdown__menu {
    top: 100%;
    z-index: 999;
    border-top: 0;
    right: 35px;
    width: 285px;
    left: auto;
    box-shadow: 0 8px 8px rgba(30, 30, 30, 0.1);
  }
}
@media only screen and (min-width: 77.75em) {
  div.profile-dropdown div.profile-dropdown__menu {
    right: 36px;
  }
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  /* 18px */
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  letter-spacing: 0;
  color: #384967;
  padding: 16px;
  border-top: 1px solid #d6d6d6;
  background: #fff;
  align-self: center;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item:hover, div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item:focus {
  background-color: #ffffff;
  color: #1e1e1e;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item:last-child {
  margin-bottom: 100px;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item {
    font-size: 18px;
    line-height: 28px;
  }
  div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item:last-child {
    margin-bottom: 0;
  }
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item:after {
  content: " ";
  position: absolute;
  right: 19px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%) rotate(0deg);
  background-repeat: no-repeat;
  background-position: center;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--chevron:after {
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--external:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2216px%22 height=%2216px%22 viewBox=%220 0 16 16%22%3E%3Ctitle%3EIcon/External%3C/title%3E%3Cpath class=%22st0%22 d=%22M14.4%2C2.7L7%2C10.2c-0.3%2C0.3-0.8%2C0.3-1.1%2C0c0%2C0%2C0%2C0%2C0%2C0C5.5%2C9.9%2C5.5%2C9.3%2C5.8%2C9l7.4-7.4h-2.9%26%23xA%3B%26%23x9%3Bc-0.4%2C0-0.8-0.4-0.8-0.8C9.6%2C0.4%2C10%2C0%2C10.4%2C0c0%2C0%2C0%2C0%2C0%2C0h4.8C15.6%2C0%2C16%2C0.3%2C16%2C0.8c0%2C0%2C0%2C0%2C0%2C0v4.8c0%2C0.4-0.4%2C0.8-0.8%2C0.8%26%23xA%3B%26%23x9%3BS14.4%2C6%2C14.4%2C5.6V2.7z M11.2%2C16H2.4C1.1%2C16%2C0%2C14.9%2C0%2C13.6V4.8c0-1.3%2C1.1-2.4%2C2.4-2.4h4.8C7.6%2C2.4%2C8%2C2.8%2C8%2C3.2S7.6%2C4%2C7.2%2C4%26%23xA%3B%26%23x9%3Bc0%2C0%2C0%2C0%2C0%2C0H2.4C2%2C4%2C1.6%2C4.4%2C1.6%2C4.8l0%2C0v8.8c0%2C0.4%2C0.4%2C0.8%2C0.8%2C0.8h8.8c0.4%2C0%2C0.8-0.4%2C0.8-0.8l0%2C0V8.8C12%2C8.4%2C12.4%2C8%2C12.8%2C8%26%23xA%3B%26%23x9%3Bs0.8%2C0.4%2C0.8%2C0.8v4.8C13.6%2C14.9%2C12.5%2C16%2C11.2%2C16L11.2%2C16z%22 fill=%22%233F1482%22/%3E%3C/svg%3E");
  background-size: 21px auto;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--logout {
  text-align: left;
  border: 0 none;
  border-top: 1px solid #d6d6d6;
  background: #fff;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--logout[disabled] {
  box-shadow: none;
  cursor: not-allowed;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--header {
  border-top: 0 none;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--header:after {
  content: none;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--header .subtitle {
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 3px 0;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--header .account {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 3px 0;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--new-feature {
  border: 0 none;
  border-top: 1px solid #d6d6d6;
  background: rgba(78, 3, 192, 0.05);
  text-align: left;
  color: #3f1482;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--new-feature:hover, div.profile-dropdown div.profile-dropdown__menu .profile-dropdown__menu__item--new-feature:focus {
  color: #3f1482;
  background: rgba(78, 3, 192, 0.05);
}
div.profile-dropdown .popover {
  padding: 0;
  background-color: #4e03c0;
  top: 70px;
  right: 13px;
  position: absolute;
  box-shadow: 5px 4px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  max-width: calc(100% - 26px);
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown .popover {
    top: calc(100% + 15px);
    z-index: 998;
    right: 49px;
    left: auto;
  }
}
div.profile-dropdown .popover .popover__container {
  position: relative;
  padding: 14px 16px 16px 13px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown .popover .popover__container {
    padding: 12px 11px 14px 12px;
  }
}
div.profile-dropdown .popover .popover__container:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #4e03c0;
  transform: rotate(45deg);
  top: -7px;
  right: 23px;
}
div.profile-dropdown .popover .button {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  background: transparent;
  border: 0 none;
  color: #fff;
  padding: 0;
  vertical-align: middle;
}
div.profile-dropdown .popover .button--popover {
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown .popover .button--popover {
    font-size: 14px;
    line-height: 20px;
  }
}
div.profile-dropdown .popover .button--popover:after {
  content: "";
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  margin: -5px 0 0 0;
  top: 5px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
div.profile-dropdown .popover .button--dismiss {
  font-size: 12px;
  line-height: 22px;
  padding-left: 12px;
  margin: 2px 0 0 5px;
  position: relative;
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown .popover .button--dismiss {
    line-height: 18px;
    padding-left: 9px;
    margin: 2px 0 0 8px;
  }
}
div.profile-dropdown .popover .button--dismiss:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.3);
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 64em) {
  div.profile-dropdown .popover .button--dismiss:before {
    height: 22px;
  }
}
div.profile-dropdown .popover .button:hover, div.profile-dropdown .popover .button:focus {
  outline: 0;
  text-decoration: underline;
}

.profile-dropdown__menu__item--logout.has-spinner.is-submitting .lds-ring {
  display: inline-block;
  position: absolute;
  height: 28px;
  width: 28px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  right: 15px;
}
.profile-dropdown__menu__item--logout.has-spinner.is-submitting::after {
  content: none !important;
}
.profile-dropdown__menu__item--logout.has-spinner .lds-ring {
  display: none;
  position: relative;
  width: 29px;
  height: 29px;
}
.profile-dropdown__menu__item--logout.has-spinner .lds-ring span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 2px;
  border: 2px solid #3f1482;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3f1482 transparent transparent transparent;
}
.profile-dropdown__menu__item--logout.has-spinner:active .lds-ring span {
  border-color: #3f1482 transparent transparent transparent;
}
@media screen and (min-width: 64em) {
  .profile-dropdown__menu__item--logout.has-spinner:hover .lds-ring span {
    border-color: #3f1482 transparent transparent transparent;
  }
}
.profile-dropdown__menu__item--logout.has-spinner .lds-ring span:nth-child(1) {
  animation-delay: -0.45s;
}
.profile-dropdown__menu__item--logout.has-spinner .lds-ring span:nth-child(2) {
  animation-delay: -0.3s;
}
.profile-dropdown__menu__item--logout.has-spinner .lds-ring span:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

html.is-clipped {
  overflow: hidden !important;
}

.overlay, .nf-modal__background, .nf-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* -----------------------------
Basic setup for modal
----------------------------- */
.nf-modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 2147483650;
}
.nf-modal.is-active {
  display: flex;
}
.nf-modal__background {
  background-color: rgba(255, 255, 255, 0.95);
}
.nf-modal__content {
  margin: 0 auto;
  max-height: calc(100vh - 160px);
  position: relative;
  width: 96%;
  box-shadow: 0px 2px 77px 0px rgba(0, 0, 0, 0.13);
}
@media only screen and (min-width: 48em) {
  .nf-modal__content {
    width: 700px;
    max-height: calc(100vh - 40px);
    margin: 0 auto;
  }
}

/* -----------------------------
Modal customisations
----------------------------- */
.nf-modal .slick-track {
  display: flex;
  align-items: stretch;
}
.nf-modal .slick-slide {
  padding-bottom: 50px;
  height: auto;
}
.nf-modal .slick-slide > div {
  height: 100%;
}
.nf-modal__content {
  text-align: center;
  border-radius: 10px;
  background: #fff;
}
.nf-modal__close-btn--text {
  border: 0 none;
  background: transparent;
  color: rgb(73, 26, 139);
  font-size: 16px;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin: 0 auto 25px;
  position: relative;
}
@media only screen and (min-width: 48em) {
  .nf-modal__close-btn--text {
    margin: 0 auto 35px;
  }
}
.nf-modal__close-btn--text .icon--delete {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%233F1482%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.nf-modal__close-btn {
  background: none;
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: block;
  font-size: 0;
  position: absolute;
  top: -45px;
  right: 0;
  z-index: 1;
  padding: 0;
  height: 40px;
  width: 40px;
}
.nf-modal__close-btn:before, .nf-modal__close-btn:after {
  background-color: #8b8d8e;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.nf-modal__close-btn:before {
  width: 60%;
  height: 3px;
}
.nf-modal__close-btn:after {
  height: 60%;
  width: 3px;
}
.nf-modal__close-btn:hover, .nf-modal__close-btn:focus {
  background-color: rgba(10, 10, 10, 0.3);
}
.nf-modal__close-btn:hover:before, .nf-modal__close-btn:hover:after, .nf-modal__close-btn:focus:before, .nf-modal__close-btn:focus:after {
  background-color: #fff;
}
@media only screen and (min-width: 64em) {
  .nf-modal__close-btn {
    right: -43px;
  }
}

/* -----------------------------
Slideshow
----------------------------- */
.slick-slider {
  padding: 2em 1em;
}
@media only screen and (min-width: 48em) {
  .slick-slider {
    padding: 2em 1em 1em;
  }
}
@media only screen and (max-height: 42em) {
  .slick-slider .slick-list {
    max-height: 24em;
    max-height: calc(100vh - 282px);
    overflow-y: scroll;
  }
}
.slick-slider .slick-slide {
  pointer-events: none;
}
.slick-slider .slick-slide.slick-current {
  pointer-events: auto;
}
.slick-slider .slick-arrow {
  display: none !important;
}
.slick-slider ul.slick-dots {
  margin: 0;
  padding: 0;
  width: 100%;
  position: absolute;
  bottom: -100px;
  left: 0;
}
.slick-slider ul.slick-dots li {
  margin: 0;
  display: inline-block;
  padding: 0;
  width: 20px;
  height: 8px;
  cursor: pointer;
  position: relative;
}
.slick-slider ul.slick-dots li.slick-active button:before {
  background-color: #ffcb06;
}
.slick-slider ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 4px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-slider ul.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  content: "";
  display: block;
  border-radius: 4px;
  background-color: #cdc9c5;
}

/* --------------------------
New feature slides
-----------------------------  */
.slide {
  height: 100%;
}
.slide__figure {
  display: block;
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.slide__figure img {
  display: block;
  height: auto;
  width: 100%;
}
.slide__title {
  color: #1e1e1e;
  font-size: 32px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0px;
  line-height: 40px;
  margin: 0 auto 12px;
  max-width: 480px;
}
.slide__text {
  color: #55565a;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  letter-spacing: -0.23px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto 1.5em;
}
@media only screen and (min-width: 48em) {
  .slide__text {
    max-width: 432px;
  }
}
.slide__button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0 none;
  border-radius: 290486px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1666666667;
  padding: 14px 25px 15px 30px;
  text-align: center;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  min-width: 246px;
  outline: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.slide__button.no-icon {
  padding: 14px 25px 15px 25px;
}
.slide__button.no-icon:after {
  content: none;
}
@media only screen and (max-width: 47.9375em) {
  .slide__button {
    display: block;
    width: 100%;
    min-width: none;
    left: 0;
    transform: none;
  }
}
.slide__button:after {
  transition: left 0.15s ease-in-out;
  content: "";
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
  margin: -7px 0 0 0;
  top: 6px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.slide__button:hover:after, .slide__button:focus:after {
  left: 6px;
}
.slide__button--primary {
  background-color: #fdc82f;
  border-color: #fdc82f;
  color: #1e1e1e;
}
.slide__button--primary:hover, .slide__button--primary:focus {
  background-color: #ffb000;
}
.slide__button--primary:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.nav-onscreen .nav {
  display: block;
  overflow: scroll;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #efefef;
  list-style: none;
  position: relative;
  z-index: 4;
}
.nav-onscreen .nav.cf:not(.is-hidden) .nav-item-top {
  visibility: visible;
}
.nav-onscreen .nav.cf.is-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav.cf.is-hidden {
    visibility: visible;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav {
    height: auto;
    overflow: auto;
    background-color: transparent;
  }
}
.nav-onscreen .nav .nav-children {
  margin: 0;
  padding: 0;
}
.nav-onscreen .nav .nav-item {
  margin-top: 0;
  background-color: #ffffff;
  list-style: none;
  padding: 0;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item {
    background-color: transparent;
  }
  .nav-onscreen .nav .nav-item .nav-item-title {
    outline: 0;
  }
}
.nav-onscreen .nav .nav-item .nav-item-title {
  background-color: transparent;
  border: 0;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  max-width: 100vw;
  text-align: start;
  text-decoration: none;
  display: block;
  padding-block: 20px;
  padding-inline: 20px 22px;
  color: #3f1482;
  line-height: normal;
  position: relative;
  border-inline-start-color: transparent;
  cursor: pointer;
  border-bottom: solid 1px #cccccc;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title {
    font-size: 16px;
    padding-block: 16px;
    padding-inline: 19px 0;
    color: #56565a;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title:hover, .nav-onscreen .nav .nav-item .nav-item-title:focus, .nav-onscreen .nav .nav-item .nav-item-title:active {
    padding-inline-start: 14px;
    border-inline-start: 5px solid #fdc82f;
    color: #56565a;
    background-color: rgba(204, 204, 204, 0.2);
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top {
    padding-block: 48px;
    padding-inline: 10px 27px;
    margin-left: 0;
    color: #56565a;
    font-size: 16px;
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 77.75em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top {
    padding-inline: 22px 42px;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top::before {
    background-color: #fdc82f;
    bottom: 40px;
    content: "";
    height: 2px;
    opacity: 0;
    position: absolute;
    transition: 0.3s;
    width: calc(100% - 37px);
  }
}
@media only screen and (min-width: 77.75em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top::before {
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top:hover, .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top:focus, .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top:active {
    color: #3f1482;
    border: 0;
    background-color: transparent;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top:hover::before, .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top:focus::before, .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top:active::before {
    color: #56565a;
    opacity: 1;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top.has-children::before {
    width: calc(100% - 18px);
  }
}
@media only screen and (min-width: 77.75em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top.has-children::before {
    width: calc(100% - 42px);
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top.has-children::after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transform: rotate(0deg);
    right: 4px;
  }
}
@media only screen and (min-width: 77.75em) {
  .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top.has-children::after {
    right: 16px;
  }
}
.nav-onscreen .nav .nav-item .nav-item-title.has-children::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  right: 8px;
  transform: rotate(-90deg);
}
.nav-onscreen .nav .nav-item-selected #nav-main-1 {
  visibility: visible;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item-selected .nav-item-title-top:before {
    opacity: 1;
  }
}
.nav-onscreen .nav .nav-item-top {
  height: 70px;
  padding: 0 10px;
  background-color: #1e1e1e;
  position: fixed;
  width: 100%;
  max-width: 100vw;
  z-index: 1;
}
.nav-onscreen .nav .nav-item-top.open {
  visibility: visible;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item-top {
    display: none;
  }
}
.nav-onscreen .nav .nav-item-top + .nav-item {
  margin-top: 70px;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item-top + .nav-item {
    margin-top: 0;
  }
}
.nav-onscreen .nav .nav-item-top .nav-item-back,
.nav-onscreen .nav .nav-item-top .nav-item-menu,
.nav-onscreen .nav .nav-item-top .nav-item-close {
  float: left;
  background-color: transparent;
  line-height: 70px;
  border: 0 !important;
  font-size: 20px;
  color: #ffffff;
  position: relative;
  padding: 0;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .nav .nav-item-top .nav-item-back,
  .nav-onscreen .nav .nav-item-top .nav-item-menu,
  .nav-onscreen .nav .nav-item-top .nav-item-close {
    outline: 0;
  }
}
.nav-onscreen .nav .nav-item-top .nav-item-back {
  padding-left: 29px;
  cursor: pointer;
}
.nav-onscreen .nav .nav-item-top .nav-item-back::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  left: 0;
  top: 20px;
  position: absolute;
  transform: rotate(90deg);
  height: 30px;
  width: 30px;
  display: block;
  background-size: 100%;
}
.nav-onscreen .nav .nav-item-top .nav-item-close {
  float: right;
  border-bottom: 0;
  width: 60px;
  text-indent: -999em;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%23FFFFFF%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.nav-onscreen .nav .nav-item-home {
  display: block;
}
.nav-onscreen .additional-list ul {
  padding: 0 0 0 20px;
}
.nav-onscreen .additional-list ul li {
  list-style: none;
  padding: 0;
}
.nav-onscreen .additional-list ul li a {
  text-decoration: none;
}
.nav-onscreen.mobile-menu {
  display: block;
  float: none;
  top: 0;
  padding-top: 0;
  height: calc(100vh - 65px);
}
@media only screen and (min-width: 64em) {
  .nav-onscreen.mobile-menu {
    display: none;
  }
}
.nav-onscreen.mobile-menu .logo {
  display: none;
}
@keyframes slideMobileIn {
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes slideMobileOut {
  100% {
    left: 0;
    opacity: 0;
  }
}
.nav-onscreen.mobile-menu #nav-main-1 .menu-level-detail,
.nav-onscreen.mobile-menu #nav-main-1 .nav-item-submenu {
  right: -230px;
  left: auto;
  animation: slideMobileIn 0.3s forwards;
  animation-timing-function: ease-in;
  z-index: 2;
}
.nav-onscreen.mobile-menu .animate-out #nav-main-1 .menu-level-detail,
.nav-onscreen.mobile-menu .animate-out #nav-main-1 .nav-item-submenu {
  opacity: 1;
}
.nav-onscreen.is-sticky .nav .nav-item .nav-item-title.nav-item-title-top {
  padding-block: 28px;
}
.nav-onscreen.is-sticky .nav .nav-item .nav-item-title.nav-item-title-top::before {
  bottom: 20px;
}
.nav-onscreen.is-sticky .search-toggle {
  margin: 17px 0 17px 24px;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0.01;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 {
    transition: all 0.3s;
    position: fixed;
    width: 100%;
    height: auto;
    left: 0;
    right: auto;
    top: auto;
    background-image: linear-gradient(to left, #efefef, #efefef 50%, white 50%);
    background-repeat: no-repeat;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.2s;
    z-index: 1;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1:after {
    content: "";
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    z-index: 2;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
  }
}
.nav-onscreen #nav-main-1 .menu-level-detail,
.nav-onscreen #nav-main-1 .nav-item-submenu {
  background-color: #ffffff;
  position: fixed;
  z-index: 1;
  top: 70px;
  width: 100%;
  height: auto;
  padding: 0;
  left: 0;
  list-style-type: none;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 0 65px 0;
}
@keyframes slideDesktopIn {
  100% {
    right: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .menu-level-detail,
  .nav-onscreen #nav-main-1 .nav-item-submenu {
    position: relative;
    top: 0;
    background-color: transparent;
    right: auto;
    width: 50%;
    height: auto;
    float: left;
    opacity: 0;
    animation: slideDesktopIn 0.3s forwards;
    animation-delay: 0.1s;
    margin: 0;
    overflow: auto;
  }
}
.nav-onscreen #nav-main-1 .menu-level-detail .header-link-container,
.nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container {
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: 5px solid #fdc82f;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .menu-level-detail .header-link-container,
  .nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container {
    border-bottom: 1px solid #cccccc;
    padding-right: 110px;
  }
}
.nav-onscreen #nav-main-1 .menu-level-detail .header-link-container::after,
.nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Arrow%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Arrow%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M2%2C12 L22%2C12%22 id=%22Stroke-3%22 stroke=%22%233F1482%22/%3E%3Cpolyline id=%22Stroke-6%22 transform=%22translate%2818.000000%2C 12.000000%29 rotate%28-90.000000%29 translate%28-18.000000%2C -12.000000%29 %22 points=%2225 8 18 16 11 8%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  right: 12px;
  margin-top: -20px;
  top: 50%;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .menu-level-detail .header-link-container::after,
  .nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container::after {
    display: none;
  }
}
.nav-onscreen #nav-main-1 .menu-level-detail .header-link-container h3,
.nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container h3 {
  margin: 20px;
  margin-right: 40px;
}
.nav-onscreen #nav-main-1 .menu-level-detail .cta-link,
.nav-onscreen #nav-main-1 .nav-item-submenu .cta-link {
  display: none;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .menu-level-detail .cta-link,
  .nav-onscreen #nav-main-1 .nav-item-submenu .cta-link {
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #3f1482;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 35px;
  }
  .nav-onscreen #nav-main-1 .menu-level-detail .cta-link::after,
  .nav-onscreen #nav-main-1 .nav-item-submenu .cta-link::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    transform: rotate(-90deg);
    top: 5px;
    position: relative;
    left: 5px;
  }
}
.nav-onscreen #nav-main-1 .menu-level-detail .nav-description,
.nav-onscreen #nav-main-1 .nav-item-submenu .nav-description {
  display: none;
}
.nav-onscreen #nav-main-1 .menu-level-detail.is-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .menu-level-detail.is-hidden {
    visibility: visible;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .menu-level-detail {
    padding-block: 50px 120px;
    padding-inline: 0 50px;
  }
}
@keyframes slideSubmenu {
  0% {
    left: -50px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
    transition: left 0.5s ease, right 0.5s ease, opacity 0.5s ease;
    position: relative;
  }
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .nav-item-submenu {
    padding-block: 50px 80px;
    padding-inline: 50px;
  }
  .nav-onscreen #nav-main-1 .nav-item-submenu .detail-content-container {
    position: relative;
    left: -50px;
    opacity: 0;
    animation: slideSubmenu 0.3s forwards;
    animation-delay: 0.1s;
  }
}
.nav-onscreen #nav-main-1 .nav-lvl2-container {
  position: relative;
}
.nav-onscreen #nav-main-1 .nav-item-close {
  display: none;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen #nav-main-1 .nav-item-close {
    position: absolute;
    z-index: 1;
    display: block;
    top: 15px;
    border: 0;
    opacity: 0.5;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%2356565A%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-size: 15px 15px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .nav-onscreen #nav-main-1 .nav-item-close:hover {
    opacity: 1;
  }
}
.nav-onscreen .offscreen-background {
  display: none;
}
@media only screen and (min-width: 64em) {
  .nav-onscreen .offscreen-background {
    display: block;
    transition: all 0.5s;
    position: fixed;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: calc(100vh - 165px);
    top: auto;
    z-index: 2;
  }
  .nav-onscreen .offscreen-background.is-expanded {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

.professionals-page .nav-onscreen .nav .nav-item .nav-item-title .nav-item-title-top.has-children:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.professionals-page .nav-onscreen .nav .nav-item .nav-item-title .nav-item-title-top :before {
  background-color: #3f1482;
}

@keyframes slideSubmenuRight {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: -50px;
    opacity: 0;
    transition: right 0.5s ease, left 0.5s ease, opacity 0.5s ease;
    position: relative;
  }
}
@media only screen and (min-width: 64em) {
  .animate-out #nav-main-1 .nav-item-submenu .detail-content-container {
    position: relative;
    animation: slideSubmenuRight 0.3s forwards;
  }
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] #nav ul.nav.cf > li.nav-item {
    float: right;
  }
}
@keyframes slideMobileIn {
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes slideMobileOut {
  100% {
    right: 0;
    opacity: 0;
  }
}
div#root > div[dir=rtl] .nav-onscreen.mobile-menu #nav-main-1 .menu-level-detail,
div#root > div[dir=rtl] .nav-onscreen.mobile-menu #nav-main-1 .nav-item-submenu {
  left: -230px;
  right: auto;
  animation: slideMobileIn 0.3s forwards;
  animation-timing-function: ease-in;
  z-index: 2;
}
div#root > div[dir=rtl] .nav-onscreen.mobile-menu .animate-out #nav-main-1 .menu-level-detail,
div#root > div[dir=rtl] .nav-onscreen.mobile-menu .animate-out #nav-main-1 .nav-item-submenu {
  opacity: 1;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 {
    background-image: linear-gradient(to right, #efefef, #efefef 50%, white 50%);
  }
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-close {
    left: 0;
    right: auto; /*replaced*/
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .menu-level-detail .header-link-container,
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container {
    border-bottom: 1px solid #cccccc;
    padding-left: 110px;
    padding-right: 0;
  }
}
div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .menu-level-detail .header-link-container::after,
div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-submenu .header-link-container::after {
  right: auto; /*replaced*/
  left: 12px;
  transform: rotate(180deg);
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .menu-level-detail .cta-link,
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-submenu .cta-link {
    right: auto; /*replaced*/
    left: 10px;
  }
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .menu-level-detail .cta-link::after,
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-submenu .cta-link::after {
    transform: rotate(90deg);
    left: auto; /*replaced*/
    right: 5px;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .menu-level-detail,
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-submenu {
    float: right;
  }
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .menu-level-detail .nav-item-title.has-children::after,
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav-item-submenu .nav-item-title.has-children::after {
    left: 8px;
    right: auto; /*replaced*/
    transform: rotate(90deg);
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav .nav-item.has-children::after {
    left: 8px;
    right: auto; /*replaced*/
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav .nav-item.nav-item-title-top {
    padding: 48px 10px 48px 27px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 77.75em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav .nav-item.nav-item-title-top {
    padding-left: 42px;
    padding-right: 22px;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav .nav-item.nav-item-title-top::before {
    margin-right: -10px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav .nav-item.nav-item-title-top.has-children::after {
    left: 4px;
    right: auto; /*replaced*/
  }
}
@media only screen and (min-width: 77.75em) {
  div#root > div[dir=rtl] .nav-onscreen #nav-main-1 .nav .nav-item.nav-item-title-top.has-children::after {
    left: 16px;
    right: auto; /*replaced*/
  }
}
div#root > div[dir=rtl] .nav-onscreen .nav .nav-item .nav-item-title.has-children::after {
  left: 8px;
  right: unset; /*replaced*/
  transform: rotate(90deg);
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-onscreen .nav .nav-item .nav-item-title.has-children::after {
    left: 4px; /*replaced*/
    transform: rotate(0deg);
  }
}
div#root > div[dir=rtl] .nav-onscreen .nav .nav-item-top .nav-item-close {
  float: left;
  text-indent: -999em;
}
div#root > div[dir=rtl] .nav-onscreen .nav .nav-item-top .nav-item-back {
  float: right;
  padding-left: 0;
  padding-right: 29px;
}
div#root > div[dir=rtl] .nav-onscreen .nav .nav-item-top .nav-item-back::before {
  display: none;
}
div#root > div[dir=rtl] .nav-onscreen .nav .nav-item-top .nav-item-back::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  right: 0;
  top: 20px;
  position: absolute;
  transform: rotate(-90deg);
  height: 30px;
  width: 30px;
  display: block;
  background-size: 100%;
}
div#root > div[dir=rtl] .nav-onscreen .nav .nav-item-top .nav-item-menu {
  float: right;
}
div#root > div[dir=rtl] .nav-onscreen .additional-list ul {
  padding: 0 20px 0 0px;
}
div#root > div[dir=rtl] #mobile-toolbar-nav .cf > li {
  float: right;
}

@media only screen and (min-width: 64em) {
  html[lang=id] .nav-onscreen #nav-main-1 .header-link-container h3 {
    width: 220px;
  }
}
@media only screen and (min-width: 77.75em) {
  html[lang=id] .nav-onscreen #nav-main-1 .header-link-container h3 {
    width: 240px;
  }
}
@media only screen and (min-width: 64em) {
  html[lang=id] .nav-onscreen #nav-main-1 .cta-link {
    width: 115px;
    line-height: 20px;
  }
  html[lang=id] .nav-onscreen #nav-main-1 .cta-link:after {
    content: "";
    position: absolute;
    top: 21px;
    right: -5px;
    left: auto;
  }
}
@media only screen and (min-width: 77.75em) {
  html[lang=id] .nav-onscreen #nav-main-1 .cta-link {
    width: auto;
    line-height: 35px;
  }
  html[lang=id] .nav-onscreen #nav-main-1 .cta-link:after {
    content: "";
    position: relative;
    top: 5px;
    right: auto;
    left: 5px;
  }
}

.global-footer {
  background-color: #51515a;
  color: #ffffff;
  padding: 0;
  font-size: 14px;
}
.global-footer h2 {
  font-size: 22px;
  margin: 0;
}
.global-footer a {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}
.global-footer p {
  font-size: 16px;
}
.global-footer .l-padding, .global-footer .hearing-quiz .disclaimer, .hearing-quiz .global-footer .disclaimer {
  padding-top: 60px;
  padding-bottom: 60px;
}
.global-footer.is-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .global-footer.is-hidden {
    visibility: visible;
  }
}
.global-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-footer .brandImg img {
  display: block;
  width: 120px;
  height: 105px;
  margin: 0 auto;
}
.global-footer .nav-footer.has-5-items {
  display: grid;
  gap: 20px;
  grid-template: auto/repeat(2, 1fr);
}
.global-footer .nav-footer.has-5-items > li {
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  .global-footer .nav-footer.has-5-items > :not(.columns2) {
    grid-column: 1/span 2;
  }
}
@media only screen and (min-width: 64em) {
  .global-footer .nav-footer.has-5-items {
    gap: 36px;
    grid-template: auto/repeat(5, 1fr);
  }
}
.global-footer .nav-footer-social {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .global-footer .nav-footer-social {
    width: max-content;
  }
}
.global-footer .nav-footer-social .socials-items {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.global-footer .nav-footer-social .icon {
  display: block;
  height: 30px;
  width: 30px;
}
.global-footer .nav-footer-social .icon.insta {
  width: 23px;
  margin: 5px 0;
  background-position: 0 5px;
}
@media only screen and (min-width: 64em) {
  .global-footer .nav-footer-social .icon.insta {
    margin: 0;
    background-position: 0 3px;
  }
}

/* subfooter styles are also used by CompatibilityFooter inside .global-footer-2
should localise to .global-footer once CompatibilityFooter is deprecated */
.subfooter-container {
  margin-bottom: 60px;
  display: flex;
  flex-flow: row wrap;
  background-color: #000;
}
@media only screen and (min-width: 64em) {
  .subfooter-container {
    margin-bottom: 0;
  }
}
.subfooter-container a {
  font-size: 14px;
}

.subfooter-link {
  justify-content: space-around;
  padding: 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 64em) {
  .subfooter-link {
    padding: 30px;
  }
}

.subfooter-copyright {
  flex: auto;
  text-align: center;
}
@media only screen and (min-width: 64em) {
  .subfooter-copyright {
    text-align: end;
  }
}
.subfooter-copyright p {
  margin: 0;
  justify-content: center;
  color: #ffffff;
  padding: 20px;
  font-size: 14px;
}
@media only screen and (min-width: 64em) {
  .subfooter-copyright p {
    padding: 30px;
  }
}

div#root > .Campaign .global-footer {
  background-color: #384967;
}
div#root > .Campaign .brandImg {
  margin-bottom: 10px;
}
div#root > .Campaign .brandImg img {
  margin: 0 auto;
}
@media only screen and (min-width: 64em) {
  div#root > .Campaign .brandImg {
    margin-bottom: 0;
    padding: 0 18px 0 0;
  }
  div#root > .Campaign .brandImg img {
    margin: 0;
  }
}
div#root > .Campaign .nav-footer ul,
div#root > .Campaign .nav-footer li,
div#root > .Campaign .nav-footer a {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  line-height: 22px;
}
@media only screen and (min-width: 64em) {
  div#root > .Campaign .nav-footer .nav-footer-social .socials-items.mtf-items {
    width: 165px;
  }
  div#root > .Campaign .nav-footer .nav-footer-social .socials-items.mtf-items li:nth-last-child(2) {
    margin-left: 22px;
  }
}
div#root > .Campaign .nav-footer-item.column ul li, div#root > .Campaign .nav-footer-item.columns2 ul li {
  margin-top: 18px;
}
div#root > .Campaign .nav-footer-item.column ul li:first-child, div#root > .Campaign .nav-footer-item.columns2 ul li:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 64em) {
  div#root > .Campaign .nav-footer-item {
    padding-left: 20px;
    padding-right: 0;
  }
  div#root > .Campaign .nav-footer-item.column, div#root > .Campaign .nav-footer-item.columns2 {
    margin-bottom: 30px;
  }
}
div#root > .Campaign .subfooter-container .subfooter-copyright p {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (min-width: 48em) {
  div#root > .Campaign .subfooter-container .subfooter-copyright {
    width: 768px;
    flex: none;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 64em) {
  div#root > .Campaign .subfooter-container .subfooter-copyright {
    width: 1024px;
    flex: none;
    margin: 0 auto;
  }
  div#root > .Campaign .subfooter-container .subfooter-copyright p {
    padding: 30px 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  div#root > .Campaign .subfooter-container .subfooter-copyright {
    width: 1180px;
    flex: none;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-footer .nav-footer-social .socials-items.mtf-items li:nth-last-child(2) {
    margin-left: 0;
    margin-right: 22px;
  }
}
div#root > div[dir=rtl] .nav-footer .nav-footer-social .icon {
  text-indent: 0;
}
div#root > div[dir=rtl] .nav-footer .nav-footer-social ul {
  margin-left: 0;
  margin-right: -10px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-footer .nav-footer-social ul li {
    float: right;
  }
}
div#root > div[dir=rtl] .nav-footer-item {
  float: right;
  padding-left: 0;
  padding-right: 20px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .nav-footer > li {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
  }
}
div#root > div[dir=rtl] .subfooter-copyright {
  text-align: left;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl].Campaign .brandImg {
    padding: 0 0 0 18px;
  }
}
@media only screen and (max-width: 64em) {
  div#root > div[dir=rtl].Campaign .nav-footer-item {
    padding-left: 0;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 64em) {
  .cm-rich-text {
    overflow: auto;
  }
}
.cm-rich-text h2,
.cm-rich-text .h2 {
  margin-bottom: 0;
}
.cm-rich-text table {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.cm-rich-text table th {
  background-color: #fdc82f;
  border-top: 1px solid #fdc82f;
  border-left: 1px solid #fdc82f;
  border-right: 1px solid #fdc82f;
}
.cm-rich-text table tr td {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.cm-rich-text img {
  height: auto;
}
.cm-rich-text li a:not(.cta-button),
.cm-rich-text p a:not(.cta-button) {
  color: #3f1482;
}
.cm-rich-text .key-points {
  border-top: 5px solid #fdc82f;
  border-bottom: 2px solid #cccccc;
  margin: 0 0 40px 0;
  padding: 20px 0;
}
.cm-rich-text .key-points h3 {
  font-size: 22px;
  line-height: 25px;
}
.cm-rich-text .key-points p {
  font-size: 18px;
  line-height: 25px;
}
.cm-rich-text .breakout {
  margin: 30px 0 20px 0;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
  background-color: #efefef;
}
.cm-rich-text .breakout::before {
  content: "";
  position: absolute;
  width: 999%;
  height: 100%;
  left: -999%;
  background-color: #efefef;
  z-index: -1;
  margin-top: -40px;
}
.cm-rich-text .breakout h3 {
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.cm-rich-text .breakout p {
  padding-right: 70px;
}
.cm-rich-text ol,
.cm-rich-text ul {
  margin-left: 15px;
  padding: 0;
}
.cm-rich-text ol li,
.cm-rich-text ul li {
  font-size: 18px;
  margin: 0 0 15px 15px;
  padding-left: 15px;
}
.cm-rich-text ol li h4,
.cm-rich-text ul li h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.cm-rich-text ol li p,
.cm-rich-text ol li li,
.cm-rich-text ul li p,
.cm-rich-text ul li li {
  margin: 0;
  font-size: 18px;
  line-height: 25px;
}

blockquote {
  border-left: solid #fdc82f 5px;
  padding-left: 20px;
  font-size: 18px;
  font-family: "Knockout-30", sans-serif;
  color: #56565a;
}
blockquote p {
  font-size: 22px;
  font-family: "Knockout-30", sans-serif;
  color: #56565a;
  line-height: 1.3;
}
blockquote p:nth-child(2) {
  font-size: 18px;
  margin-top: 10px;
}
blockquote span {
  font-family: "Knockout-30", sans-serif;
}

@media only screen and (min-width: 64em) {
  .landing-page .cm-rich-text div > p,
  .home-page .cm-rich-text div > p {
    font-size: 24px;
    line-height: 36px;
  }
}

.product-page .cm-rich-text {
  padding-top: 40px;
}

.l-content-column div:first-child.cm-rich-text p:first-child {
  margin-top: 40px;
}

div#root > div[dir=rtl] .cm-rich-text .data-snapshot {
  margin: 30px 0 0 0;
}
div#root > div[dir=rtl] .cm-rich-text .data-snapshot .data-snapshot__item--middle--more {
  border-right: 0 solid #fdc82f;
  border-left: 2px solid #fdc82f;
}
div#root > div[dir=rtl] .cm-rich-text ol,
div#root > div[dir=rtl] .cm-rich-text ul {
  margin-left: 0;
  margin-right: 15px;
}
div#root > div[dir=rtl] .cm-rich-text ol li,
div#root > div[dir=rtl] .cm-rich-text ul li {
  margin: 0 15px 15px 0;
  padding-left: 0;
  padding-right: 15px;
}
div#root > div[dir=rtl] blockquote {
  border-right: solid #fdc82f 5px;
  border-left: none;
  padding-left: initial;
  padding-right: 20px;
}

.breakout {
  margin: 30px 0 20px 0;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
  background-color: #efefef;
}
.breakout img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.breakout::before {
  content: "";
  position: absolute;
  width: 999%;
  height: 100%;
  left: -999%;
  background-color: #efefef;
  z-index: -1;
  margin-top: -40px;
}
.breakout h2 {
  border-bottom: 5px solid #fdc82f;
  padding: 0 20px 20px 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .breakout h2 {
    padding-right: 50px;
  }
}
.breakout p {
  padding-right: 20px;
}
@media only screen and (min-width: 64em) {
  .breakout p {
    padding-right: 50px;
  }
}
.breakout li {
  padding-right: 30px;
}
@media only screen and (min-width: 64em) {
  .breakout li {
    margin-right: 60px;
  }
}

div#root > div[dir=rtl] .breakout::before {
  left: auto; /*replaced*/
  right: -999%;
}
div#root > div[dir=rtl] .breakout h2 {
  padding: 0 0 20px 20px;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .breakout h2 {
    padding-right: 0px;
    padding-left: 50px;
  }
}
div#root > div[dir=rtl] .breakout p {
  padding-right: 0;
  padding-left: 20px;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .breakout p {
    padding-right: 0px;
    padding-left: 50px;
  }
}

.disclaimer {
  border-top: 1px solid #cccccc;
  padding: 40px 0;
  font-size: 14px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #56565a;
}
.disclaimer h2,
.disclaimer h6 {
  font-weight: 900;
  font-size: 16px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #56565a;
  line-height: normal;
}
.disclaimer p,
.disclaimer li {
  font-size: 14px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #56565a;
}
.disclaimer ol {
  margin-left: 15px;
  padding: 0;
}
.disclaimer ol li {
  margin: 0 0 15px 0;
  padding-left: 15px;
}
.disclaimer.noTopBorder {
  border-top: 0 solid #cccccc;
}

div#root > .Campaign .disclaimer {
  border-top: 1px solid #efefef;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
div#root > .Campaign .disclaimer h2,
div#root > .Campaign .disclaimer h6 {
  font-weight: normal;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  line-height: normal;
}
div#root > .Campaign .disclaimer p,
div#root > .Campaign .disclaimer li {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  line-height: 22px;
  margin: 0;
}
div#root > .Campaign .disclaimer ol li {
  margin: 0;
  padding-left: 0;
}

.landing-banner {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .landing-banner {
    margin-bottom: 0;
  }
}
.landing-banner .l-padding, .landing-banner .hearing-quiz .disclaimer, .hearing-quiz .landing-banner .disclaimer {
  padding: 0;
}
.landing-banner .background {
  height: 100%;
  background-color: #efefef;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
@media only screen and (min-width: 64em) {
  .landing-banner .background {
    width: 48%;
    border-radius: 0 0 40px 0;
  }
}
.landing-banner .content-link {
  color: #3f1482;
  text-decoration: none;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  background-color: transparent;
  border: 0;
}
.landing-banner .content-link::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(-90deg);
  margin-left: 5px;
  margin-top: 6px;
}
.landing-banner .content {
  padding: 0;
}
.landing-banner .content h1 {
  margin-top: 0;
}
@media only screen and (min-width: 64em) {
  .landing-banner .content {
    width: 49.4%;
    max-width: none;
    padding: 0 0 40px 0;
    min-height: 400px;
  }
}
.landing-banner .content .content-grouper {
  display: block;
  margin: 0 8px;
  padding: 28px 20px 20px 20px;
  position: relative;
}
@media only screen and (min-width: 64em) {
  .landing-banner .content .content-grouper {
    padding: 40px 0 0 36px;
    margin: 0 150px 0 36px;
  }
}
.landing-banner .content .content-grouper .header-highlight {
  height: 100%;
  width: 5px;
  background-color: #fdc82f;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.landing-banner .content .content-grouper p {
  padding-bottom: 15px;
}
@media only screen and (min-width: 64em) {
  .landing-banner .content .content-grouper p {
    padding-bottom: 40px;
  }
}
.landing-banner .content .content-grouper .arrow {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Arrow%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Arrow%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M2%2C12 L22%2C12%22 id=%22Stroke-3%22 stroke=%22%2356565A%22/%3E%3Cpolyline id=%22Stroke-6%22 transform=%22translate%2818.000000%2C 12.000000%29 rotate%28-90.000000%29 translate%28-18.000000%2C -12.000000%29 %22 points=%2225 8 18 16 11 8%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  transform: rotate(90deg);
}
.landing-banner .image {
  position: relative;
  width: calc(100% - 20px);
}
@media only screen and (min-width: 64em) {
  .landing-banner .image {
    width: 56%;
    max-width: none;
    left: 44%;
    margin-top: 0;
    position: absolute;
    height: 90%;
    overflow: hidden;
  }
}
.landing-banner .image img {
  width: 100%;
  height: auto;
  position: relative;
}
.landing-banner.no-image .background {
  border-radius: 0 0 40px 0;
}
.landing-banner.no-image .image {
  display: none;
}
.landing-banner.no-image .content {
  padding: 0 0 70px 0;
  min-height: 0;
}
@media only screen and (min-width: 64em) {
  .landing-banner.no-image .content {
    padding: 0 0 50px 0;
    width: 100%;
    background-color: #efefef;
    border-radius: 0 0 40px 0;
  }
}
@media only screen and (min-width: 64em) {
  .landing-banner.no-image .content .content-grouper {
    margin-right: 0;
    width: 55%;
  }
}
.landing-banner.no-image .content .content-grouper .arrow {
  display: none;
}
.landing-banner.full-width {
  margin-bottom: 0;
}
.landing-banner.full-width .background {
  background-color: white;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .background {
    display: none;
  }
}
.landing-banner.full-width .content {
  padding: 0 0 38px 0;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .content {
    width: 42.3%;
    border-radius: 0 0 40px 0;
    margin-bottom: 120px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .landing-banner.full-width .content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    left: -100%;
  }
}
.landing-banner.full-width .content .content-grouper {
  margin: 0;
  padding: 30px 30px 0 30px;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .content .content-grouper {
    padding: 40px 0 0 36px;
    margin: 0 80px 0 36px;
  }
}
.landing-banner.full-width .content .content-grouper p {
  padding-bottom: 40px;
  font-size: 18px;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .content .content-grouper p {
    font-size: 24px;
  }
}
.landing-banner.full-width .content .content-grouper .header-highlight {
  width: 10px;
}
.landing-banner.full-width .content .content-grouper .arrow {
  transform: rotate(90deg);
  width: 20px;
}
.landing-banner.full-width .content .content-grouper .title-image {
  width: 100%;
  height: auto;
}
.landing-banner.full-width .image {
  width: 100%;
  margin-bottom: -10px;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .image {
    max-width: none;
    left: 0;
    margin-top: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
  }
}
@media only screen and (min-width: 77.75em) {
  .landing-banner.full-width .image img {
    margin-top: -250px;
  }
}

div#root > div[dir=rtl] .landing-banner.full-width .background {
  border-radius: 0;
}
div#root > div[dir=rtl] .landing-banner.full-width .content .content-grouper {
  margin: 0;
  padding: 30px 30px 0 30px;
}
div#root > div[dir=rtl] .landing-banner .background {
  left: inherit;
  right: 0;
  border-radius: 0 0 0 40px;
}
div#root > div[dir=rtl] .landing-banner .content {
  border-radius: 0 0 0 40px;
}
div#root > div[dir=rtl] .landing-banner .content .content-grouper {
  padding: 28px 20px 20px 20px;
  margin: 0 8px;
}
div#root > div[dir=rtl] .landing-banner .content .content-grouper .header-highlight {
  left: inherit;
  right: 0;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .landing-banner .content .content-grouper {
    padding: 40px 36px 0px 0;
    margin: 0 36px 0 150px;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .landing-banner.full-width .content:before {
    left: 100%;
  }
  div#root > div[dir=rtl] .landing-banner:not(.full-width) .image {
    left: auto;
    right: 44%;
  }
}
div#root > div[dir=rtl] .landing-banner .content-link::after {
  content: "";
  transform: rotate(90deg);
  margin-left: 0px;
  margin-right: 10px;
}

.key-points {
  border-top: 5px solid #fdc82f;
  border-bottom: 2px solid #cccccc;
  margin: 0 0 40px 0;
  padding: 20px 0;
}
.key-points h1,
.key-points h2,
.key-points h3,
.key-points h4,
.key-points h5,
.key-points h6 {
  font-size: 22px;
  line-height: 28px;
}
.key-points li a,
.key-points p a {
  color: #3f1482;
}
@media screen and (min-width: 64em) {
  .key-points li {
    padding-left: 25px;
  }
}

.product-page .key-points,
.Campaign .key-points {
  border-bottom: 0;
}
.product-page .key-points h2,
.product-page .key-points h3,
.Campaign .key-points h2,
.Campaign .key-points h3 {
  font-size: 32px;
  line-height: 38px;
}

.cm-media-container figcaption {
  font-size: 16px;
  color: #56565a;
  border: 0;
  padding: 0 0 0 20px;
  border-left: 5px solid #fdc82f;
}
.cm-media-container figcaption p {
  font-family: "Knockout-30", sans-serif;
  font-size: 22px;
  line-height: 1.3;
}
.cm-media-container figcaption p:nth-child(2) {
  font-size: 18px;
  margin-top: 10px;
}
.cm-media-container .image-embed img {
  width: 100%;
  height: auto;
}

div#root > div[dir=rtl] .cm-media-container figcaption {
  padding: 0 20px 0 0;
  border-left: initial;
  border-right: 5px solid #fdc82f;
}

.numbered-list {
  margin: 20px 0 40px 0;
}
.numbered-list img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.numbered-list ol {
  margin-left: 3px;
  counter-reset: list;
  padding-left: 40px;
}
.numbered-list ol li {
  position: relative;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  line-height: 25px;
}
.numbered-list ol li::before {
  position: absolute;
  content: counters(list, ".", decimal-leading-zero) " " "";
  left: -43px;
  padding-top: 15px;
  font-size: 30px;
  font-family: "Knockout-30", sans-serif;
  line-height: 0;
  counter-increment: list;
  color: #56565a;
  width: 41px;
  height: 40px;
  background-color: #ffffff;
}
.numbered-list ol li h4 {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}
.numbered-list ol li p {
  margin: 0;
  line-height: 25px;
}

div#root > div[dir=rtl] ol {
  margin-right: 3px;
  margin-left: initial;
  padding-right: 40px;
  padding-left: initial;
}
div#root > div[dir=rtl] ol li::before {
  left: auto; /*replaced*/
  right: -43px;
}

@keyframes toFadeInUp {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.toFadeInUp {
  animation-name: toFadeInUp;
  animation-fill-mode: inherit;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
}

/* Required so that SiteCore Experience manager display the content cards incorrectly */
@media screen and (min-width: 64em) {
  a.content-card,
  div.content-card {
    height: 100%;
  }
}

.content-card {
  cursor: pointer;
  border: 1px solid #efefef;
  position: relative;
  background-color: #ffffff;
  max-width: 1180px;
  margin: 0 auto 20px auto;
  display: block;
  text-decoration: none;
  outline: none;
}
@media screen and (min-width: 64em) {
  .content-card {
    transition: all 0.35s ease-in-out;
    position: relative;
    z-index: auto;
    overflow: visible;
    opacity: 1;
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
  .content-card::before {
    transition: all 0.35s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
  }
}
.content-card > a {
  text-decoration: none;
  display: block;
}
.content-card .content-container {
  margin: 0;
  background-color: #ffffff;
  display: block;
}
@media screen and (min-width: 64em) {
  .content-card .content-container {
    padding: 0 0 60px 0;
  }
}
.content-card .content-container h1,
.content-card .content-container h2,
.content-card .content-container h3,
.content-card .content-container h4,
.content-card .content-container h5,
.content-card .content-container h6,
.content-card .content-container p {
  margin: 0;
  border-left: 5px solid transparent;
}
.content-card .content-container h1 a,
.content-card .content-container h2 a,
.content-card .content-container h3 a,
.content-card .content-container h4 a,
.content-card .content-container h5 a,
.content-card .content-container h6 a,
.content-card .content-container p a {
  text-decoration: none;
}
.content-card .content-container h1,
.content-card .content-container h2,
.content-card .content-container h3,
.content-card .content-container h4,
.content-card .content-container h5,
.content-card .content-container h6 {
  padding: 20px 30px 20px 30px;
}
.content-card .content-container h1 a,
.content-card .content-container h2 a,
.content-card .content-container h3 a,
.content-card .content-container h4 a,
.content-card .content-container h5 a,
.content-card .content-container h6 a {
  font-weight: 600;
}
.content-card .content-container p {
  padding: 0 30px 40px 30px;
}
.content-card .content-container .cta-button {
  position: relative;
  display: block;
  border: 0;
  border-top: 1px solid #efefef;
  border-left: 5px solid #fdc82f;
  background-color: #ffffff;
  color: #3f1482;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 30px;
  margin-top: 0;
  line-height: 30px;
  border-radius: 0;
}
@media screen and (min-width: 64em) {
  .content-card .content-container .cta-button {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .content-card .content-container .cta-button::before {
    content: "";
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
  }
}
.content-card .content-container .cta-button::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.content-card .content-container.no-image .content__grouper {
  float: left;
  width: 100%;
}
.content-card .image img {
  opacity: 1;
}
.content-card .img-container {
  position: relative;
  height: 215px;
  overflow: hidden;
}
.content-card .img-container.is-video-article::before, .content-card .img-container.is-video-article::after {
  content: "";
  position: absolute;
}
.content-card .img-container.is-video-article::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.content-card .img-container.is-video-article::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
@media screen and (min-width: 64em) {
  .content-card .img-container {
    margin-bottom: 20px;
  }
}
.content-card .img-container img,
.content-card .img-container .img {
  width: 100%;
  height: auto;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 64em) {
  .content-card .img-container img,
  .content-card .img-container .img {
    width: 150%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (min-width: 77.75em) {
  .content-card .img-container img,
  .content-card .img-container .img {
    width: auto;
    height: 215px;
  }
}
.content-card .img-container:hover img,
.content-card .img-container:hover .img {
  filter: grayscale(0);
}
@media screen and (min-width: 64em) {
  .content-card .img-container:hover img,
  .content-card .img-container:hover .img {
    filter: grayscale(0);
  }
}
.content-card .img-container::after {
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .content-card .img-container::after {
    background-color: transparent;
  }
}
.content-card .img-container .image::after {
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .content-card .img-container .image::after {
    background-color: transparent;
  }
}
.content-card:focus .cta-button {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .content-card:focus .cta-button {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
.content-card:hover .content-container h1,
.content-card:hover .content-container h2,
.content-card:hover .content-container h3,
.content-card:hover .content-container h4,
.content-card:hover .content-container h5,
.content-card:hover .content-container h6, .content-card:focus .content-container h1,
.content-card:focus .content-container h2,
.content-card:focus .content-container h3,
.content-card:focus .content-container h4,
.content-card:focus .content-container h5,
.content-card:focus .content-container h6 {
  color: #3f1482;
}
.content-card:hover .content-container .cta-button::after, .content-card:focus .content-container .cta-button::after, .content-card:active .content-container .cta-button::after {
  right: 16px;
}
@media screen and (min-width: 64em) {
  .content-card:hover {
    transform: perspective(1000px) translate3d(0, 0, 21px);
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
  }
  .content-card:hover::before {
    opacity: 1;
    z-index: 0;
  }
  .content-card:hover .cta-button::before {
    width: 100%;
  }
  .content-card:hover .img-container {
    z-index: 1;
  }
  .content-card:hover .content-container {
    z-index: 1;
  }
}
.content-card:last-child {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .content-card:last-child {
    margin-bottom: 0;
  }
}

.is-stretch .img-container img {
  width: 140%;
  margin: 0 -20%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 48em) {
  .is-stretch .img-container img {
    width: 100%;
    margin: auto;
    height: auto;
  }
}
@media only screen and (min-width: 77.75em) {
  .is-stretch .img-container img {
    height: auto;
    width: 100%;
    margin: auto;
  }
}
.is-stretch .cta-button {
  width: 100%;
  bottom: 0;
}
@media only screen and (min-width: 77.75em) {
  .is-stretch .cta-button {
    position: absolute;
    width: 50%;
    bottom: 0;
  }
}

@media only screen and (min-width: 64em) {
  .sl.is-66-split .sl-item {
    flex: auto;
  }
}
@media only screen and (min-width: 64em) {
  .sl.is-66-split .sl-item:first-child {
    width: 66%;
  }
}
@media only screen and (min-width: 77.5em) {
  .sl.is-66-split .sl-item:first-child .img-container {
    float: left;
    width: 50%;
    height: 100%;
    margin-bottom: 0;
    position: relative;
  }
  .sl.is-66-split .sl-item:first-child .img-container img {
    height: 100%;
    width: auto;
    top: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 77.5em) {
  .sl.is-66-split .sl-item:first-child .content-container {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 77.5em) {
  .sl.is-66-split .sl-item:first-child .content-container .cta-button {
    width: 50%;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 64em) {
  .sl.is-66-split .sl-item:last-child {
    width: 33%;
  }
}
@media only screen and (min-width: 64em) and (min-width: 77.5em) {
  .sl.is-66-split .sl-item .img-container {
    height: 270px;
  }
  .sl.is-66-split .sl-item .img-container img {
    width: 140%;
    margin: 0 -20%;
    height: auto;
  }
}
@media only screen and (min-width: 64em) {
  .sl .sl-list {
    display: flex;
  }
}

div#root > div[dir=rtl] .content-card:hover .content-container .cta-button::after, div#root > div[dir=rtl] .content-card:focus .content-container .cta-button::after, div#root > div[dir=rtl] .content-card:active .content-container .cta-button::after {
  right: 20px;
}
div#root > div[dir=rtl] .content-card:focus .content-container .cta-button::before, div#root > div[dir=rtl] .content-card:active .content-container .cta-button::before, div#root > div[dir=rtl] .content-card:hover .content-container .cta-button::before {
  left: 16px;
}
div#root > div[dir=rtl] .content-card .content-container .cta-button {
  border-left: initial;
  border-right: 5px solid #fdc82f;
  text-align: right;
}
div#root > div[dir=rtl] .content-card .content-container .cta-button::before {
  content: "";
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  top: 50%;
  margin-top: -10px;
  left: 20px;
}
div#root > div[dir=rtl] .content-card .content-container .cta-button::after {
  width: 20px;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
  right: 16px;
}
div#root > div[dir=rtl] .content-card .content-container .cta-button:hover::after, div#root > div[dir=rtl] .content-card .content-container .cta-button:active::after, div#root > div[dir=rtl] .content-card .content-container .cta-button:focus::after {
  right: 20px;
}
div#root > div[dir=rtl] .content-card .content-container .cta-button::after {
  background: none;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item {
    flex: auto;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item:first-child {
    width: 66%;
  }
}
@media only screen and (min-width: 77.5em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item:first-child .img-container {
    float: right;
    width: 50%;
    height: 100%;
    margin-bottom: 0;
    position: relative;
  }
  div#root > div[dir=rtl] .sl.is-66-split .sl-item:first-child .img-container img {
    height: 100%;
    width: auto;
    top: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 77.5em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item:first-child .content-container {
    float: right;
    width: 50%;
  }
}
@media only screen and (min-width: 77.5em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item:first-child .content-container .cta-button {
    width: 50%;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item:last-child {
    width: 33%;
  }
}
@media only screen and (min-width: 64em) and (min-width: 77.5em) {
  div#root > div[dir=rtl] .sl.is-66-split .sl-item .img-container {
    height: 270px;
  }
  div#root > div[dir=rtl] .sl.is-66-split .sl-item .img-container img {
    width: 140%;
    margin: 0 -20%;
    height: auto;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .sl .sl-list {
    display: flex;
  }
}

@keyframes toFadeInUp {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.toFadeInUp {
  animation-name: toFadeInUp;
  animation-fill-mode: inherit;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
}

/* Required so that SiteCore Experience manager display the content cards incorrectly */
@media screen and (min-width: 64em) {
  a.content-card,
  div.content-card {
    height: 100%;
  }
}

.is-stretch .img-container img {
  width: 140%;
  margin: 0 -20%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 48em) {
  .is-stretch .img-container img {
    width: 100%;
    margin: auto;
    height: auto;
  }
}
@media only screen and (min-width: 77.75em) {
  .is-stretch .img-container img {
    width: 100%;
    height: auto;
    margin: auto;
  }
}
.is-stretch .cta-button {
  width: 100%;
  bottom: 0;
}
@media only screen and (min-width: 77.75em) {
  .is-stretch .cta-button {
    position: absolute;
    width: 50%;
    bottom: 0;
  }
}

.content-card {
  cursor: pointer;
  border: 1px solid #efefef;
  position: relative;
  background-color: #ffffff;
  max-width: 1180px;
  margin: 0 auto 20px;
  display: block;
  text-decoration: none;
  outline: none;
}
@media screen and (min-width: 64em) {
  .content-card {
    transition: all 0.35s ease-in-out;
    position: relative;
    z-index: auto;
    overflow: visible;
    opacity: 1;
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
  .content-card::before {
    transition: all 0.35s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
  }
}
.content-card > a {
  text-decoration: none;
  display: block;
}
.content-card .content-container {
  margin: 0;
  background-color: #ffffff;
  display: block;
}
@media screen and (min-width: 64em) {
  .content-card .content-container {
    padding: 0 0 60px;
  }
}
.content-card .content-container h1,
.content-card .content-container h2,
.content-card .content-container h3,
.content-card .content-container h4,
.content-card .content-container h5,
.content-card .content-container h6,
.content-card .content-container p {
  margin: 0;
  border-left: 5px solid transparent;
}
.content-card .content-container h1 a,
.content-card .content-container h2 a,
.content-card .content-container h3 a,
.content-card .content-container h4 a,
.content-card .content-container h5 a,
.content-card .content-container h6 a,
.content-card .content-container p a {
  text-decoration: none;
}
.content-card .content-container h1,
.content-card .content-container h2,
.content-card .content-container h3,
.content-card .content-container h4,
.content-card .content-container h5,
.content-card .content-container h6 {
  padding: 20px 30px;
}
.content-card .content-container h1 a,
.content-card .content-container h2 a,
.content-card .content-container h3 a,
.content-card .content-container h4 a,
.content-card .content-container h5 a,
.content-card .content-container h6 a {
  font-weight: 600;
}
.content-card .content-container p {
  padding: 0 30px 40px;
}
.content-card .content-container .cta-button {
  position: relative;
  display: block;
  border: 0;
  border-top: 1px solid #efefef;
  border-left: 5px solid #fdc82f;
  background-color: #ffffff;
  color: #3f1482;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 30px;
  margin-top: 0;
  line-height: 30px;
  border-radius: 0;
}
@media screen and (min-width: 64em) {
  .content-card .content-container .cta-button {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .content-card .content-container .cta-button::before {
    content: "";
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
  }
}
.content-card .content-container .cta-button::after {
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.content-card .content-container.no-image .content__grouper {
  float: left;
  width: 100%;
}
.content-card .image img {
  opacity: 1;
}
.content-card .img-container {
  position: relative;
  height: 215px;
  overflow: hidden;
}
.content-card .img-container.is-video-article::before, .content-card .img-container.is-video-article::after {
  content: "";
  position: absolute;
}
.content-card .img-container.is-video-article::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.content-card .img-container.is-video-article::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
@media screen and (min-width: 64em) {
  .content-card .img-container {
    margin-bottom: 20px;
  }
}
.content-card .img-container img,
.content-card .img-container .img {
  width: 100%;
  height: auto;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 64em) {
  .content-card .img-container img,
  .content-card .img-container .img {
    width: 150%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media screen and (min-width: 77.75em) {
  .content-card .img-container img,
  .content-card .img-container .img {
    width: auto;
    height: 215px;
  }
}
.content-card .img-container:hover img,
.content-card .img-container:hover .img {
  filter: grayscale(0);
}
@media screen and (min-width: 64em) {
  .content-card .img-container:hover img,
  .content-card .img-container:hover .img {
    filter: grayscale(0);
  }
}
.content-card .img-container::after {
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .content-card .img-container::after {
    background-color: transparent;
  }
}
.content-card .img-container .image::after {
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .content-card .img-container .image::after {
    background-color: transparent;
  }
}
.content-card:focus .cta-button {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .content-card:focus .cta-button {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
.content-card:hover .content-container h1,
.content-card:hover .content-container h2,
.content-card:hover .content-container h3,
.content-card:hover .content-container h4,
.content-card:hover .content-container h5,
.content-card:hover .content-container h6, .content-card:focus .content-container h1,
.content-card:focus .content-container h2,
.content-card:focus .content-container h3,
.content-card:focus .content-container h4,
.content-card:focus .content-container h5,
.content-card:focus .content-container h6 {
  color: #3f1482;
}
.content-card:hover .content-container .cta-button::after, .content-card:focus .content-container .cta-button::after, .content-card:active .content-container .cta-button::after {
  right: 16px;
}
@media screen and (min-width: 64em) {
  .content-card:hover {
    transform: perspective(1000px) translate3d(0, 0, 21px);
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
  }
  .content-card:hover::before {
    opacity: 1;
    z-index: 0;
  }
  .content-card:hover .cta-button::before {
    width: 100%;
  }
  .content-card:hover .img-container {
    z-index: 1;
  }
  .content-card:hover .content-container {
    z-index: 1;
  }
}
.content-card:last-child {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .content-card:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 64em) {
  .sl.is-66-split .sl-item {
    flex: auto;
  }
}
@media only screen and (min-width: 64em) {
  .sl.is-66-split .sl-item:first-child {
    width: 66%;
  }
}
@media only screen and (min-width: 77.5em) {
  .sl.is-66-split .sl-item:first-child .img-container {
    float: left;
    width: 50%;
    height: 100%;
    margin-bottom: 0;
    position: relative;
  }
  .sl.is-66-split .sl-item:first-child .img-container img {
    width: auto;
    height: 100%;
    top: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 77.5em) {
  .sl.is-66-split .sl-item:first-child .content-container {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 77.5em) {
  .sl.is-66-split .sl-item:first-child .content-container .cta-button {
    width: 50%;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 64em) {
  .sl.is-66-split .sl-item:last-child {
    width: 33%;
  }
}
@media only screen and (min-width: 64em) and (min-width: 77.5em) {
  .sl.is-66-split .sl-item .img-container {
    height: 270px;
  }
  .sl.is-66-split .sl-item .img-container img {
    width: 140%;
    margin: 0 -20%;
    height: auto;
  }
}
@media only screen and (min-width: 64em) {
  .sl .sl-list {
    display: flex;
  }
}

.mt-padding {
  margin-top: 35px !important;
}
.mt-padding:last-child {
  margin-bottom: 35px !important;
}

div#root[dir=rtl] .content-container .cta-button {
  border-left: initial;
  border-right: 5px solid #fdc82f;
  text-align: right;
}
div#root[dir=rtl] .content-container .cta-button::before {
  content: "";
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  top: 50%;
  margin-top: -10px;
  left: 20px;
}
div#root[dir=rtl] .content-container .cta-button::after {
  width: 20px;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
  right: 16px;
}
div#root[dir=rtl] .content-container .cta-button:hover::after, div#root[dir=rtl] .content-container .cta-button:active::after, div#root[dir=rtl] .content-container .cta-button:focus::after {
  right: 20px;
}
div#root[dir=rtl] .content-card .content-container .cta-button::after {
  background: none;
  right: 20px;
}
div#root[dir=rtl] .content-card:hover .content-container .cta-button::before, div#root[dir=rtl] .content-card:focus .content-container .cta-button::before, div#root[dir=rtl] .content-card:active .content-container .cta-button::before {
  left: 16px;
}
@media only screen and (min-width: 64em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item {
    flex: auto;
  }
}
@media only screen and (min-width: 64em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item:first-child {
    width: 66%;
  }
}
@media only screen and (min-width: 77.5em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item:first-child .img-container {
    float: right;
    width: 50%;
    height: 100%;
    margin-bottom: 0;
    position: relative;
  }
  div#root[dir=rtl] .sl.is-66-split .sl-item:first-child .img-container img {
    width: auto;
    height: 100%;
    top: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 77.5em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item:first-child .content-container {
    float: right;
    width: 50%;
  }
}
@media only screen and (min-width: 77.5em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item:first-child .content-container .cta-button {
    width: 50%;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 64em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item:last-child {
    width: 33%;
  }
}
@media only screen and (min-width: 64em) and (min-width: 77.5em) {
  div#root[dir=rtl] .sl.is-66-split .sl-item .img-container {
    height: 270px;
  }
  div#root[dir=rtl] .sl.is-66-split .sl-item .img-container img {
    width: 140%;
    margin: 0 -20%;
    height: auto;
  }
}
@media only screen and (min-width: 64em) {
  div#root[dir=rtl] .sl .sl-list {
    display: flex;
  }
}

.callout-card {
  position: relative;
  display: block;
}
.callout-card .img-container {
  position: relative;
  left: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 64em) {
  .callout-card .img-container {
    left: 0;
    height: 460px;
  }
}
@media only screen and (min-width: 64em) {
  .callout-card .img-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40px;
    background-color: white;
  }
}
.callout-card .img-container img {
  width: auto;
  height: 450px;
}
@media only screen and (min-width: 64em) {
  .callout-card .img-container img {
    width: 100%;
    height: auto;
  }
}
.callout-card .content-container {
  border-radius: 0 0 40px 0;
  position: absolute;
  top: 5%;
  width: 95%;
}
@media only screen and (min-width: 48em) {
  .callout-card .content-container {
    width: 55%;
  }
}
@media only screen and (min-width: 64em) {
  .callout-card .content-container {
    width: 420px;
  }
}
.callout-card .content-container .content-container__grouper {
  width: 80%;
  margin: 40px auto;
}
.callout-card .content-container h3,
.callout-card .content-container .is-h3 {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  line-height: 28px;
  text-align: left;
  font-weight: normal;
}
.callout-card .content-container p {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 34px;
  text-align: left;
  width: 90%;
  margin: 20px 0;
}
@media only screen and (min-width: 64em) {
  .callout-card .content-container p {
    font-size: 36px;
    line-height: 40px;
    width: 100%;
  }
}
.callout-card .content-container .cta-select {
  appearance: none;
  text-align: left;
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right;
  color: white;
  border: 0;
  border-radius: 0;
  padding: 5px;
  margin: 10px auto 20px auto;
  width: 100%;
}
.callout-card .content-container .cta-select option {
  background-color: white !important;
  color: #3f1482 !important;
  margin: 10px;
}
.callout-card .cta-button {
  margin: 10px 0 0 0;
  font-weight: 900;
  display: inline-block;
  border: 0;
  background-color: white;
  color: #3f1482;
}
.callout-card .cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.callout-card .cta-button:hover, .callout-card .cta-button:active {
  background-color: rgba(255, 255, 255, 0.85);
  color: #3f1482;
}
.callout-card .cta-button:hover::after, .callout-card .cta-button:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.callout-card.yellow-gradient .content-container, .callout-card.purple-gradient .content-container {
  z-index: 1;
}
.callout-card.yellow-gradient .content-container::after, .callout-card.yellow-gradient .content-container::before, .callout-card.purple-gradient .content-container::after, .callout-card.purple-gradient .content-container::before {
  content: "";
  top: 0;
  position: absolute;
  background-image: linear-gradient(to right, rgb(255, 176, 0), rgba(255, 176, 0, 0.9));
  z-index: -1;
  transition: all 0.2s cubic-bezier(0.550, 0.055, 0.675, 0.190);
  opacity: 0;
  border-radius: 0 0 40px 0;
  width: 100%;
  height: 100%;
}
.callout-card.yellow-gradient .content-container::before, .callout-card.purple-gradient .content-container::before {
  background-image: linear-gradient(to right, rgb(253, 200, 47), rgba(253, 200, 47, 0.85));
  transition: all 0.2s cubic-bezier(0.550, 0.880, 0.675, 0.880);
  opacity: 1;
}
.callout-card.yellow-gradient .cta-select, .callout-card.purple-gradient .cta-select {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%2356565A%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right;
  color: #56565a;
  border-bottom: 1px solid #56565a;
}
.callout-card.purple-gradient .content-container::after, .callout-card.purple-gradient .content-container::before {
  background-image: linear-gradient(to right, rgb(103, 42, 197), rgba(103, 42, 197, 0.8));
}
.callout-card.purple-gradient .content-container::before {
  background-image: linear-gradient(to right, rgb(63, 20, 130), rgba(63, 20, 130, 0.8));
}
.callout-card.purple-gradient .content-container h2,
.callout-card.purple-gradient .content-container p {
  color: #ffffff;
}
.callout-card.purple-gradient .cta-select {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right;
  color: white;
  border-bottom: 1px solid white;
}
.callout-card:hover.yellow-gradient .content-container::before, .callout-card:hover.purple-gradient .content-container::before {
  transition: all 0.2s cubic-bezier(0.550, 0.055, 0.675, 0.190);
  opacity: 0;
}
.callout-card:hover.yellow-gradient .content-container::after, .callout-card:hover.purple-gradient .content-container::after {
  transition: all 0.2s cubic-bezier(0.550, 0.880, 0.675, 0.880);
  opacity: 1;
}
.callout-card:hover.yellow-gradient .cta-button, .callout-card:hover.purple-gradient .cta-button {
  background-color: rgba(255, 255, 255, 0.85);
}
.callout-card:hover.yellow-gradient .cta-button::after, .callout-card:hover.purple-gradient .cta-button::after {
  transition: all 0.2s ease-in-out;
  right: 16px;
}

.sl {
  margin-left: auto;
  margin-right: auto;
}
.sl .sl-item .callout-card {
  height: 460px;
  margin-bottom: 0;
}
@media only screen and (min-width: 64em) {
  .sl .sl-item .callout-card .img-container img {
    width: auto;
    height: 450px;
  }
}
@media only screen and (min-width: 64em) {
  .sl .sl-item .callout-card .content-container {
    width: 75%;
  }
}

span.callout-card {
  height: auto;
  position: absolute;
}

div#root > div[dir=rtl] .callout-card.purple-gradient .content-container::before, div#root > div[dir=rtl] .callout-card.yellow-gradient .content-container::before {
  border-radius: 0 0 0 40px;
  background-image: linear-gradient(to left, rgb(255, 176, 0), rgba(255, 176, 0, 0.9));
}
div#root > div[dir=rtl] .callout-card.purple-gradient .content-container::after, div#root > div[dir=rtl] .callout-card.yellow-gradient .content-container::after {
  border-radius: 0 0 0 40px;
  background-image: linear-gradient(to left, rgb(253, 200, 47), rgba(253, 200, 47, 0.85));
}
div#root > div[dir=rtl] .callout-card.purple-gradient .content-container::after {
  background-image: linear-gradient(to left, rgb(103, 42, 197), rgba(103, 42, 197, 0.8));
}
div#root > div[dir=rtl] .callout-card.purple-gradient .content-container::before {
  background-image: linear-gradient(to left, rgb(63, 20, 130), rgba(63, 20, 130, 0.8));
}
div#root > div[dir=rtl] .callout-card.purple-gradient .cta-select {
  background-position: left;
}
div#root > div[dir=rtl] .callout-card:hover.purple-gradient .cta-button::before, div#root > div[dir=rtl] .callout-card:hover.yellow-gradient .cta-button::before {
  left: 16px;
}
div#root > div[dir=rtl] .callout-card .cta-button {
  border-right: initial;
}
div#root > div[dir=rtl] .callout-card .content-container {
  border-radius: 0 0 0 40px;
}
div#root > div[dir=rtl] .callout-card .content-container h3,
div#root > div[dir=rtl] .callout-card .content-container p,
div#root > div[dir=rtl] .callout-card .content-container .is-h3 {
  text-align: right;
}
div#root > div[dir=rtl] .callout-card .img-container {
  left: auto; /*replaced*/
  right: 30px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .callout-card .img-container {
    left: auto; /*replaced*/
    right: 0;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .callout-card .img-container::before {
    left: auto; /*replaced*/
    right: 0;
  }
}

.hero-card {
  border: 0;
  overflow: hidden;
  margin: 0 -20px 0 -20px;
  padding: 0 20px 20px 20px;
  cursor: auto;
}
.hero-card::before {
  content: " ";
  background-color: #fdc82f;
  height: calc(100% - 70px);
  width: 100%;
  position: absolute;
  bottom: -70px;
  z-index: -1;
  opacity: 1;
  border-radius: 0 0 50px 0;
  display: none;
}
@media screen and (min-width: 64em) {
  .hero-card::before {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .hero-card {
    margin: 0 auto;
    max-width: none;
    padding: 0 0 90px 0;
    z-index: 2;
    overflow: initial;
  }
}
.hero-card .image {
  height: 350px;
  position: relative;
  left: 30px;
  display: block;
}
.hero-card .image img {
  max-width: none;
  height: 100%;
  display: block;
  width: auto;
  border-radius: 0 0 0 50px;
  transform: none;
}
@media screen and (min-width: 64em) {
  .hero-card .cta {
    margin: 0;
  }
}
.hero-card a {
  text-decoration: none;
}
@media screen and (min-width: 64em) {
  .hero-card .content-card__grouper {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 77.75em) {
  .hero-card .content-card__grouper {
    max-width: 1100px;
  }
}
.hero-card .content-card__grouper .cta-button {
  transition: all 0.2s ease-in-out;
  border: 0;
  background-color: #ffffff;
  border-radius: 30px;
  margin: 0 20px 20px 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  color: #3f1482;
  font-size: 18px;
  line-height: 30px;
  display: block;
}
@media screen and (min-width: 64em) {
  .hero-card .content-card__grouper .cta-button {
    margin: 0 10px 15px 0;
    width: auto;
    min-width: 150px;
    display: inline-block;
    padding: 10px 30px;
    position: relative;
  }
}
.hero-card .content-card__grouper .cta-button::after {
  margin: -4px 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-card .content-card__grouper .cta-button:hover::after {
  left: 10px;
}
.hero-card .content-card__grouper .cta-button.secondary, .hero-card .content-card__grouper .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .hero-card .content-card__grouper .cta-button + .cta-button, .hero-card .content-card__grouper .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .hero-card .content-card__grouper .cta-button + .cta-button {
  background-color: transparent;
  border: 1px solid #3f1482;
}
.hero-card .content-card__grouper:hover .content-container .cta-button {
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}
.hero-card .content-card__grouper:hover .content-container .cta-button::after {
  left: 10px;
  transition: all 0.2s ease-in-out;
}
.hero-card .content-card__grouper:hover h2,
.hero-card .content-card__grouper:hover h3,
.hero-card .content-card__grouper:hover h4,
.hero-card .content-card__grouper:hover h5,
.hero-card .content-card__grouper:hover h6 {
  color: #3f1482;
}
.hero-card .content-container {
  background-color: #fdc82f;
  border-radius: 0 0 50px 0;
  float: none;
  width: 100%;
  height: 340px;
  display: table;
}
@media screen and (min-width: 64em) {
  .hero-card .content-container {
    padding: 20px 0 30px 0;
  }
}
.hero-card .content-container h1,
.hero-card .content-container h2,
.hero-card .content-container h3,
.hero-card .content-container h4,
.hero-card .content-container h5,
.hero-card .content-container h6 {
  padding: 50px 20px 0;
  margin-bottom: 25px;
  font-size: 38px;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .hero-card .content-container h1,
  .hero-card .content-container h2,
  .hero-card .content-container h3,
  .hero-card .content-container h4,
  .hero-card .content-container h5,
  .hero-card .content-container h6 {
    padding: 0;
  }
}
.hero-card .content-container p {
  padding: 0 20px;
  font-size: 18px;
  margin-bottom: 40px;
}
@media screen and (min-width: 64em) {
  .hero-card .content-container p {
    line-height: 25px;
    padding: 0;
  }
}
.hero-card .content-container .content-container__grouper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 64em) {
  .hero-card .content-container .content-container__grouper {
    float: right;
    margin-right: 0;
    width: 450px;
    height: 340px;
  }
}
.hero-card .img-container {
  height: 280px;
  bottom: -30px;
}
@media screen and (min-width: 48em) {
  .hero-card .img-container {
    height: 480px;
  }
}
@media screen and (min-width: 64em) {
  .hero-card .img-container {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 40px;
    bottom: auto;
    width: 505px;
    height: 410px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hero-card .img-container {
    width: 550px;
  }
}
.hero-card .img-container a {
  width: 100%;
  padding-right: 0;
  left: 0;
  padding-left: 0;
}
@media screen and (min-width: 64em) {
  .hero-card .img-container a {
    padding-left: 50px;
  }
}
.hero-card .img-container a img {
  width: auto;
  border-radius: 0;
  height: 100%;
}
@media screen and (min-width: 64em) {
  .hero-card .img-container a img {
    width: 100%;
    height: auto;
  }
}
.hero-card .img-container img,
.hero-card .img-container .img {
  bottom: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: translateY(0);
  position: relative;
  margin: 0;
  top: 0;
}
@media screen and (min-width: 64em) {
  .hero-card .img-container img,
  .hero-card .img-container .img {
    right: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.hero-card:hover {
  transform: perspective(1000px) translate3d(0, 0, 0);
  box-shadow: none;
}
.hero-card:hover::before {
  box-shadow: none;
}
.hero-card.no-wrap-link {
  cursor: auto;
}
.hero-card.no-wrap-link:hover .content h1,
.hero-card.no-wrap-link:hover .content h2,
.hero-card.no-wrap-link:hover .content h3,
.hero-card.no-wrap-link:hover .content h4,
.hero-card.no-wrap-link:hover .content h5,
.hero-card.no-wrap-link:hover .content h6,
.hero-card.no-wrap-link:hover .content p, .hero-card.no-wrap-link:focus .content h1,
.hero-card.no-wrap-link:focus .content h2,
.hero-card.no-wrap-link:focus .content h3,
.hero-card.no-wrap-link:focus .content h4,
.hero-card.no-wrap-link:focus .content h5,
.hero-card.no-wrap-link:focus .content h6,
.hero-card.no-wrap-link:focus .content p {
  color: #56565a;
}
.hero-card.is-secondary {
  margin-bottom: 50px;
}
.hero-card.is-secondary::before {
  background-color: #ffffff;
}
.hero-card.is-secondary:hover h1,
.hero-card.is-secondary:hover h2,
.hero-card.is-secondary:hover h3,
.hero-card.is-secondary:hover h4,
.hero-card.is-secondary:hover h5,
.hero-card.is-secondary:hover h6,
.hero-card.is-secondary:hover p, .hero-card.is-secondary:focus h1,
.hero-card.is-secondary:focus h2,
.hero-card.is-secondary:focus h3,
.hero-card.is-secondary:focus h4,
.hero-card.is-secondary:focus h5,
.hero-card.is-secondary:focus h6,
.hero-card.is-secondary:focus p {
  color: #56565a;
}
@media screen and (min-width: 64em) {
  .hero-card.is-secondary .img-container {
    left: auto;
    right: 0;
  }
}
.hero-card.is-secondary .content-card__grouper .content-container {
  background-color: #ffffff;
}
@media screen and (min-width: 64em) {
  .hero-card.is-secondary .content-card__grouper .content-container .content-container__grouper {
    float: left;
  }
}
.hero-card.is-secondary .content-card__grouper .content-container .cta-button {
  background-color: #3f1482;
  color: #ffffff;
}
.hero-card.is-secondary .content-card__grouper .content-container .cta-button:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-card.is-secondary .content-card__grouper:hover .content-container .cta-button {
  background-color: #672ac5;
  transition: all 0.2s ease-in-out;
}
.hero-card.is-secondary .content-card__grouper:hover .content-container .cta-button::after {
  left: 10px;
  transition: all 0.2s ease-in-out;
}
.hero-card.is-secondary .content-card__grouper:hover h2,
.hero-card.is-secondary .content-card__grouper:hover h3,
.hero-card.is-secondary .content-card__grouper:hover h4,
.hero-card.is-secondary .content-card__grouper:hover h5,
.hero-card.is-secondary .content-card__grouper:hover h6 {
  color: #3f1482;
}

.article .hero-card {
  background-color: #ffffff;
}

/* ALTERNATE COLOURS - ONLY THE FIRST IS GREY */
.landing-page .article > .hero-card {
  background-color: #efefef;
}
.landing-page .article > .hero-card ~ .hero-card {
  background-color: #ffffff;
}

div#root > div[dir=rtl] .cta-button::after {
  transform: rotate(90deg);
}
div#root > div[dir=rtl] .hero-card .content-card__grouper .cta-button {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 20px 20px 20px;
  border: none;
  text-align: center;
}
div#root > div[dir=rtl] .hero-card .content-card__grouper .cta-button::after {
  left: 10px;
}
div#root > div[dir=rtl] .hero-card.content-card:hover .content-container .cta-button::before, div#root > div[dir=rtl] .hero-card.content-card:active .content-container .cta-button::before, div#root > div[dir=rtl] .hero-card.content-card:focus .content-container .cta-button::before {
  left: -10px;
}
div#root > div[dir=rtl] .hero-card .content-container .cta-button {
  direction: ltr;
}
div#root > div[dir=rtl] .hero-card .content-container .cta-button::before {
  top: 5px;
  display: inline-block;
  position: relative;
  left: -5px;
}
div#root > div[dir=rtl] .hero-card.is-secondary .content-card__grouper .content-container .cta-button {
  border: none;
}
div#root > div[dir=rtl] .hero-card.is-secondary .content-card__grouper .content-container .cta-button::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
div#root > div[dir=rtl] .hero-card.is-secondary .img-container {
  right: auto;
  left: 0;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .hero-card.is-secondary .content-container .content-container__grouper {
    float: right;
  }
}
div#root > div[dir=rtl] .hero-card::before {
  border-radius: 0 0 0 50px;
}
div#root > div[dir=rtl] .hero-card .content-container {
  border-radius: 0 0 0 50px;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .hero-card .content-container .content-container__grouper {
    float: left;
  }
}
div#root > div[dir=rtl] .hero-card .img-container {
  right: -25px;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .hero-card .img-container {
    left: auto; /*replaced*/
    right: 0;
  }
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .hero-card .img-container img,
  div#root > div[dir=rtl] .hero-card .img-container .img {
    left: 70%;
    right: auto; /*replaced*/
  }
}

.events-calendar-page {
  margin: 0 auto 60px auto;
  min-height: 450px;
}

.breadcrumbs {
  display: none;
  font-size: 16px;
  margin: 20px auto 60px auto;
}
@media only screen and (min-width: 64em) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs ul li .is-active {
  font-size: 16px;
}
.breadcrumbs ul li::before {
  content: "/";
  left: 5px;
  top: 0;
  margin-top: 0;
}
.breadcrumbs a {
  color: #3f1482;
  font-size: 16px;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
  color: #3f1482;
}

div#root > div[dir=rtl] nav.breadcrumbs ul li {
  padding-left: 0;
  padding-right: 25px;
  margin: 0 0 0 5px;
}
div#root > div[dir=rtl] nav.breadcrumbs ul li:first-child {
  margin-left: 5px;
  margin-right: 0;
}
div#root > div[dir=rtl] nav.breadcrumbs ul li:before {
  left: 0;
  right: 5px;
}

.social-share {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .social-share {
    margin: 0;
  }
}
.social-share ul {
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 64em) {
  .social-share ul {
    max-width: none;
    margin: 0;
    position: absolute;
    left: -130px;
    top: -10px;
  }
}
.social-share ul li {
  margin: 0 15px;
  display: inline-block;
}
@media screen and (min-width: 64em) {
  .social-share ul li {
    margin: 16px 0 0 0;
    float: none;
    display: block;
  }
}
.social-share ul li:not(:first-child) {
  border: 0;
  padding-left: 0;
  margin-left: 0;
}
.social-share ul li span {
  height: 45px;
  width: 45px;
  border-radius: 30px;
  display: block;
  border: solid 1px #cccccc;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
}
.social-share ul li span:hover, .social-share ul li span:focus {
  background-color: #3f1482;
}
.social-share ul li span:hover img, .social-share ul li span:focus img {
  filter: brightness(100);
}
.social-share ul li span img {
  width: 25px;
  height: auto;
  vertical-align: middle;
}
.social-share ul li *::-ms-backdrop,
.social-share ul li span:hover {
  color: #ffffff;
}

@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .social-share ul {
    max-width: none;
    margin: 0;
    position: absolute;
    left: auto; /*replaced*/
    right: -130px;
  }
}
div#root > div[dir=rtl] .social-share ul li:not(:first-child) {
  border: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: 15px;
}

.related-block {
  background-color: #efefef;
  padding: 60px 0 50px 0;
  margin-top: 90px;
}
@media only screen and (max-width: 64em) {
  .related-block .content-card .img-container {
    width: 30%;
    height: 120px;
    float: left;
  }
  .related-block .content-card .img-container img {
    height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .related-block .content-card .content-container .content-container__grouper {
    float: right;
    width: 70%;
    position: relative;
    height: 120px;
  }
  .related-block .content-card .content-container .content-container__grouper h2 {
    font-size: 18px;
    line-height: initial;
    padding: 15px 20px 0px 20px;
    border: initial;
  }
  .related-block .content-card .content-container .content-container__grouper p {
    display: none;
  }
  .related-block .content-card .content-container .content-container__grouper .cta-button {
    width: 100%;
    padding: 15px 20px;
    border: initial;
    font-size: 16px;
  }
  .related-block .content-card .content-container .content-container__grouper .cta-button::after {
    top: 20px;
    margin-top: 0;
    right: auto;
    margin-left: 10px;
  }
  .related-block .content-card .content-container.no-image .content__grouper {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .related-block .content-card h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .related-block .content-card .img-container img {
    margin: 0;
    transform: translateX(-50%);
    height: auto;
    width: 100%;
    top: 0;
  }
}

@media only screen and (max-width: 64em) {
  div#root > div[dir=rtl] .related-block .content-card .img-container {
    float: right;
  }
  div#root > div[dir=rtl] .related-block .content-card .img-container img {
    right: 50%;
    left: auto; /*replaced*/
    transform: translateX(50%) translateY(-50%);
  }
  div#root > div[dir=rtl] .related-block .content-card .content-container .content-container__grouper {
    float: left;
  }
  div#root > div[dir=rtl] .related-block .content-card .content-container .content-container__grouper .cta-button {
    border: initial;
  }
}

.child-listing {
  padding-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .child-listing .child-listing__wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 64em) {
  .child-listing {
    width: 100%;
  }
}
@media only screen and (min-width: 64em) {
  .child-listing .image {
    float: right;
    width: 55%;
  }
}
.child-listing .image img {
  width: 100%;
  height: auto;
}
.child-listing .content {
  margin-top: 0;
  width: 95%;
}
@media only screen and (min-width: 64em) {
  .child-listing .content {
    float: left;
    padding: 0 80px 0 0;
    width: 45%;
    margin-top: 0;
  }
}
.child-listing .content .title {
  border-left: 10px solid #fdc82f;
  padding-left: 30px;
  padding-right: 14px;
  position: relative;
  margin-top: -50px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .child-listing .content .title {
    padding-right: 0;
    margin-top: 0;
  }
}
.child-listing .content .title a {
  text-decoration: none;
}
.child-listing .content .title a h2 {
  padding-top: 15px;
  padding-right: 30px;
  position: relative;
  font-size: 28px;
}
@media only screen and (min-width: 64em) {
  .child-listing .content .title a h2 {
    padding-top: 5px;
  }
}
.child-listing .content .title a h2::after {
  transition: all 0.2s ease-in-out;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  background-size: 100%;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 50%;
  transform: rotate(-90deg) translateX(50%) translateY(50%);
}
@media only screen and (min-width: 64em) {
  .child-listing .content .title a h2::after {
    right: 23px;
  }
}
.child-listing .content .title p {
  padding-right: 30px;
}
.child-listing .content .title:hover h2 {
  color: #3f1482;
}
.child-listing .content .title:hover h2::after {
  right: 15px;
}
@media only screen and (min-width: 64em) {
  .child-listing .content .cta {
    margin-left: 50px;
  }
}
.child-listing ul {
  border: none;
  padding: 0 0 0 40px;
  list-style: none;
  margin: 0;
}
.child-listing ul li {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  position: relative;
}
.child-listing ul li::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  transform: rotate(-90deg) translateX(50%) translateY(-14px);
}
.child-listing ul li a {
  padding: 16px 36px 16px 0;
  text-decoration: none;
  line-height: 28px;
  font-size: 18px;
  border-color: transparent;
  display: block;
}
.child-listing ul li a:hover, .child-listing ul li a:focus {
  background-color: rgba(204, 204, 204, 0.2);
  border-left: 5px solid #fdc82f;
  margin-left: -30px;
  padding-left: 25px;
}
.child-listing ul li a:hover::after, .child-listing ul li a:focus::after {
  transform: rotate(-90deg) translateX(50%) translateY(-5px);
}

/* ALTERNATE COLOURS - ONLY THE FIRST IS GREY */
.article > .child-listing {
  background-color: #efefef;
}
@media only screen and (min-width: 64em) {
  .article > .child-listing {
    padding: 40px 0;
  }
}
.article > .child-listing .content {
  background-color: #efefef;
}
.article > .child-listing .content .title {
  background-color: #efefef;
}

.article > .child-listing ~ .child-listing {
  background-color: #ffffff;
}
@media only screen and (min-width: 64em) {
  .article > .child-listing ~ .child-listing {
    padding: 60px 0 20px 0;
  }
}
.article > .child-listing ~ .child-listing .content {
  background-color: #ffffff;
}
.article > .child-listing ~ .child-listing .content .title {
  background-color: #ffffff;
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .child-listing .image {
    float: left;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .child-listing .content {
    padding: 0 0 0 80px;
    float: right;
  }
}
div#root > div[dir=rtl] .child-listing .content .title {
  border-left: initial;
  border-right: 10px solid #fdc82f;
  padding-right: 30px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .child-listing .content .title {
    padding-left: 0;
  }
}
div#root > div[dir=rtl] .child-listing .content .title:hover h2::after {
  left: 0px;
  right: auto; /*replaced*/
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .child-listing .content .title:hover h2::after {
    left: 15px;
  }
}
div#root > div[dir=rtl] .child-listing .content .title a h2 {
  padding-right: initial;
  padding-left: 30px;
}
div#root > div[dir=rtl] .child-listing .content .title a h2::after {
  left: 5px;
  right: auto; /*replaced*/
  transform: rotate(90deg) translateX(-50%) translateY(50%);
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .child-listing .content .title a h2::after {
    right: auto; /*replaced*/
    left: 23px;
  }
}
div#root > div[dir=rtl] .child-listing ul {
  padding: 0 40px 0 0;
}
div#root > div[dir=rtl] .child-listing ul li a {
  padding: 16px 0 16px 36px;
}
div#root > div[dir=rtl] .child-listing ul li a:hover, div#root > div[dir=rtl] .child-listing ul li a:focus {
  background-color: rgba(204, 204, 204, 0.2);
  border-right: 5px solid #fdc82f;
  border-left: none;
  margin-left: initial;
  padding-left: 36px;
  margin-right: -30px;
  padding-right: 25px;
}
div#root > div[dir=rtl] .child-listing ul li::after {
  right: auto; /*replaced*/
  left: 0;
  top: 50%;
  transform: rotate(90deg) translateX(-50%) translateY(-14px);
}

/* Style the buttons that are used to open and close the accordion panel */
.stacked-accordions {
  padding: 0;
  margin: 0;
  /* Style the accordion panel. Note: hidden by default */
}
.stacked-accordions .accordion-section-heading {
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.stacked-accordions .accordion-header-link {
  text-decoration: none;
}
.stacked-accordions .accordion-item {
  padding-right: 0;
  margin-right: 0;
}
.stacked-accordions .accordion-item:focus, .stacked-accordions .accordion-item:hover {
  text-decoration: none;
}
.stacked-accordions .accordion-item:not(:first-of-type) .accordion-item-title {
  border-top: 1px solid #cccccc;
}
.stacked-accordions .accordion-trigger {
  background-color: #ffffff;
  color: #56565a;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  text-align: left;
  border: 0;
  display: block;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  position: relative;
  font-weight: 900;
}
.stacked-accordions .accordion-trigger:focus, .stacked-accordions .accordion-trigger:hover {
  text-decoration: underline;
}
.stacked-accordions .accordion-trigger.active, .stacked-accordions .accordion-trigger:focus, .stacked-accordions .accordion-trigger:hover {
  background-color: #efefef;
  color: #3f1482;
}
.stacked-accordions .accordion-trigger::after {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  white-space: pre;
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: 10px;
  background-size: 100%;
}
@media only screen and (min-width: 48em) {
  .stacked-accordions .accordion-trigger::after {
    right: 20px;
  }
}
.stacked-accordions .accordion-trigger.active::after {
  transform: rotate(180deg);
}
.stacked-accordions .expanded {
  display: block;
}
.stacked-accordions .notExpanded {
  display: none;
}
.stacked-accordions .panel {
  padding: 0 18px;
  background-color: #ffffff;
  display: none;
}
.stacked-accordions .accordion-panel {
  text-decoration: none;
  margin: 20px 20px 0 20px;
}
.stacked-accordions .accordion-panel img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.stacked-accordions .accordion-panel p > a,
.stacked-accordions .accordion-panel a {
  color: #3f1482;
}
.stacked-accordions.full-width-border {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
.stacked-accordions.full-width-border.no-border {
  border: none;
}

div#root > div[dir=rtl] .stacked-accordions.full-width-border {
  margin-left: 0;
  margin-right: calc(50% - 50vw);
}
div#root > div[dir=rtl] .stacked-accordions .accordion-trigger {
  text-align: right;
}
div#root > div[dir=rtl] .stacked-accordions .accordion-trigger::after {
  right: inherit;
  left: 0;
}
div#root > div[dir=rtl] .stacked-accordions tr td {
  border-left: none;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion.questionnaire h2 {
  font-weight: 500;
  color: #1e1e1e;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.1;
}
.accordion.questionnaire .qa-accordion-item {
  color: #1e1e1e;
  margin-top: 2px;
  box-shadow: none;
  border-bottom: 1px solid #cccccc;
}
.accordion.questionnaire .qa-accordion-item-0 {
  border-top: 1px solid #cccccc;
}
.accordion.questionnaire .qa-accordion-panel-heading {
  background-color: #ffffff;
  border-color: #cccccc;
  border-radius: 0;
  padding: 0;
  padding-right: 20px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}
.accordion.questionnaire .qa-accordion-panel-heading h4 {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.1;
  padding-bottom: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.accordion.questionnaire .qa-accordion-panel-heading h4 a {
  font-size: 20px;
  padding: 10px 15px;
  padding-left: 30px;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
}
.accordion.questionnaire .qa-accordion-panel-heading h4 a::before {
  content: "Q";
  background: #fdc82f;
  border-radius: 50%;
  left: 0;
  top: 6px;
  color: #ffffff;
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
  position: absolute;
  font-size: 14px;
}
.accordion.questionnaire .qa-accordion-panel-heading h4 a::after {
  content: "\f106";
  font-family: "FontAwesome";
  font-weight: bold;
  font-size: 30px;
  background: transparent;
  color: #fdc82f;
  position: absolute;
  top: 50%;
  right: -10px;
  width: 25px;
  text-align: center;
  transform: translateY(-50%);
}
.accordion.questionnaire .qa-accordion-panel-heading h4 a.collapsed::after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 30px;
  background: transparent;
  color: #fdc82f;
  top: 50%;
  right: -10px;
  width: 25px;
  text-align: center;
  transform: translateY(-50%);
}
.accordion.questionnaire .collapse {
  display: none;
}
.accordion.questionnaire .collapse.in {
  display: block;
}
.accordion.questionnaire .qa-accordion-panel {
  border-top: 0;
  padding-left: 30px;
  padding-top: 0;
  position: relative;
  padding-bottom: 10px;
}
.accordion.questionnaire .qa-accordion-panel::before {
  content: "A";
  background: #fdc82f;
  border-radius: 50%;
  left: 0;
  color: #ffffff;
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
  position: absolute;
  font-size: 14px;
}

div#root > div[dir=rtl] .accordion.questionnaire.full-width-border {
  margin-left: 0;
  margin-right: calc(50% - 50vw);
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel-heading h4 a::before {
  content: "Q";
  right: -20px;
  left: auto;
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel-heading h4 a::after {
  left: 0px;
  right: auto;
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel-heading h4 a.collapsed::after {
  left: 0;
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel-title {
  text-align: right;
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel-title::after {
  right: inherit;
  left: 0;
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel {
  text-align: right;
  padding-right: 30px;
}
div#root > div[dir=rtl] .accordion.questionnaire .qa-accordion-panel::before {
  right: 0;
}

.location-list {
  padding-top: 20px;
}
.location-list .location-list-title {
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 20px;
}
.location-list .location-list-item {
  padding-bottom: 40px;
}
.location-list .location-list-item p {
  font-size: 16px;
  line-height: 24px;
}
.location-list .location-list-item .location-list-item-title {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}
.location-list a {
  color: #3f1482;
}
@media screen and (min-width: 64em) {
  .location-list .location-list-flex {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    width: 100%;
  }
  .location-list .location-list-flex h3 {
    width: 100%;
  }
  .location-list .location-list-flex .location-list-item {
    width: 33.33%;
    flex: 0 1 auto;
    padding: 0 15px 40px 0;
  }
}

.listing .content-card .img-container img {
  margin: 0 0 0 50%;
  transform: translateX(-50%);
  height: 100%;
  width: auto;
  top: 0;
}
@media screen and (min-width: 64em) {
  .listing .content-card .img-container img {
    margin: 0;
  }
}
.listing .listing-filter {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 30px;
}
@media screen and (min-width: 64em) {
  .listing .listing-filter {
    margin-bottom: 60px;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 20px;
  }
}
.listing .listing-filter .select {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
  background-color: #ffffff;
  padding: 0 30px 0 10px;
  background-size: 20px 20px;
  border: 1px solid #dddddd;
  border-radius: 0;
  line-height: 2.5;
}
.listing .listing-filter .select:focus {
  background-color: white;
  border-color: #3f1482;
}
@media screen and (min-width: 64em) {
  .listing .listing-filter .select {
    width: 100%;
  }
}
.listing .listing-filter .listing-filter-col {
  margin: 0 20px 20px 0;
  display: block;
}
.listing .listing-filter .listing-filter-col label {
  font-size: 16px;
  line-height: 1.875;
  display: block;
  font-weight: 700;
  margin: 0 0 5px;
  text-align: left;
  color: #000;
  clear: both;
}
@media screen and (min-width: 64em) {
  .listing .listing-filter .listing-filter-col {
    margin: 0 20px 0 0;
  }
  .listing .listing-filter .listing-filter-col:nth-child(1) {
    width: 20%;
  }
  .listing .listing-filter .listing-filter-col:nth-child(2) {
    width: 26%;
  }
  .listing .listing-filter .listing-filter-col:nth-child(3) {
    width: 29%;
  }
  .listing .listing-filter .listing-filter-col:nth-child(4) {
    width: 183px;
    margin-right: 0;
  }
  .listing .listing-filter .listing-filter-col:nth-child(4) button {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 75.77em) {
  .listing .listing-filter .listing-filter-col {
    margin: 0 20px 0 0;
  }
  .listing .listing-filter .listing-filter-col:nth-child(2) {
    width: 29%;
  }
}
.listing .dropdown-trigger {
  color: #3f1482;
  font-weight: 700;
  font-size: 18px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.listing .dropdown-trigger:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(0deg);
  margin-left: 5px;
  margin-top: 6px;
  right: 25px;
}
@media screen and (min-width: 64em) {
  .listing .dropdown-trigger {
    display: none;
  }
}
.listing .dropdown-trigger-check[type=checkbox] {
  display: none;
}
.listing .dropdown-trigger-check[type=checkbox] + .dropdown-trigger + .listing-filter {
  display: none;
}
@media screen and (min-width: 64em) {
  .listing .dropdown-trigger-check[type=checkbox] + .dropdown-trigger + .listing-filter {
    display: flex;
  }
}
.listing .dropdown-trigger-check[type=checkbox]:checked + .dropdown-trigger + .listing-filter {
  display: block;
}
@media screen and (min-width: 64em) {
  .listing .dropdown-trigger-check[type=checkbox]:checked + .dropdown-trigger + .listing-filter {
    display: flex;
  }
}
.listing .dropdown-trigger-check[type=checkbox]:checked + .dropdown-trigger:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
  margin-left: 5px;
  margin-top: 6px;
  right: 25px;
}
.listing .category-heading {
  margin: 30px 0 20px 0;
}
.listing .category-heading:first-child {
  margin-top: 0;
}
@media screen and (min-width: 64em) {
  .listing .category-heading {
    margin: 60px 0 40px 0;
  }
  .listing .category-heading:first-child {
    margin-top: 0;
  }
}
.listing .no-results-found {
  margin: 50px 0 200px 0;
}
.listing .no-results-found p {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}
@media screen and (min-width: 64em) {
  .listing .listing-content-container {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: stretch;
    margin: 0 -18px;
  }
  .listing .listing-content-container .content-card {
    width: 29.8%;
    flex: 0 1 auto;
    padding: 0;
    margin: 0 18px 40px 18px;
    height: auto;
  }
  .listing .listing-content-container.has-4-items .content-card {
    width: 21.85%;
  }
  .listing .listing-content-container.has-4-items .content-card .content-container,
  .listing .listing-content-container.has-4-items .content-card .description {
    padding-bottom: 0;
  }
}
.listing.listing-filter-on-left .category-heading {
  display: none;
}
@media screen and (min-width: 64em) {
  .listing.listing-filter-on-left {
    display: flex;
  }
  .listing.listing-filter-on-left .filter-on-left {
    width: 30%;
    padding-right: 20px;
  }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .listing.listing-filter-on-left .filter-on-left {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .listing.listing-filter-on-left .single-column {
    width: 70%;
    padding-left: 40px;
  }
  .listing.listing-filter-on-left .single-column .content-card {
    width: 100%;
  }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .listing.listing-filter-on-left .single-column .cta-button {
    margin: auto;
  }
}
.listing.listing-filter-on-left .listing-filter {
  border: 0;
}
@media screen and (min-width: 64em) {
  .listing.listing-filter-on-left .listing-filter .listing-filter-col {
    width: 100%;
    margin-top: 20px;
  }
}
.listing.listing-filter-on-left .listing-filter .select {
  width: 100%;
}
.listing.listing-filter-on-left .listing-filter .cta-button {
  width: 100%;
  text-align: center;
}
.listing.listing-filter-on-left .listing-filter .listing-filter-col {
  margin-right: 0;
}
.listing .single-column {
  margin-bottom: 70px;
}
@media screen and (min-width: 64em) {
  .listing .single-column {
    margin: 0 0 70px 0;
  }
}
.listing .single-column .content-card {
  background-color: #efefef;
  border: 0;
  display: flex;
  border-bottom-right-radius: 50px;
  min-height: 250px;
  flex-direction: column;
  margin-bottom: 80px;
  margin-top: 80px;
}
@media screen and (min-width: 64em) {
  .listing .single-column .content-card {
    flex-direction: row;
    margin: 0 0 30px 0;
  }
}
.listing .single-column .content-card .img-container {
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -25px;
  position: relative;
  left: 50%;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .listing .single-column .content-card .img-container {
    margin-left: -26px;
    margin-top: 25px;
    left: 0;
  }
}
.listing .single-column .content-card .img-container img {
  margin: 0 0 0 50%;
  display: block;
  height: 100%;
  width: auto;
}
@media screen and (min-width: 64em) {
  .listing .single-column .content-card .img-container img {
    margin: 0;
  }
}
.listing .single-column .content-card .content-container {
  margin-left: 20px;
  padding: 20px 10px 20px 0;
  text-align: left;
  background-color: transparent;
}
@media screen and (min-width: 64em) {
  .listing .single-column .content-card .content-container {
    margin-left: 50px;
    width: 470px;
  }
}
.listing .single-column .content-card .content-container .title {
  margin-bottom: 5px;
  padding: 0;
  border: 0;
}
.listing .single-column .content-card .content-container .subtitle {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  padding: 0;
  border: 0;
}
.listing .single-column .content-card .content-container .description {
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
}
.listing .single-column .content-card .content-container .cta-button {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  border: 0;
  background-color: #3f1482;
  color: #ffffff;
  border-radius: 40px;
}
@media screen and (min-width: 64em) {
  .listing .single-column .content-card .content-container .cta-button {
    width: auto;
  }
}
.listing .single-column .content-card .content-container .cta-button:after {
  margin: -4px 0 0;
  right: -5px;
  top: 5px;
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 64em) {
  .listing .single-column .content-card:hover {
    transform: none;
    box-shadow: none;
  }
}
.listing .single-column .content-card:hover .cta-button {
  transition: all 0.2s ease-in-out;
  background-color: #672ac5;
}
.listing .single-column .content-card:hover .cta-button:after {
  transition: all 0.2s ease-in-out;
  right: -10px;
}

div#root > div[dir=rtl] .listing .dropdown-trigger-check[type=checkbox]:checked + .dropdown-trigger:after {
  left: 25px;
  right: auto; /*replaced*/
}
div#root > div[dir=rtl] .listing .dropdown-trigger::after {
  left: 25px;
  right: auto; /*replaced*/
}
div#root > div[dir=rtl] .listing.listing-filter-on-left .single-column {
  padding-right: 40px;
  padding-left: 0px;
}
div#root > div[dir=rtl] .listing.listing-filter-on-left .single-column .cta-button.m-full-width:hover::after {
  left: -10px;
}
div#root > div[dir=rtl] .listing.listing-filter-on-left .single-column .cta-button.m-full-width::after {
  left: -5px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .listing.listing-filter-on-left .filter-on-left {
    padding-left: 20px;
    padding-right: 0px;
  }
}
div#root > div[dir=rtl] .listing .filter-on-left .listing-filter .listing-filter-col {
  margin-left: 0;
  margin-top: 20px;
}
div#root > div[dir=rtl] .listing .listing-filter .listing-filter-col {
  margin: 0 0 20px 20px;
}
div#root > div[dir=rtl] .listing .listing-filter .listing-filter-col label {
  text-align: right;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .listing .listing-filter .listing-filter-col {
    margin: 0 0 0 20px;
  }
  div#root > div[dir=rtl] .listing .listing-filter .listing-filter-col:nth-child(4) {
    margin-right: inherit;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 75.77em) {
  div#root > div[dir=rtl] .listing .listing-filter .listing-filter-col {
    margin: 0 0 0 20px;
  }
}
div#root > div[dir=rtl] .single-column .content-card {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 0px;
}
div#root > div[dir=rtl] .single-column .content-card .img-container {
  margin-right: -100px;
  margin-left: 0px;
  left: auto; /*replaced*/
  right: 50%;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .single-column .content-card .img-container {
    margin-right: -26px;
    margin-left: 0px;
    right: 0;
    left: auto; /*replaced*/
  }
}
div#root > div[dir=rtl] .single-column .content-card .content-container {
  text-align: right;
  padding: 20px 0px 20px 10px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .single-column .content-card .content-container {
    margin-right: 50px;
    margin-left: 0px;
  }
}
div#root > div[dir=rtl] .single-column .content-card .content-container .cta-button {
  border: 0;
}
div#root > div[dir=rtl] .single-column .content-card .content-container .cta-button::after {
  display: none;
}
div#root > div[dir=rtl] .single-column .content-card .content-container .cta-button::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
div#root > div[dir=rtl] .content-card .img-container {
  direction: ltr;
}

.search-results .search-results-box {
  background-color: #1e1e1e;
  padding: 60px 0 30px 0;
}
@media only screen and (min-width: 64em) {
  .search-results .search-results-box {
    border-radius: 0 0 40px 0;
    padding: 110px 0 45px 0;
    margin-bottom: 50px;
  }
}
.search-results .search-results-box .search-box {
  position: relative;
  opacity: 1;
  display: flex;
  background-color: transparent;
  z-index: 0;
}
.search-results .search-results-box .search-box .search-input-wrapper {
  border-bottom: 1px solid #ffffff;
  display: flex;
  position: relative;
}
@media only screen and (min-width: 64em) {
  .search-results .search-results-box .search-box .search-input-wrapper {
    width: 100%;
  }
}
.search-results .search-results-box .search-box .search-input-wrapper .underline {
  font-size: 30px;
  height: 3px;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-bottom: 3px solid #fdc82f;
}
@media only screen and (min-width: 64em) {
  .search-results .search-results-box .search-box .search-input-wrapper .underline {
    font-size: 50px;
  }
}
.search-results .search-results-box .search-box .search-input {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  background-color: transparent;
  border: 0;
  color: #ffffff;
  outline: 0;
}
@media only screen and (min-width: 64em) {
  .search-results .search-results-box .search-box .search-input {
    font-size: 50px;
    width: 100%;
  }
}
.search-results .search-results-box .search-box .search-toggle,
.search-results .search-results-box .search-box .search-clear {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 0;
  padding: 0;
}
.search-results .search-results-box .search-box .search-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%23FFFFFF%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 10px;
  width: 30px;
  height: 45px;
  margin-right: 8px;
}
@media only screen and (min-width: 64em) {
  .search-results .search-results-box .search-box .search-toggle {
    margin-right: 20px;
    width: 40px;
  }
}
.search-results .search-results-box .search-box .search-clear {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%23FFFFFF%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  width: 20px;
}
@media only screen and (min-width: 64em) {
  .search-results .search-results-box .search-box .search-clear {
    width: 30px;
  }
}
.search-results .no-results {
  padding: 50px 30px;
}
.search-results .search-items {
  list-style: none;
  padding: 0;
}
.search-results .search-items .search-item {
  padding: 10px 30px;
  margin: 0 -20px;
  border-bottom: 1px solid #efefef;
}
.search-results .search-items .search-item a {
  text-decoration: none;
  display: block;
  padding: 10px;
}
.search-results .search-items .search-item a h3,
.search-results .search-items .search-item a p {
  font-size: 18px;
  line-height: 24px;
}
.search-results .search-items .search-item a h3 {
  color: #3f1482;
  margin-bottom: 5px;
}
.search-results .search-items .search-item a p {
  color: #666;
}
.search-results .search-items .search-item a .ccl__icon {
  display: inline-block;
  margin-inline-start: 16px;
  margin-bottom: 2px;
  vertical-align: text-bottom;
}
[dir=rtl] .search-results .search-items .search-item a .ccl__icon {
  transform: scaleX(-1);
}
.search-results .search-items .search-item a:hover, .search-results .search-items .search-item a:focus {
  background-color: #efefef;
}
.search-results .search-items .search-item a:hover h3, .search-results .search-items .search-item a:focus h3 {
  text-decoration: underline;
}
.search-results .search-pagination {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.search-results .search-pagination p {
  margin: 0 30px;
  line-height: 40px;
}
.search-results .search-pagination .search-next,
.search-results .search-pagination .search-prev {
  border: 0;
  padding: 0;
  position: relative;
  color: #3f1482;
  line-height: 40px;
  background-color: transparent;
  text-indent: -999em;
}
@media only screen and (min-width: 64em) {
  .search-results .search-pagination .search-next,
  .search-results .search-pagination .search-prev {
    text-indent: initial;
  }
}
.search-results .search-pagination .search-next {
  padding-right: 30px;
}
.search-results .search-pagination .search-next:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(-90deg);
  margin-left: 5px;
  margin-top: 6px;
  right: 0;
  top: 2px;
}
.search-results .search-pagination .search-prev {
  padding-left: 30px;
}
.search-results .search-pagination .search-prev:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(90deg);
  margin-left: 5px;
  margin-top: 6px;
  left: 0;
  top: 2px;
}

.tabbed-content .tab-items {
  padding: 0;
  margin: 0;
  display: block;
}
@media only screen and (min-width: 64em) {
  .tabbed-content .tab-items {
    display: flex;
  }
}
.tabbed-content .tab-items .tab {
  height: auto;
  width: 100%;
  background-color: #efefef;
  cursor: pointer;
  padding: 20px;
  text-align: left;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  position: relative;
  font-weight: 700;
  color: #3f1482;
  line-height: 20px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  outline: 0;
}
.tabbed-content .tab-items .tab.active {
  border: 0;
  border-top: 5px solid #fdc82f;
  background-color: #ffffff;
}
.tabbed-content .tab-items .tab:first-child.active {
  border-left: 1px solid rgba(204, 204, 204, 0.5);
}
.tabbed-content .tab-items .tab:last-child.active {
  border-right: 1px solid rgba(204, 204, 204, 0.5);
}
.tabbed-content .tab-panel {
  text-decoration: none;
  overflow-x: scroll;
}
@media only screen and (min-width: 64em) {
  .tabbed-content .tab-panel {
    padding: 20px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    border-top: 0;
    overflow: auto;
  }
}
.tabbed-content .tab-panel img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.tabbed-content .tab-panel table {
  margin: 0;
}
.tabbed-content .tab-panel table,
.tabbed-content .tab-panel th,
.tabbed-content .tab-panel td {
  border: 1px solid rgba(204, 204, 204, 0.7);
}
.tabbed-content .tab-panel tbody td {
  background-color: transparent;
  border: none;
}
.tabbed-content .tab-panel tbody td p {
  margin-bottom: 14px;
}
.tabbed-content .tab-panel tbody tr th {
  font-size: 16px;
}
.tabbed-content .tab-panel tbody tr th:nth-child(2n) {
  background-color: #fdc82f;
  color: #56565a;
}
.tabbed-content .tab-panel tbody tr th:nth-child(3n) {
  background-color: #25699d;
  color: white;
}
.tabbed-content .tab-panel tbody tr th:nth-child(4n) {
  background-color: #c7022b;
  color: white;
}
.tabbed-content .tab-panel tbody tr th,
.tabbed-content .tab-panel tbody tr td {
  padding: 11px;
}
.tabbed-content .hide-button {
  width: 100%;
  background-color: #f6f6f6;
  color: #3f1482;
  border: 0;
  padding: 15px 40px;
  font-weight: 600;
}
.tabbed-content .active {
  background-color: #ffffff;
  color: #3f1482;
}
.tabbed-content.can-collapse .tab {
  background-color: #ffffff;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding: 10px;
  font-size: 16px;
}
.tabbed-content.can-collapse .tab:first-child.active {
  border-left: 0;
}
.tabbed-content.can-collapse .tab:last-child.active {
  border-right: 0;
}
.tabbed-content.can-collapse .tab:before {
  content: "";
  position: absolute;
  transition: height 0.3s;
  background-color: #fdc82f;
  width: 100%;
  top: 0;
  left: 0;
  height: 0;
}
.tabbed-content.can-collapse .tab:after {
  content: " ";
  right: 5px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 64em) {
  .tabbed-content.can-collapse .tab:after {
    right: 20px;
  }
}
.tabbed-content.can-collapse .tab.active {
  border-top: 0;
}
.tabbed-content.can-collapse .tab.active:before {
  height: 5px;
}
.tabbed-content.can-collapse .tab.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.tabbed-content.can-collapse .tab:hover, .tabbed-content.can-collapse .tab:focus {
  background-color: #ffffff;
}
.tabbed-content.can-collapse .tab:hover:before, .tabbed-content.can-collapse .tab:focus:before {
  height: 5px;
}
.tabbed-content.can-collapse .tab-items {
  display: flex;
}
.tabbed-content.can-collapse .tab-item-description {
  animation-name: slideDown;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
}
.tabbed-content.can-collapse .tab-panel {
  overflow: initial;
  background-color: #ffffff;
  border: 0;
  padding: 20px;
}
.tabbed-content.can-collapse .tab-panel table {
  border: 0;
}
.tabbed-content.can-collapse .tab-panel td {
  border: 0;
  width: 100%;
  display: block;
  background-color: #ffffff;
  padding: 0;
}
@media only screen and (min-width: 48em) {
  .tabbed-content.can-collapse .tab-panel td {
    display: table-cell;
    width: 33%;
    padding: 0 20px 30px 0;
  }
}
.tabbed-content.can-collapse .tab-panel tbody tr th {
  background-color: transparent;
}

.Product .tabbed-content,
.product-page .tabbed-content {
  background-color: #efefef;
  padding: 30px 0;
}
@media only screen and (min-width: 64em) {
  .Product .tabbed-content .tab,
  .product-page .tabbed-content .tab {
    padding: 15px 40px;
  }
  .Product .tabbed-content .tab-panel,
  .product-page .tabbed-content .tab-panel {
    padding: 40px;
  }
}

div#root > div[dir=rtl] .tabbed-content.can-collapse .tab::after {
  left: 20px;
  right: auto; /*replaced*/
}
div#root > div[dir=rtl] .tabbed-content .tab-items .tab {
  text-align: right;
}
div#root > div[dir=rtl] .tabbed-content .tab-panel tr td {
  border-left: none;
}

.clinic-finder {
  background-color: #f1f0ef;
}
.clinic-finder .title-banner {
  background-color: rgba(30, 30, 30, 0.95);
}
.clinic-finder .title-banner .title-banner-text {
  padding: 40px 20px;
}
.clinic-finder .title-banner .title-banner-text h1,
.clinic-finder .title-banner .title-banner-text p {
  color: #fff;
}
.clinic-finder .clinic-container {
  background-color: #fff;
}
@media only screen and (min-width: 64em) {
  .clinic-finder .clinic-container {
    height: 586px;
    display: flex;
    margin: 80px auto;
    overflow: hidden;
  }
}
.clinic-finder .clinic-map {
  height: calc(100vh - 125px);
  max-height: 586px;
}
@media only screen and (min-width: 64em) {
  .clinic-finder .clinic-map {
    flex: 1 0 66%;
    height: 100%;
  }
}
.clinic-finder #clinic-search-input {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%23672AC5%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%23672AC5%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right 15px center, white;
  border: none;
  border-bottom: 3px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  font-size: 18px;
  height: 50px;
  left: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  outline: none;
  padding: 0 50px 0 12px;
  position: absolute;
  text-overflow: ellipsis;
  width: calc(100% - 40px);
}
.clinic-finder #clinic-search-input:focus {
  border-bottom: 3px solid #fdc82f;
  outline: none;
}
@media only screen and (orientation: landscape) {
  .clinic-finder #clinic-search-input {
    opacity: 0.75;
  }
  .clinic-finder #clinic-search-input:focus {
    opacity: 1;
  }
}
@media only screen and (min-width: 36em) {
  .clinic-finder #clinic-search-input {
    opacity: 1;
  }
}
.clinic-finder .search-my-location {
  background-color: #fff;
  border-radius: 2px;
  border: 0;
  bottom: 168px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  cursor: pointer;
  display: block;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  transition: background-color 0.3s ease;
  width: 40px;
  z-index: 0;
}
.clinic-finder .search-my-location:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 viewBox=%220 0 34 34%22 style=%22enable-background:new 0 0 34 34%3B%22 xml:space=%22preserve%22 width=%2224px%22 height=%2224px%22%3E%3Ctitle%3ETarget%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22body%22 stroke=%22white%22%3E%3Ccircle id=%22inner%22 class=%22st1%22 cx=%2217.3%22 cy=%2217%22 r=%225.7%22 stroke-width=%220%22 fill=%22%23666666%22 stroke=%22%23666666%22/%3E%3Ccircle id=%22outer%22 class=%22st1%22 cx=%2217.3%22 cy=%2217%22 r=%2210.3%22 stroke-width=%222%22 stroke=%22%23666666%22/%3E%3C/g%3E%3Cg id=%22hairs%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cline class=%22st1%22 x1=%2217.3%22 y1=%226.6%22 x2=%2217.3%22 y2=%221.8%22 stroke=%22%23666666%22/%3E%3Cline class=%22st1%22 x1=%2217.3%22 y1=%2227.3%22 x2=%2217.3%22 y2=%2232.1%22 stroke=%22%23666666%22/%3E%3Cline class=%22st1%22 x1=%2227.7%22 y1=%2217%22 x2=%2232.5%22 y2=%2217%22 stroke=%22%23666666%22/%3E%3Cline class=%22st1%22 x1=%227%22 y1=%2217%22 x2=%222.3%22 y2=%2217%22 stroke=%22%23666666%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 0 -1px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  content: "";
  display: block;
  height: 18px;
  margin-inline-start: 5px;
  width: 18px;
}
.clinic-finder .search-my-location:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 viewBox=%220 0 34 34%22 style=%22enable-background:new 0 0 34 34%3B%22 xml:space=%22preserve%22 width=%2224px%22 height=%2224px%22%3E%3Ctitle%3ETarget%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22body%22 stroke=%22white%22%3E%3Ccircle id=%22inner%22 class=%22st1%22 cx=%2217.3%22 cy=%2217%22 r=%225.7%22 stroke-width=%220%22 fill=%22%23000000%22 stroke=%22%23000000%22/%3E%3Ccircle id=%22outer%22 class=%22st1%22 cx=%2217.3%22 cy=%2217%22 r=%2210.3%22 stroke-width=%222%22 stroke=%22%23000000%22/%3E%3C/g%3E%3Cg id=%22hairs%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cline class=%22st1%22 x1=%2217.3%22 y1=%226.6%22 x2=%2217.3%22 y2=%221.8%22 stroke=%22%23000000%22/%3E%3Cline class=%22st1%22 x1=%2217.3%22 y1=%2227.3%22 x2=%2217.3%22 y2=%2232.1%22 stroke=%22%23000000%22/%3E%3Cline class=%22st1%22 x1=%2227.7%22 y1=%2217%22 x2=%2232.5%22 y2=%2217%22 stroke=%22%23000000%22/%3E%3Cline class=%22st1%22 x1=%227%22 y1=%2217%22 x2=%222.3%22 y2=%2217%22 stroke=%22%23000000%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.clinic-finder .search-map-area {
  display: none;
  background: #fff;
  padding: 13px 16px;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.3);
  color: #4285f4;
  cursor: pointer;
  font: 500 12px/1.1 "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 64em) {
  .clinic-finder .search-map-area {
    border: 0;
    bottom: 0;
    display: block;
    left: 50%;
    margin-bottom: 24px;
    position: absolute;
    transform: translateX(-50%);
  }
}
.clinic-finder .search-map-area:hover {
  background-color: #f7f7f7;
}
.clinic-finder .clinic-results {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 64em) {
  .clinic-finder .clinic-results {
    flex: 1 0 33%;
  }
}
.clinic-finder .clinic-results-title-bar {
  background-color: #555;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  font-weight: 700;
}
.clinic-finder .clinic-results-title-bar.return {
  border: none;
  cursor: pointer;
  padding-inline-start: 40px;
  position: relative;
}
.clinic-finder .clinic-results-title-bar.return:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  height: 24px;
  left: 13px;
  position: absolute;
  top: calc(50% - 12px);
  transform: rotate(90deg);
  width: 24px;
}
.clinic-finder button.clinic-results-title-bar {
  font: inherit;
}
.clinic-finder .toggle-filter-button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-decoration: underline;
}
.clinic-finder .clinic-list {
  list-style: none;
  margin-block: 0;
  overflow-y: auto;
  padding: 0;
}
.clinic-finder .clinic-list li {
  margin: 0;
}
.clinic-finder .clinic-list li:not(:first-child) {
  border-top: 1px solid #ddd;
}
.clinic-finder .clinic-list-button {
  background: none;
  border: none;
  border-left: 5px solid transparent;
  display: block;
  padding: 20px;
  padding-inline-end: 40px;
  position: relative;
  width: 100%;
  text-align: start;
}
.clinic-finder .clinic-list-button:hover, .clinic-finder .clinic-list-button:focus {
  border-left: 5px solid #fdc82f;
}
.clinic-finder .clinic-list-button:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  content: "";
  height: 24px;
  position: absolute;
  right: 13px;
  top: calc(50% - 12px);
  transform: rotate(-90deg);
  width: 24px;
}
[dir=rtl] .clinic-finder .clinic-list-button {
  border-left: none;
  border-right: 5px solid transparent;
}
[dir=rtl] .clinic-finder .clinic-list-button:hover, [dir=rtl] .clinic-finder .clinic-list-button:focus {
  border-left: none;
  border-right: 5px solid #fdc82f;
}
[dir=rtl] .clinic-finder .clinic-list-button:after {
  left: 13px;
  right: unset;
  transform: rotate(90deg);
}
.clinic-finder .filter-chip-container {
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 20px;
}
.clinic-finder .filter-chip-container .filter-chip {
  align-items: center;
  background-color: #f1f1f1;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 4px 10px;
}
.clinic-finder .filter-chip-container .filter-chip .cross {
  height: 15px;
  position: relative;
  width: 15px;
}
.clinic-finder .filter-chip-container .filter-chip .cross::before, .clinic-finder .filter-chip-container .filter-chip .cross::after {
  background-color: #3f1482;
  content: "";
  height: 2px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.clinic-finder .filter-chip-container .filter-chip .cross::before {
  transform: rotate(45deg);
}
.clinic-finder .filter-chip-container .filter-chip .cross::after {
  transform: rotate(-45deg);
}
.clinic-finder .clinic-list-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.27;
  margin-bottom: 8px;
}
.clinic-finder .clinic-tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 12px;
}
.clinic-finder .clinic-tag {
  background-color: #e1e1e1;
  border-radius: 8px;
  color: rgba(86, 86, 90, 0.7);
  font-size: 14px;
  line-height: 1.4;
  padding: 4px 8px;
}
.clinic-finder .clinic-detail-divider {
  border-top: 1px solid #f1f1f1;
  padding-block: 12px;
}
.clinic-finder .clinic-icon-block {
  padding-inline-start: 34px;
  position: relative;
}
.clinic-finder .clinic-icon-block::before {
  background-size: 100% 100%;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
}
.clinic-finder .clinic-icon-block.detail:not(:last-child) {
  margin-bottom: 12px;
}
.clinic-finder .clinic-icon-block.address::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Location%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Location%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M20%2C10.2611765 C20%2C16.3470588 12.0006013%2C22 12.0006013%2C22 C12.0006013%2C22 4%2C16.3470588 4%2C10.2611765 C4%2C5.69882353 7.33588876%2C2 12.0006013%2C2 C16.6629087%2C2 20%2C5.69882353 20%2C10.2611765 Z%22 id=%22Stroke-1%22 stroke=%22%23FDC82F%22/%3E%3Cpath d=%22M15%2C10 C15%2C11.6568571 13.6568571%2C13 12%2C13 C10.3422857%2C13 9%2C11.6568571 9%2C10 C9%2C8.34314286 10.3422857%2C7 12%2C7 C13.6568571%2C7 15%2C8.34314286 15%2C10 Z%22 id=%22Stroke-3%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.clinic-finder .clinic-icon-block.address.detail .cta-button {
  margin-block: 16px;
}
.clinic-finder .clinic-icon-block.phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Phone%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Phone%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M9.35093754%2C7.82040426 C10.1709357%2C6.99947021 10.1709357%2C5.66761152 9.35093754%2C4.84667747 L7.12003346%2C2.61570054 C6.29912622%2C1.79476649 4.96731103%2C1.79476649 4.1454947%2C2.61570054 L2.92367926%2C3.83937411 C1.86186347%2C4.90122458 1.69731839%2C6.55582035 2.52458925%2C7.8076766 C6.07821762%2C13.1805673 10.8191161%2C17.9216205 16.1918312%2C21.4762741 C17.4418284%2C22.3026628 19.1027338%2C22.1372032 20.1609132%2C21.0780801 L21.3836377%2C19.8544066 C22.2054541%2C19.0334725 22.2054541%2C17.7016138 21.3836377%2C16.8815889 L19.1536428%2C14.6515211 C18.3336446%2C13.8287688 17.0018294%2C13.8287688 16.1800131%2C14.6515211 L15.4363784%2C15.3942709 C12.9909294%2C13.3905736 10.6109347%2C11.0095921 8.60730285%2C8.56315412 L9.35093754%2C7.82040426 Z%22 id=%22Page-1%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.clinic-finder .clinic-icon-block.email::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Mail%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Mail%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M23%2C18.5 C23%2C19.328 22.296%2C20 21.4285714%2C20 L2.57142857%2C20 C1.704%2C20 1%2C19.328 1%2C18.5 L1%2C7.5 C1%2C6.671 1.704%2C6 2.57142857%2C6 L21.4285714%2C6 C22.296%2C6 23%2C6.671 23%2C7.5 L23%2C18.5 Z%22 id=%22Stroke-1%22 stroke=%22%23FDC82F%22/%3E%3Cpolyline id=%22Stroke-3%22 points=%2222 7 12 15 2 7%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.clinic-finder .clinic-icon-block.website {
  word-break: break-word;
}
.clinic-finder .clinic-icon-block.website::before {
  background-image: url("data:image/svg+xml,%3C%21-- Generator: Adobe Illustrator 22.1.0%2C SVG Export Plug-In . SVG Version: 6.00 Build 0%29  --%3E%3Csvg id=%22Layer_3%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 viewBox=%220 0 24 24%22 style=%22enable-background:new 0 0 24 24%3B%22 xml:space=%22preserve%22%3E%3Cstyle type=%22text/css%22%3E%0D%0A%09.st0%7Bfill:none%3Bstroke:%23FDC82F%3Bstroke-width:2%3Bstroke-miterlimit:10%3B%7D%0D%0A%3C/style%3E%3Ccircle id=%22Eclipse%22 class=%22st0%22 cx=%2212%22 cy=%2212%22 r=%2211%22 fill=%22%23FDC82F%22/%3E%3Cline id=%22Line_2%22 class=%22st0%22 x1=%221.5%22 y1=%2215.2%22 x2=%2222.5%22 y2=%2215.2%22 fill=%22%23FDC82F%22/%3E%3Cline id=%22Line_1%22 class=%22st0%22 x1=%221.5%22 y1=%228.7%22 x2=%2222.5%22 y2=%228.7%22 fill=%22%23FDC82F%22/%3E%3Cpath class=%22st0%22 d=%22M11.2%2C23c0%2C0-3.5-2.4-3.4-11c0.1-8.6%2C3.4-11%2C3.4-11%22 fill=%22%23FDC82F%22/%3E%3Cpath class=%22st0%22 d=%22M12.8%2C1c0%2C0%2C3.5%2C2.4%2C3.4%2C11c-0.1%2C8.6-3.4%2C11-3.4%2C11%22 fill=%22%23FDC82F%22/%3E%3C/svg%3E");
}
.clinic-finder .clinic-results-empty {
  padding: 20px;
}
.clinic-finder .clinic-results-empty .results-text {
  color: rgba(86, 86, 90, 0.7);
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 64em) {
  .clinic-finder .clinic-filter-transition {
    height: calc(100% - 68px);
    left: 400px;
    margin-top: 68px;
    position: absolute;
    transition: left 0.3s ease;
    width: 100%;
  }
  .clinic-finder .clinic-filter-transition.active {
    left: 0;
  }
}
.clinic-finder .filter-panel {
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
  /* base css override */
}
.clinic-finder .filter-panel legend {
  float: unset;
  font: inherit;
  margin-bottom: 12px;
}
.clinic-finder .filter-panel label.check-container {
  font-size: 15px;
  margin-bottom: 12px;
  padding-inline: 35px 0;
  position: relative;
}
.clinic-finder .clinic-detail {
  padding: 20px;
}
.clinic-finder .clinic-detail .clinic-detail-title {
  column-gap: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.clinic-finder .clinic-detail .clinic-detail-title-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.21;
}
.clinic-finder .lds-dual-ring {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
}
.clinic-finder .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #cccccc;
  border-color: #cccccc transparent #cccccc transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-media-banner {
  width: 100%;
  background-color: #fdc82f;
  margin-bottom: 35px;
}
@media only screen and (min-width: 64em) {
  .product-media-banner {
    height: 480px;
    overflow: hidden;
    margin-bottom: 0;
  }
}
.product-media-banner .video-modal-cta {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
}
.product-media-banner .video-modal-cta::before, .product-media-banner .video-modal-cta::after {
  content: "";
  position: absolute;
}
.product-media-banner .video-modal-cta::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product-media-banner .video-modal-cta::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
@media only screen and (min-width: 64em) {
  .product-media-banner .video-modal-cta {
    height: 480px;
  }
}
.product-media-banner .l-padding, .product-media-banner .hearing-quiz .disclaimer, .hearing-quiz .product-media-banner .disclaimer {
  padding: 0;
}
.product-media-banner .image-banner,
.product-media-banner .video-banner {
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 64em) {
  .product-media-banner .image-banner,
  .product-media-banner .video-banner {
    height: auto;
    overflow: hidden;
    margin-top: -100px;
  }
}
.product-media-banner .image-banner img,
.product-media-banner .video-banner img {
  width: 100%;
  height: auto;
  display: inherit;
}
.product-media-banner .modal-link {
  display: block;
}

.full-width-video .product-media-title h2 {
  font-size: 28px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  margin: 0 0 40px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
@media only screen and (min-width: 64em) {
  .full-width-video .product-media-title h2 {
    font-size: 34px;
    margin: 45px 0 40px;
  }
}
.full-width-video .product-media-banner {
  width: 100%;
  background-color: #fdc82f;
  margin-bottom: 35px;
}
@media only screen and (min-width: 64em) {
  .full-width-video .product-media-banner {
    height: 480px;
    overflow: hidden;
    margin-bottom: 0;
  }
}
.full-width-video .product-media-banner .video-modal-cta {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
}
.full-width-video .product-media-banner .video-modal-cta::before, .full-width-video .product-media-banner .video-modal-cta::after {
  content: "";
  position: absolute;
}
.full-width-video .product-media-banner .video-modal-cta::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.full-width-video .product-media-banner .video-modal-cta::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
.full-width-video .product-media-banner .video-modal-cta::after {
  left: calc(50% + 5px);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
}
@media only screen and (min-width: 64em) {
  .full-width-video .product-media-banner .video-modal-cta {
    height: 480px;
  }
}
.full-width-video .product-media-banner .l-padding, .full-width-video .product-media-banner .hearing-quiz .disclaimer, .hearing-quiz .full-width-video .product-media-banner .disclaimer {
  padding: 0;
}
.full-width-video .product-media-banner .image-banner,
.full-width-video .product-media-banner .video-banner {
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 64em) {
  .full-width-video .product-media-banner .image-banner,
  .full-width-video .product-media-banner .video-banner {
    height: auto;
    overflow: hidden;
    margin-top: -100px;
  }
}
.full-width-video .product-media-banner .image-banner img,
.full-width-video .product-media-banner .video-banner img {
  width: 100%;
  height: auto;
  display: inherit;
}
.full-width-video .product-media-banner .modal-link {
  display: block;
}
.full-width-video .product-media-description {
  margin: 40px 0 25px;
}
.full-width-video .product-media-description .content-container__grouper .content {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: -0.03px;
  font-weight: normal;
  line-height: 28px;
}
.full-width-video .product-media-description .content-container__grouper .content p,
.full-width-video .product-media-description .content-container__grouper .content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.full-width-video .product-media-description .content-container__grouper .content strong,
.full-width-video .product-media-description .content-container__grouper .content h1,
.full-width-video .product-media-description .content-container__grouper .content h2,
.full-width-video .product-media-description .content-container__grouper .content h3,
.full-width-video .product-media-description .content-container__grouper .content h4,
.full-width-video .product-media-description .content-container__grouper .content h5,
.full-width-video .product-media-description .content-container__grouper .content h6 {
  color: inherit;
  font-family: inherit;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button {
  display: block;
  padding-left: 40px;
  width: auto;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 15px 50px 15px 35px;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary {
  background: #f1be48;
  color: #3f1482;
  border: 2px solid #f1be48;
  box-sizing: border-box;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary::after {
  right: 20px;
  left: inherit;
  position: absolute;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary:hover {
  background: #ffb000;
  border: 2px solid #ffb000;
  box-sizing: border-box;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary:hover::after {
  right: 10px;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button {
  background: transparent;
  border: 1px solid #3f1482;
  box-sizing: border-box;
  margin-right: 0;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button::after, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after {
  margin-left: 20px;
  font-weight: 400;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  right: 20px;
  transition-duration: 0ms;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover {
  background: transparent;
  color: #3f1482;
  border: 2px solid #3f1482;
  box-sizing: border-box;
}
.full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after {
  right: 10px;
}
@media only screen and (min-width: 64em) {
  .full-width-video .product-media-description .content-container__grouper {
    display: flex;
  }
  .full-width-video .product-media-description .content-container__grouper .content {
    font-size: 18px;
    color: #384967;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping {
    min-width: 480px;
    display: inline-block;
    text-align: right;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button {
    margin: 0 20px 20px 0;
    padding: 15px 50px 15px 35px;
    font-weight: 400;
    display: inline-block;
    text-align: left;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary {
    color: #3f1482;
    box-sizing: border-box;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary::after {
    right: 20px;
    left: inherit;
    position: absolute;
    top: 25px;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary:hover {
    box-sizing: border-box;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary:hover::after {
    right: 10px;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button {
    margin: 0 1px 10px 1px;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button::after, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after {
    margin-left: 20px;
    font-weight: 400;
    background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    right: 20px;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover {
    margin: 0 0 10px 0;
    background: #ffffff;
    color: #3f1482;
    border: 2px solid #3f1482;
    box-sizing: border-box;
  }
  .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-buttons .btn-panel .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after, .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after {
    right: 10px;
  }
}

div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping {
  text-align: left;
}
div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button {
  margin: 0 0 20px 0;
}
div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary::after {
  left: 20px;
}
div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after {
  margin-right: 20px;
  margin-left: 0;
}
div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after {
  left: 10px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping {
    text-align: left;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button {
    margin: 0 0 20px 20px;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary::after {
    left: 20px;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.video-tertiary:hover::after {
    left: 15px;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button {
    margin: 0 calc(2% + 1px) 10px 1px;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button::after {
    margin-right: 20px;
    margin-left: 0;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover {
    margin: 0 2% 10px 0;
  }
  div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button.secondary:hover::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button:hover::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after, div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button:hover::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .full-width-video .product-media-description .content-container__grouper .cta-grouping .cta-button + .cta-button:hover::after {
    left: 15px;
  }
}

@media only screen and (max-width: 64em) {
  .l-padding.is-full-width-video, .hearing-quiz .is-full-width-video.disclaimer {
    padding: 0;
  }
  .l-padding.is-full-width-video .full-width-video .product-media-title, .hearing-quiz .is-full-width-video.disclaimer .full-width-video .product-media-title {
    padding: 0 25px;
  }
  .l-padding.is-full-width-video .full-width-video .product-media-description, .hearing-quiz .is-full-width-video.disclaimer .full-width-video .product-media-description {
    padding: 0 20px;
  }
  .l-padding.is-full-width-video .full-width-video .product-media-description .content-container__grouper .content, .hearing-quiz .is-full-width-video.disclaimer .full-width-video .product-media-description .content-container__grouper .content {
    padding: 0 5px;
  }
}

.ProcessFeature {
  width: 100%;
  padding: 40px 0;
}
.ProcessFeature.Green {
  background: linear-gradient(to right bottom, #adc1b7 calc(50% - 1px), #92aca0 calc(50% + 1px));
}
.ProcessFeature.Grey {
  background: linear-gradient(to right bottom, #e9e5da calc(50% - 1px), #d6d6d6 calc(50% + 1px));
}
.ProcessFeature.White {
  background: #ffffff;
}
@media screen and (max-width: 64em) {
  .ProcessFeature .l-padding, .ProcessFeature .hearing-quiz .disclaimer, .hearing-quiz .ProcessFeature .disclaimer {
    padding: 0;
  }
}
.ProcessFeature .process-feature-title {
  padding: 0 20px;
}
.ProcessFeature .process-feature-title h2 {
  color: #384967;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
@media only screen and (min-width: 64em) {
  .ProcessFeature .process-feature-title h2 {
    font-size: 34px;
  }
}
.ProcessFeature .process-feature-title .content {
  font-size: 18px;
  margin-bottom: 20px;
  color: #384967;
  font-weight: normal;
  letter-spacing: -0.03px;
  line-height: 28px;
}
.ProcessFeature .process-feature-title .content p,
.ProcessFeature .process-feature-title .content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.ProcessFeature .process-feature-title .content strong,
.ProcessFeature .process-feature-title .content h1,
.ProcessFeature .process-feature-title .content h2,
.ProcessFeature .process-feature-title .content h3,
.ProcessFeature .process-feature-title .content h4,
.ProcessFeature .process-feature-title .content h5,
.ProcessFeature .process-feature-title .content h6 {
  color: inherit;
  font-family: inherit;
}
.ProcessFeature .process-feature-cards {
  padding: 0 20px;
  margin-bottom: 40px;
}
.ProcessFeature .process-feature-cards .content-container__grouper .sl .sl-list .sl-item {
  padding: 0 10px;
  margin-top: 20px;
}
@media only screen and (min-width: 64em) {
  .ProcessFeature .process-feature-cards .content-container__grouper .sl .sl-list {
    margin: 0 -20px 0;
  }
  .ProcessFeature .process-feature-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0 10px;
  }
  .ProcessFeature .process-feature-cards .content-container__grouper .sl .sl-list .sl-item:first-child {
    padding-left: 0;
  }
  .ProcessFeature .process-feature-cards .content-container__grouper .sl .sl-list .sl-item:last-child {
    padding-right: 0;
  }
}
.ProcessFeature .process-feature-cards .content-container__grouper .card {
  padding: 30px 30px 20px;
  background: #f1be48;
  height: 100%;
}
.ProcessFeature .process-feature-cards .content-container__grouper .card .icon-box {
  width: 68px;
  height: 68px;
  margin: 10px auto 0px;
  background: #384967;
  border-radius: 34px;
}
.ProcessFeature .process-feature-cards .content-container__grouper .card .icon-box h2 {
  text-align: center;
  line-height: 68px;
  color: #ffffff;
  font-size: 28px;
}
@media only screen and (min-width: 64em) {
  .ProcessFeature .process-feature-cards .content-container__grouper .card .icon-box h2 {
    font-size: 34px;
  }
}
.ProcessFeature .process-feature-cards .content-container__grouper .card .icon-box .icon-image {
  width: 68px;
  height: 68px;
  padding: 12px;
}
.ProcessFeature .process-feature-cards .content-container__grouper .card h3 {
  text-align: center;
  color: #384967;
  font-size: 20px;
  margin: 10px 0;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 34px;
}
@media only screen and (min-width: 64em) {
  .ProcessFeature .process-feature-cards .content-container__grouper .card h3 {
    font-size: 28px;
    margin: 15px 0 10px;
  }
}
.ProcessFeature .process-feature-cards .content-container__grouper .card h3 span {
  color: transparent;
  font-size: 0px;
}
.ProcessFeature .process-feature-cards .content-container__grouper .card .content {
  text-align: center;
  margin-bottom: 20px;
  color: #384967;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.03px;
  line-height: 28px;
}
.ProcessFeature .process-feature-cards .content-container__grouper .card .content p,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.ProcessFeature .process-feature-cards .content-container__grouper .card .content strong,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content h1,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content h2,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content h3,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content h4,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content h5,
.ProcessFeature .process-feature-cards .content-container__grouper .card .content h6 {
  color: inherit;
  font-family: inherit;
}
.ProcessFeature .cta-grouping {
  padding: 0 20px;
  margin: 0;
}
.ProcessFeature .cta-grouping .cta-button-ni-link {
  width: 100%;
  margin: 0 20px 20px 0;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  background: #3f1482;
  color: #ffffff;
  border: 2px solid #3f1482;
  box-sizing: border-box;
  text-decoration: none;
  border-radius: 40px;
  position: relative;
  line-height: initial;
  font-size: 16px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 15px 50px 15px 35px;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
}
.ProcessFeature .cta-grouping .cta-button-ni-link::after {
  right: 20px;
  left: inherit;
  position: absolute;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23EFEFEF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: 100%;
  transform: rotate(-90deg);
  transition-duration: 150ms;
  transition-property: left, right, padding, border;
}
.ProcessFeature .cta-grouping .cta-button-ni-link:hover {
  background: #672ac5;
  border: 2px solid #672ac5;
  box-sizing: border-box;
}
.ProcessFeature .cta-grouping .cta-button-ni-link:hover::after {
  right: 10px;
}
.ProcessFeature .cta-grouping .cta-button-ni-link.light {
  background: #ffffff;
  color: #3f1482;
  border: 2px solid #ffffff;
}
.ProcessFeature .cta-grouping .cta-button-ni-link.light::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.ProcessFeature .cta-grouping .cta-button-ni-link.secondary, .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button, .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button {
  box-sizing: border-box;
  background: transparent;
  color: #3f1482;
  border: 1px solid #3f1482;
  box-sizing: border-box;
  margin: 1px;
}
.ProcessFeature .cta-grouping .cta-button-ni-link.secondary::after, .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-buttons .btn-panel .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button::after, .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-page .cm-rich-text .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button::after {
  font-weight: 400;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  right: 20px;
  transition-duration: 0ms;
}
.ProcessFeature .cta-grouping .cta-button-ni-link.secondary:hover, .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover, .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover {
  background: transparent;
  color: #3f1482;
  border: 2px solid #3f1482;
  box-sizing: border-box;
  margin: 0;
}
.ProcessFeature .cta-grouping .cta-button-ni-link.secondary:hover::after, .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after, .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after {
  right: 10px;
}
.ProcessFeature .cta-grouping .cta-button-ni-link.secondary.light, .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.light.cta-button, .volunteer-buttons .btn-panel .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.light.cta-button, .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.light.cta-button, .volunteer-page .cm-rich-text .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.light.cta-button {
  background: transparent;
  color: #3f1482;
  border: 2px solid #3f1482;
}
@media screen and (max-width: 64em) {
  .ProcessFeature {
    padding: 0;
  }
  .ProcessFeature.Green {
    background: #adc1b7;
  }
  .ProcessFeature.Grey {
    background: #e9e5da;
  }
  .ProcessFeature .l-padding, .ProcessFeature .hearing-quiz .disclaimer, .hearing-quiz .ProcessFeature .disclaimer {
    padding: 40px 0;
    z-index: 9;
  }
  .ProcessFeature .process-feature-cards .content-container__grouper .sl {
    margin: 0;
  }
  .ProcessFeature .process-feature-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .ProcessFeature {
    padding: 80px 0 60px;
  }
  .ProcessFeature.is-secondary.Green {
    background: linear-gradient(to left bottom, #adc1b7 calc(50% - 1px), #92aca0 calc(50% + 1px));
  }
  .ProcessFeature.is-secondary.Grey {
    background: linear-gradient(to left bottom, #e9e5da calc(50% - 1px), #d6d6d6 calc(50% + 1px));
  }
  .ProcessFeature.is-secondary .process-feature-title {
    text-align: right;
  }
  .ProcessFeature.is-secondary .cta-grouping {
    text-align: right;
  }
  .ProcessFeature.is-secondary .cta-grouping .cta-button-ni-link.secondary, .ProcessFeature.is-secondary .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .ProcessFeature.is-secondary .cta-grouping .cta-button + .cta-button-ni-link.cta-button, .ProcessFeature.is-secondary .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .ProcessFeature.is-secondary .cta-grouping .cta-button + .cta-button-ni-link.cta-button {
    margin: 0 21px 10px 1px;
  }
  .ProcessFeature.is-secondary .cta-grouping .cta-button-ni-link.secondary:hover, .ProcessFeature.is-secondary .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .ProcessFeature.is-secondary .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover, .ProcessFeature.is-secondary .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .ProcessFeature.is-secondary .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover {
    margin: 0 20px 20px 0;
  }
  .ProcessFeature .process-feature-title {
    padding: 0;
  }
  .ProcessFeature .process-feature-title .content {
    margin-bottom: 50px;
  }
  .ProcessFeature .cta-grouping {
    padding: 0;
    margin: 0;
  }
  .ProcessFeature .cta-grouping .cta-button-ni-link {
    margin: 0 20px 20px 0;
    width: inherit;
    text-align: left;
  }
}

div#root > div[dir=rtl] .ProcessFeature.Green {
  background: linear-gradient(to left bottom, #adc1b7 calc(50% - 1px), #92aca0 calc(50% + 1px));
}
div#root > div[dir=rtl] .ProcessFeature.Grey {
  background: linear-gradient(to left bottom, #e9e5da calc(50% - 1px), #d6d6d6 calc(50% + 1px));
}
div#root > div[dir=rtl] .ProcessFeature.is-secondary .process-feature-title {
  text-align: left;
}
div#root > div[dir=rtl] .ProcessFeature.is-secondary .cta-grouping {
  text-align: left;
}
div#root > div[dir=rtl] .ProcessFeature .cta-grouping {
  margin: 10px 0;
}
div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link {
  text-align: center;
  padding: 15px 35px 15px 50px;
  margin: 0 10px 10px 10px;
}
div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link::after {
  left: 20px;
  right: inherit;
  transform: rotate(90deg);
}
div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link.secondary:hover::after, div#root > div[dir=rtl] .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after, div#root > div[dir=rtl] .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after {
  left: 10px;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .ProcessFeature.is-secondary.Green {
    background: linear-gradient(to right bottom, #adc1b7 calc(50% - 1px), #92aca0 calc(50% + 1px));
  }
  div#root > div[dir=rtl] .ProcessFeature.is-secondary.Grey {
    background: linear-gradient(to right bottom, #e9e5da calc(50% - 1px), #d6d6d6 calc(50% + 1px));
  }
  div#root > div[dir=rtl] .ProcessFeature .sl .sl-list .sl-item {
    padding: 0 10px;
  }
  div#root > div[dir=rtl] .ProcessFeature .sl .sl-list .sl-item:first-child {
    padding-right: 0;
  }
  div#root > div[dir=rtl] .ProcessFeature .sl .sl-list .sl-item:last-child {
    padding-left: 0;
  }
  div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link.secondary, div#root > div[dir=rtl] .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button, div#root > div[dir=rtl] .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button {
    margin: 0 11px 10px 11px;
  }
  div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link.secondary:hover, div#root > div[dir=rtl] .ProcessFeature .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover, div#root > div[dir=rtl] .ProcessFeature .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover {
    margin: 0 10px 10px 10px;
  }
}
@media screen and (max-width: 64em) {
  div#root > div[dir=rtl] .ProcessFeature.Green {
    background: #adc1b7;
  }
  div#root > div[dir=rtl] .ProcessFeature.Grey {
    background: #e9e5da;
  }
  div#root > div[dir=rtl] .ProcessFeature .cta-grouping .cta-button-ni-link {
    margin: 0 0 10px 0;
  }
}

.LeftRightAlignVideo {
  width: 100%;
  padding: 40px 0;
}
@media screen and (max-width: 64em) {
  .LeftRightAlignVideo .l-padding, .LeftRightAlignVideo .hearing-quiz .disclaimer, .hearing-quiz .LeftRightAlignVideo .disclaimer {
    padding: 0;
  }
}
.LeftRightAlignVideo .product-media-title-mb {
  display: block;
  padding: 0 20px;
}
.LeftRightAlignVideo .product-media-title-mb h2 {
  font-size: 28px;
  color: #384967;
  margin: 0 0 20px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
.LeftRightAlignVideo .product-media-container .product-media-banner {
  position: relative;
  background: rgba(0, 0, 0, 0);
}
.LeftRightAlignVideo .product-media-container .product-media-banner .l-padding, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer {
  width: 100%;
}
.LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-modal-cta, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-modal-cta, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-modal-cta {
  background: rgba(0, 0, 0, 0);
  width: 100%;
}
.LeftRightAlignVideo .product-media-description {
  padding: 0 20px;
}
.LeftRightAlignVideo .product-media-description.lr-align-left {
  display: none;
}
.LeftRightAlignVideo .product-media-title-pc {
  display: none;
}
.LeftRightAlignVideo .content {
  color: #384967;
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: -0.03px;
  font-weight: normal;
  line-height: 28px;
}
.LeftRightAlignVideo .content strong,
.LeftRightAlignVideo .content h1,
.LeftRightAlignVideo .content h2,
.LeftRightAlignVideo .content h3,
.LeftRightAlignVideo .content h4,
.LeftRightAlignVideo .content h5,
.LeftRightAlignVideo .content h6 {
  color: inherit;
}
.LeftRightAlignVideo .cta-button-link {
  display: inline-block;
  width: auto;
  height: 53px;
  margin-right: 20px;
}
.LeftRightAlignVideo .cta-button-link .cta-button-image {
  width: auto;
  height: 50px;
}
.LeftRightAlignVideo .cta-button-ni-link {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  background: #f1be48;
  color: #3f1482;
  border: 2px solid #f1be48;
  text-decoration: none;
  border-radius: 40px;
  position: relative;
  line-height: initial;
  font-size: 16px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 15px 50px 15px 35px;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.LeftRightAlignVideo .cta-button-ni-link::after {
  right: 20px;
  left: inherit;
  position: absolute;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: 100%;
  transform: rotate(-90deg);
  transition-duration: 150ms;
  transition-property: left, right, padding;
}
.LeftRightAlignVideo .cta-button-ni-link:hover {
  background: #ffb000;
  border: 2px solid #ffb000;
}
.LeftRightAlignVideo .cta-button-ni-link:hover::after {
  right: 10px;
}
.LeftRightAlignVideo .cta-button-ni-link.secondary, .LeftRightAlignVideo .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button, .LeftRightAlignVideo .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button {
  background: #ffffff;
  border: 1px solid #3f1482;
}
.LeftRightAlignVideo .cta-button-ni-link.secondary:hover, .LeftRightAlignVideo .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button:hover, .LeftRightAlignVideo .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button:hover {
  background: #ffffff;
  border: 2px solid #3f1482;
}
.LeftRightAlignVideo .cta-button-ni-link.secondary:hover::after, .LeftRightAlignVideo .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button:hover::after, .LeftRightAlignVideo .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button:hover::after {
  right: 10px;
}
.LeftRightAlignVideo .cta-button-ni-link.secondary, .LeftRightAlignVideo .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button, .LeftRightAlignVideo .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button {
  background: transparent;
  box-sizing: border-box;
  color: #3f1482;
  border: 1px solid #3f1482;
  box-sizing: border-box;
  margin-top: 1px;
  margin-inline: 1px;
}
.LeftRightAlignVideo .cta-button-ni-link.secondary:hover, .LeftRightAlignVideo .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button:hover, .LeftRightAlignVideo .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .LeftRightAlignVideo .cta-button + .cta-button-ni-link.cta-button:hover {
  background: transparent;
  border: 2px solid #3f1482;
  margin-top: 0;
  margin-inline: 0;
}
@media screen and (min-width: 64em) {
  .LeftRightAlignVideo {
    padding: 80px 0;
  }
  .LeftRightAlignVideo .product-media-title-mb {
    display: none;
  }
  .LeftRightAlignVideo .product-media-container {
    width: 50%;
    display: inline-flex;
    vertical-align: top;
    padding: 0;
  }
  .LeftRightAlignVideo .product-media-container .product-media-banner {
    height: inherit;
  }
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer {
    padding: 0;
  }
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-modal-cta, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-modal-cta, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-modal-cta {
    height: inherit;
  }
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-modal-cta::before, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-modal-cta::before, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-modal-cta::before {
    top: 45%;
  }
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-modal-cta::after, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-modal-cta::after, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-modal-cta::after {
    top: 45%;
  }
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-banner, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-banner, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-banner {
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media only screen and (min-width: 64em) and (min-width: 64em) {
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-banner, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-banner, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-banner {
    height: auto;
    overflow: hidden;
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .LeftRightAlignVideo .product-media-container .product-media-banner .l-padding .video-banner img, .LeftRightAlignVideo .product-media-container .product-media-banner .hearing-quiz .disclaimer .video-banner img, .hearing-quiz .LeftRightAlignVideo .product-media-container .product-media-banner .disclaimer .video-banner img {
    width: 100%;
    height: auto;
    display: inherit;
  }
  .LeftRightAlignVideo .product-media-description {
    width: 50%;
    display: none;
  }
  .LeftRightAlignVideo .product-media-description.lr-align-left {
    padding: 0 5% 0 0;
    display: none;
  }
  .LeftRightAlignVideo .product-media-description.lr-align-left.is-active {
    display: inline-block;
  }
  .LeftRightAlignVideo .product-media-description.lr-align-right {
    padding: 0 0 0 5%;
    display: none;
  }
  .LeftRightAlignVideo .product-media-description.lr-align-right.is-active {
    display: inline-block;
  }
  .LeftRightAlignVideo .product-media-description.lr-align-right.is-active .product-media-title-pc {
    display: block;
  }
  .LeftRightAlignVideo .product-media-description .product-media-title-pc {
    display: block;
  }
  .LeftRightAlignVideo .product-media-description .product-media-title-pc h2 {
    font-size: 34px;
    color: #384967;
    margin: 0 0 35px;
    font-weight: 500;
    letter-spacing: -0.03px;
    line-height: 40px;
  }
  .LeftRightAlignVideo .product-media-description .content {
    font-size: 18px;
    margin-bottom: 50px;
    color: #384967;
  }
  .LeftRightAlignVideo .product-media-description a.cta-button-link {
    display: inline-block;
    width: auto;
    height: 53px;
    margin-right: 20px;
  }
  .LeftRightAlignVideo .product-media-description a.cta-button-link .cta-button-image {
    width: auto;
    height: 53px;
  }
  .LeftRightAlignVideo .product-media-description .cta-button-ni-link {
    width: auto;
    text-align: left;
  }
}

div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description a.cta-button-link {
  margin-left: 20px;
  margin-right: 0;
}
div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button-ni-link {
  text-align: center;
  padding: 15px 35px 15px 50px;
  margin: 0 0 20px 20px;
}
div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button-ni-link::after {
  left: 20px;
  right: inherit;
  transform: rotate(90deg);
}
div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button-ni-link:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button-ni-link.secondary, div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button + .cta-button-ni-link.cta-button, div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button + .cta-button-ni-link.cta-button {
  margin: 1px;
}
div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button-ni-link.secondary:hover, div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button + .cta-button-ni-link.cta-button:hover, div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button + .cta-button-ni-link.cta-button:hover {
  margin: 0;
}
div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button-ni-link.secondary:hover::after, div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button + .cta-button-ni-link.cta-button:hover::after, div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description .cta-button + .cta-button-ni-link.cta-button:hover::after {
  left: 10px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description.lr-align-left {
    padding: 0 0 0 5%;
  }
  div#root > div[dir=rtl] .LeftRightAlignVideo .product-media-description.lr-align-right {
    padding: 0 5% 0 0;
  }
}

.TopFeatures {
  width: 100%;
  padding: 40px 0;
}
@media screen and (max-width: 64em) {
  .TopFeatures .l-padding, .TopFeatures .hearing-quiz .disclaimer, .hearing-quiz .TopFeatures .disclaimer {
    padding: 0;
  }
}
.TopFeatures .cta-grouping .cta-button-link {
  display: inline-block;
  width: auto;
  height: 53px;
  margin-right: 20px;
}
.TopFeatures .cta-grouping .cta-button-link .cta-button-image {
  width: auto;
  height: 50px;
}
.TopFeatures .cta-grouping .cta-button-ni-link {
  width: 100%;
  margin: 0 2% 10px 0;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  background: #fdc82f;
  color: #3f1482;
  border: 2px solid #fdc82f;
  box-sizing: border-box;
  text-decoration: none;
  border-radius: 40px;
  position: relative;
  line-height: initial;
  font-size: 16px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 15px 65px 15px 45px;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
}
.TopFeatures .cta-grouping .cta-button-ni-link::after {
  right: 20px;
  left: inherit;
  position: absolute;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: 100%;
  transform: rotate(-90deg);
  transition-duration: 150ms;
  transition-property: left, right, padding, border;
}
.TopFeatures .cta-grouping .cta-button-ni-link:hover {
  background: #ffb000;
  border: 2px solid #ffb000;
  box-sizing: border-box;
}
.TopFeatures .cta-grouping .cta-button-ni-link:hover::after {
  right: 10px;
}
.TopFeatures .cta-grouping .cta-button-ni-link.secondary, .TopFeatures .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button, .TopFeatures .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button {
  box-sizing: border-box;
  background: transparent;
  color: #3f1482;
  border: 1px solid #3f1482;
  box-sizing: border-box;
}
.TopFeatures .cta-grouping .cta-button-ni-link.secondary::after, .TopFeatures .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-buttons .btn-panel .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button::after, .TopFeatures .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-page .cm-rich-text .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button::after {
  font-weight: 400;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  right: 20px;
  transition-duration: 0ms;
}
.TopFeatures .cta-grouping .cta-button-ni-link.secondary:hover, .TopFeatures .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover, .TopFeatures .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover {
  background: transparent;
  color: #3f1482;
  border: 2px solid #3f1482;
  box-sizing: border-box;
}
.TopFeatures .cta-grouping .cta-button-ni-link.secondary:hover::after, .TopFeatures .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after, .TopFeatures .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after {
  right: 10px;
}
.TopFeatures .cta-grouping.mb-show {
  display: block;
  padding: 0 20px;
}
.TopFeatures .cta-grouping.pc-show {
  display: none;
  padding: 0;
}
.TopFeatures .product-media-description {
  padding: 0 20px;
  vertical-align: top;
}
.TopFeatures .product-media-description .content-container__grouper .product-media-title h2 {
  color: #384967;
  font-size: 28px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.TopFeatures .product-media-description .content-container__grouper .product-media {
  width: 100%;
  height: auto;
  text-align: center;
}
.TopFeatures .product-media-description .content-container__grouper .product-media img {
  width: auto;
  height: auto;
  max-width: 92%;
  max-height: 92%;
}
.TopFeatures .product-media-description .content-container__grouper .content {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: -0.03px;
  line-height: 28px;
  font-weight: normal;
}
.TopFeatures .product-media-description .content-container__grouper .content p,
.TopFeatures .product-media-description .content-container__grouper .content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.TopFeatures .product-media-description .content-container__grouper .content strong,
.TopFeatures .product-media-description .content-container__grouper .content h1,
.TopFeatures .product-media-description .content-container__grouper .content h2,
.TopFeatures .product-media-description .content-container__grouper .content h3,
.TopFeatures .product-media-description .content-container__grouper .content h4,
.TopFeatures .product-media-description .content-container__grouper .content h5,
.TopFeatures .product-media-description .content-container__grouper .content h6 {
  color: inherit;
  font-family: inherit;
}
.TopFeatures .process-feature-cards {
  padding: 0 20px;
}
.TopFeatures .process-feature-cards .content-container__grouper .sl {
  margin: 0;
}
.TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list .sl-item {
  margin: 0 0 20px 0;
}
.TopFeatures .process-feature-cards .content-container__grouper .card {
  position: relative;
  background: #ffffff;
  border: 2px solid #ffffff;
  border-bottom: 2px solid #efefef;
  border-left: 2px solid #efefef;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  overflow: hidden;
}
.TopFeatures .process-feature-cards .content-container__grouper .card .icon-box {
  margin: 0;
}
.TopFeatures .process-feature-cards .content-container__grouper .card .icon-box img {
  width: 50px;
  height: 50px;
}
.TopFeatures .process-feature-cards .content-container__grouper .card h3 {
  margin: 0;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  color: #384967;
  letter-spacing: -0.03px;
  line-height: 34px;
  font-weight: 500;
}
.TopFeatures .process-feature-cards .content-container__grouper .card:hover {
  border: 2px solid rgba(214, 214, 214, 0.25);
}
.TopFeatures .process-feature-cards .content-container__grouper .card .bg {
  padding: 33px 17px;
}
.TopFeatures .process-feature-cards .content-container__grouper .card .bg-cur {
  left: -2px;
  z-index: 1;
  margin-top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width=%22254px%22 height=%22277px%22 viewBox=%220 0 254 277%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cg id=%22Page-1%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 fill-opacity=%220.25%22%3E%3Cg id=%22Campaign-Visual-v5-Copy-4%22 transform=%22translate%28-731.000000%2C -845.000000%29%22 fill=%22%23D6D6D6%22%3E%3Cg id=%22Call-to-Action%22 transform=%22translate%280.000000%2C 762.000000%29%22%3E%3Cg id=%22Group-2%22 transform=%22translate%28731.105135%2C 81.754337%29%22%3E%3Cg id=%22Group-19%22 transform=%22translate%280.394185%2C 0.251042%29%22%3E%3Cpath d=%22M-7.95807864e-13%2C1.09862265 C-7.95807864e-13%2C148.419054 112.04949%2C268.91725 253.568138%2C277.956544 L-7.95807864e-13%2C277.951529 L-7.95807864e-13%2C0 C0.000694650673%2C0.365168756 -7.95807864e-13%2C0.731812559 -7.95807864e-13%2C1.09862265 Z%22 id=%22Combined-Shape%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .TopFeatures {
    padding: 80px 0;
  }
  .TopFeatures .product-media-description {
    width: 50%;
    display: inline-flex;
    padding: 0 5% 0 0;
  }
  .TopFeatures .product-media-description .content-container__grouper .product-media-title h2 {
    font-size: 34px;
    font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    color: #384967;
    margin: 0 0 40px;
    line-height: 40px;
    letter-spacing: -0.03px;
  }
  .TopFeatures .product-media-description .content-container__grouper .product-media {
    width: 85%;
    height: auto;
    text-align: left;
    margin-bottom: 0;
  }
  .TopFeatures .product-media-description .content-container__grouper .product-media img {
    width: auto;
    height: auto;
  }
  .TopFeatures .product-media-description .content-container__grouper .content {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
  }
  .TopFeatures .process-feature-cards {
    vertical-align: top;
    width: 50%;
    display: inline-flex;
    padding: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper {
    width: 100%;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .card {
    text-align: center;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .card .bg .icon-box {
    width: 100%;
    margin: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .card .bg .icon-box img {
    margin: 10px 0 0;
    width: 100px;
    height: 100px;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .card .bg .title {
    width: 100%;
    margin: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .card .bg .title h3 {
    min-height: 75px;
    line-height: 38px;
    font-size: 28px;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .card .bg .title.noimage {
    margin: 60px 0 59px;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl {
    margin: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list {
    margin: 0 0 20px 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list.has-1-items .sl-item {
    padding: 0;
    margin: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0;
    margin: 0 10px;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list .sl-item:nth-child(1) {
    margin-left: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list .sl-item:nth-child(2) {
    margin-right: 0;
  }
  .TopFeatures .process-feature-cards .content-container__grouper .sl:nth-child(2) .sl-list {
    margin: 0;
  }
  .TopFeatures .cta-grouping a.cta-button-link {
    display: inline-block;
    width: auto;
    height: 53px;
    margin-right: 20px;
  }
  .TopFeatures .cta-grouping a.cta-button-link .cta-button-image {
    width: auto;
    height: 53px;
  }
  .TopFeatures .cta-grouping .cta-button-ni-link {
    width: auto;
    text-align: left;
  }
  .TopFeatures .cta-grouping.mb-show {
    display: none;
  }
  .TopFeatures .cta-grouping.pc-show {
    display: block;
  }
}

div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .card {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #efefef;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #efefef;
}
div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .card:hover {
  border: 2px solid #efefef;
}
div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .card .bg-cur {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
div#root > div[dir=rtl] .TopFeatures .cta-grouping a.cta-button-link {
  margin-left: 20px;
  margin-right: 0;
}
div#root > div[dir=rtl] .TopFeatures .cta-grouping .cta-button-ni-link {
  text-align: center;
  padding: 15px 45px 15px 55px;
  margin: 0 0 10px 2%;
}
div#root > div[dir=rtl] .TopFeatures .cta-grouping .cta-button-ni-link::after {
  left: 20px;
  right: inherit;
  transform: rotate(90deg);
}
div#root > div[dir=rtl] .TopFeatures .cta-grouping .cta-button-ni-link:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .TopFeatures .cta-grouping .cta-button-ni-link.secondary:hover::after, div#root > div[dir=rtl] .TopFeatures .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after, div#root > div[dir=rtl] .TopFeatures .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .TopFeatures .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after {
  left: 10px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .TopFeatures .product-media-description {
    padding: 0 0 0 5%;
  }
  div#root > div[dir=rtl] .TopFeatures .product-media-description .content-container__grouper .product-media {
    text-align: right;
  }
  div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list.has-1-items .sl-item:first-child {
    margin-right: 0;
    margin-left: 0;
  }
  div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list.has-1-items .card {
    background: #ffffff;
  }
  div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list .sl-item:first-child {
    margin-right: 0;
    margin-left: 10px;
  }
  div#root > div[dir=rtl] .TopFeatures .process-feature-cards .content-container__grouper .sl .sl-list .sl-item:nth-child(2) {
    margin-right: 10px;
    margin-left: 0;
  }
}

.landing-banner {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .landing-banner {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .landing-banner .l-padding, .landing-banner .hearing-quiz .disclaimer, .hearing-quiz .landing-banner .disclaimer {
    padding: 0;
  }
}
.landing-banner .background {
  height: 100%;
  background-color: #efefef;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
@media only screen and (min-width: 64em) {
  .landing-banner .background {
    width: 48%;
    border-radius: 0 0 40px 0;
  }
}
.landing-banner .image {
  position: relative;
  width: calc(100% - 20px);
}
@media only screen and (min-width: 64em) {
  .landing-banner .image {
    width: 56%;
    max-width: none;
    left: 44%;
    margin-top: 0;
    position: absolute;
    height: 90%;
    overflow: hidden;
  }
}
.landing-banner .image img {
  width: 100%;
  height: auto;
  position: relative;
}
.landing-banner.no-image .background {
  border-radius: 0 0 40px 0;
}
.landing-banner.no-image .image {
  display: none;
}
.landing-banner.full-width {
  margin-bottom: 0;
}
.landing-banner.full-width .background {
  background-color: white;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .background {
    display: none;
  }
}
.landing-banner.full-width .image {
  width: 100%;
  margin-bottom: -10px;
}
@media only screen and (min-width: 64em) {
  .landing-banner.full-width .image {
    max-width: none;
    left: 0;
    margin-top: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
  }
}
@media only screen and (min-width: 77.75em) {
  .landing-banner.full-width .image img {
    margin-top: -250px;
  }
}

.hero-banner .hero-banner-container {
  position: relative;
}
.hero-banner .hero-banner-description {
  position: relative;
  margin: 50px 0 20px;
  min-height: inherit;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .hero-banner .hero-banner-description {
    margin: 120px 0 20px;
    width: 40%;
  }
}
.hero-banner .card {
  padding: 0 20px;
  background-color: transparent;
  border: 0;
}
@media only screen and (min-width: 77.75em) {
  .hero-banner .card {
    padding: 0;
  }
}
@media only screen and (min-width: 128em) {
  .hero-banner .card {
    margin-top: 50%;
  }
}
.hero-banner .card h1 {
  color: #ffffff;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 54px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 64em) {
  .hero-banner .card h1 {
    font-size: 46px;
  }
}
.hero-banner .card .description {
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.03px;
  line-height: 28px;
  margin-bottom: 20px;
}
.hero-banner .card .description p,
.hero-banner .card .description li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.hero-banner .card .description strong,
.hero-banner .card .description h1,
.hero-banner .card .description h2,
.hero-banner .card .description h3,
.hero-banner .card .description h4,
.hero-banner .card .description h5,
.hero-banner .card .description h6 {
  color: inherit;
  font-family: inherit;
}
@media only screen and (min-width: 64em) {
  .hero-banner .card .description {
    max-height: 300px;
    overflow-y: auto;
    min-height: 100px;
  }
  .hero-banner .card .description::-webkit-scrollbar {
    width: 8px;
    height: 1px;
  }
  .hero-banner .card .description:hover::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    background: rgba(150, 150, 150, 0.2);
    border-radius: 10px;
    width: 8px;
    height: 18px;
  }
  .hero-banner .card .description:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
    background: transparent;
  }
}
.hero-banner .cta-grouping {
  padding: 10px 20px 60px;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (min-width: 64em) {
  .hero-banner .cta-grouping {
    padding: 0 20px 100px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hero-banner .cta-grouping {
    padding: 0 20px 100px 0;
  }
}
@media only screen and (min-width: 64em) {
  .hero-banner .get-started-div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
  }
}
.hero-banner .cta-button-ni-link {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  background: #f1be48;
  color: #3f1482;
  border: 2px solid #f1be48;
  text-decoration: none;
  border-radius: 40px;
  position: relative;
  line-height: initial;
  font-size: 16px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 15px 50px 15px 35px;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
  margin-right: 0;
  margin-bottom: 20px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  border-radius: 16px;
}
.hero-banner .cta-button-ni-link::after {
  right: 20px;
  left: inherit;
  position: absolute;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: 100%;
  transform: rotate(-90deg);
  transition-duration: 150ms;
  transition-property: left, right, padding;
}
.hero-banner .cta-button-ni-link:hover {
  background: #ffb000;
  border: 2px solid #ffb000;
}
.hero-banner .cta-button-ni-link:hover::after {
  right: 10px;
}
.hero-banner .cta-button-ni-link.secondary, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.cta-button, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.cta-button {
  background: #ffffff;
  border: 1px solid #3f1482;
}
.hero-banner .cta-button-ni-link.secondary:hover, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.cta-button:hover, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.cta-button:hover {
  background: #ffffff;
  border: 2px solid #3f1482;
}
.hero-banner .cta-button-ni-link.secondary:hover::after, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.cta-button:hover::after, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.cta-button:hover::after {
  right: 10px;
}
.hero-banner .cta-button-ni-link.purple-theme {
  background: #3f1482;
  border-color: #3f1482;
  color: white;
}
.hero-banner .cta-button-ni-link.purple-theme::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-banner .cta-button-ni-link::after {
  margin-top: -5px;
}
@media only screen and (min-width: 64em) {
  .hero-banner .cta-button-ni-link {
    width: auto;
    margin: 0 20px 20px 0;
  }
}
.hero-banner .cta-button-ni-link.secondary, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.cta-button, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.cta-button {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  margin: 1px;
}
.hero-banner .cta-button-ni-link.secondary::after, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.cta-button::after, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-banner .cta-button-ni-link.secondary:hover, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.cta-button:hover, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.cta-button:hover {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  margin: 0;
}
.hero-banner .cta-button-ni-link.secondary.purple-theme, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.purple-theme.cta-button, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.purple-theme.cta-button, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.purple-theme.cta-button, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.purple-theme.cta-button {
  border-color: #3f1482;
  color: #3f1482;
}
.hero-banner .cta-button-ni-link.secondary.purple-theme::after, .hero-banner .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.purple-theme.cta-button::after, .volunteer-buttons .btn-panel .hero-banner .cta-button + .cta-button-ni-link.purple-theme.cta-button::after, .hero-banner .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.purple-theme.cta-button::after, .volunteer-page .cm-rich-text .hero-banner .cta-button + .cta-button-ni-link.purple-theme.cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (min-width: 128em) {
  .hero-banner.full-width {
    min-height: 800px;
  }
}
.hero-banner.full-width .background {
  background-color: #384967;
}
.hero-banner.full-width .background.purple-theme {
  background-color: #f1be48;
}
.hero-banner.full-width .background.yellow-theme {
  background-color: #384967;
}
@media only screen and (max-width: 63.9em) {
  .hero-banner.full-width .backImage {
    background: none !important;
  }
}
@media only screen and (min-width: 64em) {
  .hero-banner.full-width .backImage .mb-show {
    display: none;
  }
  .hero-banner.full-width .backImage.version-2 img {
    border-radius: 0 0 45px 45px;
  }
}
@media only screen and (max-width: 47.99em) {
  .hero-banner.full-width .backImage {
    background: none !important;
  }
  .hero-banner.full-width .backImage.version-2 img {
    border-radius: 0 0 45px 45px;
  }
}
.hero-banner.full-width .curveImage {
  display: block;
}
@media only screen and (min-width: 64em) {
  .hero-banner.full-width .curveImage {
    display: block;
  }
}
@media only screen and (max-width: 63.9em) {
  .hero-banner.full-width .curveImage.mobile-curve.purple-theme::before, .hero-banner.full-width .curveImage.mobile-curve.yellow-theme::before {
    content: "";
    background: #384967;
    position: absolute !important;
    top: -45px;
    left: -15%;
    width: 125vw;
    height: 45vw;
    border-radius: 0 220px 0 0;
  }
  .hero-banner.full-width .curveImage.mobile-curve.purple-theme::before {
    background: #f1be48;
  }
  .hero-banner.full-width .curveImage.mobile-curve.version-1::before {
    top: -45px;
    left: 0;
    width: 100vw;
    border-radius: 45px 45px 0 0;
  }
  .hero-banner.full-width .curveImage.mobile-curve.version-2::before, .hero-banner.full-width .curveImage.mobile-curve.version-3::before {
    content: none;
  }
}
@media only screen and (max-width: 47.99em) {
  .hero-banner.full-width .curveImage.mobile-curve.purple-theme::before, .hero-banner.full-width .curveImage.mobile-curve.yellow-theme::before {
    top: -45px;
    left: 0;
    width: 115vw;
    border-radius: 0 200px 0 0;
  }
  .hero-banner.full-width .curveImage.mobile-curve.purple-theme::before {
    background: #f1be48;
  }
  .hero-banner.full-width .curveImage.mobile-curve.version-1::before {
    top: -45px;
    left: 0;
    width: 100vw;
    border-radius: 45px 45px 0 0;
  }
  .hero-banner.full-width .curveImage.mobile-curve.version-2::before, .hero-banner.full-width .curveImage.mobile-curve.version-3::before {
    content: none;
  }
}
@media only screen and (min-width: 77.75em) {
  .hero-banner .l-padding, .hero-banner .hearing-quiz .disclaimer, .hearing-quiz .hero-banner .disclaimer {
    padding: 0 36px;
  }
}
.hero-banner.no-image .hero-banner-container .hero-banner-description .card h1 {
  color: #384967;
}
.hero-banner.no-image .hero-banner-container .hero-banner-description .card .description {
  color: #384967;
}
.hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button-ni-link.secondary, .hero-banner.no-image .hero-banner-container .hero-banner-description .card .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel .hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button + .cta-button-ni-link.cta-button, .hero-banner.no-image .hero-banner-container .hero-banner-description .card .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text .hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button + .cta-button-ni-link.cta-button {
  color: #3f1482;
  border: 1px solid #3f1482;
  margin: 1px;
}
.hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button-ni-link.secondary::after, .hero-banner.no-image .hero-banner-container .hero-banner-description .card .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-buttons .btn-panel .hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button + .cta-button-ni-link.cta-button::after, .hero-banner.no-image .hero-banner-container .hero-banner-description .card .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button::after, .volunteer-page .cm-rich-text .hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button + .cta-button-ni-link.cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button-ni-link.secondary:hover, .hero-banner.no-image .hero-banner-container .hero-banner-description .card .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel .hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button + .cta-button-ni-link.cta-button:hover, .hero-banner.no-image .hero-banner-container .hero-banner-description .card .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text .hero-banner.no-image .hero-banner-container .hero-banner-description .card .cta-button + .cta-button-ni-link.cta-button:hover {
  border: 2px solid #3f1482;
  color: #3f1482;
  margin: 0;
}

div#root > div[dir=rtl] .landing-banner {
  /* all below styles duplicated from HeaderBanner.scss, retained to reduce indirection */
}
@media only screen and (min-width: 77.75em) {
  div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping {
    padding: 0 0 100px 20px;
  }
}
div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link {
  text-align: center;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 45px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link {
    margin: 0 0 20px 20px;
  }
  div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link.secondary, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button {
    margin: 1px;
  }
  div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link.secondary:hover, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover {
    margin: 0;
  }
}
div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link::after {
  left: 20px;
  right: inherit;
  transform: rotate(90deg);
}
div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link.secondary, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button {
  margin: 1px;
}
div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link.secondary:hover, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover {
  margin: 0;
}
div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button-ni-link.secondary:hover::after, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-buttons .btn-panel .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after, div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .volunteer-page .cm-rich-text .cta-button + .cta-button-ni-link.cta-button:hover::after, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .landing-banner.hero-banner .hero-banner-container .cta-grouping .cta-button + .cta-button-ni-link.cta-button:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .landing-banner.hero-banner.full-width .backImage {
  display: block;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
div#root > div[dir=rtl] .landing-banner.hero-banner.full-width .curveImage {
  display: none;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .landing-banner.hero-banner.full-width .curveImage {
    display: block;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}
div#root > div[dir=rtl] .landing-banner.full-width .background {
  border-radius: 0;
}
div#root > div[dir=rtl] .landing-banner.full-width .content .content-grouper {
  margin: 0;
  padding: 30px 30px 0 30px;
}
div#root > div[dir=rtl] .landing-banner .background {
  left: inherit;
  right: 0;
  border-radius: 0 0 0 40px;
}
div#root > div[dir=rtl] .landing-banner .content {
  border-radius: 0 0 0 40px;
}
div#root > div[dir=rtl] .landing-banner .content .content-grouper {
  padding: 28px 20px 20px 20px;
  margin: 0 8px;
}
div#root > div[dir=rtl] .landing-banner .content .content-grouper .header-highlight {
  left: inherit;
  right: 0;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .landing-banner .content .content-grouper {
    padding: 40px 36px 0 0;
    margin: 0 36px 0 150px;
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .landing-banner.full-width .content:before {
    left: 100%;
  }
  div#root > div[dir=rtl] .landing-banner:not(.full-width) .image {
    left: auto;
    right: 44%;
  }
}
div#root > div[dir=rtl] .landing-banner .content-link::after {
  content: "";
  transform: rotate(90deg);
  margin-left: 0;
  margin-right: 10px;
}

.side-by-side-video {
  width: 100%;
  padding: 40px 0;
}
@media screen and (max-width: 64em) {
  .side-by-side-video .l-padding, .side-by-side-video .hearing-quiz .disclaimer, .hearing-quiz .side-by-side-video .disclaimer {
    padding: 0;
  }
}
.side-by-side-video .side-video-cards {
  padding: 0 20px;
}
.side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item {
  padding: 0 10px;
}
.side-by-side-video .side-video-cards .content-container__grouper .card {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-banner {
  margin-bottom: 0;
  background: transparent;
  height: auto;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-banner .video-banner {
  margin-top: 0;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-banner .video-modal-cta {
  height: auto;
  position: relative;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title {
  padding: 35px 25px;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title h2 {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  letter-spacing: -0.03px;
  line-height: 28px;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content p,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content strong,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content h1,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content h2,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content h3,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content h4,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content h5,
.side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content h6 {
  color: inherit;
  font-family: inherit;
}
@media screen and (max-width: 64em) {
  .side-by-side-video {
    padding: 0;
  }
  .side-by-side-video .l-padding, .side-by-side-video .hearing-quiz .disclaimer, .hearing-quiz .side-by-side-video .disclaimer {
    padding: 40px 0;
    z-index: 9;
  }
  .side-by-side-video .side-video-cards {
    padding: 0 20px;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .sl {
    margin: 0;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .side-by-side-video {
    padding: 80px 0;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .sl {
    display: table;
    margin: 0;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item {
    display: table-cell;
    padding: 0 10px;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item:first-child {
    padding-left: 0;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item:last-child {
    padding-right: 0;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .card {
    height: 100%;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .card .product-media-banner {
    max-height: 310px;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .card .product-media-banner .video-modal-cta {
    max-height: 310px;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title {
    padding: 40px;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title h2 {
    font-size: 34px;
    margin-bottom: 40px;
  }
  .side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content {
    font-size: 18px;
  }
}

div#root > div[dir=rtl] .side-by-side-video .side-video-cards .content-container__grouper .card .product-media-title .content {
  text-align: right;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0 10px;
  }
  div#root > div[dir=rtl] .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item:first-child {
    padding-right: 0;
  }
  div#root > div[dir=rtl] .side-by-side-video .side-video-cards .content-container__grouper .sl .sl-list .sl-item:last-child {
    padding-left: 0;
  }
}

.LeadMagnet {
  width: 100%;
  padding: 40px 0;
  background-color: #f5f3ed;
  background-image: none;
}
@media screen and (max-width: 64em) {
  .LeadMagnet .l-padding, .LeadMagnet .hearing-quiz .disclaimer, .hearing-quiz .LeadMagnet .disclaimer {
    padding: 0;
  }
}
.LeadMagnet .lead-media-title {
  margin: 0 20px;
}
.LeadMagnet .lead-media-title h2 {
  font-size: 28px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  margin: 0 0 35px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
.LeadMagnet .lead-media-title.mb-show {
  display: block;
}
.LeadMagnet .lead-media-description {
  margin: 0 20px;
}
.LeadMagnet .lead-media-description .content-container__grouper .content {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0;
  font-size: 18px;
  margin-top: 25px;
  letter-spacing: -0.03px;
  font-weight: normal;
  line-height: 28px;
}
.LeadMagnet .lead-media-description .content-container__grouper .content p,
.LeadMagnet .lead-media-description .content-container__grouper .content li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.LeadMagnet .lead-media-description .content-container__grouper .content strong,
.LeadMagnet .lead-media-description .content-container__grouper .content h1,
.LeadMagnet .lead-media-description .content-container__grouper .content h2,
.LeadMagnet .lead-media-description .content-container__grouper .content h3,
.LeadMagnet .lead-media-description .content-container__grouper .content h4,
.LeadMagnet .lead-media-description .content-container__grouper .content h5,
.LeadMagnet .lead-media-description .content-container__grouper .content h6 {
  color: inherit;
  font-family: inherit;
}
.LeadMagnet .lead-media-description.lead-left {
  display: none;
}
.LeadMagnet .lead-media-description.lead-right {
  display: block;
}
.LeadMagnet .lead-media-description.lead-right .lead-media-title {
  display: none;
}
.LeadMagnet .lead-media-container .lead-media-banner {
  position: relative;
  background: rgba(0, 0, 0, 0);
}
.LeadMagnet .lead-media-container .lead-media-banner .l-padding, .LeadMagnet .lead-media-container .lead-media-banner .hearing-quiz .disclaimer, .hearing-quiz .LeadMagnet .lead-media-container .lead-media-banner .disclaimer {
  width: 100%;
}
.LeadMagnet .lead-media-container .lead-media-banner .l-padding .image, .LeadMagnet .lead-media-container .lead-media-banner .hearing-quiz .disclaimer .image, .hearing-quiz .LeadMagnet .lead-media-container .lead-media-banner .disclaimer .image {
  width: 100%;
  height: auto;
}
.LeadMagnet .schematik-form {
  margin: -10px 0 0;
  background: transparent;
}
.LeadMagnet .schematik-form .form-box {
  background: transparent;
  margin: 0;
  padding: 0;
}
.LeadMagnet .schematik-form .form-box .underlined {
  display: none;
}
.LeadMagnet .schematik-form .form-box .form-input label {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: -0.03px;
  line-height: 28px;
}
.LeadMagnet .schematik-form .form-box .form-input input {
  margin-top: 5px;
}
.LeadMagnet .schematik-form .form-box.render-buttons .details-box button {
  width: 100%;
  margin: 20px 0 0;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  background: #f1be48;
  color: #3f1482;
  border: 2px solid #f1be48;
  box-sizing: border-box;
  text-decoration: none;
  border-radius: 40px;
  position: relative;
  line-height: initial;
  font-size: 16px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 15px 50px 15px 35px;
  transition-duration: 150ms;
  transition-property: color, background-color, border-color;
}
.LeadMagnet .schematik-form .form-box.render-buttons .details-box button::after {
  right: 20px;
  left: inherit;
  position: absolute;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-size: 100%;
  transform: rotate(-90deg);
  transition-duration: 150ms;
  transition-property: left, right, padding, border;
}
.LeadMagnet .schematik-form .form-box.render-buttons .details-box button:hover {
  background: #ffb000;
  border: 2px solid #ffb000;
  box-sizing: border-box;
}
.LeadMagnet .schematik-form .form-box.render-buttons .details-box button:hover::after {
  right: 10px;
}
.LeadMagnet .form-box p,
.LeadMagnet .form-box h2,
.LeadMagnet .form-box .form-box-title,
.LeadMagnet .form-box .form-box-description {
  color: #384967;
}
.LeadMagnet .form-box.form-box-success {
  background: transparent;
  width: 100%;
}
@media screen and (max-width: 64em) {
  .LeadMagnet .form-box.form-box-success {
    margin: 0;
    padding: 20px 0;
  }
}
.LeadMagnet .form-box.form-box-success h2 {
  display: none;
}
.LeadMagnet .form-box.form-box-success .form-box-description {
  min-height: 70px;
  color: #384967;
  font-size: 18px;
  line-height: 28px;
  padding-left: 90px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2215px%22 height=%2213px%22 viewBox=%220 0 15 13%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EPath 4753%3C/title%3E%3Cg id=%22Page-1%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 fill-opacity=%220%22%3E%3Cg id=%22Campaign-Visual-v5-Copy-4%22 transform=%22translate%28-212.000000%2C -4494.000000%29%22 fill=%22%23000000%22 fill-rule=%22nonzero%22 stroke=%22%2387A294%22 stroke-width=%222%22%3E%3Cg id=%22Landing-Page-Content%22 transform=%22translate%2836.000000%2C 2966.000000%29%22%3E%3Cg id=%22Stakes%22 transform=%22translate%280.000000%2C 1132.000000%29%22%3E%3Cpath d=%22M177.254%2C402.898438 L181.205172%2C406.710938 L190.168063%2C397.5%22 id=%22Path-4753%22 fill=%22%23000000%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 70px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media screen and (min-width: 64em) {
  .LeadMagnet {
    padding: 120px 0;
    position: relative;
  }
  .LeadMagnet .backImage {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 815px 600px;
  }
  .LeadMagnet .backImage.is-secondary {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .LeadMagnet .lead-media-title {
    margin: 0;
  }
  .LeadMagnet .lead-media-title h2 {
    font-size: 34px;
    font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    color: #384967;
    margin: 0 0 35px;
  }
  .LeadMagnet .lead-media-title.mb-show {
    display: none;
  }
  .LeadMagnet .lead-media-container {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
  }
  .LeadMagnet .lead-media-container .lead-media-banner {
    height: inherit;
  }
  .LeadMagnet .lead-media-container .lead-media-banner .l-padding, .LeadMagnet .lead-media-container .lead-media-banner .hearing-quiz .disclaimer, .hearing-quiz .LeadMagnet .lead-media-container .lead-media-banner .disclaimer {
    padding: 0;
  }
  .LeadMagnet .lead-media-description {
    margin: 0;
    width: 50%;
    display: inline-block;
  }
  .LeadMagnet .lead-media-description .content-container__grouper .content {
    font-size: 18px;
    margin-bottom: 0px;
    font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    color: #384967;
    margin-top: 0;
  }
  .LeadMagnet .lead-media-description.lead-left {
    padding: 0 80px 0 0;
    display: none;
  }
  .LeadMagnet .lead-media-description.lead-left.is-active {
    display: inline-block;
  }
  .LeadMagnet .lead-media-description.lead-right {
    padding: 0 0 0 80px;
    display: none;
  }
  .LeadMagnet .lead-media-description.lead-right.is-active {
    display: inline-block;
  }
  .LeadMagnet .lead-media-description.lead-right.is-active .lead-media-title {
    display: block;
  }
  .LeadMagnet .schematik-form .form-box.render-buttons .details-box button {
    width: inherit;
  }
  .LeadMagnet .form-box-success .form-box-description {
    padding-left: 68px;
    background-size: 48px;
  }
}

div#root > div[dir=rtl] .LeadMagnet .backImage {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
div#root > div[dir=rtl] .LeadMagnet .backImage.is-secondary {
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}
div#root > div[dir=rtl] .LeadMagnet .schematik-form .form-box.render-buttons .details-box {
  position: inherit;
  right: inherit;
}
div#root > div[dir=rtl] .LeadMagnet .schematik-form .form-box.render-buttons .details-box button {
  width: 100%;
}
div#root > div[dir=rtl] .LeadMagnet .schematik-form .form-box.render-buttons .details-box button::after {
  left: 20px;
  right: inherit;
  transform: rotate(90deg);
}
div#root > div[dir=rtl] .LeadMagnet .schematik-form .form-box.render-buttons .details-box button:hover::after {
  left: 10px;
}
div#root > div[dir=rtl] .LeadMagnet .form-box-success .form-box-description {
  padding-left: 0;
  padding-right: 90px;
  background-position: right center;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .LeadMagnet .schematik-form .form-box.render-buttons .details-box {
    position: absolute;
  }
  div#root > div[dir=rtl] .LeadMagnet .schematik-form .form-box.render-buttons .details-box button {
    padding: 15px 35px 15px 50px;
  }
  div#root > div[dir=rtl] .LeadMagnet .form-box-success .form-box-description {
    padding-left: 0;
    padding-right: 68px;
    background-size: 48px;
  }
  div#root > div[dir=rtl] .LeadMagnet .lead-media-description.lead-left {
    padding: 0 0 0 80px;
  }
  div#root > div[dir=rtl] .LeadMagnet .lead-media-description.lead-right {
    padding: 0 80px 0 0;
  }
}

.stakes {
  width: 100%;
  padding: 40px 0;
}
.stakes .stakes-info {
  padding: 0 20px;
}
.stakes .stakes-info h2 {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
.stakes .stakes-info p {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  text-align: left;
  margin-bottom: 10px;
  letter-spacing: -0.03px;
  line-height: 28px;
  font-weight: normal;
}
.stakes .stakes-cards {
  padding: 0 20px;
}
.stakes .stakes-cards .content-container__grouper .sl {
  width: 100%;
}
.stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item {
  padding: 0 10px;
  margin-top: 20px;
}
.stakes .stakes-cards .content-container__grouper .card {
  background: rgba(214, 214, 214, 0.5);
  padding: 10px 20px 25px 20px;
}
.stakes .stakes-cards .content-container__grouper .card .card-info {
  margin-bottom: 20px;
}
.stakes .stakes-cards .content-container__grouper .card .card-info h3 {
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  margin: 10px 0;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 34px;
}
.stakes .stakes-cards .content-container__grouper .card .card-info .content,
.stakes .stakes-cards .content-container__grouper .card .card-info p {
  font-size: 18px;
  color: #384967;
  font-weight: normal;
  letter-spacing: -0.03px;
  line-height: 28px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.stakes .stakes-cards .content-container__grouper .card .card-list .lists.right-list li {
  background-image: url("data:image/svg+xml,%3Csvg width=%2219px%22 height=%2218px%22 viewBox=%220 0 19 18%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3ECross%3C/title%3E%3Cg id=%22Page-1%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Campaign-Visual-v5-Copy-4%22 transform=%22translate%28-782.000000%2C -4490.000000%29%22 fill-rule=%22nonzero%22 stroke=%22%23FA8866%22 stroke-width=%222%22%3E%3Cg id=%22Landing-Page-Content%22 transform=%22translate%2836.000000%2C 2966.000000%29%22%3E%3Cg id=%22Stakes%22 transform=%22translate%280.000000%2C 1132.000000%29%22%3E%3Cg id=%22Group-25%22 transform=%22translate%28747.254000%2C 391.260000%29%22%3E%3Cg id=%22Cross%22 transform=%22translate%280.000000%2C 1.500000%29%22%3E%3Cline x1=%221.77635684e-15%22 y1=%2216.0692558%22 x2=%2216.0692558%22 y2=%221.77635684e-15%22 id=%22Line-56%22/%3E%3Cline x1=%2216.0692558%22 y1=%2216.0692558%22 x2=%221.77635684e-15%22 y2=%221.77635684e-15%22 id=%22Line-57%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: left 6px;
}
.stakes .stakes-cards .content-container__grouper .card .card-list .lists.left-list ul:first-child {
  margin-bottom: 10px;
}
.stakes .stakes-cards .content-container__grouper .card .card-list .lists ul {
  margin: 0;
  padding: 0;
}
.stakes .stakes-cards .content-container__grouper .card .card-list .lists ul li {
  color: #384967;
  list-style-type: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2215px%22 height=%2213px%22 viewBox=%220 0 15 13%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EPath 4753%3C/title%3E%3Cg id=%22Page-1%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 fill-opacity=%220%22%3E%3Cg id=%22Campaign-Visual-v5-Copy-4%22 transform=%22translate%28-212.000000%2C -4494.000000%29%22 fill=%22%23000000%22 fill-rule=%22nonzero%22 stroke=%22%2387A294%22 stroke-width=%222%22%3E%3Cg id=%22Landing-Page-Content%22 transform=%22translate%2836.000000%2C 2966.000000%29%22%3E%3Cg id=%22Stakes%22 transform=%22translate%280.000000%2C 1132.000000%29%22%3E%3Cpath d=%22M177.254%2C402.898438 L181.205172%2C406.710938 L190.168063%2C397.5%22 id=%22Path-4753%22 fill=%22%23000000%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: left 8px;
  letter-spacing: -0.03px;
  font-weight: normal;
  line-height: 28px;
  font-size: 18px;
}
@media screen and (max-width: 64em) {
  .stakes .l-padding, .stakes .hearing-quiz .disclaimer, .hearing-quiz .stakes .disclaimer {
    z-index: 9;
    padding: 0;
  }
  .stakes .stakes-cards .content-container__grouper .sl {
    margin: 0;
  }
  .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .stakes {
    padding: 80px 0;
  }
  .stakes .stakes-info {
    padding: 0;
  }
  .stakes .stakes-info h2 {
    font-size: 34px;
    margin-bottom: 10px;
  }
  .stakes .stakes-info p {
    font-size: 18px;
  }
  .stakes .stakes-cards {
    margin-bottom: 0;
  }
  .stakes .stakes-cards .content-container__grouper .sl {
    display: table;
    margin-bottom: 0;
  }
  .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0 10px;
    display: table-cell;
  }
  .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item:first-child {
    padding-left: 0;
  }
  .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item:last-child {
    padding-right: 0;
  }
  .stakes .stakes-cards .content-container__grouper .card {
    padding: 8% 10%;
    height: 100%;
  }
  .stakes .stakes-cards .content-container__grouper .card .card-info h3 {
    text-align: left;
    font-size: 28px;
    margin: 15px 0 10px;
  }
  .stakes .stakes-cards .content-container__grouper .card .card-info .content,
  .stakes .stakes-cards .content-container__grouper .card .card-info p {
    font-size: 18px;
  }
  .stakes .stakes-cards .content-container__grouper .card .card-list .lists.left-list ul {
    vertical-align: top;
  }
  .stakes .stakes-cards .content-container__grouper .card .card-list .lists.left-list ul:first-child {
    margin-bottom: 0;
  }
  .stakes .stakes-cards .content-container__grouper .card .card-list .lists ul {
    display: inline-block;
    min-width: 49%;
  }
}

div#root > div[dir=rtl] .stakes .stakes-info p {
  text-align: right;
}
div#root > div[dir=rtl] .stakes .stakes-cards .content-container__grouper .card .card-info h3 {
  text-align: right;
}
div#root > div[dir=rtl] .stakes .stakes-cards .content-container__grouper .card .card-info .content {
  text-align: right;
}
div#root > div[dir=rtl] .stakes .stakes-cards .content-container__grouper .card .card-list .lists ul li {
  background-position: right 8px;
  padding-left: 0;
  padding-right: 30px;
}
@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item {
    padding: 0 10px;
  }
  div#root > div[dir=rtl] .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item:first-child {
    padding-right: 0;
  }
  div#root > div[dir=rtl] .stakes .stakes-cards .content-container__grouper .sl .sl-list .sl-item:last-child {
    padding-left: 0;
  }
}

.testimonial {
  padding: 80px 0;
}
@media only screen and (max-width: 64em) {
  .testimonial {
    background-image: none !important;
  }
}
.testimonial .testimonial-content {
  background: #ffffff;
}
.testimonial .testimonial-content.no-quotes .title h2::before {
  content: "";
}
.testimonial .testimonial-content.no-quotes .title h2::after {
  content: "";
}
.testimonial .testimonial-content .title {
  padding: 140px 0 40px;
}
.testimonial .testimonial-content .title h2 {
  font-size: 28px;
  color: #384967;
  text-align: center;
  font-style: oblique;
  position: inherit;
  margin-bottom: 0;
  padding: 0 18px;
  font-weight: 500;
  letter-spacing: -0.03px;
  line-height: 40px;
}
.testimonial .testimonial-content .title h2::before {
  content: "“";
  position: inherit;
  left: inherit;
}
.testimonial .testimonial-content .title h2::after {
  content: "”";
}
.testimonial .testimonial-content .people-intro {
  text-align: center;
}
.testimonial .testimonial-content .people-intro.mb-show {
  display: block;
  top: -31px;
  position: absolute;
  width: calc(100% - 40px);
}
.testimonial .testimonial-content .people-intro.pc-show {
  display: none;
}
.testimonial .testimonial-content .people-intro img {
  border-radius: 31px;
  width: 62px;
  height: 62px;
  display: block;
  margin: 0 auto 20px;
}
.testimonial .testimonial-content .people-intro .details {
  display: block;
}
.testimonial .testimonial-content .people-intro .details p {
  font-size: 18px;
  color: #384967;
  text-align: center;
  letter-spacing: -0.03px;
  font-weight: normal;
  line-height: 28px;
}
.testimonial .testimonial-content .people-intro .details p.name {
  margin-bottom: 0;
}
.testimonial .testimonial-content .people-intro .details p.intro {
  font-size: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 64em) {
  .testimonial {
    padding: 120px 0;
    background-position: 100% center;
    background-size: cover;
  }
  .testimonial .testimonial-content {
    background: #ffffff;
  }
  .testimonial .testimonial-content .title {
    padding: 60px 0 55px;
    margin: 0 120px;
  }
  .testimonial .testimonial-content .title h2 {
    font-size: 34px;
    line-height: 45px;
    position: relative;
    padding: 0;
  }
  .testimonial .testimonial-content .title h2::before {
    content: "“";
  }
  .testimonial .testimonial-content .people-intro {
    padding: 0 0 40px 0;
  }
  .testimonial .testimonial-content .people-intro.mb-show {
    display: none;
  }
  .testimonial .testimonial-content .people-intro.pc-show {
    display: block;
  }
  .testimonial .testimonial-content .people-intro img {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .testimonial .testimonial-content .people-intro .details {
    display: inline-block;
    vertical-align: top;
  }
  .testimonial .testimonial-content .people-intro .details p {
    text-align: left;
  }
  .testimonial .testimonial-content .people-intro .details p.name {
    margin-bottom: 5px;
  }
  .testimonial .testimonial-content .people-intro .details p.intro {
    margin-top: 5px;
  }
}

div#root > div[dir=rtl] .testimonial .testimonial-content.no-quotes .title h2::before {
  content: "";
}
div#root > div[dir=rtl] .testimonial .testimonial-content.no-quotes .title h2::after {
  content: "";
}
div#root > div[dir=rtl] .testimonial .testimonial-content .title h2::before {
  content: "”";
}
div#root > div[dir=rtl] .testimonial .testimonial-content .title h2::after {
  content: "“";
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .testimonial .testimonial-content .title h2::before {
    position: inherit;
    left: inherit;
  }
  div#root > div[dir=rtl] .testimonial .testimonial-content .people-intro img {
    margin: 0 0 0 20px;
  }
}

.product-testimonial {
  background-color: #efefef;
  padding: 30px 0;
}
@media only screen and (min-width: 64em) {
  .product-testimonial {
    padding: 60px 0;
  }
}
.product-testimonial .content-container {
  padding: 40px 0 0 40px;
}
@media only screen and (max-width: 64em) {
  .product-testimonial .content-container {
    padding: 20px;
  }
}
.product-testimonial table {
  margin: 0;
  /* framework.scss override */
}
.product-testimonial table tbody td {
  background-color: transparent;
  border: none;
}
.product-testimonial table td {
  display: block;
  padding: 10px 0;
  width: 100%;
}
.product-testimonial table td h4 {
  font-size: 26px;
  line-height: 34px;
}
@media only screen and (min-width: 64em) {
  .product-testimonial table td {
    display: table-cell;
    width: 50%;
    padding: 0 70px 30px 0;
  }
}
.product-testimonial .product-testimonial-container {
  display: flex;
  flex-direction: column;
}
.product-testimonial .product-testimonial-container .testimonial-container {
  display: flex;
  margin-top: 25px;
  min-height: 300px;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 64em) {
  .product-testimonial .product-testimonial-container .testimonial-container {
    flex-direction: row;
  }
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon {
  transform: perspective(1000px) translate3d(0, 0, 0);
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon::before, .product-testimonial .product-testimonial-container .testimonial-container .video-play-icon::after {
  content: "";
  position: absolute;
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon:hover, .product-testimonial .product-testimonial-container .testimonial-container .video-play-icon:focus {
  transform: perspective(1000px) translate3d(0, 0, 21px);
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon:focus {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .product-testimonial .product-testimonial-container .testimonial-container .video-play-icon:focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
.product-testimonial .product-testimonial-container .testimonial-container .video-play-icon:active {
  transform: perspective(1000px) translate3d(0, 0, 15px);
}
.product-testimonial .product-testimonial-container .testimonial-container .image-container {
  height: 300px;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.product-testimonial .product-testimonial-container .testimonial-container .image-container img {
  width: auto;
  height: 300px;
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
@media only screen and (min-width: 48em) {
  .product-testimonial .product-testimonial-container .testimonial-container .image-container img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 64em) {
  .product-testimonial .product-testimonial-container .testimonial-container .image-container {
    z-index: 2;
    height: 400px;
  }
  .product-testimonial .product-testimonial-container .testimonial-container .image-container img {
    width: auto;
    height: 400px;
  }
}
.product-testimonial .product-testimonial-container .testimonial-container .blockquote-container {
  padding: 40px 30px 60px 30px;
  align-self: center;
  margin: 0 40px -20px 0;
  z-index: 1;
  border-radius: 0 0 40px 0;
  position: relative;
  background-color: #ffffff;
}
@media only screen and (min-width: 48em) {
  .product-testimonial .product-testimonial-container .testimonial-container .blockquote-container {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64em) {
  .product-testimonial .product-testimonial-container .testimonial-container .blockquote-container {
    z-index: 2;
    padding: 60px 80px 60px;
  }
  .product-testimonial .product-testimonial-container .testimonial-container .blockquote-container::before {
    content: "";
    width: 21px;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: -20px;
  }
}
.product-testimonial .product-testimonial-container .testimonial-container .blockquote-container blockquote {
  margin: 0;
}
.product-testimonial .product-testimonial-container .testimonial-container .video-trigger,
.product-testimonial .product-testimonial-container .testimonial-container .blockquote-container {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .product-testimonial .product-testimonial-container .testimonial-container .video-trigger,
  .product-testimonial .product-testimonial-container .testimonial-container .blockquote-container {
    width: 50%;
  }
}
.product-testimonial .product-testimonial-container .content-container {
  margin-top: 20px;
}
.product-testimonial .product-testimonial-container .content-container .scWebEditInput.scEnabledChrome[contentEditable=true] {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .product-testimonial .product-testimonial-container .content-container {
    margin-top: 60px;
  }
}
.product-testimonial .product-testimonial-container .content-container a {
  color: #3f1482;
}
.product-testimonial .product-testimonial-container .content-container .container-group {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-testimonial .product-testimonial-container .content-container .container-group .container-item {
  width: 100%;
  margin: 0 0 40px;
}
@media only screen and (min-width: 64em) {
  .product-testimonial .product-testimonial-container .content-container .container-group .container-item {
    width: 50%;
    padding-right: 70px;
  }
}
.product-testimonial .product-testimonial-container .content-container .container-group .container-item .h3 {
  display: block;
}
.product-testimonial .product-testimonial-container .content-container .container-group .container-item .h3 * {
  font-size: 28px;
  font-weight: 700;
}
.product-testimonial .product-testimonial-container .content-container .container-group .container-item .h3 * sup {
  font-size: 20px;
}
.product-testimonial .product-testimonial-container .content-container .container-group .container-item ul {
  padding-left: 20px;
  margin: 0;
}
.product-testimonial .product-testimonial-container .content-container .container-group .container-item ul li {
  list-style: disc;
}
.product-testimonial.is-secondary {
  background-color: #ffffff;
}
@media only screen and (min-width: 64em) {
  .product-testimonial.is-secondary .product-testimonial-container .testimonial-container {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 64em) {
  .product-testimonial.is-secondary .product-testimonial-container .testimonial-container .video-trigger {
    z-index: 1;
  }
}
.product-testimonial.is-secondary .product-testimonial-container .testimonial-container .blockquote-container {
  background-color: #efefef;
}
@media only screen and (min-width: 64em) {
  .product-testimonial.is-secondary .product-testimonial-container .testimonial-container .blockquote-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 40px;
    margin: 0;
  }
  .product-testimonial.is-secondary .product-testimonial-container .testimonial-container .blockquote-container::before {
    background-color: #efefef;
    left: auto;
    right: -20px;
  }
}

div#root > div[dir=rtl] .product-testimonial .product-testimonial-container .testimonial-container .image-container img {
  left: auto; /*replaced*/
  right: 50%;
  transform: translate(50%);
}
div#root > div[dir=rtl] .product-testimonial .product-testimonial-container .testimonial-container .blockquote-container {
  margin: 0 0 -20px 40px;
  border-radius: 0 0 0 40px;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .product-testimonial .product-testimonial-container .testimonial-container .blockquote-container::before {
    right: -20px;
    left: auto; /*replaced*/
  }
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .product-testimonial.is-secondary .product-testimonial-container .testimonial-container .blockquote-container {
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    margin: 0;
  }
  div#root > div[dir=rtl] .product-testimonial.is-secondary .product-testimonial-container .testimonial-container .blockquote-container::before {
    left: -20px;
    right: auto; /*replaced*/
  }
}
div#root > div[dir=rtl] .product-testimonial tr td {
  border-left: none;
}

.product-feature-callout {
  padding: 30px 0;
  background-color: #efefef;
}
@media only screen and (min-width: 64em) {
  .product-feature-callout {
    padding: 60px 0;
  }
}
.product-feature-callout a {
  text-decoration: none;
}
.product-feature-callout a .cta-button {
  transition: all 0.2s ease-in-out;
  border: 0;
  background-color: #3f1482;
  border-radius: 30px;
  margin: 0 20px 20px 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  display: block;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .product-feature-callout a .cta-button {
    margin: 0 10px 15px 0;
    width: auto;
    min-width: 150px;
    display: inline-block;
    padding: 10px 30px;
    position: relative;
  }
}
.product-feature-callout a .cta-button::after {
  margin: -4px 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.product-feature-callout a .cta-button:hover::after {
  left: 10px;
}
.product-feature-callout a:hover .content-container .cta-button {
  background-color: #672ac5;
  transition: all 0.2s ease-in-out;
}
.product-feature-callout a:hover .content-container .cta-button::after {
  left: 10px;
  transition: all 0.2s ease-in-out;
}
.product-feature-callout a:hover h2,
.product-feature-callout a:hover h3,
.product-feature-callout a:hover h4,
.product-feature-callout a:hover h5,
.product-feature-callout a:hover h6 {
  color: #3f1482;
}
.product-feature-callout .l-padding, .product-feature-callout .hearing-quiz .disclaimer, .hearing-quiz .product-feature-callout .disclaimer {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 64em) {
  .product-feature-callout .l-padding, .product-feature-callout .hearing-quiz .disclaimer, .hearing-quiz .product-feature-callout .disclaimer {
    flex-direction: row;
  }
}
.product-feature-callout .img-container {
  justify-content: center;
  align-items: center;
}
.product-feature-callout .img-container img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 500px;
}
.product-feature-callout .img-container,
.product-feature-callout .content-container {
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .product-feature-callout .img-container,
  .product-feature-callout .content-container {
    padding-right: 50px;
    width: 50%;
  }
}
.product-feature-callout .content-container {
  margin: 20px 0 40px 0;
}
.product-feature-callout .content-container .cta-grouping {
  margin-top: 30px;
}
.product-feature-callout .content-container .btn-container {
  margin-top: 30px;
}
.product-feature-callout .content-container .btn-container a {
  margin: 0 10px 10px 0;
  display: inline-block;
}
.product-feature-callout .content-container .btn-container a img {
  width: 120px;
  height: auto;
  display: block;
}
.product-feature-callout .content-container .btn-container a:last-child {
  margin-right: 0;
}
.product-feature-callout.is-secondary {
  background-color: #ffffff;
}
@media only screen and (min-width: 64em) {
  .product-feature-callout.is-secondary .l-padding, .product-feature-callout.is-secondary .hearing-quiz .disclaimer, .hearing-quiz .product-feature-callout.is-secondary .disclaimer {
    flex-direction: row-reverse;
  }
}

div#root > div[dir=rtl] .product-feature-callout a:hover .cta-button::before, div#root > div[dir=rtl] .product-feature-callout a:focus .cta-button::before, div#root > div[dir=rtl] .product-feature-callout a:active .cta-button::before {
  left: 15px;
}
div#root > div[dir=rtl] .product-feature-callout a .cta-button {
  border-right: 0;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: -4px 0;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .product-feature-callout a .cta-button {
    margin: 0 10px 15px 0;
    width: auto;
    min-width: 150px;
    padding: 10px 30px;
  }
}
div#root > div[dir=rtl] .product-feature-callout a .cta-button::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.your-cochlear-stories {
  background-color: #efefef;
  padding: 30px 0;
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories {
    padding: 50px 0;
  }
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories .l-padding, .your-cochlear-stories .hearing-quiz .disclaimer, .hearing-quiz .your-cochlear-stories .disclaimer {
    display: flex;
  }
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories .description {
    width: 25%;
    padding: 120px 50px 0 0;
  }
}
.your-cochlear-stories .description h2 {
  font-size: 36px;
}
.your-cochlear-stories .description .cta-button {
  width: 100%;
  margin-top: 10px;
  text-align: center;
  color: #3f1482;
  font-size: 18px;
  font-weight: 900;
}
.your-cochlear-stories .description .cta-button:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories .is-33-split {
    width: 75%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories .is-33-split .sl-item {
    padding: 0 10px;
  }
}
.your-cochlear-stories div.content-card,
.your-cochlear-stories a.content-card {
  border: 0;
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories div.content-card,
  .your-cochlear-stories a.content-card {
    height: 515px;
    margin: 0;
  }
}
.your-cochlear-stories div.content-card .img-container,
.your-cochlear-stories a.content-card .img-container {
  height: 205px;
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories div.content-card .img-container,
  .your-cochlear-stories a.content-card .img-container {
    height: 515px;
    margin-bottom: 0;
  }
  .your-cochlear-stories div.content-card .img-container img,
  .your-cochlear-stories a.content-card .img-container img {
    width: auto;
    height: 515px;
    margin-left: -340px;
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
.your-cochlear-stories div.content-card .content-container p,
.your-cochlear-stories a.content-card .content-container p {
  display: none;
}
@media screen and (min-width: 64em) {
  .your-cochlear-stories div.content-card .content-container,
  .your-cochlear-stories a.content-card .content-container {
    position: absolute;
    bottom: 0;
    margin: 0;
    background-color: transparent;
    width: 100%;
  }
  .your-cochlear-stories div.content-card .content-container h2,
  .your-cochlear-stories a.content-card .content-container h2 {
    background-color: #ffffff;
    opacity: 0.85;
    font-size: 22px;
    line-height: 29px;
    padding: 10px 20px;
    height: 110px;
  }
}

@media screen and (min-width: 64em) {
  div#root > div[dir=rtl] .your-cochlear-stories .description {
    padding: 120px 0 0 50px;
  }
}
div#root > div[dir=rtl] .your-cochlear-stories .description .cta-button::after {
  right: 16px;
}
div#root > div[dir=rtl] .your-cochlear-stories .description .cta-button:hover::after, div#root > div[dir=rtl] .your-cochlear-stories .description .cta-button:active::after, div#root > div[dir=rtl] .your-cochlear-stories .description .cta-button:focus::after {
  right: 20px;
}

.help-me-find {
  background-color: #efefef;
  padding-top: 85px;
  padding-bottom: 40px;
  margin-top: -38px;
}
.help-me-find.tab-dropdown-container__open .animated {
  position: relative;
  z-index: 5;
}
.help-me-find .tab-item-description {
  background-color: white;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-item-description {
    padding: 5px;
  }
}
.help-me-find .tab-items {
  display: flex;
}
.help-me-find .tab-items .tab {
  border: none;
  background-color: #f6f6f6;
  padding: 10px 15px;
}
.help-me-find .tab-items .tab:first-child.active, .help-me-find .tab-items .tab:last-child.active {
  border-left: 0;
  border-right: 0;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-items .tab {
    padding: 20px 30px;
  }
}
.help-me-find .tabbed-content {
  margin-top: 20px;
}
.help-me-find .tabbed-content .tab-panel {
  border: 0;
}
.help-me-find .tabbed-content table {
  border: 0;
}
.help-me-find .tabbed-content td {
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: 0;
  display: block;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tabbed-content td {
    display: table-cell;
  }
}
.help-me-find .tabbed-content td ul {
  padding: 0;
}
.help-me-find .tabbed-content td ul li {
  list-style: none;
}
.help-me-find .tabbed-content td ul li a {
  display: block;
  width: 100%;
  padding-block: 16px;
  padding-inline: 60px 20px;
  background-color: #efefef;
  text-decoration: none;
  position: relative;
}
.help-me-find .tabbed-content td ul li a:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Arrow%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Arrow%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M2%2C12 L22%2C12%22 id=%22Stroke-3%22 stroke=%22%233F1482%22/%3E%3Cpolyline id=%22Stroke-6%22 transform=%22translate%2818.000000%2C 12.000000%29 rotate%28-90.000000%29 translate%28-18.000000%2C -12.000000%29 %22 points=%2225 8 18 16 11 8%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100%;
}
[dir=rtl] .help-me-find .tabbed-content td ul li a:after {
  left: 15px;
  right: unset;
  transform: translateY(-50%) scaleX(-1);
}
@media only screen and (min-width: 64em) {
  .help-me-find .tabbed-content td {
    width: 50%;
  }
  .help-me-find .tabbed-content td:nth-child(2) {
    padding: 11px 20px;
  }
}
.help-me-find .tab-dropdown {
  position: relative;
}
.help-me-find .tab-dropdown .dropdown-heading {
  background-color: #fdc82f;
  padding: 6px 19px;
  position: relative;
}
.help-me-find .tab-dropdown .dropdown-heading h2 {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
}
.help-me-find .tab-dropdown .dropdown-heading::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid #fdc82f;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  top: 100%;
  left: 20px;
}
[dir=rtl] .help-me-find .tab-dropdown .dropdown-heading::after {
  right: 20px;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-heading {
    display: inline-block;
    padding-block: 17px;
    padding-inline-start: 30px;
    vertical-align: top;
    width: 210px;
  }
  .help-me-find .tab-dropdown .dropdown-heading::after {
    border-top-color: transparent;
    border-left-color: #fdc82f;
    right: -12px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .help-me-find .tab-dropdown .dropdown-heading::after {
    left: -12px;
    right: auto;
    transform: translateY(-50%) scaleX(-1);
  }
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-body {
    display: inline-block;
    width: calc(100% - 210px);
  }
}
.help-me-find .tab-dropdown .dropdown-body .placeholder {
  width: 100%;
  height: 60px;
  background-color: white;
  border: none;
  padding-block: 0;
  padding-inline: 16px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #56565a;
  cursor: pointer;
  text-align: start;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-body .placeholder {
    float: left;
  }
}
.help-me-find .tab-dropdown .dropdown-body .placeholder::after {
  content: " ";
  width: 60px;
  height: 60px;
  background-color: #3f1482;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  position: absolute;
  top: 38px;
  right: 0;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-body .placeholder::after {
    top: 0;
  }
}
[dir=rtl] .help-me-find .tab-dropdown .dropdown-body .placeholder::after {
  left: 0;
  right: unset;
}
.help-me-find .tab-dropdown .dropdown-body.open .placeholder::after {
  transform: rotate(180deg);
}
.help-me-find .tab-dropdown .dropdown-list {
  margin-top: 20px;
  position: absolute;
  right: 0;
  width: 100%;
  background-color: white;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-list {
    margin-top: 3px;
    width: calc(100% - 209px);
    position: absolute;
    top: 76px;
  }
}
[dir=rtl] .help-me-find .tab-dropdown .dropdown-list {
  left: 0;
  right: unset;
}
.help-me-find .tab-dropdown .dropdown-list.is-shown {
  opacity: 1;
  visibility: visible;
}
.help-me-find .tab-dropdown .dropdown-list option {
  background-color: transparent;
  border-top-width: 0;
  border: 1px solid rgba(204, 204, 204, 0.5);
  cursor: pointer;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 15px;
  text-align: start;
  width: 100%;
}
.help-me-find .tab-dropdown .dropdown-list option:first-child {
  border-top-width: 1px;
}
.help-me-find .tab-dropdown .dropdown-list option:first-child::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.5);
  border-left: 7px solid transparent;
  top: -13px;
  right: 19px;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-list option:first-child::before {
    border-width: 10px;
    top: -19px;
  }
}
[dir=rtl] .help-me-find .tab-dropdown .dropdown-list option:first-child::before {
  left: 19px;
  right: unset;
}
.help-me-find .tab-dropdown .dropdown-list option:first-child::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  top: -11px;
  right: 20px;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .dropdown-list option:first-child::after {
    border-width: 9px;
    top: -17px;
  }
}
[dir=rtl] .help-me-find .tab-dropdown .dropdown-list option:first-child::after {
  left: 20px;
  right: unset;
}
.help-me-find .tab-dropdown .dropdown-list option:first-child:hover::after, .help-me-find .tab-dropdown .dropdown-list option:first-child:active::after, .help-me-find .tab-dropdown .dropdown-list option:first-child:focus::after {
  border-bottom-color: #efefef;
}
.help-me-find .tab-dropdown .dropdown-list option:hover, .help-me-find .tab-dropdown .dropdown-list option:active, .help-me-find .tab-dropdown .dropdown-list option:focus {
  background-color: #efefef;
  color: #3f1482;
}
@media only screen and (min-width: 64em) {
  .help-me-find .tab-dropdown .tab-body-content {
    flex: 1 1 100%;
  }
}

.help-me-find-variant .l-padding, .help-me-find-variant .hearing-quiz .disclaimer, .hearing-quiz .help-me-find-variant .disclaimer {
  padding: 0 36px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .help-me-find-variant .dropdown-header {
    display: inline-block;
    height: 195px;
    padding-block: 17px;
    padding-inline: 30px 40px;
    vertical-align: top;
    white-space: pre-wrap;
    width: 210px;
  }
}
.help-me-find-variant ul.dropdown-body {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .help-me-find-variant ul.dropdown-body {
    display: inline-block;
    height: 195px;
    width: calc(100% - 210px);
  }
}
.help-me-find-variant ul.dropdown-body li {
  background-color: #fff;
  color: #56565a;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-top: 0;
  width: 100%;
}
.help-me-find-variant ul.dropdown-body li:not(:last-child) {
  border-bottom: 1px solid grey;
}
.help-me-find-variant ul.dropdown-body li .dropdown-list-button {
  background-color: #fff;
  border: none;
  padding: 10px 20px;
  position: relative;
  text-align: start;
  text-decoration: none;
  width: 100%;
}
.help-me-find-variant ul.dropdown-body li .dropdown-list-button.lto3selected, .help-me-find-variant ul.dropdown-body li .dropdown-list-button:hover {
  color: #3f1482;
}
.help-me-find-variant ul.dropdown-body li .dropdown-list-button.lto3selected span, .help-me-find-variant ul.dropdown-body li .dropdown-list-button:hover span {
  border-bottom: 2px solid #fdc82f;
}
.help-me-find-variant ul.dropdown-body li .dropdown-icon {
  background-color: #3f1482;
  flex: 0 0 48px;
}
.help-me-find-variant ul.dropdown-body li .dropdown-icon::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' transform='rotate(-90)'%3E%3Cpath stroke='%23fff' d='m17 10-5 5-5-5' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
[dir=rtl] .help-me-find-variant ul.dropdown-body li .dropdown-icon::after {
  transform: rotate(180deg);
}
.help-me-find-variant ul.dropdown-body li .dropdown-icon.active::after {
  transform: rotate(90deg);
}
.help-me-find-variant .react-tabs {
  margin-top: 80px;
  background-color: white;
}
.help-me-find-variant .lto3tabs {
  display: none;
}
.help-me-find-variant .lto3tabs .react-tabs__tab-panel {
  border-top: 3px solid #fdc82f;
}
.help-me-find-variant .lto3tabs h3 {
  font-weight: 600;
  color: #56565a;
  font-size: 28px;
  line-height: 32px;
}
.help-me-find-variant .lto3tabs .tab-body-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  vertical-align: bottom;
  align-content: center;
}
.help-me-find-variant .lto3tabs.active {
  display: block;
}
.help-me-find-variant .react-tabs__tab-list {
  padding: 0;
  list-style: none;
  display: flex;
  border-bottom: 1px solid #efefef;
}
.help-me-find-variant .react-tabs__tab {
  flex: 1 1 100%;
  margin: 0;
  width: 100%;
  border: initial;
  background-color: white;
  padding: 10px 16px 15px;
  font-size: 16px;
}
.help-me-find-variant .react-tabs__tab--selected {
  padding-bottom: 10px;
  border-bottom: 5px solid #3f1482;
}
.help-me-find-variant .react-tabs__tab-panel--selected {
  padding: 20px;
}
@media only screen and (min-width: 64em) {
  .help-me-find-variant .react-tabs {
    margin-top: 10px;
  }
  .help-me-find-variant .react-tabs__tab-list {
    border-bottom: initial;
  }
  .help-me-find-variant .react-tabs__tab {
    background-color: #f6f6f6;
    padding: 15px 40px;
    border-bottom: 1px solid #efefef;
    color: #3f1482;
    text-align: left;
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    position: relative;
  }
  .help-me-find-variant .react-tabs__tab::before {
    content: "";
    transition: height 0.3s;
    background-color: #fdc82f;
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .help-me-find-variant .react-tabs__tab:not(.react-tabs__tab--selected):hover {
    cursor: pointer;
    background-color: #efefef;
  }
  .help-me-find-variant .react-tabs__tab:not(.react-tabs__tab--selected):focus {
    background-color: #efefef;
  }
  .help-me-find-variant .react-tabs__tab:not(.react-tabs__tab--selected):active {
    background-color: #d6d6d6;
  }
  .help-me-find-variant .react-tabs__tab--selected {
    background-color: white;
    border-color: transparent;
  }
  .help-me-find-variant .react-tabs__tab--selected::before {
    height: 5px;
  }
  .help-me-find-variant .react-tabs__tab-panel {
    display: flex;
  }
  .help-me-find-variant .react-tabs__tab-panel--selected {
    padding: 40px;
  }
}

.product-color-switcher {
  overflow: hidden;
}
.product-color-switcher .l-padding, .product-color-switcher .hearing-quiz .disclaimer, .hearing-quiz .product-color-switcher .disclaimer {
  min-height: 500px;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 64em) {
  .product-color-switcher .l-padding, .product-color-switcher .hearing-quiz .disclaimer, .hearing-quiz .product-color-switcher .disclaimer {
    flex-direction: row;
  }
}
.product-color-switcher .content-container {
  margin: 30px 0 0;
}
@media only screen and (min-width: 64em) {
  .product-color-switcher .content-container {
    margin: 60px 0 0 0;
    padding-right: 60px;
    width: 50%;
  }
}
.product-color-switcher .product-tabs {
  margin-top: 30px;
}
.product-color-switcher .product-tabs p {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.product-color-switcher .product-tabs .product-info {
  align-items: center;
  border-top: 2px solid lightgrey;
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}
.product-color-switcher .product-tabs .product-info p {
  width: 30%;
}
.product-color-switcher .product-tabs .product-info .product-options {
  width: 70%;
  display: flex;
}
.product-color-switcher .product-tabs .product-info .product-options .product-option {
  text-align: center;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  position: relative;
  width: 100%;
  font-size: 16px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #56565a;
  background-color: transparent;
  border: 0;
}
.product-color-switcher .product-tabs .product-info .product-options .product-option:before {
  content: "";
  transition: height 0.3s;
  height: 0;
  width: 100%;
  position: absolute;
  background-color: #3f1482;
  bottom: 0;
  top: auto;
}
.product-color-switcher .product-tabs .product-info .product-options .product-option:focus, .product-color-switcher .product-tabs .product-info .product-options .product-option:hover {
  background-color: #f6f6f6;
}
.product-color-switcher .product-tabs .product-info .product-options .product-option.is-selected {
  color: #3f1482;
}
.product-color-switcher .product-tabs .product-info .product-options .product-option.is-selected:before {
  height: 5px;
}
.product-color-switcher .product-config {
  min-height: 80px;
  align-items: center;
  display: flex;
  border-left: 0;
  border-right: 0;
  justify-content: space-between;
}
@media only screen and (min-width: 64em) {
  .product-color-switcher .product-config {
    border-top: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
  }
}
.product-color-switcher .product-config ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.product-color-switcher .product-config ul li {
  margin-top: 0;
}
.product-color-switcher .product-config ul li .colour-option {
  background: none;
  border: 0;
  width: 50px;
  height: 80px;
  position: relative;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.product-color-switcher .product-config ul li .colour-option:after {
  content: "";
  transition: height 0.3s;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #3f1482;
}
.product-color-switcher .product-config ul li .colour-option:focus, .product-color-switcher .product-config ul li .colour-option:hover {
  background-color: #f6f6f6;
}
.product-color-switcher .product-config ul li .colour-option .color-circle-container {
  pointer-events: none;
  z-index: 1;
  width: 31px;
  height: 31px;
  padding: 1px;
  background-color: grey;
  border-radius: 50%;
}
.product-color-switcher .product-config ul li .colour-option .color-circle-container .circle-outline {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.product-color-switcher .product-config ul li .colour-option .color-circle-container .circle-outline .circle-color {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.product-color-switcher .product-config ul li .colour-option .color-circle-container .circle-outline .circle-color:first-child {
  z-index: 1;
}
.product-color-switcher .product-config ul li .colour-option .color-circle-container .circle-outline .circle-color:nth-child(2) {
  left: 50%;
  z-index: 2;
}
.product-color-switcher .product-config ul li .is-selected:after {
  height: 5px;
}
.product-color-switcher .image-container {
  padding: 50px 0;
  position: relative;
  min-height: 320px;
}
@media only screen and (min-width: 64em) {
  .product-color-switcher .image-container {
    padding-left: 50px;
    min-height: 450px;
    width: 50%;
  }
}
.product-color-switcher .image-container img {
  z-index: 1;
  max-width: 320px;
  max-height: 320px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
@media only screen and (min-width: 64em) {
  .product-color-switcher .image-container img {
    max-width: 450px;
    max-height: 450px;
    width: calc(100% - 100px);
  }
}
.product-color-switcher .image-container img.is-active {
  opacity: 1;
}
.product-color-switcher .image-container:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100vw;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-color: #f6f6f6;
  z-index: -1;
}
@media only screen and (min-width: 64em) {
  .product-color-switcher .image-container:after {
    left: 0;
    transform: none;
  }
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .product-color-switcher .content-container {
    padding-left: 60px;
    padding-right: 0px;
  }
}
div#root > div[dir=rtl] .product-color-switcher .image-container::after {
  right: 0;
  left: auto; /*replaced*/
}

.volunteer-header {
  width: 100%;
  padding-top: 50px;
  margin: 0 auto 40px auto;
  position: relative;
  z-index: 1;
  text-align: center;
}
.volunteer-header:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 130px;
  width: 100%;
  background-color: #fdc82f;
}
.volunteer-header .image-container {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 130px;
  overflow: hidden;
  position: relative;
}
.volunteer-header .image-container img {
  width: 300px;
  height: auto;
  margin-left: -50%;
}
.volunteer-header h1 {
  margin: 20px 0 5px 0;
}
.volunteer-header p {
  margin: 5px 0 25px 0;
}

.volunteer-page .cm-rich-text .cta-button {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  padding: 15px 27px;
  font-weight: 900;
}
@media screen and (min-width: 64em) {
  .volunteer-page .cm-rich-text .cta-button {
    width: auto;
  }
}
.volunteer-page .cm-rich-text .cta-button:after {
  margin: -4px 0 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  transition-duration: 0.15s;
}
.volunteer-page .cm-rich-text .cta-button:hover:after {
  left: 10px;
}
@media screen and (min-width: 64em) {
  .volunteer-page .cm-rich-text .cta-button + .cta-button {
    margin-left: 20px;
  }
}
.volunteer-page .cm-rich-text h2,
.volunteer-page .cm-rich-text h3 {
  font-size: 22px;
  line-height: 28px;
}

div#root > div[dir=rtl] .volunteer-header .image-container img {
  margin-right: -50%;
  margin-left: 0;
}
div#root > div[dir=rtl].volunteer-page .cm-rich-text .cta-button + .cta-button {
  margin-left: 0px;
  margin-right: 20px;
}
div#root > div[dir=rtl].volunteer-page .cm-rich-text .cta-button:hover::after {
  left: -10px;
}
div#root > div[dir=rtl].volunteer-page .cm-rich-text .cta-button::after {
  left: -5px;
}

.direct-download {
  margin: 0 0 35px 0;
  padding: 30px 40px;
  background-color: #efefef;
  border-left: solid #fdc82f 5px;
}
.direct-download h3 {
  border-bottom: 0;
  padding-top: 0;
  margin-bottom: 30px;
}
.direct-download .cta-button {
  text-align: center;
  width: 100%;
  padding: 15px 27px;
  font-weight: 900;
}
@media screen and (min-width: 64em) {
  .direct-download .cta-button {
    width: auto;
  }
}
.direct-download .cta-button:after {
  margin: -4px 0 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  transition-duration: 0.15s;
}
.direct-download .cta-button:hover:after {
  left: 10px;
}
.direct-download .download-box {
  background: #ffffff;
  padding: 25px 0 25px 73px;
  position: relative;
  margin-bottom: 30px;
}
.direct-download .download-box p {
  margin: 0;
}
.direct-download .download-box .title {
  font-weight: bold;
}
.direct-download .download-box:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2228px%22 viewBox=%220 0 24 28%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/PDF%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/PDF%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolygon id=%22Stroke-1%22 points=%2221 26 3 26 3 2 15.3157895 2 21 8.26086957%22 stroke=%22%23FDC82F%22/%3E%3Cpolyline id=%22Stroke-3%22 points=%2214 3 14 9 20 9%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 25px;
  height: 29px;
  position: absolute;
  top: calc(50% - 21.5px);
  left: 27px;
  background-size: 100% 100%;
}

div#root > div[dir=rtl] .direct-download {
  border-right: solid #fdc82f 5px;
  border-left: none;
}
div#root > div[dir=rtl] .direct-download .download-box {
  padding: 25px 73px 25px 0;
}
div#root > div[dir=rtl] .direct-download .download-box::before {
  left: auto; /*replaced*/
  right: 27px;
}
div#root > div[dir=rtl] .direct-download .cta-button:hover::after, div#root > div[dir=rtl] .direct-download .cta-button:active::after, div#root > div[dir=rtl] .direct-download .cta-button:focus::after {
  right: 16px;
  left: auto; /*replaced*/
}
div#root > div[dir=rtl] .direct-download .cta-button::after {
  right: 5px;
  left: auto; /*replaced*/
}

.contact-us-page .is-50-split {
  margin: 0 -20px 0 -20px;
}
@media only screen and (min-width: 64em) {
  .contact-us-page .is-50-split {
    margin: 60px auto 40px auto;
  }
}
@media only screen and (min-width: 64em) {
  .contact-us-page .sl .sl-item .callout-card {
    margin-left: 80px;
  }
}
.contact-us-page .sl .sl-item .callout-card .content-container {
  width: 85%;
}

.contact-us-dropdown {
  margin: 0;
  padding: 30px 40px;
}
.contact-us-dropdown h4 {
  margin-top: 20px;
}
.contact-us-dropdown .phone,
.contact-us-dropdown .email {
  font-size: 16px;
  padding-left: 35px;
  margin-bottom: 0;
}
.contact-us-dropdown .phone .phoneOption,
.contact-us-dropdown .email .phoneOption {
  font-size: 14px;
  margin-left: 5px;
  line-height: 16px;
}
.contact-us-dropdown .phone {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Phone%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Phone%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M9.35093754%2C7.82040426 C10.1709357%2C6.99947021 10.1709357%2C5.66761152 9.35093754%2C4.84667747 L7.12003346%2C2.61570054 C6.29912622%2C1.79476649 4.96731103%2C1.79476649 4.1454947%2C2.61570054 L2.92367926%2C3.83937411 C1.86186347%2C4.90122458 1.69731839%2C6.55582035 2.52458925%2C7.8076766 C6.07821762%2C13.1805673 10.8191161%2C17.9216205 16.1918312%2C21.4762741 C17.4418284%2C22.3026628 19.1027338%2C22.1372032 20.1609132%2C21.0780801 L21.3836377%2C19.8544066 C22.2054541%2C19.0334725 22.2054541%2C17.7016138 21.3836377%2C16.8815889 L19.1536428%2C14.6515211 C18.3336446%2C13.8287688 17.0018294%2C13.8287688 16.1800131%2C14.6515211 L15.4363784%2C15.3942709 C12.9909294%2C13.3905736 10.6109347%2C11.0095921 8.60730285%2C8.56315412 L9.35093754%2C7.82040426 Z%22 id=%22Page-1%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat left;
}
.contact-us-dropdown .email {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Mail%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Mail%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M23%2C18.5 C23%2C19.328 22.296%2C20 21.4285714%2C20 L2.57142857%2C20 C1.704%2C20 1%2C19.328 1%2C18.5 L1%2C7.5 C1%2C6.671 1.704%2C6 2.57142857%2C6 L21.4285714%2C6 C22.296%2C6 23%2C6.671 23%2C7.5 L23%2C18.5 Z%22 id=%22Stroke-1%22 stroke=%22%23FDC82F%22/%3E%3Cpolyline id=%22Stroke-3%22 points=%2222 7 12 15 2 7%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat left;
}
.contact-us-dropdown .cta-button {
  color: #ffffff;
  margin-top: 20px;
}

div#root > div[dir=rtl] .form-dropdown-box {
  border-right: 5px solid #fdc82f;
  border-left: none;
}
div#root > div[dir=rtl] .form-dropdown-box .phone,
div#root > div[dir=rtl] .form-dropdown-box .email {
  padding-right: 35px;
  padding-left: initial;
}
div#root > div[dir=rtl] .form-dropdown-box .phone .phoneOption,
div#root > div[dir=rtl] .form-dropdown-box .email .phoneOption {
  margin-right: 5px;
  margin-left: initial;
}
div#root > div[dir=rtl] .form-dropdown-box .phone {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Phone%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Phone%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M9.35093754%2C7.82040426 C10.1709357%2C6.99947021 10.1709357%2C5.66761152 9.35093754%2C4.84667747 L7.12003346%2C2.61570054 C6.29912622%2C1.79476649 4.96731103%2C1.79476649 4.1454947%2C2.61570054 L2.92367926%2C3.83937411 C1.86186347%2C4.90122458 1.69731839%2C6.55582035 2.52458925%2C7.8076766 C6.07821762%2C13.1805673 10.8191161%2C17.9216205 16.1918312%2C21.4762741 C17.4418284%2C22.3026628 19.1027338%2C22.1372032 20.1609132%2C21.0780801 L21.3836377%2C19.8544066 C22.2054541%2C19.0334725 22.2054541%2C17.7016138 21.3836377%2C16.8815889 L19.1536428%2C14.6515211 C18.3336446%2C13.8287688 17.0018294%2C13.8287688 16.1800131%2C14.6515211 L15.4363784%2C15.3942709 C12.9909294%2C13.3905736 10.6109347%2C11.0095921 8.60730285%2C8.56315412 L9.35093754%2C7.82040426 Z%22 id=%22Page-1%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right;
}
div#root > div[dir=rtl] .form-dropdown-box .email {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Mail%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Mail%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M23%2C18.5 C23%2C19.328 22.296%2C20 21.4285714%2C20 L2.57142857%2C20 C1.704%2C20 1%2C19.328 1%2C18.5 L1%2C7.5 C1%2C6.671 1.704%2C6 2.57142857%2C6 L21.4285714%2C6 C22.296%2C6 23%2C6.671 23%2C7.5 L23%2C18.5 Z%22 id=%22Stroke-1%22 stroke=%22%23FDC82F%22/%3E%3Cpolyline id=%22Stroke-3%22 points=%2222 7 12 15 2 7%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right;
}
div#root > div[dir=rtl] .form-dropdown-box a {
  unicode-bidi: plaintext;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl].contact-us-page .sl .sl-item .callout-card {
    margin-right: 80px;
    margin-left: 0px;
  }
}

.clinic-finder-mini {
  margin: 0 auto 20px auto;
  padding: 20px;
  position: relative;
  background-color: #efefef;
}
@media only screen and (min-width: 64em) {
  .clinic-finder-mini {
    border-radius: 0 0 40px 0;
    padding: 40px 70px 40px 40px;
  }
  .clinic-finder-mini::before {
    content: "";
    position: absolute;
    width: 999%;
    height: 100%;
    left: -999%;
    background-color: #efefef;
    z-index: -1;
    margin-top: -40px;
  }
}
.clinic-finder-mini .clinics {
  position: relative;
}
.clinic-finder-mini .clinics ul,
.clinic-finder-mini .clinics li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clinic-finder-mini .clinics ul {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .clinic-finder-mini .clinics ul {
    min-height: 450px;
    margin: 40px 0;
  }
}
.clinic-finder-mini .clinics li {
  border-top: 1px solid #cccccc;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.clinic-finder-mini .clinics li:first-child {
  border-top: 0;
}
.clinic-finder-mini .clinics li:before {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  right: 13px;
  background-size: 100% 100%;
}
.clinic-finder-mini .clinics li a {
  display: flex;
  text-decoration: none;
  background-color: #ffffff;
}
.clinic-finder-mini .clinics li a .clinic-image {
  width: 150px;
  height: 150px;
  position: relative;
  display: none;
  overflow: hidden;
}
@media only screen and (min-width: 64em) {
  .clinic-finder-mini .clinics li a .clinic-image {
    display: block;
    position: absolute;
  }
}
.clinic-finder-mini .clinics li a .clinic-image:before {
  content: "";
  width: 35px;
  height: 42px;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width=%2232px%22 height=%2239px%22 viewBox=%220 0 32 39%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3C%21-- Generator: Sketch 49 %2851002%29 - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EPin%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d=%22M24.2226972%2C12.7840496 C24.2226972%2C22.2018634 12.1122589%2C30.949707 12.1122589%2C30.949707 C12.1122589%2C30.949707 0%2C22.2018634 0%2C12.7840496 C0%2C5.72387523 5.05026396%2C0 12.1122589%2C0 C19.1706126%2C0 24.2226972%2C5.72387523 24.2226972%2C12.7840496 Z%22 id=%22path-1%22 fill=%22%233F1482%22/%3E%3Cfilter x=%22-33.0%25%22 y=%22-12.9%25%22 width=%22166.1%25%22 height=%22151.7%25%22 filterUnits=%22objectBoundingBox%22 id=%22filter-2%22%3E%3CfeOffset dx=%220%22 dy=%224%22 in=%22SourceAlpha%22 result=%22shadowOffsetOuter1%22/%3E%3CfeGaussianBlur stdDeviation=%222%22 in=%22shadowOffsetOuter1%22 result=%22shadowBlurOuter1%22/%3E%3CfeColorMatrix values=%220 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.226675725 0%22 type=%22matrix%22 in=%22shadowBlurOuter1%22/%3E%3C/filter%3E%3C/defs%3E%3Cg id=%22Desktop%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22D-Cochlear-Clinic-Finder-Listing-2%22 transform=%22translate%28-921.000000%2C -894.000000%29%22%3E%3Cg id=%22Find-a-clinic---default%22 transform=%22translate%28-1.000000%2C 200.000000%29%22%3E%3Cg id=%22Find-a-clinic-module%22 transform=%22translate%28133.000000%2C 310.000000%29%22%3E%3Cg id=%22Map%22 transform=%22translate%28398.000000%2C 0.000000%29%22%3E%3Cg id=%22Pin%22 transform=%22translate%28395.000000%2C 384.000000%29%22%3E%3Cg id=%22Stroke-1%22%3E%3Cuse fill=%22black%22 fill-opacity=%221%22 filter=%22url%28%23filter-2%29%22 xlink:href=%22%23path-1%22/%3E%3Cuse fill=%22%233F1482%22 fill-rule=%22evenodd%22 xlink:href=%22%23path-1%22/%3E%3C/g%3E%3Cpath d=%22M17.5%2C12.5 C17.5%2C15.2614286 15.2614286%2C17.5 12.5%2C17.5 C9.73714286%2C17.5 7.5%2C15.2614286 7.5%2C12.5 C7.5%2C9.73857143 9.73714286%2C7.5 12.5%2C7.5 C15.2614286%2C7.5 17.5%2C9.73857143 17.5%2C12.5 Z%22 id=%22Stroke-3%22 stroke=%22%23FFFFFE%22 fill=%22%23FFFFFE%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  display: block;
}
.clinic-finder-mini .clinics li a .clinic-image img {
  width: 200px;
}
.clinic-finder-mini .clinics li a .clinic-details {
  padding: 15px 40px 15px 15px;
  border-left: 5px solid transparent;
}
@media only screen and (min-width: 64em) {
  .clinic-finder-mini .clinics li a .clinic-details {
    margin-left: 150px;
    height: 150px;
  }
}
.clinic-finder-mini .clinics li a .clinic-details .clinic-details__title {
  font-size: 22px;
  line-height: 1.27;
}
.clinic-finder-mini .clinics li a .clinic-details .clinic-details__description {
  font-weight: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: rgba(86, 86, 90, 0.7);
}
.clinic-finder-mini .clinics li a .clinic-details .clinic-details__contact {
  font-size: 18px;
  position: relative;
  padding-left: 30px;
}
.clinic-finder-mini .clinics li a .clinic-details .clinic-details__contact p {
  line-height: 1.25;
}
.clinic-finder-mini .clinics li a .clinic-details .clinic-details__contact:before {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Location%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Location%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M20%2C10.2611765 C20%2C16.3470588 12.0006013%2C22 12.0006013%2C22 C12.0006013%2C22 4%2C16.3470588 4%2C10.2611765 C4%2C5.69882353 7.33588876%2C2 12.0006013%2C2 C16.6629087%2C2 20%2C5.69882353 20%2C10.2611765 Z%22 id=%22Stroke-1%22 stroke=%22%23FDC82F%22/%3E%3Cpath d=%22M15%2C10 C15%2C11.6568571 13.6568571%2C13 12%2C13 C10.3422857%2C13 9%2C11.6568571 9%2C10 C9%2C8.34314286 10.3422857%2C7 12%2C7 C13.6568571%2C7 15%2C8.34314286 15%2C10 Z%22 id=%22Stroke-3%22 stroke=%22%23FDC82F%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
}
.clinic-finder-mini .clinics li a:hover .clinic-details {
  border-left-color: #fdc82f;
}
.clinic-finder-mini .clinics .cta-button {
  text-align: center;
  width: 100%;
  padding: 15px 27px;
  font-weight: 900;
}
@media screen and (min-width: 64em) {
  .clinic-finder-mini .clinics .cta-button {
    width: auto;
  }
}
.clinic-finder-mini .clinics .cta-button:after {
  margin: -4px 0 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  transition-duration: 0.15s;
}
.clinic-finder-mini .clinics .cta-button:hover:after {
  left: 10px;
}
.clinic-finder-mini .clinics .secondary, .clinic-finder-mini .clinics .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .clinic-finder-mini .clinics .cta-button + .cta-button, .clinic-finder-mini .clinics .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .clinic-finder-mini .clinics .cta-button + .cta-button {
  background-color: transparent;
  margin-top: 20px;
}
@media only screen and (min-width: 64em) {
  .clinic-finder-mini .clinics .secondary, .clinic-finder-mini .clinics .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .clinic-finder-mini .clinics .cta-button + .cta-button, .clinic-finder-mini .clinics .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .clinic-finder-mini .clinics .cta-button + .cta-button {
    margin-top: 0;
  }
}
.clinic-finder-mini .clinics .secondary:hover, .clinic-finder-mini .clinics .volunteer-buttons .btn-panel .cta-button + .cta-button:hover, .volunteer-buttons .btn-panel .clinic-finder-mini .clinics .cta-button + .cta-button:hover, .clinic-finder-mini .clinics .volunteer-page .cm-rich-text .cta-button + .cta-button:hover, .volunteer-page .cm-rich-text .clinic-finder-mini .clinics .cta-button + .cta-button:hover {
  background-color: #3f1482;
}
.clinic-finder-mini .clinics .tertiary {
  color: #3f1482;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
}
@media only screen and (min-width: 64em) {
  .clinic-finder-mini .clinics .tertiary {
    margin-right: 20px;
  }
}
.clinic-finder-mini .clinics .tertiary:after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.clinic-finder-mini .clinics.loading {
  display: block;
  height: 450px;
}
.clinic-finder-mini .clinics.loading::after {
  animation: spinner 1.2s linear infinite;
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 5px solid #cccccc;
  border-color: #cccccc transparent #cccccc transparent;
}
.clinic-finder-mini .no-clinics {
  margin: 40px 0 40px 0;
}

@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .clinic-finder-mini {
    border-radius: 0 0 0 40px;
  }
  div#root > div[dir=rtl] .clinic-finder-mini::before {
    right: -999%;
    left: auto; /*replaced*/
  }
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics .cta-button {
  padding-left: 27px;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics .cta-button:hover::after {
  left: -10px;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics .cta-button::after {
  left: -5px;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics li::before {
  transform: rotate(90deg);
  right: auto; /*replaced*/
  left: 13px;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics li a .clinic-details {
  padding: 15px 15px 15px 40px;
  border-right: 5px solid transparent;
  border-left: none;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics li a .clinic-details:hover {
  border-right-color: #fdc82f;
  border-left: none;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics li a .clinic-details .clinic-details__contact {
  padding-left: 0px;
  padding-right: 30px;
}
div#root > div[dir=rtl] .clinic-finder-mini .clinics li a .clinic-details .clinic-details__contact::before {
  left: auto; /*replaced*/
  right: 0;
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .clinic-finder-mini .clinics li a .clinic-details {
    margin-right: 150px;
    margin-left: 0;
  }
}

.faq .l-content-column {
  min-height: auto;
  margin-top: 30px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 64em) {
  .faq .l-content-column {
    padding: 0;
    margin-top: 0;
  }
}
.faq .spinner {
  display: block;
  height: 250px;
}
.faq .spinner:before {
  animation: spinner 1.2s linear infinite;
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 5px solid #cccccc;
  border-color: #cccccc transparent #cccccc transparent;
}
.faq .faq-search {
  background-color: #1e1e1e;
  border-radius: 0 0 40px 0;
  padding: 45px 0 45px 0;
  text-align: center;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 64em) {
  .faq .faq-search {
    padding: 80px 0 45px 0;
  }
}
.faq .faq-search__submit {
  background: #1e1e1e url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Search%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg id=%22Icon/Search%22 stroke=%22white%22 stroke-width=%222%22%3E%3Ccircle id=%22Oval%22 cx=%2210%22 cy=%2210%22 r=%227%22 stroke=%22%23FFFFFF%22/%3E%3Cpath d=%22M16%2C16 L21.0764732%2C21.0764732%22 id=%22Line-2%22 stroke-linecap=%22round%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  border: 0;
  text-indent: -999em;
  width: 25px;
  height: 25px;
  padding: 0;
  position: relative;
  top: 5px;
  left: -5px;
}
@media only screen and (min-width: 48em) {
  .faq .faq-search__submit {
    width: 30px;
    height: 30px;
    top: 1px;
    left: -10px;
  }
}
.faq .faq-search__form {
  position: relative;
}
.faq .faq-search__text,
.faq .underline {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  background-color: #1e1e1e;
  color: #ffffff;
  border: 0;
  text-align: left;
  padding: 1px 30px 1px 0;
  border-bottom: 1px solid;
  outline: none;
  width: calc(100% - 30px);
  box-sizing: border-box;
  line-height: 1.5;
}
@media only screen and (min-width: 48em) {
  .faq .faq-search__text,
  .faq .underline {
    font-size: 48px;
    width: calc(100% - 50px);
  }
}
.faq .underline {
  position: absolute;
  bottom: -3px;
  color: transparent;
  background-color: #fdc82f;
  height: 7px;
  overflow: hidden;
  width: auto;
  background-clip: content-box;
  max-width: calc(100% - 30px);
}
@media only screen and (min-width: 48em) {
  .faq .underline {
    max-width: calc(100% - 50px);
  }
}
.faq .faq-search__close {
  background: #1e1e1e url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Close%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Close%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpath d=%22M22%2C2 L2%2C22%22 id=%22Stroke-1%22 stroke=%22%23FFFFFF%22/%3E%3Cpath d=%22M22%2C22 L2%2C2%22 id=%22Stroke-3%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  border: 0;
  text-indent: -999em;
  width: 20px;
  height: 20px;
  margin-left: -20px;
}
.faq .faq-article__header {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
  margin: 40px 0 20px 0;
}
@media only screen and (min-width: 48em) {
  .faq .faq-article__header {
    flex-direction: row;
  }
}
@media only screen and (min-width: 64em) {
  .faq .faq-article__header {
    margin-top: 0;
  }
}
.faq .faq-article__header button {
  color: #3f1482;
  background-color: transparent;
  border: 0;
  padding: 0;
  text-decoration: none;
  text-align: left;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.faq .faq-article__header button:before {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
  transform: rotate(90deg);
  height: 24px;
  width: 24px;
  display: inline-block;
  position: relative;
  top: 6px;
  right: 6px;
}
.faq .faq-article__header p {
  margin-top: 0;
  font-size: 16px;
}
.faq .faq-article__content {
  border-top: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6;
  padding: 50px 0 20px 0;
}
.faq .faq-article__content ul,
.faq .faq-article__content li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.faq .faq-article__content li {
  margin-top: 20px;
}
.faq .faq-article__content li h5 {
  margin: 0;
}
.faq .faq-article__content li button {
  background: transparent;
  border: 0;
  font-size: 15px;
  padding: 0;
  text-decoration: underline;
}
.faq .faq-article__content li button:hover {
  color: #3f1482;
}
.faq .faq-article__feedback {
  margin: 20px 0 80px 0;
}
.faq .faq-article__feedback h4 {
  font-size: 28px;
  line-height: 32px;
}
.faq .faq-article__feedback p {
  margin: 20px 0 40px 0;
}
.faq .faq-article__feedback button {
  margin-right: 20px;
}
.faq .faq-search__quick-links h3 {
  border-bottom: 5px solid #fdc82f;
  padding-bottom: 10px;
}
.faq .faq-search__quick-links ul,
.faq .faq-search__quick-links li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.faq .faq-search__quick-links li {
  margin-bottom: 20px;
}
.faq .faq-search__quick-links button {
  color: #3f1482;
  background-color: transparent;
  outline: 10px solid #ffffff;
  border: 0;
  border-spacing: auto; /*replaced*/
  padding: 0;
  text-decoration: none;
  text-align: left;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  width: 100%;
  transition-property: none;
}
.faq .faq-search__quick-links button .date {
  display: block;
  color: #56565a;
  font-size: 16px;
  margin-top: 5px;
}
.faq .faq-search__quick-links button:hover, .faq .faq-search__quick-links button:focus {
  background-color: #f6f6f6;
  outline-color: #f6f6f6;
}
.faq .faq-search__quick-links button:hover .title, .faq .faq-search__quick-links button:focus .title {
  text-decoration: underline;
}
.faq .faq-search__quick-links button:hover .date, .faq .faq-search__quick-links button:focus .date {
  text-decoration: none;
}
.faq .faq-search__predictive {
  margin-top: 20px;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.15);
}
.faq .faq-search__predictive li {
  margin-bottom: 0;
  position: relative;
}
.faq .faq-search__predictive li:first-child:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid transparent;
  top: -19px;
  left: 10px;
}
.faq .faq-search__predictive button {
  padding: 15px;
  outline: 0;
  border-bottom: 1px solid #f6f6f6;
  color: #56565a;
  font-weight: 300;
}
.faq .faq-search__predictive button:hover, .faq .faq-search__predictive button:focus {
  color: #3f1482;
  text-decoration: none;
}

div#root > div[dir=rtl] .faq .faq-article__header button::after {
  content: " ";
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
  transform: rotate(90deg);
  height: 24px;
  width: 24px;
  display: inline-block;
  position: relative;
  top: 6px;
  right: 6px;
}
div#root > div[dir=rtl] .faq .faq-article__header button::before {
  content: none;
}
div#root > div[dir=rtl] .faq .faq-search__text {
  text-align: right;
}
div#root > div[dir=rtl] .faq .faq-search__quick-links button {
  text-align: right;
}

main > header.simple-header.logo-header {
  border-top: 5px solid #fdc82f;
  padding: 0;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 100;
}
main > header.simple-header.logo-header .logo {
  float: none;
  height: auto;
  margin: 0 auto;
  padding: 15px 0 5px 0;
  display: block;
  text-align: center;
}
main > header.simple-header.logo-header .logo.pc-show {
  display: none;
  margin: 0;
}
main > header.simple-header.logo-header .logo.mb-show {
  display: block;
}
main > header.simple-header.logo-header .logo img {
  width: auto;
  height: 21px;
}
@media only screen and (min-width: 64em) {
  main > header.simple-header.logo-header .logo {
    height: 115px;
    text-align: left;
  }
  main > header.simple-header.logo-header .logo.pc-show {
    display: block;
  }
  main > header.simple-header.logo-header .logo.mb-show {
    display: none;
  }
  main > header.simple-header.logo-header .logo img {
    width: auto;
    height: 80px;
  }
}

.professionals-page main > header.simple-header.logo-header {
  border-top: 5px solid #3f1482;
}

div#root > div[dir=rtl] .simple-header .logo.pc-show {
  text-align: right;
}

body > img {
  display: none;
}

.main--not-authorized {
  min-height: calc(100vh - (3.25rem + 5px));
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.main--not-authorized ~ * {
  display: none;
}
@media only screen and (min-width: 64em) {
  .main--not-authorized {
    min-height: 0;
  }
}

header .navbar {
  border-top: 5px solid #f1be48;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
header .navbar-brand {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
  width: 100%;
}
header .navbar-brand > a {
  width: 90px;
  margin: 0 auto;
  padding: 0;
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 64em) {
  header .navbar-brand > a {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
  }
}
header .navbar-brand > a img {
  height: auto;
  max-width: 100%;
  position: relative;
  right: -10px;
  display: block;
  width: 100%;
  max-height: none;
}

.error-message--authorizer {
  width: 100%;
  min-height: 100%;
  position: absolute;
  padding: calc(2rem + 3.25rem) 1rem 2.5rem;
  display: flex;
  flex-flow: column nowrap;
}
.error-message--authorizer .sdw__button {
  min-width: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  border-radius: 290486px;
  display: block;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
}
.error-message--authorizer .sdw__button > span {
  min-width: 9.375rem; /* 150 / 16 */
  display: block;
  margin: 0 auto;
  line-height: 1.5555555556; /* 28/18 */
}
.error-message--authorizer .sdw__button:hover, .error-message--authorizer .sdw__button:focus {
  outline: none;
}
.error-message--authorizer .sdw__button--has-icon-right {
  padding-left: 3rem;
  padding-right: 4rem;
}
.error-message--authorizer .sdw__button--has-icon-right:before {
  content: none;
}
.error-message--authorizer .sdw__button--has-icon-right:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  right: 2rem;
  margin: 0;
  transition: right 0.15s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.error-message--authorizer .sdw__button--has-icon-right:hover:after, .error-message--authorizer .sdw__button--has-icon-right:focus:after {
  right: 1.5rem;
}
.error-message--authorizer .sdw__button--has-icon-left {
  padding-left: 4rem;
  padding-right: 3rem;
}
.error-message--authorizer .sdw__button--has-icon-left:after {
  content: none;
}
.error-message--authorizer .sdw__button--has-icon-left:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  margin: 0;
  transition: left 0.15s ease-in-out;
  left: 2rem;
  transition: left 0.15s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.error-message--authorizer .sdw__button--has-icon-left:hover:before, .error-message--authorizer .sdw__button--has-icon-left:focus:before {
  left: 1.5rem;
}
.error-message--authorizer .sdw__button--cochlear-yellow {
  background: #f1be48;
  color: #3f1482;
  transition: background-color 0.15s ease-in-out;
  border-color: #f1be48;
}
.error-message--authorizer .sdw__button--cochlear-yellow:hover, .error-message--authorizer .sdw__button--cochlear-yellow:focus {
  background: #f4b013;
}
.error-message--authorizer .sdw__button--outline-purple {
  background: #fff;
  color: #3f1482;
  border-color: #3f1482;
}
.error-message--authorizer .sdw__button--outline-purple:hover, .error-message--authorizer .sdw__button--outline-purple:focus {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid #3f1482;
}
.error-message--authorizer .sdw__button--outline-purple:hover.sdw__button--has-icon-right, .error-message--authorizer .sdw__button--outline-purple:focus.sdw__button--has-icon-right {
  padding-left: 2.9375rem;
  padding-right: 3.9375rem;
}
.error-message--authorizer .sdw__button--outline-purple:hover.sdw__button--has-icon-left, .error-message--authorizer .sdw__button--outline-purple:focus.sdw__button--has-icon-left {
  padding-left: 3.9375rem;
  padding-right: 2.9375rem;
}
.error-message--authorizer .sdw__button.has-spinner.is-submitting {
  padding-right: 4rem !important;
}
.error-message--authorizer .sdw__button.has-spinner .lds-ring {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  margin: 0 -5px 0 0;
}
@media only screen and (min-width: 64em) {
  .error-message--authorizer {
    position: static;
    max-width: 720px;
    min-height: 600px;
    margin: 0 auto;
    padding-top: 5rem;
  }
}
.error-message__content {
  padding-bottom: 2rem;
  flex-grow: 1;
}
.error-message__button-control {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 64em) {
  .error-message__button-control {
    flex-direction: row;
  }
}
.error-message__button-control .sdw__button {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 64em) {
  .error-message__button-control .sdw__button {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
.error-message__button-control .sdw__button:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 64em) {
  .error-message__button-control .sdw__button:first-child {
    margin-left: 0;
  }
}
.error-message__button-control .sdw__button:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 64em) {
  .error-message__button-control .sdw__button:last-child {
    margin-right: 0;
  }
}

.error-message {
  font-size: 1rem;
}
.error-message__image {
  max-width: 120px;
  margin: 0 0 1rem;
}
@media only screen and (min-width: 64em) {
  .error-message__image {
    margin-bottom: 2rem;
  }
}
.error-message__title {
  color: #384967;
  font: 500 2.125em/1.1764705882 "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif; /* 34/16 ; 40/34 */
  margin: 0 0 0.5rem 0;
}
@media only screen and (min-width: 64em) {
  .error-message__title {
    margin-bottom: 1rem;
  }
}
.error-message__text {
  color: #384967;
  font: 400 1.125em/1.5555555556 "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif; /* 18/16 */ /* 28/18 */
}
.error-message__text a {
  color: #3f1482;
  font-weight: 700;
}
.error-message__text--code {
  margin-top: 2em;
}

.hearing-quiz {
  background-color: #efefef;
  padding-bottom: 60px;
}
.hearing-quiz .quiz-header {
  background-color: #1e1e1e;
  border-radius: 0 0 40px 0;
  padding: 45px 0 45px 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz .quiz-header {
    padding: 90px 0 45px 0;
  }
}
.hearing-quiz .quiz-header h1 {
  color: #ffffff;
}
.hearing-quiz .quiz-container {
  margin: 40px auto 20px auto;
  padding: 30px;
  max-width: 95%;
  background: #ffffff;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz .quiz-container {
    padding: 60px;
  }
}
.hearing-quiz .quiz-container .cta-button {
  text-align: center;
  width: 100%;
  padding: 15px 27px;
  font-weight: 900;
  margin-top: 20px;
}
@media screen and (min-width: 64em) {
  .hearing-quiz .quiz-container .cta-button {
    width: auto;
  }
}
.hearing-quiz .quiz-container .cta-button:after {
  margin: -4px 0 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  transition-duration: 0.15s;
}
.hearing-quiz .quiz-container .cta-button:hover:after {
  left: 10px;
}
.hearing-quiz .quiz-container .question ol {
  list-style-type: none;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz .quiz-container .question .secondary, .hearing-quiz .quiz-container .question .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel .hearing-quiz .quiz-container .question .cta-button + .cta-button, .hearing-quiz .quiz-container .question .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text .hearing-quiz .quiz-container .question .cta-button + .cta-button {
    margin-left: 10px;
  }
}
.hearing-quiz .quiz-container .question-button {
  background-color: transparent;
  padding: 16px 36px 16px 20px;
  position: relative;
  border: 0;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  line-height: 28px;
  font-size: 18px;
  color: #56565a;
  display: block;
  width: 100%;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color;
  border-left: 5px solid transparent;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz .quiz-container .question-button {
    min-width: 522px;
    width: 55%;
  }
}
.hearing-quiz .quiz-container .question-button:hover {
  border-left: 5px solid #fdc82f;
  background-color: #f6f6f6;
}
.hearing-quiz .quiz-container .question-button:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  transform: rotate(-90deg) translateX(50%) translateY(-14px);
}
.hearing-quiz .quiz-container .step-count {
  text-align: center;
  background-color: #f6f6f6;
  padding: 0 30px;
  position: relative;
  top: 30px;
  margin: 0 -30px -30px -30px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz .quiz-container .step-count {
    margin-left: -60px;
    margin-right: -60px;
    top: 60px;
  }
}
.hearing-quiz .quiz-container .step-count p,
.hearing-quiz .quiz-container .step-count button {
  line-height: 70px;
  padding: 0;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  margin-top: 0;
}
.hearing-quiz .quiz-container .step-count button {
  color: #3f1482;
  float: left;
  border: 0;
  background-color: transparent;
}
.hearing-quiz .quiz-container .step-count button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: -6px;
  top: 2px;
  transform: rotate(90deg);
}
.hearing-quiz .disclaimer {
  padding-top: 20px;
  padding-bottom: 20px;
  border: 0;
}
.hearing-quiz #pdf-canvas {
  display: none;
}

div#root > div[dir=rtl] .hearing-quiz .quiz-container .step-count button {
  float: right;
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .step-count button::before {
  top: -4px;
  transform: rotate(-90deg) translateX(-50%) translateY(14px);
}
@media only screen and (min-width: 64em) {
  div#root > div[dir=rtl] .hearing-quiz .quiz-container .question .secondary, div#root > div[dir=rtl] .hearing-quiz .quiz-container .question .volunteer-buttons .btn-panel .cta-button + .cta-button, .volunteer-buttons .btn-panel div#root > div[dir=rtl] .hearing-quiz .quiz-container .question .cta-button + .cta-button, div#root > div[dir=rtl] .hearing-quiz .quiz-container .question .volunteer-page .cm-rich-text .cta-button + .cta-button, .volunteer-page .cm-rich-text div#root > div[dir=rtl] .hearing-quiz .quiz-container .question .cta-button + .cta-button {
    margin-left: 0px;
    margin-right: 10px;
  }
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .question-button {
  border-right: solid 5px transparent;
  text-align: right;
  padding: 16px 20px 16px 36px;
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .question-button::after {
  left: 0;
  right: auto; /*replaced*/
  transform: rotate(90deg) translateX(-50%) translateY(-14px);
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .question-button:hover {
  border-left: solid 5px transparent;
  border-right: solid 5px #fdc82f;
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .cta-button {
  padding: 15px 27px;
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .cta-button:hover::after {
  left: -8px;
}
div#root > div[dir=rtl] .hearing-quiz .quiz-container .cta-button::after {
  left: -3px;
}

.announcement {
  padding: 10px 20px;
  background-color: rgb(253, 200, 46);
  color: rgb(86, 86, 90);
  position: relative;
  border-bottom: 5px solid #fdc82f;
}
.announcement .l-padding, .announcement .hearing-quiz .disclaimer, .hearing-quiz .announcement .disclaimer {
  position: relative;
}
.announcement .l-padding .announcement-icon, .announcement .hearing-quiz .disclaimer .announcement-icon, .hearing-quiz .announcement .disclaimer .announcement-icon {
  display: block;
  float: left;
  padding: 0 15px;
  height: auto !important;
  width: auto !important;
}
.announcement .l-padding .content, .announcement .hearing-quiz .disclaimer .content, .hearing-quiz .announcement .disclaimer .content {
  float: left;
  width: calc(100% - 60px);
  word-spacing: 0px !important;
}
.announcement .l-padding .show-previous, .announcement .hearing-quiz .disclaimer .show-previous, .hearing-quiz .announcement .disclaimer .show-previous {
  float: right;
  width: calc(100% - 60px);
  word-spacing: 0px !important;
  cursor: pointer;
}

.contact-block {
  margin-bottom: 40px;
}
.contact-block h2:first-child {
  margin-top: 40px;
}
.contact-block .contact-item-container {
  margin: 20px 0;
}
@media only screen and (min-width: 64em) {
  .contact-block .contact-item-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.contact-block .contact-item-container .contact-item {
  padding-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  .contact-block .contact-item-container .contact-item {
    width: 30%;
  }
}

.l-content-column div:first-child.contact-block h2:first-child {
  margin-top: 0px;
}

.document-info .last-updated-date,
.document-info .effective-date,
.document-info .footnotes {
  margin-bottom: 15px;
}
.document-info .last-updated-date > span > div,
.document-info .effective-date > span > div {
  display: inline-block;
}

.footnotes-info {
  font-size: 14px;
  margin: 40px 0;
}

main > header.simple-header {
  border-top: 0;
}
@media only screen and (min-width: 64em) {
  main > header.simple-header {
    border-top: 5px solid #fdc82f;
  }
  main > header.simple-header .nav-onscreen {
    display: block;
  }
}

div#root > div[dir=rtl] .simple-header .logo {
  float: none;
}

/* 60/16 */
/* 80/60 */
/* 52/16 */
/* 70/52 */
/* 48/16 */
/* 64/48 */
/* 40/16 */
/* 56/40 */
/* 36/16 */
/* 48/36 */
/* 32/16 */
/* 44/32 */
/* 28/16 */
/* 36/28 */
/* 24/16 */
/* 32/24 */
/* 24/16 */
/* 32/24 */
/* 22/16 */
/* 28/22 */
/* 21/16 */
/* 28/21 */
/* 18/16 */
/* 28/18 */
/* 14/16 */
/* 24/14 */
/* 14/16 */
/* 24/14 */
/* 18/16 */
/* 28/18 */
/* 24/16 */
/* 18/16 */
/* 28/18 */
/* 18/16 */
/* 28/18 */
/* 18/16 */
/* 28/18 */
/* 16/16 */
/* 24/16 */
/*14/16*/
/*20/14*/
/* 14/16 */
/* 20/14 */
/* 8/16 */
/* 2rem 32 */
/* 20/16 */
/* 24/16 */
/* 32/16 */
/* 40/16 */
/* 4/16 */
/* 12/16 */
/* 14/16 */
/* 16/16 */
/* 12/16 */
/* 12/16 */
/*
 * saxicon
 * Copyright (c) 2020 Lachlan McDonald
 * https://github.com/lachlanmcdonald/saxicon/
 * (Licensed under the BSD 3-Clause license)
 * (This file is generated with saxicon and should not be updated manually.)
 */
.ccl__container {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .ccl__container {
    padding: 0 16px;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .ccl__container {
    padding: 0 6.25%;
    max-width: none;
  }
}
@media (min-width: 1440px) {
  .ccl__container {
    padding: 0 108px;
    max-width: 1440px;
  }
}

.ccl__columns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
  margin-top: -6px;
}
.ccl__columns:not(:last-child) {
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .ccl__columns {
    flex-wrap: nowrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
  }
  .ccl__columns:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .ccl__columns {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
  }
  .ccl__columns:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .ccl__columns {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
  }
  .ccl__columns:not(:last-child) {
    margin-bottom: 12px;
  }
}

.ccl__column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 6px;
  min-width: 16.6666666667%;
}
@media (min-width: 768px) {
  .ccl__column {
    padding: 8px;
    min-width: 8.3333333333%;
  }
}
@media (min-width: 1024px) {
  .ccl__column {
    padding: 12px;
    min-width: 8.3333333333%;
  }
}
@media (min-width: 1440px) {
  .ccl__column {
    padding: 12px;
    min-width: 8.3333333333%;
  }
}
.ccl__column.is-narrow {
  flex: none;
}
.ccl__column.is-half {
  flex: none;
  width: 50%;
}

.thankyou-container {
  margin-top: 2.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.thankyou-container .ccl__columns {
  flex-direction: column;
}
.thankyou-container .ccl__columns h2 {
  padding: 0.75rem 0;
}
@media (min-width: 768px) {
  .thankyou-container {
    margin-top: 5rem !important;
  }
  .thankyou-container .ccl__columns {
    flex-direction: row;
  }
  .thankyou-container .pictogram-column {
    margin-left: -156px; /* same width as pictogram */
  }
}

.volunteer-buttons .btn-panel .cta-button {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  padding: 15px 27px;
  font-weight: 900;
}
@media screen and (min-width: 64em) {
  .volunteer-buttons .btn-panel .cta-button {
    width: auto;
  }
}
.volunteer-buttons .btn-panel .cta-button:after {
  margin: -4px 0 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  transition-duration: 0.15s;
}
.volunteer-buttons .btn-panel .cta-button:hover:after {
  left: 10px;
}
@media screen and (min-width: 64em) {
  .volunteer-buttons .btn-panel .cta-button + .cta-button {
    margin-left: 20px;
  }
}

div#root > div[dir=rtl] .volunteer-header .image-container img {
  margin-right: -50%;
  margin-left: 0;
}
div#root > div[dir=rtl].volunteer-buttons .btn-panel .cta-button + .cta-button {
  margin-left: 0px;
  margin-right: 20px;
}
div#root > div[dir=rtl].volunteer-buttons .btn-panel .cta-button:hover::after {
  left: -10px;
}
div#root > div[dir=rtl].volunteer-buttons .btn-panel .cta-button::after {
  left: -5px;
}

#page-online-hearing-test .sl__related-articles {
  margin-top: 0;
}
#page-online-hearing-test hr {
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test hr {
    position: static;
    left: auto;
    width: auto;
  }
}
#page-online-hearing-test .mobile-visible {
  display: block;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .mobile-visible {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test {
    background-color: #efefef;
  }
  #page-online-hearing-test .l-padding, #page-online-hearing-test .hearing-quiz .disclaimer, .hearing-quiz #page-online-hearing-test .disclaimer {
    border-bottom: 0;
  }
}
#page-online-hearing-test .cta-button {
  font-weight: bold;
  cursor: pointer;
}
#page-online-hearing-test header.landing-banner {
  background-color: rgba(30, 30, 30, 0.95);
}
#page-online-hearing-test header.landing-banner .background {
  display: none;
}
#page-online-hearing-test header.landing-banner .l-padding, #page-online-hearing-test header.landing-banner .hearing-quiz .disclaimer, .hearing-quiz #page-online-hearing-test header.landing-banner .disclaimer {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test header.landing-banner .l-padding, #page-online-hearing-test header.landing-banner .hearing-quiz .disclaimer, .hearing-quiz #page-online-hearing-test header.landing-banner .disclaimer {
    padding-left: 36px;
    padding-right: 36px;
  }
}
#page-online-hearing-test header.landing-banner .content {
  background-color: transparent;
  padding: 0;
}
#page-online-hearing-test header.landing-banner .content .content-grouper {
  width: 100%;
  margin-left: 0;
}
#page-online-hearing-test header.landing-banner .content .content-grouper .header-highlight {
  display: none;
}
#page-online-hearing-test header.landing-banner .content h1,
#page-online-hearing-test header.landing-banner .content p {
  color: white;
}
#page-online-hearing-test header.landing-banner .content .content-grouper {
  border-left: 0;
}
#page-online-hearing-test .l-content-column {
  margin-bottom: 40px;
  min-height: auto;
}
#page-online-hearing-test .l-content-column.content {
  max-width: 100%;
}
#page-online-hearing-test .inner {
  background-color: white;
  padding: 0;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .inner {
    padding: 60px;
  }
}
#page-online-hearing-test aside {
  margin-top: 0;
}
#page-online-hearing-test .cta-button {
  width: 100%;
  text-align: center;
  padding: 13px 23px 14px 29px;
}
#page-online-hearing-test .cta-button::after {
  position: relative;
  top: 6px;
  width: 24px;
  height: 24px;
  margin: -7px 0 0 5px;
  left: 0;
  display: inline-block;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .cta-button {
    width: auto;
    text-align: left;
    padding: 15px 45px 15px 27px;
  }
  #page-online-hearing-test .cta-button::after {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    left: auto;
    display: block;
  }
}
#page-online-hearing-test .spinner-container {
  padding: 0;
}
#page-online-hearing-test .spinner-container .lds-dual-ring {
  margin: 0;
  position: static;
}
#page-online-hearing-test .page-intro {
  padding-bottom: 50px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-intro {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
#page-online-hearing-test .page-intro p {
  margin: 25px auto;
}
#page-online-hearing-test .page-quiz fieldset {
  margin: 0;
}
#page-online-hearing-test .page-quiz legend.h4 {
  margin-bottom: 30px;
}
#page-online-hearing-test .page-quiz.prev .question.slide-prev {
  position: absolute;
}
#page-online-hearing-test .page-quiz.prev .question.slide-curr {
  animation-name: anim-prev-slide-in;
}
#page-online-hearing-test .page-quiz.prev .question.slide-next {
  animation-name: anim-prev-slide-out;
  position: absolute;
  top: 0;
}
#page-online-hearing-test .page-quiz.next .question.slide-prev {
  animation-name: anim-next-slide-out;
  position: absolute;
  top: 0;
}
#page-online-hearing-test .page-quiz.next .question.slide-curr {
  animation-name: anim-next-slide-in;
}
#page-online-hearing-test .page-quiz.next .question.slide-next {
  position: absolute;
}
#page-online-hearing-test .page-quiz .inner {
  padding: 0;
}
#page-online-hearing-test .page-quiz .question {
  visibility: hidden;
  display: none;
  width: 100%;
  position: relative;
  top: 0;
  padding: 0;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz .question {
    padding: 60px;
  }
}
#page-online-hearing-test .page-quiz .question.slide-curr, #page-online-hearing-test .page-quiz .question.slide-prev, #page-online-hearing-test .page-quiz .question.slide-next {
  display: block;
}
#page-online-hearing-test .page-quiz ul.rating-panel {
  margin: 0;
  padding-bottom: 87px;
  padding-left: 0;
  clear: both;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz ul.rating-panel {
    padding: 0;
  }
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating {
  list-style: none;
  display: inline-block;
  text-align: center;
  position: relative;
  margin-top: 0;
  vertical-align: top;
  width: 50px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz ul.rating-panel li.rating {
    width: 20%;
  }
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating div.rNumber {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  color: #3f1482;
  border: 1px solid #3f1482;
  pointer-events: none;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating label {
  width: 100%;
  display: block;
  padding-top: 66px;
  cursor: pointer;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating label:hover ~ .rNumber {
  background-color: #3f1482;
  color: white;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating label span {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz ul.rating-panel li.rating label span {
    display: block;
    left: auto;
    right: auto;
    margin: auto;
    text-align: center;
    clip: auto;
    clip-path: none;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
  }
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating input[type=checkbox]:focus ~ .rNumber {
  border-width: 3px;
  line-height: 46px;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating input[type=checkbox]:checked ~ .rNumber {
  background-color: #3f1482;
  color: white;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating input[type=checkbox]:checked:focus ~ .rNumber {
  border-width: 3px;
  border-color: white;
  line-height: 46px;
  box-shadow: 0 0 0 1px #3f1482;
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating:first-child label span, #page-online-hearing-test .page-quiz ul.rating-panel li.rating:last-child label span {
  display: block;
  position: absolute;
  pointer-events: none;
  width: 150px;
  clip: auto;
  clip-path: none;
  height: auto;
  overflow: visible;
  margin: auto;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz ul.rating-panel li.rating:first-child label span, #page-online-hearing-test .page-quiz ul.rating-panel li.rating:last-child label span {
    position: static;
    pointer-events: all;
  }
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating:first-child label span {
  left: 0;
  right: auto;
  text-align: left;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz ul.rating-panel li.rating:first-child label span {
    left: auto;
    text-align: center;
  }
}
#page-online-hearing-test .page-quiz ul.rating-panel li.rating:last-child label span {
  left: auto;
  right: 0;
  text-align: right;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz ul.rating-panel li.rating:last-child label span {
    right: auto;
    text-align: center;
  }
}
#page-online-hearing-test .page-quiz .quiz-nav-panel {
  background-color: #f5f5f5;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: 71px;
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz .quiz-nav-panel {
    width: 100%;
    position: static;
    left: auto;
  }
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .nav-grid {
  width: 33.3333%;
  min-height: 71px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .nav-grid:first-child {
  text-align: left;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .nav-grid:first-child .content-link {
  margin-left: 49px;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .nav-grid:last-child {
  text-align: right;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .nav-grid:last-child .content-link {
  margin-right: 49px;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .content-link,
#page-online-hearing-test .page-quiz .quiz-nav-panel .quiz-progress {
  line-height: 71px;
  margin: 0;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz .quiz-nav-panel .content-link,
  #page-online-hearing-test .page-quiz .quiz-nav-panel .quiz-progress {
    margin: 0 52px;
  }
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .next {
  margin: 0;
  padding-right: 52px;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .quiz-progress {
  margin: 0;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .content-link {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #3f1482;
  position: relative;
  cursor: pointer;
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .content-link.prev::before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0;
  top: 0;
  transform: rotate(90deg);
  left: -35px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz .quiz-nav-panel .content-link.prev::before {
    left: -24px;
  }
}
#page-online-hearing-test .page-quiz .quiz-nav-panel .content-link.next::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0;
  top: 0;
  transform: rotate(-90deg);
  right: -35px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-quiz .quiz-nav-panel .content-link.next::after {
    right: auto;
  }
}
#page-online-hearing-test .page-results h4 {
  margin-bottom: 30px;
}
#page-online-hearing-test .page-results p.result {
  font-size: 36px;
  font-weight: 600;
  color: #1e1e1e;
  margin-bottom: 30px;
}
#page-online-hearing-test .page-results p.suggestion {
  margin-bottom: 30px;
}
#page-online-hearing-test .page-results .primary {
  margin-right: 20px;
}
#page-online-hearing-test .page-results .inner {
  overflow: visible;
}
#page-online-hearing-test .page-results .row-cta a.cta-button {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .page-results .row-cta a.cta-button {
    display: inline;
    margin: 0 10px;
    width: auto;
  }
  #page-online-hearing-test .page-results .row-cta a.cta-button:first-child {
    margin-left: 0;
  }
}
#page-online-hearing-test aside {
  margin-top: 0;
}
#page-online-hearing-test .cm-rich-text {
  padding-bottom: 30px;
}
@media only screen and (min-width: 64em) {
  #page-online-hearing-test .cm-rich-text {
    margin-top: 60px;
  }
}
#page-online-hearing-test .reference {
  padding-top: 10px;
  padding-bottom: 60px;
}
#page-online-hearing-test .hide {
  display: none;
}
#page-online-hearing-test .slide-animation-enabled {
  animation-duration: 300ms;
  animation-fill-mode: both;
  left: -100%;
  position: relative;
}

@keyframes anim-next-slide-in {
  0% {
    left: 100%;
    visibility: visible;
  }
  100% {
    left: 0;
    visibility: visible;
  }
}
@keyframes anim-next-slide-out {
  0% {
    left: 0;
    visibility: visible;
  }
  99% {
    visibility: visible;
    left: -100%;
  }
  100% {
    visibility: hidden;
    left: -100%;
  }
}
@keyframes anim-prev-slide-in {
  0% {
    left: -100%;
    visibility: visible;
  }
  100% {
    left: 0;
    visibility: visible;
  }
}
@keyframes anim-prev-slide-out {
  0% {
    left: 0;
    visibility: visible;
  }
  99% {
    left: 100%;
    visibility: visible;
  }
  100% {
    left: 100%;
    visibility: hidden;
  }
}
#chat-app {
  z-index: 10000;
  position: fixed;
  bottom: 100px;
  right: 0px;
}
#chat-app .close-chat {
  background: #d2d2d2;
  width: 20px;
  height: 20px;
  border: #fff 1px solid;
  border-radius: 10px;
  text-align: center;
  padding: 0;
  float: left;
  margin: 0px 20px 0 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
#chat-app .close-chat:hover {
  background: #56565a;
}
#chat-app .close-chat img {
  width: 8px;
  display: block;
  margin: 0 auto;
}
#chat-app #tool-tip {
  float: right;
}
#chat-app #tool-tip .bubble {
  background: white;
  padding: 9px;
  border-radius: 8px;
  width: 330px;
  margin-right: 71px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
#chat-app #tool-tip .bubble p {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
#chat-app #tool-tip .bubble #chat-choice {
  display: flex;
  justify-content: space-around;
}
#chat-app #tool-tip .bubble #chat-choice button {
  border: 0;
  background: none;
}
#chat-app #tool-tip .bubble #chat-choice button:hover, #chat-app #tool-tip .bubble #chat-choice button:focus {
  text-decoration: underline;
  color: #3f1482;
}
#chat-app #tool-tip .bubble-arrow img {
  float: right;
  margin: -2px 100px 0 0;
}
#chat-app .chat-click {
  float: right;
  clear: both;
  width: 190px;
  display: flex;
  align-items: center;
  border: 0px none;
  border-radius: 10px 0px 0px 10px;
  background-color: #fdc82f;
  overflow: hidden;
  cursor: pointer;
  padding: 10px;
  transition: 0.2s ease-in-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
#chat-app .chat-click:hover, #chat-app .chat-click:active {
  width: 205px;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
#chat-app .chat-click:active {
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
#chat-app .chat-click .chat-icon img {
  width: 40px;
  display: block;
}
#chat-app .chat-click .chat-text {
  color: #656565;
}
#chat-app .chat-click .chat-text h2 {
  font: normal 17px/18px Trebuchet MS;
  letter-spacing: -0.4px;
  margin: 0;
  padding: 0 5px;
}

#chat-data {
  display: none;
}

.offline-area {
  background: white;
  padding: 9px;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
  height: 614px;
  height: 64vh;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.offline-area > div {
  height: 100%;
}
.offline-area > div iframe {
  height: 100%;
}

.content-anchor-container {
  background-color: #ffffff;
}
.content-anchor-container .content-links-container {
  margin: 60px 0px 0px 0px;
  overflow: hidden;
}
.content-anchor-container .content-links-container .link-container {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 64em) {
  .content-anchor-container .content-links-container .link-container {
    width: 100%;
  }
}
.content-anchor-container .content-links-container .link-container a {
  width: 290px;
  margin: 3px auto;
  background-color: #fdc82f;
  min-width: 290px;
  max-width: 100%;
  white-space: normal;
  border-radius: 14px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 3px 0;
  color: #1e1e1e;
}
.content-anchor-container .content-item-container {
  background-color: #ffffff;
  margin-top: 40px;
}
.content-anchor-container .content-item-container.sticky ::before {
  content: "";
  display: block;
  height: 75px;
  margin-top: -75px;
  visibility: hidden;
}
.content-anchor-container .content-item-container ::before {
  content: "";
  display: block;
  height: 125px;
  margin-top: -125px;
  visibility: hidden;
}
@media only screen and (max-width: 64em) {
  .content-anchor-container .content-item-container ::before {
    content: "";
    display: block;
    height: 75px;
    margin-top: -75px;
    visibility: hidden;
  }
}

div#root > div[dir=rtl] .content-anchor-container .content-links-container .link-container {
  float: right;
}

/* Style the buttons that are used to open and close the accordion panel */
.page-navigation {
  padding: 0;
  top: 0;
  width: 100%;
  background: #ffffff;
}
@media only screen and (min-width: 64em) {
  .page-navigation {
    border-bottom: 0;
    background-color: #efefef;
  }
  .page-navigation .languageSelector {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .page-navigation.is-sticky-header {
    padding-top: 115px;
  }
  .page-navigation.is-sticky-header .languageSelector {
    position: absolute;
    right: 10px;
    top: 5px;
  }
}
.page-navigation .primary-navigations {
  display: block;
  position: fixed;
  top: 100vh;
  background: #ffffff;
  z-index: 2;
  transition: top 0.5s;
  height: 100vh;
  padding-top: 10px;
}
@media only screen and (min-width: 64em) {
  .page-navigation .primary-navigations {
    position: relative;
    top: 0;
    height: auto;
    transform: translateZ(0);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 0;
    float: none;
    background: #ffffff;
  }
  @keyframes MenuShow {
    from {
      top: -100px;
    }
    to {
      top: 0;
    }
  }
  .page-navigation .primary-navigations.is-sticky {
    position: fixed;
    width: 100%;
    animation-name: MenuShow;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
  }
  .page-navigation .primary-navigations.is-sticky .logo {
    height: auto;
    margin: 10px 10px 0 10px;
  }
  .page-navigation .primary-navigations.is-sticky .logo img {
    width: 65px;
    height: 55px;
  }
}
@media only screen and (min-width: 77.75em) {
  .page-navigation .primary-navigations {
    padding-right: 0;
  }
}
.page-navigation .primary-navigations .logo {
  float: none;
  width: 130px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (min-width: 64em) {
  .page-navigation .primary-navigations .logo {
    height: 85px;
    width: 95px;
    float: left;
    margin: 15px 14px;
    display: block;
  }
  .page-navigation .primary-navigations .logo img {
    width: 100%;
    height: auto;
  }
}
.page-navigation .primary-navigations .l-padding, .page-navigation .primary-navigations .hearing-quiz .disclaimer, .hearing-quiz .page-navigation .primary-navigations .disclaimer {
  padding: 0;
  margin: 0 auto;
}
.page-navigation .primary-navigations .l-padding::before, .page-navigation .primary-navigations .hearing-quiz .disclaimer::before, .hearing-quiz .page-navigation .primary-navigations .disclaimer::before {
  display: none;
}
.page-navigation .primary-navigations .l-padding::after, .page-navigation .primary-navigations .hearing-quiz .disclaimer::after, .hearing-quiz .page-navigation .primary-navigations .disclaimer::after {
  display: none;
}
@media only screen and (min-width: 64em) {
  .page-navigation .primary-navigations .l-padding, .page-navigation .primary-navigations .hearing-quiz .disclaimer, .hearing-quiz .page-navigation .primary-navigations .disclaimer {
    padding: 0 36px;
    height: auto;
  }
}
.page-navigation .primary-navigations .f-jc-sb {
  display: flex;
  justify-content: space-between;
}
.page-navigation .primary-navigations .pri-navs {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.page-navigation .primary-navigations .pri-navs .pri-nav {
  padding: 5px 15px;
}
.page-navigation .primary-navigations a.nav-link {
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  color: #777;
  transition: none;
}
.page-navigation .primary-navigations a.nav-link.active {
  border-bottom: 2px solid #fdc82f;
}
.page-navigation .primary-navigations a.nav-link:hover, .page-navigation .primary-navigations a.nav-link:active {
  border-bottom: 2px solid #fdc82f;
}

.aside-languageSelector .language-container {
  margin: auto 25px;
}
.aside-languageSelector .language-container .dropdown {
  width: 100%;
}
.aside-languageSelector .language-container .dropdown .dropdown-button {
  width: 100%;
  padding: 3px 30px 3px 30px;
  margin: auto 0;
  word-wrap: break-word;
  text-align: center;
}
@media screen and (min-width: 34.3em) {
  .aside-languageSelector .language-container .dropdown .dropdown-button {
    font-size: 16px;
    font-weight: 700;
  }
}
.aside-languageSelector .language-container .dropdown .countries_list {
  min-width: 0 !important;
}
.aside-languageSelector .language-container .dropdown .countries_list a {
  font-size: 12px;
}
@media screen and (min-width: 34.3em) {
  .aside-languageSelector .language-container .dropdown .countries_list a {
    font-size: 16px;
  }
}

.secondary-navigations {
  background: #ffffff;
  display: block;
  position: fixed;
  top: 100vh;
  transition: top 0.5s;
}
@media only screen and (min-width: 64em) {
  .secondary-navigations {
    position: relative;
    top: 0;
    height: auto;
    transform: translateZ(0);
    padding: 0;
    float: none;
    background: #ffffff;
  }
}
.secondary-navigations .sec-navs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.secondary-navigations .sec-navs .sec-nav {
  padding: 10px 5px;
}
.secondary-navigations a.nav-link {
  font-size: 14px;
  text-decoration: none;
  color: #777;
}
.secondary-navigations a.nav-link.active {
  border-bottom: 2px solid #fdc82f;
}

.secondary-navigations-bottom {
  background: #ffffff;
}
.secondary-navigations-bottom .sec-navs-middle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.secondary-navigations-bottom .sec-navs-middle .sec-nav {
  padding: 10px 5px;
}
.secondary-navigations-bottom a {
  font-size: 14px;
  text-decoration: none;
  color: #777;
}
.secondary-navigations-bottom a.active {
  border-bottom: 2px solid #fdc82f;
}

.aside-container {
  background: #fff;
  width: 75%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -75%;
  transition-duration: 0.3s;
  overflow: scroll;
  background-color: #2f2c2b;
}
.aside-container.aside-show {
  transform: translateX(-100%);
  z-index: 10;
}
.aside-container .aside-avatar {
  width: 123px;
  height: auto;
  padding: 9px 15px 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.aside-container .aside-navigation {
  margin: 0;
  padding: 0;
}
.aside-container .aside-navigation .aside-navigation-item {
  margin-top: 0px;
  padding: 20px 25px;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #262626;
}
.aside-container .aside-navigation .aside-navigation-item.active {
  border-left: 6px solid #fdc82f;
  padding: 20px 25px 20px 19px;
}
.aside-container .aside-navigation .aside-navigation-item a {
  font-size: 12px;
  color: #fff;
}

.language-container {
  text-align: right;
  position: relative;
  max-width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.language-container a {
  text-decoration: none;
  color: #1e1e1e;
}
.language-container ul li {
  list-style: none;
}
.language-container:before {
  display: table;
  content: " ";
  box-sizing: border-box;
}
.language-container:after {
  clear: both;
  display: table;
  content: " ";
  box-sizing: border-box;
}
.language-container .dropdown {
  text-align: right;
  display: inline-block;
  position: relative;
}
.language-container .dropdown .btn {
  display: inline-block;
  margin: auto 0 auto 15px;
  padding: 3px 30px 3px 45px;
  border-radius: 14px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: bold;
  background-color: white;
  font-family: "Trebuchet MS", Arial, sans-serif;
}
.language-container .dropdown .btn:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.language-container .dropdown .btn .caret {
  display: inline-block;
  margin-left: 2px;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  color: #1e1e1e;
}
.language-container .dropdown .countries_list {
  max-height: 325px;
  min-width: 290px;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
  text-align: left;
  padding: 5px 0;
  margin: 2px 0 0;
  background-color: #fff;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
}
.language-container .dropdown .countries_list li {
  margin-bottom: 7px;
  font-size: 14px;
}
.language-container .dropdown .countries_list li:hover {
  background-color: #f5f5f5;
}
.language-container .dropdown .countries_list li a {
  text-decoration: none;
  position: relative;
  overflow-x: hidden;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  overflow-x: hidden;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

@keyframes MainShow {
  from {
    right: 0%;
  }
  to {
    right: 75%;
  }
}
#main {
  position: relative;
  right: 0%;
}
#main.main-side-show {
  right: 75%;
  animation: MainShow;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}

div#root > div[dir=rtl] .page-navigation .languageSelector {
  position: absolute;
  left: 10px;
  top: 10px;
}
div#root > div[dir=rtl] .page-navigation.is-sticky-header .languageSelector {
  position: absolute;
  left: 10px;
  top: 5px;
}
div#root > div[dir=rtl] .page-navigation .language-container {
  text-align: left;
}
div#root > div[dir=rtl] .page-navigation .language-container .countries_list {
  text-align: right;
}
div#root > div[dir=rtl] .aside-container {
  left: -75%;
  right: auto;
}
div#root > div[dir=rtl] .aside-container.aside-show {
  transform: translateX(100%);
  z-index: 10;
}
@keyframes MainShowRTL {
  from {
    left: 0%;
  }
  to {
    left: 75%;
  }
}
div#root > div[dir=rtl] #main {
  position: relative;
  right: auto;
  left: 0%;
}
div#root > div[dir=rtl] #main.main-side-show {
  left: 75%;
  animation: MainShowRTL;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}

.page-mobile-header {
  display: flex;
  border-bottom: 1px solid #cccccc;
  position: fixed;
  height: 75px;
  width: 100%;
  align-items: center;
  justify-content: center;
  top: 0px;
  background-color: #fff;
  z-index: 1;
}
.page-mobile-header + * {
  margin-top: 75px;
}
@media only screen and (min-width: 64em) {
  .page-mobile-header {
    display: none;
  }
  .page-mobile-header + * {
    margin-top: 0px;
  }
}
.page-mobile-header .mobile-logo {
  float: none;
  width: 120px;
  height: auto;
  display: block;
}
.page-mobile-header .mobile-logo img {
  width: 100%;
  height: auto;
  display: block;
}
.page-mobile-header #mobile-menu {
  position: absolute;
  right: 15px;
  width: 38px;
  height: 30px;
}
.page-mobile-header #mobile-menu span {
  display: block;
  position: absolute;
  height: 6px;
  width: 50%;
  background: #666;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.page-mobile-header #mobile-menu span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
.page-mobile-header #mobile-menu span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}
.page-mobile-header #mobile-menu span:nth-child(1),
.page-mobile-header #mobile-menu span:nth-child(2) {
  top: 0px;
}
.page-mobile-header #mobile-menu span:nth-child(3),
.page-mobile-header #mobile-menu span:nth-child(4) {
  top: 12px;
}
.page-mobile-header #mobile-menu span:nth-child(5),
.page-mobile-header #mobile-menu span:nth-child(6) {
  top: 24px;
}
.page-mobile-header #mobile-menu.open span:nth-child(1),
.page-mobile-header #mobile-menu.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-mobile-header #mobile-menu.open span:nth-child(2),
.page-mobile-header #mobile-menu.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.page-mobile-header #mobile-menu.open span:nth-child(1) {
  left: 3px;
  top: 6px;
}
.page-mobile-header #mobile-menu.open span:nth-child(2) {
  left: 16px;
  top: 6px;
}
.page-mobile-header #mobile-menu.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.page-mobile-header #mobile-menu.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.page-mobile-header #mobile-menu.open span:nth-child(5) {
  left: 3px;
  top: 19px;
}
.page-mobile-header #mobile-menu.open span:nth-child(6) {
  left: 16px;
  top: 19px;
}

div#root > div[dir=rtl] .page-mobile-header #mobile-menu {
  left: 15px;
  right: auto;
}

.contact-customer-service-container {
  background-color: white;
}
.contact-customer-service-container h1 {
  font-size: 48px;
  color: #1e1e1e;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1;
  font-family: "Trebuchet MS", Arial, sans-serif;
}
.contact-customer-service-container .countries {
  display: flex;
  flex-direction: row;
}
.contact-customer-service-container .countries .country-column {
  flex: 1;
}
.contact-customer-service-container .countries .country-column p {
  margin-bottom: 10px;
  line-height: 22px;
  font-size: 14px;
  margin: 0 0 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.contact-customer-service-container .countries .country-column ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
  color: #1e1e1e;
}
.contact-customer-service-container .countries .country-column ul li {
  list-style: none;
  position: relative;
  padding: 3px 0 0 25px;
  margin-bottom: 5px;
  font-size: 14px;
}
.contact-customer-service-container .countries .country-column ul li a {
  text-decoration: underline;
  font-family: "Trebuchet MS", Arial, sans-serif;
  background-color: transparent;
  color: #1e1e1e;
  text-align: match-parent;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag {
  background: url(https://mss-p-007-delivery.stylelabs.cloud/api/public/content/22efa0ff3a614456956089c3330766c5?v=21d21248) no-repeat 0 0;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 8px;
  left: 0;
  border-bottom: 0 none !important;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.canada {
  background-position: -27px -88px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.usa {
  background-position: 0 0;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.brazil {
  background-position: 0 -176px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.globe {
  background-position: 0 -110px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.australia {
  background-position: -81px -88px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.china {
  background-position: 0 -88px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.hongkong {
  background-position: -81px 0;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.india {
  background-position: -54px -66px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.indonesia {
  background-position: -27px -132px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.japan {
  background-position: 0 -66px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.korea {
  background-position: -54px -44px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.malaysia {
  background-position: 0 -132px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.nz {
  background-position: -27px -198px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.philippines {
  background-position: -54px -110px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.singapore {
  background-position: -54px -154px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.taiwan {
  background-position: -81px -154px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.thailand {
  background-position: -81px -110px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.vietnam {
  background-position: -27px -110px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.austria {
  background-position: -54px -132px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.belgium {
  background-position: -54px -88px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.cz {
  background-position: -54px -176px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.denmark {
  background-position: -81px -132px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.finland {
  background-position: -81px -66px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.france {
  background-position: -81px -44px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.germany {
  background-position: -81px -22px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.hungary {
  background-position: 0 -154px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.ireland {
  background-position: 0 -198px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.israel {
  background-position: -27px -154px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.italy {
  background-position: -27px -66px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.netherlands {
  background-position: -27px -44px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.norway {
  background-position: -81px -176px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.poland {
  background-position: -81px -198px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.romania {
  background-position: 0 -44px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.spain {
  background-position: -54px -22px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.sweden {
  background-position: -27px -22px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.switzerland {
  background-position: 0 -22px;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.turkey {
  background-position: -54px 0;
}
.contact-customer-service-container .countries .country-column ul li a .countries_flag.uk {
  background-position: -27px 0;
}
@media only screen and (max-width: 64em) {
  .contact-customer-service-container .countries {
    flex-direction: column;
  }
}

div.compatibility-container h1 {
  margin: 50px 0 40px 0;
  font-size: 48px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #1e1e1e;
  font-weight: 500;
}
div.compatibility-container h2 {
  margin: 50px 0 20px 0;
  font-size: 30px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #1e1e1e;
  font-weight: 500;
}
div.compatibility-container p {
  line-height: 22px;
  font-size: 14px;
  margin-bottom: 20px;
  margin: 0 0 10px;
  color: #1e1e1e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.compatibility-container a {
  text-decoration: underline;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #1e1e1e;
}
div.compatibility-container div.compatibility-table-container {
  border-left: 1px solid #f0efee;
  border-right: 1px solid #f0efee;
  border-bottom: 1px solid #f0efee;
  position: relative;
  overflow: auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.compatibility-container div.compatibility-table-container.with-bottom-radius {
  border-radius: 0px 0px 6px 6px;
}
div.compatibility-container div.compatibility-table-container.with-top-radius {
  border-radius: 6px 6px 0 0;
}
div.compatibility-container div.compatibility-table-container.with-top-margin {
  margin-top: 30px;
}
div.compatibility-container div.compatibility-table-container a {
  text-decoration: underline;
  background-color: transparent;
}
div.compatibility-container div.compatibility-table-container a.anchor {
  position: absolute;
  top: -120px;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table {
  display: table;
  width: 100%;
  background-color: transparent;
  border: none;
  margin-top: 0px;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table thead {
  vertical-align: middle;
}
@media only screen and (max-width: 64em) {
  div.compatibility-container div.compatibility-table-container table.compatibility-table thead {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 64em) {
  div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr {
    display: block;
    width: 100%;
  }
}
div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th {
  background: #f0efee;
  padding: 15px 30px;
  text-align: left;
  border: none;
}
@media only screen and (max-width: 64em) {
  div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th {
    display: block;
    width: 100%;
  }
}
div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th img[name="Baha 5"],
div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th img[name="Smart hearing alliance"] {
  width: auto;
  border-radius: 0;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 15px;
  border-radius: 10px;
  vertical-align: middle;
  border: 0;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th img + h3 {
  display: inline-block;
  position: relative;
  top: 4px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  margin: 0;
  font-weight: 500;
  font-size: 26px;
}
@media only screen and (max-width: 64em) {
  div.compatibility-container div.compatibility-table-container table.compatibility-table thead tr th img + h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 64em) {
  div.compatibility-container div.compatibility-table-container table.compatibility-table tbody {
    display: block;
    width: 100%;
  }
}
div.compatibility-container div.compatibility-table-container table.compatibility-table tbody td {
  vertical-align: top;
  padding: 10px 15px 25px 15px;
  width: 20%;
  min-width: 180px;
  color: #8a8b8e;
  border: none;
  background-color: transparent;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table tbody td:nth-child(1) {
  padding-left: 30px;
}
@media only screen and (max-width: 64em) {
  div.compatibility-container div.compatibility-table-container table.compatibility-table tbody td {
    display: block;
    width: 100%;
    padding: 0 40px 0 30px;
  }
}
div.compatibility-container div.compatibility-table-container table.compatibility-table tbody td h4 {
  font-size: 17px;
  margin: 35px 0 15px 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #000;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table tbody td ul {
  margin: 0;
  padding-left: 15px;
}
div.compatibility-container div.compatibility-table-container table.compatibility-table tbody td ul li {
  padding: 0;
  color: #8a8b8e;
  margin: 0 0 7px 0;
  font-size: 14px;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#root > div[dir=rtl] td:first-child,
div#root > div[dir=rtl] th:first-child {
  border-left: none;
  border-right: none;
}
div#root > div[dir=rtl] .cm-rich-text ul {
  margin-right: 0;
}

.ifu-table {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.ifu-table-banner {
  font-size: 14px;
  padding: 5px 20px;
  text-align: center;
  border: 4px solid #00b050;
  font-weight: 700;
}
div.ifu-table-banner a {
  font-weight: 700;
  color: #0563c1;
}

h1.ifu-table-title {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.datatable_wrapper {
  font-size: 14px;
  color: #333;
  /* Safari */
}
.datatable_wrapper .dataTables_length {
  float: left;
}
.datatable_wrapper .dataTables_length label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.datatable_wrapper .dataTables_length select {
  width: 48px;
  appearance: auto;
}
.datatable_wrapper .datatable_filter {
  float: right;
  text-align: right;
}
.datatable_wrapper .datatable_filter label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 20px;
  font-weight: 700;
}
.datatable_wrapper .datatable_filter input {
  margin-left: 7px;
  border-width: 2px;
  border-color: rgb(118, 118, 118);
  line-height: 20px;
}
.datatable_wrapper table.dataTable {
  table-layout: fixed;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  line-height: 1.4286;
}
.datatable_wrapper table.dataTable thead {
  display: table-header-group;
  vertical-align: middle;
}
.datatable_wrapper table.dataTable thead th {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px 10px 10px 5px;
  border-bottom: 1px solid #111;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  background-color: white;
  position: relative;
  vertical-align: middle !important;
  cursor: pointer;
  border-left: none;
  border-right: none;
}
.datatable_wrapper table.dataTable tbody tr .odd {
  background-color: #f9f9f9;
}
.datatable_wrapper table.dataTable tbody td {
  border: none;
  padding: 10px;
  vertical-align: middle !important;
  border-top: 1px solid #ddd;
}
.datatable_wrapper table.dataTable tfoot {
  background-color: white;
}
.datatable_wrapper table.dataTable tfoot th {
  padding: 10px;
  border: none;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #111;
}
.datatable_wrapper table.dataTable tfoot th .column-search-input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}
.datatable_wrapper .summary {
  float: left;
}
.datatable_wrapper .summary label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.datatable_wrapper .pagation {
  float: right;
}
.datatable_wrapper .pagation button {
  margin-right: 5px;
  padding: 0px 15px;
}
.datatable_wrapper .no-data {
  text-align: center;
  padding: 8px 10px;
  font-size: 20px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.datatable_wrapper .show {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.datatable_wrapper .show .loading {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #fdc82f;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}
.datatable_wrapper .dismiss {
  display: none;
}

.ifu-banner {
  background-color: #384967;
}
@media only screen and (min-width: 64em) {
  .ifu-banner .background-image {
    background-image: var(--background-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  [dir=rtl] .ifu-banner .background-image, [dir=rtl] .ifu-banner .background-image > * {
    transform: scaleX(-1);
  }
}
.ifu-banner .content {
  color: #fff;
  padding-block: 60px;
}
.ifu-banner .content h1 {
  color: inherit;
  margin-bottom: 25px;
}

.ccl__dpx-error {
  margin-top: 5rem;
}
.ccl__dpx-error .ccl-c-error-message {
  width: fit-content;
  margin: auto;
}
.ccl__dpx-error .ccl-c-error-message__content {
  min-height: unset;
  padding-bottom: 2.5rem;
}

.ccl__dpx-error.horizontal .ccl-c-error-message__content {
  display: flex;
  justify-content: center;
}
.ccl__dpx-error.horizontal .ccl-c-error-message__text {
  margin: 1rem 0 0 1rem;
}

.ccl__ifu-search {
  margin-bottom: 40px;
  width: 100%;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.ccl__ifu-search--tips {
  font-size: 18px;
  line-height: 28px;
  color: #384967;
  margin-bottom: 24px;
  margin-top: 49px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.ccl__ifu-search--tips p,
.ccl__ifu-search--tips span,
.ccl__ifu-search--tips strong,
.ccl__ifu-search--tips a {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.ccl__ifu-search--search-box .ccl__form-input__label,
.ccl__ifu-search--search-box .ccl__form-typeahead__label {
  font-size: 16px;
  line-height: 24px;
}
.ccl__ifu-search--search-box .ccl__select-input-country .ccl__select-input__select__menu {
  min-width: 100%;
}
.ccl__ifu-search--search-box .ccl__select-input .ccl__select-input__select__control,
.ccl__ifu-search--search-box .ccl__select-input .ccl__select-input__dropdown {
  width: 100%;
  padding: 7px 8px;
  height: 44px;
  font-size: 16px;
  line-height: 24px;
}
.ccl__ifu-search--search-box .ccl__form-typeahead--container .ccl__form-typeahead--is-input {
  padding-top: 7px;
  padding-bottom: 7px;
  height: 44px;
  font-size: 16px;
  line-height: 24px;
}
.ccl__ifu-search--noResultTips {
  font-size: 16px;
  line-height: 24px;
  color: #384967;
  font-weight: 400;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin-top: 12px;
}

.ccl__dcx_ifu-wrapper--title {
  color: black;
}
.ccl__dcx_ifu-wrapper--breadcrumb {
  margin-top: 16px;
}
.ccl__dcx_ifu-wrapper--breadcrumb .ccl-e-breadcrumb__item {
  font-weight: 500;
  text-decoration: none;
  color: #3f1482;
  font-size: 14px;
  line-height: 20px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin-top: 0;
  display: inline;
}
.ccl__dcx_ifu-wrapper--breadcrumb .ccl-e-breadcrumb__item.ccl-e-breadcrumb__item__separator:last-child {
  display: none;
}
.ccl__dcx_ifu-wrapper--breadcrumb li.ccl-e-breadcrumb__item > span {
  color: #384967;
  vertical-align: bottom;
  margin-right: 8px;
}
.ccl__dcx_ifu-wrapper .ccl-e-formatted-composite {
  display: none;
}
.ccl__dcx_ifu-wrapper .ccl-e-formatted-composite--dcx {
  display: block;
}
.ccl__data-table--dcx .ccl__results-heading .ccl__dcx_ifu-wrapper .ccl-e-formatted-composite {
  font-size: 16px;
  line-height: 24px;
  color: #384967;
  font-weight: 400;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx {
  width: 100%;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-image {
  background-color: transparent;
  width: 5.25rem;
  margin: auto;
  display: none;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl__icon--chevron-right {
  cursor: pointer;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl__dcx-error {
  margin: auto;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl__dcx-error .ccl-c-error-message__button-control {
  display: none;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl__dcx-error .ccl-c-error-message__content {
  display: flex;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl__dcx-error .ccl-c-error-message__text {
  margin: 1rem 0 0 1rem;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__thead__tr__th {
  border-width: 0 0 2px;
  background-color: transparent;
  max-width: 65%;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__thead__tr__th .ccl-e-table__column-title {
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__thead__tr__th .ccl-e-table__thead__column-title {
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__tbody__tr__td {
  vertical-align: top;
  max-width: 65%;
  border-bottom: 1px solid #cfcfd0;
  background-color: #fff;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__tbody__tr__td:first-child .ccl-e-link--text .ccl__text--interactive-small-text {
  font-weight: 700;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__tbody__tr__td:last-child .ccl-e-link--text .ccl__text--interactive-small-text {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  text-decoration: underline;
  color: #384967;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__tbody__tr--highlight {
  background-color: #faf9f6;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx .ccl-e-table__tbody__tr:hover {
  background-color: #faf9f6;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx--equipment th:nth-child(3) {
  width: 35%;
}
.ccl__dcx_ifu-wrapper .ccl__data-table--dcx--equipment th:nth-child(4) {
  width: 35%;
}
.ccl__dcx_ifu-wrapper--detailsView-table {
  margin-top: 24px;
  margin-bottom: 52px;
}
.ccl__dcx_ifu-wrapper--detailsView-table .ccl__ifu-search--tips {
  margin-top: 42px;
}
.ccl__dcx_ifu-wrapper .ccl__title--heading-4 {
  color: #000;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 28px;
}
.ccl__dcx_ifu-wrapper .ccl-e-formatted-composite {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #384967;
}
.ccl__dcx_ifu-wrapper .ccl__container {
  width: 100%;
  display: block;
}
.ccl__dcx_ifu-wrapper--footerTips {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 50px auto;
  font-size: 16px;
  line-height: 24px;
}
.ccl__dcx_ifu-wrapper--footerTips p,
.ccl__dcx_ifu-wrapper--footerTips span,
.ccl__dcx_ifu-wrapper--footerTips a {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}

.ceros-container {
  position: relative;
  width: auto;
  height: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  border: 0 none;
}
.ceros-container .ceros-experience {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0 none;
  width: 1px;
  height: 1px;
  min-height: 100%;
  min-width: 100%;
}

.sidebarHeader h2 {
  color: #fff;
}

/* Position webchat button above nav bar (60px high) for mobile and tablet */
div.embeddedServiceHelpButton div.helpButton,
div.embeddedServiceHelpButton.embeddedServiceBottomTabBar div.helpButton {
  bottom: 72px;
  /* Override safari-specific selector from salesforce */
}
@supports not (-ms-high-contrast: none) {
  div.embeddedServiceHelpButton div.helpButton,
  div.embeddedServiceHelpButton.embeddedServiceBottomTabBar div.helpButton {
    bottom: 72px;
  }
}
@media only screen and (min-width: 48em) {
  div.embeddedServiceHelpButton div.helpButton,
  div.embeddedServiceHelpButton.embeddedServiceBottomTabBar div.helpButton {
    bottom: 60px;
  }
  @supports not (-ms-high-contrast: none) {
    div.embeddedServiceHelpButton div.helpButton,
    div.embeddedServiceHelpButton.embeddedServiceBottomTabBar div.helpButton {
      bottom: 60px;
    }
  }
}
@media only screen and (min-width: 64em) {
  div.embeddedServiceHelpButton div.helpButton,
  div.embeddedServiceHelpButton.embeddedServiceBottomTabBar div.helpButton {
    bottom: 0;
  }
}

div.modalContainer.sidebarMaximized.layout-docked.embeddedServiceSidebar {
  /* Set height and width for svg, fixes not being computed on mobile */
  /*
  Restyle mobile fullscreen webchat form window between header (65px high) and nav bar (60px high)
  Includes workaround to reposition window 60px up
  */
}
div.modalContainer.sidebarMaximized.layout-docked.embeddedServiceSidebar header.sidebarHeader button.minimizeButton svg,
div.modalContainer.sidebarMaximized.layout-docked.embeddedServiceSidebar header.sidebarHeader button.closeButton svg {
  height: 20px;
  width: 20px;
}
@media (max-width: 63.9375em) {
  div.modalContainer.sidebarMaximized.layout-docked.embeddedServiceSidebar {
    height: calc(100% - 125px);
    top: 125px;
    /* Move side chat window above nav bar if not fullscreen */
  }
  div.modalContainer.sidebarMaximized.layout-docked.embeddedServiceSidebar div.dockableContainer.showDockableContainer {
    bottom: 60px;
  }
}

/* Minimised button */
@media (max-width: 63.9375em) {
  div.modalContainer.sidebarMinimized.layout-docked.embeddedServiceSidebar button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI {
    bottom: 60px;
    /* Override safari-specific selector from salesforce */
  }
  @supports not (-ms-high-contrast: none) {
    div.modalContainer.sidebarMinimized.layout-docked.embeddedServiceSidebar button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI {
      bottom: 60px;
    }
  }
  div.modalContainer.sidebarMinimized.layout-docked.embeddedServiceSidebar button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI.embeddedServiceBottomTabBar {
    bottom: 72px;
  }
  @supports not (-ms-high-contrast: none) {
    div.modalContainer.sidebarMinimized.layout-docked.embeddedServiceSidebar button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI.embeddedServiceBottomTabBar {
      bottom: 72px;
    }
  }
}

.anchor-nav {
  background-color: #ffffff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  z-index: 3;
  border-bottom: 2px solid #ebebeb;
  overflow: hidden;
}
.anchor-nav::after {
  clear: both;
}
.anchor-nav::before {
  clear: both;
}
.anchor-nav.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.anchor-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #ffffff;
}
.anchor-nav li {
  padding: 16px 16px 16px 48px;
  list-style: none;
  display: block;
  margin: 0;
  border-top: 2px solid #ebebeb;
  position: relative;
}
.anchor-nav li a {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #384967;
  text-decoration: none;
}
.anchor-nav li:hover {
  background-color: #faf9f6;
}
.anchor-nav li:focus {
  background-color: #fcefd1;
}
.anchor-nav li.selected {
  background-color: #faf9f6;
}
.anchor-nav li.selected::before {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADJSURBVHgBpdG/DgExHAfwXw+D7UZDhxswSy6SjrVdbN5BxOgNGD2CR7FhMxB2hg73DiK5U79fB+E42vombfon/eTXFuCPSDkJRTKUNGbgGUKu9ctKA3RueTYIwCPPCE5VENSOzhUVEdCst10ulBNUhtCeNfQNsYZ+IZSKSMYRb8UH3o7D9LTf+CAU+rXINM1moj+a+iCmovS8U7zZZXhJiTeVWBlQZS6IgahDbF3E8mo2t0Ue0CcMlxq2yAv0jtkjpcGflPRGLmfuDPmKteuDMX8AAAAASUVORK5CYII=");
  width: 20px;
  height: 15px;
  display: inline-block;
  background-size: 100%;
  top: 20px;
  position: absolute;
  left: 20px;
}
.anchor-nav .get-started {
  float: right;
  margin-right: -200px;
  margin-top: 15px;
  padding: 10px 12px 10px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #3f1482;
  border-radius: 12px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  background-color: #f1be48;
  border-color: #f1be48;
}
.anchor-nav .get-started:hover {
  background-color: #f4b013;
  border-color: #f4b013;
}
.anchor-nav .get-started.show {
  margin-right: 10px; /* Bringing the button into view */
  opacity: 1;
}
.anchor-nav .menu {
  background-color: #ffffff;
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
.anchor-nav .menu-icon {
  cursor: pointer;
  display: block;
  float: left;
  padding: 20px;
  position: relative;
  user-select: none;
  color: #3f1482;
  background: none;
  border: none;
}
.anchor-nav .menu-icon::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 7px;
  position: relative;
  left: 5px;
}
.anchor-nav.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.anchor-nav .menu-btn {
  display: none;
}
.anchor-nav .menu-btn.active ~ .menu {
  max-height: 500px;
}
.anchor-nav .mobile-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  z-index: 1;
}
.anchor-nav .z-index-2 {
  position: relative;
  z-index: 2;
}

@media (min-width: 47.99em) {
  .anchor-nav li {
    display: inline-block;
    border-top: none;
    padding: 12px 0;
    margin: 0;
  }
  .anchor-nav li a {
    font-weight: 450;
    font-size: 16px;
    line-height: 38px;
    color: #384967;
    text-decoration: none;
    padding: 12px 16px 14px;
  }
  .anchor-nav li:hover {
    background-color: #f5f5f5;
  }
  .anchor-nav li:focus {
    background-color: #fcefd1;
  }
  .anchor-nav li.selected {
    border-bottom: 2px solid #3f1482;
    background-color: #ffffff;
  }
  .anchor-nav li.selected::before {
    content: none;
  }
  .anchor-nav .menu {
    background-color: #ffffff;
    clear: none;
    float: left;
    max-height: none;
  }
  .anchor-nav .menu-icon {
    display: none;
  }
  .anchor-nav .get-started {
    margin-top: 10px;
  }
}
.campaign-container {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4eae7;
}
.campaign-container.orange {
  background-color: #ebe7d9;
}
.campaign-container.orange .accordion-panel {
  border-top-color: #faf9f6;
}
.campaign-container-accordian {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 104px;
  max-width: 1366px;
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  /* Style the accordion panel. Note: hidden by default */
}
.campaign-container-accordian.left-image {
  flex-direction: row-reverse;
}
@media (max-width: 79.9375em) {
  .campaign-container-accordian.left-image {
    justify-content: center;
  }
}
.campaign-container-accordian.left-image .campaign-container-accordian-faq {
  margin-right: 0;
  margin-left: 123px;
}
@media (max-width: 79.9375em) {
  .campaign-container-accordian.left-image .campaign-container-accordian-faq {
    margin-left: 40px;
  }
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian.left-image .campaign-container-accordian-faq {
    margin-left: 0;
  }
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian {
    display: block;
    padding: 48px 20px;
  }
}
.campaign-container-accordian-faq {
  max-width: 469px;
  margin-right: 123px;
}
@media (max-width: 79.9375em) {
  .campaign-container-accordian-faq {
    max-width: calc(50% - 40px);
    margin-right: 40px;
  }
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian-faq {
    max-width: 100%;
  }
}
.campaign-container-accordian-faq-content-heading {
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  color: #384967;
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian-faq-content-heading {
    font-size: 32px;
    line-height: 44px;
  }
}
.campaign-container-accordian-faq-content-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-top: 16px;
  color: #384967;
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian-faq-content-description {
    font-size: 16px;
    line-height: 24px;
  }
}
.campaign-container-accordian-faq-content-get-started {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.campaign-container-accordian-faq-content-get-started .cta-button {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #3f1482;
  border-radius: 16px;
  padding: 12px 28px 12px 32px;
  height: 52px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 192px;
  text-align: center;
  background-color: #f1be48;
  border-color: #f1be48;
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian-faq-content-get-started .cta-button {
    max-width: 343px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
}
.campaign-container-accordian-faq-content-get-started .cta-button::after {
  top: 4px;
}
.campaign-container-accordian .accordion-item {
  padding-right: 0;
  margin-right: 0;
  width: 575px;
}
@media (max-width: 79.9375em) {
  .campaign-container-accordian .accordion-item {
    min-width: 400px;
    width: 100%;
  }
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian .accordion-item {
    width: calc(100vw - 32px);
    min-width: auto;
  }
}
.campaign-container-accordian .accordion-item:focus, .campaign-container-accordian .accordion-item:hover {
  text-decoration: none;
}
.campaign-container-accordian .accordion-item:not(:first-of-type) .accordion-item-title {
  border-top: 1px solid #cccccc;
}
.campaign-container-accordian .accordion-item-title {
  cursor: pointer;
}
.campaign-container-accordian .accordion-trigger {
  font-size: 18px;
  line-height: 28px;
  background-color: #faf9f6;
  color: #56565a;
  cursor: pointer;
  padding: 12px 16px;
  width: 100%;
  text-align: left;
  border: 0;
  outline: none;
  display: block;
  margin: 0;
  position: relative;
  font-weight: 400;
  min-height: 52px;
  color: #3f1482;
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian .accordion-trigger {
    height: auto;
  }
}
.campaign-container-accordian .accordion-trigger:hover {
  text-decoration: none;
  background-color: #faf9f6;
}
.campaign-container-accordian .accordion-trigger::after {
  background: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  white-space: pre;
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  background-size: 100%;
  top: calc(40% - 7px);
}
.campaign-container-accordian .accordion-trigger.active {
  box-shadow: inset 0px -1px 0px #f4b013;
}
.campaign-container-accordian .accordion-trigger.active::after {
  transform: rotate(180deg);
}
.campaign-container-accordian .active,
.campaign-container-accordian .accordion:hover {
  color: #3f1482;
}
.campaign-container-accordian .accordion:focus {
  outline-width: 5px;
  outline-style: auto;
  outline-color: -webkit-focus-ring-color;
}
.campaign-container-accordian .expanded {
  display: block;
}
.campaign-container-accordian .notExpanded {
  display: none;
}
.campaign-container-accordian .panel {
  padding: 0 18px;
  background-color: #ffffff;
  display: none;
}
.campaign-container-accordian .accordion-panel {
  text-decoration: none;
  padding: 12px 16px 16px;
  background-color: #faf9f6;
  border-top: 1px solid #f4b013;
  color: #384967;
}
.campaign-container-accordian .accordion-panel img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.campaign-container-accordian .accordion-panel p > a,
.campaign-container-accordian .accordion-panel a {
  color: #3f1482;
}
.campaign-container-accordian.full-width-border {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
@media (max-width: 47.9375em) {
  .campaign-container-accordian-collaps {
    margin-top: 32px;
  }
}
.campaign-container .break-line {
  border-bottom: 1px solid #92aca0;
  margin: 80px 0;
}
@media only screen and (max-width: 47.9375em) {
  .campaign-container .break-line {
    margin: 48px 0;
  }
}

div#root > div[dir=rtl] .stacked-accordions.full-width-border {
  margin-left: 0;
  margin-right: calc(50% - 50vw);
}
div#root > div[dir=rtl] .stacked-accordions .accordion-trigger {
  text-align: right;
}
div#root > div[dir=rtl] .stacked-accordions .accordion-trigger::after {
  right: inherit;
  left: 0;
}
div#root > div[dir=rtl] .stacked-accordions tr td {
  border-left: none;
}

.cardSlider-container {
  padding: 104px 20px 190px;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  width: 100vw;
  justify-content: center;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container {
    padding: 48px 20px 200px;
  }
}
.cardSlider-container-title-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 48px;
  max-width: 1158px;
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-title-container {
    display: block;
    padding-bottom: 32px;
  }
}
.cardSlider-container-title-container p {
  margin: 0;
}
.cardSlider-container-title-container-title {
  color: #384967;
  font-size: 36px;
  line-height: 48px;
  max-width: 600px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-title-container-title {
    font-size: 32px;
    line-height: 44px;
  }
}
.cardSlider-container-title-container-link-text {
  text-decoration: none;
  color: #3f1482;
  font-size: 18px;
  line-height: 28px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-title-container-link-text {
    position: absolute;
    bottom: 48px;
  }
}
.cardSlider-container-card-slider {
  position: relative;
  max-width: 1158px;
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider {
    max-width: 310px;
    margin: 0;
  }
}
.cardSlider-container-card-slider .react-multi-carousel-list {
  overflow: visible;
}
.cardSlider-container-card-slider-scroll-container {
  display: flex;
  scroll-snap-type: x mandatory;
  list-style-type: none;
  padding: 0;
}
.cardSlider-container-card-slider-scroll-container .react-multi-carousel-track li {
  max-width: 370px !important;
  height: 586px;
  border: 1px solid #cfcfd0;
  margin-right: 24px;
  position: relative;
  margin-top: 0;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider-scroll-container .react-multi-carousel-track li {
    max-width: 285px !important;
    height: 484px;
  }
}
.cardSlider-container-card-slider-scroll-container-card-item img {
  transition: all ease-in-out 0.5s;
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box {
  max-width: 370px;
  height: 272px;
  left: 0;
  top: 0;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider-scroll-container-card-item-image-box {
    max-width: 284px !important;
    height: 209px;
  }
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box .video-modal-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box .video-modal-cta::before, .cardSlider-container-card-slider-scroll-container-card-item-image-box .video-modal-cta::after {
  content: "";
  position: absolute;
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box .video-modal-cta::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box .video-modal-cta::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
.cardSlider-container-card-slider-scroll-container-card-item-image-box .video-modal-cta::after {
  left: calc(50% + 5px);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #ffffff;
}
.cardSlider-container-card-slider-scroll-container-card-item-info-box {
  padding: 32px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider-scroll-container-card-item-info-box {
    padding: 24px;
  }
}
.cardSlider-container-card-slider-scroll-container-card-item-info-box-title-text, .cardSlider-container-card-slider-scroll-container-card-item-info-box-user-text {
  font-size: 18px;
  line-height: 28px;
  font-family: inherit;
  color: #384967;
  margin-bottom: 12px;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider-scroll-container-card-item-info-box-title-text, .cardSlider-container-card-slider-scroll-container-card-item-info-box-user-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.cardSlider-container-card-slider-scroll-container-card-item-info-box-info-text {
  height: 130px;
  color: #384967;
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider-scroll-container-card-item-info-box-info-text {
    max-width: 230px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 112px;
  }
}
.cardSlider-container-card-slider-scroll-container-card-item-info-box-user-text {
  margin-top: 54px;
  display: block;
  text-decoration: none;
  color: #3f1482;
}
.cardSlider-container-card-slider-scroll-container-card-item:hover img {
  transform: scale(1.1);
  transition: transform ease-in-out 0.5s;
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f1be48;
  border: none;
  bottom: -90px;
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow:hover {
  background: #f1be48;
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow.disabled {
  background: #d6d6d6;
  z-index: -1;
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow.disabled::before {
  opacity: 0.5;
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left {
  left: calc(40% + 1px);
}
@media only screen and (max-width: 79.9375em) {
  .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left {
    left: calc(35% + 1px);
  }
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left {
    left: calc(10% + 1px);
  }
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right::before, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBnZM9DsIwDIXtpAtMILUzcJG2nIRyArhBfzgA3ADYGDlCjsGYnQUWmFoTVQKpookaPymSFft9kmVbgkNxuMsXo2Sq3+pmqxG2RBJVRwQqCOUGHApsZiDIzNNY12sXAN3mZqkehR4M8DV3ABzzD8A1t4A4rPaGsgWGCKg0Y6QnMCUQJm0LaVSeiHDFauEbcCGdMXIgf4vkC8G+Tx9I7zGpe54h0tng502AB3BI2hL6pa6zcYoC6GJibav7ACejhNME9NiHAAAAAElFTkSuQmCC");
  width: 16px;
  height: 16px;
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right.react-multiple-carousel__arrow--right, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left.react-multiple-carousel__arrow--right {
  right: calc(40% + 1px);
  left: unset;
}
@media only screen and (max-width: 79.9375em) {
  .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right.react-multiple-carousel__arrow--right, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left.react-multiple-carousel__arrow--right {
    right: calc(35% + 1px);
  }
}
@media only screen and (max-width: 47.9375em) {
  .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right.react-multiple-carousel__arrow--right, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left.react-multiple-carousel__arrow--right {
    right: calc(10% + 1px);
  }
}
.cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right.react-multiple-carousel__arrow--right::before, .cardSlider-container-card-slider .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left.react-multiple-carousel__arrow--right::before {
  transform: rotate(180deg);
  top: 33%;
  left: 37%;
}
.cardSlider-container-card-slider .react-multi-carousel-dot-list {
  bottom: -75px;
}
.cardSlider-container-card-slider .react-multi-carousel-dot-list li {
  margin-top: 0;
}
.cardSlider-container-card-slider .react-multi-carousel-dot-list li:not(:last-child) {
  margin-right: 8px;
}
.cardSlider-container-card-slider .react-multi-carousel-dot-list li.react-multi-carousel-dot button {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 1;
  padding: 5px;
  box-shadow: none;
  background: #d6d6d6;
  border: none;
  margin: 0;
  margin-right: 6px;
  outline: 0;
  cursor: pointer;
}
.cardSlider-container-card-slider .react-multi-carousel-dot-list li.react-multi-carousel-dot.react-multi-carousel-dot--active button {
  background: #3f1482;
  border: none;
}
.cardSlider-container-card-slider .slider-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardSlider-container-card-slider .slider-controls .slider-dots {
  display: flex;
  list-style: none;
  padding: 0 32px;
}
.cardSlider-container-card-slider .slider-controls .slider-dots li {
  margin-top: 0;
}
.cardSlider-container-card-slider .slider-controls .slider-dots li:not(:last-child) {
  margin-right: 8px;
}
.cardSlider-container-card-slider .slider-controls .slider-dots span {
  position: relative;
  margin-top: 0;
}
.cardSlider-container-card-slider .slider-controls .slider-dots span::after {
  content: "";
  display: flex;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d6d6d6;
}
.cardSlider-container-card-slider .slider-controls .slider-dots span.active::after {
  background-color: #3f1482;
}
.cardSlider-container-card-slider .slider-controls-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f1be48;
  border: none;
}
.cardSlider-container-card-slider .slider-controls-button.prev, .cardSlider-container-card-slider .slider-controls-button.next {
  position: relative;
}
.cardSlider-container-card-slider .slider-controls-button.prev::before, .cardSlider-container-card-slider .slider-controls-button.next::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBnZM9DsIwDIXtpAtMILUzcJG2nIRyArhBfzgA3ADYGDlCjsGYnQUWmFoTVQKpookaPymSFft9kmVbgkNxuMsXo2Sq3+pmqxG2RBJVRwQqCOUGHApsZiDIzNNY12sXAN3mZqkehR4M8DV3ABzzD8A1t4A4rPaGsgWGCKg0Y6QnMCUQJm0LaVSeiHDFauEbcCGdMXIgf4vkC8G+Tx9I7zGpe54h0tng502AB3BI2hL6pa6zcYoC6GJibav7ACejhNME9NiHAAAAAElFTkSuQmCC");
  width: 16px;
  height: 16px;
}
.cardSlider-container-card-slider .slider-controls-button.next::before {
  transform: rotate(180deg);
  top: 34%;
  left: 35%;
}

.campaign-cta-container {
  width: 100vw;
  position: relative;
  margin-inline: -50vw;
  left: 50%;
  right: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.campaign-cta-container .cta-question-container {
  display: flex;
  flex-wrap: wrap;
  width: 1158px;
  margin-bottom: 80px;
}
.campaign-cta-container .cta-question-container .question-bubble {
  height: auto;
  padding: 25px 32px;
  background-color: #cdcfd9;
  border-radius: 16px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  margin-right: 24px;
  margin-top: 47px;
  color: #384967;
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-question-container .question-bubble {
    font-size: 24px;
    line-height: 32px;
    padding: 28px 50px;
    margin-top: 28px;
  }
}
.campaign-cta-container .cta-question-container .question-bubble.twoCol {
  width: 567px !important;
  height: 122px;
}
@media only screen and (max-width: 85.312em) {
  .campaign-cta-container .cta-question-container .question-bubble.twoCol {
    width: calc(50% - 12px) !important;
    height: fit-content;
  }
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-question-container .question-bubble.twoCol {
    width: 100% !important;
    min-height: 146px;
  }
  .campaign-cta-container .cta-question-container .question-bubble.twoCol:nth-child(n) {
    margin-right: 0;
  }
}
.campaign-cta-container .cta-question-container .question-bubble.twoCol:nth-child(2n) {
  margin-right: 0;
}
.campaign-cta-container .cta-question-container .question-bubble.twoCol .question-text {
  margin: 0 auto;
}
.campaign-cta-container .cta-question-container .question-bubble.threeCol {
  width: 370px !important;
  height: 158px;
}
@media only screen and (max-width: 85.312em) {
  .campaign-cta-container .cta-question-container .question-bubble.threeCol {
    width: calc(33.33% - 16px) !important;
    height: fit-content;
  }
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-question-container .question-bubble.threeCol {
    width: 100% !important;
    min-height: 146px;
  }
  .campaign-cta-container .cta-question-container .question-bubble.threeCol:nth-child(n) {
    margin-right: 0;
  }
}
.campaign-cta-container .cta-question-container .question-bubble.threeCol .question-text {
  margin: 0 auto;
}
.campaign-cta-container .cta-question-container .question-bubble.threeCol:nth-child(3n) {
  margin-right: 0;
}
.campaign-cta-container .cta-question-container .question-bubble.fourCol {
  width: 271px !important;
  height: 230px;
}
@media only screen and (max-width: 85.312em) {
  .campaign-cta-container .cta-question-container .question-bubble.fourCol {
    width: calc(50% - 12px) !important;
  }
  .campaign-cta-container .cta-question-container .question-bubble.fourCol:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-question-container .question-bubble.fourCol {
    width: 100% !important;
    min-height: 146px;
  }
  .campaign-cta-container .cta-question-container .question-bubble.fourCol:nth-child(n) {
    margin-right: 0;
  }
}
.campaign-cta-container .cta-question-container .question-bubble.fourCol:nth-child(4n) {
  margin-right: 0;
}
.campaign-cta-container .cta-question-container .question-bubble::after {
  content: " ";
  position: absolute;
  left: auto;
  right: 40px;
  bottom: -23px;
  width: 40px;
  height: 23px;
}
.campaign-cta-container .cta-question-container .question-bubble:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 64em) {
  .campaign-cta-container .cta-question-container .question-bubble {
    margin-bottom: 28px;
  }
  .campaign-cta-container .cta-question-container .question-bubble:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 85.312em) {
  .campaign-cta-container .cta-question-container {
    width: 100%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-question-container {
    flex-direction: column;
    margin-bottom: 64px;
  }
}
.campaign-cta-container .campaign-lists {
  padding: 104px;
  max-width: 1366px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 85.312em) {
  .campaign-cta-container .campaign-lists {
    max-width: 100%;
    width: calc(100% - 16px);
  }
}
@media only screen and (min-width: 47.9375em) and (max-width: 62em) {
  .campaign-cta-container .campaign-lists {
    padding: 104px 10px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .campaign-lists {
    border: none;
    padding: 16px;
  }
}
.campaign-cta-container .cta-question-text {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin: 0 auto 1px;
  max-width: 30ch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #384967;
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-question-text {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 28px;
  }
}
.campaign-cta-container .cta-description-text {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 24px;
  text-align: center;
  color: #384967;
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-description-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.campaign-cta-container .cta-button-container .cta-button {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #3f1482;
  border-radius: 16px;
  padding: 12px 32px;
  height: 52px;
  margin: 0 auto;
}
.campaign-cta-container .cta-button-container .cta-button::after {
  top: 3px;
}
@media only screen and (max-width: 47.9375em) {
  .campaign-cta-container .cta-button-container .cta-button {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    max-width: 347px;
    text-align: center;
  }
}
.campaign-cta-container.version-1 .cta-question-container .question-bubble::after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOSIgaGVpZ2h0PSIyMyIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNLjUgMGgzOHYxNC44MDRjMCA2LjgwMi03Ljk1IDEwLjUwMS0xMy4xNTMgNi4xMTlMLjUgMHoiIGZpbGw9IiNjZGNmZDkiLz48L3N2Zz4=");
}
.campaign-cta-container.version-2 {
  background-color: #fcefd1;
  border-color: #fcefd1;
}
.campaign-cta-container.version-2 .cta-question-container .question-bubble::after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIyMyIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMCAwaDM4djE0LjgwNGMwIDYuODAyLTcuOTUgMTAuNTAxLTEzLjE1MyA2LjExOUwwIDB6IiBmaWxsPSIjZjFiZTQ4Ii8+PC9zdmc+");
}
.campaign-cta-container.version-2 .cta-question-container .question-bubble.twoCol, .campaign-cta-container.version-2 .cta-question-container .question-bubble.threeCol, .campaign-cta-container.version-2 .cta-question-container .question-bubble.fourCol {
  background-color: #f1be48;
}
.campaign-cta-container.version-3 {
  background-color: #fef1e6;
  border-color: #fef1e6;
}
.campaign-cta-container.version-3 .cta-question-container .question-bubble::after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIyMyIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMCAwaDM4djE0LjgwNGMwIDYuODAyLTcuOTUgMTAuNTAxLTEzLjE1MyA2LjExOUwwIDB6IiBmaWxsPSIjZmNjODliIi8+PC9zdmc+");
}
.campaign-cta-container.version-3 .cta-question-container .question-bubble.twoCol, .campaign-cta-container.version-3 .cta-question-container .question-bubble.threeCol, .campaign-cta-container.version-3 .cta-question-container .question-bubble.fourCol {
  background-color: #fcc89b;
}

.marketing-consent-container {
  background-color: #fcefd1;
  background-position: center;
  background-size: cover;
  width: 100%;
}

.marketing-consent {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 64em) {
  .marketing-consent {
    display: block;
  }
  .marketing-consent.l-container {
    width: unset;
  }
}
.marketing-consent .text-block-container,
.marketing-consent .image-block-container {
  width: 50%;
}
@media screen and (max-width: 64em) {
  .marketing-consent .text-block-container,
  .marketing-consent .image-block-container {
    width: 100%;
  }
}
.marketing-consent .text-block-container {
  padding: 72px;
}
@media screen and (max-width: 64em) {
  .marketing-consent .text-block-container {
    padding: 48px 16px;
  }
}
.marketing-consent .description-text {
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  color: #384967;
  margin-bottom: 32px;
}
@media screen and (max-width: 64em) {
  .marketing-consent .description-text {
    font-size: 32px;
    line-height: 44px;
  }
}
.marketing-consent .cta-button {
  padding: 12px 32px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #3f1482;
  border-radius: 16px;
}
@media screen and (max-width: 64em) {
  .marketing-consent .cta-button {
    width: 100%;
    text-align: center;
  }
}
.marketing-consent .cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.marketing-consent .image-block-container img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
@media screen and (max-width: 64em) {
  .marketing-consent .image-block-container img {
    display: block;
  }
}

.campaign-multi-callout-container {
  width: 100vw;
  position: relative;
  margin-inline: -50vw;
  left: 50%;
  right: 50%;
}
.campaign-multi-callout-container p,
.campaign-multi-callout-container li {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.campaign-multi-callout-container-banner {
  max-width: 1366px;
  margin: 0 auto;
  padding: 48px 16px;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .campaign-multi-callout-container-banner {
    padding: 60px;
  }
}
@media screen and (min-width: 80em) {
  .campaign-multi-callout-container-banner {
    padding: 104px;
  }
}
.campaign-multi-callout-container-banner-heading {
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 80em) {
  .campaign-multi-callout-container-banner-heading {
    font-size: 36px;
    line-height: 48px;
  }
}
.campaign-multi-callout-container-banner .callout-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  margin-top: 12px;
}
@media screen and (min-width: 48em) {
  .campaign-multi-callout-container-banner .callout-block {
    flex: 1 0 auto;
    flex-flow: row wrap;
    margin-top: 24px;
  }
  .campaign-multi-callout-container-banner .callout-block.two-block {
    margin-inline: auto;
    max-width: 962px;
  }
  .campaign-multi-callout-container-banner .callout-block.two-block .callout-card {
    width: calc((100% - 24px) / 2); /* gap between columns */
  }
  .campaign-multi-callout-container-banner .callout-block.three-block .callout-card {
    width: calc((100% - 48px) / 3); /* gap between columns */
  }
}
.campaign-multi-callout-container-banner .callout-block .callout-card {
  border-radius: 16px;
  padding: 20px;
  text-align: start;
}
@media screen and (min-width: 80em) {
  .campaign-multi-callout-container-banner .callout-block .callout-card {
    padding: 40px 48px;
  }
}
.campaign-multi-callout-container-banner .callout-block .callout-card .callout-heading {
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media screen and (min-width: 48em) {
  .campaign-multi-callout-container-banner .callout-block .callout-card .callout-heading {
    font-size: 24px;
    line-height: 32px;
  }
}
.campaign-multi-callout-container-banner .callout-block .callout-card .callout-details {
  color: #384967;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .campaign-multi-callout-container-banner .callout-block .callout-card .callout-details {
    font-size: 18px;
    line-height: 28px;
  }
}
.campaign-multi-callout-container-banner .callout-block .callout-card .callout-background-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}
.campaign-multi-callout-container-banner .multi-callout-description {
  color: #384967;
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
}
@media screen and (min-width: 48em) {
  .campaign-multi-callout-container-banner .multi-callout-description {
    font-size: 18px;
    line-height: 28px;
    margin-top: 40px;
  }
}
.campaign-multi-callout-container.variant-1 {
  background-color: #e4eae7;
}
.campaign-multi-callout-container.variant-1 .callout-card {
  background-color: #c9d6d0;
}
.campaign-multi-callout-container.variant-2 {
  background-color: #ffffff;
}
.campaign-multi-callout-container.variant-2 .callout-card {
  background-color: #f8dfa4;
}
.campaign-multi-callout-container.variant-3 {
  background-color: #e1e4e8;
}
.campaign-multi-callout-container.variant-3 .callout-card {
  background-color: #cdcfd9;
}
.campaign-multi-callout-container .cta-button {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #3f1482;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 24px auto 0;
  border-radius: 16px;
  min-width: 190px;
  padding: 12px 28px 12px 32px;
  width: fit-content;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 47.9375em) {
  .campaign-multi-callout-container .cta-button {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    max-width: 343px;
  }
}
.campaign-multi-callout-container .cta-button::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACpSURBVHgBfY+xDcIwEEXv7FTQUGSBbAA9AtMxAtvkEBMwDhXegIzgMhKNaRBF8HE2QgpWki/5dPJ/Ov2vQbQpT3U13z7c07aQCc2Cllyom+weMezsnZo+oN3LttXMoLB7eQe5dOlf0nHIhx2D9I8cgzAPZcojMWCdMnVhpXIggOK0fCf8AbEuApOYHt/SyJPDCTPVxSkzAeuSjAZ1HTJThqKDhpnPQ2bUB+gUZBvXj9BLAAAAAElFTkSuQmCC");
  left: 12px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: auto;
  transform: none;
  top: 8px;
}
.campaign-multi-callout-container .break-line {
  border-bottom: 1px solid #92aca0;
  margin: 0 auto;
  max-width: 1366px;
}
@media only screen and (max-width: 47.9375em) {
  .campaign-multi-callout-container .break-line {
    margin: 48px 0;
  }
}

.takeways-container {
  width: 100vw;
  position: relative;
  margin-inline: -50vw;
  left: 50%;
  right: 50%;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  justify-content: center;
  padding: 104px 0;
}
@media (max-width: 79.9375em) {
  .takeways-container {
    padding: 104px 16px;
  }
}
@media (max-width: 47.9375em) {
  .takeways-container {
    padding: 48px 16px;
  }
}
.takeways-container-content {
  display: block;
  margin: 0 auto;
  max-width: 1366px;
}
@media screen and (min-width: 48em) {
  .takeways-container-content {
    align-items: center;
    column-gap: 40px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 80em) {
  .takeways-container-content {
    column-gap: 123px;
  }
}
.takeways-container-content-title-div {
  width: 370px;
}
@media (max-width: 79.9375em) {
  .takeways-container-content-title-div {
    width: 100%;
    margin: 0 auto;
  }
}
.takeways-container-content-title-div-title {
  font-size: 36px;
  line-height: 48px;
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 24px;
}
@media (max-width: 47.9375em) {
  .takeways-container-content-title-div-title {
    font-size: 32px;
    line-height: 44px;
  }
}
.takeways-container-content-title-div-subtitle {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 8px;
}
@media (max-width: 47.9375em) {
  .takeways-container-content-title-div-subtitle {
    line-height: 32px;
  }
}
.takeways-container-content-title-div-copytext {
  color: #384967;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
@media (max-width: 47.9375em) {
  .takeways-container-content-title-div-copytext {
    font-size: 16px;
    line-height: 24px;
  }
}
.takeways-container-content-image-div {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 32px;
  max-width: fit-content;
}
@media screen and (min-width: 48em) {
  .takeways-container-content-image-div {
    flex-direction: row;
    margin-top: 0;
    width: auto;
  }
  .takeways-container-content-image-div.left-image {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 80em) {
  .takeways-container-content-image-div {
    width: 665px;
  }
}
.takeways-container-content-image-div img {
  border-radius: 16px 16px 0 0;
  width: 279px;
  height: auto;
  position: relative;
  z-index: -1;
}
@media screen and (min-width: 48em) {
  .takeways-container-content-image-div img {
    border-radius: 16px 0 0 16px;
    width: 158px;
  }
  [dir=rtl] .takeways-container-content-image-div img {
    border-radius: 0 16px 16px 0;
  }
}
@media screen and (min-width: 80em) {
  .takeways-container-content-image-div img {
    width: 295px;
  }
}
.takeways-container-content-image-div-textBlock-container {
  display: flex;
  flex-direction: column;
  background-color: #fcefd1;
  border-radius: 16px;
  width: 370px;
  padding: 48px;
}
@media (max-width: 79.9375em) {
  .takeways-container-content-image-div-textBlock-container {
    width: fit-content;
    padding: 20px;
  }
}
@media (max-width: 47.9375em) {
  .takeways-container-content-image-div-textBlock-container {
    max-width: 343px;
    width: 100%;
    margin: -10px auto 0;
    text-align: left;
    padding: 24px 32px;
  }
}
.takeways-container-content-image-div-textBlock-container-copytext {
  border-bottom: 1px solid #fcc89b;
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
  padding: 32px 0;
}
@media (max-width: 47.9375em) {
  .takeways-container-content-image-div-textBlock-container-copytext {
    padding: 16px 0;
    font-size: 16px;
    line-height: 24px;
  }
}
.takeways-container-content-image-div-textBlock-container-copytext:first-child {
  padding-top: 0;
}
.takeways-container-content-image-div-textBlock-container-copytext:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.campaign-break-line {
  border-bottom: 1px solid #92aca0;
  max-width: 1366px;
  margin: 0 auto;
}

.three-up-icon-container {
  width: 100vw;
  position: relative;
  margin-inline: -50vw;
  left: 50%;
  right: 50%;
}
.three-up-icon-container .break-line {
  border-bottom: 1px solid #92aca0;
  margin: 80px 0;
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container .break-line {
    margin: 48px 0;
  }
}
.three-up-icon-container-content {
  padding: 104px;
  max-width: 1366px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 79.9375em) {
  .three-up-icon-container-content {
    padding: 40px 16px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content {
    padding: 48px 16px;
  }
}
.three-up-icon-container-content-image-container {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: row wrap;
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content-image-container {
    flex-direction: column;
  }
}
.three-up-icon-container-content-image-container-icon-image {
  width: 303px;
  margin-right: 67px;
  margin-top: 60px;
}
@media only screen and (max-width: 79.9375em) {
  .three-up-icon-container-content-image-container-icon-image {
    margin-right: 47px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 79.9375em) {
  .three-up-icon-container-content-image-container-icon-image {
    margin-right: 15px;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content-image-container-icon-image {
    max-width: 303px;
    margin: 32px auto 0 auto;
  }
}
.three-up-icon-container-content-image-container-icon-image img {
  width: 128px;
  height: 128px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content-image-container-icon-image img {
    width: 96px;
    height: 96px;
    margin-bottom: 16px;
  }
}
.three-up-icon-container-content-image-container-icon-image:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content-image-container-icon-image:nth-child(3n) {
    margin-right: auto;
  }
}
.three-up-icon-container-content-image-container-icon-image-text {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #384967;
}
@media only screen and (max-width: 79.9375em) {
  .three-up-icon-container-content-image-container-icon-image-text {
    font-size: 22px;
    line-height: 28px;
  }
}
.three-up-icon-container-content-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
}
.three-up-icon-container-content-title.center {
  text-align: center;
}
.three-up-icon-container-content-title.left {
  text-align: left;
}
.three-up-icon-container-content-title.right {
  text-align: right;
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.three-up-icon-container-content-getstarted-button {
  margin-top: 60px;
}
@media only screen and (max-width: 79.9375em) {
  .three-up-icon-container-content-getstarted-button {
    margin-top: 32px;
  }
}
.three-up-icon-container-content-getstarted-button .cta-button {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #3f1482;
  min-width: 190px;
  border-radius: 16px;
  background-color: #f1be48;
  width: fit-content;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  .three-up-icon-container-content-getstarted-button .cta-button {
    width: 100%;
    max-width: 343px;
    font-size: 16px;
    line-height: 24px;
  }
}
.three-up-icon-container-content-getstarted-button .cta-button::after {
  left: 12px;
  margin-top: -9px;
}

.two-up-cta-diagram-container {
  padding: 104px;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container {
    padding: 48px 16px;
  }
}
.two-up-cta-diagram-container.version-1 {
  background: #fcefd1;
}
.two-up-cta-diagram-container.version-2 {
  background: #ffffff;
}
.two-up-cta-diagram-container.version-4 {
  background: #e4eae7;
}
.two-up-cta-diagram-container-width {
  display: flex;
  align-items: flex-start;
  max-width: 1158px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width {
    display: block;
  }
}
.two-up-cta-diagram-container-width.image-right {
  flex-direction: row;
}
.two-up-cta-diagram-container-width-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  width: 370px;
  margin-right: 123px;
}
@media only screen and (max-width: 85em) {
  .two-up-cta-diagram-container-width-content {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width-content {
    width: 40%;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-content {
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
  }
}
.two-up-cta-diagram-container-width-content-heading {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 16px;
  color: #384967;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width-content-heading {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-content-heading {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 8px;
  }
}
.two-up-cta-diagram-container-width-content-description {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #384967;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-content-description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.two-up-cta-diagram-container-width-content-link {
  margin-top: 32px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-content-link {
    margin-top: 16px;
  }
}
.two-up-cta-diagram-container-width-content-link .cta-button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 28px 12px 32px;
  border: 1px solid #3f1482;
  border-radius: 16px;
  background: none;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #3f1482;
  min-width: 261px;
  height: 52px;
}
.two-up-cta-diagram-container-width-content-link .cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.two-up-cta-diagram-container-width-content-link .cta-button:hover, .two-up-cta-diagram-container-width-content-link .cta-button:active {
  background: transparent;
  border: 2px solid #3f1482;
  margin: 0;
  color: #3f1482;
}
.two-up-cta-diagram-container-width-content-link .cta-button:hover::after, .two-up-cta-diagram-container-width-content-link .cta-button:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  right: 16px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-content-link .cta-button {
    max-width: 343px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
}
.two-up-cta-diagram-container-width.image-left {
  flex-direction: row-reverse;
}
.two-up-cta-diagram-container-width.image-left .two-up-cta-diagram-container-width-image-section-textblocks-block {
  border-bottom-color: #6a708d;
}
.two-up-cta-diagram-container-width.image-left .two-up-cta-diagram-container-width-image-section-textblocks-block:not(:first-child) {
  margin-top: 16px;
}
.two-up-cta-diagram-container-width.image-left .two-up-cta-diagram-container-width-content {
  margin-left: 123px;
  margin-right: 0;
}
@media only screen and (max-width: 85em) {
  .two-up-cta-diagram-container-width.image-left .two-up-cta-diagram-container-width-content {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width.image-left .two-up-cta-diagram-container-width-content {
    width: 40%;
    margin-left: 30px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width.image-left .two-up-cta-diagram-container-width-content {
    width: 100%;
    margin-left: 0;
    margin-bottom: 32px;
  }
}
.two-up-cta-diagram-container-width-image-section {
  width: 665px;
  position: relative;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width-image-section {
    width: 50%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section {
    width: 100%;
    padding-top: 164px;
  }
}
.two-up-cta-diagram-container-width-image-section-image {
  width: 303px;
  height: 344px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  margin-left: -6px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-image {
    text-align: center;
    width: 100%;
    margin-top: 0;
    align-items: flex-start;
    justify-content: center;
    margin-left: 0;
  }
}
.two-up-cta-diagram-container-width-image-section-image img {
  border-radius: 16px;
  width: 303px;
  height: 344px;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width-image-section-image img {
    width: 50%;
    height: auto;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-image img {
    width: 287px;
    height: 326px;
  }
}
.two-up-cta-diagram-container-width-image-section-textblocks {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 518px;
  padding: 22px 32px 22px 180px;
  border-radius: 16px;
  min-height: 392px;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width-image-section-textblocks {
    width: 85%;
    padding: 22px 32px 22px 95px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-textblocks {
    width: 100%;
    padding: 186px 24px 24px;
  }
}
.two-up-cta-diagram-container-width-image-section-textblocks-block {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: row;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #384967;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-textblocks-block {
    font-size: 16px;
    line-height: 24px;
  }
}
.two-up-cta-diagram-container-width-image-section-textblocks-block:not(:first-child) {
  margin-top: 32px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-textblocks-block:not(:first-child) {
    margin-top: 8px;
  }
}
.two-up-cta-diagram-container-width-image-section-textblocks-block:not(:last-child) {
  border-bottom: 1px solid #c86c00;
  padding-bottom: 16px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-textblocks-block:not(:last-child) {
    border-bottom-color: #6a708d;
  }
}
.two-up-cta-diagram-container-width-image-section-textblocks-block p {
  margin-right: 16px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  color: #384967;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width-image-section-textblocks-block p {
    font-size: 16px;
    line-height: 24px;
  }
}
.two-up-cta-diagram-container-width-image-section-textblocks.image-top {
  flex-direction: row;
}
.two-up-cta-diagram-container-width-image-section-textblocks.version-1 {
  background: #f8dfa4;
}
.two-up-cta-diagram-container-width-image-section-textblocks.version-2 {
  background: #ebe7d9;
}
.two-up-cta-diagram-container-width-image-section-textblocks.version-4 {
  background: #c9d6d0;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width.image-top {
    max-width: 100%;
    width: 100%;
  }
  .two-up-cta-diagram-container-width.image-top .two-up-cta-diagram-container-width-content {
    width: 33%;
  }
}
@media only screen and (max-width: 79.9375em) and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width.image-top .two-up-cta-diagram-container-width-content {
    width: 100%;
  }
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width.image-top .two-up-cta-diagram-container-width-image-section {
    width: 67%;
  }
  .two-up-cta-diagram-container-width.image-top .two-up-cta-diagram-container-width-content-link .cta-button {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width.image-top .two-up-cta-diagram-container-width-image-section {
    padding-top: 30px;
    width: 100%;
  }
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-image {
  position: relative;
  height: 120px;
  margin: 0;
  width: 100%;
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-image img {
  width: auto;
  height: 240px;
  max-width: 80%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -120px;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-image {
    text-align: center;
  }
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-image img {
    max-width: 85%;
  }
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks {
  width: 665px;
  padding: 152px 32px 32px;
  min-height: auto;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 79.9375em) {
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks {
    width: 100%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks {
    margin-top: 0;
  }
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block {
  border-bottom: 0;
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0 16px;
  max-width: 33%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #384967;
  margin-top: 0 !important;
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block:last-child {
  padding-right: 0;
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block:first-child {
  padding-left: 0;
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block:not(:last-child) {
  border-right: 1px solid #6a708d;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #6a708d;
    padding-bottom: 16px;
  }
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block-index {
  font-size: 16px;
  line-height: 24px;
  height: 100%;
  margin: 0 10px 0 0 !important;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block-index {
    margin-right: 16px;
    overflow: visible;
  }
}
.two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block-text {
  height: 144px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block {
    max-width: 100%;
    height: auto;
    padding: 0;
    display: flex;
  }
  .two-up-cta-diagram-container-width .image-top .two-up-cta-diagram-container-width-image-section-textblocks-block-text {
    height: auto;
  }
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container-width .image-top {
    display: block;
  }
}
.two-up-cta-diagram-container .image-video-container img {
  width: 100%;
  height: auto;
}
.two-up-cta-diagram-container .image-video-container .video-modal-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
}
.two-up-cta-diagram-container .image-video-container .video-modal-cta::before, .two-up-cta-diagram-container .image-video-container .video-modal-cta::after {
  content: "";
  position: absolute;
}
.two-up-cta-diagram-container .image-video-container .video-modal-cta::before {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fdc82f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.two-up-cta-diagram-container .image-video-container .video-modal-cta::after {
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid white;
  z-index: 2;
}
.two-up-cta-diagram-container .image-video-container .video-modal-cta::after {
  left: calc(50% + 5px);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #ffffff;
}
.two-up-cta-diagram-container .break-line {
  border-bottom: 1px solid #92aca0;
  margin: 80px 0;
}
@media only screen and (max-width: 47.9375em) {
  .two-up-cta-diagram-container .break-line {
    margin: 48px 0;
  }
}

/* Tablet */
/* Mobile */
.popup-RFI {
  display: block;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 500;
}

.open-cta {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fdc82f;
  border-radius: 25px 0 0 25px;
  width: 275px;
  height: auto;
  padding: 10px 20px;
  z-index: 9995;
}
.open-cta .cta-button {
  font-weight: 900;
  display: inline-block;
  border: 0;
  background-color: #fff;
  color: #3f1482;
  margin: 10px 0 15px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.open-cta .cta-button::after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%233F1482' d='M17 10l-5 5-5-5' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.closed-cta {
  position: absolute;
  top: 132px;
  right: -145px;
  background-color: #fdc82f;
  border-radius: 25px 25px 0 0;
  width: 335px;
  padding: 10px 10px 25px;
  transform: rotate(-90deg);
  z-index: 9990;
}
.closed-cta p {
  color: #3f1482;
  font-size: 20px;
  margin: 5px;
}
.closed-cta:hover {
  -moz-box-shadow: 0 0 15px #56565a;
  -webkit-box-shadow: 0 0 15px #56565a;
  box-shadow: 0 0 15px #ccc;
}

.popup-content {
  text-align: center;
  color: #56565a;
  font-size: 16px;
  margin-top: -20px;
}
.popup-content h5 {
  margin-top: 10px;
}
.popup-content p {
  font-size: 16px;
}

.closed-cta-title {
  margin-left: 65px;
  padding-right: 5px;
}
.closed-cta-title:hover {
  cursor: pointer;
  margin-right: 10px;
}

.popup-no-title .open-cta {
  height: auto;
  top: 55px;
}
.popup-no-title .open-cta .cta-button {
  margin: 15px 0;
}
.popup-no-title .closed-cta {
  width: 281px;
  right: -120px;
  top: 159px;
}
.popup-no-title .closed-cta .closed-cta-toptitle {
  text-align: center;
}
.popup-no-title .closed-cta .closed-cta-title {
  margin-left: 0;
}

#close-icon {
  color: #3f1482;
  font-size: 24px;
  padding: 5px;
}
#close-icon:hover {
  cursor: pointer;
}

.cta-arrow {
  width: 12px;
  height: 12px;
  transform: rotate(-90deg);
  margin-left: 5px;
}

#get-started-mobile {
  display: none;
}

@media only screen and (min-width: 761px) and (max-width: 1023px) {
  .popup-RFI {
    display: none;
  }
  .closed-cta {
    display: none;
  }
  .open-cta {
    display: none;
  }
  #get-started-mobile {
    display: block;
    position: fixed;
    right: 30px;
    bottom: 90px;
    z-index: 9999;
    transition: bottom 0.5s;
  }
}
@media only screen and (max-width: 760px) {
  .popup-RFI {
    display: none;
  }
  .closed-cta {
    display: none;
  }
  .open-cta {
    display: none;
  }
  #get-started-mobile {
    display: block;
    position: fixed;
    right: 30px;
    bottom: 90px;
    z-index: 9999;
    transition: bottom 0.5s;
  }
}
.checkboxComponent .numbered-list {
  margin: 20px 0 40px;
}
.checkboxComponent .numbered-list ol {
  padding-left: 25px;
  margin-left: 3px;
  counter-reset: list;
}
.checkboxComponent .numbered-list ol li {
  padding: 0;
  border-bottom: none;
  list-style: none;
  position: relative;
  line-height: 25px;
}
.checkboxComponent .numbered-list ol li::before {
  display: none;
  list-style: none;
}
.checkboxComponent .numbered-list ol li p {
  padding-left: 40px;
  display: inline-block;
  border-bottom: none;
  line-height: 32px;
  width: 100%;
}
.checkboxComponent .checkbox-label {
  display: block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 22px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  clear: both;
}
.checkboxComponent .checkbox-label .checkbox-custom {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 5px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #3f1482;
  margin-top: 6px;
}
.checkboxComponent .checkbox-label .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  width: 0;
  height: 0;
  border-radius: 5px;
  border: solid #3f1482;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.checkboxComponent .checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkboxComponent .checkbox-label input:checked ~ .checkbox-custom {
  background-color: transparent;
  border-radius: 5px;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #3f1482;
}
.checkboxComponent .checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #3f1482;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}
.checkboxComponent .checkbox-label input:checked ~ .checkbox-custom::before {
  left: -3px;
  top: -3px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
  opacity: 0;
  z-index: 999;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.checkboxComponent .cta-button-breakdown {
  color: #fff !important;
}
.checkboxComponent .lto4checkbox {
  margin-top: -3px;
  display: inline-block;
  position: absolute;
}
.checkboxComponent .key-points-withoutborder {
  border-bottom: 0;
}
.checkboxComponent .key-points-withoutborder h1,
.checkboxComponent .key-points-withoutborder h2,
.checkboxComponent .key-points-withoutborder h3,
.checkboxComponent .key-points-withoutborder h4,
.checkboxComponent .key-points-withoutborder h5,
.checkboxComponent .key-points-withoutborder h6 {
  font-size: 32px;
  line-height: 38px;
}
.checkboxComponent .lto4download .breakdowndescription {
  padding-right: 20px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #56565a;
  margin: 14px 0;
}
@media only screen and (min-width: 64em) {
  .checkboxComponent .lto4download .breakdowndescription {
    padding-right: 50px;
  }
}

.alert-banner.bg-grey {
  background-color: #e1e4e8;
}
.alert-banner.bg-yellow {
  background-color: #f8dfa4;
}
.alert-banner.bg-blue {
  background-color: #e9f3f9;
}

.alert-wrapper {
  align-items: start;
  column-gap: 16px;
  display: flex;
  min-height: 60px;
  padding-block: 16px;
}
@media only screen and (min-width: 48em) {
  .alert-wrapper {
    align-items: center;
  }
}
.alert-wrapper.l-padding::after, .hearing-quiz .alert-wrapper.disclaimer::after, .alert-wrapper.l-padding::before, .hearing-quiz .alert-wrapper.disclaimer::before {
  content: unset;
}
.alert-wrapper .alert-content * {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  padding: 0;
}
.alert-wrapper .alert-content {
  flex: 1 1 100%;
}
@media only screen and (min-width: 64em) {
  .alert-wrapper .alert-content {
    align-items: baseline;
    display: flex;
    max-width: calc(100% - 64px);
  }
  .alert-wrapper .alert-content .alert-content-text {
    line-height: 24px;
  }
}
.alert-wrapper ul {
  padding-left: 0;
  padding-inline-start: 0;
}
.alert-wrapper ul li {
  min-width: 112px;
  color: #1e1e1e;
  list-style-type: none;
  position: relative;
}
.alert-wrapper ul li:not(:last-child) {
  margin-inline-end: 12px;
}
.alert-wrapper ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #1e1e1e;
  border-radius: 100%;
  display: inline-block;
  margin-inline-end: 12px;
  margin-bottom: 3px;
  vertical-align: middle;
}
@media only screen and (min-width: 64em) {
  .alert-wrapper ul {
    display: flex;
    margin-inline-start: 24px;
  }
  .alert-wrapper ul li {
    margin-top: 0;
  }
}
.alert-wrapper img,
.alert-wrapper button {
  margin-top: 4px;
}
.alert-wrapper button {
  width: 14px;
  height: 14px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADdSURBVHgBjZKxDYMwEEU5jJCgg4qSVdiANdJ5g2QEVmGCrJF0LikpKBAF5F8UR8Y5W/kSkvl3zz6fTzVN01ZVdS3L8rksy5xExLl1XeuiKIzC4kZEWinVwxhDMEN5nt+x7JFPKTTgx+B7BzghAnHMZFk2EAdaaN/3b2Dbtm6aJiNBOKgzENldJZh9CWKf3JJ82No+9AMKcCJBrNQH13VN/vFOJ/qNcEt1G3YCpe6xH+o2hSB7p9BTUQyykuAUkI5BLPY+pXOsxeRohQF/HMfBs3eRIKsZQu7IuZjr4QVBI6FAHyz5ngAAAABJRU5ErkJggg==");
  background-size: 100%;
  outline: none;
}

.help-container {
  padding: 64px 0 0;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.help-container-back-link {
  display: flex;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #3f1482;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.help-container-back-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: " ";
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
  margin-top: 2px;
  margin-inline-end: 4px;
}
[dir=rtl] .help-container-back-link::before {
  transform: scaleX(-1) rotate(90deg);
}
.help-container-back-link:hover {
  color: #672ac5;
}
.help-container-back-link:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23672AC5%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.help-container-back-link.external-link {
  padding-left: 0;
  padding-right: 30px;
}
.help-container-back-link.external-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  transform: rotate(-90deg);
  left: unset;
  right: 5px;
  top: 5px;
}
.help-container-back-link.external-link:hover {
  color: #672ac5;
}
.help-container-back-link.external-link:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23672AC5%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.help-container-title-text {
  margin-top: 8px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  color: #384967;
  max-width: 600px;
}
.help-container-legends {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  padding: 0 24px 16px;
  margin-top: 32px;
}
.help-container-legends-item {
  padding-right: 24px;
  display: inline-block;
}
.help-container p,
.help-container .help-container-legends-item {
  color: #384967;
  font-size: 18px;
  line-height: 28px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 16px 0;
}
.help-container p.inner-heading,
.help-container .help-container-legends-item.inner-heading {
  font-size: 21px;
  line-height: 28px;
  font-weight: 600;
}
.help-container-content {
  margin-top: 40px;
}
.help-container-content ul {
  list-style: none;
  padding: 0;
}
.help-container-content ul li {
  margin-top: 50px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.help-container-content ul li ul {
  padding-inline-start: 30px;
}
.help-container-content-heading-text {
  font-size: 21px;
  line-height: 28px;
  color: #384967;
  border-bottom: 2px solid #f1be48;
  padding-bottom: 5px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.help-container-content-cta-button {
  background: #f1be48;
  border-radius: 14px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 24px;
  text-decoration: none;
  color: #3f1482;
  font-weight: 600;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
}
.help-container-content-cta-button-white {
  background: #ffffff;
  border: 1px solid #3f1482;
  border-radius: 14px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 24px;
  text-decoration: none;
  color: #3f1482;
  font-weight: 600;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
}
.help-container-content-list-items {
  margin-top: 8px !important;
  list-style-type: disc;
  color: #384967;
  font-size: 18px;
  line-height: 28px;
}

.mb-16 {
  margin-bottom: 16px;
}

.compatibility-accordion {
  border: 1px solid #cfcfd0;
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  /* custom icon colours not in CDS */
}
@media only screen and (min-width: 768px) {
  .compatibility-accordion {
    font-size: 18px;
  }
}
.compatibility-accordion .feature-accordion-item:not(:first-child) .accordion-item-title {
  border-top: 1px solid #cccccc;
}
.compatibility-accordion button.accordion-trigger {
  align-items: center;
  background-color: transparent;
  border: none;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  display: flex;
  margin: 0;
  padding: 16px;
  width: 100%;
  /* base stylesheet has cursor for all buttons */
}
.compatibility-accordion button.accordion-trigger.clickable {
  cursor: pointer;
}
.compatibility-accordion button.accordion-trigger.clickable::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  content: "";
  width: 24px;
  margin: auto 0;
  height: 24px;
}
.compatibility-accordion button.accordion-trigger:not(.clickable) {
  cursor: unset;
}
.compatibility-accordion button.accordion-trigger.active::after {
  transform: rotate(180deg);
}
.compatibility-accordion .ccl__icon {
  margin-inline-end: 16px;
}
.compatibility-accordion .ccl__icon.compatible {
  background-color: #007c23;
}
.compatibility-accordion .ccl__icon.should-be-compatible {
  background-color: #125fb9;
}
.compatibility-accordion .ccl__icon.not-compatible {
  background-color: #be0032;
}
.compatibility-accordion .accordion-trigger-title {
  align-self: center;
  flex: 1;
  text-align: start;
}
.compatibility-accordion .accordion-item-description .accordion-panel {
  border-top: 1px solid #ffb000;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 24px;
  padding-inline-start: 48px;
}
.compatibility-accordion .accordion-item-description .accordion-panel .image-container {
  display: flex;
  justify-content: center;
}
.compatibility-accordion .accordion-item-description .accordion-panel a {
  color: #3f1482;
}
.compatibility-accordion .accordion-item-description .accordion-panel a:hover {
  color: #682bc6;
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta,
.compatibility-accordion .accordion-item-description .accordion-panel a.cta-button {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta:has(+ a),
.compatibility-accordion .accordion-item-description .accordion-panel a.cta-button:has(+ a) {
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .compatibility-accordion .accordion-item-description .accordion-panel a.cta:has(+ a),
  .compatibility-accordion .accordion-item-description .accordion-panel a.cta-button:has(+ a) {
    margin-inline-end: 16px;
  }
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta {
  /* clear framework styles */
  border: none;
  padding: 0;
  text-align: unset;
  text-decoration: none;
  /* end framework styles */
  /* external link icon */
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta:active, .compatibility-accordion .accordion-item-description .accordion-panel a.cta:focus, .compatibility-accordion .accordion-item-description .accordion-panel a.cta:hover {
  background-color: inherit;
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE7SURBVHgB7VTdTcMwEP7OpO+R2ryHDRgAlKzQDdwRukBxYQE2oEwAG2CUBboBeU8r5R3w4YQW0TZOHCokHvpJfjnf3Xc/nw38MaiP8+VIpUSIDy4Mymytno4iSEMVcyBeXfeGMcnWs8W+XcATulQ5sRkTmcn22PLyrrjgu7qBeHZ6MZYvq9lY/xhDEt3cW3tsT46mse10MEBaOxuEzW60Y98kl0T8QMLM0dXBFgaYZsXhHF3JdXEt00jJNn/vHTQl94nxJnAm569Fn8GUvyZoq1yvlKZ3c64d76CTwJU8Gd4+JqN5rbxKwq74oC15OlSSXTMXfOHzTts7+IAmg6nvQpvQ2sGm9TscgV4y/ZcEwR5bchUpeKH6VgTKXgRWFFKwkPBBJSDmvMutJtCFWlhJlraiEH3whiVOOOETBr2KM5/mSf8AAAAASUVORK5CYII=");
  content: "";
  display: inline-block;
  height: 24px;
  margin-inline-start: 4px;
  vertical-align: bottom;
  width: 24px;
}
[dir=rtl] .compatibility-accordion .accordion-item-description .accordion-panel a.cta::after {
  transform: scaleX(-1);
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta-button {
  background-color: #ffffff;
  border: 1px solid #3f1482;
  border-radius: 14px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding-block: 10px;
  padding-inline: 24px 56px;
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta-button:hover {
  border: 1px solid #682bc6;
  background: transparent;
}
.compatibility-accordion .accordion-item-description .accordion-panel a.cta-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23682BC6%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.compatibility-accordion .accordion-item-description .accordion-panel ul {
  padding-inline-start: 0;
  padding-left: 0; /* override framework */
}
.compatibility-accordion .accordion-item-description .accordion-panel ul li {
  display: inline-flex;
  list-style: none;
  padding-inline-start: 16px;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .compatibility-accordion .accordion-item-description .accordion-panel ul li:not(:only-child) {
    width: 48%;
  }
}
.compatibility-accordion .accordion-item-description .accordion-panel ul li::before {
  content: "•";
  display: inline-block;
  padding-inline-end: 27px; /* includes width of bullet */
  width: 11px;
}
.compatibility-accordion .accordion-item-description .accordion-panel ul li sup {
  top: unset; /* override for display: inline-flex */
}

.global-header-2 {
  border-top: 5px solid #fdc82f;
  height: 96px;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.16);
  position: relative;
}
@media only screen and (max-width: calc(48em - 1px)) {
  .global-header-2 .l-padding, .global-header-2 .hearing-quiz .disclaimer, .hearing-quiz .global-header-2 .disclaimer {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 77.75em) {
  .global-header-2 .l-container,
  .global-header-2 .l-padding,
  .global-header-2 .hearing-quiz .disclaimer,
  .hearing-quiz .global-header-2 .disclaimer {
    max-width: 1366px;
    width: 100%;
    padding: 0 104px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: calc(48em - 1px)) {
  .global-header-2 {
    height: 56px;
    display: block;
  }
}
.global-header-2 .logobox {
  float: left;
}
@media only screen and (min-width: 47.99em) and (max-width: 63.99em) {
  .global-header-2 .logobox {
    display: flex;
    align-items: center;
    min-height: 96px;
  }
}
@media only screen and (max-width: calc(48em - 1px)) {
  .global-header-2 .logobox {
    display: flex;
    align-items: center;
    height: 51px;
  }
}
.global-header-2 .logobox img {
  max-width: 210px;
}
@media only screen and (max-width: calc(64em - 1px)) {
  .global-header-2 .logobox img {
    max-width: 125px;
    height: auto;
  }
}
.global-header-2 .contact {
  margin: 0;
  float: right;
}
@media only screen and (min-width: 47.99em) and (max-width: 63.99em) {
  .global-header-2 .contact {
    display: flex;
    align-items: center;
    min-height: 96px;
  }
}
.global-header-2 .languageBox {
  float: right;
}
.global-header-2 .languageBox .langauge-dropdown {
  position: relative;
  padding: 0;
  width: auto;
  list-style: none;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-toggle {
  color: #3f1482;
  padding: 11px 52px 11px 28px;
  line-height: 20px;
  border: 0;
  position: relative;
  background: transparent;
}
@media only screen and (max-width: calc(48em - 1px)) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-toggle {
    padding: 11px 32px 11px 28px;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-toggle .langauge-dropdown__cta {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (max-width: calc(48em - 1px)) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-toggle .langauge-dropdown__cta {
    font-size: 14px;
    line-height: 20px;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-toggle::after {
  content: " ";
  right: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%233F1482' d='M17 10l-5 5-5-5' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: 100%;
  transition: all 0.2s ease-in-out;
  transform: rotate(0deg);
  border: none;
  margin-top: 2px;
}
@media only screen and (max-width: calc(48em - 1px)) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-toggle::after {
    right: 0;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu {
  border: none;
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  right: 0;
  left: auto;
  box-shadow: -5px 7px 10px rgba(0, 0, 0, 0.1);
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu.open {
  display: block;
}
@media only screen and (min-width: 74.93em) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-menu {
    right: -105px;
  }
}
@media only screen and (min-width: 64em) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-menu {
    top: calc(100% + 20px);
    min-width: 327px;
  }
}
@media only screen and (max-width: calc(64em - 1px)) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-menu {
    top: auto;
    z-index: 5;
    position: fixed;
    width: 100%;
    border: 0;
    min-height: 100vh;
    background-color: transparent;
    bottom: 0;
    border-top: 2px solid #fdc82f;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item {
  padding: 0;
  display: flex;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #efefef;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #384967;
  min-height: 60px;
  padding: 16px 16px 16px 45px;
  transition-duration: 0.15s;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  position: relative;
  display: block;
  width: 100%;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title:hover {
  background-color: #faf9f6;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title:hover::before {
  opacity: 1;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title:not(:last-child) {
  border-bottom: 1px solid #cfcfd0;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title::before {
  content: " ";
  left: 16px;
  top: 50%;
  width: 16.76px;
  height: 12.57px;
  margin-top: -6px;
  position: absolute;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADJSURBVHgBpdG/DgExHAfwXw+D7UZDhxswSy6SjrVdbN5BxOgNGD2CR7FhMxB2hg73DiK5U79fB+E42vombfon/eTXFuCPSDkJRTKUNGbgGUKu9ctKA3RueTYIwCPPCE5VENSOzhUVEdCst10ulBNUhtCeNfQNsYZ+IZSKSMYRb8UH3o7D9LTf+CAU+rXINM1moj+a+iCmovS8U7zZZXhJiTeVWBlQZS6IgahDbF3E8mo2t0Ue0CcMlxq2yAv0jtkjpcGflPRGLmfuDPmKteuDMX8AAAAASUVORK5CYII=");
  background-size: 100%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title.selected {
  background-color: #faf9f6;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdown-item-title.selected::before {
  opacity: 1;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-item .dropdownBox {
  width: 100%;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items {
  background-color: #ffffff;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.25);
  max-height: 270px;
}
@media only screen and (max-width: calc(64em - 1px)) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items {
    min-height: 100vh;
    width: 100%;
    overflow: scroll;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close {
  border-top: 5px solid #fdc82f;
  text-align: center;
  height: 56px;
}
@media only screen and (min-width: 64em) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close {
    display: none;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close .dropdown-item-title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (max-width: calc(64em - 1px)) {
  .global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close .dropdown-item-title {
    height: 56px;
    min-height: fit-content;
    padding: 9px 16px;
  }
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close .dropdown-item-title::before {
  display: none;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close .dropdown-item-title:hover {
  background-color: transparent;
}
.global-header-2 .languageBox .langauge-dropdown .dropdown-menu .dropdown-items .dropdown-item.close::after {
  content: " ";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBfZC9DcIwEIXvnZGQqCIxALABLMBfxQh0jIK9AetQxUzACtBRUFAhCnSOHSmREvlyxel031c8PVBmtoVdyohP/BeHHAyGSwIVINmxDoPzb+uhw7NNfwzBWohwHuE9B9N0Mghx6Ic2j5//LMabKwFHgA6zyZ6e3/LWCmlF6aVJpjE1abgoyIq0qtdTd0l3BeeBSMldYPolAAAAAElFTkSuQmCC");
  width: 7px;
  height: 12px;
  background-repeat: no-repeat;
  left: 20px;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.global-header-2 .languageBox .langauge-dropdown.is-open .dropdown-toggle::after {
  transform: rotate(180deg);
}

.global-footer-2 {
  background-color: #384967;
  color: #ffffff;
  padding: 0;
  font-size: 14px;
}
.global-footer-2 .l-padding, .global-footer-2 .hearing-quiz .disclaimer, .hearing-quiz .global-footer-2 .disclaimer {
  padding-top: 56px;
  padding-bottom: 56px;
  display: flex;
  flex-direction: column;
}
.global-footer-2.is-hidden {
  visibility: hidden;
  transition: visibility 0.5s linear 0s, opacity 0s linear;
}
@media only screen and (min-width: 64em) {
  .global-footer-2.is-hidden {
    visibility: visible;
  }
}
.global-footer-2 .footerContainer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .global-footer-2 .footerContainer {
    flex-direction: row;
    align-items: flex-start;
  }
}
.global-footer-2 .footerContainer .footerLogo {
  width: 122px;
}
.global-footer-2 .footerContainer .footerLogo img {
  width: 122px;
  height: auto;
}
.global-footer-2 .footerContainer .navLinks {
  max-width: 343px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  padding: 57px 24px 32px;
  font-size: 20px;
  line-height: 34px;
}
.global-footer-2 .footerContainer .navLinks .navLinksColumn {
  display: flex;
  flex-direction: column;
}
.global-footer-2 .footerContainer .navLinks .navLinksColumn:nth-child(3) {
  padding-top: 25px;
}
.global-footer-2 .footerContainer .navLinks a {
  text-decoration: none;
  color: #ffffff;
  padding: 6px 25px 6px 0;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .global-footer-2 .footerContainer .navLinks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 576px;
    padding: 0 24px;
  }
  .global-footer-2 .footerContainer .navLinks .navLinksColumn:nth-child(3) {
    padding-top: 0;
  }
}
.global-footer-2 .footerContainer .socialIcons {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 10px;
}
.global-footer-2 .footerContainer .socialIcons img {
  margin: 6px 10px;
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 64em) {
  .global-footer-2 .footerContainer .socialIcons a:last-child img {
    margin: 6px 0 6px 10px;
  }
}
.global-footer-2 .subfooter-container {
  display: flex;
  background-color: #384967;
  padding: 70px 0 20px;
}
.global-footer-2 .subfooter-copyright {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (min-width: 64em) {
  .global-footer-2 .subfooter-copyright {
    justify-content: flex-end;
  }
}
.global-footer-2 .subfooter-copyright > div {
  margin: 0;
  color: #ffffff;
  padding: 0;
  font-style: normal;
  width: fit-content;
}

.device-section {
  display: grid;
  gap: 12px;
  grid-auto-rows: 176px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .device-section {
    gap: 24px;
    grid-auto-rows: 194px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.device-section .device-card {
  align-items: center;
  background-color: #fcefd1;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.device-section .device-card .device-image {
  align-items: center;
  display: flex;
  height: 40px;
}
.device-section .device-card .device-image img {
  height: 40px;
  width: auto;
}
.device-section .device-card .device-name {
  color: #384967;
  margin: 16px auto 0;
  padding: 0 4px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.device-section .device-card:hover {
  background-color: #f8dfa4;
}
.device-section .device-card:hover img {
  filter: invert(8%) sepia(95%) saturate(6314%) hue-rotate(266deg) brightness(47%) contrast(100%);
}
.device-section .device-card:hover .device-name {
  color: #3f1482;
}
.device-section .device-card:focus-visible {
  outline: 2px solid #45b7f8;
}

.model-section {
  display: flex;
  flex-direction: column;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  width: 100%;
}
.model-section .model-select-input {
  border: 1px solid #707071;
  height: 52px;
  padding: 12px 16px;
}
.model-section .model-select-list {
  border: 1px solid #a0a0a1;
  margin-top: 8px;
}
.model-section .model-select-list .model-item {
  color: #384967;
  outline: none;
  position: relative;
}
.model-section .model-select-list .model-item:hover {
  background-color: #ebebeb;
  cursor: pointer;
}
.model-section .model-select-list .model-item:focus {
  outline-width: 4px;
  outline-style: solid;
  outline-color: Highlight;
  /* WebKit gets its native focus styles. */
  background-color: #ebebeb;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .model-section .model-select-list .model-item:focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
.model-section .model-item,
.model-section .no-device-message {
  padding: 12px 16px;
}

.feature-listing-container {
  color: #384967;
  margin-top: 100px; /* space between for selection panel */
}
.feature-listing-container .section-title {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  margin-block: 40px 24px;
}
@media only screen and (min-width: 768px) {
  .feature-listing-container .section-title {
    font-size: 22px;
    line-height: 28px;
  }
}

.compatibility-global-footnotes {
  background-color: #f9f9f9;
  margin-top: 80px;
}
@media only screen and (min-width: 1024px) {
  .compatibility-global-footnotes {
    margin-top: 104px;
  }
}
.compatibility-global-footnotes .footnotes-content {
  padding-block: 56px;
}
.compatibility-global-footnotes h2.footnotes-title {
  display: block;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}
.compatibility-global-footnotes .footnotes-text {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.help-block-container {
  padding: 0;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  max-width: 764px;
  margin: 0 auto;
}
.help-block-container .model-help-block {
  border-top: 1px solid #a0a0a1;
  border-bottom: 1px solid #a0a0a1;
}
.help-block-container .model-help-block p {
  padding-left: 40px;
  position: relative;
  color: #384967;
  font-size: 18px;
  line-height: 28px;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 16px 0;
}
.help-block-container .model-help-block p:first-child::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1Zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm1-3h-2v-2h2v2Z%22 fill=%22%23384967%22/%3E%3C/svg%3E");
  content: " ";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 2px;
}
.help-block-container .model-help-block a {
  color: #3f1482;
}
.help-block-container .model-help-block a:hover {
  color: #672ac5;
}

.processor-listing-container {
  margin-top: 24px;
}
.processor-listing-container .processor-product-gallery-container {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 768px) {
  .processor-listing-container .processor-product-gallery-container {
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.processor-listing-container .product-gallery-card {
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.processor-listing-container .product-gallery-card:hover {
  border: 1px solid #3f1482;
}
.processor-listing-container .product-gallery-card:hover .product-gallery-image {
  background: #f8dfa4;
}
.processor-listing-container .product-gallery-card:hover .product-gallery-image img {
  transform: scale(1.2);
}
.processor-listing-container .product-gallery-card:hover .product-gallery-name,
.processor-listing-container .product-gallery-card:hover .product-gallery-details {
  color: #3f1482;
}
.processor-listing-container .product-gallery-image {
  background-color: #fcefd1;
  padding: 12px;
}
.processor-listing-container .product-gallery-image img {
  height: auto;
  width: 100%;
  transition: transform ease-in-out 0.3s;
}
.processor-listing-container .product-gallery-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 16px 8px 21px;
  text-align: center;
}
.processor-listing-container .product-gallery-name {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
}
.processor-listing-container .product-gallery-details {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #384967;
}

.product-card-container {
  margin: 24px 0;
}
@media only screen and (min-width: 64em) {
  .product-card-container {
    column-gap: 24px;
    display: flex;
    flex-direction: row;
    margin: 48px 0;
  }
}
.product-card-container .product-card {
  display: flex;
  flex: 0 1 50%;
  flex-direction: row;
  padding: 24px;
  border-radius: 8px;
  background-color: #fdf3dc;
}
@media only screen and (max-width: 1023px) {
  .product-card-container .product-card:not(:first-child) {
    margin-top: 32px;
  }
}
.product-card-container .product-card .product-card-content .product-card-title {
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 16px;
}
.product-card-container .product-card .product-card-link .cta-button {
  border-radius: 12px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
}
.product-card-container .product-card-image img {
  height: 120px;
  width: auto;
}
@media only screen and (min-width: 48em) {
  .product-card-container .product-card-image img {
    height: 144px;
  }
}

.selection-panel {
  border-radius: 0 0 24px;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding-block: 24px;
  position: relative;
}
[dir=rtl] .selection-panel {
  border-radius: 0 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .selection-panel {
    border-radius: 0 0 40px;
  }
  [dir=rtl] .selection-panel {
    border-radius: 0 0 0 40px;
  }
}
.selection-panel:not(.empty) {
  background-color: #f5f5f5;
}
.selection-panel .l-container {
  max-width: 100%;
}
@media only screen and (max-width: 1023px) {
  .selection-panel .l-container {
    max-width: 720px;
    width: 100%;
  }
}
.selection-panel-start-over-link {
  color: #3f1482;
  display: inline-block;
  text-decoration: none;
}
.selection-panel-start-over-link-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgBnVM7TsNAEJ1ZR5ECjSXcg0+ASwoULx3HyA3CCfAmHADlBrR05ARZKGjxDXBPkEyDIoXsMGNjyVYSJ+Q1Ozu7781nZwFa0A/uEtgB1UZGIAOHCOxL3ijwH7IA9yNjCkQprtzI5ibbmoECh7ARFHGoAXXUez8Y32vf+NWJV7+WfVsbHmkWQV35nue3GHbjKSH0EDHiwwuOdB129WO2sIu1Hth5YriMUcOXm/TlMxngjwuBIOMAkeuoZK0HdehgZAgwkQwaft+ckafemOkjuCtvm0BVjqwN/8Lmp8e6h1wml/W1NYM26MBoAjXjLLKDBARxMCZZlRjV5hAoSaNKa18SNzIqLUoVOZqK6Wpvvwv8CsPSwFQppCexuatDeaJd5OIOT2XB4dFWdm4sEU1477PyrE3kbwZmBRlpIv+iIxu1IkMdiNkbybzHJ+OHpXKT1w+Tyvkl90eBF3OgGxkgqR2W5afDmrrvPDQ878O2EiSykDl63hCop1kKqfPiF5a3Mmm29EtKrt//BaH3qp6V/J7VAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-block;
  margin-bottom: -4px;
  margin-inline-end: 4px;
}
.selection-panel-text {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 8px;
}
.selection-panel-list-container {
  margin-top: 24px;
}
.selection-panel-list-container ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .selection-panel-list-container ul {
    flex-wrap: nowrap;
    gap: 24px;
  }
}
.selection-panel-list-container li {
  display: block;
  flex: 1;
  margin-bottom: 16px;
  min-width: fit-content;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .selection-panel-list-container li {
    flex: 0 1 45%;
  }
}
@media only screen and (min-width: 1024px) {
  .selection-panel-list-container li {
    flex: 0 1 33%;
  }
}
.selection-panel-list-container .selection-card {
  border: 1px solid #cfcfd0;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.selection-panel-list-container .selection-card-image {
  background: #fcefd1;
  min-width: 64px;
  height: 64px;
  position: relative;
}
.selection-panel-list-container .selection-card-image img {
  height: auto;
  width: auto;
  max-height: 32px;
  max-width: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.selection-panel-list-container .selection-card-title {
  color: #384967;
  font-size: 18px;
  line-height: 24px;
  margin-inline-end: auto;
  padding-inline-start: 16px;
}
.selection-panel-list-container .selection-card-link {
  background: none;
  border: none;
  color: #3f1482;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
  padding: 0 8px;
}
.selection-panel-list-container .selection-card:hover {
  border: 1px solid #3f1482;
}
.selection-panel-list-container .selection-card:hover .selection-card-image {
  background-color: #f8dfa4;
}
.selection-panel-list-container .selection-card:hover .selection-card-link {
  color: #682bc6;
}
.selection-panel.sticky {
  position: fixed;
  left: 0;
  opacity: 0;
  top: -10%;
  transition: top ease-in-out 0.3s, opacity 0s 0.3s; /* hide after top animation */
  width: 100%;
  z-index: 2;
}
.selection-panel.sticky.scrolled {
  opacity: 1;
  top: 0;
  transition: top ease-in-out 0.3s, opacity 0s;
  /* position under page navigation */
}
:has(.page-mobile-header) .selection-panel.sticky.scrolled {
  top: 75px;
}
@media only screen and (min-width: 1024px) {
  :has(.page-mobile-header) .selection-panel.sticky.scrolled {
    top: 65px;
  }
}
.selection-panel.sticky .l-padding, .selection-panel.sticky .hearing-quiz .disclaimer, .hearing-quiz .selection-panel.sticky .disclaimer {
  display: flex;
}
.selection-panel.sticky .selection-panel-start-over-link {
  align-items: center;
  display: flex;
  margin-inline-end: 8px;
}
.selection-panel.sticky .selection-panel-list-container {
  margin-top: 0;
}
.selection-panel.sticky .selection-panel-text,
.selection-panel.sticky .selection-card-link {
  display: none;
}
@media only screen and (max-width: 768px) {
  .selection-panel.sticky .selection-card-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .selection-panel.sticky .selection-panel-start-over-link-text,
  .selection-panel.sticky .selection-card-image {
    display: none;
  }
  .selection-panel.sticky .selection-panel-start-over-link {
    margin-inline-end: 8px;
  }
  .selection-panel.sticky ul {
    display: block;
  }
  .selection-panel.sticky li {
    margin-bottom: 8px;
  }
  .selection-panel.sticky li:last-child {
    margin-bottom: 0;
  }
  .selection-panel.sticky .selection-card {
    background: none;
    border: none;
  }
  .selection-panel.sticky .selection-card-title {
    padding-inline: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .selection-panel.sticky ul,
  .selection-panel.sticky li,
  .selection-panel.sticky .selection-card,
  .selection-panel.sticky .selection-card-title {
    display: inline;
  }
  .selection-panel.sticky li:not(:last-child) .selection-card-title::after {
    content: "•";
    font-size: 14px;
    margin-inline: 8px;
    vertical-align: text-top;
  }
}
@media only screen and (min-width: 1024px) {
  .selection-panel.sticky li {
    margin-bottom: 0;
  }
  .selection-panel.sticky .selection-card-title {
    padding-inline-end: 16px;
  }
}

/* higher z-index so that sticky selection panel can go underneath */
:has(.selection-panel) .page-mobile-header {
  z-index: 10;
}

:has(.selection-panel) header.page-navigation {
  position: relative;
  z-index: 10;
}

.sub-header h1.sub-header-title {
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 32px;
  line-height: 44px;
  margin-block: 100px 24px;
}
.sub-header-link {
  color: #3f1482;
  display: block;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
  position: relative;
  text-decoration: none;
}
.sub-header-link::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  vertical-align: middle;
}
[dir=rtl] .sub-header-link::after {
  transform: rotate(90deg) scaleX(-1);
}
.sub-header-link.external::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE7SURBVHgB7VTdTcMwEP7OpO+R2ryHDRgAlKzQDdwRukBxYQE2oEwAG2CUBboBeU8r5R3w4YQW0TZOHCokHvpJfjnf3Xc/nw38MaiP8+VIpUSIDy4Mymytno4iSEMVcyBeXfeGMcnWs8W+XcATulQ5sRkTmcn22PLyrrjgu7qBeHZ6MZYvq9lY/xhDEt3cW3tsT46mse10MEBaOxuEzW60Y98kl0T8QMLM0dXBFgaYZsXhHF3JdXEt00jJNn/vHTQl94nxJnAm569Fn8GUvyZoq1yvlKZ3c64d76CTwJU8Gd4+JqN5rbxKwq74oC15OlSSXTMXfOHzTts7+IAmg6nvQpvQ2sGm9TscgV4y/ZcEwR5bchUpeKH6VgTKXgRWFFKwkPBBJSDmvMutJtCFWlhJlraiEH3whiVOOOETBr2KM5/mSf8AAAAASUVORK5CYII=");
  content: " ";
  width: 24px;
  height: 24px;
  transform: rotate(0);
  position: absolute;
  right: 0px;
  top: 2px;
}

.compatibility-text-columns {
  background-color: #f8dfa4;
  border-radius: 0 0 40px;
  padding: 32px 8px;
}
@media only screen and (min-width: 48em) {
  .compatibility-text-columns {
    padding: 40px 0 48px;
  }
}
.compatibility-text-columns .compatibility-text-columns-title {
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 16px;
  color: #384967;
}
@media only screen and (max-width: 47.99em) {
  .compatibility-text-columns .compatibility-text-columns-title {
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 44px;
  }
}
.compatibility-text-columns .compatibility-text-columns-content {
  display: flex;
  flex-direction: row;
}
.compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-subtitle {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 370px;
  color: #384967;
}
@media only screen and (max-width: 48em) {
  .compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
.compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-details div ul {
  padding-left: 0;
  padding-inline-start: 0;
  padding-top: 8px;
}
@media only screen and (min-width: 48em) {
  .compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-details div ul {
    margin-inline-start: 24px;
    padding-top: 0;
  }
}
.compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-details div ul li {
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  max-width: 370px;
  color: #384967;
  list-style-type: none;
  position: relative;
  margin-top: 0;
}
.compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-details div ul li:not(:last-child) {
  margin-bottom: 4px;
  margin-top: 0;
}
.compatibility-text-columns .compatibility-text-columns-content .compatibility-text-columns-details div ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #1e1e1e;
  border-radius: 100%;
  display: inline-block;
  margin-inline-end: 12px;
  vertical-align: middle;
}
@media only screen and (max-width: 48em) {
  .compatibility-text-columns .compatibility-text-columns-content {
    flex-direction: column;
  }
}

.title-with-link {
  margin: 32px auto;
}
@media only screen and (min-width: 64em) {
  .title-with-link {
    margin: 48px auto;
  }
}
.title-with-link .title-with-link-content {
  padding: 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
}
@media only screen and (max-width: 63.99em) {
  .title-with-link .title-with-link-content {
    display: block;
    float: none;
    margin-bottom: 32px;
  }
}
.title-with-link .title-with-link-content .title {
  font-weight: 500;
  font-size: 21px;
  line-height: 32px;
  color: #384967;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 63.99em) {
  .title-with-link .title-with-link-content .title {
    width: 100%;
    margin-bottom: 16px;
  }
}
.title-with-link .title-with-link-content a {
  border: 1px solid #3f1482;
  border-radius: 16px;
  gap: 12px;
  background-color: transparent;
  width: 100%;
  color: #3f1482;
  font-family: "Circular-Medium", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 20px;
  text-align: center;
  transition: color 0.3s ease;
}
.title-with-link .title-with-link-content a:hover {
  border: 2px solid #682bc6;
  background-color: transparent;
  color: #682bc6;
  padding: 11px 19px;
}
.title-with-link .title-with-link-content a::after {
  display: inline-block;
  left: 5px;
  top: 5px;
  position: relative;
}
div#root > [dir=rtl] .title-with-link .title-with-link-content a::after {
  left: -5px;
  right: unset;
}
@media only screen and (min-width: 64em) {
  .title-with-link .title-with-link-content a {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 28px;
    text-align: start;
    width: unset;
  }
  .title-with-link .title-with-link-content a:hover {
    padding: 11px 27px;
  }
  .title-with-link .title-with-link-content a::after {
    display: none;
  }
}
.title-with-link .title-with-link-details {
  color: #384967;
  font-family: "Circular-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

@media only screen and (max-width: 63.99em) {
  #embedded-messaging.embedded-messaging .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
    bottom: 5.3125em;
  }
  #embedded-messaging.embedded-messaging > .embeddedMessagingFrame[class~=isMinimized] {
    bottom: 5.3125em;
  }
  #embedded-messaging.embedded-messaging > .embeddedMessagingFrame[class~=isMaximized] {
    bottom: 10em;
  }
}
@media only screen and (min-width: 15em) and (max-width: 47.9375em) {
  #embedded-messaging.embedded-messaging > .embeddedMessagingFrame[class~=isMaximized],
  #embedded-messaging.embedded-messaging > .embeddedMessagingConversationButtonWrapper {
    z-index: 2147483640;
  }
  #embedded-messaging.embedded-messaging > .embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner {
    padding-inline-start: 0;
  }
  #embedded-messaging.embedded-messaging > .embeddedMessagingFrame[class~=isMaximized] {
    bottom: 9em;
    max-height: calc(100vh - 16em);
  }
}

@media only screen and (min-width: 15em) and (max-width: 47.9375em) {
  #root[inert] ~ #embedded-messaging.embedded-messaging > .embeddedMessagingFrame[class~=isMaximized] {
    bottom: 0;
    max-height: calc(100% - 2em);
  }
}
.hearing-quiz-new .header-section {
  display: flex;
  flex-direction: column;
  border-radius: 0 0 40px 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-section {
    flex-direction: row;
    align-items: flex-start;
    width: 1024px;
    margin: auto;
    padding: 0 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .header-section {
    width: 1180px;
  }
}
.hearing-quiz-new .header-section .header-media {
  position: relative;
  line-height: 0;
  width: 79%;
}
.hearing-quiz-new .header-section .header-media::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: var(--landingPage-bg);
  aspect-ratio: 1/1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: auto;
  height: 100%;
  transform: translate(36%, 30%) scale(1.4);
  transform-origin: bottom right;
  z-index: 1;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-section .header-media::after {
    transform: translate(32%, 32%) scale(1.4);
  }
}
.hearing-quiz-new .header-section .header-media .main-image {
  width: 100%;
  position: relative;
  height: auto;
  z-index: 2;
  border-radius: 0 0 calc(35% + 1px) 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-section .header-media {
    position: absolute;
    width: 450px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .header-section .header-media {
    width: 490px;
  }
}
.hearing-quiz-new .header-copy {
  position: relative;
  top: -10px;
  padding: 42px 22px;
  background-color: #fdc82f;
  border-radius: 0 0 64px 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-copy {
    top: 0;
    padding: 60px 0;
    width: 1024px;
    margin: auto;
    border-radius: 0 0 48px 0;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .header-copy {
    width: 1180px;
  }
}
.hearing-quiz-new .header-copy .heading,
.hearing-quiz-new .header-copy .sub-heading {
  color: #56565a;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-copy .heading,
  .hearing-quiz-new .header-copy .sub-heading {
    padding-right: 16px;
    margin-inline-start: 53%;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .header-copy .heading,
  .hearing-quiz-new .header-copy .sub-heading {
    margin-inline-start: 51%;
  }
}
.hearing-quiz-new .header-copy .heading {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-copy .heading {
    margin-bottom: 12px;
    font-size: 35px;
    line-height: 41px;
  }
}
.hearing-quiz-new .header-copy .sub-heading {
  margin-top: 0;
  font-size: 19px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  line-height: 22px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .header-copy .sub-heading {
    font-size: 26px;
    line-height: 31px;
  }
}
.hearing-quiz-new .copy-section {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 20px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .copy-section {
    width: 1024px;
    margin: auto;
    gap: 32px;
    padding: 32px 36px 104px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .copy-section {
    width: 1180px;
  }
}
.hearing-quiz-new .copy-section .description {
  color: #56565a;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .copy-section .description {
    font-size: 18px;
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  }
}
.hearing-quiz-new .copy-section .step-title {
  color: #56565a;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 0 16px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .copy-section .step-title {
    text-align: left;
    padding: 0;
  }
}
.hearing-quiz-new .copy-section .cta-button-wrapper .cta-button {
  text-align: center;
  width: 100%;
  padding: 15px 27px;
  font-weight: 900;
  padding: 16px 0;
  font-family: unset;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .hearing-quiz-new .copy-section .cta-button-wrapper .cta-button {
    width: auto;
  }
}
.hearing-quiz-new .copy-section .cta-button-wrapper .cta-button:after {
  margin: -4px 0 0 0;
  left: 5px;
  top: 5px;
  position: relative;
  display: inline-block;
  transition-duration: 0.15s;
}
.hearing-quiz-new .copy-section .cta-button-wrapper .cta-button:hover:after {
  left: 10px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .copy-section .cta-button-wrapper .cta-button {
    padding: 16px 32px;
  }
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .copy-section .description, .hearing-quiz-new .copy-section .step-title, .hearing-quiz-new .copy-section .cta-button-wrapper > .cta-button {
    margin-inline-start: 53%;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .copy-section .description, .hearing-quiz-new .copy-section .step-title, .hearing-quiz-new .copy-section .cta-button-wrapper > .cta-button {
    margin-inline-start: 51%;
  }
}
.hearing-quiz-new .hearing-quiz-footer {
  padding: 32px 20px;
  border-top: 1px solid #56565a;
  color: #56565a;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .hearing-quiz-footer {
    padding: 40px 20px;
    border-top: 1px solid #d6d6d6;
  }
}
.hearing-quiz-new .hearing-quiz-footer .quiz-disclaimer,
.hearing-quiz-new .hearing-quiz-footer .references {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .hearing-quiz-footer .quiz-disclaimer,
  .hearing-quiz-new .hearing-quiz-footer .references {
    width: 1024px;
    margin: auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    padding: 0 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .hearing-quiz-footer .quiz-disclaimer,
  .hearing-quiz-new .hearing-quiz-footer .references {
    width: 1180px;
  }
}
.hearing-quiz-new .hearing-quiz-footer .quiz-disclaimer {
  padding-bottom: 24px;
}
.hearing-quiz-new .question-wrapper .question-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  width: 100%;
  background-color: #fdc82f;
  padding: 20px 7px 34px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header {
    padding: 54px 0 36px;
    border-radius: 0 0 48px 0;
  }
}
.hearing-quiz-new .question-wrapper .question-header .question-number {
  display: flex;
  justify-content: space-between;
}
.hearing-quiz-new .question-wrapper .question-header .question-number .btns {
  border: none;
  background: transparent;
}
.hearing-quiz-new .question-wrapper .question-header .question-number .previous,
.hearing-quiz-new .question-wrapper .question-header .question-number .next {
  position: relative;
  padding: 0;
}
.hearing-quiz-new .question-wrapper .question-header .question-number .previous::before,
.hearing-quiz-new .question-wrapper .question-header .question-number .next::before {
  content: "";
  position: absolute;
  top: -5px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
}
.hearing-quiz-new .question-wrapper .question-header .question-number .previous::before {
  left: -2px;
  transform: rotate(-270deg);
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header .question-number .previous::before {
    left: -12px;
  }
}
.hearing-quiz-new .question-wrapper .question-header .question-number .next::before {
  right: -2px;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header .question-number .next::before {
    right: -12px;
  }
}
.hearing-quiz-new .question-wrapper .question-header .question-number .question-title {
  color: #56565a;
  text-align: center;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header .question-number .question-title {
    font-size: 32px;
    line-height: 38.21px;
  }
}
.hearing-quiz-new .question-wrapper .question-header .progress-bar {
  display: flex;
  padding: 0 13px;
}
.hearing-quiz-new .question-wrapper .question-header .progress-bar .bar {
  width: 100%;
  background-color: #efefef;
  border-radius: 24px;
  height: 12px;
  overflow: hidden;
  border: 1px solid #3f1482;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header .progress-bar .bar {
    border-radius: 50px;
    height: 16px;
  }
}
.hearing-quiz-new .question-wrapper .question-header .progress-bar .bar .progress {
  background-color: #3f1482;
  height: 100%;
  border-radius: 0;
  transition: width 0.3s ease;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header .progress-bar .bar .progress {
    height: 16px;
  }
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .question-header .question-number,
  .hearing-quiz-new .question-wrapper .question-header .progress-bar {
    width: 1024px;
    margin: auto;
    padding: 0 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .question-wrapper .question-header .question-number,
  .hearing-quiz-new .question-wrapper .question-header .progress-bar {
    width: 1180px;
  }
}
.hearing-quiz-new .question-wrapper .quiz-question {
  margin: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .quiz-question {
    width: 1024px;
    padding: 66px 36px;
    flex-direction: row;
    gap: 70px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .question-wrapper .quiz-question {
    width: 1180px;
  }
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section {
  flex: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  order: 2;
  padding: 32px 20px;
  gap: 32px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .quiz-question .qna-section {
    max-width: 50%;
    order: 1;
    padding: 0;
  }
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section .question {
  color: #404042;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .quiz-question .qna-section .question {
    font-size: 24px;
    line-height: 32px;
  }
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers {
    gap: 20px;
  }
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .answer {
  display: flex;
  border: 1px solid #d6d6d6;
  border-left: 5px solid #fdc82f;
  color: #3f1482;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 18.5px 57px 18.5px 20px;
  line-height: 19px;
  position: relative;
  cursor: pointer;
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .answer::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 35%;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(-90deg);
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .answer {
    display: block;
    font-size: 18px;
    padding: 20px 154px 20px 34px;
    line-height: 21px;
  }
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .selected, .hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .answer:active {
  background: #3f1482;
  color: white;
}
.hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .selected::after, .hearing-quiz-new .question-wrapper .quiz-question .qna-section .cta-answers .answer:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%23FFFFFF%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hearing-quiz-new .question-wrapper .quiz-question .media-section {
  flex: 1;
  max-width: 100%;
  order: 1;
}
.hearing-quiz-new .question-wrapper .quiz-question .media-section .main-image {
  width: 100%;
  display: block;
  border-radius: 0 0 64px 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .question-wrapper .quiz-question .media-section .main-image {
    border-radius: 2px 2px 100px 2px;
  }
}
.hearing-quiz-new .modal-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6980392157);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
}
.hearing-quiz-new .modal-overlay .content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 390px;
  height: auto;
  border-bottom-right-radius: 64px;
  margin: auto 20px;
  overflow: hidden;
  background: #ffffff;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content {
    flex-direction: row;
    max-width: 980px;
    margin: 0;
    border-bottom-right-radius: 100px;
  }
}
.hearing-quiz-new .modal-overlay .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 588px;
  height: 532px;
  background-image: var(--popUp-bg);
  background-size: cover;
  transform: rotate(90deg);
  transform-origin: 40% 44%;
  z-index: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content::before {
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    transform-origin: unset;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-close-btn {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  padding-inline: 0;
  padding-block: 0;
  z-index: 2;
  cursor: pointer;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-close-btn {
    width: 35px;
    height: 35px;
    top: 26px;
    right: 36px;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-close-btn::before {
  transform: rotate(45deg);
}
.hearing-quiz-new .modal-overlay .content .modal-close-btn::after {
  transform: rotate(-45deg);
}
.hearing-quiz-new .modal-overlay .content .modal-close-btn::before, .hearing-quiz-new .modal-overlay .content .modal-close-btn::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 15px;
  top: 45%;
  left: 22%;
  background: #ffffff;
  border-radius: 5px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-close-btn::before, .hearing-quiz-new .modal-overlay .content .modal-close-btn::after {
    height: 3px;
    width: 26px;
    top: 50%;
    left: 14%;
    background-color: #3f1482;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-image {
  width: 100%;
  position: relative;
  height: auto;
  z-index: 1;
  padding: 40px 32px 0;
  box-sizing: border-box;
  object-fit: contain;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-image {
    padding: 36px 0 80px 56px;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-text {
  position: relative;
  margin: 40px 0 32px;
  z-index: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-text {
    margin: 110px 0 45px;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-text .brow {
  position: relative;
  font-family: "Circular-Bold", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: #f6b00f;
  padding-left: 22px;
  margin: 0 42px 12px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-text .brow {
    font-size: 22px;
    line-height: 27px;
    margin: 0 76px 60px 62px;
    padding-left: 26px;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-text .brow::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 188px;
  top: -172px;
  left: 0;
  background: #f6b00f;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-text .brow::before {
    width: 10px;
    top: -164px;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-text .title {
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #56565a;
  margin: 0 42px 34px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-text .title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 76px 42px 62px;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-text .next-btn {
  position: relative;
  background: #fdc82f;
  padding: 16px 32px;
  color: #3f1482;
  border-radius: 200px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  font-family: "BlissPro-Light", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  border: none;
  width: calc(100% - 40px);
  margin: 0 20px;
  cursor: pointer;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-text .next-btn {
    width: unset;
    padding: 16px 60px 16px 32px;
    display: block;
    margin: 0 42px 0 auto;
  }
}
.hearing-quiz-new .modal-overlay .content .modal-text .next-btn::after {
  content: "";
  position: absolute;
  top: 28%;
  width: 30px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content .modal-text .next-btn::after {
    right: 20px;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup {
  max-width: 386px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup {
    max-width: 825px;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup::before {
  height: 400px;
  transform-origin: 43% 36%;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup::before {
    width: 270px;
    height: 100%;
    left: 0;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-close-btn {
  display: none;
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text {
  margin: 0 auto;
  width: 100%;
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .brow,
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .title {
  margin: 0;
  width: auto;
  margin: 0 20px;
  padding: 0 112px 0 20px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .brow,
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .title {
    margin-left: 260px;
    margin-right: 152px;
    padding-right: 0;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .brow {
  margin-top: 140px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .brow {
    margin-top: 110px;
    font-size: 22px;
    line-height: 27px;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .brow::before {
  top: -82px;
  height: 98px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .brow::before {
    top: -164px;
    height: 188px;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .title {
    margin-bottom: 20px;
    padding-left: 0;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .next-btn {
  margin-bottom: 60px;
  padding: 16px 32px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .next-btn {
    margin-left: auto;
    margin-bottom: 30px;
    width: 100%;
    max-width: 198px;
    text-align: left;
  }
}
.hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .next-btn::after {
  right: 94px;
  width: 25px;
}
@media only screen and (min-width: 26em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .next-btn::after {
    right: 118px;
  }
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .modal-overlay .content-validation-popup .modal-text .next-btn::after {
    right: 28px;
  }
}
.hearing-quiz-new .results {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results {
    gap: unset;
  }
}
.hearing-quiz-new .results .header {
  background: #fdc82f;
  padding: 24px 20px 20px 20px;
  border-radius: 0px 0px 32px 0px;
  color: #56565a;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .header {
    padding: 40px 0 36px;
    border-radius: 0px 0px 48px 0px;
  }
}
.hearing-quiz-new .results .header .heading {
  text-align: center;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .header .heading {
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 38px;
    line-height: 45px;
  }
}
.hearing-quiz-new .results .header .heading,
.hearing-quiz-new .results .header .score-copy {
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .header .heading,
  .hearing-quiz-new .results .header .score-copy {
    width: 1024px;
    margin: auto;
    padding: 0 36px;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .results .header .heading,
  .hearing-quiz-new .results .header .score-copy {
    width: 1180px;
  }
}
.hearing-quiz-new .results .header .score-copy,
.hearing-quiz-new .results .header .score-copy span {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .header .score-copy,
  .hearing-quiz-new .results .header .score-copy span {
    font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 28px;
    line-height: 40px;
  }
}
.hearing-quiz-new .results .header .score-copy {
  font-weight: 400;
}
.hearing-quiz-new .results .header span {
  font-weight: 900;
}
.hearing-quiz-new .results .result-media {
  display: flex;
  flex-direction: column;
  padding: 0 35px;
  max-width: 690px;
  margin: auto;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .result-media {
    flex-direction: row;
    max-width: unset;
    justify-content: center;
    width: 1024px;
    margin: auto;
    padding: 60px 36px;
    align-items: flex-start;
  }
}
.hearing-quiz-new .results .result-media .main-image-bg {
  position: relative;
  width: 100%;
  padding: 74px 0 60px;
  max-width: 500px;
  margin: 0 auto 18px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .result-media .main-image-bg {
    max-width: 540px;
    width: 60%;
    margin: unset;
  }
}
.hearing-quiz-new .results .result-media .main-image-bg::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: var(--resultPage-bg);
  aspect-ratio: 1/1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hearing-quiz-new .results .result-media .main-image-bg .main-image {
  width: 63%;
  position: relative;
  height: auto;
  left: 23%;
  z-index: 2;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .result-media .main-image-bg .main-image {
    width: 66%;
  }
}
.hearing-quiz-new .results .result-media .title {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 38px;
  text-align: center;
  color: #384967;
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .result-media .title {
    font-size: 56px;
    line-height: 66px;
    text-align: left;
    margin-top: 74px;
    width: 40%;
  }
}
.hearing-quiz-new .results .description {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
  color: #56565a;
  margin: 0 20px;
  padding-left: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .description {
    margin: 0 auto 92px;
    font-size: 22px;
    line-height: 32px;
    padding: 15px 0 15px 66px;
    max-width: 900px;
  }
}
.hearing-quiz-new .results .description::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #fdc82f;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .description::before {
    width: 8px;
  }
}
.hearing-quiz-new .results .cta-section {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 30px;
  background: rgba(214, 214, 214, 0.5019607843);
  align-items: center;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .cta-section {
    padding: 64px 0;
  }
}
.hearing-quiz-new .results .cta-section .advice,
.hearing-quiz-new .results .cta-section .cta-btn {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .cta-section .advice,
  .hearing-quiz-new .results .cta-section .cta-btn {
    width: 1024px;
    margin: auto;
  }
}
@media only screen and (min-width: 77.75em) {
  .hearing-quiz-new .results .cta-section .advice,
  .hearing-quiz-new .results .cta-section .cta-btn {
    width: 1180px;
  }
}
.hearing-quiz-new .results .cta-section .advice {
  margin: 0;
  text-align: center;
  color: #384967;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .cta-section .advice {
    font-size: 28px;
    line-height: 33px;
    margin: auto;
  }
}
.hearing-quiz-new .results .cta-section .cta-btn {
  background: #fdc82f;
  padding: 16px 60px 16px 32px;
  border: 0;
  border-radius: 200px;
  color: #3f1482;
  text-align: left;
  position: relative;
  width: auto;
  margin: auto;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .results .cta-section .cta-btn {
    font-size: 18px;
    line-height: 21px;
  }
}
.hearing-quiz-new .results .cta-section .cta-btn::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 36%;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2224px%22 height=%2224px%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3EIcon/Chevron%3C/title%3E%3Cg id=%22Symbols%22 stroke=%22none%22 stroke-width=%221%22 fill=%22none%22 fill-rule=%22evenodd%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg id=%22Icon/Chevron%22 stroke=%22white%22 stroke-width=%222%22%3E%3Cpolyline id=%22Stroke-6%22 points=%2217 10 12 15 7 10%22 stroke=%22%233F1482%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(-90deg);
}
.hearing-quiz-new .hq-contact-form .contact-header {
  background: #fdc82f;
  padding: 20px 22px 25px;
  border-radius: 0;
  color: #56565a;
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .hq-contact-form .contact-header {
    padding: 49px 0 51px;
    border-radius: 0px 0px 48px 0px;
    color: #56565a;
    font-size: 38px;
    line-height: 45.37px;
  }
}
.hearing-quiz-new .hq-contact-form .contact-sub-header {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  padding: 32px 20px 0;
  color: #5E5E62;
}
@media only screen and (min-width: 48em) {
  .hearing-quiz-new .hq-contact-form .contact-sub-header {
    width: 768px;
    margin: auto;
  }
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .hq-contact-form .contact-sub-header {
    padding: 50px 0 0;
    width: 768px;
    font-weight: 450;
    line-height: 27px;
  }
}
.hearing-quiz-new .hq-contact-form #sc-form form {
  margin-bottom: 32px;
}
@media only screen and (min-width: 64em) {
  .hearing-quiz-new .hq-contact-form #sc-form form {
    margin: 12px auto 50px;
    width: 768px;
  }
}
.hearing-quiz-new .hq-contact-form #sc-form form .ccl__button__text {
  font-family: "BlissPro-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  color: #3f1482;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

body {
  --bs-body-font-size: 18px;
  --bs-body-line-height: 28px;
}
body p:where(:not(.ccl__form-input__label):not(.ccl__form-input__hint)) {
  margin-bottom: 1rem;
}

html[lang=vi] * blockquote,
html[lang=vi] * button,
html[lang=vi] * h1,
html[lang=vi] * h2,
html[lang=vi] * h3,
html[lang=vi] * h4,
html[lang=vi] * h5,
html[lang=vi] * h6,
html[lang=vi] * input,
html[lang=vi] * li,
html[lang=vi] * p,
html[lang=vi] * select,
html[lang=vi] * .callout-card .content-container .is-h3,
html[lang=vi] * .callout-card .content-container p,
html[lang=vi] * .clinicFinder a.btn,
html[lang=vi] * .clinicFinder button.btn,
html[lang=vi] * .clinicFinder .clinic-list .clinic-list-title-bar,
html[lang=vi] * .clinicFinder .clinic-list .clinic-list-title-bar .filter-label,
html[lang=vi] * .clinicListing .clinicListing__clinic-address p,
html[lang=vi] * .clinicListing .clinicListing__clinic-name,
html[lang=vi] * .clinicListing .clinicListing__clinic-product-offers,
html[lang=vi] * .clinicFinder p.results-text,
html[lang=vi] * .country-select-nav .h1,
html[lang=vi] * .cta-button,
html[lang=vi] * .cta-button-ni-link,
html[lang=vi] * .disclaimer,
html[lang=vi] * .disclaimer h2,
html[lang=vi] * .disclaimer h6,
html[lang=vi] * .disclaimer li,
html[lang=vi] * .disclaimer p,
html[lang=vi] * .form-box .details-box button.cta,
html[lang=vi] * .form-box .details-box span,
html[lang=vi] * .form-dropdown-box .dropdown,
html[lang=vi] * .global-header .search-box .search-input,
html[lang=vi] * .landing-banner .content-link,
html[lang=vi] * .location-list .location-list-item .location-list-item-title,
html[lang=vi] * .nav-onscreen .nav .nav-item .nav-item-title,
html[lang=vi] * .nav-region-dropdown .dropdown-menu .dropdown-item.item-country,
html[lang=vi] * .nav-region-dropdown .nav-region-dropdown__cta,
html[lang=vi] * .product-color-switcher .product-tabs .product-info .product-options .product-option,
html[lang=vi] * .product-testimonial table td h4,
html[lang=vi] * .schematik-form .field-container fieldset legend,
html[lang=vi] * .stacked-accordions .accordion-trigger,
html[lang=vi] * .tabbed-content .tab-items .tab {
  font-family: "NotoSans-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}
html[lang=vi] body {
  font-family: "NotoSans-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}

@media only screen and (min-width: 64em) {
  html[lang=vi] * .top-nav .type-selector a,
  html[lang=vi] * .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top {
    font-family: "NotoSans-Regular", "Trebuchet MS", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
  }
  html[lang=vi] * .nav-onscreen .nav .nav-item .nav-item-title.nav-item-title-top {
    font-size: 15px;
  }
}