'); }
ngb-accordion .rd-header h5 > .btn-link[aria-expanded=true] {
color: #39b54a;
background-image: url('data:image/svg+xml; utf8, '); }
ngb-accordion .show .rd-body {
border-top: 1px solid #c4c4c4; }
ngb-accordion .rd-body {
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4; }
ngb-accordion .rd-body:last-child {
border-bottom: 1px solid #c4c4c4; }
.dropwdown-wrap {
display: inline-block; }
.dropdown {
position: relative;
display: inline-block; }
.dropdown-toggle::after {
display: inline-block;
content: '';
height: 0;
width: 0;
margin-left: 0.255em;
vertil-align: 0.255em;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-divider {
height: 1px;
margin: 0.3125em 0;
overflow: hidden;
background-color: #f1f2f2; }
.dropdown-menu {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
min-width: 160px;
margin: 2px 0 0;
padding: 5px 0;
background-clip: padding-box;
background-color: white;
font-size: 1rem;
list-style: none;
text-align: left;
border: 1px solid #c4c4c4; }
.dropdown-item {
display: block;
clear: both;
width: 100%;
padding: 3px 20px;
background: none;
color: #484848;
font-weight: normal;
line-height: 1.5;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
background-color: #f1f2f2;
color: #39b54a;
text-decoration: none; }
.dropdown-item.active:hover, .dropdown-item.active:focus {
background-color: #39b54a;
color: white;
text-decoration: none;
outline: 0; }
.dropdown-item.disabled:hover, .dropdown-item.disabled:focus {
color: #9d9d9d;
background-color: transparent;
background-image: none;
text-decoration: none;
cursor: not-allowed; }
.show > a {
outline: 0; }
.dropdown-menu.show {
display: block; }
.label {
display: inline-block;
padding: .4em .6em;
color: white;
font-size: inherit;
line-height: 1;
text-align: center;
white-space: nowrap;
vertil-align: baseline; }
.label:empty {
display: none; }
.label .label-content {
display: flex;
align-items: center; }
.label .label-icon {
background-color: transparent;
padding: 0;
margin-right: 0.3125em; }
a.label {
border-bottom: 0; }
a.label:hover, a.label:focus {
color: white;
text-decoration: none;
border-bottom: 0;
cursor: pointer; }
.label-white {
background-color: white;
border: 1px solid #f7f7f7;
color: #484848; }
.label-white svg {
fill: #555555; }
.label-white svg:hover, .label-white svg:focus {
fill: #3b3b3b; }
.label-light-grey {
background-color: #f1f2f2;
border: 1px solid #e9ebeb;
color: #484848; }
.label-light-grey svg {
fill: #555555; }
.label-light-grey svg:hover, .label-light-grey svg:focus {
fill: #3b3b3b; }
.alert {
border-radius: .05rem;
margin-bottom: 1em;
padding: 1em;
border: 1px solid transparent;
line-height: 1.35; }
.alert > p {
margin-bottom: 0; }
.alert > p:not(:only-of-type) {
margin-bottom: 0.3125em; }
.alert-dismissible {
position: relative;
padding-right: 2.5em; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
color: inherit;
opacity: .8;
font-size: 1.5rem;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
background: transparent;
border: 0;
-webkit-appearance: none;
cursor: pointer; }
.alert-success {
background-color: #cbefd0;
color: #277b32;
border-color: #b8e9bf; }
.alert-success hr {
border-top-color: #44c455; }
.alert-success .close:hover, .alert-success .close:focus {
color: #6ad078; }
.alert-success .svg-icon {
fill: #277b32;
height: 22px;
width: 22px;
vertil-align: text-bottom; }
.alert-success .alert-link {
margin-left: 0.078125em;
margin-right: 0.15625em;
color: inherit;
border-bottom-color: #277b32; }
.alert-success .alert-link:hover, .alert-success .alert-link:focus {
color: #4bc65c;
border-bottom-color: #6ad078; }
.alert-warning {
background-color: #fef0e2;
color: #c06508;
border-color: #fde4; }
.alert-warning hr {
border-top-color: #f79937; }
.alert-warning .close:hover, .alert-warning .close:focus {
color: #f9b268; }
.alert-warning .svg-icon {
fill: #c06508;
height: 22px;
width: 22px;
vertil-align: text-bottom; }
.alert-warning .alert-link {
margin-left: 0.078125em;
margin-right: 0.15625em;
color: inherit;
border-bottom-color: #c06508; }
.alert-warning .alert-link:hover, .alert-warning .alert-link:focus {
color: #f79e40;
border-bottom-color: #f9b268; }
.alert-info {
background-color: #e1ecf6;
color: #3576ac;
border-color: #c9ddee; }
.alert-info hr {
border-top-color: #9ac0e0; }
.alert-info .close:hover, .alert-info .close:focus {
color: #5494cb; }
.alert-info .svg-icon {
fill: #3576ac;
height: 22px;
width: 22px;
vertil-align: text-bottom; }
.alert-info .alert-link {
margin-left: 0.078125em;
margin-right: 0.15625em;
color: inherit;
border-bottom-color: #295b85; }
.alert-info .alert-link:hover, .alert-info .alert-link:focus {
color: #5494cb;
border-bottom-color: #73a8d4; }
.alert-danger {
background-color: #f9ddde;
color: #c21f27;
border-color: #f5c3c5; }
.alert-danger hr {
border-top-color: #ed8e92; }
.alert-danger .close:hover, .alert-danger .close:focus {
color: #e03f46; }
.alert-danger .svg-icon {
fill: #c21f27;
height: 22px;
width: 22px;
vertil-align: text-bottom; }
.alert-danger .alert-link {
margin-left: 0.078125em;
margin-right: 0.15625em;
color: inherit;
border-bottom-color: #96181e; }
.alert-danger .alert-link:hover, .alert-danger .alert-link:focus {
color: #e03f46;
border-bottom-color: #e66268; }
.js header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 34em) {
.js .min {
height: 50px; }
.js .min .ov::after {
top: 2px;
height: 30px; } }
header {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 0.15625em 0;
background-color: white;
transition: height 300ms ease;
height: 50px; }
@media (min-width: 34em) {
header {
height: 72px; }
@supports (display: grid) {
header:not(.min) .container {
grid-template-columns: 105px auto;
grid-template-rows: 65px; } }
header:not(.min) .header-left {
max-height: 100%; } }
@supports (display: grid) {
header .container {
display: grid;
grid-template-columns: 80px auto;
grid-template-rows: 45px;
grid-column-gap: 0.3125em;
align-items: center; } }
header .header-left.logo-only {
justify-self: start;
justify-self: flex-start;
align-items: center; }
@supports (display: grid) {
header .header-left:not(.logo-only) {
display: grid;
grid-template-columns: 40px 40px;
grid-column-gap: 0.3125em;
justify-items: center;
align-items: center; }
@media (min-width: 34em) {
header .header-left:not(.logo-only) {
grid-template-columns: 40px 65px; } } }
@supports not (display: grid) {
header {
display: flex;
align-items: center; }
header .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; }
header .header-buttons {
flex-grow: 1; }
header .header-left {
flex: 0 0 15%;
display: flex;
align-items: center; }
@media (max-width: 33.9375em) {
header .header-left {
flex: 0 0 30%; } }
header .header-left:not(.logo-only) .hamburger {
flex: 0 0 2.2em; }
header .header-left:not(.logo-only) .header-logo {
flex: 0 0 75px;
justify-content: center; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header {
display: flex;
align-items: center; }
header .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
height: 100%; }
header .header-buttons {
flex-grow: 1; }
header .header-left {
flex: 0 0 15%;
display: flex;
align-items: center; } }
@media all and (-ms-high-contrast: none) and (max-width: 33.9375em), (-ms-high-contrast: active) and (max-width: 33.9375em) {
header .header-left {
flex: 0 0 30%; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header .header-left .hamburger {
flex: 0 0 2.2em; }
header .header-left .header-logo {
flex: 0 0 75px;
justify-content: center; } }
.header-logo {
min-height: 40px;
height: 100%;
max-height: 65px;
display: flex;
align-items: center; }
.logo-link {
display: inline-block;
width: 40px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.logo-link {
height: 40px; } }
@media (min-width: 34em) {
.logo-link {
width: 65px; } }
@media all and (min-width: 34em) and (-ms-high-contrast: none), (min-width: 34em) and (-ms-high-contrast: active) {
.logo-link {
width: 60px;
height: 60px;
margin-top: 5px; } }
.logo-svg {
will-change: transform;
width: 100%; }
@-moz-document url-prefix() {
.logo-svg {
width: 100%; } }
@supports (display: grid) {
.header-buttons {
justify-self: end; } }
@media (max-width: 47.9375em) {
.header-buttons .cta {
display: none; } }
.btn-search-toggle {
padding: 0;
margin-right: 0.3125em; }
.btn-search-toggle.open svg {
fill: #39b54a; }
.ov {
position: relative;
margin-right: 0.5em;
margin-left: 0.5em; }
.ov::after {
position: absolute;
top: -4px;
right: -16px;
content: '';
display: block;
height: 46px;
border-right: 1px solid #dee1e1; }
.js #main-nav {
position: fixed;
top: 50px;
left: 2%;
z-index: 1050;
width: 300px;
height: auto;
opacity: 0;
transform: sle(0);
transform-origin: left top; }
@media (min-width: 34em) {
.js #main-nav {
top: 72px; } }
@media (min-width: 90em) {
.js #main-nav {
left: 10%; } }
@media (min-width: 118em) {
.js #main-nav {
left: 15%; } }
@media (min-width: 3000px) {
.js #main-nav {
left: 20%; } }
@media (max-width: 33.9375em) {
.js #main-nav {
height: 92%;
height: lc(100% - 45px);
width: 100%;
left: 0;
right: 0;
padding-bottom: 1em;
overflow-y: auto;
overflow-x: hidden; } }
.js #main-nav.open {
opacity: 1;
transform: sle(1); }
@media (min-width: 34em) {
.js .min #main-nav {
top: 50px; } }
#main-nav {
padding: 0.3125em 1em;
background-color: white;
color: #484848;
border: 1px solid #c4c4c4; }
#main-nav li {
margin-bottom: 1em; }
#main-nav .current-lotion {
display: flex;
align-items: center;
padding-top: 0.25em;
border-bottom: 1px solid #c4c4c4;
padding-bottom: 1em; }
#main-nav .solutions-wrapper {
border-bottom: 1px solid #c4c4c4;
padding-bottom: 0.5em; }
.main-nav-accordion .rd-header {
padding: 0 0 0.3125em 0;
border: none !important; }
.main-nav-accordion .rd-header h5 > .btn-link {
padding: 0 0 0.3125em 0; }
.main-nav-accordion .rd-body {
padding: 0 0 0 0.3125em;
border: none !important; }
.hamburger {
position: relative;
padding: 0;
transition: .5s ease-in-out;
transform: rotate(0deg); }
.hamburger span {
display: block;
position: absolute;
left: 5px;
width: 24px;
height: 2px;
background: #484848;
opacity: 1;
transition: .15s ease-in-out;
transform: rotate(0deg); }
.hamburger span:nth-child(1) {
top: 9px; }
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {
top: 17px; }
.hamburger span:nth-child(4) {
top: 25px; }
.hamburger.open span:nth-child(1), .hamburger.open span:nth-child(4) {
top: 17px;
left: 50%;
width: 0%; }
.hamburger.open span:nth-child(2) {
transform: rotate(45deg); }
.hamburger.open span:nth-child(3) {
transform: rotate(-45deg); }
.hamburger.open span:nth-child(4) {
top: 17px;
left: 50%;
width: 0%; }
@-webkit-keyframes fadeIn {
50% {
opacity: 0;
height: 0; }
100% {
opacity: 1;
height: initial !important; } }
@keyframes fadeIn {
50% {
opacity: 0;
height: 0; }
100% {
opacity: 1;
height: initial; } }
.animation-fade {
opacity: 0;
height: 0;
-webkit-animation: fadeIn .5s ease-in 5s normal forwards;
-webkit-animation-iteration-count: 1;
-moz-animation: fadeIn .5s ease-in 5s normal forwards;
-moz-animation-iteration-count: 1;
-o-animation: fadeIn .5s ease-in 5s normal forwards;
-o-animation-iteration-count: 1;
-webkit-animation: fadeIn .5s ease-in 5s 1 normal forwards running;
animation: fadeIn .5s ease-in 5s 1 normal forwards running;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.animation-fade[data-agent*='MSIE 10.0'] {
opacity: 1;
height: auto; }
@media (min-width: 62em) {
.animation-fade.homepage {
position: absolute;
left: 0;
right: 0; } }
.header-outdated-alert .alert p {
font-size: .85rem; }
@media (max-width: 33.9375em) {
.header-outdated-alert .svg-icon {
display: none; }
.header-outdated-alert strong {
display: block; }
.header-outdated-alert span:first-of-type {
margin-bottom: 0.3125em; } }
footer {
position: relative;
z-index: 3;
width: 100%;
background-color: white;
color: #484848;
padding: 1em;
border-top: 1px solid rgba(196, 196, 196, 0.5);
font-size: .90rem; }
@media (max-width: 33.9375em) {
footer {
text-align: center; } }
footer li a {
border-bottom-color: #484848;
border-bottom: transparent; }
footer li a:hover, footer li a:focus {
color: #39b54a;
border-bottom: 1px solid #39b54a; }
footer .partner-logos {
margin-bottom: 0.3125em; }
footer .partner-logos svg {
margin: auto; }
@media (max-width: 47.9375em) {
footer .footer-corporate li, footer .footer-top li {
margin-bottom: 1em; } }
@media (max-width: 33.9375em) {
@supports (display: grid) {
footer .footer-connect ul {
display: grid;
grid-template-columns: repeat(3, 3em);
grid-gap: 0.5em;
width: 11em;
margin: 0 auto; } } }
.footer-bottom {
margin-top: 1em;
padding-top: 0.5em; }
.footer-bottom.divider {
border-top: 1px solid rgba(196, 196, 196, 0.5); }
@media (max-width: 61.9375em) {
.footer-bottom, .footer-top {
text-align: center; }
.footer-connect {
margin-top: 1em;
margin-bottom: 1em; }
.partner-logos {
justify-content: center; } }
@media (min-width: 62em) {
.footer-connect .btn-square-border {
height: 2em;
width: 2em; } }
@media (min-width: 62em) {
.EN .footer-top ul {
display: flex;
justify-content: space-between; } }
@media (max-width: 33.9375em) {
.EN .footer-corporate ul {
-moz-column-count: 4;
column-count: 4; } }
@media (min-width: 75em) {
.FR .footer-top ul {
display: flex;
justify-content: space-between; } }
@media (min-width: 20em) and (max-width: 33.9375em) {
.FR .footer-corporate ul {
-moz-column-count: 4;
column-count: 4; } }
@media (min-width: 34em) {
.footer-corporate ul {
margin-left: -0.3125em; }
.footer-corporate li {
display: inline-block;
padding-left: 0.3125em;
padding-right: 0.3125em; } }
@media (min-width: 34em) {
@supports (display: grid) {
.partner-logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1em;
align-items: center;
justify-items: start;
grid-template-columns: repeat(2, minmax(auto, -webkit-max-content));
grid-template-columns: repeat(2, minmax(auto, max-content)); }
.partner-logos a {
justify-self: start; } } }
@media (min-width: 62em) {
@supports (display: grid) {
.footer-bottom {
display: grid;
grid-template-columns: 6fr 4fr;
grid-template-rows: auto;
grid-column-gap: 0.3125em;
grid-row-gap: 2.2em; } } }
@supports not (display: grid) {
.partner-logos {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center; }
@media (min-width: 62em) {
.partner-logos {
justify-content: flex-start; }
.footer-bottom {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.footer-bottom .footer-link-column {
flex: 0 0 60%; }
.footer-bottom .footer-legal {
flex: 0 0 40%; } } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.partner-logos {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center; } }
@media all and (-ms-high-contrast: none) and (min-width: 62em), (-ms-high-contrast: active) and (min-width: 62em) {
.partner-logos {
justify-content: flex-start; }
.footer-bottom {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.footer-bottom .footer-link-column {
flex: 0 0 60%; }
.footer-bottom .footer-legal {
flex: 0 0 40%; } }
.search-form {
position: relative;
z-index: 5;
background-color: white;
margin: 0 auto; }
@media (min-width: 48em) {
.search-form .container {
padding-left: 3.5em; } }
.search-form .search-radios {
background-color: #f1f2f2;
border-bottom: 1px solid #dee1e1;
border-top: 1px solid #dee1e1; }
@media (max-width: 47.9375em) {
.search-form .search-radios .btn-group {
padding-right: 0;
padding-left: 0; } }
@supports (display: grid) {
.search-form .search-radios .btn-group {
display: grid;
grid-template-columns: repeat(3, minmax(-webkit-min-content, 150px));
grid-template-columns: repeat(3, minmax(min-content, 150px)); } }
@supports not (display: grid) {
.search-form .search-radios .btn-group {
display: flex;
flex-direction: row;
flex-wrap: nowrap; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.search-form .search-radios .btn-group {
display: flex;
flex-direction: row;
flex-wrap: nowrap; } }
.search-form .radio-inline {
padding: 0;
position: relative;
z-index: 2; }
@supports not (display: grid) {
.search-form .radio-inline {
flex: 0 0 150px; }
@media (max-width: 47.9375em) {
.search-form .radio-inline {
flex: 0 0 100px; } } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.search-form .radio-inline {
flex: 0 0 150px; } }
@media all and (-ms-high-contrast: none) and (max-width: 47.9375em), (-ms-high-contrast: active) and (max-width: 47.9375em) {
.search-form .radio-inline {
flex: 0 0 100px; } }
.search-form .radio-inline.line {
position: relative; }
.search-form .radio-inline.line::after {
content: '';
position: absolute;
top: 5px;
right: 0;
display: block;
height: 75%;
border-right: 1px solid #dee1e1; }
.search-form .radio-inline .btn {
height: 2.2em;
width: 100%;
margin: 0 2px;
padding: 0 0.46875em;
transition: border 200ms ease;
color: #8b8b8b; }
.search-form .radio-inline .btn:not(.btn-active) {
text-decoration: underline; }
.search-form .radio-inline .btn.btn-active {
color: #39b54a;
font-weight: bold;
background-color: white; }
.search-form .radio-inline input {
position: absolute;
top: -9999px;
opacity: 0;
clip: rect(0, 0, 0, 0); }
.search-form .input-group {
position: relative; }
.search-form .input-group .btn {
height: 2.5em;
width: 2.5em; }
.search-form .search-input {
font-size: 1.5em;
border: none;
height: 2.5em;
padding-right: 3em;
padding-left: 0; }
@media (min-width: 34em) {
.search-form .search-input {
padding-right: 4em; } }
.search-form .btn-search, .search-form .btn-clear {
position: absolute;
top: 20%; }
.search-form .btn-search {
right: 2%;
border-radius: 100%; }
.search-form .btn-search svg {
padding: 1px 3px 4px 0; }
@media (min-width: 90em) {
.search-form .btn-search svg {
padding: 3px 2px 3px 0; } }
.search-form .btn-clear {
right: 3rem; }
@media (min-width: 48em) {
.search-form .btn-clear {
right: 4rem; } }
.search-form .btn-clear svg {
padding-top: 0; }
.home-page .search-form {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.home-page .input-group {
border: 1px solid #dee1e1;
border-bottom: none; }
.home-page .search-radios {
border-left: 1px solid #dee1e1;
border-right: 1px solid #dee1e1; }
.container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 0 1em; }
@media (min-width: 137.5em) {
.container {
max-width: 1800px; } }
.modal-open {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%; }
.lightbox-open {
width: 100%;
height: 100%; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.img-responsive {
height: initial; } }
.search-bar-form {
max-width: 700px;
width: 100%; }
@media (max-width: 33.9375em) {
.search-bar-form {
padding: 0.3125em; } }
.search-bar-form .input-group {
position: relative; }
.search-bar-form .input-text {
padding-right: 7em;
padding-left: 0.3125em; }
.pagination-nav {
margin-bottom: 2em; }
.pagination-text p {
margin-bottom: 0.3125em;
font-size: 0.85rem; }
.pager {
margin: 0;
padding: 0;
list-style: none; }
.pager li {
display: inline-block;
margin-bottom: 0; }
.pager li:first-child {
margin-right: 0.5em; }
.no-js main {
margin-top: 2.2em;
margin-bottom: 2.2em; }
@media (min-width: 62em) {
.sticky-footer-wrapper {
display: flex;
flex-direction: column;
min-height: 93vh; }
.sticky-footer-wrapper .sticky-footer {
flex: 1; } }