.overlay-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 10001;
opacity: 0.7; }
.overlay-container {
position: absolute;
width: 100%;
top: 150px;
text-align: center;
z-index: 10002;
padding-bottom: 30px; }
.overlay-content {
position: relative;
min-width: 80px;
min-height: 80px;
max-width: 90%;
display: inline-block;
background: #FFF;
text-align: left;
border: solid 2px #323131; }
.overlay-content-inner {
overflow: hidden; }
.overlay-close {
z-index: 9999;
font-size: 35px;
line-height: 1;
position: absolute;
top: -40px;
right: 15px;
cursor: pointer;
display: none;
color: #fff;
outline: none; }
.overlay-close::after {
content: url("../../assets/img/x-button-white.svg");
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
display: block; }
.overlay-loading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../../assets/img/nav-loading.gif) no-repeat 50% 50%; }
@charset "UTF-8";
.multiStackedSubnavigation {
opacity: 0;
position: relative; }
.mod-js .multiStackedSubnavigation .js-multiStackedSubnavigation-arrow {
border-bottom: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #eb3158;
width: 0;
height: 0;
position: absolute;
transition: left 500ms;
left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.multiStackedSubnavigation.js-no-slider-mode ul {
left: 0 !important; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-container {
overflow: hidden;
height: 100%;
width: 83.21377vw; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-prev,
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-next {
width: 19.999px;
width: 1.2499375rem;
position: absolute;
visibility: hidden;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .8;
transition: opacity .25s, visibility .25s;
height: 100%;
background: #fff; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-prev::after,
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-next::after {
font-size: 28px;
font-size: 1.75rem;
color: #000;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-prev.is-active,
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-next.is-active {
visibility: visible;
cursor: pointer;
opacity: 1; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-prev::after {
content: "ï„„";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-next {
right: 0; }
.multiStackedSubnavigation.js-slider-mode .multiStackedSubnavigation-next::after {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right; }
.multiStackedSubnavigation.js-slider-mode ul li.is-active a {
visibility: visible;
opacity: 1; }
.multiStackedSubnavigation.js-slider-mode ul li.is-active a:hover {
opacity: 1; }
.multiStackedSubnavigation.js-slider-mode ul li.is-active-prev a, .multiStackedSubnavigation.js-slider-mode ul li.is-active-next a {
visibility: visible;
opacity: 1; }
.multiStackedSubnavigation.js-slider-mode ul li.is-active-prev a:hover, .multiStackedSubnavigation.js-slider-mode ul li.is-active-next a:hover {
opacity: 1; }
.multiStackedSubnavigation .multiStackedSubnavigation-container {
width: 83.21377vw;
box-sizing: border-box;
margin: 0 auto;
position: relative; }
.multiStackedSubnavigation .multiStackedSubnavigation-container.contain-one-multiStacked-item {
max-width: 319.9994px;
max-width: 19.9999625rem; }
.multiStackedSubnavigation .multiStackedSubnavigation-container.contain-two-multiStacked-items {
max-width: 519.9999px;
max-width: 32.49999375rem; }
.multiStackedSubnavigation .multiStackedSubnavigation-container.contain-three-multiStacked-items {
max-width: 649.9997px;
max-width: 40.62498125rem; }
.multiStackedSubnavigation .multiStackedSubnavigation-container.contain-four-multiStacked-items {
max-width: 819.9996px;
max-width: 51.249975rem; }
.multiStackedSubnavigation .multiStackedSubnavigation-container.contain-five-multiStacked-items {
max-width: 882.9996px;
max-width: 55.187475rem; }
.multiStackedSubnavigation .multiStackedSubnavigation-container ul li.one-multiStacked-item {
max-width: 100%; }
.multiStackedSubnavigation .multiStackedSubnavigation-container ul li.two-multiStacked-items {
max-width: 50%; }
.multiStackedSubnavigation .multiStackedSubnavigation-container ul li.three-multiStacked-items {
max-width: 33.33333%; }
.multiStackedSubnavigation .multiStackedSubnavigation-container ul li.four-multiStacked-items {
max-width: 25%; }
.multiStackedSubnavigation .multiStackedSubnavigation-container ul li.five-multiStacked-items {
max-width: 20%; }
.multiStackedSubnavigation .current-active {
display: none; }
.multiStackedSubnavigation .current-active p {
display: none; }
.multiStackedSubnavigation ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
white-space: nowrap;
position: relative;
left: 0;
width: auto;
transition: left 250ms;
font-size: 0; }
.multiStackedSubnavigation ul.no-js {
white-space: normal; }
.multiStackedSubnavigation ul li {
height: 66.997px;
height: 4.1873125rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
vertical-align: top;
box-sizing: border-box; }
.multiStackedSubnavigation ul li:hover {
opacity: 1;
transition: background 0.2s; }
.multiStackedSubnavigation ul li:hover a {
color: #2D2323;
text-decoration: none; }
.multiStackedSubnavigation ul li:hover a::before {
opacity: 1; }
.no-js .multiStackedSubnavigation ul li.is-active::before {
content: '';
position: absolute;
left: 50%;
top: 100%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.multiStackedSubnavigation ul li.is-active::after {
content: '';
position: absolute;
left: 50%;
top: 100%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.multiStackedSubnavigation ul li.is-active a {
opacity: 1;
color: #AF144B;
font-family: "SourceSansPro-Bold", sans-serif; }
.multiStackedSubnavigation ul li.is-active a::before {
opacity: 1;
top: 93%; }
.multiStackedSubnavigation ul li a {
height: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
white-space: normal; }
.multiStackedSubnavigation ul li a::before {
content: '';
position: absolute;
left: 50%;
top: 100%;
width: 100%;
height: 4px;
opacity: 0;
background: #AF144B;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
transition: opacity 0.1s linear; }
.multiStackedSubnavigation ul li a:focus {
transition: opacity .25s, box-shadow .25s;
box-shadow: none;
outline: none; }
.multiStackedSubnavigation ul li a:focus::after {
opacity: 1; }
.multiStackedSubnavigation.wider-items ul li a {
font-size: 17.997px;
font-size: 1.1248125rem;
min-width: 90%; }
@media only screen and (max-width: 992px) {
.multiStackedSubnavigation ul li {
margin: 0px 14px;
margin: 0rem 0.875rem; } }
@media only screen and (max-width: 480px) {
.multiStackedSubnavigation ul li {
padding: 0px 7px;
padding: 0rem 0.4375rem;
height: 50.001px;
height: 3.1250625rem; }
.multiStackedSubnavigation ul li a {
font-size: 15.001px;
font-size: 0.9375625rem;
min-width: 90%; }
.multiStackedSubnavigation.wider-items ul li a {
min-width: 99%; }
.multiStackedSubnavigation .multiStackedSubnavigation-container {
min-width: 100%; } }
.main.multistack-space {
padding-top: 80.003px;
padding-top: 5.0001875rem; }
@media only screen and (max-width: 480px) {
.main.multistack-space {
padding-top: 50.001px;
padding-top: 3.1250625rem; } }
.multiStackedSubnavigation-dark-background {
background: #2D2323; }
.mod-js .multiStackedSubnavigation-dark-background .js-multiStackedSubnavigation-arrow {
border-top-color: #2D2323; }
.no-js .multiStackedSubnavigation-dark-background ul li.is-active::before {
border-top-color: #2D2323; }
.multiStackedSubnavigation-sectional {
position: absolute;
width: 100%;
max-width: 100vw; }
.multiStackedSubnavigation-sectional.no-top-offset {
top: 0; }
.multiStackedSubnavigation-sectional.multistacked-up {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
.multiStackedSubnavigation-sectional ul {
height: 100%;
background: transparent;
border-radius: 5px; }
.multiStackedSubnavigation-sectional ul li a {
font-size: 24.003px;
font-size: 1.5001875rem;
letter-spacing: 0px;
letter-spacing: 0rem;
line-height: 0.8;
color: #000;
font-weight: 600;
letter-spacing: 0px;
font-family: "SourceSansPro-Regular", sans-serif;
width: -webkit-fit-content;
width: fit-content; }
.multiStackedSubnavigation-sectional ul li p {
display: none; }
.multiStackedSubnavigation-sectional .current-active {
display: none; }
.multiStackedSubnavigation-sectional .current-active p {
display: none; }
@media only screen and (min-width: 1281px) {
.multiStackedSubnavigation-sectional .multiStackedSubnavigation-sectional ul li a {
font-size: 19.0001px;
font-size: 1.18750625rem; } }
@media only screen and (max-width: 992px) {
.multiStackedSubnavigation-sectional ul {
margin: 0px 15.001px;
margin: 0rem 0.9375625rem; }
.multiStackedSubnavigation-sectional ul li {
padding: 0px;
margin: 0;
vertical-align: middle; }
.multiStackedSubnavigation-sectional ul li a {
font-size: 18.998px;
font-size: 1.187375rem;
margin-bottom: 0;
letter-spacing: 0;
line-height: 0.8;
padding: 0 3px;
font-weight: 100; }
.mod-js .multiStackedSubnavigation-sectional ul .js-multiStackedSubnavigation-arrow {
border-left-width: 15px;
border-right-width: 15px;
border-top-width: 15px; } }
@media only screen and (max-width: 480px) {
.multiStackedSubnavigation-sectional ul li a {
font-size: 15.001px;
font-size: 0.9375625rem; } }
.multistacked-redesigned {
background-color: #fff;
position: relative;
z-index: 1;
bottom: -1px; }
.multistacked-redesigned .multiStackedSubnavigation-next,
.multistacked-redesigned .multiStackedSubnavigation-prev {
display: none; }
.multistacked-redesigned.alpha .component-content .multiStackedSubnavigation-container {
margin-left: calc((100vw - 1240px) / 2) !important; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container {
width: 1240.001px;
width: 77.5000625rem;
margin-left: calc((100vw - 1240px) / 2);
overflow: visible; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul {
text-align: left;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul::-webkit-scrollbar {
display: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li {
margin-right: 39.998px;
margin-right: 2.499875rem;
display: inline-block;
margin-left: 0; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a {
font-size: 24.003px;
font-size: 1.5001875rem;
color: #2D2323;
position: relative;
font-family: "SourceSansPro-Regular", sans-serif; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a p {
display: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a::before {
top: 93%; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li.is-active a {
color: #AF144B;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-prev,
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-next {
width: 19.999px;
width: 1.2499375rem;
position: absolute;
visibility: hidden;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .8;
transition: opacity .25s, visibility .25s;
height: 100%;
background: #fff; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-prev::after,
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-next::after {
font-size: 28px;
font-size: 1.75rem;
color: #000;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-prev.is-active,
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-next.is-active {
visibility: visible;
cursor: pointer;
opacity: 1; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-prev {
margin-left: -20px; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-prev::after {
content: "ï„„";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-next {
margin-right: -20px;
right: 0; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-next::after {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .current-active {
display: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .current-active p {
display: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container.contain-one-multiStacked-item, .multistacked-redesigned .component-content .multiStackedSubnavigation-container.contain-two-multiStacked-items, .multistacked-redesigned .component-content .multiStackedSubnavigation-container.contain-three-multiStacked-items, .multistacked-redesigned .component-content .multiStackedSubnavigation-container.contain-four-multiStacked-items, .multistacked-redesigned .component-content .multiStackedSubnavigation-container.contain-five-multiStacked-items {
max-width: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li.one-multiStacked-item, .multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li.two-multiStacked-items, .multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li.three-multiStacked-items, .multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li.four-multiStacked-items, .multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li.five-multiStacked-items {
max-width: 100%; }
.multistacked-redesigned.multistack-visible-arrows .multiStackedSubnavigation-next, .multistacked-redesigned.multistack-visible-arrows .multiStackedSubnavigation-prev {
display: block; }
@media only screen and (max-width: 1280px) {
.multistacked-redesigned .component-content .multiStackedSubnavigation-container {
width: 85.88%;
margin-left: 7.06%; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container.alpha {
margin-left: 7.06% !important; } }
@media only screen and (max-width: 992px) {
.multistacked-redesigned {
bottom: -1px; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li {
margin-right: 24.003px;
margin-right: 1.5001875rem;
height: 47.999px;
height: 2.9999375rem; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a {
font-size: 17.997px;
font-size: 1.1248125rem; } }
@media only screen and (min-width: 768px) {
.multistacked-redesigned.multistacked-up {
margin-top: -47.999px;
margin-top: -2.9999375rem; } }
@media only screen and (max-width: 767px) {
.multistacked-redesigned .component-content .multiStackedSubnavigation-container {
margin-top: 24.003px;
margin-top: 1.5001875rem;
height: 39.998px;
height: 2.499875rem;
max-height: 39.998px;
max-height: 2.499875rem;
border: 1px solid #979797;
border-radius: 4px;
min-width: auto;
overflow: visible; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul {
top: 36.001px;
top: 2.2500625rem;
position: relative;
height: 0;
transition: height .4s linear;
overflow: hidden;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li {
height: 36.001px;
height: 2.2500625rem;
padding-left: 16.002px;
padding-left: 1.000125rem;
display: block; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a {
font-size: 17.997px;
font-size: 1.1248125rem;
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-justify-content: normal;
-ms-flex-pack: normal;
justify-content: normal; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a::before {
display: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-prev,
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .multiStackedSubnavigation-next {
display: none; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .current-active {
top: 5.999px;
top: 0.3749375rem;
padding-left: 16.002px;
padding-left: 1.000125rem;
display: block;
position: absolute;
height: 100%;
width: 95%; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .current-active a {
font-size: 17.997px;
font-size: 1.1248125rem;
font-family: "SourceSansPro-Regular", sans-serif;
color: #2D2323; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 19.999px;
font-size: 1.2499375rem;
right: 10.003px;
right: 0.6251875rem;
top: 4.998px;
top: 0.312375rem;
color: #2D2323;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: -webkit-transform 400ms linear;
transition: transform 400ms linear;
transition: transform 400ms linear, -webkit-transform 400ms linear; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container.is-open {
border-color: #AF144B; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container.is-open ul {
height: auto;
background-color: white;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
border: 1px solid #979797;
border-top: 3px solid #AF144B;
z-index: 201;
width: 100%;
margin-left: -1px; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container.is-open .current-active a {
color: #AF144B; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container.is-open::after {
color: #AF144B;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); } }
@media only screen and (max-width: 480px) {
.multistacked-redesigned .component-content .multiStackedSubnavigation-container ul li a {
font-size: 14px;
font-size: 0.875rem; }
.multistacked-redesigned .component-content .multiStackedSubnavigation-container .current-active a {
font-size: 14px;
font-size: 0.875rem; } }
@charset "UTF-8";
.accordion-container {
border: solid 2px #323131;
list-style: none;
padding: 0;
margin: 0; }
.accordion-head {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px;
padding: 13px;
line-height: 3.54375rem;
margin: 0;
color: #939191;
border-top: 2px solid #000;
letter-spacing: 0; }
.accordion-head a {
letter-spacing: inherit; }
.accordion-slide:first-child .accordion-head {
border-top: 0; }
@media only screen and (min-width: 481px) {
.accordion-title {
margin: 0;
font-size: 3.325rem;
line-height: 3.54375rem;
letter-spacing: -0.21875rem;
font-weight: 100;
color: #0074a6; } }
.accordion-content {
padding-top: 13px;
padding-bottom: 13px; }
.accordion-content-wrapper {
border-left: 0;
border-right: 0;
border-top: 0;
transition: max-height 300ms; }
.accordion-slide:not(.is-active) .accordion-content-wrapper {
max-height: 0 !important; }
.no-js .accordion-slide:not(.is-active) .accordion-content-wrapper {
height: auto !important;
max-height: none !important; }
.mod-js .accordion-slide .accordion-head:hover {
background-color: #fff;
color: white; }
.mod-js .accordion-slide.is-active > .accordion-head {
color: #000; }
.mod-js .accordion-content-wrapper {
visibility: hidden;
height: auto;
position: relative;
top: -999999px;
left: -999999px;
overflow: hidden;
margin: 0;
box-sizing: border-box;
max-height: 0; }
.mod-js .accordion-slide.is-active > .accordion-content-wrapper {
visibility: visible;
position: relative;
top: auto;
left: auto;
height: auto; }
.mod-js .accordion-slide.is-active:last-child > .accordion-content-wrapper {
border-bottom: none; }
.mod-js .accordion-head {
cursor: pointer;
margin-bottom: 0;
position: relative; }
.mod-js .accordion-head::after {
font-size: 35.7px;
font-size: 2.23125rem;
content: "ï¸";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 2px;
float: right; }
.mod-js .accordion-slide.is-active > .accordion-head {
cursor: pointer; }
.mod-js .accordion-slide.is-active > .accordion-head::after {
font-size: 35.7px;
font-size: 2.23125rem;
content: "ï¸";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 2px;
float: right; }
.accordion-mosaic, .accordion-mosaic-plus-subcopy {
width: calc(100% - 70px);
margin: 10px auto; }
.align-components .accordion-mosaic, .align-components .accordion-mosaic-plus-subcopy {
width: 100%; }
.accordion-mosaic .component-content .accordion-head > .accordion-title, .accordion-mosaic-plus-subcopy .component-content .accordion-head > .accordion-title {
height: 100%;
padding: 0;
margin: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: 0; }
.accordion-mosaic .js-desktop-headers, .accordion-mosaic-plus-subcopy .js-desktop-headers {
display: none; }
.accordion-mosaic .js-desktop-headers .js-desktop-slide-arrow, .accordion-mosaic-plus-subcopy .js-desktop-headers .js-desktop-slide-arrow {
height: 3.003px;
height: 0.1876875rem;
right: -15.001px;
right: -0.9375625rem;
width: 0;
transition: top 300ms;
-webkit-transform: translate(50%, -50%) rotate(-90deg);
-ms-transform: translate(50%, -50%) rotate(-90deg);
transform: translate(50%, -50%) rotate(-90deg);
background: #fff;
border-top: 10px solid #AF144B;
border-right: 10px transparent solid;
border-left: 10px transparent solid;
position: absolute; }
.accordion-mosaic .js-desktop-headers .accordion-head, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head {
width: 280px;
width: 17.5rem;
height: 56px;
height: 3.5rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
margin-bottom: 17.997px;
margin-bottom: 1.1248125rem;
background-color: #f3f3f3;
transition: color 200ms, background-color 200ms;
border: none;
position: relative;
padding: 0; }
.accordion-mosaic .js-desktop-headers .accordion-head::after, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head::after {
display: none; }
.accordion-mosaic .js-desktop-headers .accordion-head:hover, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head:hover {
background-color: #AF144B; }
.accordion-mosaic .js-desktop-headers .accordion-head:hover > .accordion-title, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head:hover > .accordion-title, .accordion-mosaic .js-desktop-headers .accordion-head:hover .accordion-title .accordion-title-link, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head:hover .accordion-title .accordion-title-link, .accordion-mosaic .js-desktop-headers .accordion-head:hover .accordion-title .accordion-title-link .accordion-title-text, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head:hover .accordion-title .accordion-title-link .accordion-title-text {
color: #fff; }
.accordion-mosaic .js-desktop-headers .accordion-head a, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head a {
color: inherit;
letter-spacing: 0; }
.accordion-mosaic .js-desktop-headers .accordion-head.is-active, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head.is-active {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
background-color: #AF144B; }
.accordion-mosaic .js-desktop-headers .accordion-head.is-active > .accordion-title, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head.is-active > .accordion-title, .accordion-mosaic .js-desktop-headers .accordion-head.is-active .accordion-title .accordion-title-link, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head.is-active .accordion-title .accordion-title-link, .accordion-mosaic .js-desktop-headers .accordion-head.is-active .accordion-title .accordion-title-link .accordion-title-text, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head.is-active .accordion-title .accordion-title-link .accordion-title-text {
color: #fff; }
.accordion-mosaic .js-desktop-headers .accordion-head > .accordion-title, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head > .accordion-title, .accordion-mosaic .js-desktop-headers .accordion-head .accordion-title .accordion-title-link, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head .accordion-title .accordion-title-link, .accordion-mosaic .js-desktop-headers .accordion-head .accordion-title .accordion-title-link .accordion-title-text, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head .accordion-title .accordion-title-link .accordion-title-text {
font-size: 16.002px;
font-size: 1.000125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #2D2323;
line-height: 1.1;
font-family: "SourceSansPro-SemiBold", sans-serif;
margin: 0; }
.accordion-mosaic .accordion-container, .accordion-mosaic-plus-subcopy .accordion-container {
border: 0;
background-color: #fff; }
.accordion-mosaic .accordion-slide, .accordion-mosaic-plus-subcopy .accordion-slide {
background-color: #fff; }
.accordion-mosaic .accordion-slide.is-active > .accordion-head, .accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head {
color: #eb3158; }
.accordion-mosaic .accordion-slide.is-active > .accordion-head::after, .accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head::after {
height: 3.003px;
height: 0.1876875rem;
content: "";
width: 0;
border-top: 10px solid #AF144B;
border-right: 10px transparent solid;
border-left: 10px transparent solid;
position: absolute;
top: 110%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.accordion-mosaic .accordion-slide.is-active .accordion-content-wrapper, .accordion-mosaic-plus-subcopy .accordion-slide.is-active .accordion-content-wrapper {
padding-bottom: 16.002px;
padding-bottom: 1.000125rem; }
.accordion-mosaic .accordion-slide.is-active .accordion-content-wrapper .accordion-content, .accordion-mosaic-plus-subcopy .accordion-slide.is-active .accordion-content-wrapper .accordion-content {
padding: 25.2px;
padding: 1.575rem;
padding-top: 0; }
.accordion-mosaic .accordion-slide .accordion-head, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head {
font-size: 15.4px;
font-size: 0.9625rem;
transition: color 500ms;
color: #2D2323;
border: 0;
line-height: 1;
font-weight: 400;
background-color: #f3f3f3; }
.no-js .accordion-mosaic .accordion-slide .accordion-head, .no-js .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head {
display: block;
border: 0; }
.accordion-mosaic .accordion-slide .accordion-head::after, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head::after {
display: none; }
.accordion-mosaic .accordion-slide .accordion-head:hover, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head:hover {
background-color: #AF144B; }
.accordion-mosaic .accordion-slide .accordion-head:hover > .accordion-title, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head:hover > .accordion-title, .accordion-mosaic .accordion-slide .accordion-head:hover .accordion-title .accordion-title-link, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head:hover .accordion-title .accordion-title-link, .accordion-mosaic .accordion-slide .accordion-head:hover .accordion-title .accordion-title-link .accordion-title-text, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head:hover .accordion-title .accordion-title-link .accordion-title-text {
color: #fff; }
.accordion-mosaic .accordion-slide .accordion-head a, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head a {
color: inherit; }
.accordion-mosaic .accordion-slide .accordion-head > .accordion-title, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head > .accordion-title, .accordion-mosaic .accordion-slide .accordion-head .accordion-title .accordion-title-link, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head .accordion-title .accordion-title-link, .accordion-mosaic .accordion-slide .accordion-head .accordion-title .accordion-title-link .accordion-title-text, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head .accordion-title .accordion-title-link .accordion-title-text {
font-size: 16.002px;
font-size: 1.000125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #2D2323;
line-height: 1.1;
font-family: "SourceSansPro-SemiBold", sans-serif;
margin: 0; }
.accordion-mosaic .accordion-slide .accordion-content, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content {
padding-top: 0; }
.accordion-mosaic .accordion-slide .accordion-content-wrapper .richText p, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText p, .accordion-mosaic .accordion-slide .accordion-content-wrapper .richText ul, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText ul, .accordion-mosaic .accordion-slide .accordion-content-wrapper .richText li, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText li {
margin: 0;
font-size: 17.997px;
font-size: 1.1248125rem;
color: #2D2323;
line-height: 1.5;
letter-spacing: 0; }
.accordion-mosaic .accordion-slide .accordion-content-wrapper .richText a, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText a {
color: #eb3158; }
@media only screen and (min-width: 992px) {
.accordion-mosaic, .accordion-mosaic-plus-subcopy {
padding: 16.002px 46.998px 0px 26.999px;
padding: 1.000125rem 2.937375rem 0rem 1.6874375rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
overflow: visible;
width: 83.33%;
margin: auto; }
.accordion-mosaic .js-desktop-headers, .accordion-mosaic-plus-subcopy .js-desktop-headers {
display: block;
float: left;
position: relative; }
.accordion-mosaic .accordion-slide .accordion-head, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head {
display: none; } }
@media only screen and (max-width: 992px) {
.accordion-mosaic, .accordion-mosaic-plus-subcopy {
padding: 19.999px 8.001px;
padding: 1.2499375rem 0.5000625rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
margin: 20px auto;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); }
.align-components .accordion-mosaic, .align-components .accordion-mosaic-plus-subcopy {
width: calc(100% - 16px); }
.accordion-mosaic .accordion-slide.is-active > .accordion-head, .accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head {
background-color: #AF144B;
color: #fff; }
.accordion-mosaic .accordion-slide.is-active > .accordion-head > .accordion-title, .accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head > .accordion-title, .accordion-mosaic .accordion-slide.is-active > .accordion-head .accordion-title .accordion-title-link, .accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head .accordion-title .accordion-title-link, .accordion-mosaic .accordion-slide.is-active > .accordion-head .accordion-title .accordion-title-link .accordion-title-text, .accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head .accordion-title .accordion-title-link .accordion-title-text {
color: #fff; }
.accordion-mosaic .accordion-slide.is-active .accordion-content-wrapper, .accordion-mosaic-plus-subcopy .accordion-slide.is-active .accordion-content-wrapper {
padding: 0; }
.accordion-mosaic .accordion-slide.is-active .accordion-content-wrapper .accordion-content, .accordion-mosaic-plus-subcopy .accordion-slide.is-active .accordion-content-wrapper .accordion-content {
padding: 39.998px 4.998px 19.999px 4.998px;
padding: 2.499875rem 0.312375rem 1.2499375rem 0.312375rem; }
.accordion-mosaic .accordion-slide > .accordion-head, .accordion-mosaic-plus-subcopy .accordion-slide > .accordion-head {
height: 56px;
height: 3.5rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3f3f3;
cursor: pointer; }
.accordion-mosaic .accordion-slide .accordion-content, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content {
padding-left: 0;
padding-right: 0; }
.accordion-mosaic .accordion-slide:not(.last), .accordion-mosaic-plus-subcopy .accordion-slide:not(.last) {
margin-bottom: 17.997px;
margin-bottom: 1.1248125rem; } }
@media only screen and (min-width: 481px) {
.accordion-mosaic .accordion-slide .accordion-head, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-head {
font-size: 21px;
font-size: 1.3125rem; }
.accordion-mosaic .accordion-slide .accordion-content-wrapper .richText p, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText p, .accordion-mosaic .accordion-slide .accordion-content-wrapper .richText ul, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText ul, .accordion-mosaic .accordion-slide .accordion-content-wrapper .richText li, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText li {
font-size: 17.997px;
font-size: 1.1248125rem; } }
@media only screen and (max-width: 480px) {
.accordion-mosaic .js-desktop-headers .accordion-head, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head {
font-size: 16.002px;
font-size: 1.000125rem; }
.accordion-mosaic .accordion-slide .accordion-content-wrapper .richText p, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText p, .accordion-mosaic .accordion-slide .accordion-content-wrapper .richText ul, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText ul, .accordion-mosaic .accordion-slide .accordion-content-wrapper .richText li, .accordion-mosaic-plus-subcopy .accordion-slide .accordion-content-wrapper .richText li {
font-size: 16.002px;
font-size: 1.000125rem; } }
.accordion-faq {
width: calc(100% - 70px);
margin: 10px auto; }
.align-components .accordion-faq {
width: 100%;
margin: 0; }
.accordion-faq .component-content .accordion-head > .accordion-title {
padding: 0;
margin: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: 0; }
.accordion-faq .js-desktop-headers {
display: none; }
.accordion-faq .js-desktop-headers .js-desktop-slide-arrow {
transition: top 500ms;
-webkit-transform: translate(50%, -50%) rotate(45deg);
-ms-transform: translate(50%, -50%) rotate(45deg);
transform: translate(50%, -50%) rotate(45deg);
width: 45.003px;
width: 2.8126875rem;
height: 45.003px;
height: 2.8126875rem;
background: #f5f5f5;
border-top: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
position: absolute;
right: 0;
z-index: 1; }
.accordion-faq .js-desktop-headers .accordion-head {
font-size: 17.997px;
font-size: 1.1248125rem;
padding: 3.5px 14px 3.5px 0px;
padding: 0.21875rem 0.875rem 0.21875rem 0rem;
transition: color 500ms;
background: #f5f5f5;
color: #2D2323;
border: none;
line-height: 1.1;
font-family: "SourceSansPro-SemiBold", sans-serif;
position: relative; }
.accordion-faq .js-desktop-headers .accordion-head::after {
display: none; }
.accordion-faq .js-desktop-headers .accordion-head:hover {
color: #eb3158; }
.accordion-faq .js-desktop-headers .accordion-head.is-active {
color: #eb3158; }
.accordion-faq .js-desktop-headers .accordion-head a {
color: inherit;
letter-spacing: 0; }
.accordion-faq .accordion-container {
border: 0;
background-color: #fff; }
.accordion-faq .accordion-slide {
background-color: #fff; }
.accordion-faq .accordion-slide.is-active > .accordion-head {
color: #eb3158; }
.accordion-faq .accordion-slide.is-active > .accordion-head::after {
content: "";
-webkit-transform: translate(50%, -50%) rotate(45deg);
-ms-transform: translate(50%, -50%) rotate(45deg);
transform: translate(50%, -50%) rotate(45deg);
width: 24.997px;
width: 1.5623125rem;
height: 24.997px;
height: 1.5623125rem;
background: #f5f5f5;
border-bottom: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
position: absolute;
top: 101%;
z-index: 1; }
.accordion-faq .accordion-slide.is-active > .accordion-head:hover {
background: #f5f5f5;
color: #eb3158; }
.accordion-faq .accordion-slide.is-active .accordion-content-wrapper {
padding: 50.001px 59.997px 50.001px 100.002px;
padding: 3.1250625rem 3.7498125rem 3.1250625rem 6.250125rem;
background-color: #fff; }
.accordion-faq .accordion-slide.is-active .accordion-content-wrapper .accordion-content {
padding: 25.2px;
padding: 1.575rem;
padding-top: 0; }
.accordion-faq .accordion-slide + .accordion-slide .accordion-head {
margin-top: -1px; }
.accordion-faq .accordion-slide .accordion-head {
font-size: 15.4px;
font-size: 0.9625rem;
padding: 22.4px 49px 22.4px 25.2px;
padding: 1.4rem 3.0625rem 1.4rem 1.575rem;
transition: color 500ms;
background: #f5f5f5;
color: #2D2323;
border: 0;
line-height: 1;
font-weight: 400;
border: 1px solid #dfdfdf; }
.no-js .accordion-faq .accordion-slide .accordion-head {
display: block;
border: 0; }
.accordion-faq .accordion-slide .accordion-head::after {
display: none; }
.accordion-faq .accordion-slide .accordion-head:hover {
background: #f5f5f5;
color: #2D2323; }
.accordion-faq .accordion-slide .accordion-head a {
color: inherit; }
.accordion-faq .accordion-slide .accordion-content {
padding-top: 0; }
.bb .accordion-faq .accordion-slide .accordion-content-wrapper {
height: auto !important;
top: auto;
left: auto;
visibility: visible; }
.accordion-faq .accordion-slide .accordion-content-wrapper .richText p, .accordion-faq .accordion-slide .accordion-content-wrapper .richText ul, .accordion-faq .accordion-slide .accordion-content-wrapper .richText li {
margin: 0;
font-size: 17.997px;
font-size: 1.1248125rem;
color: #2D2323;
line-height: 1.5;
letter-spacing: 0; }
@media only screen and (min-width: 992px) {
.accordion-faq {
background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 30%, #ffffff 30%, #ffffff 100%);
border: 1px solid #dfdfdf;
border-radius: 6px;
width: calc(100% - 150px);
margin: 30px auto;
overflow: hidden; }
.accordion-faq .accordion-container {
box-sizing: border-box;
float: left;
width: 70%;
border: 0; }
.accordion-faq .accordion-container ul li {
padding-bottom: 10.003px;
padding-bottom: 0.6251875rem; }
.accordion-faq .js-desktop-headers {
padding: 45.003px 59.997px;
padding: 2.8126875rem 3.7498125rem;
box-sizing: border-box;
display: block;
float: left;
position: relative;
width: 30%;
border-right: 1px solid #dfdfdf;
background-color: #f5f5f5; }
.accordion-faq .js-desktop-headers .accordion-head {
padding-bottom: 15.001px;
padding-bottom: 0.9375625rem; }
.accordion-faq .accordion-slide .accordion-head {
display: none; }
.accordion-faq .accordion-slide .accordion-content-wrapper {
border-left: 1px solid #dfdfdf;
margin-left: -1px; } }
@media only screen and (max-width: 992px) {
.accordion-faq {
margin: 20px auto; }
.accordion-faq .accordion-slide {
background-color: #f5f5f5; }
.accordion-faq .accordion-slide.is-active > .accordion-head {
cursor: pointer !important; }
.accordion-faq .accordion-slide.is-active .accordion-content-wrapper {
padding: 39.998px 4.998px 19.999px 4.998px;
padding: 2.499875rem 0.312375rem 1.2499375rem 0.312375rem; }
.accordion-faq .accordion-slide.is-active .accordion-content-wrapper .accordion-content {
padding: 0; }
.accordion-faq .accordion-slide .accordion-content {
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 481px) {
.accordion-faq .accordion-slide .accordion-head {
font-size: 21px;
font-size: 1.3125rem; }
.accordion-faq .accordion-slide .accordion-content-wrapper .richText p, .accordion-faq .accordion-slide .accordion-content-wrapper .richText ul, .accordion-faq .accordion-slide .accordion-content-wrapper .richText li {
font-size: 17.997px;
font-size: 1.1248125rem; } }
@media only screen and (max-width: 480px) {
.accordion-faq .js-desktop-headers .accordion-head {
font-size: 14px;
font-size: 0.875rem; }
.accordion-faq .accordion-slide .accordion-content-wrapper .richText p, .accordion-faq .accordion-slide .accordion-content-wrapper .richText ul, .accordion-faq .accordion-slide .accordion-content-wrapper .richText li {
font-size: 14px;
font-size: 0.875rem; } }
.accordion-primary {
width: 72%;
margin: 50px auto 30px; }
.align-components .accordion-primary {
width: 100%; }
.accordion-primary .accordion-container {
border: 0; }
.accordion-primary .accordion-container .accordion-slide {
margin-bottom: 19.999px;
margin-bottom: 1.2499375rem;
border-radius: 5.999px;
border-radius: 0.3749375rem;
height: 59.997px;
height: 3.7498125rem;
border: 1px solid #e3e2e2;
background-color: #fff;
overflow: hidden; }
.accordion-primary .accordion-container .accordion-slide .accordion-head {
height: 59.997px;
height: 3.7498125rem;
border-radius: 5.999px 5.999px 0px 0px;
border-radius: 0.3749375rem 0.3749375rem 0rem 0rem;
font-family: "SourceSansPro-Light", sans-serif;
padding: 0;
border: 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
background-color: #fff; }
.accordion-primary .accordion-container .accordion-slide .accordion-head > .accordion-title {
font-size: 19.999px;
font-size: 1.2499375rem;
margin-left: 39.998px;
margin-left: 2.499875rem;
height: 100%;
color: #2D2323;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: 1.2;
width: calc(100% - 160px); }
.accordion-primary .accordion-container .accordion-slide .accordion-head > .accordion-title > a {
color: inherit; }
.accordion-primary .accordion-container .accordion-slide .accordion-head::after {
height: 59.997px;
height: 3.7498125rem;
width: 59.997px;
width: 3.7498125rem;
position: absolute;
top: 0;
right: 0;
content: '';
background: url("../../assets/img/chevron-dark.svg") no-repeat;
background-size: 70px;
background-size: 4.375rem;
background-position: -5px -5px;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
.accordion-primary .accordion-container .accordion-slide .accordion-content-wrapper .accordion-content {
padding: 39.998px 70px 39.998px 50.001px;
padding: 2.499875rem 4.375rem 2.499875rem 3.1250625rem; }
.accordion-primary .accordion-container .accordion-slide.is-active {
height: auto; }
.accordion-primary .accordion-container .accordion-slide.is-active .accordion-head {
font-family: "SourceSansPro-Regular", sans-serif; }
.accordion-primary .accordion-container .accordion-slide.is-active .accordion-head::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
@media only screen and (max-width: 767px) {
.accordion-primary {
width: 85%; }
.accordion-primary .accordion-container .accordion-slide .accordion-content-wrapper .accordion-content {
padding: 21px 49px 21px 35px;
padding: 1.3125rem 3.0625rem 1.3125rem 2.1875rem; } }
@media only screen and (max-width: 480px) {
.accordion-primary {
width: 90%; }
.accordion-primary .accordion-container .accordion-slide {
margin-bottom: 9.996px;
margin-bottom: 0.62475rem; }
.accordion-primary .accordion-container .accordion-slide .accordion-head > .accordion-title {
margin-left: 19.999px;
margin-left: 1.2499375rem;
font-size: 16.002px;
font-size: 1.000125rem;
width: calc(100% - 100px);
margin-top: 0;
margin-bottom: 0; }
.accordion-primary .accordion-container .accordion-slide .accordion-head::after {
width: 59.997px;
width: 3.7498125rem; }
.accordion-primary .accordion-container .accordion-slide .accordion-content-wrapper .accordion-content {
padding: 16.002px 16.002px;
padding: 1.000125rem 1.000125rem; }
.accordion-primary .accordion-container .accordion-slide.is-active .accordion-head::after {
width: 59.997px;
width: 3.7498125rem; } }
.accordion-mosaic-plus-subcopy {
padding: 0;
border: none;
box-shadow: none;
width: auto;
margin: 0; }
.accordion-mosaic-plus-subcopy .accordion-title-image {
width: 31.997px;
width: 1.9998125rem;
padding: 11.998px 16.002px 0px 16.002px;
padding: 0.749875rem 1.000125rem 0rem 1.000125rem; }
.accordion-mosaic-plus-subcopy .js-desktop-headers {
width: 50%; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head {
height: auto;
width: auto;
border: 1px solid #e3e2e2;
box-shadow: none;
background-color: transparent; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head.is-active, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head:hover {
border: 1px solid #AA052D;
background-color: transparent; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head.is-active .accordion-title .accordion-title-link span.accordion-title-text, .accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head:hover .accordion-title .accordion-title-link span.accordion-title-text {
color: #2D2323; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head .accordion-title {
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head .accordion-title .accordion-title-link .accordion-title-text {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
margin-left: 7px;
margin-left: 0.4375rem;
font-weight: 600;
margin-top: 4px;
text-align: left; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head .richText-content {
margin-left: 72.002px;
margin-left: 4.500125rem;
margin-right: 16.002px;
margin-right: 1.000125rem; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .accordion-head .richText-content p {
margin-top: 0; }
.accordion-mosaic-plus-subcopy .js-desktop-headers .js-desktop-slide-arrow::after,
.accordion-mosaic-plus-subcopy .js-desktop-headers .js-desktop-slide-arrow {
display: none; }
.accordion-mosaic-plus-subcopy .accordion-container .accordion-head .accordion-title .accordion-title-link span.accordion-title-text {
color: #2D2323; }
.accordion-mosaic-plus-subcopy .richText-content p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 400;
text-align: left;
color: #787272; }
@media only screen and (max-width: 992px) {
.accordion-mosaic-plus-subcopy .accordion-slide > header.accordion-head {
display: block;
height: auto;
background-color: transparent; }
.accordion-mosaic-plus-subcopy .accordion-container .accordion-slide .accordion-head .accordion-title .accordion-title-link .accordion-title-text {
color: #2D2323; }
.accordion-mosaic-plus-subcopy .accordion-title-image {
width: 31.997px;
width: 1.9998125rem;
padding: 11.998px 24.003px 0px 16.002px;
padding: 0.749875rem 1.5001875rem 0rem 1.000125rem; }
.accordion-mosaic-plus-subcopy .accordion-slide {
border-radius: 8.001px;
border-radius: 0.5000625rem;
border: 1px solid #e3e2e2;
box-shadow: none;
background-color: transparent; }
.accordion-mosaic-plus-subcopy .accordion-slide .accordion-content .richText {
padding: 0; }
.accordion-mosaic-plus-subcopy .accordion-slide.is-active {
background-color: transparent;
border: 1px solid #AA052D; }
.accordion-mosaic-plus-subcopy .accordion-slide.is-active .accordion-content-wrapper > .accordion-content {
padding: 16.002px;
padding: 1.000125rem; }
.accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head {
background-color: transparent; }
.accordion-mosaic-plus-subcopy .accordion-slide.is-active .accordion-head .accordion-title .accordion-title-link .accordion-title-text {
color: #2D2323; }
.accordion-mosaic-plus-subcopy .accordion-slide.is-active > .accordion-head::after {
display: none; }
.accordion-mosaic-plus-subcopy .accordion-slide .accordion-head:hover {
background-color: transparent; }
.accordion-mosaic-plus-subcopy .accordion-slide > .accordion-head .accordion-title {
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left; }
.accordion-mosaic-plus-subcopy .accordion-slide .richText-content {
margin: 0px 16.002px 0px 72.002px;
margin: 0rem 1.000125rem 0rem 4.500125rem; }
.accordion-mosaic-plus-subcopy .accordion-slide .richText-content p {
margin-top: 0; } }
.cookie-space .accordion-menu-redesigned .js-desktop-headers {
top: 128.002px;
top: 8.000125rem; }
.accordion-menu-redesigned .js-desktop-headers {
height: 56px;
height: 3.5rem;
top: 72.002px;
top: 4.500125rem;
background-color: #AF144B;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
position: fixed;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
transition: top 0.25s linear; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head {
padding: 0px 19.999px;
padding: 0rem 1.2499375rem;
border: none; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head:first-child {
padding: 0px 19.999px 0px 39.998px;
padding: 0rem 1.2499375rem 0rem 2.499875rem; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head:first-child.is-active::after, .accordion-menu-redesigned .js-desktop-headers .accordion-head:first-child:hover::after {
left: calc(50% + 10px);
width: calc(100% - 60px); }
.accordion-menu-redesigned .js-desktop-headers .accordion-head::after {
height: 3.997px;
height: 0.2498125rem;
content: '';
display: block;
position: absolute;
top: calc(100% - 4px);
background-color: #fff;
width: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: width 400ms ease-out; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head.is-active {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head.is-active::after, .accordion-menu-redesigned .js-desktop-headers .accordion-head:hover::after {
width: calc(100% - 40px); }
.accordion-menu-redesigned .js-desktop-headers .accordion-head .accordion-title {
font-size: 16.002px;
font-size: 1.000125rem;
letter-spacing: normal; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head .accordion-title a {
font-size: 16.002px;
font-size: 1.000125rem;
color: #fff; }
@media only screen and (min-width: 481px) {
.accordion-menu-redesigned .js-desktop-headers .accordion-head .accordion-title {
font-family: "SourceSansPro-SemiBold", sans-serif; } }
.accordion-menu-redesigned .accordion-container {
border: none; }
.accordion-menu-redesigned .accordion-container .accordion-header {
font-size: 16.002px;
font-size: 1.000125rem;
color: #FA551E;
display: none; }
.accordion-menu-redesigned .accordion-container .box-heading {
display: none; }
.accordion-menu-redesigned .accordion-container .box-menu-links-group {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.accordion-menu-redesigned .accordion-container .accordion-slide {
display: block;
max-height: 0;
height: 0;
transition: height 400ms ease-out; }
.accordion-menu-redesigned .accordion-container .accordion-slide.is-active {
max-height: none;
height: auto;
transition: height 400ms ease-out; }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-head {
display: none; }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper {
transition: max-height 400ms ease-out; }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .accordion-content {
padding: 0; }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu {
width: 16px;
height: 16px;
top: 18.9px;
top: 1.18125rem;
right: 35px;
right: 2.1875rem;
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
position: absolute;
cursor: pointer;
overflow: hidden;
z-index: 200;
top: 30.002px;
top: 1.875125rem;
right: 39.998px;
right: 2.499875rem;
width: 17.003px;
width: 1.0626875rem;
height: 17.003px;
height: 1.0626875rem; }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu::after, .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu::before {
content: '';
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
transition: background-color .25s;
height: 1px;
width: 120%;
background-color: #2D2323;
position: absolute; }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu::after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu:hover::before, .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu:hover::after {
background-color: #2D2323; }
@media only screen and (max-width: 992px) {
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu {
right: 30px; } }
.accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu:hover::before, .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-content-wrapper .close-menu:hover::after {
background: #FA551E; }
@media only screen and (max-width: 1024px) {
.cookie-space.adoption-space .accordion-menu-redesigned .js-desktop-headers {
top: 187.999px;
top: 11.7499375rem; }
.adoption-space .accordion-menu-redesigned .js-desktop-headers {
top: 131.999px;
top: 8.2499375rem; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head {
padding: 0px 10.003px;
padding: 0rem 0.6251875rem; }
.accordion-menu-redesigned .js-desktop-headers .accordion-head:first-child {
padding: 0px 10.003px 0px 39.998px;
padding: 0rem 0.6251875rem 0rem 2.499875rem; } }
@media only screen and (max-width: 767px) {
.cookie-space.adoption-space .accordion-menu-redesigned .js-desktop-headers {
top: 168px;
top: 10.5rem; }
.adoption-space .accordion-menu-redesigned .js-desktop-headers {
top: 112px;
top: 7rem; }
.accordion-menu-redesigned .js-desktop-headers {
display: none; }
.accordion-menu-redesigned .close-menu {
display: none; }
.accordion-menu-redesigned .accordion-container .accordion-slide {
max-height: none;
height: auto; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide {
display: block;
border-bottom: 1px solid #e3e2e2; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-head {
padding: 16.002px;
padding: 1.000125rem;
border: none;
display: block; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-head::after {
right: 10.003px;
right: 0.6251875rem;
height: 45.003px;
height: 2.8126875rem;
width: 45.003px;
width: 2.8126875rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
float: none;
content: "";
background: url("../../assets/img/chevron-dark.svg") no-repeat;
background-size: 45.003px;
background-size: 2.8126875rem;
transition: -webkit-transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-head .accordion-title {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
letter-spacing: normal;
font-family: "SourceSansPro-Regular", sans-serif; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-head .accordion-title .accordion-title-text {
color: #524A4A; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide.is-active .accordion-head {
border-bottom: 1px solid #e3e2e2; }
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide.is-active .accordion-head::after {
-webkit-transform: rotate(180deg) translateY(50%);
-ms-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%); } }
@media only screen and (max-width: 480px) {
.tabs-content.is-active > .accordion-menu-redesigned .accordion-container .accordion-slide .accordion-head .accordion-title {
margin: 0; }
.accordion-menu-redesigned .box-menu-banking-solutions {
padding: 16.002px;
padding: 1.000125rem; }
.accordion-menu-redesigned .box-menu-links-group {
width: 100%; }
.accordion-menu-redesigned .accordion-container .accordion-header {
display: block; } }
.accordion-secondary.accordion .accordion-container {
border-style: none; }
.accordion-secondary.accordion .accordion-title-link {
font-size: 15.9999px;
font-size: 0.99999375rem;
padding-left: 28px;
padding-left: 1.75rem;
font-family: "SourceSansPro-Regular", sans-serif;
color: #232D2D;
line-height: 1.5;
letter-spacing: 0;
border-left: 2px solid #f52d28; }
.accordion-secondary.accordion .accordion-title-link::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
.accordion-secondary.accordion .accordion-head {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
border-style: none;
border-bottom: 1px solid #e3e2e2; }
.accordion-secondary.accordion .accordion-head::after {
display: none; }
.accordion-secondary.accordion .accordion-title {
margin: 14px 0px;
margin: 0.875rem 0rem;
padding-right: 70px;
padding-right: 4.375rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.5;
letter-spacing: 0; }
.accordion-secondary.accordion .accordion-slide::before {
background: #FA551E;
width: 2px; }
.accordion-secondary.accordion .accordion-slide.is-active .accordion-title-link::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
.accordion-secondary.accordion .accordion-slide.is-active > .accordion-head {
border: none; }
.accordion-secondary.accordion .accordion-slide.is-active > .accordion-head::after {
display: none; }
.accordion-secondary.accordion .accordion-slide.is-active .accordion-title-text {
font-weight: 600; }
.accordion-secondary.accordion .accordion-slide.is-active .accordion-content-wrapper {
border-bottom: 1px solid #e3e2e2; }
.accordion-secondary.accordion .accordion-title-link::after, .accordion-secondary.accordion .accordion-slide.is-active .accordion-title-link::after {
right: 35px;
right: 2.1875rem;
font-size: 15.9999px;
font-size: 0.99999375rem;
color: #2D2323;
position: absolute;
top: 33%; }
@media only screen and (max-width: 480px) {
.accordion-secondary.accordion .accordion-title-link::after, .accordion-secondary.accordion .accordion-slide.is-active .accordion-title-link::after {
right: 21px;
right: 1.3125rem; } }
.advertPiece.advertpiece-card {
border-radius: 8.001px;
border-radius: 0.5000625rem;
height: 367.997px;
height: 22.9998125rem;
overflow: hidden;
display: block;
position: relative; }
.box-rotating-banner-container .advertPiece.advertpiece-card {
display: none; }
.box-rotating-banner-container .advertPiece.advertpiece-card.active {
display: block; }
.advertPiece.advertpiece-card.dark-text-style {
border: 1px solid #cac7c7;
height: 479.997px;
height: 29.9998125rem; }
.advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container h1, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container h2, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container h3, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container h4, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container h5, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container h6,
.advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .h1, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .h2, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .h3, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .h4, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .h5, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .h6,
.advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .pseudo-h1, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .pseudo-h2, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .pseudo-h3, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .pseudo-h4, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .pseudo-h5, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container .pseudo-h6,
.advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container p, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container ul, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container ol, .advertPiece.advertpiece-card.dark-text-style .advertPiece-text-container li {
color: #2D2323; }
.advertPiece.advertpiece-card.advert-clickable {
cursor: pointer; }
.advertPiece.advertpiece-card .advertPiece-text-container {
padding: 39.998px;
padding: 2.499875rem;
width: calc(100% - 592px);
height: calc(100% - 80px);
position: absolute;
z-index: 1; }
.advertPiece.advertpiece-card .advertPiece-text-container .advertPiece-text-content {
overflow: hidden;
max-height: calc(100% - 80px); }
.advertPiece.advertpiece-card .advertPiece-text-container h1, .advertPiece.advertpiece-card .advertPiece-text-container h2, .advertPiece.advertpiece-card .advertPiece-text-container h3, .advertPiece.advertpiece-card .advertPiece-text-container h4, .advertPiece.advertpiece-card .advertPiece-text-container h5, .advertPiece.advertpiece-card .advertPiece-text-container h6,
.advertPiece.advertpiece-card .advertPiece-text-container .h1, .advertPiece.advertpiece-card .advertPiece-text-container .h2, .advertPiece.advertpiece-card .advertPiece-text-container .h3, .advertPiece.advertpiece-card .advertPiece-text-container .h4, .advertPiece.advertpiece-card .advertPiece-text-container .h5, .advertPiece.advertpiece-card .advertPiece-text-container .h6,
.advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h1, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h2, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h3, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h4, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h5, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h6,
.advertPiece.advertpiece-card .advertPiece-text-container p, .advertPiece.advertpiece-card .advertPiece-text-container ul, .advertPiece.advertpiece-card .advertPiece-text-container ol, .advertPiece.advertpiece-card .advertPiece-text-container li {
color: #fff; }
.advertPiece.advertpiece-card .advertPiece-text-container h1, .advertPiece.advertpiece-card .advertPiece-text-container h2, .advertPiece.advertpiece-card .advertPiece-text-container h3, .advertPiece.advertpiece-card .advertPiece-text-container h4, .advertPiece.advertpiece-card .advertPiece-text-container h5, .advertPiece.advertpiece-card .advertPiece-text-container h6,
.advertPiece.advertpiece-card .advertPiece-text-container .h1, .advertPiece.advertpiece-card .advertPiece-text-container .h2, .advertPiece.advertpiece-card .advertPiece-text-container .h3, .advertPiece.advertpiece-card .advertPiece-text-container .h4, .advertPiece.advertpiece-card .advertPiece-text-container .h5, .advertPiece.advertpiece-card .advertPiece-text-container .h6,
.advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h1, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h2, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h3, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h4, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h5, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h6 {
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
font-size: 39.998px;
font-size: 2.499875rem;
line-height: 47.999px;
line-height: 2.9999375rem;
margin-top: 0; }
.advertPiece.advertpiece-card .advertPiece-text-container p {
margin: 0; }
.advertPiece.advertpiece-card .advertPiece-text-container ul {
padding-left: 30.002px;
padding-left: 1.875125rem; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton {
margin-right: 8.001px;
margin-right: 0.5000625rem;
bottom: 39.998px;
bottom: 2.499875rem;
width: 131.999px;
width: 8.2499375rem;
height: 38.003px;
height: 2.3751875rem;
border-radius: 5.999px;
border-radius: 0.3749375rem;
display: inline-block;
position: absolute;
cursor: pointer;
background-color: #000;
border: 1px solid #979797;
overflow: hidden; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton img {
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
position: relative; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton.iStore {
left: 182px;
left: 11.375rem; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton.huaweiStore {
left: 324.002px;
left: 20.250125rem; }
.advertPiece.advertpiece-card .advertPiece-text-container [class*=btn-][class*="-action-"] {
bottom: 39.998px;
bottom: 2.499875rem;
margin-left: 0;
position: absolute;
display: block;
text-decoration: none; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] {
padding-right: 16.002px;
padding-right: 1.000125rem;
margin-top: 24.003px;
margin-top: 1.5001875rem;
display: inline-block;
width: calc(24% - 16px);
float: left; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-image {
height: 31.997px;
height: 1.9998125rem;
margin-bottom: 8.001px;
margin-bottom: 0.5000625rem; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-head {
font-size: 16.002px;
font-size: 1.000125rem;
margin-bottom: 8.001px;
margin-bottom: 0.5000625rem;
line-height: 24.003px;
line-height: 1.5001875rem;
max-height: 24.003px;
max-height: 1.5001875rem;
font-family: "SourceSansPro-SemiBold", sans-serif;
overflow: hidden; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-subcopy {
font-size: 14px;
font-size: 0.875rem;
max-height: 45.003px;
max-height: 2.8126875rem;
margin: 0;
overflow: hidden; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] > .read-more {
font-size: 16.002px;
font-size: 1.000125rem;
color: #fff;
cursor: pointer;
text-decoration: underline;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider {
height: auto; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container {
padding-bottom: 120.001px;
padding-bottom: 7.5000625rem;
position: static; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container h1, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container h2, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container h3, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container h4, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container h5, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container h6,
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .h1, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .h2, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .h3, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .h4, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .h5, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .h6,
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .pseudo-h1, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .pseudo-h2, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .pseudo-h3, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .pseudo-h4, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .pseudo-h5, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .pseudo-h6 {
margin-bottom: 0; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container div[class*=advertPiece-showcase] {
width: calc(46% - 16px);
float: unset;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-subcopy {
margin-bottom: 8.001px;
margin-bottom: 0.5000625rem; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-image {
display: none; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .image-container {
left: 728px;
left: 45.5rem; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-left .advertPiece-text-container {
left: 512.001px;
left: 32.0000625rem;
position: relative; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-left .image-container {
left: 0; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-side-image.advertpiece-image-left .image-container img {
object-position: unset; }
.advertPiece.advertpiece-card.advertpiece-side-image .image-container {
width: 512.001px;
width: 32.0000625rem;
height: 100%;
position: absolute;
top: 0; }
.advertPiece.advertpiece-card.advertpiece-side-image .image-container .advertPiece-image {
width: 100%;
height: 100%;
object-fit: contain;
overflow: hidden; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-left .advertPiece-text-container {
right: 0; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-left .image-container {
left: 0; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-right .image-container {
right: 0; }
.advertPiece.advertpiece-card.advertpiece-background-image .image-container {
position: absolute;
width: 100%;
height: 100%; }
.advertPiece.advertpiece-card.advertpiece-background-image .image-container img {
object-fit: cover;
object-position: top left;
height: 100%;
width: 100%; }
.advertPiece.advertpiece-card.advertpiece-background-image .advertPiece-outer-container {
background-size: cover;
width: 100%;
height: 100%;
overflow: hidden; }
.advertPiece.advertpiece-card.advertpiece-background-image.text-to-right .advertPiece-text-container {
right: 0; }
.advertPiece.advertpiece-card.additional-showcase-height {
height: 479.997px;
height: 29.9998125rem; }
@media only screen and (max-width: 1280px) {
.advertPiece.advertpiece-card.advert-banner-showcase-wider .image-container {
width: 40.5%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-left .advertPiece-text-container {
left: 40.5%;
position: relative; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-left .image-container {
object-position: unset; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-right .image-container {
left: 59.5%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-side-image .advertPiece-text-container {
width: calc(59.5% - 80px); } }
@media only screen and (max-width: 1024px) {
.advertPiece.advertpiece-card.advert-banner-showcase-wider .image-container {
width: 30%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-left .advertPiece-text-container {
left: 30%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-right .image-container {
left: 70%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-side-image .advertPiece-text-container {
width: calc(70% - 80px); } }
@media only screen and (max-width: 992px) {
.advertPiece.advertpiece-card.advert-banner-showcase-wider .image-container {
display: none; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container [class*=btn-][class*="-action-"] {
bottom: 47.999px;
bottom: 2.9999375rem; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-image-left .advertPiece-text-container {
left: 0%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-side-image div.advertPiece-text-container {
width: calc(100% - 96px);
padding: 48px 48px 120px;
padding: 47.999px 47.999px 120.001px;
padding: 2.9999375rem 2.9999375rem 7.5000625rem; } }
@media only screen and (min-width: 768px) {
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-left.advertpiece-image-middle .image-container img {
object-position: center left; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-right.advertpiece-image-middle .image-container img {
object-position: center right; } }
@media only screen and (max-width: 1280px) {
.advertPiece.advertpiece-card .advertPiece-text-container {
width: calc(70% - 80px); }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-head {
max-height: none; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-subcopy {
max-height: none; }
.advertPiece.advertpiece-card.advertpiece-side-image .image-container {
width: 30%; } }
@media only screen and (max-width: 992px) {
.advertPiece.advertpiece-card {
height: 296.002px;
height: 18.500125rem; }
.advertPiece.advertpiece-card.additional-showcase-height {
height: 344.001px;
height: 21.5000625rem; }
.advertPiece.advertpiece-card.additional-showcase-height-with-link {
height: 448px;
height: 28rem; }
.advertPiece.advertpiece-card .advertPiece-text-container {
padding: 24.003px 16.002px 24.003px 24.003px;
padding: 1.5001875rem 1.000125rem 1.5001875rem 1.5001875rem;
width: calc(100% - 280px);
height: calc(100% - 48px); }
.advertPiece.advertpiece-card .advertPiece-text-container h1, .advertPiece.advertpiece-card .advertPiece-text-container h2, .advertPiece.advertpiece-card .advertPiece-text-container h3, .advertPiece.advertpiece-card .advertPiece-text-container h4, .advertPiece.advertpiece-card .advertPiece-text-container h5, .advertPiece.advertpiece-card .advertPiece-text-container h6,
.advertPiece.advertpiece-card .advertPiece-text-container .h1, .advertPiece.advertpiece-card .advertPiece-text-container .h2, .advertPiece.advertpiece-card .advertPiece-text-container .h3, .advertPiece.advertpiece-card .advertPiece-text-container .h4, .advertPiece.advertpiece-card .advertPiece-text-container .h5, .advertPiece.advertpiece-card .advertPiece-text-container .h6,
.advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h1, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h2, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h3, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h4, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h5, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h6 {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton {
bottom: 24.003px;
bottom: 1.5001875rem;
width: 120.001px;
width: 7.5000625rem; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton.iStore {
left: 145.999px;
left: 9.1249375rem; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton.huaweiStore {
left: 276.003px;
left: 17.2501875rem; }
.advertPiece.advertpiece-card .advertPiece-text-container [class*=btn-][class*="-action-"] {
bottom: 24.003px;
bottom: 1.5001875rem; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] .advertPiece-showcase-subcopy {
margin-bottom: 0; }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] > .read-more {
margin-top: 24.003px;
margin-top: 1.5001875rem; }
.advertPiece.advertpiece-card.advertpiece-background-image .advertPiece-text-container {
width: calc(100% - 48px); }
.advertPiece.advertpiece-card.advertpiece-side-image .image-container {
width: 240.002px;
width: 15.000125rem;
height: 100%; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-left .advertPiece-text-container {
padding: 24.003px 24.003px 24.003px 16.002px;
padding: 1.5001875rem 1.5001875rem 1.5001875rem 1.000125rem; } }
@media only screen and (max-width: 767px) {
.advertPiece.advertpiece-card .advertPiece-text-container {
width: calc(100% - 280px); } }
@media only screen and (max-width: 767px) {
.advertPiece.advertpiece-card {
height: auto; }
.advertPiece.advertpiece-card.additional-showcase-height {
height: auto; }
.advertPiece.advertpiece-card.additional-showcase-height-with-link {
height: auto; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .image-container {
display: block; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider.advertpiece-side-image div.advertPiece-text-container {
padding: 16.002px;
padding: 1.000125rem;
width: calc(100% - 32px); }
.advertPiece.advertpiece-card .advertPiece-text-container {
padding: 16.002px;
padding: 1.000125rem;
width: calc(100% - 32px);
position: relative;
max-height: none;
height: auto; }
.advertPiece.advertpiece-card .advertPiece-text-container h1, .advertPiece.advertpiece-card .advertPiece-text-container h2, .advertPiece.advertpiece-card .advertPiece-text-container h3, .advertPiece.advertpiece-card .advertPiece-text-container h4, .advertPiece.advertpiece-card .advertPiece-text-container h5, .advertPiece.advertpiece-card .advertPiece-text-container h6,
.advertPiece.advertpiece-card .advertPiece-text-container .h1, .advertPiece.advertpiece-card .advertPiece-text-container .h2, .advertPiece.advertpiece-card .advertPiece-text-container .h3, .advertPiece.advertpiece-card .advertPiece-text-container .h4, .advertPiece.advertpiece-card .advertPiece-text-container .h5, .advertPiece.advertpiece-card .advertPiece-text-container .h6,
.advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h1, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h2, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h3, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h4, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h5, .advertPiece.advertpiece-card .advertPiece-text-container .pseudo-h6 {
marginb-bottom: 16.002px;
marginb-bottom: 1.000125rem;
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 28px;
line-height: 1.75rem; }
.advertPiece.advertpiece-card .advertPiece-text-container p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
.advertPiece.advertpiece-card .advertPiece-text-container > p {
display: inline-block;
width: 100%; }
.advertPiece.advertpiece-card .advertPiece-text-container > p [class*=btn-][class*="-action-"] {
margin-top: 32px !important;
width: 100%;
display: block; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton {
margin-top: 16.002px;
margin-top: 1.000125rem;
margin-right: 16.002px;
margin-right: 1.000125rem;
position: static;
width: 100%; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton.iStore {
margin-right: 0; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton.huaweiStore {
margin-right: 0; }
.advertPiece.advertpiece-card .advertPiece-text-container [class*=btn-][class*="-action-"] {
position: static;
display: block; }
.advertPiece.advertpiece-card .advertPiece-text-container [class*=btn-][class*="-action-"].showButton {
display: block; }
.advertPiece.advertpiece-card .advertPiece-text-container .advertPiece-text-content {
max-height: none; }
.advertpiece-background-image .advertPiece.advertpiece-card .advertPiece-text-container {
width: calc(100% - 32px); }
.advertPiece.advertpiece-card .advertPiece-text-container div[class*=advertPiece-showcase] {
width: calc(50% - 16px); }
.advertPiece.advertpiece-card.advertpiece-side-image .image-container {
height: 207.998px;
height: 12.999875rem;
position: relative;
width: 100%; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-right .image-container img, .advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-left .image-container img {
object-position: bottom center; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-right .image-container {
right: unset;
left: 0; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-right-mobile-force .image-container img {
object-position: bottom right; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-image-left-mobile-force .image-container img {
object-position: bottom left; }
.advertPiece.advertpiece-card.advertpiece-side-image.advertpiece-additional-image-space .image-container {
height: 283.003px;
height: 17.6876875rem; }
.advertPiece.advertpiece-card.advertpiece-background-image .advertPiece-outer-container {
padding-bottom: 207.998px;
padding-bottom: 12.999875rem; }
.advertPiece.advertpiece-card.advertpiece-background-image .image-container {
top: 0; }
.advertPiece.advertpiece-card.advertpiece-background-image .advertPiece-text-container {
padding: 16.002px;
padding: 1.000125rem;
width: calc(100% - 32px); }
.advertPiece.advertpiece-card.image-top-mobile .advertPiece-outer-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap-reverse;
-ms-flex-flow: wrap-reverse;
flex-flow: wrap-reverse; } }
@media only screen and (max-width: 480px) {
.advertPiece.advertpiece-card .advertPiece-text-container [class*=btn-][class*="-action-"] {
width: 100%; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton {
margin-right: 11.998px;
margin-right: 0.749875rem; }
.advertPiece.advertpiece-card .advertPiece-text-container .appbutton img {
width: 112px;
width: 7rem;
height: 36.001px;
height: 2.2500625rem; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .advertPiece-text-content h1, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .advertPiece-text-content h2, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .advertPiece-text-content h3, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .advertPiece-text-content h4, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .advertPiece-text-content h5, .advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container .advertPiece-text-content h6 {
margin-bottom: 0; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container div[class*=advertPiece-showcase] {
width: 100%; }
.advertPiece.advertpiece-card.advert-banner-showcase-wider .advertPiece-text-container div[class*=advertPiece-showcase] > .read-more {
margin-top: 0; } }
.appAdoptionBar.component {
display: none; }
@media only screen and (max-width: 1024px) {
.appAdoptionBar.component {
max-height: 59.997px;
max-height: 3.7498125rem;
background-color: #f4f3f3;
position: fixed;
width: 100vw;
overflow: hidden;
z-index: 11; }
.cookie-space.adoption-space .appAdoptionBar.component {
top: 56px;
top: 3.5rem; }
.adoption-space .appAdoptionBar.component {
top: 0px; }
.appAdoptionBar.component .outer-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.appAdoptionBar.component .image-container {
width: 47.999px;
width: 2.9999375rem;
height: 47.999px;
height: 2.9999375rem;
margin: 5.999px 0px 5.999px 32.998px;
margin: 0.3749375rem 0rem 0.3749375rem 2.062375rem;
display: inline-block; }
.appAdoptionBar.component .image-container img {
width: 100%;
height: 100%;
object-fit: cover; }
.appAdoptionBar.component .text-container {
margin-left: 63px;
margin-left: 3.9375rem; }
.appAdoptionBar.component .text-container .adoption-copy {
font-size: 17.997px;
font-size: 1.1248125rem;
height: 36.001px;
height: 2.2500625rem;
width: 199.997px;
width: 12.4998125rem;
margin: 11.998px 0px 0px;
margin: 0.749875rem 0rem 0rem;
line-height: 1; }
.appAdoptionBar.component .text-container .adotion-subcopy {
display: none; }
.appAdoptionBar.component .adoption-button {
right: 61.999px;
right: 3.8749375rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #AF144B;
cursor: pointer;
text-decoration: underline;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.appAdoptionBar.component .adoption-close {
top: 22.001px;
top: 1.3750625rem;
width: 12.999px;
width: 0.8124375rem;
height: 12.999px;
height: 0.8124375rem;
right: 25.998px;
right: 1.624875rem;
color: transparent;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute; }
.appAdoptionBar.component .adoption-close::after, .appAdoptionBar.component .adoption-close::before {
content: '';
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
transition: background-color .25s;
height: 1px;
width: 120%;
background-color: #2D2323;
position: absolute; }
.appAdoptionBar.component .adoption-close::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); } }
@media only screen and (max-width: 767px) {
.appAdoptionBar.component {
max-height: 53.998px;
max-height: 3.374875rem; }
.appAdoptionBar.component .image-container {
width: 30.002px;
width: 1.875125rem;
height: 30.002px;
height: 1.875125rem;
display: inline-block;
margin: 11.998px 0px 11.998px 11.998px;
margin: 0.749875rem 0rem 0.749875rem 0.749875rem; }
.appAdoptionBar.component .text-container {
margin-left: 10.003px;
margin-left: 0.6251875rem; }
.appAdoptionBar.component .text-container .adoption-copy {
font-size: 14px;
font-size: 0.875rem;
margin: 12.999px 0px 0px;
margin: 0.8124375rem 0rem 0rem;
width: 136.003px;
width: 8.5001875rem; }
.appAdoptionBar.component .text-container .adotion-subcopy {
display: none; } }
.cq-Editable-dom.appAdoptionBar {
display: block !important; }
.articleList > .component-content {
border: solid 2px #323131;
padding: 13px;
background-color: #e1e1e1; }
.articleList-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.articleList-date {
margin-bottom: 10px;
color: #868484; }
.articleList-article {
margin-bottom: 20px;
overflow: hidden; }
.articleList-description {
overflow: hidden; }
.articleList-title {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.articleList-list {
list-style: none;
margin: 0;
padding: 0; }
.articleList-thumbnail {
max-width: 100px;
float: left;
margin-right: 15px; }
.articleList-more {
float: right; }
.articleList-more::after {
content: " \00bb";
display: inline; }
.articleList-more-arrow {
display: none; }
.no-generatedcontent .articleList-more-arrow {
display: inline; }
.articleList-article-wrapper {
margin: 0;
padding: 0; }
.articleList-horizontal-2-columns .articleList-article,
.articleList-horizontal-3-columns .articleList-article {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
.articleList-horizontal-2-columns .articleList-article {
padding: 0;
margin: 0;
margin-right: 1.2%;
width: 48%; }
.articleList-horizontal-3-columns .articleList-article {
padding: 0;
margin: 0;
margin-right: 1.5%;
width: 31%; }
@media only screen and (max-width: 480px) {
.articleList-thumbnail {
float: none;
margin: auto;
display: block; }
.articleList-horizontal-2-columns .articleList-article,
.articleList-horizontal-3-columns .articleList-article {
display: block;
width: 100%; } }
.articleList-tags {
list-style-type: none;
padding: 0;
margin: -20px 0 0 0; }
.articleList-tags-item {
display: inline-block;
margin: 0 2px; }
.articleList-tags-item-link {
background: #b9b8b8;
color: #000;
border: 1px solid #939191;
padding: 1px;
display: block;
font-size: 0.85em; }
.articleList.articleList-up-four-articles > .component-content, .articleList.articleList-up-three-articles > .component-content, .articleList.articleList-up-two-articles > .component-content, .articleList.articleList-up-one-articles > .component-content {
border: none;
background-color: #fff;
padding: 0px; }
.articleList.articleList-up-four-articles .articleList-article, .articleList.articleList-up-three-articles .articleList-article, .articleList.articleList-up-two-articles .articleList-article, .articleList.articleList-up-one-articles .articleList-article {
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
padding: 24.003px 24.003px 24.003px 0px;
padding: 1.5001875rem 1.5001875rem 1.5001875rem 0rem;
background-color: #fff;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15), 0 3px 10px 0 rgba(0, 0, 0, 0.15);
position: relative; }
.articleList.articleList-up-four-articles .articleList-article:nth-child(1n+2), .articleList.articleList-up-three-articles .articleList-article:nth-child(1n+2), .articleList.articleList-up-two-articles .articleList-article:nth-child(1n+2), .articleList.articleList-up-one-articles .articleList-article:nth-child(1n+2) {
margin-left: 24.003px;
margin-left: 1.5001875rem; }
.articleList.articleList-up-four-articles .articleList-description, .articleList.articleList-up-three-articles .articleList-description, .articleList.articleList-up-two-articles .articleList-description, .articleList.articleList-up-one-articles .articleList-description {
font-size: 16.002px;
font-size: 1.000125rem;
margin: 0px 0px 22.4px 24.997px;
margin: 0rem 0rem 1.4rem 1.5623125rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2D2323; }
.articleList.articleList-up-four-articles .articleList-title, .articleList.articleList-up-three-articles .articleList-title, .articleList.articleList-up-two-articles .articleList-title, .articleList.articleList-up-one-articles .articleList-title {
margin: 0px 0px 7px 24.997px;
margin: 0rem 0rem 0.4375rem 1.5623125rem;
font-size: 16.002px;
font-size: 1.000125rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #524A4A; }
.articleList.articleList-up-four-articles .articleList-list, .articleList.articleList-up-three-articles .articleList-list, .articleList.articleList-up-two-articles .articleList-list, .articleList.articleList-up-one-articles .articleList-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.articleList.articleList-up-four-articles .articleList-more, .articleList.articleList-up-three-articles .articleList-more, .articleList.articleList-up-two-articles .articleList-more, .articleList.articleList-up-one-articles .articleList-more {
margin: 17.003px 0px 0px 24.997px;
margin: 1.0626875rem 0rem 0rem 1.5623125rem;
font-size: 16.002px;
font-size: 1.000125rem;
bottom: 12.103px;
bottom: 0.7564375rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ed5517;
float: left;
position: absolute; }
.articleList.articleList-up-four-articles .articleList-more::after, .articleList.articleList-up-three-articles .articleList-more::after, .articleList.articleList-up-two-articles .articleList-more::after, .articleList.articleList-up-one-articles .articleList-more::after {
content: "";
display: inline; }
.articleList.articleList-up-four-articles .articleList-article-wrapper, .articleList.articleList-up-three-articles .articleList-article-wrapper, .articleList.articleList-up-two-articles .articleList-article-wrapper, .articleList.articleList-up-one-articles .articleList-article-wrapper {
margin: 0;
padding: 0; }
.articleList.articleList-up-four-articles .articleList-article-wrapper::before, .articleList.articleList-up-three-articles .articleList-article-wrapper::before, .articleList.articleList-up-two-articles .articleList-article-wrapper::before, .articleList.articleList-up-one-articles .articleList-article-wrapper::before {
width: 14px;
width: 0.875rem;
margin-right: 10.003px;
margin-right: 0.6251875rem;
top: 17.997px;
top: 1.1248125rem;
height: 0px;
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
content: '';
border: solid 3px #870a3c;
background-color: #870A3C; }
@media only screen and (max-width: 480px) {
.articleList.articleList-up-four-articles .articleList-article, .articleList.articleList-up-three-articles .articleList-article, .articleList.articleList-up-two-articles .articleList-article, .articleList.articleList-up-one-articles .articleList-article {
max-width: 85% !important; }
.articleList.articleList-up-four-articles .articleList-article:nth-child(1n+0), .articleList.articleList-up-three-articles .articleList-article:nth-child(1n+0), .articleList.articleList-up-two-articles .articleList-article:nth-child(1n+0), .articleList.articleList-up-one-articles .articleList-article:nth-child(1n+0) {
margin-left: 0px; } }
.articleList.articleList-up-four-articles .articleList-article {
max-width: calc(25% - 42px); }
@media only screen and (max-width: 992px) {
.articleList.articleList-up-four-articles .articleList-article {
max-width: 35%; }
.articleList.articleList-up-four-articles .articleList-article:nth-child(3) {
margin-left: 0px; } }
.articleList.articleList-up-three-articles .articleList-article {
max-width: calc(33.3% - 40px); }
@media only screen and (max-width: 992px) {
.articleList.articleList-up-three-articles .articleList-article {
max-width: 35%; }
.articleList.articleList-up-three-articles .articleList-article:nth-child(3) {
margin-left: 0px;
max-width: 77%; } }
.articleList.articleList-up-two-articles .articleList-article {
max-width: calc(50% - 36px); }
@media only screen and (max-width: 992px) {
.articleList.articleList-up-two-articles .articleList-article {
max-width: 35%; } }
.articleList.articleList-up-one-articles .articleList-article {
max-width: 73%; }
@media only screen and (max-width: 992px) {
.articleList.articleList-up-one-articles .articleList-article {
max-width: 77%; } }
@charset "UTF-8";
.articleSearchResults-wrapper {
padding: 50.05px 0px 0px;
padding: 3.128125rem 0rem 0rem; }
@media only screen and (max-width: 992px) {
.articleSearchResults-wrapper {
padding: 23.1px 0px 0px;
padding: 1.44375rem 0rem 0rem; } }
.articleSearchResult {
margin-bottom: 49px;
margin-bottom: 3.0625rem;
padding-bottom: 49px;
padding-bottom: 3.0625rem;
padding-left: 61.6px;
padding-left: 3.85rem;
border-bottom: 1px solid #dfdfdf; }
.articleSearchResult:last-child {
border-bottom: 0;
margin-bottom: 0; }
.articleSearchResult > .component-content > a > img {
display: none; }
@media only screen and (max-width: 992px) {
.articleSearchResult {
padding-left: 30.1px;
padding-left: 1.88125rem;
padding-bottom: 23.1px;
padding-bottom: 1.44375rem;
padding-right: 30.1px;
padding-right: 1.88125rem;
margin-bottom: 23.1px;
margin-bottom: 1.44375rem; }
.articleSearchResult:last-child {
margin-bottom: 0; } }
.articleSearchResult [aria-hidden="true"] {
speak: none; }
.articleSearchResult p {
font-weight: 400;
margin: 0;
line-height: 1.4; }
.articleSearchResult img {
margin: 7.7px 0px 15.4px;
margin: 0.48125rem 0rem 0.9625rem; }
@media only screen and (max-width: 992px) {
.articleSearchResult img {
margin: 7.7px 0px 21px;
margin: 0.48125rem 0rem 1.3125rem; } }
.articleSearchResult p {
font-weight: 400;
margin: 0;
line-height: 1.4;
letter-spacing: 0; }
.articleSearchResult .articleSearchResult-short-description,
.articleSearchResult .articleSearchResult-title {
box-sizing: border-box;
line-height: 1.2;
position: relative; }
@media only screen and (max-width: 992px) {
.articleSearchResult .articleSearchResult-short-description,
.articleSearchResult .articleSearchResult-title {
padding-right: 0; } }
.articleSearchResult .articleSearchResult-short-description .read-more,
.articleSearchResult .articleSearchResult-title .read-more {
float: right;
display: inline-block; }
@media only screen and (max-width: 992px) {
.articleSearchResult .articleSearchResult-short-description .read-more,
.articleSearchResult .articleSearchResult-title .read-more {
margin-top: 14px;
margin-top: 0.875rem;
float: none; } }
.articleSearchResult .articleSearchResult-title h5 {
margin: 7px 0px 17.5px;
margin: 0.4375rem 0rem 1.09375rem;
line-height: 1.1;
font-weight: 100; }
.articleSearchResult .articleSearchResult-title h5 strong {
font-weight: 400; }
@media only screen and (max-width: 992px) {
.articleSearchResult .articleSearchResult-title h5 {
margin: 7px 0px 24.5px;
margin: 0.4375rem 0rem 1.53125rem;
letter-spacing: -0.42px;
letter-spacing: -0.02625rem; } }
.articleSearchResult .articleSearchResult-title a:hover h5 {
color: #2D2323; }
.articleSearchResult .red-text {
color: #eb3158; }
.articleSearchResult .articleSearchResult-short-description {
min-height: 17.5px;
min-height: 1.09375rem; }
.articleSearchResult .read-more {
color: #FA551E; }
.articleSearchResult .read-more::after {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 7px;
margin-left: 0.4375rem;
vertical-align: middle; }
.articleSearchResult .read-more:hover {
color: #FA551E; }
.articleSearchResult-not-found {
padding: 42.7px 0px 41.3px 59.5px;
padding: 2.66875rem 0rem 2.58125rem 3.71875rem; }
@media only screen and (max-width: 480px) {
.articleSearchResult-not-found {
padding: 23.1px 29.4px;
padding: 1.44375rem 1.8375rem; } }
.articleSearchResult-not-found h5 {
margin: 0px 0px 14px;
margin: 0rem 0rem 0.875rem;
line-height: 1.1;
font-weight: 100; }
.articleSearchResult-not-found h5 strong {
font-weight: 400; }
.articleSearchResult-not-found p {
font-weight: 400;
margin: 0;
line-height: 1.4; }
.articleSearchResult-not-found ul {
padding-left: 14.7px;
padding-left: 0.91875rem; }
.articleSearchResult-not-found ul li {
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.4; }
@media only screen and (max-width: 480px) {
.articleSearchResult-not-found ul li {
font-size: 14px;
font-size: 0.875rem; } }
.articleSearchResult-not-found a {
color: #eb3158;
text-decoration: underline; }
@charset "UTF-8";
.box-outlined .component-content {
border: solid 2px #323131;
padding: 13px;
background-color: #e1e1e1; }
.box-more {
display: block;
text-align: right; }
.box-heading {
color: #666;
font-weight: 100;
font-size: 20px;
font-size: 1.25rem;
word-spacing: 0;
margin-top: 60px;
margin-top: 3.75rem;
margin-bottom: 0.375rem;
letter-spacing: initial; }
@media only screen and (max-width: 480px) {
.margin-top-medium {
margin-top: 25px; } }
.display-flex-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.box-border {
border: 1px solid #e5e5e5; }
.box-grid > .component-content > .content {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(220px, 1fr))[auto-fill];
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-ms-grid-rows: auto;
grid-template-rows: auto;
gap: 16px 16px; }
.box-grid > .component-content > .content > a {
display: none; }
.box-grid > .component-content > .content > div {
display: contents; }
.content-wrapper {
width: 100%; }
.content-wrapper::before, .content-wrapper::after {
content: "";
display: table; }
.content-wrapper::after {
clear: both; }
.template-contact-us .content-wrapper {
overflow: visible; }
.template-contact-us .content-wrapper.background-color-charcoal {
text-align: center; }
.content-wrapper > .component-content {
max-width: 1440.999px;
max-width: 90.0624375rem;
margin: 0 auto; }
@media only screen and (max-width: 480px) {
.content-wrapper > .component-content {
max-width: 100%;
width: initial; } }
.content-wrapper > .component-content h3 {
line-height: 1; }
.box-product-card {
border-radius: 4.9994px;
border-radius: 0.3124625rem;
padding: 17.9998px;
padding: 1.1249875rem;
margin-top: 109.998px;
margin-top: 6.874875rem;
background-color: #fff;
border: 1px solid #e3e2e2;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.box-product-card.margin-top-zero {
margin-top: 0; }
.box-product-card .richText p, .box-product-card .richText ul, .box-product-card .richText li {
color: #2D2323; }
.box-product-card .richText ul {
padding-left: 19.999px;
padding-left: 1.2499375rem; }
.box-product-card .richText h5,
.box-product-card .richText h6,
.box-product-card .richText .h5,
.box-product-card .richText .h6 {
font-size: 19.999px;
font-size: 1.2499375rem;
margin-top: 4.998px;
margin-top: 0.312375rem;
margin-bottom: 15.4px;
margin-bottom: 0.9625rem;
line-height: 1.39; }
.box-product-card .richText .richText-image {
margin: -90px auto 22px auto;
max-width: 75%;
min-width: 75%; }
.box-product-card .richText .richText-image[src*='svg'] {
margin: 0 auto 0 auto;
max-height: 100.002px;
max-height: 6.250125rem;
max-width: 100.002px;
max-width: 6.250125rem;
min-width: 100.002px;
min-width: 6.250125rem; }
.box-product-card .richText .red-text {
color: #2D2323; }
.box-product-card.box-product-card-vertical-card {
margin-top: 110.999px;
margin-top: 6.9374375rem; }
.box-product-card.box-product-card-vertical-card .richText img.richText-image {
-webkit-transform: rotate(90deg) translateX(-18.5%);
-ms-transform: rotate(90deg) translateX(-18.5%);
transform: rotate(90deg) translateX(-18.5%); }
.box-product-card[class*="no-margin-line"] {
margin-top: 0; }
.box-product-card.no-margin-line:nth-child(4n+1) {
border-top: 8px solid #BE0028; }
.box-product-card.no-margin-line:nth-child(4n+2) {
border-top: 8px solid #dc0032; }
.box-product-card.no-margin-line:nth-child(4n+3) {
border-top: 8px solid #f52d28; }
.box-product-card.no-margin-line:nth-child(4n+4) {
border-top: 8px solid #eb3158; }
.box-product-card.no-margin-line.border-color-energy {
border-top-color: #FF780F; }
.box-product-card.no-margin-line.border-color-human {
border-top-color: #AA052D; }
.box-product-card.no-margin-line.border-color-grounded {
border-top-color: #960528; }
.box-product-card.no-margin-line.border-color-care {
border-top-color: #F05A7D; }
.box-product-card.no-margin-line.border-color-luxury {
border-top-color: #640032; }
.box-product-card.no-margin-line.border-color-depth {
border-top-color: #500A28; }
.box-product-card.no-margin-line.border-color-calm {
border-top-color: #870A3C; }
.box-product-card.no-margin-line.border-color-suprise {
border-top-color: #AF144B; }
.box-product-card.no-margin-line.border-color-smile {
border-top-color: #f0325a; }
.box-product-card.no-margin-line.border-color-warmth {
border-top-color: #BE0028; }
.box-product-card.no-margin-line.border-color-passion {
border-top-color: #dc0032; }
.box-product-card.no-margin-line.border-color-agile {
border-top-color: #f52d28; }
.box-product-card.no-margin-line.border-color-prepared {
border-top-color: #FA551E; }
.box-product-card.no-margin-line-left:nth-child(4n+1) {
border-left: 8px solid #BE0028; }
.box-product-card.no-margin-line-left:nth-child(4n+2) {
border-left: 8px solid #dc0032; }
.box-product-card.no-margin-line-left:nth-child(4n+3) {
border-left: 8px solid #f52d28; }
.box-product-card.no-margin-line-left:nth-child(4n+4) {
border-left: 8px solid #eb3158; }
.box-product-card.no-margin-line-left.border-color-energy {
border-left-color: #FF780F; }
.box-product-card.no-margin-line-left.border-color-human {
border-left-color: #AA052D; }
.box-product-card.no-margin-line-left.border-color-grounded {
border-left-color: #960528; }
.box-product-card.no-margin-line-left.border-color-care {
border-left-color: #F05A7D; }
.box-product-card.no-margin-line-left.border-color-luxury {
border-left-color: #640032; }
.box-product-card.no-margin-line-left.border-color-depth {
border-left-color: #500A28; }
.box-product-card.no-margin-line-left.border-color-calm {
border-left-color: #870A3C; }
.box-product-card.no-margin-line-left.border-color-suprise {
border-left-color: #AF144B; }
.box-product-card.no-margin-line-left.border-color-smile {
border-left-color: #f0325a; }
.box-product-card.no-margin-line-left.border-color-warmth {
border-left-color: #BE0028; }
.box-product-card.no-margin-line-left.border-color-passion {
border-left-color: #dc0032; }
.box-product-card.no-margin-line-left.border-color-agile {
border-left-color: #f52d28; }
.box-product-card.no-margin-line-left.border-color-prepared {
border-left-color: #FA551E; }
@media only screen and (max-width: 992px) {
.box-product-card {
padding: 19.999px;
padding: 1.2499375rem;
margin-bottom: 10.003px;
margin-bottom: 0.6251875rem;
margin-right: 10.003px;
margin-right: 0.6251875rem;
min-width: calc(50% - 20px);
margin-left: 1% !important;
margin-right: 10px; }
.box-product-card[class*='prefix_'], .box-product-card[class*='prefix_'].alpha {
margin-left: 1% !important; }
.box-product-card + .box-product-card {
margin-right: 10px; } }
@media only screen and (max-width: 480px) {
.box-product-card {
margin-right: 0;
min-width: 90%; }
.box-product-card[class*='no-margin-line'] {
max-width: 90%;
position: relative;
left: 5%; }
.align-components .box-product-card[class*='no-margin-line'] {
max-width: 100%;
left: 0; }
.box-product-card.box-product-card-vertical-card:not([class*='no-margin-line']) {
margin-top: 199.997px;
margin-top: 12.4998125rem; } }
.hero-wrapper {
background-size: cover;
background-position: top center;
overflow: visible;
position: relative;
background-repeat: no-repeat;
transition: background-color 250ms linear;
z-index: 2; }
.hero-wrapper:not([class*='background-color-']) {
background-color: #2D2323;
transition: background-color 250ms linear; }
.white-hero .hero-wrapper {
background-color: #fff; }
.hero-anchor-right .hero-wrapper {
background-position: right; }
.hero-wrapper::after, .hero-wrapper::before {
display: none; }
.hero-wrapper.white-background {
background-color: #fff;
transition: background-color 250ms linear; }
.hero-wrapper.white-background::after {
content: '';
display: block;
position: absolute;
height: 1px;
width: 100vw;
left: 0;
bottom: 0;
background-color: #e3e2e2; }
.hero-wrapper.white-background.adjust-bottom-line::after {
bottom: 0; }
.hero-wrapper .richText-hero {
padding: 79.996px 129.997px 70px;
padding: 4.99975rem 8.1248125rem 4.375rem;
padding-left: calc((100vw - 1240px) / 2);
max-width: 75%;
position: relative;
border: 0;
box-sizing: border-box;
min-height: calc(41vw - 190px); }
.hero-wrapper .richText-hero::before, .hero-wrapper .richText-hero::after {
content: "";
display: table; }
.hero-wrapper .richText-hero::after {
clear: both; }
.hero-wrapper .richText-hero > .component-content {
position: relative;
overflow: visible; }
.hero-wrapper .richText-hero h1,
.hero-wrapper .richText-hero h2,
.hero-wrapper .richText-hero h3,
.hero-wrapper .richText-hero h4,
.hero-wrapper .richText-hero h5,
.hero-wrapper .richText-hero h6,
.hero-wrapper .richText-hero p {
font-family: "SourceSansPro-Regular", sans-serif;
color: #fff; }
.hero-wrapper .richText-hero h1 {
font-size: 64.001px;
font-size: 4.0000625rem;
line-height: 72.002px;
line-height: 4.500125rem;
font-weight: 600; }
.hero-wrapper .richText-hero p {
padding: 0px 85.001px;
padding: 0rem 5.3125625rem;
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 17.997px;
font-size: 1.1248125rem;
color: #fff;
letter-spacing: normal;
font-weight: 400; }
.hero-wrapper .richText-hero a[class*='btn-action'] {
margin-right: 24.003px;
margin-right: 1.5001875rem;
margin-left: 0; }
.hero-wrapper .richText-hero.illustration-hero-text {
padding-top: 59.997px;
padding-top: 3.7498125rem;
max-width: 66%;
color: #2D2323;
min-height: auto;
padding-right: 0; }
.hero-wrapper .richText-hero.illustration-hero-text h1,
.hero-wrapper .richText-hero.illustration-hero-text h2,
.hero-wrapper .richText-hero.illustration-hero-text h3,
.hero-wrapper .richText-hero.illustration-hero-text h4,
.hero-wrapper .richText-hero.illustration-hero-text h5,
.hero-wrapper .richText-hero.illustration-hero-text h6,
.hero-wrapper .richText-hero.illustration-hero-text p {
color: #2D2323; }
.hero-wrapper .richText-hero.illustration-hero-text p {
padding: 0; }
.hero-wrapper .richText-hero.campaign-hero {
padding-top: 56px;
padding-top: 3.5rem;
padding-bottom: 56px;
padding-bottom: 3.5rem;
max-width: 55%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.hero-wrapper .richText-hero.campaign-hero h1 {
font-size: 56px;
font-size: 3.5rem;
line-height: 64.001px;
line-height: 4.0000625rem;
text-align: left; }
.hero-wrapper .richText-hero.campaign-hero p {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 400;
text-align: left;
padding: 0;
margin-bottom: 0; }
.hero-wrapper .richText-hero.campaign-hero [class*=btn-][class*="-action-"] {
margin-right: 24.003px;
margin-right: 1.5001875rem;
margin-top: 17.997px;
margin-top: 1.1248125rem;
margin-left: 0; }
.hero-wrapper .illustration-hero-text p.hide {
display: none; }
.hero-wrapper .illustration-subcopy-clone {
padding: 0px 31.997px;
padding: 0rem 1.9998125rem; }
.hero-wrapper .illustration-subcopy-clone.hide {
display: none; }
.hero-wrapper .richText.rte-hero-no-padding .richText-content p {
padding: 0; }
.hero-wrapper.white-background::after {
bottom: 66.003px;
bottom: 4.1251875rem; }
.hero-wrapper .hero-subcontainer {
padding-top: 42px;
padding-top: 2.625rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.hero-wrapper .hero-subcontainer .richText-hero {
padding-top: 0;
padding-bottom: 2px;
padding-right: 0;
max-width: 100%;
width: 100%; }
.hero-wrapper .hero-subcontainer .additionalHeroItem {
padding-right: calc((100vw - 1240px) / 2); }
@media only screen and (min-width: 1441px) {
.hero-wrapper.campaign-hero {
min-height: 434px;
min-height: 27.125rem; } }
.hero-wrapper .hero-text-dark h1,
.hero-wrapper .hero-text-dark .h1,
.hero-wrapper .hero-text-dark h2,
.hero-wrapper .hero-text-dark .h2,
.hero-wrapper .hero-text-dark h3,
.hero-wrapper .hero-text-dark .h3,
.hero-wrapper .hero-text-dark h4,
.hero-wrapper .hero-text-dark .h4,
.hero-wrapper .hero-text-dark h5,
.hero-wrapper .hero-text-dark .h5,
.hero-wrapper .hero-text-dark h6,
.hero-wrapper .hero-text-dark .h6,
.hero-wrapper .hero-text-dark p {
color: #2D2323; }
@media only screen and (max-width: 1280px) {
.hero-wrapper .richText-hero {
padding-left: 7.06%;
padding-right: 0;
width: 85.88%; }
.hero-wrapper .richText-hero.illustration-hero-text {
padding-left: 7.06vw; }
.hero-wrapper .richText-hero.illustration-hero-text.alpha {
padding-left: 7.06vw !important; } }
@media only screen and (max-width: 1024px) {
.hero-wrapper .hero-subcontainer {
padding-top: 42px;
padding-top: 2.625rem;
padding-bottom: 14px;
padding-bottom: 0.875rem; }
.hero-wrapper .hero-subcontainer .richText-hero {
padding-top: 0;
max-width: 100%;
width: 100%; }
.hero-wrapper .hero-subcontainer .richText-hero h1,
.hero-wrapper .hero-subcontainer .richText-hero .h1 {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem;
font-weight: 600; }
.hero-wrapper .richText-hero h1,
.hero-wrapper .richText-hero .h1 {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem; }
.hero-wrapper .richText-hero p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media only screen and (max-width: 992px) {
.hero-wrapper {
min-height: unset; }
.hero-wrapper .richText-hero {
min-height: calc(42vw - 100px); } }
@media only screen and (max-width: 768px) {
.hero-wrapper .hero-subcontainer {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem;
padding-top: 0;
display: block; }
.hero-wrapper .hero-subcontainer .richText-hero {
padding: 39.998px 0px;
padding: 2.499875rem 0rem;
min-height: 0; }
.hero-wrapper .hero-subcontainer .additionalHeroItem {
padding-bottom: 70px;
padding-bottom: 4.375rem; }
.hero-wrapper .richText-hero.campaign-hero {
padding-top: 31.997px;
padding-top: 1.9998125rem;
padding-bottom: 31.997px;
padding-bottom: 1.9998125rem;
max-width: 60%; }
.hero-wrapper .richText-hero.campaign-hero h1 {
font-size: 39.998px;
font-size: 2.499875rem;
line-height: 47.999px;
line-height: 2.9999375rem; }
.hero-wrapper .richText-hero.campaign-hero p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
padding: 0;
margin-bottom: 0; } }
@media only screen and (max-width: 767px) {
.hero-wrapper .richText-hero.illustration-hero-text {
max-width: 100%; } }
@media only screen and (max-width: 480px) {
.hero-wrapper.hero-wrapper-mobile-hide {
background-size: 0 0;
background-color: #fff; }
.hero-wrapper.hero-wrapper-mobile-hide .richText-hero h1,
.hero-wrapper.hero-wrapper-mobile-hide .richText-hero .h1,
.hero-wrapper.hero-wrapper-mobile-hide .richText-hero p {
color: #2D2323; }
.hero-anchor-right .hero-wrapper {
background-position: top center; }
.hero-anchor-right .hero-wrapper .richText-hero {
padding-right: 7.06%; }
.hero-wrapper .hero-subcontainer {
padding: 16.002px;
padding: 1.000125rem; }
.hero-wrapper .hero-subcontainer .richText-hero-text-layout-parsys .richText-hero {
padding: 0px 0px 7px 0px;
padding: 0rem 0rem 0.4375rem 0rem; }
.hero-wrapper .hero-subcontainer .additionalHeroItem {
padding-bottom: 0; }
.hero-wrapper .richText-hero {
padding-top: 24.003px;
padding-top: 1.5001875rem;
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem;
max-width: 100%;
min-height: 0;
width: 100%; }
.hero-wrapper .richText-hero.illustration-hero-text {
max-width: 100%;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
.hero-wrapper .richText-hero p {
padding: 0; }
.hero-wrapper .richText-hero a.btn-on-mobile {
width: 100%; }
.hero-wrapper .richText-hero.campaign-hero {
padding-top: 241.997px;
padding-top: 15.1248125rem;
max-width: 100%; }
.hero-wrapper .richText-hero.campaign-hero [class*=btn-][class*="-action-"] {
margin-right: 0;
min-width: 100%; }
.hero-wrapper.white-background.adjust-bottom-line::after {
left: 16.002px;
left: 1.000125rem;
display: block;
width: calc(100% - 32px); }
.hero-wrapper .box-btn-group {
padding: 0px 16.002px;
padding: 0rem 1.000125rem;
width: calc(100% - 32px); } }
@media only screen and (max-width: 480px) {
#header .hero-wrapper.hide-hero-image {
background-image: none !important;
background-color: #fff; }
#header .hero-wrapper.hide-hero-image .richText-hero h1,
#header .hero-wrapper.hide-hero-image .richText-hero .h1,
#header .hero-wrapper.hide-hero-image .richText-hero p {
color: #2D2323; } }
@media only screen and (min-width: 992px) {
#content .hero-wrapper .richText.default-style {
padding: 120.001px 129.997px 70px;
padding: 7.5000625rem 8.1248125rem 4.375rem; } }
.hero-wrapper.expanded-calc {
background-image: unset !important; }
.hero-wrapper.expanded-calc [class*='box-hero-group'] {
padding: 0; }
.hero-wrapper.expanded-calc .box-left-hero-richText-wrapper {
display: none;
max-width: 0; }
.hero-wrapper.expanded-calc .box-right-hero-richText-wrapper {
width: 100%; }
.component.box-sitemap, .component.box-sitemap-horizontal {
padding-bottom: 38.5px;
padding-bottom: 2.40625rem; }
@media only screen and (max-width: 992px) {
.component.box-sitemap, .component.box-sitemap-horizontal {
padding-bottom: 0;
display: block !important; } }
.tabs-sitemap .component.box-sitemap, .tabs-sitemap .component.box-sitemap-horizontal {
padding-bottom: 0; }
.box-sitemap .sitemap-column a, .box-sitemap-horizontal .sitemap-column a {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 1.2; }
.box-sitemap .sitemap-column h3 a, .box-sitemap-horizontal .sitemap-column h3 a {
color: #2D2323; }
.box-sitemap .sitemap-column li > a, .box-sitemap-horizontal .sitemap-column li > a {
color: #666; }
@media only screen and (max-width: 992px) {
.box-sitemap .sitemap-column, .box-sitemap-horizontal .sitemap-column {
box-sizing: border-box; } }
.box-sitemap .sitemap-column > ul, .box-sitemap-horizontal .sitemap-column > ul {
vertical-align: top; }
@media only screen and (max-width: 992px) {
.box-sitemap .sitemap-column > ul, .box-sitemap-horizontal .sitemap-column > ul {
display: inline-block;
padding: 0px 10.003px;
padding: 0rem 0.6251875rem;
padding: 0 10px; } }
@media only screen and (max-width: 480px) {
.box-sitemap .sitemap-column > ul, .box-sitemap-horizontal .sitemap-column > ul {
padding: 0;
display: block; } }
@media only screen and (max-width: 992px) {
.grid_3.box-sitemap, .grid_3.box-sitemap-horizontal {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important; } }
@media only screen and (max-width: 992px) {
.grid_3.prefix_3.box-sitemap, .grid_3.prefix_3.box-sitemap-horizontal {
margin-left: 0 !important; } }
@media only screen and (max-width: 992px) {
.tabs-sitemap + .alpha.box-sitemap, .tabs-sitemap + .alpha.box-sitemap-horizontal {
border-top: 0; } }
.box-sitemap .box-heading, .box-sitemap-horizontal .box-heading {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 1.08;
transition: color 250ms;
color: #a31e29;
font-weight: 500;
letter-spacing: -.05em;
position: relative; }
@media only screen and (max-width: 992px) {
.box-sitemap .box-heading, .box-sitemap-horizontal .box-heading {
padding: 21px 42.7px 17.5px 28px;
padding: 1.3125rem 2.66875rem 1.09375rem 1.75rem;
font-size: 21px;
font-size: 1.3125rem;
margin: 0;
border-bottom: 1px solid #f5f5f5;
font-weight: 300;
cursor: pointer;
color: #eb3158;
background: #f5f5f5; }
.tabs-sitemap .box-sitemap .box-heading, .tabs-sitemap .box-sitemap-horizontal .box-heading {
background: #fff; } }
@media only screen and (max-width: 992px) {
.box-sitemap .box-heading.is-active, .box-sitemap-horizontal .box-heading.is-active {
color: #2D2323; } }
@media only screen and (max-width: 992px) {
.box-sitemap .box-heading::after, .box-sitemap-horizontal .box-heading::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 25.2px;
font-size: 1.575rem;
right: 28.7px;
right: 1.79375rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
float: none;
position: absolute;
top: 50%;
color: #eb3158; } }
.box-sitemap .box-heading + .content, .box-sitemap-horizontal .box-heading + .content {
max-height: none; }
@media only screen and (max-width: 992px) {
.box-sitemap .box-heading + .content, .box-sitemap-horizontal .box-heading + .content {
max-height: 0;
overflow: hidden;
transition: max-height 250ms; } }
.bb .box-sitemap .box-heading + .content, .bb .box-sitemap-horizontal .box-heading + .content,
.no-js .box-sitemap .box-heading + .content,
.no-js .box-sitemap-horizontal .box-heading + .content {
max-height: none !important; }
.box-sitemap {
margin: 0px 0px 11.9px;
margin: 0rem 0rem 0.74375rem; }
@media only screen and (min-width: 992px) {
.box-sitemap.padding-left-thin {
padding-left: 12.999px;
padding-left: 0.8124375rem; } }
.box-sitemap .box-heading {
margin-top: 50.001px;
margin-top: 3.1250625rem; }
@media only screen and (max-width: 992px) {
.box-sitemap {
margin: 0; }
.box-sitemap .box-heading {
margin: 0; } }
@media only screen and (min-width: 992px) {
.box-sitemap-horizontal {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD; } }
.box-sitemap-horizontal .box-heading {
margin: 39.004px 0px 0px 0px;
margin: 2.43775rem 0rem 0rem 0rem;
text-align: center;
margin: 39px 0 0 0; }
@media only screen and (max-width: 992px) {
.box-sitemap-horizontal .box-heading {
margin: 0;
text-align: left; } }
.box-sitemap-horizontal .padded-sitemap-row-list {
padding-bottom: 19.999px;
padding-bottom: 1.2499375rem; }
@media only screen and (max-width: 992px) {
.box-sitemap-horizontal .padded-sitemap-row-list {
margin: 0; } }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column ul {
margin: 0 auto;
max-width: 180.0001px;
max-width: 11.25000625rem; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column li {
text-align: center; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column h3 {
text-align: center;
margin: 0 auto; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column a {
letter-spacing: normal;
color: #666;
line-height: 1.5;
font-size: 16px; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column a:hover {
color: #666; }
@media only screen and (max-width: 992px) {
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column ul {
margin: 0; }
.box-sitemap-horizontal .padded-sitemap-row-list .sitemap-column h3 {
text-align: left;
margin: 0; } }
.product-cards-center {
text-align: center; }
.box-search {
box-sizing: border-box;
position: relative;
clear: both;
overflow: hidden;
max-height: 0;
transition: max-height 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: none;
margin-top: 70px;
margin-top: 4.375rem;
z-index: 100; }
.page-global-search-results .box-search,
.template-global-search .box-search {
display: block !important;
max-height: 599.998px;
max-height: 37.499875rem; }
.box-search > .component-content {
padding: 24.003px 0px 24.003px;
padding: 1.5001875rem 0rem 1.5001875rem;
border-top: 1px solid #dfdfdf;
background: #F9F8F8;
margin: 0;
opacity: 0;
transition: opacity .3s; }
.no-js .box-search > .component-content {
padding-top: 9.996px;
padding-top: 0.62475rem;
padding-bottom: 9.996px;
padding-bottom: 0.62475rem;
opacity: 1; }
.box-search > .component-content > .content {
margin: 0 auto; }
.box-search.is-active {
display: block;
overflow: hidden;
opacity: 1;
max-height: 999.999px;
max-height: 62.4999375rem;
transition: max-height 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
background: #fff; }
.box-search.is-active > .component-content {
padding-left: 109.998px;
padding-left: 6.874875rem;
padding-right: 109.998px;
padding-right: 6.874875rem;
opacity: 1; }
.snippetReference-box-search-static .box-search {
display: block;
transition: none;
max-height: 999.999px;
max-height: 62.4999375rem; }
.snippetReference-box-search-static .box-search > .component-content {
opacity: 1; }
.snippetReference-box-search-static .box-search.js-animation {
transition: max-height 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
max-height: 599.998px;
max-height: 37.499875rem; }
.box-search .searchBox {
box-sizing: border-box;
padding-left: 19.999px;
padding-left: 1.2499375rem;
padding-right: 19.999px;
padding-right: 1.2499375rem;
width: 100%; }
.box-search .searchBox .form-search {
text-align: right;
display: table-row; }
.box-search .searchBox .form-search label {
padding-right: 7px;
padding-right: 0.4375rem;
box-sizing: border-box;
position: relative;
width: 100%;
display: table-cell;
vertical-align: bottom;
padding-top: 0; }
.box-search .searchBox .form-search label .searchBox-title {
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
display: none; }
.box-search .searchBox .form-search label::before {
width: 22.001px;
width: 1.3750625rem;
height: 22.001px;
height: 1.3750625rem;
margin-top: 14px;
margin-top: 0.875rem;
margin-left: 10.997px;
margin-left: 0.6873125rem;
content: '';
background: url(../../assets/img/icon-search-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute;
z-index: 3; }
.template-global-search .box-search .searchBox .form-search {
display: block;
width: 100%; }
.template-global-search .box-search .searchBox .form-search > div {
display: table-row; }
.box-search .searchBox .search-query {
padding: 14px 14px 14px 45.003px;
padding: 0.875rem 0.875rem 0.875rem 2.8126875rem;
font-size: 15.9999px;
font-size: 0.99999375rem;
color: #2D2323;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #cac7c7;
line-height: 1.25;
font-weight: 100;
outline: none;
opacity: .6;
width: 100%;
position: relative;
z-index: 2; }
.box-search .searchBox .search-query:focus {
opacity: 1; }
.box-search .searchBox .search-query:focus, .box-search .searchBox .search-query.is-filled {
opacity: 1;
background: #fff; }
.box-search .searchBox button {
min-width: 140px;
min-width: 8.75rem;
top: 10.997px;
top: 0.6873125rem;
height: 47.999px;
height: 2.9999375rem;
float: right;
vertical-align: bottom;
display: table-cell;
color: #fff;
background-color: #FA551E;
border-radius: 5px;
border: 0;
transition: all 0.2s linear; }
.box-search .searchBox button:hover {
box-shadow: 0 2px 4px 0 #B5B2B2;
cursor: pointer; }
.box-search .searchBox button:disabled, .box-search .searchBox button[disabled] {
background-color: #FED6C9;
box-shadow: none;
cursor: no-drop; }
.box-search .richText {
display: none; }
.box-search .close {
width: 16px;
height: 16px;
top: 18.9px;
top: 1.18125rem;
right: 35px;
right: 2.1875rem;
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
position: absolute;
cursor: pointer;
overflow: hidden;
z-index: 200;
top: 40.999px;
top: 2.5624375rem;
right: 100.002px;
right: 6.250125rem; }
.box-search .close::after, .box-search .close::before {
content: '';
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
transition: background-color .25s;
height: 1px;
width: 120%;
background-color: #2D2323;
position: absolute; }
.box-search .close::after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.box-search .close::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.box-search .close:hover::before, .box-search .close:hover::after {
background-color: #2D2323; }
@media only screen and (max-width: 992px) {
.box-search .close {
right: 30px; } }
.box-search .search-placeholder {
font-size: 38.5px;
font-size: 2.40625rem;
position: absolute;
color: #666;
box-sizing: border-box;
border: 0;
line-height: 1.25;
font-weight: 100;
top: 0;
left: 0;
z-index: 1; }
@media only screen and (max-width: 1280px) {
.box-search .searchBox button {
width: 20%; } }
@media only screen and (max-width: 992px) {
.box-search {
text-align: center; }
.box-search .component-content {
padding-bottom: 0 !important; }
.box-search .component-content > .content {
padding-bottom: 30.1px;
padding-bottom: 1.88125rem;
border-bottom: 1px solid #dfdfdf; }
.no-js .box-search .component-content {
padding-right: 40px !important;
padding-left: 40px !important; }
.box-search .component-content .searchBox {
padding-left: 0;
padding-right: 0; }
.box-search .component-content .searchBox .form-search {
display: block;
width: 100%; }
.box-search .component-content .searchBox .form-search label {
margin-bottom: 15.001px;
margin-bottom: 0.9375625rem;
width: 100%;
display: block;
padding-right: 0; }
.box-search .component-content .searchBox .form-search label::before {
margin-top: 28px;
margin-top: 1.75rem; }
.template-global-search .box-search .component-content .searchBox .form-search > div {
display: block; }
.box-search .component-content .searchBox .search-query {
margin-top: 14px;
margin-top: 0.875rem; }
.box-search .component-content .searchBox button {
float: none;
max-width: 100%;
width: 100%;
display: block; }
.snippetReference-box-search-static .box-search {
top: 0;
margin-top: 128.002px;
margin-top: 8.000125rem; }
.snippetReference-box-search-static .box-search > .component-content {
padding: 21px 30.1px;
padding: 1.3125rem 1.88125rem; }
.box-search .close {
width: 39.998px;
width: 2.499875rem;
height: 39.998px;
height: 2.499875rem;
right: 4.998px;
right: 0.312375rem;
top: 2px; }
.box-search .close::before, .box-search .close::after {
width: 19.999px;
width: 1.2499375rem; } }
@media only screen and (max-width: 767px) {
.box-search {
z-index: -1; }
.snippetReference-box-search-static .box-search {
margin-top: 56px;
margin-top: 3.5rem; } }
@media only screen and (max-width: 480px) {
.box-search {
margin-top: 50.001px;
margin-top: 3.1250625rem; }
.box-search .searchBox {
padding-top: 19.999px;
padding-top: 1.2499375rem; }
.box-search .searchBox .form-search label {
display: block; }
.box-search .searchBox .form-search label::before {
margin-top: 24.003px;
margin-top: 1.5001875rem; }
.box-search .searchBox .search-query {
margin-top: 9.99999px;
margin-top: 0.624999375rem; }
.box-search .searchBox button {
display: block;
top: 0; }
.box-search.is-active > .component-content {
padding: 14px;
padding: 0.875rem; }
.snippetReference-box-search-static .box-search > .component-content {
padding: 0px 30.1px 21px;
padding: 0rem 1.88125rem 1.3125rem; } }
.redesign-header-snippet .box-search {
margin-top: 59.997px;
margin-top: 3.7498125rem;
position: absolute;
width: 100%;
left: 0; }
@media only screen and (max-width: 767px) {
.redesign-header-snippet .box-search {
margin-top: 47.999px;
margin-top: 2.9999375rem; } }
.overlayBg {
background: rgba(45, 35, 35, 0.7);
position: fixed;
display: block;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
opacity: 0;
transition: opacity .5s, height .1s linear 1.5s, width .1s linear 1.5s, z-index 0s linear .5s; }
.is-searchBox-active .overlayBg {
z-index: 2;
opacity: 1;
height: 100%;
width: 100%;
transition: opacity .5s; }
.template-global-search:not(.is-loginBox-active):not(.box-menu-is-active) .overlayBg {
display: none; }
@media only screen and (max-width: 992px) {
.is-searchBox-active .overlayBg {
position: absolute; } }
.box-contact-informations {
padding-top: 14px;
padding-top: 0.875rem;
padding-bottom: 14px;
padding-bottom: 0.875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.box-contact-informations > .component-content {
margin: 0;
width: 50%; }
.box-contact-informations h6 {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 23.002px;
line-height: 1.437625rem;
margin: 8.001px 0px;
margin: 0.5000625rem 0rem; }
.box-contact-informations p {
font-size: 16.002px;
font-size: 1.000125rem;
margin-top: 0;
margin-bottom: 0; }
.box-contact-informations p br {
display: block !important; }
.box-contact-informations ul li {
list-style-type: disc; }
.box-contact-informations .what-to-bring-button,
.box-contact-informations .get-directions-button {
font-size: 15.4px;
font-size: 0.9625rem;
margin-bottom: 6.3px;
margin-bottom: 0.39375rem;
color: #eb3158;
font-weight: 400;
display: inline-block; }
.box-contact-informations .what-to-bring-button::after,
.box-contact-informations .get-directions-button::after {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 7px;
margin-left: 0.4375rem;
display: inline;
vertical-align: baseline; }
.box-contact-informations .find-us-address,
.box-contact-informations .find-us-trading,
.box-contact-informations .find-us-telephone,
.box-contact-informations .find-us-forex {
padding-left: 49px;
padding-left: 3.0625rem;
box-sizing: border-box;
position: relative; }
.box-contact-informations .find-us-address::before,
.box-contact-informations .find-us-trading::before,
.box-contact-informations .find-us-telephone::before,
.box-contact-informations .find-us-forex::before {
top: -3.003px;
top: -0.1876875rem;
left: 2.002px;
left: 0.125125rem;
width: 44.002px;
width: 2.750125rem;
height: 44.002px;
height: 2.750125rem;
content: '';
background: 0 0 no-repeat;
background-size: 35px auto;
display: block;
position: absolute; }
.box-contact-informations .find-us-description p {
font-size: 24.003px;
font-size: 1.5001875rem;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.box-contact-informations .find-us-social {
padding-left: 49px;
padding-left: 3.0625rem; }
.box-contact-informations .find-us-social a img, .box-contact-informations .find-us-social a svg {
padding: 0px 19.999px 0px 0px;
padding: 0rem 1.2499375rem 0rem 0rem;
height: 36.001px;
height: 2.2500625rem;
display: inline-block; }
.box-contact-informations [class^="find-us"]:not(.find-us-social) {
margin-bottom: 30.002px;
margin-bottom: 1.875125rem; }
.box-contact-informations .action-container {
margin-top: 30.002px;
margin-top: 1.875125rem;
display: block; }
.box-contact-informations .action-container::before, .box-contact-informations .action-container::after {
content: "";
display: table; }
.box-contact-informations .action-container::after {
clear: both; }
.box-contact-informations .action-container .get-directions, .box-contact-informations .action-container .what-to-bring {
text-align: center;
display: inline-block; }
.box-contact-informations .action-container .more-details-button,
.box-contact-informations .action-container .get-directions-button {
font-size: 15.4px;
font-size: 0.9625rem;
color: #eb3158;
font-weight: 400;
letter-spacing: -.02em; }
.box-contact-informations .action-container .more-details-button::after,
.box-contact-informations .action-container .get-directions-button::after {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 8.4px;
margin-left: 0.525rem;
vertical-align: baseline; }
@media only screen and (max-width: 480px) {
.box-contact-informations .action-container .more-details-button::after,
.box-contact-informations .action-container .get-directions-button::after {
margin-left: 4.2px;
margin-left: 0.2625rem;
display: inline; } }
.box-contact-informations .find-us-address::before {
background-image: url("../../assets/img/icon-address.svg"); }
.box-contact-informations .find-us-trading::before {
background-image: url("../../assets/img/icon-trading-hours.svg"); }
.box-contact-informations .find-us-telephone::before {
background-image: url("../../assets/img/icon-contact.svg"); }
.box-contact-informations .find-us-forex::before {
background-image: url("../../assets/img/icon-forex.svg");
background-size: 26.999px;
background-size: 1.6874375rem; }
@media only screen and (max-width: 648px) {
.box-contact-informations {
display: block; } }
@media only screen and (max-width: 767px) {
.box-contact-informations {
display: block; }
.box-contact-informations > .component-content {
width: 100%;
margin-top: 40vw; }
.box-contact-informations .action-container {
margin-top: 14px;
margin-top: 0.875rem; }
.box-contact-informations .action-container > div {
width: 100%; }
.box-contact-informations .action-container > div > a {
width: 100%; }
.box-contact-informations .map-image {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.box-contact-informations .map-image img {
width: 100%; }
.box-contact-informations .find-us-description p {
font-size: 24.003px;
font-size: 1.5001875rem;
font-family: "SourceSansPro-SemiBold", sans-serif; } }
.box-login {
position: absolute;
top: 70px;
top: 4.375rem;
left: 0;
right: 0;
clear: both;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
@media only screen and (max-width: 992px) {
.box-login {
top: 70px;
top: 4.375rem; } }
@media only screen and (max-width: 480px) {
.box-login {
top: 50.001px;
top: 3.1250625rem; } }
.box-login.is-active {
z-index: 400;
max-height: 999.999px;
max-height: 62.4999375rem; }
.box-login.is-active > .component-content {
opacity: 1; }
.box-login.is-open {
overflow: visible; }
.box-login > .component-content {
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
opacity: 0;
transition: opacity .6s;
background: #fff; }
.no-js .box-login > .component-content {
opacity: 1; }
@media only screen and (max-width: 992px) {
.box-login > .component-content {
border-top: 0; } }
.box-login .close {
width: 16px;
height: 16px;
top: 18.9px;
top: 1.18125rem;
right: 35px;
right: 2.1875rem;
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
position: absolute;
cursor: pointer;
overflow: hidden;
z-index: 200;
right: 29.995px;
right: 1.8746875rem; }
.box-login .close::after, .box-login .close::before {
content: '';
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
transition: background-color .25s;
height: 1px;
width: 120%;
background-color: #2D2323;
position: absolute; }
.box-login .close::after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.box-login .close::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.box-login .close:hover::before, .box-login .close:hover::after {
background-color: #2D2323; }
@media only screen and (max-width: 992px) {
.box-login .close {
right: 30px; } }
@media only screen and (max-width: 992px) {
.box-login .close {
padding: 4px;
right: 34px !important;
width: 19.999px;
width: 1.2499375rem;
height: 8.001px;
height: 0.5000625rem; }
.box-login .close::before, .box-login .close::after {
width: 80%;
height: 1px; } }
@media only screen and (max-width: 767px) {
.redesign-header-snippet .box-login {
top: 57.001px;
top: 3.5625625rem; } }
.is-loginBox-active .overlayBg {
z-index: 2;
opacity: 1;
height: 100%;
width: 100%;
transition: opacity .5s; }
@media only screen and (max-width: 992px) {
.is-loginBox-active .overlayBg {
position: absolute; } }
@-webkit-keyframes fade-opacity {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fade-opacity {
from {
opacity: 0; }
to {
opacity: 1; } }
.box-navigation {
display: none;
position: relative; }
.box-navigation.is-active {
display: block;
background: #fff;
border-top: 1px solid #dfdfdf; }
@media only screen and (max-width: 480px) {
.box-navigation.is-active {
padding-top: 24.5px;
padding-top: 1.53125rem;
border-top: 0; } }
.box-navigation .close {
width: 21px;
width: 1.3125rem;
height: 21px;
height: 1.3125rem;
background: url(../../assets/img/x-button.svg) no-repeat;
background-size: 100%;
position: absolute;
top: 24px;
right: 10px;
cursor: pointer;
display: none; }
@media only screen and (max-width: 480px) {
.box-navigation .close {
display: block; } }
.box-search-bar-trigger {
height: 70px;
height: 4.375rem;
width: 105px;
width: 6.5625rem;
right: 124.999px;
right: 7.8124375rem;
padding-right: 19.999px;
padding-right: 1.2499375rem;
display: block;
position: absolute;
box-sizing: border-box;
cursor: pointer; }
.box-search-bar-trigger::after {
width: 2.002px;
width: 0.125125rem;
height: 31.997px;
height: 1.9998125rem;
top: 17.997px;
top: 1.1248125rem;
content: '';
background-color: #cac7c7;
position: absolute;
right: 0; }
.box-search-bar-trigger:focus {
transition: box-shadow .25s;
outline: none; }
.box-search-bar-trigger .image {
top: 23.996px;
top: 1.49975rem;
transition: opacity 250ms;
position: absolute;
left: 0; }
.box-search-bar-trigger img {
height: 22.4px;
height: 1.4rem;
margin: 0 auto; }
@media only screen and (max-width: 992px) {
.box-search-bar-trigger {
right: 109.998px;
right: 6.874875rem;
width: 105px;
width: 6.5625rem; }
.box-search-bar-trigger .image {
top: 26.999px;
top: 1.6874375rem;
left: -7px;
left: -0.4375rem; }
.box-search-bar-trigger img {
height: 15.995px;
height: 0.9996875rem; } }
@media only screen and (max-width: 480px) {
.box-search-bar-trigger {
height: 50.001px;
height: 3.1250625rem;
right: 87.997px;
right: 5.4998125rem;
width: 83.391px;
width: 5.2119375rem;
padding-right: 14.994px;
padding-right: 0.937125rem; }
.box-search-bar-trigger::after {
height: 24.997px;
height: 1.5623125rem;
top: 12.999px;
top: 0.8124375rem;
width: 1.001px;
width: 0.0625625rem; }
.box-search-bar-trigger .image {
left: 0; } }
.box-border-left-dotted-desktop > .component-content {
border-left: dotted #cac7c7;
border-width: 2px; }
@media only screen and (min-width: 481px) {
.box-border-left-dotted-desktop > .component-content {
padding: 11.9px 0px 15.4px 24.5px;
padding: 0.74375rem 0rem 0.9625rem 1.53125rem;
position: relative;
box-sizing: border-box; } }
.box-border-left-dotted-desktop > .component-content .richText .component-content {
margin: 0;
padding: 22.001px 31.997px;
padding: 1.3750625rem 1.9998125rem; }
.box-border-left-dotted-desktop > .component-content .richText .component-content ul {
padding-left: 17.997px;
padding-left: 1.1248125rem; }
@media only screen and (max-width: 480px) {
.box-find-us-visiting-a-branch h5 {
margin-bottom: 14.7px;
margin-bottom: 0.91875rem; } }
@media only screen and (max-width: 480px) {
.box-find-us-visiting-a-branch .box-border-left-dotted-desktop {
float: right !important;
max-width: 50% !important; } }
@media only screen and (max-width: 480px) {
.box-find-us-visiting-a-branch .richText-text-centered-mobile {
padding: 16.002px 31.997px;
padding: 1.000125rem 1.9998125rem;
max-width: 50% !important;
display: inline-block !important; }
.box-find-us-visiting-a-branch .richText-text-centered-mobile h5 {
margin: 0; } }
@media only screen and (max-width: 1440px) {
html [id=wrapper] .main .box-contact-number {
float: none !important;
width: 80% !important;
margin-left: auto !important;
margin-right: auto !important; } }
@media only screen and (max-width: 480px) {
html [id=wrapper] .main .box-contact-number {
width: auto !important;
margin-left: 40px !important;
margin-right: 40px !important; } }
.box-menu {
position: absolute;
background: #fff;
top: 71.001px;
top: 4.4375625rem;
left: 0;
right: 0;
z-index: 999;
overflow: auto;
max-height: 0;
transition: max-height 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
@media only screen and (min-width: 992px) {
.box-menu {
top: 71.001px;
top: 4.4375625rem; } }
@media only screen and (max-width: 480px) {
.box-menu {
top: 50.001px;
top: 3.1250625rem; } }
.box-menu.is-active {
transition: max-height 0.5s 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.box-menu .close {
display: none;
visibility: hidden; }
@media only screen and (max-width: 992px) {
.box-menu .close {
padding: 4px;
right: 20px !important; }
.box-menu .close::before, .box-menu .close::after {
width: 100%;
height: 1px; } }
.mod-touch .box-menu {
-webkit-overflow-scrolling: touch; }
@media only screen and (max-width: 992px) {
.box-menu > .component-content {
height: auto !important;
min-height: 500px; } }
@media only screen and (max-width: 767px) {
.redesign-header-snippet .box-menu {
top: 57.001px;
top: 3.5625625rem; } }
@media only screen and (max-width: 992px) {
.box-menu-is-active #wrapper {
height: 0 !important;
overflow: hidden !important; } }
.is-menuBox-active .overlayBg, .box-menu-is-active .overlayBg {
z-index: 2;
opacity: 1;
height: 100%;
width: 100%;
transition: opacity .5s; }
@media only screen and (max-width: 992px) {
.is-menuBox-active .overlayBg, .box-menu-is-active .overlayBg {
position: absolute; } }
@keyframes fade-opacity {
from {
opacity: 0; }
to {
opacity: 1; } }
.box-menu-redesigned {
top: 128.002px;
top: 8.000125rem;
position: absolute;
left: 0;
width: 100%;
overflow-y: scroll; }
.box-menu-redesigned .close {
display: none; }
@media only screen and (max-width: 767px) {
.box-menu-redesigned {
top: 103.999px;
top: 6.4999375rem; } }
.box-menu-banking-solutions {
background: #fff;
box-sizing: border-box; }
.box-menu-banking-solutions h6,
.box-menu-banking-solutions .h6 {
font-size: 17.997px;
font-size: 1.1248125rem;
margin: 0px 0px 17.997px;
margin: 0rem 0rem 1.1248125rem;
color: #2D2323;
letter-spacing: -.02em;
font-weight: 700; }
.box-menu-banking-solutions img {
width: 100%;
max-width: 100%; }
.box-menu-banking-solutions p {
margin: 0px;
margin: 0rem; }
.box-menu-banking-solutions p a {
font-size: 15.008px;
font-size: 0.938rem;
color: #eb3158;
font-weight: 100;
line-height: 1;
letter-spacing: -.04em; }
@media only screen and (min-width: 992px) {
.box-menu-banking-solutions {
padding: 32.998px 39.998px;
padding: 2.062375rem 2.499875rem;
min-height: 350px;
min-height: 21.875rem;
width: calc(100vw - 570px);
float: left; }
.box-menu-banking-solutions > .component-content > .content > .box > .component-content > .content {
display: block; }
.box-menu-redesigned .box-menu-banking-solutions {
padding: 32.998px 39.998px 19.999px;
padding: 2.062375rem 2.499875rem 1.2499375rem;
width: 100%;
min-height: auto; } }
@media only screen and (max-width: 992px) {
.box-menu-banking-solutions {
padding: 35px;
padding: 2.1875rem;
width: 100%; }
.box-menu-banking-solutions > .component-content > .content > .box .box-menu-links-group:first-child {
margin-top: 0; }
.box-menu-banking-solutions p {
margin: 5.6px 0px 7px;
margin: 0.35rem 0rem 0.4375rem; } }
@media only screen and (max-width: 767px) {
.box-menu-redesigned .box-menu-banking-solutions {
padding: 32.998px 16.002px;
padding: 2.062375rem 1.000125rem; } }
@media only screen and (max-width: 480px) {
.box-menu-banking-solutions {
height: auto !important; }
.box-menu-banking-solutions .box-menu-links-group {
margin-top: 0; } }
.box-menu-links-group {
width: 249.998px;
width: 15.624875rem;
box-sizing: border-box;
opacity: 1;
transition: opacity 0s;
display: inline-block;
vertical-align: top; }
.no-js .box-menu-links-group {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mod-js .box-menu-links-group.appear {
opacity: 0;
transition: opacity 1s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-1 {
transition-delay: 0.2s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-2 {
transition-delay: 0.4s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-3 {
transition-delay: 0.6s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-4 {
transition-delay: 0.8s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-5 {
transition-delay: 1s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-6 {
transition-delay: 1.2s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-7 {
transition-delay: 1.4s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-8 {
transition-delay: 1.6s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-9 {
transition-delay: 1.8s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-10 {
transition-delay: 2s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-11 {
transition-delay: 2.2s; }
.accordion-slide.is-animated .box-menu-links-group.appear.appear-delay-12 {
transition-delay: 2.4s; }
.mod-js .box-menu.is-active .accordion-slide.is-animated .box-menu-links-group.appear,
.mod-js .box-menu.is-active .accordion-slide.is-active .box-menu-links-group.appear {
opacity: 1; }
.box-menu-links-group .richText-list-item-with-icon > .component-content {
margin: 0;
padding-left: 0; }
.box-menu-links-group .richText-list-item-with-icon > .component-content svg {
display: none; }
.box-menu-links-group .richText-list-item-with-icon h6,
.box-menu-links-group .richText-list-item-with-icon .h6,
.box-menu-links-group .richText-list-item-with-icon .pseudo-h6 {
margin: 2.1px 0px 0px;
margin: 0.13125rem 0rem 0rem;
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 1; }
.box-menu-links-group .richText-list-item-with-icon .richText-image {
top: 2.002px;
top: 0.125125rem;
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.box-menu-links-group p {
margin: 0; }
.box-menu-links-group p a:not([class^="btn-"]) {
font-size: 14px;
font-size: 0.875rem;
color: #2D2323; }
.box-menu-links-group p a:not([class^="btn-"]):hover {
color: #AF144B; }
.box-menu-links-group p a:not([class^="btn-"]).link-orange {
color: #AF144B;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.box-menu-links-group p a:not([class^="btn-"]).link-orange:hover {
text-decoration: underline; }
.box-menu-links-group p a:not([class^="btn-"]).link-orange:visited {
color: #AF144B; }
.box-menu-links-group p a:not([class^="btn-"]):active, .box-menu-links-group p a:not([class^="btn-"]):visited {
color: #2D2323; }
@media only screen and (max-width: 992px) {
.box-menu-links-group {
padding-bottom: 0;
opacity: 1;
transition: none;
margin-bottom: 0; }
.box-menu-links-group .richText-list-item-with-icon > .component-content {
margin-bottom: 11.9px;
margin-bottom: 0.74375rem; } }
@media only screen and (max-width: 767px) {
.box-menu-links-group {
width: 49%; } }
@media only screen and (max-width: 480px) {
.box-menu-links-group {
width: 100%; }
.box-menu-links-group .richText-list-item-with-icon .richText-image {
max-width: 19.999px;
max-width: 1.2499375rem; }
.box-menu-links-group .richText-list-item-with-icon > .component-content {
margin-bottom: 0; }
.box-menu-links-group p {
margin-bottom: 11.998px;
margin-bottom: 0.749875rem; } }
.box-menu-redesigned .box-menu-links-group {
top: -19.999px;
top: -1.2499375rem;
position: relative; }
.mod-js .box-menu-redesigned .box-menu-links-group.appear {
opacity: 1; }
@media only screen and (max-width: 992px) {
.box-menu-redesigned .box-menu-links-group .richText-list-item-with-icon > .component-content {
margin-bottom: 0; } }
.box-menu-quick-links.component {
width: 255.997px;
width: 15.9998125rem;
min-width: 255.997px;
min-width: 15.9998125rem;
background: #89103d;
box-sizing: border-box;
position: relative; }
.box-menu-quick-links.component > .component-content {
position: static;
padding: 0; }
.box-menu-quick-links.component .richText .richText-content p a, .box-menu-quick-links.component .richText .richText-content p span {
color: #fff; }
.box-menu-quick-links.component .richText.last {
opacity: 0;
transition: opacity 0s; }
.no-js .box-menu-quick-links.component .richText.last {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear {
opacity: 0;
transition: opacity 1s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-1 {
transition-delay: 0.2s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-2 {
transition-delay: 0.4s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-3 {
transition-delay: 0.6s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-4 {
transition-delay: 0.8s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-5 {
transition-delay: 1s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-6 {
transition-delay: 1.2s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-7 {
transition-delay: 1.4s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-8 {
transition-delay: 1.6s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-9 {
transition-delay: 1.8s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-10 {
transition-delay: 2s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-11 {
transition-delay: 2.2s; }
.mod-js .accordion-slide .box-menu-quick-links.component .richText.last.appear.appear-delay-12 {
transition-delay: 2.4s; }
.mod-js .box-menu.is-active .accordion-slide.is-animated .box-menu-quick-links.component .richText.last.appear,
.mod-js .box-menu.is-active .accordion-slide.is-active .box-menu-quick-links.component .richText.last.appear {
opacity: 1; }
.box-menu-quick-links.component h6,
.box-menu-quick-links.component .h6 {
font-size: 17.997px;
font-size: 1.1248125rem;
margin: 0px 0px 17.997px;
margin: 0rem 0rem 1.1248125rem;
color: #fff;
letter-spacing: -.02em; }
.box-menu-quick-links.component p {
margin: 0px;
margin: 0rem; }
.box-menu-quick-links.component p a {
font-size: 14px;
font-size: 0.875rem;
color: #fff;
font-weight: 100;
line-height: 1.67;
letter-spacing: -.3px; }
.box-menu-quick-links.component p a:hover {
color: #fff; }
@media only screen and (min-width: 992px) {
.box-menu-quick-links.component {
padding: 32.998px 39.998px;
padding: 2.062375rem 2.499875rem;
float: right;
border-left: 1px solid #DDD; } }
@media only screen and (max-width: 992px) {
.box-menu-quick-links.component {
padding-bottom: 14px;
padding-bottom: 0.875rem;
padding: 35px;
padding: 2.1875rem;
height: auto !important;
width: 100%; }
.box-menu-quick-links.component > .component-content::before {
display: none; }
.box-menu-quick-links.component .richText.last {
opacity: 1;
transition: none; }
.box-menu-quick-links.component h6 {
margin-bottom: 0; }
.box-menu-quick-links.component p {
margin: 5.6px 0px 7px;
margin: 0.35rem 0rem 0.4375rem; } }
@media only screen and (max-width: 480px) {
.box-menu-quick-links.component h6 {
margin-bottom: 26.005px;
margin-bottom: 1.6253125rem; }
.box-menu-quick-links.component p {
margin-bottom: 11.998px;
margin-bottom: 0.749875rem; } }
.box-menu-quick-links-redesigned.component {
width: 136.997px;
width: 8.5623125rem;
min-width: 136.997px;
min-width: 8.5623125rem;
top: 72.1px;
top: 4.50625rem;
height: 56px;
height: 3.5rem;
background: #870A3C;
box-sizing: border-box;
position: absolute;
right: 0px;
transition: top 0.25s linear; }
.cookie-space .box-menu-quick-links-redesigned.component {
top: 128.002px;
top: 8.000125rem; }
.box-menu-quick-links-redesigned.component h2.box-heading {
display: none; }
.box-menu-quick-links-redesigned.component > .component-content {
top: 16.1px;
top: 1.00625rem;
height: 24.5px;
height: 1.53125rem;
left: 40.6px;
left: 2.5375rem;
position: absolute; }
@media only screen and (max-width: 767px) {
.box-menu-quick-links-redesigned.component > .component-content {
left: 16.1px;
left: 1.00625rem; } }
.box-menu-quick-links-redesigned.component * {
color: #fff; }
.box-menu-quick-links-redesigned.component h6 {
font-size: 16.1px;
font-size: 1.00625rem;
margin: 0px 0px 17.997px;
margin: 0rem 0rem 1.1248125rem;
color: #fff;
letter-spacing: -.02em; }
.box-menu-quick-links-redesigned.component p {
margin: 0px;
margin: 0rem; }
.box-menu-quick-links-redesigned.component p a:not([class^="btn-"]) {
font-size: 16.1px;
font-size: 1.00625rem;
color: #fff;
font-weight: 400;
line-height: 1.67; }
@media only screen and (max-width: 767px) {
.box-menu-quick-links-redesigned.component p a:not([class^="btn-"]) {
color: #FA551E; }
.box-menu-quick-links-redesigned.component p a:not([class^="btn-"]):hover {
color: #FA551E; } }
.box-menu-quick-links-redesigned.component p a:not([class^="btn-"]):hover {
color: #fff; }
@media only screen and (max-width: 1024px) {
.cookie-space.adoption-space .box-menu-quick-links-redesigned.component {
top: 187.999px;
top: 11.7499375rem; }
.adoption-space .box-menu-quick-links-redesigned.component {
top: 131.999px;
top: 8.2499375rem; } }
@media only screen and (max-width: 767px) {
.box-menu-quick-links-redesigned.component {
padding-bottom: 14px;
padding-bottom: 0.875rem;
padding: 35px;
padding: 2.1875rem;
top: 0px;
background-color: #fff;
width: 100%; }
.cookie-space .box-menu-quick-links-redesigned.component {
top: 0px; } }
.box-menu-redesigned .box-menu-quick-links-redesigned.component {
position: fixed; }
@media only screen and (max-width: 767px) {
.box-menu-redesigned .box-menu-quick-links-redesigned.component {
position: relative; } }
.box-step-by-step-instruction-wrapper {
padding-top: 31.5px;
padding-top: 1.96875rem;
padding-left: 63px;
padding-left: 3.9375rem;
padding-bottom: 38.5px;
padding-bottom: 2.40625rem;
padding-right: 35px;
padding-right: 2.1875rem;
border-left: 1px dotted #dfdfdf; }
.box-step-by-step-instruction-wrapper h6 {
margin-top: 0; }
@media only screen and (max-width: 480px) {
.box-step-by-step-instruction-wrapper h6 {
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 18.2px;
font-size: 1.1375rem; } }
@media only screen and (max-width: 480px) {
.box-step-by-step-instruction-wrapper {
padding-top: 25.2px;
padding-top: 1.575rem;
padding-left: 33.6px;
padding-left: 2.1rem;
padding-bottom: 28px;
padding-bottom: 1.75rem;
padding-right: 33.6px;
padding-right: 2.1rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 65%; } }
.box-step-by-step-instruction-wrapper ul {
padding-left: 19.999px;
padding-left: 1.2499375rem; }
.box-header-secondary-group {
width: 100%;
position: absolute;
top: 0;
right: 0; }
@media only screen and (max-width: 992px) {
.box-header-secondary-group {
width: 100%;
border-bottom: 1px solid #cac7c7; } }
@media only screen and (max-width: 480px) {
.box-header-secondary-group {
height: 50.001px;
height: 3.1250625rem; } }
.box-footer {
padding-bottom: 35px;
padding-bottom: 2.1875rem;
padding-left: 56px;
padding-left: 3.5rem;
margin: 0 !important;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal; }
.box-footer.last {
border-right: none; }
.box-footer .box-heading {
letter-spacing: -1.4px;
letter-spacing: -0.0875rem;
margin-bottom: 19.999px;
margin-bottom: 1.2499375rem;
line-height: 22.701px;
line-height: 1.4188125rem;
font-size: 17.997px;
font-size: 1.1248125rem;
margin-top: 49px;
margin-top: 3.0625rem;
font-family: "SourceSansPro-SemiBold", sans-serif;
color: #2D2323; }
.no-js .box-footer .box .box-heading {
color: #2D2323; }
.no-js .box-footer .box .box-heading::after {
color: #2D2323; }
.box-footer .box + .box .box-heading {
margin-top: 28px;
margin-top: 1.75rem; }
.box-footer .richText, .box-footer .richText.default-style {
padding: 0px 28px 0px 0px;
padding: 0rem 1.75rem 0rem 0rem; }
.box-footer .richText p, .box-footer .richText.default-style p {
line-height: 26.719px;
line-height: 1.6699375rem;
font-size: 14px;
font-size: 0.875rem;
margin: 0;
color: #2D2323; }
.box-footer .richText p.not-link:last-child, .box-footer .richText.default-style p.not-link:last-child {
font-size: 14px;
font-size: 0.875rem;
margin-top: 14px;
margin-top: 0.875rem;
letter-spacing: -0.84px;
letter-spacing: -0.0525rem;
line-height: 24.962px;
line-height: 1.560125rem;
color: #2D2323; }
.box-footer .richText p a, .box-footer .richText.default-style p a {
font-size: 14px;
font-size: 0.875rem;
line-height: 26.075px;
line-height: 1.6296875rem;
letter-spacing: -0.28px;
letter-spacing: -0.0175rem;
margin: 0;
color: #2D2323; }
@media only screen and (min-width: 992px) {
.box-footer.first {
padding-left: 80.003px;
padding-left: 5.0001875rem; } }
@media only screen and (min-width: 768px) {
.box-footer {
width: 23% !important; }
.box-footer .box > .component-content > .content {
max-height: none !important; } }
@media only screen and (max-width: 992px) {
.box-footer {
padding-left: 30.1px;
padding-left: 1.88125rem; }
.box-footer:first-child {
font-size: 17.997px;
font-size: 1.1248125rem; }
.box-footer .box-heading {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 27.202px;
line-height: 1.700125rem;
margin-bottom: 17.6995px;
margin-bottom: 1.10621875rem;
margin-top: 31.101px;
margin-top: 1.9438125rem; }
.box-footer .richText, .box-footer .richText.default-style {
padding: 0px 14px 0px 0px;
padding: 0rem 0.875rem 0rem 0rem; }
.box-footer .richText p, .box-footer .richText.default-style p {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 7px;
margin-bottom: 0.4375rem;
line-height: 15.4px;
line-height: 0.9625rem; }
.box-footer .richText p.not-link:last-child, .box-footer .richText.default-style p.not-link:last-child {
font-size: 12.6px;
font-size: 0.7875rem; }
.box-footer .richText p a, .box-footer .richText.default-style p a {
font-size: 14px;
font-size: 0.875rem;
letter-spacing: -0.07px;
letter-spacing: -0.004375rem; } }
@media only screen and (max-width: 767px) {
.box-footer {
border: 0;
padding: 0;
height: auto !important;
float: none;
display: block;
width: 100%;
margin-left: 0 !important;
box-sizing: border-box; }
.box-footer .box > .component-content > .content {
max-height: 0;
transition: max-height 250ms;
overflow: hidden; }
.no-js .box-footer .box > .component-content > .content {
max-height: none !important; }
.bb .box-footer .box > .component-content > .content {
max-height: none !important; }
.box-footer .box.is-active .box-heading {
color: #2D2323;
border-bottom: 1px solid #f5f5f5; }
.box-footer .box.is-active .box-heading::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #eb3158; }
.box-footer .box + .box .box-heading {
margin: 0; }
.no-js .box-footer .box .content {
display: block;
border-top: 1px solid #f5f5f5; }
.box-footer .box-heading {
font-size: 17.997px;
font-size: 1.1248125rem;
padding: 17.997px 43.001px;
padding: 1.1248125rem 2.6875625rem;
letter-spacing: -0.39998px;
letter-spacing: -0.02499875rem;
line-height: 16.002px;
line-height: 1.000125rem;
box-sizing: border-box;
width: 100%;
margin: 0;
cursor: pointer; }
.box-footer .box-heading + .content {
border-bottom: 1px solid #f5f5f5; }
.box-footer .box-heading::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2D2323;
float: right;
right: 0; }
.box-footer .box-heading .box > .component-content > .content {
max-height: 0;
transition: max-height 250ms;
overflow: hidden; }
.no-js .box-footer .box-heading .box > .component-content > .content {
max-height: none !important; }
.bb .box-footer .box-heading .box > .component-content > .content {
max-height: none !important; }
.no-js .box-footer .box-heading .box .content {
display: block;
border-top: 1px solid #f5f5f5; }
.box-footer .richText, .box-footer .richText.default-style {
padding: 14px 43.001px;
padding: 0.875rem 2.6875625rem;
background: #f5f5f5; }
.box-footer .richText p, .box-footer .richText.default-style p {
font-size: 14px;
font-size: 0.875rem;
line-height: 30.8px;
line-height: 1.925rem;
font-family: "SourceSansPro-Light", sans-serif;
margin: 0; }
.box-footer .richText p a, .box-footer .richText.default-style p a {
font-size: 14px;
font-size: 0.875rem;
line-height: 38.5px;
line-height: 2.40625rem; } }
@media only screen and (min-width: 992px) {
.box-faq {
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #dfdfdf; } }
.box-icons-centered {
margin-top: 50.001px;
margin-top: 3.1250625rem;
width: 4%;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.box-icons-centered > .component-content {
display: inline-block; }
.box-icons-centered .image {
width: 31.997px;
width: 1.9998125rem;
height: 31.997px;
height: 1.9998125rem;
padding: 3.997px 8.001px;
padding: 0.2498125rem 0.5000625rem;
display: block;
float: left;
clear: none; }
.box-icons-centered .image img,
.box-icons-centered .image svg {
width: 100%;
height: auto;
max-height: 100%; }
.box-icons-centered .image svg circle,
.box-icons-centered .image svg path,
.box-icons-centered .image svg rect {
transition: fill .25s, stroke .25s; }
@media only screen and (max-width: 767px) {
.box-icons-centered {
margin-bottom: 39.998px;
margin-bottom: 2.499875rem;
position: absolute;
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%; } }
@media only screen and (max-width: 480px) {
.box-icons-centered .image img, .box-icons-centered .image svg {
max-width: 50.001px;
max-width: 3.1250625rem; } }
.box-comparison-table-wrapper {
border-radius: 3.997px;
border-radius: 0.2498125rem;
overflow: hidden;
max-width: 72%;
margin: 21px auto;
border: 1px solid #e3e2e2; }
.accordion.component .box-comparison-table-wrapper {
max-width: 100%; }
.box-comparison-table-wrapper.show-to-scroll .scroller-text {
margin-top: -30.002px;
margin-top: -1.875125rem;
font-size: 11.998px;
font-size: 0.749875rem;
position: absolute;
right: 5vw;
color: #eb3158; }
.box-comparison-table-wrapper .table-header {
display: none; }
.box-comparison-table-wrapper .box {
float: left;
clear: none; }
.box-comparison-table-wrapper .box.first {
display: none; }
.box-comparison-table-wrapper .box.first + .box tbody tr:first-child td {
vertical-align: middle; }
.box-comparison-table-wrapper .box.first + .box td {
font-size: 16.8px;
font-size: 1.05rem;
line-height: 17.5px;
line-height: 1.09375rem;
padding-right: 0px;
padding-right: 0rem;
padding-left: 20%;
padding-right: 10px;
box-sizing: border-box;
color: #2D2323;
font-weight: 500; }
.box-comparison-table-wrapper .box.first + .box img {
margin-left: 12.6px;
margin-left: 0.7875rem;
display: inline-block;
max-width: 25px;
max-height: 25px; }
.box-comparison-table-wrapper .box .image {
display: none; }
.box-comparison-table-wrapper .richText ul {
padding-left: 15px; }
.box-comparison-table-wrapper [class*=btn-][class*="-action-"] {
max-width: none !important; }
.box-comparison-table-wrapper .box-comparison-table-column:nth-child(2n+1) table {
background-color: #fff; }
.box-comparison-table-wrapper .box-comparison-table-column:nth-child(2n+2) table {
background-color: #f0f0f0; }
.box-comparison-table-wrapper .table table {
border: none;
width: 100%;
border-collapse: separate; }
.box-comparison-table-wrapper .table tr {
padding: 0;
border: none;
min-height: 38px;
position: relative;
box-sizing: border-box; }
.box-comparison-table-wrapper .table tr:first-child {
font-size: 28px;
font-size: 1.75rem;
line-height: 1;
color: #2D2323;
letter-spacing: -2px;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.box-comparison-table-wrapper .table tr:first-child td {
vertical-align: middle;
padding-top: 54.999px;
padding-top: 3.4374375rem;
padding-bottom: 54.999px;
padding-bottom: 3.4374375rem; }
.box-comparison-table-wrapper .table tr:first-child td ul {
padding-left: 15.001px;
padding-left: 0.9375625rem; }
.box-comparison-table-wrapper .table tr:first-child img {
display: none; }
.box-comparison-table-wrapper .table tr:nth-child(2) {
font-size: 17.003px;
font-size: 1.0626875rem;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: -2px;
letter-spacing: -.050em; }
.box-comparison-table-wrapper .table tr:nth-child(2) td {
padding: 11.2px 17.5px;
padding: 0.7rem 1.09375rem; }
.box-comparison-table-wrapper .table tr:nth-child(3) {
line-height: 21px;
line-height: 1.3125rem;
font-size: 15.4px;
font-size: 0.9625rem;
letter-spacing: -1px;
letter-spacing: -.050em; }
.box-comparison-table-wrapper .table tr:nth-child(3) td {
padding: 6.3px 17.5px;
padding: 0.39375rem 1.09375rem; }
.box-comparison-table-wrapper .table tr:nth-child(n+4) {
font-size: 16.1px;
font-size: 1.00625rem;
line-height: 17.5px;
line-height: 1.09375rem;
letter-spacing: -.3px;
letter-spacing: -.015em; }
.box-comparison-table-wrapper .table tr:nth-child(n+4) td {
padding: 6.3px 17.5px;
padding: 0.39375rem 1.09375rem; }
.box-comparison-table-wrapper .table tr:last-child td {
padding-bottom: 28px;
padding-bottom: 1.75rem; }
.box-comparison-table-wrapper .table tr td {
padding: 0px 17.5px;
padding: 0rem 1.09375rem;
vertical-align: top;
border: none;
border-bottom: 1px solid #dfdfdf;
box-sizing: border-box;
letter-spacing: 0; }
.box-comparison-table-wrapper.padding-top-medium {
padding-top: 0; }
.box-comparison-table-wrapper .box-comparison-table-column li {
font-size: 16.002px;
font-size: 1.000125rem; }
@media only screen and (max-width: 1440px) {
.box-comparison-table-wrapper {
margin-top: 14px;
margin-top: 0.875rem;
margin-bottom: 14px;
margin-bottom: 0.875rem;
width: -webkit-fit-content;
width: fit-content;
max-width: 90%; }
.box-comparison-table-wrapper > .component-content {
overflow: auto; }
.box-comparison-table-wrapper > .component-content > .content {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.box-comparison-table-wrapper .box {
min-width: 180px;
max-width: 100%;
float: none;
position: relative; }
.box-comparison-table-wrapper .box.first + .box td {
font-size: 14px;
font-size: 0.875rem; }
.box-comparison-table-wrapper .table tr:first-child {
font-size: 16.8px;
font-size: 1.05rem;
line-height: 2; }
.box-comparison-table-wrapper .table tr:first-child td {
padding: 17.5px;
padding: 1.09375rem; }
.box-comparison-table-wrapper .table tr:first-child td ul {
padding-left: 10.003px;
padding-left: 0.6251875rem; }
.box-comparison-table-wrapper .table tr:nth-child(2) {
font-size: 19.6px;
font-size: 1.225rem;
line-height: 1; }
.box-comparison-table-wrapper .table tr:nth-child(2) td {
padding: 5.6px 17.5px;
padding: 0.35rem 1.09375rem; } }
@media only screen and (max-width: 767px) {
.box-comparison-table-wrapper .box.first + .box td {
font-size: 13.3px;
font-size: 0.83125rem;
padding-left: 10%; }
.box-comparison-table-wrapper .box-comparison-table-column:nth-child(99n+1) {
position: absolute;
border-right: 1px solid #e3e2e2; }
.box-comparison-table-wrapper .box-comparison-table-column li {
font-size: 14px;
font-size: 0.875rem; } }
@media only screen and (max-width: 480px) {
.box-comparison-table-wrapper .box.first + .box td {
font-size: 10.003px;
font-size: 0.6251875rem; }
.box-comparison-table-wrapper .table tr:first-child {
font-size: 11.998px;
font-size: 0.749875rem; }
.box-comparison-table-wrapper .table tr:first-child td {
padding: 10.003px;
padding: 0.6251875rem; }
.box-comparison-table-wrapper .table tr:nth-child(2) {
font-size: 14px;
font-size: 0.875rem; }
.box-comparison-table-wrapper .table tr:nth-child(3) {
font-size: 11.998px;
font-size: 0.749875rem; }
.box-comparison-table-wrapper .table tr:nth-child(n+4) {
font-size: 11.998px;
font-size: 0.749875rem; }
.box-comparison-table-wrapper .table tr td [class*=btn-][class*="-action-"] {
padding: 10px;
font-size: 12px; }
.box-comparison-table-wrapper .table tr td ul {
padding-left: 4.998px;
padding-left: 0.312375rem; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.box-comparison-table-wrapper {
display: table; } }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper > .component-content {
overflow-x: auto; }
.no-js .box-comparison-table-wrapper > .component-content > .content {
width: 991.998px;
width: 61.999875rem; } }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper .table tr td,
.no-js .box-comparison-table-wrapper .table tr th {
padding: 4.998px;
padding: 0.312375rem; } }
.no-js .box-comparison-table-wrapper .table tr:first-child {
height: 150.003px;
height: 9.3751875rem; }
.no-js .box-comparison-table-wrapper .table tr:nth-child(2) {
height: 70px;
height: 4.375rem;
position: relative; }
.no-js .box-comparison-table-wrapper .table tr:nth-child(3) {
height: 50.001px;
height: 3.1250625rem;
position: relative; }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper .table table {
display: block; } }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper .box.first + .box {
display: block; }
.no-js .box-comparison-table-wrapper .box.first + .box td {
padding: 4.998px;
padding: 0.312375rem;
min-width: 249.998px;
min-width: 15.624875rem; } }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper .box.first + .box td {
min-width: 115.003px;
min-width: 7.1876875rem; } }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper .box {
float: left; } }
@media only screen and (max-width: 992px) {
.no-js .box-comparison-table-wrapper .box {
width: 115px !important; } }
.js-dynamic-load-content {
position: relative; }
.no-js .js-dynamic-load-content {
background-color: #2D2323; }
.js-dynamic-load-content.loading::before {
content: '';
width: 31px;
height: 31px;
background: url("../../assets/img/loader.gif");
position: absolute;
top: 50%;
margin-top: -15px;
left: 50%;
margin-left: -15px;
z-index: 3; }
.js-dynamic-load-content .box-background-cover {
background-position: 0 0;
transition: background-position 1s; }
@media only screen and (min-width: 481px) {
.js-dynamic-load-content .box-background-cover {
background-size: cover; } }
.js-dynamic-load-content .box-background-cover::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 1s; }
.js-dynamic-load-content.step1 .box-background-cover {
background-position: 0 0;
transition: background-position 1s; }
.js-dynamic-load-content.step1 .box-background-cover::before {
opacity: 0; }
.js-dynamic-load-content.step2 .box-background-cover {
transition: background-position 1s; }
.js-dynamic-load-content.step2 .box-background-cover::before {
opacity: .5; }
.js-dynamic-load-content .is-transformed {
transition: -webkit-transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97);
transition: transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97);
transition: transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97), -webkit-transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97); }
.js-dynamic-load-content .no-transition {
transition: none !important; }
.js-dynamic-load-content-old {
transition: -webkit-transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97);
transition: transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97);
transition: transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97), -webkit-transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97); }
#content .js-dynamic-load-content-old .layout-outer {
overflow: hidden; }
.js-dynamic-load-content-old + .component-content,
.js-dynamic-load-content-old + .main .hero-wrapper {
transition: -webkit-transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97);
transition: transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97);
transition: transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97), -webkit-transform 0.7s cubic-bezier(0.1, 0.94, 0.79, 0.97); }
.js-dynamic-load-content-old .js-dynamic-load-content.from-step2::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: .5;
z-index: 100; }
.js-dynamic-load-content-old .js-dynamic-load-content.from-step2 .component-content {
z-index: 200; }
.js-dynamic-load-fade-in.main {
-webkit-animation: fade-opacity .5s 1;
animation: fade-opacity .5s 1; }
.box-home-page-icons {
margin-bottom: 289.8px;
margin-bottom: 18.1125rem;
margin-top: 24.997px;
margin-top: 1.5623125rem; }
@media only screen and (max-width: 992px) {
.box-home-page-icons {
margin-bottom: 0;
margin-top: 0; }
.box-home-page-icons .navigation-mobile-menu {
display: none; } }
.box-home-page-icons > .component-content > .content {
text-align: center; }
.box-home-page-icons .navigation {
font-size: 0;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 992px) {
.box-home-page-icons .navigation {
max-width: 400.001px;
max-width: 25.0000625rem;
margin: auto !important;
width: 100%; } }
.box-home-page-icons .navigation .navigation-branch {
border: 0;
text-align: center;
display: block; }
.box-home-page-icons .navigation .navigation-item {
margin-left: 23.1px;
margin-left: 1.44375rem;
margin-bottom: 14px;
margin-bottom: 0.875rem;
width: 109.998px;
width: 6.874875rem;
text-align: center;
border: 0;
position: relative;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 992px) {
.box-home-page-icons .navigation .navigation-item {
margin-bottom: 10.5px;
margin-bottom: 0.65625rem;
margin-left: 0;
display: block;
width: 100%; }
.bb .box-home-page-icons .navigation .navigation-item {
min-width: 100.002px;
min-width: 6.250125rem;
margin: 0 !important;
max-width: none;
width: 48%; } }
.box-home-page-icons .navigation .navigation-item:first-child {
margin-left: 0; }
.box-home-page-icons .navigation .navigation-item .navigation-item-title,
.box-home-page-icons .navigation .navigation-item.is-active .navigation-item-title,
.box-home-page-icons .navigation .navigation-item.has-active-child .navigation-item-title {
font-size: 18.2px;
font-size: 1.1375rem;
margin-top: 9.8px;
margin-top: 0.6125rem;
letter-spacing: -.03em;
background: none !important;
color: #fff !important;
padding: 0;
overflow: hidden;
line-height: 1.2;
font-family: "SourceSansPro-SemiBold", sans-serif; }
@media only screen and (max-width: 992px) {
.box-home-page-icons .navigation .navigation-item .navigation-item-title,
.box-home-page-icons .navigation .navigation-item.is-active .navigation-item-title,
.box-home-page-icons .navigation .navigation-item.has-active-child .navigation-item-title {
font-size: 20.3px;
font-size: 1.26875rem;
padding-left: 21px;
padding-left: 1.3125rem;
padding-top: 4.9px;
padding-top: 0.30625rem;
height: auto !important;
margin: 0;
text-align: left; }
.mod-csstransforms .box-home-page-icons .navigation .navigation-item .navigation-item-title, .mod-csstransforms
.box-home-page-icons .navigation .navigation-item.is-active .navigation-item-title, .mod-csstransforms
.box-home-page-icons .navigation .navigation-item.has-active-child .navigation-item-title {
padding-left: 52.997px;
padding-left: 3.3123125rem; } }
.box-home-page-icons .navigation .navigation-item a {
-webkit-font-smoothing: antialiased; }
.box-home-page-icons .navigation .navigation-item a::before {
content: '';
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0; }
.box-home-page-icons .navigation .navigation-item a::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30.002px;
width: 1.875125rem;
height: 39.998px;
height: 2.499875rem;
bottom: -59.997px;
bottom: -3.7498125rem;
margin-left: -15.001px;
margin-left: -0.9375625rem;
display: block;
line-height: 1;
position: absolute;
left: 50%;
opacity: 0;
-webkit-transform: translateY(-1.25rem);
-ms-transform: translateY(-1.25rem);
transform: translateY(-1.25rem);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
@media only screen and (max-width: 992px) {
.box-home-page-icons .navigation .navigation-item a::after {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 39.998px;
font-size: 2.499875rem;
position: absolute;
left: auto;
bottom: auto;
right: 0;
top: -2px;
opacity: 1;
-webkit-transform: translateX(1.25rem);
-ms-transform: translateX(1.25rem);
transform: translateX(1.25rem); }
.box-home-page-icons .navigation .navigation-item a::after:hover::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.box-home-page-icons .navigation .navigation-item a:hover::after {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.box-home-page-icons .navigation .navigation-item img {
max-width: 50.001px;
max-width: 3.1250625rem;
margin-bottom: 10.003px;
margin-bottom: 0.6251875rem;
margin: auto;
width: 100%;
cursor: pointer; }
@media only screen and (max-width: 992px) {
.box-home-page-icons .navigation .navigation-item img {
float: left;
max-width: 30.002px;
max-width: 1.875125rem;
max-height: 30.002px;
max-height: 1.875125rem;
margin: 0;
position: relative;
top: 3px; }
.mod-csstransforms .box-home-page-icons .navigation .navigation-item img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.box-home-page-icons .navigation .navigation-item-decoration {
display: none; }
.box-home-page-icons .divider {
margin: 0px 30.1px;
margin: 0rem 1.88125rem;
clear: none;
display: inline-block;
vertical-align: top; }
@media only screen and (max-width: 992px) {
.box-home-page-icons .divider {
display: none !important; } }
.box-home-page-icons .divider > .component-content {
height: 87.997px;
height: 5.4998125rem;
background: #fff;
margin: 0;
width: 2px; }
.box-home-page-icons .divider + .navigation a::after {
display: none; }
@media only screen and (max-width: 992px) {
.box-home-page-icons .divider + .navigation a::after {
display: block; } }
.box-home-page-icons .richText {
display: none !important; }
@media only screen and (max-width: 992px) {
.mod-js .box-home-page-icons .component {
display: block; }
.bb .box-home-page-icons .component {
display: block; }
.bb .box-home-page-icons .divider {
display: none; } }
.box-home-page-icons .iconMobileNavigation {
display: none; }
.box-background-cover {
background-size: cover;
position: relative;
background-color: #2D2323; }
.box-background-cover > .component-content {
padding-top: 70px;
padding-top: 4.375rem;
background-size: cover;
position: relative;
transition: padding-top 1s; }
.redesigned-header .box-background-cover > .component-content {
padding-top: 56px;
padding-top: 3.5rem; }
@media only screen and (max-width: 992px) {
.step2 .box-background-cover > .component-content, .step3 .box-background-cover > .component-content {
padding-top: 70px;
padding-top: 4.375rem; }
.redesigned-header .box-background-cover > .component-content {
padding-top: 56px;
padding-top: 3.5rem; } }
@media only screen and (max-width: 767px) {
.redesigned-header .box-background-cover > .component-content {
padding-top: 0; } }
@media only screen and (max-width: 480px) {
.box-background-cover > .component-content {
padding-top: 50.001px;
padding-top: 3.1250625rem;
background-size: cover; }
.step2 .box-background-cover > .component-content, .step3 .box-background-cover > .component-content {
padding-top: 50.9999px;
padding-top: 3.18749375rem; }
.redesigned-header .box-background-cover > .component-content {
padding-top: 0; } }
.box-home-page-navigation {
transition: height 1s cubic-bezier(0.1, 0.94, 0.79, 0.97);
overflow: hidden; }
.box-home-page-navigation > .component-content {
margin: auto; }
@media only screen and (min-width: 1441px) {
.box-home-page-navigation > .component-content {
height: 32vw;
max-height: 32vw; }
.box-home-page-navigation > .component-content > .content {
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; } }
@media only screen and (max-width: 1440px) {
.box-home-page-navigation > .component-content {
height: 38.5vw;
max-height: 38.5vw; }
.box-home-page-navigation > .component-content > .content {
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; } }
@media only screen and (max-width: 992px) {
.box-home-page-navigation {
padding: 0px 30.1px 30.1px;
padding: 0rem 1.88125rem 1.88125rem; }
.box-home-page-navigation > .component-content {
height: 50vw;
max-height: 50vw; }
.box-home-page-navigation > .component-content > .content {
top: 57%; } }
@media only screen and (max-width: 767px) {
.box-home-page-navigation > .component-content {
height: 464.002px;
height: 29.000125rem;
max-height: 464.002px;
max-height: 29.000125rem; }
.box-home-page-navigation > .component-content > .content {
top: 50%; } }
.box-home-page-navigation .richText.richText-hero-no-margins h1,
.box-home-page-navigation .richText.richText-hero-no-margins .h1,
.box-home-page-navigation .richText.richText-hero-no-margins .pseudo-h1 {
margin-top: 0; }
#footer .box-padded, .footer-snippet .box-padded {
margin: 19.999px 0px 30.002px;
margin: 1.2499375rem 0rem 1.875125rem;
padding-left: 106.001px;
padding-left: 6.6250625rem;
padding-right: 108.997px;
padding-right: 6.8123125rem; }
#footer .box-padded .richText, .footer-snippet .box-padded .richText {
margin-top: 23.002px;
margin-top: 1.437625rem;
margin-bottom: 23.002px;
margin-bottom: 1.437625rem; }
#footer .box-padded .richText p, .footer-snippet .box-padded .richText p {
line-height: 26.719px;
line-height: 1.6699375rem;
font-size: 14px;
font-size: 0.875rem;
margin-top: 0;
margin-bottom: 0;
color: #979797; }
@media only screen and (max-width: 992px) {
#footer .box-padded, .footer-snippet .box-padded {
padding-left: 24.997px;
padding-left: 1.5623125rem;
padding-right: 24.003px;
padding-right: 1.5001875rem; }
#footer .box-padded .richText p, .footer-snippet .box-padded .richText p {
line-height: 30.723px;
line-height: 1.9201875rem; } }
@media only screen and (max-width: 767px) {
#footer .box-padded, .footer-snippet .box-padded {
margin: 19.999px 0px 80.003px;
margin: 1.2499375rem 0rem 5.0001875rem; } }
.box-no-js-menu .box-menu-quick-links, .box-no-js-menu .box-menu-banking-solutions {
float: none;
margin: 0 auto; }
@media only screen and (max-width: 992px) {
.box-no-js-menu .box-menu-quick-links, .box-no-js-menu .box-menu-banking-solutions {
padding: 21px;
padding: 1.3125rem; } }
.box-showcase {
margin-top: 85px; }
.box-header-africa-interest {
background-color: #2D2323; }
.box-full-screen-bg-img.bg-position-top > .component-content {
background-position: top; }
.box-full-screen-bg-img.bg-position-right > .component-content {
background-position: right; }
.box-full-screen-bg-img.bg-position-bottom > .component-content {
background-position: bottom; }
.box-full-screen-bg-img.bg-position-left > .component-content {
background-position: left; }
.box-full-screen-bg-img.bg-position-center > .component-content {
background-position: center; }
.box-full-screen-bg-img > .component-content {
height: 100vh;
background-size: cover;
background-repeat: no-repeat; }
.box-center-position > .component-content > .content {
width: 67vw;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%); }
@media only screen and (max-width: 480px) {
.box-center-position > .component-content > .content {
width: calc(100vw - 65px); } }
.box-app-store-wrapper > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
@media only screen and (max-width: 480px) {
.box-app-store-wrapper {
margin: 35px 0px;
margin: 2.1875rem 0rem; }
.box-app-store-wrapper > .component-content > .content {
display: block; } }
.box-background-cover-branch-splash {
min-height: 100vh;
padding-right: 23.394px;
padding-right: 1.462125rem;
padding-left: 23.394px;
padding-left: 1.462125rem; }
.box-background-cover-branch-splash > .component-content {
padding-top: 20vh;
padding-bottom: 20vh; }
.align-components .box-big-card.first > .component-content {
margin-left: 0; }
.align-components .box-big-card.last > .component-content {
margin-right: 0; }
.box-big-card > .component-content {
border-radius: 10.003px;
border-radius: 0.6251875rem;
padding: 16.002px;
padding: 1.000125rem;
margin: 0; }
@media only screen and (max-width: 992px) {
.box-big-card > .component-content {
padding: 16.002px;
padding: 1.000125rem; } }
@media only screen and (max-width: 767px) {
.box-big-card > .component-content {
padding: 10.997px 10.997px 16.002px;
padding: 0.6873125rem 0.6873125rem 1.000125rem;
margin: 0; } }
.box-big-card.box-bg-light-pink > .component-content {
background-color: #f0325a;
color: #fff; }
.box-big-card.box-bg-light-pink.margin-top-small {
margin-top: 8.001px;
margin-top: 0.5000625rem; }
.box-big-card.box-red-background-card > .component-content {
background-color: #CA2B3D;
color: #fff; }
.box-big-card div {
height: 100%; }
.box-big-card.box-curved-border {
border-radius: 8.001px;
border-radius: 0.5000625rem; }
.box-big-card.box-curved-border.first > .component-content {
margin-left: 10.997px;
margin-left: 0.6873125rem; }
.box-big-card .richText .richText-image {
height: 31.003px;
height: 1.9376875rem;
margin: 0px 18.998px 0px 0px;
margin: 0rem 1.187375rem 0rem 0rem;
float: left; }
.box-big-card .richText h6 {
margin-top: 8.001px;
margin-top: 0.5000625rem; }
.box-big-card .richText p {
font-size: 16.002px;
font-size: 1.000125rem; }
.box-big-card .richText p:last-of-type {
width: auto; }
.box-big-card .richText [class*=btn-action]:first-child {
margin: 0px 0px 0px 0px;
margin: 0rem 0rem 0rem 0rem;
width: auto; }
@media only screen and (max-width: 480px) {
.box-big-card .richText [class*=btn-action]:first-child {
width: 100%; } }
.box-big-card .richText .component-content {
position: relative; }
.box-big-card .richText.richText-no-btm-margin {
margin-bottom: 0; }
.box-big-card .richText.richText-no-btm-margin p {
margin-bottom: 0; }
@media only screen and (max-width: 480px) {
.box-big-card .richText .white-text,
.box-big-card .richText .red-text,
.box-big-card .richText .grey-text {
display: block;
line-height: 19.999px;
line-height: 1.2499375rem; } }
@media only screen and (max-width: 480px) {
.box-big-card h1,
.box-big-card h2,
.box-big-card h3,
.box-big-card h4,
.box-big-card h5,
.box-big-card h6 {
font-size: 24.003px;
font-size: 1.5001875rem; }
.box-big-card .richText.default-style {
padding: 0 !important; }
.box-big-card .component-content {
margin-top: 0; } }
.box-big-card [class*=btn-action]:first-child {
margin-left: 0; }
@media only screen and (min-width: 768px) {
.box-big-card.box-bg-light-pink .richText-content h6 ~ p {
height: 45.003px;
height: 2.8126875rem; }
.box-big-card.component-content {
margin-top: 16.002px;
margin-top: 1.000125rem; }
.box-big-card.first > .component-content {
margin-right: 10.003px;
margin-right: 0.6251875rem; } }
@media only screen and (max-width: 767px) {
.box-big-card {
position: relative;
left: 5%; }
.box-big-card .richText h1, .box-big-card .richText h2, .box-big-card .richText h3, .box-big-card .richText h4, .box-big-card .richText h5,
.box-big-card .richText .h1, .box-big-card .richText .h2, .box-big-card .richText .h3, .box-big-card .richText .h4, .box-big-card .richText .h5,
.box-big-card .richText .pseudo-h1, .box-big-card .richText .pseudo-h2, .box-big-card .richText .pseudo-h3, .box-big-card .richText .pseudo-h4, .box-big-card .richText .pseudo-h5 {
font-size: 30.1px;
font-size: 1.88125rem;
line-height: 30.1px;
line-height: 1.88125rem; }
.align-components .box-big-card {
min-width: none;
max-width: none;
width: 100%;
left: 0; }
.align-components .box-big-card.box-bg-light-pink {
margin-left: 0; } }
.big-box-children-equal-height .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 767px) {
.big-box-children-equal-height .component-content > .content {
display: block; } }
.big-box-children-equal-height .box-big-card .richText p [class*=btn-action] {
height: 39.998px;
height: 2.499875rem; }
.big-box-children-equal-height .box-big-card .richText p:last-of-type a {
bottom: 16.002px;
bottom: 1.000125rem;
left: 0px;
left: 0rem;
position: absolute; }
@media only screen and (max-width: 480px) {
.big-box-children-equal-height .box-big-card .richText p:last-of-type a {
position: relative; } }
.big-box-children-equal-height .box-big-card .richText .link-bottom-right {
bottom: 16.002px;
bottom: 1.000125rem;
right: 0px;
right: 0rem;
position: absolute; }
.big-box-children-equal-height .box-big-card .richText .link-bottom-left {
bottom: 16.002px;
bottom: 1.000125rem;
left: 0px;
left: 0rem;
position: absolute; }
.big-box-children-equal-height .box-big-card .richText .link-bottom-wide {
bottom: 16.002px;
bottom: 1.000125rem;
left: 0px;
left: 0rem;
position: absolute;
width: 100%; }
.box-cluster-container {
width: 83.21%;
margin-left: 8.39%; }
.align-components .box-cluster-container {
width: 100%;
margin-left: 0; }
.box-cluster-container .box-cluster-dbl-img {
height: 428.001px;
height: 26.7500625rem;
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
padding: 0px 8.001px;
padding: 0rem 0.5000625rem;
width: calc(25% - 20px);
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.box-cluster-container .box-cluster-dbl-img > .component-content {
padding-top: 136.003px;
padding-top: 8.5001875rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
height: calc(100% - 136px);
background-size: auto 136px;
background-repeat: no-repeat;
background-position: center top;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); }
.box-cluster-container .box-cluster-dbl-img.first {
width: calc(25% - 10px);
padding-left: 0; }
.box-cluster-container .box-cluster-dbl-img.last {
width: calc(25% - 10px);
margin-right: 0; }
.box-cluster-container .box-cluster-dbl-img + .box-cluster-dbl-img.last {
padding-right: 0; }
.box-cluster-container .box-cluster-dbl-img + .box-cluster-inline-container {
height: 200.998px;
height: 12.562375rem;
width: calc(76.34% - 24px);
float: right; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested {
width: calc(33.3% - 13px);
height: auto; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content {
padding-top: 184.002px;
padding-top: 11.500125rem;
padding: 184.002px 24.003px 24.003px;
padding: 11.500125rem 1.5001875rem 1.5001875rem;
background-size: auto 190px;
background-position: top center;
border: 1px solid #e3e2e2; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText {
height: auto;
background-color: transparent; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content {
padding-bottom: 60px; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content h1,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content h2,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content h3,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content h4,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content h5,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content h6,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .h1,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .h2,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .h3,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .h4,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .h5,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .h6,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .pseudo-h1,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .pseudo-h2,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .pseudo-h3,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .pseudo-h4,
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content .pseudo-h5 {
font-size: 17.997px;
font-size: 1.1248125rem;
margin-top: 14px;
margin-top: 0.875rem;
margin-bottom: 10.003px;
margin-bottom: 0.6251875rem; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content p {
color: #787272; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText > .component-content a.read-more[class*=btn-action] {
bottom: 0; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested.first, .box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested.last {
width: calc(33.3% - 13px); }
.box-cluster-container .box-cluster-sgl-small {
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
height: 200.998px;
height: 12.562375rem;
padding: 0px 4.998px;
padding: 0rem 0.312375rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.box-cluster-container .box-cluster-sgl-small > .component-content {
border-radius: 8.001px;
border-radius: 0.5000625rem;
padding: 0 4px;
height: 100%;
width: 100%;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
background-size: auto 80%;
background-position: right bottom;
background-repeat: no-repeat; }
.box-cluster-container .box-cluster-sgl-small.box-cluster-border > .component-content {
border-left: 8px solid #f52d28; }
.box-cluster-container .box-cluster-sgl-small.alpha {
padding-left: 0; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+1) > .component-content {
border-color: #f52d28; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+2) > .component-content {
border-color: #f0325a; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+3) > .component-content {
border-color: #dc0032; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+4) > .component-content {
border-color: #AF144B; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+5) > .component-content {
border-color: #BE0028; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+6) > .component-content {
border-color: #870A3C; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+7) > .component-content {
border-color: #AA052D; }
.box-cluster-container .box-cluster-sgl-small:nth-child(8n+8) > .component-content {
border-color: #640032; }
.box-cluster-container .box-cluster-sgl-small .richText > .component-content,
.box-cluster-container .box-cluster-dbl-img .richText > .component-content {
position: relative;
height: 100%; }
.box-cluster-container .box-cluster-sgl-small .richText h1,
.box-cluster-container .box-cluster-sgl-small .richText h2,
.box-cluster-container .box-cluster-sgl-small .richText h3,
.box-cluster-container .box-cluster-sgl-small .richText h4,
.box-cluster-container .box-cluster-sgl-small .richText h5,
.box-cluster-container .box-cluster-sgl-small .richText h6,
.box-cluster-container .box-cluster-sgl-small .richText .h1,
.box-cluster-container .box-cluster-sgl-small .richText .h2,
.box-cluster-container .box-cluster-sgl-small .richText .h3,
.box-cluster-container .box-cluster-sgl-small .richText .h4,
.box-cluster-container .box-cluster-sgl-small .richText .h5,
.box-cluster-container .box-cluster-sgl-small .richText .h6,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h1,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h2,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h3,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h4,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h5,
.box-cluster-container .box-cluster-dbl-img .richText h1,
.box-cluster-container .box-cluster-dbl-img .richText h2,
.box-cluster-container .box-cluster-dbl-img .richText h3,
.box-cluster-container .box-cluster-dbl-img .richText h4,
.box-cluster-container .box-cluster-dbl-img .richText h5,
.box-cluster-container .box-cluster-dbl-img .richText h6,
.box-cluster-container .box-cluster-dbl-img .richText .h1,
.box-cluster-container .box-cluster-dbl-img .richText .h2,
.box-cluster-container .box-cluster-dbl-img .richText .h3,
.box-cluster-container .box-cluster-dbl-img .richText .h4,
.box-cluster-container .box-cluster-dbl-img .richText .h5,
.box-cluster-container .box-cluster-dbl-img .richText .h6,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h1,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h2,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h3,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h4,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h5 {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.box-cluster-container .box-cluster-sgl-small .richText p,
.box-cluster-container .box-cluster-dbl-img .richText p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
margin: 0; }
.box-cluster-container .box-cluster-sgl-small .richText a.read-more,
.box-cluster-container .box-cluster-dbl-img .richText a.read-more {
bottom: 16.002px;
bottom: 1.000125rem;
font-weight: 600;
position: absolute;
color: #AA052D;
text-decoration: underline; }
.box-cluster-container .box-cluster-sgl-small .richText a.read-more[class*=btn-action],
.box-cluster-container .box-cluster-dbl-img .richText a.read-more[class*=btn-action] {
width: 100%;
margin: 0;
text-decoration: none; }
.box-cluster-container .box-cluster-sgl-small .richText a.read-more[class*=btn-action][class*=btn-action-green],
.box-cluster-container .box-cluster-dbl-img .richText a.read-more[class*=btn-action][class*=btn-action-green] {
color: #fff; }
.box-cluster-container .box-cluster-sgl-small .richText a.read-more[class*=btn-action][class*=btn-action-ghost],
.box-cluster-container .box-cluster-dbl-img .richText a.read-more[class*=btn-action][class*=btn-action-ghost] {
color: #FA551E; }
.box-cluster-container .box-cluster-sgl-small .richText a.read-more::after,
.box-cluster-container .box-cluster-dbl-img .richText a.read-more::after {
display: none; }
.box-cluster-container .box-cluster-sgl-small .richText ol, .box-cluster-container .box-cluster-sgl-small .richText ul,
.box-cluster-container .box-cluster-dbl-img .richText ol,
.box-cluster-container .box-cluster-dbl-img .richText ul {
padding-left: 17.997px;
padding-left: 1.1248125rem; }
.box-cluster-container .box-cluster-sgl-small .richText ol li, .box-cluster-container .box-cluster-sgl-small .richText ul li,
.box-cluster-container .box-cluster-dbl-img .richText ol li,
.box-cluster-container .box-cluster-dbl-img .richText ul li {
line-height: 1.1; }
.box-cluster-container .box-cluster-dbl-img .richText {
height: 291.998px;
height: 18.249875rem; }
.box-cluster-container .box-cluster-dbl-img .richText h1,
.box-cluster-container .box-cluster-dbl-img .richText h2,
.box-cluster-container .box-cluster-dbl-img .richText h3,
.box-cluster-container .box-cluster-dbl-img .richText h4,
.box-cluster-container .box-cluster-dbl-img .richText h5,
.box-cluster-container .box-cluster-dbl-img .richText h6,
.box-cluster-container .box-cluster-dbl-img .richText .h1,
.box-cluster-container .box-cluster-dbl-img .richText .h2,
.box-cluster-container .box-cluster-dbl-img .richText .h3,
.box-cluster-container .box-cluster-dbl-img .richText .h4,
.box-cluster-container .box-cluster-dbl-img .richText .h5,
.box-cluster-container .box-cluster-dbl-img .richText .h6,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h1,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h2,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h3,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h4,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h5 {
margin-top: 24.003px;
margin-top: 1.5001875rem;
margin-bottom: 21px;
margin-bottom: 1.3125rem; }
.box-cluster-container .box-cluster-sgl-small .richText {
height: 200.998px;
height: 12.562375rem; }
.box-cluster-container .box-cluster-sgl-small .richText h1,
.box-cluster-container .box-cluster-sgl-small .richText h2,
.box-cluster-container .box-cluster-sgl-small .richText h3,
.box-cluster-container .box-cluster-sgl-small .richText h4,
.box-cluster-container .box-cluster-sgl-small .richText h5,
.box-cluster-container .box-cluster-sgl-small .richText h6,
.box-cluster-container .box-cluster-sgl-small .richText .h1,
.box-cluster-container .box-cluster-sgl-small .richText .h2,
.box-cluster-container .box-cluster-sgl-small .richText .h3,
.box-cluster-container .box-cluster-sgl-small .richText .h4,
.box-cluster-container .box-cluster-sgl-small .richText .h5,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h1,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h2,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h3,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h4,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h5 {
margin-top: 16.002px;
margin-top: 1.000125rem;
margin-bottom: 8.001px;
margin-bottom: 0.5000625rem; }
.box-cluster-container ul,
.box-cluster-container ol {
padding-left: 17.9998px;
padding-left: 1.1249875rem; }
.box-cluster-container ul li,
.box-cluster-container ol li {
line-height: 1.1; }
@media only screen and (min-width: 2561px) {
.box-cluster-container .box-cluster-dbl-img + .box-cluster-inline-container {
width: calc(76.34% - 30px); } }
@media only screen and (max-width: 1280px) {
.box-cluster-container {
width: 90%;
margin-left: 5%; } }
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.box-cluster-container .box-cluster-dbl-img {
width: 100%;
height: auto;
padding-left: 0; }
.box-cluster-container .box-cluster-dbl-img.first {
width: 100%; }
.box-cluster-container .box-cluster-dbl-img.last {
width: 100%; }
.box-cluster-container .box-cluster-dbl-img > .component-content {
height: 200.998px;
height: 12.562375rem;
padding-left: 199.997px;
padding-left: 12.4998125rem;
width: 100%;
padding-top: 0;
background-size: auto 100%;
background-position: -20vw 0; }
.box-cluster-container .box-cluster-dbl-img > .component-content .richText {
height: 200.998px;
height: 12.562375rem;
border-bottom-right-radius: 8.001px;
border-bottom-right-radius: 0.5000625rem;
border-top-right-radius: 8.001px;
border-top-right-radius: 0.5000625rem;
background-color: #fff; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested {
width: calc(33.3% - 2px); }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content {
height: auto; }
.box-cluster-container .box-cluster-dbl-img + .box-cluster-inline-container {
width: 100%;
float: none; } }
@media only screen and (max-width: 1280px) {
.box-cluster-container .box-cluster-inline-container {
width: 100%; } }
@media only screen and (max-width: 992px) and (min-width: 768px) {
.box-cluster-container .box-cluster-sgl-small .richText h1,
.box-cluster-container .box-cluster-sgl-small .richText h2,
.box-cluster-container .box-cluster-sgl-small .richText h3,
.box-cluster-container .box-cluster-sgl-small .richText h4,
.box-cluster-container .box-cluster-sgl-small .richText h5,
.box-cluster-container .box-cluster-sgl-small .richText h6,
.box-cluster-container .box-cluster-sgl-small .richText .h1,
.box-cluster-container .box-cluster-sgl-small .richText .h2,
.box-cluster-container .box-cluster-sgl-small .richText .h3,
.box-cluster-container .box-cluster-sgl-small .richText .h4,
.box-cluster-container .box-cluster-sgl-small .richText .h5,
.box-cluster-container .box-cluster-sgl-small .richText .h6,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h1,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h2,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h3,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h4,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h5,
.box-cluster-container .box-cluster-dbl-img .richText h1,
.box-cluster-container .box-cluster-dbl-img .richText h2,
.box-cluster-container .box-cluster-dbl-img .richText h3,
.box-cluster-container .box-cluster-dbl-img .richText h4,
.box-cluster-container .box-cluster-dbl-img .richText h5,
.box-cluster-container .box-cluster-dbl-img .richText h6,
.box-cluster-container .box-cluster-dbl-img .richText .h1,
.box-cluster-container .box-cluster-dbl-img .richText .h2,
.box-cluster-container .box-cluster-dbl-img .richText .h3,
.box-cluster-container .box-cluster-dbl-img .richText .h4,
.box-cluster-container .box-cluster-dbl-img .richText .h5,
.box-cluster-container .box-cluster-dbl-img .richText .h6,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h1,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h2,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h3,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h4,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h5 {
font-size: 22.001px;
font-size: 1.3750625rem;
margin-top: 16.002px;
margin-top: 1.000125rem;
margin-bottom: 8.001px;
margin-bottom: 0.5000625rem;
line-height: 1.2;
font-weight: 600; }
.box-cluster-container .box-cluster-sgl-small .richText p,
.box-cluster-container .box-cluster-dbl-img .richText p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.1;
font-weight: 400;
margin: 0; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content .richText p {
font-size: 16.002px;
font-size: 1.000125rem; } }
@media only screen and (max-width: 767px) {
.box-cluster-container {
width: 409.997px;
width: 25.6248125rem;
margin-left: 31.997px;
margin-left: 1.9998125rem; }
.align-components .box-cluster-container {
width: auto; }
.box-cluster-container .box-cluster-dbl-img, .box-cluster-container .box-cluster-dbl-img.first, .box-cluster-container .box-cluster-dbl-img.last {
width: 400.001px;
width: 25.0000625rem;
padding-left: 4.998px;
padding-left: 0.312375rem;
padding-right: 4.998px;
padding-right: 0.312375rem;
margin-left: 0; }
.box-cluster-container .box-cluster-dbl-img > .component-content {
padding-top: 159.999px;
padding-top: 9.9999375rem;
height: calc(100% - 160px);
background-size: auto 160px; }
.box-cluster-container .box-cluster-dbl-img + .box-cluster-inline-container {
width: 100%;
float: none;
height: auto; }
.box-cluster-container .box-cluster-dbl-img .richText.default-style {
height: 264.999px;
height: 16.5624375rem; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested {
width: 100%; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content {
width: 100%; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested.first, .box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested.last {
width: 100%; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested.first > .component-content, .box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested.last > .component-content {
width: 100%; }
.box-cluster-container .box-cluster-sgl-small {
width: 409.997px;
width: 25.6248125rem;
padding-left: 4.998px;
padding-left: 0.312375rem;
padding-right: 4.998px;
padding-right: 0.312375rem;
margin-left: 0;
scroll-snap-align: start; }
.box-cluster-container .box-cluster-sgl-small.alpha {
padding-left: 4.998px;
padding-left: 0.312375rem; }
.box-cluster-container .box-cluster-sgl-small.grid_9, .box-cluster-container .box-cluster-sgl-small.grid_12 {
height: 423.997px;
height: 26.4998125rem; }
.box-cluster-container .box-cluster-sgl-small.grid_9 > .component-content, .box-cluster-container .box-cluster-sgl-small.grid_12 > .component-content {
background-position: left bottom;
background-size: auto 43%; }
.box-cluster-container .box-cluster-sgl-small .richText a.read-more {
bottom: 16.002px;
bottom: 1.000125rem; }
.box-cluster-container.cluster-side-scroll-tablet {
width: 92.94vw;
position: relative; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-sgl-small {
margin-right: 8.001px;
margin-right: 0.5000625rem;
width: auto; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-sgl-small > .component-content {
width: auto; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-sgl-small > .component-content > .content {
height: inherit; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-sgl-small > .component-content > .content.grid_12 .richText.default-style {
height: inherit; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-sgl-small.grid_12 {
height: 200.998px;
height: 12.562375rem; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-sgl-small.grid_12 > .component-content {
background-image: none !important; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-inline-container {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-inline-container::-webkit-scrollbar {
display: none; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-inline-container > .component-content > .content {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-inline-container > .component-content > .content .box-cluster-sgl-small {
width: 280px;
width: 17.5rem; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-inline-container > .component-content > .content .box-cluster-dbl-img {
height: 416.003px;
height: 26.0001875rem;
width: 260.001px;
width: 16.2500625rem;
margin-right: 16.002px;
margin-right: 1.000125rem;
scroll-snap-align: start; }
.box-cluster-container.cluster-side-scroll-tablet .box-cluster-inline-container > .component-content > .content .box-cluster-dbl-img .richText.default-style {
height: 260.001px;
height: 16.2500625rem; }
.box-cluster-container.cluster-side-scroll-tablet #dot-nav {
bottom: -10.003px;
bottom: -0.6251875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.box-cluster-container.cluster-side-scroll-tablet .dots {
width: 8.001px;
width: 0.5000625rem;
height: 8.001px;
height: 0.5000625rem;
margin: 8.001px;
margin: 0.5000625rem;
background: #D7D5D5;
display: block;
border-radius: 50%; }
.box-cluster-container.cluster-side-scroll-tablet .dots.active {
background: #9A9595; } }
@media only screen and (max-width: 480px) {
.box-cluster-container.cluster-side-scroll-phone {
width: 92.94vw;
position: relative; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-sgl-small {
margin-right: 8.001px;
margin-right: 0.5000625rem;
width: auto; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-sgl-small > .component-content {
width: auto; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-sgl-small > .component-content > .content {
height: inherit; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-sgl-small > .component-content > .content.grid_12 .richText.default-style {
height: inherit; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-sgl-small.grid_12 {
height: 200.998px;
height: 12.562375rem; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-sgl-small.grid_12 > .component-content {
background-image: none !important; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-inline-container {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-inline-container::-webkit-scrollbar {
display: none; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-inline-container > .component-content > .content {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-inline-container > .component-content > .content .box-cluster-sgl-small {
width: 280px;
width: 17.5rem; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-inline-container > .component-content > .content .box-cluster-dbl-img {
height: 416.003px;
height: 26.0001875rem;
width: 260.001px;
width: 16.2500625rem;
margin-right: 16.002px;
margin-right: 1.000125rem;
scroll-snap-align: start; }
.box-cluster-container.cluster-side-scroll-phone .box-cluster-inline-container > .component-content > .content .box-cluster-dbl-img .richText.default-style {
height: 260.001px;
height: 16.2500625rem; }
.box-cluster-container.cluster-side-scroll-phone #dot-nav {
bottom: -10.003px;
bottom: -0.6251875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.box-cluster-container.cluster-side-scroll-phone .dots {
width: 8.001px;
width: 0.5000625rem;
height: 8.001px;
height: 0.5000625rem;
margin: 8.001px;
margin: 0.5000625rem;
background: #D7D5D5;
display: block;
border-radius: 50%; }
.box-cluster-container.cluster-side-scroll-phone .dots.active {
background: #9A9595; }
.box-cluster-container .box-cluster-dbl-img {
padding-left: 0;
padding-right: 0; }
.box-cluster-container .box-cluster-dbl-img, .box-cluster-container .box-cluster-dbl-img.first, .box-cluster-container .box-cluster-dbl-img.last {
width: calc(100% - 32px);
padding-left: 0;
padding-right: 0; }
.box-cluster-container .box-cluster-dbl-img .richText.default-style, .box-cluster-container .box-cluster-dbl-img.first .richText.default-style, .box-cluster-container .box-cluster-dbl-img.last .richText.default-style {
height: 269.997px;
height: 16.8748125rem;
margin-top: 16.002px;
margin-top: 1.000125rem; }
.box-cluster-container .box-cluster-dbl-img > .component-content, .box-cluster-container .box-cluster-dbl-img.first > .component-content, .box-cluster-container .box-cluster-dbl-img.last > .component-content {
padding-top: 136.003px;
padding-top: 8.5001875rem;
height: calc(100% - 136px);
background-size: auto 136px; }
.box-cluster-container .box-cluster-dbl-img.box-card-cluster-suggested > .component-content {
padding-top: 155.001px;
padding-top: 9.6875625rem;
padding: 155.001px 16.002px 16.002px;
padding: 9.6875625rem 1.000125rem 1.000125rem;
background-size: auto 155px; }
.box-cluster-container .box-cluster-sgl-small {
padding-left: 0;
padding-right: 0; }
.box-cluster-container .box-cluster-sgl-small.alpha {
padding-left: 0;
padding-right: 0; }
.box-cluster-container .box-cluster-sgl-small:not(.box-cluster-border) {
width: 100%; }
.box-cluster-container .box-cluster-sgl-small.box-cluster-border, .box-cluster-container .box-cluster-sgl-small.box-cluster-border.alpha {
width: calc(100% - 32px); }
.box-cluster-container .box-cluster-sgl-small .richText.default-style {
height: 185.003px;
height: 11.5626875rem;
margin-top: 16.002px;
margin-top: 1.000125rem; }
.box-cluster-container .box-cluster-sgl-small .richText h1,
.box-cluster-container .box-cluster-sgl-small .richText h2,
.box-cluster-container .box-cluster-sgl-small .richText h3,
.box-cluster-container .box-cluster-sgl-small .richText h4,
.box-cluster-container .box-cluster-sgl-small .richText h5,
.box-cluster-container .box-cluster-sgl-small .richText h6,
.box-cluster-container .box-cluster-sgl-small .richText .h1,
.box-cluster-container .box-cluster-sgl-small .richText .h2,
.box-cluster-container .box-cluster-sgl-small .richText .h3,
.box-cluster-container .box-cluster-sgl-small .richText .h4,
.box-cluster-container .box-cluster-sgl-small .richText .h5,
.box-cluster-container .box-cluster-sgl-small .richText .h6,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h1,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h2,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h3,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h4,
.box-cluster-container .box-cluster-sgl-small .richText .pseudo-h5,
.box-cluster-container .box-cluster-dbl-img .richText h1,
.box-cluster-container .box-cluster-dbl-img .richText h2,
.box-cluster-container .box-cluster-dbl-img .richText h3,
.box-cluster-container .box-cluster-dbl-img .richText h4,
.box-cluster-container .box-cluster-dbl-img .richText h5,
.box-cluster-container .box-cluster-dbl-img .richText h6,
.box-cluster-container .box-cluster-dbl-img .richText .h1,
.box-cluster-container .box-cluster-dbl-img .richText .h2,
.box-cluster-container .box-cluster-dbl-img .richText .h3,
.box-cluster-container .box-cluster-dbl-img .richText .h4,
.box-cluster-container .box-cluster-dbl-img .richText .h5,
.box-cluster-container .box-cluster-dbl-img .richText .h6,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h1,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h2,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h3,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h4,
.box-cluster-container .box-cluster-dbl-img .richText .pseudo-h5 {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
font-weight: 600;
margin-top: 0; }
.box-cluster-container .box-cluster-sgl-small .richText p,
.box-cluster-container .box-cluster-dbl-img .richText p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
font-weight: 400; } }
@media only screen and (max-width: 1280px) and (min-width: 1260px) {
.box-inline-card-cluster-laptop .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.box-inline-card-cluster-laptop .box-cluster-sgl-small {
padding-right: 16.002px;
padding-right: 1.000125rem; } }
.box-self-service-showcase > .component-content > .content {
display: block;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
@media only screen and (min-width: 768px) {
.box-self-service-showcase > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
@media only screen and (max-width: 480px) {
.box-self-service-showcase > .component-content > .content {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; } }
.box-advertising-wrapper, .box-advertising-wrapper-moving-image {
width: 1240.001px;
width: 77.5000625rem;
padding-top: 24.003px;
padding-top: 1.5001875rem;
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-size: cover;
position: relative;
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2); }
.box-advertising-wrapper > .component-content, .box-advertising-wrapper-moving-image > .component-content {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-size: cover;
position: relative;
transition: padding-top 1s; }
.white-text.box-advertising-wrapper, .white-text.box-advertising-wrapper-moving-image {
background-color: #2D2323; }
.white-text.box-advertising-wrapper h1, .white-text.box-advertising-wrapper-moving-image h1, .white-text.box-advertising-wrapper h2, .white-text.box-advertising-wrapper-moving-image h2, .white-text.box-advertising-wrapper h3, .white-text.box-advertising-wrapper-moving-image h3, .white-text.box-advertising-wrapper h4, .white-text.box-advertising-wrapper-moving-image h4, .white-text.box-advertising-wrapper h5, .white-text.box-advertising-wrapper-moving-image h5, .white-text.box-advertising-wrapper h6, .white-text.box-advertising-wrapper-moving-image h6, .white-text.box-advertising-wrapper p, .white-text.box-advertising-wrapper-moving-image p, .white-text.box-advertising-wrapper a, .white-text.box-advertising-wrapper-moving-image a {
color: #fff; }
.white-text.box-advertising-wrapper h1:hover, .white-text.box-advertising-wrapper-moving-image h1:hover, .white-text.box-advertising-wrapper h2:hover, .white-text.box-advertising-wrapper-moving-image h2:hover, .white-text.box-advertising-wrapper h3:hover, .white-text.box-advertising-wrapper-moving-image h3:hover, .white-text.box-advertising-wrapper h4:hover, .white-text.box-advertising-wrapper-moving-image h4:hover, .white-text.box-advertising-wrapper h5:hover, .white-text.box-advertising-wrapper-moving-image h5:hover, .white-text.box-advertising-wrapper h6:hover, .white-text.box-advertising-wrapper-moving-image h6:hover, .white-text.box-advertising-wrapper p:hover, .white-text.box-advertising-wrapper-moving-image p:hover, .white-text.box-advertising-wrapper a:hover, .white-text.box-advertising-wrapper-moving-image a:hover {
color: #fff; }
.white-text.box-advertising-wrapper .btn-action-ghost-white, .white-text.box-advertising-wrapper-moving-image .btn-action-ghost-white {
border-width: 2px; }
.white-text.box-advertising-wrapper .divider-grey-vertical > .component-content, .white-text.box-advertising-wrapper-moving-image .divider-grey-vertical > .component-content {
background: #fff; }
.box-bottom-shadow.box-advertising-wrapper, .box-bottom-shadow.box-advertising-wrapper-moving-image {
box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.15); }
.advert-piece-card-style.box-advertising-wrapper, .advert-piece-card-style.box-advertising-wrapper-moving-image {
border-radius: 8.001px;
border-radius: 0.5000625rem;
max-width: 1144.003px;
max-width: 71.5001875rem;
padding: 39.998px 47.999px 47.999px;
padding: 2.499875rem 2.9999375rem 2.9999375rem;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
margin: 0 auto 32px; }
@media only screen and (min-width: 768px) {
.box-advertising-wrapper, .box-advertising-wrapper-moving-image {
min-height: 27vw; }
.advert-less-height.box-advertising-wrapper, .advert-less-height.box-advertising-wrapper-moving-image {
min-height: auto; }
.left-sided-advert-text.box-advertising-wrapper, .left-sided-advert-text.box-advertising-wrapper-moving-image {
width: 840px;
width: 52.5rem;
background-position: right;
padding-right: calc(((100vw - 1240px) / 2) + 400px); }
.right-sided-advert-text.box-advertising-wrapper, .right-sided-advert-text.box-advertising-wrapper-moving-image {
width: 840px;
width: 52.5rem;
background-position: left;
padding-left: calc(((100vw - 1240px) / 2) + 400px); } }
@media only screen and (max-width: 1280px) {
.box-advertising-wrapper, .box-advertising-wrapper-moving-image {
width: 85.88%;
padding-left: 7.06%;
padding-right: 7.06%; }
.advert-piece-card-style.box-advertising-wrapper, .advert-piece-card-style.box-advertising-wrapper-moving-image {
width: calc(100% - 96px); }
.left-sided-advert-text.box-advertising-wrapper, .left-sided-advert-text.box-advertising-wrapper-moving-image {
width: 58.33%;
padding-left: 6.94%;
padding-right: 34.73%; }
.right-sided-advert-text.box-advertising-wrapper, .right-sided-advert-text.box-advertising-wrapper-moving-image {
width: 58.33%;
padding-right: 6.94%;
padding-left: 34.73%; } }
@media only screen and (max-width: 767px) {
.advert-less-height.box-advertising-wrapper, .advert-less-height.box-advertising-wrapper-moving-image {
min-height: auto; }
.box-advertising-wrapper, .box-advertising-wrapper-moving-image, .left-sided-advert-text.box-advertising-wrapper, .left-sided-advert-text.box-advertising-wrapper-moving-image, .right-sided-advert-text.box-advertising-wrapper, .right-sided-advert-text.box-advertising-wrapper-moving-image {
width: 85.88%;
padding-left: 7.06%;
padding-right: 7.06%; }
.advert-piece-card-style.box-advertising-wrapper, .advert-piece-card-style.box-advertising-wrapper-moving-image {
padding: 16.002px;
padding: 1.000125rem;
max-width: calc(100vw - 32px);
width: calc(100% - 32px); } }
.box-advertising-wrapper-moving-image {
min-height: 0; }
.box-advertising-wrapper-moving-image .image.image-advert-banner-moving img {
margin: auto; }
@media only screen and (min-width: 768px) {
.advert-less-height.box-advertising-wrapper,
.advert-less-height.box-advertising-wrapper-moving-image {
min-height: auto; } }
@media only screen and (max-width: 992px) {
.hero-wrapper.white-background::after {
bottom: 56px;
bottom: 3.5rem; } }
.box-advertising-showcase-items-group > .component-content > .content {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-flow: nowrap;
-ms-flex-flow: nowrap;
flex-flow: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
@media only screen and (max-width: 992px) {
.box-advertising-showcase-items-group > .component-content > .content {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; } }
.box-inline-items > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.box-inline-items > .component-content > .content > div:not(:last-child) {
margin-right: 15.9999px;
margin-right: 0.99999375rem; }
.box-flexbox-container {
width: 1240.001px;
width: 77.5000625rem;
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2);
max-width: 100vw; }
.box-flexbox-container > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.box-advertising-wrapper .box-flexbox-container {
width: auto;
padding-left: 0;
padding-right: 0; }
.box-flexbox-container.padding-btm-zero {
padding-bottom: 0; }
.box-flexbox-container.padding-btm-zero > .component-content > .content {
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end; }
@media only screen and (max-width: 1280px) {
.box-flexbox-container {
width: 85.88%;
padding-left: 7.06%;
padding-right: 7.06%; }
.box-advertising-wrapper .box-flexbox-container {
width: auto;
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 480px) {
.box-flexbox-container > .component-content > .content {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.box-flexbox-container > .component-content > .content > div {
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto; }
.box-flexbox-container.wrap-reverse > .component-content > .content {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; } }
.align-components {
width: 1240.001px;
width: 77.5000625rem;
margin-left: calc((100vw - 1240px) / 2); }
.align-components.alpha {
margin-left: calc((100vw - 1240px) / 2) !important; }
@media only screen and (max-width: 1280px) {
.align-components {
width: 85.88%;
margin-left: 7.06%; }
.align-components.alpha {
margin-left: 7.06% !important; } }
.box-hero-group-wrapper, .box-hero-group-wrapper-with-calc {
padding: 120.001px 70px;
padding: 7.5000625rem 4.375rem;
max-width: 1240.001px;
max-width: 77.5000625rem;
margin: 0 auto; }
@media only screen and (min-width: 1921px) {
.box-hero-group-wrapper, .box-hero-group-wrapper-with-calc {
min-height: 17vw; } }
.box-reduced-hero-group-wrapper.box-hero-group-wrapper, .box-reduced-hero-group-wrapper.box-hero-group-wrapper-with-calc {
padding: 28px;
padding: 1.75rem;
min-height: 0; }
.box-reduced-hero-group-wrapper.box-hero-group-wrapper h1, .box-reduced-hero-group-wrapper.box-hero-group-wrapper-with-calc h1, .box-reduced-hero-group-wrapper.box-hero-group-wrapper .h1, .box-reduced-hero-group-wrapper.box-hero-group-wrapper-with-calc .h1 {
font-size: 56px;
font-size: 3.5rem;
margin: 14px 0px;
margin: 0.875rem 0rem; }
.box-reduced-hero-group-wrapper.box-hero-group-wrapper p, .box-reduced-hero-group-wrapper.box-hero-group-wrapper-with-calc p {
margin: 14px 0px;
margin: 0.875rem 0rem;
padding: 0;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal; }
.box-hero-group-wrapper > .component-content > .content, .box-hero-group-wrapper-with-calc > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.box-hero-group-wrapper > .component-content > .content > a, .box-hero-group-wrapper-with-calc > .component-content > .content > a {
display: none; }
.box-hero-group-wrapper .box-left-hero-richText-wrapper, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper {
max-width: 60%;
width: 60%; }
.box-hero-group-wrapper .box-right-hero-richText-wrapper, .box-hero-group-wrapper-with-calc .box-right-hero-richText-wrapper {
max-width: 40%;
width: 40%; }
.box-hero-group-wrapper .richText-hero, .box-hero-group-wrapper-with-calc .richText-hero {
padding: 0;
max-width: 100%;
min-height: auto; }
@media only screen and (max-width: 1024px) {
.box-hero-group-wrapper, .box-hero-group-wrapper-with-calc {
padding: 49px 30.002px;
padding: 3.0625rem 1.875125rem; }
.box-hero-group-wrapper .box-left-hero-richText-wrapper h1, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper h1, .box-hero-group-wrapper .box-left-hero-richText-wrapper .h1, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper .h1 {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem;
padding: 0; }
.box-hero-group-wrapper .box-left-hero-richText-wrapper p, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper p {
padding: 0; } }
@media only screen and (max-width: 992px) {
.box-hero-group-wrapper .box-left-hero-richText-wrapper, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper {
max-width: 50%;
width: 50%; }
.box-hero-group-wrapper .box-right-hero-richText-wrapper, .box-hero-group-wrapper-with-calc .box-right-hero-richText-wrapper {
max-width: 50%;
width: 50%; } }
@media only screen and (max-width: 480px) {
.box-hero-group-wrapper > .component-content > .content, .box-hero-group-wrapper-with-calc > .component-content > .content {
display: block; }
.box-hero-group-wrapper .box-left-hero-richText-wrapper, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper {
max-width: 100%;
width: 100%; }
.box-hero-group-wrapper .box-left-hero-richText-wrapper .richText-hero, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper .richText-hero {
margin-bottom: 49px;
margin-bottom: 3.0625rem; }
.box-hero-group-wrapper .box-left-hero-richText-wrapper .richText-hero h1, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper .richText-hero h1, .box-hero-group-wrapper .box-left-hero-richText-wrapper .richText-hero .h1, .box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper .richText-hero .h1 {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.box-hero-group-wrapper .box-right-hero-richText-wrapper, .box-hero-group-wrapper-with-calc .box-right-hero-richText-wrapper {
max-width: 100%;
width: 100%; } }
.box-hero-group-wrapper-with-calc {
padding: 39.998px 100.002px 0px 100.002px;
padding: 2.499875rem 6.250125rem 0rem 6.250125rem;
margin: 0 auto; }
.box-hero-group-wrapper-with-calc.with-scroll-to-me {
min-height: -webkit-fit-content;
min-height: fit-content; }
.expanded-calc .box-hero-group-wrapper-with-calc {
min-width: 100%; }
@media only screen and (min-width: 1281px) {
.box-hero-group-wrapper-with-calc {
min-width: 1024.002px;
min-width: 64.000125rem; }
.expanded-calc .box-hero-group-wrapper-with-calc {
min-width: 100%; } }
@media only screen and (max-width: 1024px) {
.box-hero-group-wrapper-with-calc {
padding: 39.998px 31.997px 0px 39.998px;
padding: 2.499875rem 1.9998125rem 0rem 2.499875rem; } }
@media only screen and (max-width: 768px) {
.box-hero-group-wrapper-with-calc .component-content > .content {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.box-hero-group-wrapper-with-calc .box-right-hero-richText-wrapper {
margin-top: 21px;
margin-top: 1.3125rem; }
.box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper {
width: 70%;
max-width: 70%; }
.box-hero-group-wrapper-with-calc .box-right-hero-richText-wrapper {
max-width: 100%;
width: 100%; } }
@media only screen and (max-width: 480px) {
.box-hero-group-wrapper-with-calc {
padding: 24.003px 16.002px 16.002px 16.002px;
padding: 1.5001875rem 1.000125rem 1.000125rem 1.000125rem; }
.box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper {
width: 100%;
max-width: 100%; }
.box-hero-group-wrapper-with-calc .box-left-hero-richText-wrapper .richText-hero {
margin-bottom: 0; } }
.box.box-hero-default-height {
min-height: 294px;
min-height: 18.375rem; }
@media only screen and (max-width: 480px) {
.box.box-hero-default-height {
min-height: 287.861px;
min-height: 17.9913125rem; } }
.box-home-page-hero-adverts > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert {
height: 487.998px;
height: 30.499875rem;
padding-top: 56px;
padding-top: 3.5rem;
width: 33.33%;
background-color: #2D2323;
position: relative;
transition: all 0.2s ease; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content {
padding: 0px 19.999px 64.001px;
padding: 0rem 1.2499375rem 4.0000625rem;
height: calc(100% - 64px);
cursor: pointer;
background-image: none; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component {
bottom: 64.001px;
bottom: 4.0000625rem;
position: absolute;
padding: 0; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component h2, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component .h2, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component .pseudo-h2 {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem;
transition: font-size 0.2s ease; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p a {
color: white;
font-size: 16.002px;
font-size: 1.000125rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p::after, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p a::after {
display: none; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component a {
font-size: 17.997px;
font-size: 1.1248125rem;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p:not(:last-of-type) {
display: none; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p:last-of-type {
margin-bottom: 0; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .image.component:not(.cq-Editable-dom) {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .image.component:not(.cq-Editable-dom) .component-content {
width: 100%;
height: 100%; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .image.component:not(.cq-Editable-dom) .component-content img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert .box-more-arrow, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert .box-more-title {
display: none; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert.background-position-right .image.component:not(.cq-Editable-dom) .component-content img {
object-position: right; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert.background-position-mid .image.component:not(.cq-Editable-dom) .component-content img {
object-position: center; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert:hover > .component-content .richText.component p:not(:last-of-type) {
display: block; }
@media only screen and (max-width: 992px) {
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert {
height: 500.003px;
height: 31.2501875rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content {
height: calc(100% - 32px);
padding: 0px 11.998px 31.997px;
padding: 0rem 0.749875rem 1.9998125rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component {
bottom: 31.997px;
bottom: 1.9998125rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component h2, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component .h2, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component .pseudo-h2 {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component a {
font-size: 16.002px;
font-size: 1.000125rem;
position: relative; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component a::after {
display: none; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert:hover > .component-content .richText.component p:not(:last-of-type) {
display: none; } }
@media only screen and (max-width: 767px) {
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert {
padding-top: 0; } }
@media only screen and (max-width: 480px) {
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert {
height: 192.003px;
height: 12.0001875rem;
width: 100%;
padding-top: 0; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content {
height: calc(100% - 20px);
padding: 0px 0px 19.999px;
padding: 0rem 0rem 1.2499375rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component {
bottom: 19.999px;
bottom: 1.2499375rem;
left: 16.002px;
left: 1.000125rem;
width: 55vw; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component h2, .box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component .h2 {
margin: 0 0 4px 0;
line-height: 24.003px;
line-height: 1.5001875rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .richText.component p {
margin: 0;
line-height: 24.003px;
line-height: 1.5001875rem; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .image.component {
padding: 0; }
.box-home-page-hero-adverts > .component-content > .content .box-home-page-hero-single-advert > .component-content .image.component.image-responsive {
padding: 0; } }
@media only screen and (max-width: 480px) {
.box-home-page-hero-adverts > .component-content > .content {
display: block; } }
.box-help-files-search {
max-height: 999.999px;
max-height: 62.4999375rem;
box-sizing: border-box;
position: relative;
clear: both;
overflow: hidden;
z-index: 100;
display: block;
background: #fff; }
.box-help-files-search.is-visible {
visibility: visible; }
.box-help-files-search > .component-content {
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem;
margin: 0; }
.no-js .box-help-files-search > .component-content {
padding-top: 9.996px;
padding-top: 0.62475rem;
padding-bottom: 9.996px;
padding-bottom: 0.62475rem;
opacity: 1; }
.box-help-files-search > .component-content > .content {
margin: 0 auto; }
.box-help-files-search .searchBox {
box-sizing: border-box;
width: 100%; }
.box-help-files-search .searchBox .form-search label {
padding-right: 7px;
padding-right: 0.4375rem;
box-sizing: border-box;
position: relative;
width: 100%;
vertical-align: bottom;
padding-top: 0; }
.box-help-files-search .searchBox .form-search label .searchBox-title {
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
display: none; }
.box-help-files-search .searchBox .form-search label::before {
width: 24.003px;
width: 1.5001875rem;
height: 24.003px;
height: 1.5001875rem;
margin-top: 16.002px;
margin-top: 1.000125rem;
margin-left: 24.003px;
margin-left: 1.5001875rem;
content: '';
background: url(../../assets/img/icon-search-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute;
z-index: 3; }
.box-help-files-search .searchBox .form-search input {
height: 56px;
height: 3.5rem; }
.box-help-files-search .searchBox .form-search input[type='text']::-webkit-input-placeholder {
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 16.002px;
font-size: 1.000125rem;
color: #787272;
font-style: normal;
font-weight: normal; }
.box-help-files-search .searchBox .form-search input[type='text']:-moz-placeholder {
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 16.002px;
font-size: 1.000125rem;
color: #787272;
font-style: normal;
font-weight: normal; }
.box-help-files-search .searchBox .form-search input[type='text']::-moz-placeholder {
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 16.002px;
font-size: 1.000125rem;
color: #787272;
font-style: normal;
font-weight: normal; }
.box-help-files-search .searchBox .form-search input[type='text']:-ms-input-placeholder {
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 16.002px;
font-size: 1.000125rem;
color: #787272;
font-style: normal;
font-weight: normal; }
.box-help-files-search .searchBox .search-query {
padding: 14px 14px 14px 60.998px;
padding: 0.875rem 0.875rem 0.875rem 3.812375rem;
font-size: 15.9999px;
font-size: 0.99999375rem;
color: #2D2323;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #cac7c7;
line-height: 1.25;
font-weight: 100;
outline: none;
opacity: .6;
width: 100%;
position: relative;
z-index: 2; }
.box-help-files-search .searchBox .search-query:focus {
opacity: 1; }
.box-help-files-search .searchBox .search-query:focus, .box-help-files-search .searchBox .search-query.is-filled {
opacity: 1;
background: #fff; }
.box-help-files-search .searchBox button {
display: none; }
.box-help-files-search .search-placeholder {
font-size: 38.5px;
font-size: 2.40625rem;
position: absolute;
color: #666;
box-sizing: border-box;
border: 0;
line-height: 1.25;
font-weight: 100;
top: 0;
left: 0;
z-index: 1; }
@media only screen and (max-width: 992px) {
.box-help-files-search {
text-align: center; }
.box-help-files-search .component-content {
padding-bottom: 0 !important; }
.no-js .box-help-files-search .component-content {
padding-right: 40px !important;
padding-left: 40px !important; }
.box-help-files-search .component-content .searchBox {
padding-left: 0;
padding-right: 0; }
.box-help-files-search .component-content .searchBox .form-search {
display: block;
width: 100%; }
.box-help-files-search .component-content .searchBox .form-search label {
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
width: 100%;
display: block;
padding-right: 0; }
.box-help-files-search .component-content .searchBox .form-search label::before {
margin-top: 30.002px;
margin-top: 1.875125rem; }
.template-help-page .box-help-files-search .component-content .searchBox .form-search > div {
display: block; }
.box-help-files-search .component-content .searchBox .search-query {
margin-top: 14px;
margin-top: 0.875rem; } }
@media only screen and (max-width: 767px) {
.box-help-files-search {
z-index: 150; } }
@media only screen and (max-width: 480px) {
.box-help-files-search {
margin-top: 50.001px;
margin-top: 3.1250625rem; }
.template-helpfiles-search-results .box-help-files-search > .component-content {
padding: 0px 30.002px;
padding: 0rem 1.875125rem; }
.box-help-files-search .searchBox .form-search label {
display: block; }
.box-help-files-search .searchBox .form-search label label {
margin-top: 31.997px;
margin-top: 1.9998125rem; }
.box-help-files-search .searchBox .search-query {
margin-top: 9.99999px;
margin-top: 0.624999375rem; } }
.box-illustrative-categories {
position: relative; }
.box-illustrative-categories > .component-content {
overflow-x: scroll;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth; }
.box-illustrative-categories > .component-content::-webkit-scrollbar {
display: none; }
.box-illustrative-categories::before, .box-illustrative-categories::after {
content: '';
width: 31.997px;
width: 1.9998125rem;
height: 31.997px;
height: 1.9998125rem;
top: 80.003px;
top: 5.0001875rem;
position: absolute;
background: url("../../assets/img/arrow-circle.png") 50% 50% no-repeat;
display: block;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
transition: opacity 250ms;
z-index: 2; }
.box-illustrative-categories.no-scroll::before, .box-illustrative-categories.no-scroll::after {
display: none; }
.box-illustrative-categories::before {
left: calc((100vw - 1300px) / 2);
box-shadow: 0px 5px 10px 0px rgba(45, 35, 35, 0.11);
border-radius: 50%; }
.box-illustrative-categories::after {
right: calc((100vw - 1330px) / 2);
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
box-shadow: 0px -5px 10px 0px rgba(45, 35, 35, 0.11);
border-radius: 50%; }
.box-illustrative-categories.scrolled-right::after {
display: none; }
.box-illustrative-categories.scrolled-left::before {
display: none; }
.box-illustrative-categories .richText.component {
width: 120.001px;
width: 7.5000625rem;
margin: 0px 46.998px;
margin: 0rem 2.937375rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative; }
.box-illustrative-categories .richText.component > .component-content {
z-index: 1;
max-width: 100%; }
.box-illustrative-categories .richText.component .richText-image {
height: 120.001px;
height: 7.5000625rem; }
.box-illustrative-categories .richText.component .richText-content {
font-family: "SourceSansPro-SemiBold", sans-serif;
white-space: normal;
text-align: center;
overflow: visible;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.box-illustrative-categories .richText.component .richText-content p, .box-illustrative-categories .richText.component .richText-content a {
line-height: 17.997px;
line-height: 1.1248125rem;
color: #2D2323; }
.box-illustrative-categories .richText.component.first {
margin-left: calc((100vw - 1260px) / 2); }
.box-illustrative-categories .richText.component.last {
margin-right: calc((100vw - 1260px) / 2); }
.box-illustrative-categories .richText.component:hover {
cursor: pointer; }
.box-illustrative-categories .richText.component:hover::before {
content: '';
width: 103.999px;
width: 6.4999375rem;
height: 103.999px;
height: 6.4999375rem;
top: 8.001px;
top: 0.5000625rem;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
border-radius: 50%;
box-shadow: 0px 5px 10px 0px rgba(45, 35, 35, 0.25); }
@media only screen and (max-width: 1440px) {
.box-illustrative-categories .richText.component.first {
margin-left: 7%; }
.box-illustrative-categories .richText.component.last {
margin-right: 7%; }
.box-illustrative-categories::before {
left: 4%; }
.box-illustrative-categories::after {
right: 2%; } }
@media only screen and (max-width: 1024px) {
.box-illustrative-categories .richText.component {
margin: 0px 24.003px;
margin: 0rem 1.5001875rem; }
.box-illustrative-categories .richText.component:hover::before {
display: none; } }
@media only screen and (max-width: 768px) {
.box-illustrative-categories .richText.component {
width: 70px;
width: 4.375rem;
margin: 0; }
.box-illustrative-categories .richText.component .richText-image {
height: 59.997px;
height: 3.7498125rem; }
.box-illustrative-categories .richText.component.first {
margin-left: 7%; }
.box-illustrative-categories .richText.component.last {
margin-right: 7%; }
.box-illustrative-categories::before, .box-illustrative-categories::after {
width: 19.999px;
width: 1.2499375rem;
height: 19.999px;
height: 1.2499375rem;
background-size: 19.999px;
background-size: 1.2499375rem;
top: 47.999px;
top: 2.9999375rem; } }
@media only screen and (max-width: 480px) {
#content .box-illustrative-categories div.richText.component.section {
width: 59.997px;
width: 3.7498125rem;
padding: 0px 10.003px;
padding: 0rem 0.6251875rem; }
.box-illustrative-categories::after {
right: 0; } }
.box-offers-cards > .component-content > .paragraphSystem {
display: -ms-grid;
display: grid;
-ms-grid-columns: calc(50% - 16px) calc(50% - 16px);
grid-template-columns: calc(50% - 16px) calc(50% - 16px);
-ms-grid-rows: auto;
grid-template-rows: auto;
gap: 32px 32px; }
.box-offers-cards > .component-content > .paragraphSystem > a {
display: none; }
.box-offers-cards .hero-wrapper,
.box-offers-cards .box-illustration-left-img,
.box-offers-cards .box-illustration-right-img {
max-height: 319.998px;
max-height: 19.999875rem;
max-width: 604.002px;
max-width: 37.750125rem;
height: 319.998px;
height: 19.999875rem;
border-radius: 8.001px;
border-radius: 0.5000625rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-left-text {
padding: 24.003px 240.002px 24.003px 39.998px;
padding: 1.5001875rem 15.000125rem 1.5001875rem 2.499875rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-right-text {
padding: 24.003px 39.998px 24.003px 240.002px;
padding: 1.5001875rem 2.499875rem 1.5001875rem 15.000125rem; }
.box-offers-cards .hero-wrapper p:nth-of-type(2) {
bottom: 24.003px;
bottom: 1.5001875rem;
position: absolute;
margin-left: 0; }
.box-offers-cards .hero-wrapper p:nth-of-type(2) a {
bottom: 16.002px;
bottom: 1.000125rem;
margin: 0px 16.002px 0px 0px;
margin: 0rem 1.000125rem 0rem 0rem; }
.box-offers-cards .box-illustration-left-img,
.box-offers-cards .box-illustration-right-img {
border: 1px solid #e5e5e5; }
.box-offers-cards .box-illustration-left-img .image,
.box-offers-cards .box-illustration-right-img .image {
width: 319.998px;
width: 19.999875rem; }
.box-offers-cards .box-illustration-left-img .image > .component-content,
.box-offers-cards .box-illustration-right-img .image > .component-content {
height: 100%; }
.box-offers-cards .box-illustration-left-img .image img,
.box-offers-cards .box-illustration-right-img .image img {
width: 189px;
width: 11.8125rem;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; }
.box-offers-cards .box-illustration-left-img .richText,
.box-offers-cards .box-illustration-right-img .richText {
padding: 24.003px 39.998px 47.999px 39.998px;
padding: 1.5001875rem 2.499875rem 2.9999375rem 2.499875rem; }
.box-offers-cards .box-illustration-left-img p:nth-of-type(2),
.box-offers-cards .box-illustration-right-img p:nth-of-type(2) {
top: 31.997px;
top: 1.9998125rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative; }
.box-offers-cards .box-illustration-left-img p:nth-of-type(2) a,
.box-offers-cards .box-illustration-right-img p:nth-of-type(2) a {
margin-top: 16.002px;
margin-top: 1.000125rem;
margin-right: 16.002px;
margin-right: 1.000125rem;
margin-left: 0; }
.box-offers-cards .box-illustration-left-img > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.box-offers-cards .box-illustration-right-img > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.box-offers-cards .text-dark h3,
.box-offers-cards .text-dark .h3,
.box-offers-cards .text-light h3,
.box-offers-cards .text-light .h3,
.box-offers-cards .richText h3,
.box-offers-cards .richText .h3 {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 600;
letter-spacing: 0;
margin-top: 0; }
.box-offers-cards .text-dark p,
.box-offers-cards .text-light p,
.box-offers-cards .richText p {
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 400;
letter-spacing: 0;
margin: 0;
text-wrap: wrap; }
.box-offers-cards .text-light h3,
.box-offers-cards .text-light .h3,
.box-offers-cards .text-light p {
color: #fff; }
.box-offers-cards .text-dark h3,
.box-offers-cards .text-dark .h3,
.box-offers-cards .text-dark p {
color: #2D2323; }
@media only screen and (max-width: 1439px) {
.box-offers-cards > .component-content > .content {
-ms-grid-columns: auto;
grid-template-columns: auto; }
.box-offers-cards .hero-wrapper,
.box-offers-cards .box-illustration-left-img,
.box-offers-cards .box-illustration-right-img {
max-width: 960.001px;
max-width: 60.0000625rem;
max-height: 240.002px;
max-height: 15.000125rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-left-text {
padding: 24.003px 260.001px 24.003px 31.997px;
padding: 1.5001875rem 16.2500625rem 1.5001875rem 1.9998125rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-right-text {
padding: 24.003px 31.997px 24.003px 260.001px;
padding: 1.5001875rem 1.9998125rem 1.5001875rem 16.2500625rem; }
.box-offers-cards .hero-wrapper p:nth-of-type(2) {
bottom: 31.997px;
bottom: 1.9998125rem; }
.box-offers-cards .box-illustration-left-img .image,
.box-offers-cards .box-illustration-right-img .image {
width: auto; }
.box-offers-cards .box-illustration-left-img .image > .component-content,
.box-offers-cards .box-illustration-right-img .image > .component-content {
height: 100%; }
.box-offers-cards .box-illustration-left-img .image img,
.box-offers-cards .box-illustration-right-img .image img {
width: 231px;
width: 14.4375rem;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
margin: 0 auto; }
.box-offers-cards .box-illustration-left-img .richText,
.box-offers-cards .box-illustration-right-img .richText {
padding: 24.003px 31.997px 47.999px 31.997px;
padding: 1.5001875rem 1.9998125rem 2.9999375rem 1.9998125rem; }
.box-offers-cards .box-illustration-left-img p:nth-of-type(2),
.box-offers-cards .box-illustration-right-img p:nth-of-type(2) {
top: 8.001px;
top: 0.5000625rem; }
.box-offers-cards .text-dark h3,
.box-offers-cards .text-dark .h3,
.box-offers-cards .text-light h3,
.box-offers-cards .text-light .h3,
.box-offers-cards .richText h3,
.box-offers-cards .richText .h3 {
font-size: 24.003px;
font-size: 1.5001875rem;
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; } }
@media only screen and (max-width: 1024px) {
.box-offers-cards .hero-wrapper .richText.offers-card-left-text {
padding: 24.003px 240.002px 24.003px 31.997px;
padding: 1.5001875rem 15.000125rem 1.5001875rem 1.9998125rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-right-text {
padding: 24.003px 31.997px 24.003px 240.002px;
padding: 1.5001875rem 1.9998125rem 1.5001875rem 15.000125rem; }
.box-offers-cards .box-illustration-left-img .image img,
.box-offers-cards .box-illustration-right-img .image img {
width: 231px;
width: 14.4375rem; } }
@media only screen and (max-width: 992px) {
.box-offers-cards .hero-wrapper,
.box-offers-cards .box-illustration-left-img,
.box-offers-cards .box-illustration-right-img {
max-width: 703.997px;
max-width: 43.9998125rem; }
.box-offers-cards .box-illustration-left-img .image,
.box-offers-cards .box-illustration-right-img .image {
width: 287px;
width: 17.9375rem; }
.box-offers-cards .box-illustration-left-img p:nth-of-type(2),
.box-offers-cards .box-illustration-right-img p:nth-of-type(2) {
top: 14px;
top: 0.875rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-left-text {
padding: 24.003px 224px 24.003px 31.997px;
padding: 1.5001875rem 14rem 1.5001875rem 1.9998125rem; }
.box-offers-cards .hero-wrapper .richText.offers-card-right-text {
padding: 24.003px 24.003px 24.003px 224px;
padding: 1.5001875rem 1.5001875rem 1.5001875rem 14rem; } }
@media only screen and (max-width: 768px) {
.box-offers-cards .box-illustration-left-img .richText,
.box-offers-cards .box-illustration-right-img .richText {
padding: 24.003px 16.002px 47.999px 31.997px;
padding: 1.5001875rem 1.000125rem 2.9999375rem 1.9998125rem; }
.box-offers-cards .text-dark h3,
.box-offers-cards .text-dark .h3,
.box-offers-cards .text-light h3,
.box-offers-cards .text-light .h3,
.box-offers-cards .richText h3,
.box-offers-cards .richText .h3 {
text-wrap: nowrap; }
.box-offers-cards .text-dark p,
.box-offers-cards .text-light p,
.box-offers-cards .richText p {
font-size: 16.002px;
font-size: 1.000125rem; } }
@media only screen and (max-width: 480px) {
.box-offers-cards .hero-wrapper,
.box-offers-cards .box-illustration-left-img,
.box-offers-cards .box-illustration-right-img {
min-width: 248.003px;
min-width: 15.5001875rem;
max-width: none;
max-height: none; }
.box-offers-cards .text-dark h3,
.box-offers-cards .text-dark .h3,
.box-offers-cards .text-light h3,
.box-offers-cards .text-light .h3,
.box-offers-cards .richText h3,
.box-offers-cards .richText .h3 {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
text-wrap: wrap; }
.box-offers-cards .hero-wrapper {
background-position-y: bottom;
height: calc(100vw + 120px); }
.box-offers-cards .hero-wrapper .richText.offers-card-left-text,
.box-offers-cards .hero-wrapper .richText.offers-card-right-text {
padding: 16.002px 16.002px 203px 16.002px;
padding: 1.000125rem 1.000125rem 12.6875rem 1.000125rem; }
.box-offers-cards .hero-wrapper p:nth-of-type(2) {
margin-top: 39.998px;
margin-top: 2.499875rem;
position: relative;
bottom: 0; }
.box-offers-cards .hero-wrapper p:nth-of-type(2) a[class*='btn-'][class*='-action-'] {
margin-top: 0 !important; }
.box-offers-cards .box-illustration-left-img,
.box-offers-cards .box-illustration-right-img {
height: auto; }
.box-offers-cards .box-illustration-left-img > .component-content > .content,
.box-offers-cards .box-illustration-right-img > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.box-offers-cards .box-illustration-left-img .image,
.box-offers-cards .box-illustration-right-img .image {
width: auto; }
.box-offers-cards .box-illustration-left-img .image img,
.box-offers-cards .box-illustration-right-img .image img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 0 auto; }
.box-offers-cards .box-illustration-left-img .richText,
.box-offers-cards .box-illustration-right-img .richText {
padding: 16.002px;
padding: 1.000125rem;
width: calc(100% - 32px); }
.box-offers-cards .box-illustration-left-img p:nth-of-type(2),
.box-offers-cards .box-illustration-right-img p:nth-of-type(2) {
margin-top: 16.002px;
margin-top: 1.000125rem;
display: block; }
.box-offers-cards .box-illustration-left-img p:nth-of-type(2) a[class*='btn-'][class*='-action-'],
.box-offers-cards .box-illustration-right-img p:nth-of-type(2) a[class*='btn-'][class*='-action-'] {
margin-top: 0 !important; } }
.box-supported-by-sec {
height: 120.001px;
height: 7.5000625rem;
border-bottom: 1px solid #e3e2e2; }
.box-supported-by-sec .richText {
margin-right: 47.999px;
margin-right: 2.9999375rem;
display: inline-block; }
.box-supported-by-sec .richText p {
height: 120.001px;
height: 7.5000625rem;
margin: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #524A4A; }
#content .box-supported-by-sec .richText.default-style {
padding: 0; }
.box-supported-by-sec .image.component {
height: 39.998px;
height: 2.499875rem;
max-height: 39.998px;
max-height: 2.499875rem;
top: -4.998px;
top: -0.312375rem;
display: inline-block;
position: relative; }
.box-supported-by-sec .image.component:not(.last) {
margin-right: 72.002px;
margin-right: 4.500125rem; }
.box-supported-by-sec .image.component img {
max-height: 39.998px;
max-height: 2.499875rem; }
.box-supported-by-sec .image.component .component-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 767px) {
.box-supported-by-sec {
height: auto; }
.box-supported-by-sec .richText {
display: block; }
.box-supported-by-sec .richText p {
height: 87.997px;
height: 5.4998125rem; }
.box-supported-by-sec .image.component {
margin-bottom: 31.997px;
margin-bottom: 1.9998125rem;
width: 32%;
max-height: none;
height: auto; }
.box-supported-by-sec .image.component:not(.last) {
margin-right: 0; } }
.box-showcase-details-group > .component-content > .content {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
gap: 24px 24px; }
.box-showcase-details-group > .component-content > .content a {
display: none; }
.box-showcase-details-group .richText-self-service-item,
.box-showcase-details-group .richText-self-service-showcase {
min-width: 144.998px;
min-width: 9.062375rem;
max-width: 252px;
max-width: 15.75rem;
padding-left: 31.997px;
padding-left: 1.9998125rem;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.box-showcase-details-group .richText-self-service-item h3,
.box-showcase-details-group .richText-self-service-item p,
.box-showcase-details-group .richText-self-service-showcase h3,
.box-showcase-details-group .richText-self-service-showcase p {
line-height: 24.003px;
line-height: 1.5001875rem;
font-size: 16.002px;
font-size: 1.000125rem; }
.box-showcase-details-group .richText-self-service-item h3,
.box-showcase-details-group .richText-self-service-showcase h3 {
font-weight: 600;
min-height: 0; }
.box-showcase-details-group .richText-self-service-item p,
.box-showcase-details-group .richText-self-service-showcase p {
color: #787272;
font-weight: 400;
margin-bottom: 0; }
@media only screen and (max-width: 1280px) {
.box-showcase-details-group .richText-self-service-item,
.box-showcase-details-group .richText-self-service-showcase {
max-width: 252px;
max-width: 15.75rem; } }
@media only screen and (max-width: 1024px) {
.box-showcase-details-group .richText-self-service-item,
.box-showcase-details-group .richText-self-service-showcase {
margin-bottom: 0;
width: auto !important; }
.box-showcase-details-group .richText-self-service-item > .component-content > .content,
.box-showcase-details-group .richText-self-service-showcase > .component-content > .content {
gap: 16px 24px; }
.box-showcase-details-group .richText-self-service-item h3,
.box-showcase-details-group .richText-self-service-showcase h3 {
height: auto; } }
@media only screen and (max-width: 768px) {
.box-showcase-details-group .richText-self-service-item,
.box-showcase-details-group .richText-self-service-showcase {
min-width: 108.003px;
min-width: 6.7501875rem;
max-width: 162.001px;
max-width: 10.1250625rem; } }
@media only screen and (max-width: 480px) {
.box-showcase-details-group .richText-self-service-item.first,
.box-showcase-details-group .richText-self-service-showcase.first {
padding-left: 0; } }
.box-illustrative-categories {
position: relative; }
.box-illustrative-categories > .component-content {
overflow-x: scroll;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth; }
.box-illustrative-categories > .component-content::-webkit-scrollbar {
display: none; }
.box-illustrative-categories::before, .box-illustrative-categories::after {
content: '';
width: 31.997px;
width: 1.9998125rem;
height: 31.997px;
height: 1.9998125rem;
top: 80.003px;
top: 5.0001875rem;
position: absolute;
background: url("../../assets/img/arrow-circle.png") 50% 50% no-repeat;
display: block;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
transition: opacity 250ms;
z-index: 2; }
.box-illustrative-categories.no-scroll::before, .box-illustrative-categories.no-scroll::after {
display: none; }
.box-illustrative-categories::before {
left: calc((100vw - 1300px) / 2);
box-shadow: 0px 5px 10px 0px rgba(45, 35, 35, 0.11);
border-radius: 50%; }
.box-illustrative-categories::after {
right: calc((100vw - 1330px) / 2);
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
box-shadow: 0px -5px 10px 0px rgba(45, 35, 35, 0.11);
border-radius: 50%; }
.box-illustrative-categories.scrolled-right::after {
display: none; }
.box-illustrative-categories.scrolled-left::before {
display: none; }
.box-illustrative-categories .richText.component {
width: 120.001px;
width: 7.5000625rem;
margin: 0px 46.998px;
margin: 0rem 2.937375rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative; }
.box-illustrative-categories .richText.component > .component-content {
z-index: 1;
max-width: 100%; }
.box-illustrative-categories .richText.component .richText-image {
height: 120.001px;
height: 7.5000625rem; }
.box-illustrative-categories .richText.component .richText-content {
font-family: "SourceSansPro-SemiBold", sans-serif;
white-space: normal;
text-align: center;
overflow: visible;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.box-illustrative-categories .richText.component .richText-content p, .box-illustrative-categories .richText.component .richText-content a {
line-height: 17.997px;
line-height: 1.1248125rem;
color: #2D2323; }
.box-illustrative-categories .richText.component.first {
margin-left: calc((100vw - 1260px) / 2); }
.box-illustrative-categories .richText.component.last {
margin-right: calc((100vw - 1260px) / 2); }
.box-illustrative-categories .richText.component:hover {
cursor: pointer; }
.box-illustrative-categories .richText.component:hover::before {
content: '';
width: 103.999px;
width: 6.4999375rem;
height: 103.999px;
height: 6.4999375rem;
top: 8.001px;
top: 0.5000625rem;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
border-radius: 50%;
box-shadow: 0px 5px 10px 0px rgba(45, 35, 35, 0.25); }
@media only screen and (max-width: 1440px) {
.box-illustrative-categories .richText.component.first {
margin-left: 7%; }
.box-illustrative-categories .richText.component.last {
margin-right: 7%; }
.box-illustrative-categories::before {
left: 4%; }
.box-illustrative-categories::after {
right: 2%; } }
@media only screen and (max-width: 1024px) {
.box-illustrative-categories .richText.component {
margin: 0px 24.003px;
margin: 0rem 1.5001875rem; }
.box-illustrative-categories .richText.component:hover::before {
display: none; } }
@media only screen and (max-width: 768px) {
.box-illustrative-categories .richText.component {
width: 70px;
width: 4.375rem;
margin: 0; }
.box-illustrative-categories .richText.component .richText-image {
height: 59.997px;
height: 3.7498125rem; }
.box-illustrative-categories .richText.component.first {
margin-left: 7%; }
.box-illustrative-categories .richText.component.last {
margin-right: 7%; }
.box-illustrative-categories::before, .box-illustrative-categories::after {
width: 19.999px;
width: 1.2499375rem;
height: 19.999px;
height: 1.2499375rem;
background-size: 19.999px;
background-size: 1.2499375rem;
top: 47.999px;
top: 2.9999375rem; } }
@media only screen and (max-width: 480px) {
#content .box-illustrative-categories div.richText.component.section {
width: 59.997px;
width: 3.7498125rem;
padding: 0px 10.003px;
padding: 0rem 0.6251875rem; }
.box-illustrative-categories::after {
right: 0; } }
@charset "UTF-8";
.breadcrumbs {
font-size: 16.002px;
font-size: 1.000125rem;
padding-left: 14px;
padding-left: 0.875rem;
height: 70px;
height: 4.375rem;
left: 213.997px;
left: 13.3748125rem;
overflow: hidden;
position: absolute;
display: table;
box-sizing: border-box;
width: calc(100% - 560px);
transition: left 0.5s ease 0.25s; }
.mod-no-textshadow .breadcrumbs {
width: 70%; }
.breadcrumbs > .component-content {
display: table-cell;
vertical-align: middle;
box-sizing: border-box; }
.mod-js .breadcrumbs > .component-content {
height: 70px;
height: 4.375rem; }
.breadcrumbs .breadcrumbs-list {
margin: 0px -29.995px 0px 0px;
margin: 0rem -1.8746875rem 0rem 0rem;
padding: 0.994px 29.995px 0.994px 0px;
padding: 0.062125rem 1.8746875rem 0.062125rem 0rem;
overflow: auto;
overflow-y: hidden;
list-style: none; }
.mod-touch .breadcrumbs .breadcrumbs-list {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; }
.mod-js .breadcrumbs .breadcrumbs-list {
max-height: 107.996px;
max-height: 6.74975rem; }
.breadcrumbs .breadcrumbs-list li {
padding-right: 21px;
padding-right: 1.3125rem;
margin-right: 7px;
margin-right: 0.4375rem;
line-height: 2;
float: left;
position: relative; }
.breadcrumbs .breadcrumbs-list li a {
color: #787272; }
.breadcrumbs .breadcrumbs-list li a:hover {
color: #787272; }
.breadcrumbs .breadcrumbs-list li .breadcrumbs-separator {
max-width: 17.5px;
max-width: 1.09375rem;
right: 4.998px;
right: 0.312375rem;
font-size: 19.999px;
font-size: 1.2499375rem;
color: #787272;
line-height: 1;
transition: color 0.25s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.25s;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.25s, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
position: absolute;
top: 50%;
-webkit-transform: rotateY(0.1deg) translateY(-50%);
transform: rotateY(0.1deg) translateY(-50%); }
.breadcrumbs .breadcrumbs-list li .breadcrumbs-separator:empty::before {
content: "ï„…";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.breadcrumbs .breadcrumbs-list li:last-child {
background-image: none;
color: #AF144B;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.breadcrumbs .breadcrumbs-list li:last-child::before {
display: none; }
.breadcrumbs .breadcrumbs-list li.is-faded {
opacity: .6; }
.page-home .breadcrumbs,
.template-home .breadcrumbs {
display: block; }
.page-home .breadcrumbs .component-content,
.template-home .breadcrumbs .component-content {
display: none; }
@media only screen and (max-width: 992px) {
.breadcrumbs {
font-size: 12.99999995px;
font-size: 0.8124999969rem;
padding: 14px 0px 14px 30.1px;
padding: 0.875rem 0rem 0.875rem 1.88125rem;
height: 49px;
height: 3.0625rem;
background-color: #fff;
border: 0;
border-bottom: 1px solid rgba(248, 248, 248, 0.5);
max-height: none;
width: 100% !important;
box-sizing: border-box;
left: 0;
display: block;
margin-left: 0;
margin-top: 70px;
margin-top: 4.375rem;
z-index: 0; }
.breadcrumbs.step1 {
border-bottom: 0; }
.breadcrumbs .mod-touch,
.mod-js .breadcrumbs {
padding-top: 0;
padding-bottom: 0; }
.breadcrumbs .mod-touch > .component-content,
.mod-js .breadcrumbs > .component-content {
height: 47.999px;
height: 2.9999375rem;
overflow: hidden; }
.any-header-box-open .breadcrumbs {
left: 0; }
.mod-js .breadcrumbs > .component-content {
height: 47.999px;
height: 2.9999375rem;
display: block;
overflow: hidden; }
.mod-js .breadcrumbs .breadcrumbs-list {
padding: 11.998px 0px;
padding: 0.749875rem 0rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
margin-right: 0; }
.mod-touch .mod-js .breadcrumbs .breadcrumbs-list {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; }
.breadcrumbs .breadcrumbs-list li {
padding-right: 17.5px;
padding-right: 1.09375rem;
float: none;
display: inline-block; }
.breadcrumbs .breadcrumbs-list li .breadcrumbs-separator {
right: -1px; }
.breadcrumbs .breadcrumbs-list li .breadcrumbs-separator:empty::before {
margin-top: -3.997px;
margin-top: -0.2498125rem; }
.breadcrumbs .breadcrumbs-list li:hover .breadcrumbs-separator {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.mod-no-textshadow .breadcrumbs .breadcrumbs-list li:hover .breadcrumbs-separator {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.page-home .breadcrumbs,
.template-home .breadcrumbs {
height: 0;
border: 0;
opacity: 0; }
.page-home .breadcrumbs .component-content,
.template-home .breadcrumbs .component-content {
display: block; } }
@media only screen and (max-width: 480px) {
.breadcrumbs {
margin-top: 50.001px;
margin-top: 3.1250625rem;
height: 29.001px;
height: 1.8125625rem;
background-color: #f7f7f7; }
.mod-js .breadcrumbs .breadcrumbs-list {
padding: 2px 0; } }
.breadcrumbs-redesign {
font-size: 14px;
font-size: 0.875rem;
height: 80.003px;
height: 5.0001875rem;
left: 0;
position: relative;
padding: 0;
z-index: unset;
overflow: visible;
display: block; }
.hide-template-breadcrumbs .breadcrumbs-redesign.breadcrumbs-template {
display: none; }
.breadcrumbs-redesign.height-adjustment {
height: 70px;
height: 4.375rem; }
.breadcrumbs-redesign.height-adjustment .breadcrumbs-list {
padding-block: 31.997px;
padding-block: 1.9998125rem; }
.breadcrumbs-redesign.breadcrumbs-absolute-pos {
position: absolute;
padding-left: calc((100vw - 1240px) / 2); }
.breadcrumbs-redesign.breadcrumbs-hero {
position: relative;
top: 50.001px;
top: 3.1250625rem;
z-index: 1; }
.breadcrumbs-redesign.breadcrumbs.show-popup .breadcrumbs-popup-container {
display: block;
margin-top: -1px;
z-index: 1; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list {
overflow: visible; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li {
padding-right: 19.999px;
padding-right: 1.2499375rem;
margin-right: 5.999px;
margin-right: 0.3749375rem;
line-height: 1.2; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:not(:nth-child(2)) {
display: none; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li a {
color: #FA551E; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:last-child {
color: #2D2323;
font-family: "SourceSansPro-Regular", sans-serif; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:last-child a {
color: #2D2323; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li .breadcrumbs-separator {
font-size: 14px;
font-size: 0.875rem;
width: 5px;
color: #2D2323; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:nth-child(2), .breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:nth-last-child(1), .breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:nth-last-child(2) {
display: inline-block; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list .breadcrumb-list-replacement {
padding-right: 19.999px;
padding-right: 1.2499375rem; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-popup-container {
padding: 11.998px 16.002px;
padding: 0.749875rem 1.000125rem;
margin-top: -10.003px;
margin-top: -0.6251875rem;
background-color: #fff;
position: absolute;
display: none;
border: 1px solid #e3e2e2;
width: calc(100% - 32px);
border-radius: 5px;
list-style-type: none;
box-shadow: 0px 4px 8px 0px #2D2323; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-popup-container li {
padding: 4px 0; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-popup-container li .breadcrumbs-separator {
display: none; }
.breadcrumbs-redesign.show-popup .breadcrumbs-popup-container {
display: none; }
.breadcrumbs-redesign.show-popup .breadcrumbs-popup-container::before {
content: '';
display: block;
height: 11.998px;
height: 0.749875rem;
width: 11.998px;
width: 0.749875rem;
top: -7px;
top: -0.4375rem;
left: 77px;
left: 4.8125rem;
background: #fff;
border-top: solid 1px #e3e2e2;
border-right: solid 1px #e3e2e2;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
z-index: 1; }
@media only screen and (max-width: 992px) {
.breadcrumbs-redesign {
top: 0;
margin-top: 0; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li .breadcrumbs-separator {
right: 0; } }
@media only screen and (max-width: 767px) {
.breadcrumbs-redesign.breadcrumbs .component-content {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li {
margin-right: 11.998px;
margin-right: 0.749875rem; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:nth-last-child(3):not(:nth-child(2)) {
display: none; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-list li:nth-child(2) {
display: inline-block; }
.breadcrumbs-redesign.breadcrumbs.show-popup ol.breadcrumbs-popup-container {
z-index: 1; }
.breadcrumbs-redesign.breadcrumbs.show-popup ol.breadcrumbs-popup-container::before {
left: 84.7px;
left: 5.29375rem; }
.breadcrumbs-redesign.breadcrumbs-hero {
top: 35px;
top: 2.1875rem;
height: 50.001px;
height: 3.1250625rem; }
.breadcrumbs-redesign.height-adjustment .breadcrumbs-list {
padding-top: 23.982px;
padding-top: 1.498875rem;
padding-bottom: 0; } }
@media only screen and (max-width: 480px) {
.breadcrumbs-redesign {
background-color: transparent;
border-bottom: none; }
.breadcrumbs-redesign.breadcrumbs .breadcrumbs-popup-container {
margin-top: -10.003px;
margin-top: -0.6251875rem; } }
.captcha.component.captcha-refresh button.refresh-btn {
width: 24.997px;
width: 1.5623125rem;
height: 24.997px;
height: 1.5623125rem;
margin: 14px;
margin: 0.875rem;
background-image: url(/etc/designs/zg/absacoza/desktop/assets/img/captcha-icons.png);
background-repeat: repeat;
background-position: 2px 60px; }
form button.refresh-btn {
display: none; }
.captcha > .captcha:not(:first-child) {
display: none; }
.captcha.component.initialized {
transition: height 250ms linear;
overflow: hidden; }
.captcha.component.initialized.field-hidden {
height: 0px !important; }
@charset "UTF-8";
.carousel > .component-content {
position: relative;
border: solid 2px #323131;
background-color: #e1e1e1;
padding: 15px 60px; }
.carousel-slides {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
position: relative; }
.carousel-slide {
clear: both;
position: absolute;
width: 100%; }
.carousel-slide .no-content,
.carousel-slide .no-image {
text-align: center; }
.carousel-slide.is-active {
display: block;
position: relative; }
.carousel-cover {
max-width: 50%;
height: auto;
float: right; }
.carousel-slide .image-and-content {
overflow: hidden; }
.carousel-slide .no-content .carousel-cover {
float: none;
max-width: 100%; }
.carousel-slide .no-image .carousel-content {
float: none;
max-width: 100%; }
.carousel-content {
max-width: 48%;
float: left;
text-align: left;
transition: margin 200ms ease-in;
width: 100%; }
.carousel-nav {
text-align: center;
margin-top: 20px;
overflow: hidden;
padding: 0; }
.carousel-nav li {
display: inline-block;
margin: 0 3px; }
.carousel-nav a {
display: inline-block;
border: 2px solid #656363;
width: 10px;
height: 10px;
font-size: 0;
color: transparent; }
.carousel-nav li.is-active a {
background: #939191; }
.carousel-nav-prev,
.carousel-nav-next {
position: absolute;
top: 50%;
border: none;
width: 19px;
height: 31px; }
.carousel-nav-prev a,
.carousel-nav-next a {
border: none;
display: block;
width: 100%;
height: 100%; }
.carousel-nav-prev {
left: 10px; }
.carousel-nav-prev a::before {
content: "ï“";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
color: #939191; }
.carousel-nav-prev a:hover::before {
color: #323131; }
.carousel-nav-next {
right: 10px; }
.carousel-nav-next a::before {
content: "ï”";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
color: #939191; }
.carousel-nav-next a:hover::before {
color: #323131; }
.no-js .carousel .carousel-slide:first-child {
margin-top: 0;
border-top: none; }
.no-js .carousel .carousel-slide {
position: static; }
.no-js .carousel .carousel-nav li {
display: none; }
.lt-ie8 .carousel-nav li {
display: inline;
zoom: 1; }
.lt-ie8 .carousel-nav li.is-active a {
background: #939191; }
.lt-ie8 .carousel-nav .carousel-nav-prev, .lt-ie8 .carousel-nav .carousel-nav-next {
width: 19px;
height: 31px; }
.lt-ie8 .carousel-nav .carousel-nav-prev a, .lt-ie8 .carousel-nav .carousel-nav-next a {
border: none;
display: block;
width: 100%;
height: 100%; }
.lt-ie8 .carousel-nav a {
display: block;
zoom: 1;
border: 2px solid #656363;
width: 10px;
height: 10px; }
@media only screen and (max-width: 480px) {
.carousel-cover {
max-width: 100%;
float: none;
margin: auto;
display: block; }
.carousel-content {
max-width: 100%;
float: none; }
.carousel-nav li {
display: none; }
.carousel-nav .carousel-nav-prev,
.carousel-nav .carousel-nav-next {
display: block; } }
.carousel.first-timer > .component-content {
padding: 0;
background-color: #fff;
border: none; }
.carousel.first-timer .carousel-slides {
min-height: 500px; }
.carousel.first-timer .carousel-slide {
height: 100%; }
.carousel.first-timer .slides-item_0,
.carousel.first-timer .slides-item_1,
.carousel.first-timer .slides-item_2,
.carousel.first-timer .slides-item_3,
.carousel.first-timer .slides-item_4,
.carousel.first-timer .slides-item_5 {
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
display: none; }
.carousel.first-timer .slides-item_0.is-active,
.carousel.first-timer .slides-item_1.is-active,
.carousel.first-timer .slides-item_2.is-active,
.carousel.first-timer .slides-item_3.is-active,
.carousel.first-timer .slides-item_4.is-active,
.carousel.first-timer .slides-item_5.is-active {
display: block; }
.carousel.first-timer .slides-item_5 {
background-position: center top !important; }
.carousel.first-timer .slides-item_0 svg {
width: 90%; }
.carousel.first-timer .slides-item_1 svg {
width: 30%; }
.carousel.first-timer .slides-item_2 svg {
width: 70%; }
.carousel.first-timer .slides-item_3 svg {
width: 95%; }
.carousel.first-timer .slides-item_4 svg {
width: 90%; }
.carousel.first-timer .slides-item_5 svg {
width: 90%; }
@media only screen and (min-width: 480px) {
.carousel.first-timer .slides-item_0 svg {
width: 45%; }
.carousel.first-timer .slides-item_1 svg {
width: 30%; }
.carousel.first-timer .slides-item_2 svg {
width: 70%; }
.carousel.first-timer .slides-item_3 svg {
width: 50%; }
.carousel.first-timer .slides-item_4 svg {
width: 45%; }
.carousel.first-timer .slides-item_5 svg {
width: 45%; } }
@media only screen and (min-width: 980px) {
.carousel.first-timer .slides-item_0 svg {
width: 25%; }
.carousel.first-timer .slides-item_1 svg {
width: 30%; }
.carousel.first-timer .slides-item_2 svg {
width: 70%; }
.carousel.first-timer .slides-item_3 svg {
width: 30%; }
.carousel.first-timer .slides-item_4 svg {
width: 25%; }
.carousel.first-timer .slides-item_5 svg {
width: 25%; } }
.carousel.first-timer .dummy-slide {
visibility: hidden;
opacity: 0; }
.carousel.first-timer .carousel-nav {
margin-top: 5px;
margin-bottom: 10px;
line-height: 0; }
.carousel.first-timer .carousel-nav a {
width: 10px;
height: 10px;
border-radius: 10px;
border: 1px solid #656363; }
.carousel.first-timer .carousel-nav li {
display: inline-block; }
.carousel.first-timer .carousel-nav li.is-active a {
background: #0074a6;
border-color: #0074a6; }
.carousel.first-timer .carousel-nav .carousel-nav-prev,
.carousel.first-timer .carousel-nav .carousel-nav-next {
color: #fff;
width: 50px; }
.carousel.first-timer .carousel-nav .carousel-nav-prev a,
.carousel.first-timer .carousel-nav .carousel-nav-next a {
width: 50px;
height: 50px;
border: none; }
.carousel.first-timer .carousel-nav .carousel-nav-prev a {
left: 10px;
content: url("../../assets/img/arrow-white-left.svg");
display: block;
color: #939191; }
.carousel.first-timer .carousel-nav .carousel-nav-next a {
right: 40px;
content: url("../../assets/img/arrow-white-right.svg");
display: block;
color: #939191; }
.carousel.first-timer .no-content {
position: absolute;
color: #fff;
width: 45%;
top: 10%;
left: 0;
right: 0;
margin: 0 auto; }
.carousel.first-timer .no-content strong {
font-weight: normal;
color: #00a5ff; }
.carousel.first-timer .no-content h1 {
color: #fff; }
.overlay-close {
top: 0 !important;
right: 5px !important; }
@charset "UTF-8";
.categoryNavigation {
padding: 144.998px 0px 65.002px 0px;
padding: 9.062375rem 0rem 4.062625rem 0rem; }
@media only screen and (max-width: 992px) {
.categoryNavigation {
padding: 215.005px 30.1px 36.4px;
padding: 13.4378125rem 1.88125rem 2.275rem; } }
.categoryNavigation p {
font-size: 10.5px;
font-size: 0.65625rem;
text-transform: uppercase;
letter-spacing: .03em; }
.categoryNavigation ul {
margin: 0;
padding: 0;
list-style: none; }
.categoryNavigation li {
font-size: 16.002px;
font-size: 1.000125rem;
color: #2D2323;
position: relative; }
@media only screen and (max-width: 992px) {
.categoryNavigation li.is-active {
background-color: #f5f5f5;
color: #2D2323; } }
.categoryNavigation li ul {
padding-left: 24.5px;
padding-left: 1.53125rem; }
@media only screen and (max-width: 992px) {
.categoryNavigation li ul {
padding-left: 0; }
.categoryNavigation li ul a {
padding-left: 24.5px;
padding-left: 1.53125rem;
color: #eb3158; }
.categoryNavigation li ul li.is-active, .categoryNavigation li ul li.is-empty {
padding-left: 24.5px;
padding-left: 1.53125rem; } }
.categoryNavigation li.is-active > a {
color: #2D2323; }
.categoryNavigation li.is-empty > a, .categoryNavigation li.is-empty {
color: #DDD; }
@media only screen and (max-width: 992px) {
.categoryNavigation li.is-empty, .categoryNavigation li.is-active {
border-bottom: 1px solid #e5e5e5; }
.categoryNavigation li.is-empty > a, .categoryNavigation li.is-active > a {
border: 0; } }
.categoryNavigation li.mobile-version {
display: none; }
.categoryNavigation li .close-category {
display: none; }
@media only screen and (max-width: 992px) {
.categoryNavigation li .close-category {
right: 10.003px;
right: 0.6251875rem;
display: block;
position: absolute;
color: #eb3158;
font-weight: 700;
text-transform: lowercase;
top: 0;
z-index: 101; }
.categoryNavigation li .close-category a,
.categoryNavigation li .close-category a:hover {
padding: 10.003px 4.998px;
padding: 0.6251875rem 0.312375rem;
background: none;
color: #eb3158; } }
@media only screen and (max-width: 992px) {
.categoryNavigation li {
font-size: 17.997px;
font-size: 1.1248125rem; }
.categoryNavigation li.has-child > a {
display: inline-block;
position: relative;
display: block; }
.categoryNavigation li.has-child > a::after {
display: inline-block;
font-family: 'icomoon';
content: "";
font-weight: 100;
font-size: 20px;
line-height: 1;
color: inherit;
position: absolute;
top: 15px;
right: 10px; }
.categoryNavigation li.has-child.active > a::after {
color: #2D2323; }
.categoryNavigation li.mobile-version {
padding-left: 28px;
padding-left: 1.75rem;
display: block; }
.categoryNavigation li.is-active:not(.is-root) {
padding-top: 7px;
padding-top: 0.4375rem;
padding-bottom: 7px;
padding-bottom: 0.4375rem; }
.categoryNavigation li a {
padding-top: 7px;
padding-top: 0.4375rem;
padding-bottom: 7px;
padding-bottom: 0.4375rem;
font-size: 17.997px;
font-size: 1.1248125rem; }
.categoryNavigation li a:hover, .categoryNavigation li a:hover::after {
background: #eb3158;
color: #fff; } }
.categoryNavigation a,
.categoryNavigation .is-current {
box-sizing: border-box;
display: block; }
@media only screen and (max-width: 992px) {
.categoryNavigation a,
.categoryNavigation .is-current {
padding-left: 10.5px;
padding-left: 0.65625rem; } }
.categoryNavigation .is-current {
display: inline-block;
position: relative;
font-size: 17.5px;
font-size: 1.09375rem;
padding: 7px 10.5px 7px 45.003px;
padding: 0.4375rem 0.65625rem 0.4375rem 2.8126875rem;
border: 1px solid #979797;
border-radius: 4px;
color: #2D2323;
display: none;
cursor: pointer; }
.categoryNavigation .is-current::after {
display: inline-block;
font-family: 'icomoon';
content: "";
font-weight: 100;
font-size: 20px;
line-height: 1;
color: inherit;
position: absolute;
top: 5px;
right: 10px; }
@media only screen and (max-width: 992px) {
.categoryNavigation .is-current {
display: block; }
.categoryNavigation .is-current::before {
font-size: 19.999px;
font-size: 1.2499375rem;
height: 17.997px;
height: 1.1248125rem;
width: 17.997px;
width: 1.1248125rem;
left: 17.997px;
left: 1.1248125rem;
top: 12.999px;
top: 0.8124375rem;
display: inline-block;
font-family: 'icomoon';
content: " ";
background: url("../../assets/img/icon-adjust.svg") no-repeat;
font-weight: 100;
line-height: 1;
color: inherit;
position: absolute; }
.categoryNavigation .is-current::after {
top: 9.002px;
top: 0.562625rem;
color: #2D2323;
pointer-events: none; } }
.categoryNavigation .categoryNavigationList {
display: none; }
.no-js .categoryNavigation .categoryNavigationList {
display: block !important; }
@media only screen and (min-width: 992px) {
.categoryNavigation .categoryNavigationList {
display: block !important; } }
@media only screen and (max-width: 992px) {
.categoryNavigation .categoryNavigationList {
border-left: 1px solid #979797;
border-right: 1px solid #979797;
border-bottom: 1px solid #979797;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; } }
.bb .categoryNavigation .categoryNavigationList {
display: block !important; }
@media only screen and (max-width: 992px) {
.categoryNavigation .message {
display: none; } }
.categoryNavigation li {
padding-bottom: 24.997px;
padding-bottom: 1.5623125rem; }
.categoryNavigation li.is-empty, .categoryNavigation li.is-empty:hover {
background: transparent;
color: #DDD; }
.categoryNavigation li:first-child {
font-family: "SourceSansPro-SemiBold", sans-serif;
font-size: 24.003px;
font-size: 1.5001875rem;
padding-bottom: 50.0003px;
padding-bottom: 3.12501875rem; }
.categoryNavigation li:first-child input[type=checkbox]:checked + label {
padding: 0px 0px 50.0003px 33.999px;
padding: 0rem 0rem 3.12501875rem 2.1249375rem; }
.categoryNavigation li:first-child:hover::after {
content: ''; }
@media only screen and (max-width: 992px) {
.categoryNavigation li {
padding-left: 10.5px;
padding-left: 0.65625rem;
padding-top: 7px;
padding-top: 0.4375rem;
padding-bottom: 7px;
padding-bottom: 0.4375rem;
border-bottom: 1px solid #e5e5e5; }
.categoryNavigation li:hover {
background: #eb3158;
color: #fff; }
.categoryNavigation li:hover::after {
content: ''; }
.categoryNavigation li:first-child {
font-size: 17.997px;
font-size: 1.1248125rem; } }
.categoryNavigation li input[type=checkbox] {
display: none; }
.categoryNavigation li input[type=checkbox] + label {
padding: 3.003px 0px 24.997px 33.999px;
padding: 0.1876875rem 0rem 1.5623125rem 2.1249375rem;
height: 19.999px;
height: 1.2499375rem;
width: 19.999px;
width: 1.2499375rem;
background: url("../../assets/img/unchecked.svg") no-repeat; }
.categoryNavigation li input[type=checkbox]:checked + label {
padding: 3.003px 0px 24.997px 33.999px;
padding: 0.1876875rem 0rem 1.5623125rem 2.1249375rem;
height: 19.999px;
height: 1.2499375rem;
width: 19.999px;
width: 1.2499375rem;
background: url("../../assets/img/checked.svg") no-repeat;
background-position: 0px 3px; }
.categoryNavigation input {
margin-top: -5px; }
@media only screen and (max-width: 767px) {
.categoryNavigation {
padding: 170.002px 30.1px 36.4px;
padding: 10.625125rem 1.88125rem 2.275rem; } }
@charset "UTF-8";
.contactInfo {
border-top: 1px solid #f5f5f5; }
.contactInfo.first {
border: 0; }
.contactInfo > .content {
padding: 28px 0px 42px 80.5px;
padding: 1.75rem 0rem 2.625rem 5.03125rem;
background: url("../../assets/img/envelope.svg") 25px 20px no-repeat;
background-size: 35px auto;
position: relative;
font-size: 0;
margin: auto;
max-width: 1441px; }
@media only screen and (max-width: 1440px) {
.contactInfo > .content {
padding-left: 50.05px;
padding-left: 3.128125rem;
background-position: 0 20px; } }
@media only screen and (max-width: 992px) {
.contactInfo > .content {
padding-left: 64.4px;
padding-left: 4.025rem;
height: auto !important; } }
@media only screen and (max-width: 480px) {
.contactInfo > .content {
padding-left: 54.04px;
padding-left: 3.3775rem;
background-size: 24px auto; } }
.box-padded .contactInfo > .content {
padding: 14px 0px 14px 80.5px;
padding: 0.875rem 0rem 0.875rem 5.03125rem;
background-position: 25px 20px; }
@media only screen and (max-width: 480px) {
.box-padded .contactInfo > .content {
padding-left: 84px;
padding-left: 5.25rem;
background-position: 30px 20px; } }
.contactInfo .hours {
left: 26%;
max-width: 190px; }
.contactInfo .address {
left: 66%; }
.contactInfo .telephone {
left: 6%; }
.contactInfo .email {
left: 46%; }
.contactInfo .product {
right: 0%; }
.contactInfo .col {
position: absolute;
display: inline-block;
box-sizing: border-box;
vertical-align: top; }
@media only screen and (max-width: 992px) {
.contactInfo .col {
margin-bottom: 21px;
margin-bottom: 1.3125rem;
max-width: none;
width: 100% !important;
position: relative;
left: 0; }
.contactInfo .col:last-child {
margin-bottom: 0; } }
.contactInfo h5 {
margin-bottom: 21px;
margin-bottom: 1.3125rem;
letter-spacing: 0;
margin-top: 0; }
.contactInfo h6 {
font-size: 11.9px;
font-size: 0.74375rem;
letter-spacing: 0;
text-transform: uppercase;
margin: 0; }
@media only screen and (max-width: 480px) {
.contactInfo h6 {
margin-bottom: 7px;
margin-bottom: 0.4375rem;
font-size: 11.2px;
font-size: 0.7rem; } }
.contactInfo p {
font-size: 18.9px;
font-size: 1.18125rem;
margin-bottom: 7px;
margin-bottom: 0.4375rem;
letter-spacing: 0;
margin: 0; }
@media only screen and (max-width: 480px) {
.contactInfo p {
font-size: 15.4px;
font-size: 0.9625rem; } }
.contactInfo a {
font-size: 15.4px;
font-size: 0.9625rem;
color: #eb3158;
display: block;
overflow: hidden;
text-overflow: ellipsis; }
@media only screen and (max-width: 480px) {
.contactInfo a {
font-size: 12.6px;
font-size: 0.7875rem; } }
.contactInfo a.view-products {
position: relative;
padding-right: 15px;
display: inline-block; }
.contactInfo a.view-products::after {
content: "ï”";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 8.4px;
font-size: 0.525rem;
position: absolute;
right: 0;
top: 1px; }
@media only screen and (max-width: 1440px) {
.accordion-wide .contactInfo {
padding-left: 24.99px;
padding-left: 1.561875rem;
padding-right: 24.99px;
padding-right: 1.561875rem; }
.box-padded .accordion-wide .contactInfo {
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 992px) {
.accordion-wide .contactInfo {
padding-left: 30.002px;
padding-left: 1.875125rem;
padding-right: 24.99px;
padding-right: 1.561875rem; } }
@media only screen and (max-width: 480px) {
.accordion-wide .contactInfo {
background-position: 0 20px; } }
.divider > .component-content {
background: #939191;
height: 2px;
background-size: 25% 100%;
margin: 2em 0; }
.divider.float-breaker > .component-content {
background: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
clear: both;
margin: 0;
padding: 0;
border: 0;
height: auto; }
.divider-grey > .component-content {
background: #dfdfdf;
height: 1px; }
.divider-no-margin > .component-content {
margin: 0; }
.divider-self-service-showcase {
width: 1px;
padding-left: 5vw; }
.divider-self-service-showcase.divider + .richText h3 {
margin: 7px 0px;
margin: 0.4375rem 0rem; }
.divider-self-service-showcase > .component-content {
height: 113.001px;
height: 7.0625625rem;
bottom: 0;
position: relative;
background: #c4c4c4;
width: 1px;
margin: 0; }
@media only screen and (max-width: 480px) {
.divider-self-service-showcase > .component-content {
height: 0px;
width: 0;
margin: 0px;
border: 0px; } }
@media only screen and (max-width: 992px) {
.divider-self-service-showcase {
padding-left: 3.5vw; } }
@media only screen and (max-width: 480px) {
.divider-self-service-showcase {
margin-bottom: 38.997px;
margin-bottom: 2.4373125rem;
height: 0;
width: 56vw;
border: 1px solid rgba(109, 114, 120, 0.23); } }
.divider.divider-grey-vertical {
vertical-align: top; }
.divider.divider-grey-vertical > .component-content {
top: 19.999px;
top: 1.2499375rem;
height: 84px;
height: 5.25rem;
position: relative;
background: #b5b2b2;
width: 1px; }
@media only screen and (max-width: 992px) {
.divider.divider-grey-vertical {
display: none; } }
.dropdownSearch > .dataFeeds {
margin: 0; }
.dropdownSearch__container {
max-width: 505.001px;
max-width: 31.5625625rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.dropdownSearch__container * {
box-sizing: border-box; }
.dropdownSearch__container .dropdownSearch__wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative; }
.dropdownSearch__container .dropdownSearch__wrapper .dropdownSearch__label {
font-size: 14px;
font-size: 0.875rem;
color: #524A4A;
font-weight: 600; }
.dropdownSearch__container .dropdownSearch__input-wrapper {
border-radius: 4.998px;
border-radius: 0.312375rem;
height: 39.998px;
height: 2.499875rem;
margin-top: 10.003px;
margin-top: 0.6251875rem;
padding: 2.002px 10.003px;
padding: 0.125125rem 0.6251875rem;
border: 1px solid #d0d0d0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.dropdownSearch__container .dropdownSearch__input-wrapper.dropdownSearch__input-wrapper--expanded {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__input {
border: none;
-webkit-flex: .9;
-ms-flex: .9;
flex: .9; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__input:active {
outline: none; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__input:focus {
outline: none; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__input::-webkit-input-placeholder {
color: #524A4A; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__input:-ms-input-placeholder {
color: #524A4A; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__input::placeholder {
color: #524A4A; }
.dropdownSearch__container .dropdownSearch__input-wrapper .dropdownSearch__icon {
padding-right: 10.003px;
padding-right: 0.6251875rem;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.dropdownSearch__container .dropdownSearch__drawer-container {
max-height: 159.999px;
max-height: 9.9999375rem;
top: 50.001px;
top: 3.1250625rem;
background-color: #fff;
border-bottom: 1px solid #d0d0d0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
display: none;
position: absolute;
overflow-y: scroll;
width: 100%;
z-index: 100; }
.dropdownSearch__container .dropdownSearch__drawer-container.dropdownSearch__drawer-container--expanded {
display: block; }
.dropdownSearch__container .dropdownSearch__drawer-container .dropdownSearch__drawer-wrapper {
margin: 0;
padding: 0; }
.dropdownSearch__container .dropdownSearch__drawer-container .dropdownSearch__drawer-wrapper .dropdownSearch__option {
height: 39.998px;
height: 2.499875rem;
padding: 4.998px 10.003px;
padding: 0.312375rem 0.6251875rem;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none; }
.dropdownSearch__container .dropdownSearch__drawer-container .dropdownSearch__drawer-wrapper .dropdownSearch__option:hover {
cursor: pointer; }
.dropdownSearch__container .dropdownSearch__button-wrapper {
margin-left: 15.001px;
margin-left: 0.9375625rem;
width: 129.997px;
width: 8.1248125rem;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.dropdownSearch__container .dropdownSearch__button-wrapper .dropdownSearch__button {
border-radius: 4.998px;
border-radius: 0.312375rem;
height: 39.998px;
height: 2.499875rem;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: white;
border: 1px solid #FA551E;
color: #FA551E;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: unset;
width: 100%; }
.dropdownSearch__container .dropdownSearch__button-wrapper .dropdownSearch__button:hover {
cursor: pointer; }
.dropdownSearch__container .dropdownSearch__button-wrapper .dropdownSearch__button:active {
outline: none; }
.dropdownSearch__container .dropdownSearch__button-wrapper .dropdownSearch__button:focus {
outline: none; }
@media only screen and (max-width: 992px) {
.dropdownSearch__container {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.dropdownSearch__container .dropdownSearch__wrapper {
width: 100%; }
.dropdownSearch__container .dropdownSearch__button-wrapper {
margin-top: 19.999px;
margin-top: 1.2499375rem;
width: 100%;
margin-left: 0; } }
@media only screen and (max-width: 480px) {
.dropdownSearch__container {
max-width: 90%;
margin-left: 5%; } }
.exchangeRates table thead tr th {
background: #fff;
font-weight: 100;
color: #0074a6;
border-top: 0 !important;
vertical-align: top !important; }
.exchangeRates table th {
border-right: 1px dotted #cccccc;
border-top: 1px solid #cccccc;
background: #f9f9f9;
box-sizing: border-box;
padding: 5px 20px;
overflow: hidden; }
.exchangeRates table td {
border-right: 1px dotted #cccccc;
border-top: 1px solid #cccccc;
background: #f9f9f9;
box-sizing: border-box;
padding: 5px 20px;
overflow: hidden; }
.fileList-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.fileList-date {
margin-bottom: 10px;
color: #868484; }
.fileList-file {
margin-bottom: 20px;
overflow: hidden; }
.fileList-description {
overflow: hidden; }
.fileList-title {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.fileList-list {
list-style: none;
margin: 0;
padding: 0; }
.fileList-thumbnail {
max-width: 100px;
float: left;
margin-right: 15px; }
.fileList-download {
text-align: right; }
.fileList-download-size {
color: #868484;
display: block; }
@media only screen and (max-width: 480px) {
.fileList-thumbnail {
float: none;
margin: auto;
display: block; } }
.flash > .component-content {
text-align: center; }
.flash object {
max-width: 100%; }
/* Flash is not installed */
.flash-missing {
margin: 0 auto; }
.flash .seoDescription {
display: none; }
@charset "UTF-8";
/* STATES AND INPUT GROUP VARIABLES
------------------------------------*/
/* TEMPORARY VARIABLES FOR OPERATIONS
------------------------------------*/
/* CREATING SCSS USABLE VARIABLES FOR INTERPOLATION
------------------------------------*/
/* FUNCTIONAL VARIABLES FOR INPUTS AND STATES
------------------------------------*/
/* COLOR AND FONT VARIABLES
TODO: SEPARATE COLOR ON FUNCTIONS
------------------------------------*/
/* MAIN STYLE FOR FORM
------------------------------------*/
.form {
/* TWITTER BOOTSTRAP FORM STYLE
------------------------------------*/
/* STATES STYLES
------------------------------------*/
/* ARROW BUTTON STYLES
-----------------------------------*/ }
.form .form-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.form form {
margin: 0 0 20px; }
.form fieldset {
margin: 15px 0;
min-width: 0;
background: transparent;
border: none;
border-bottom: 2px solid #eb3158; }
.form legend {
font-size: 18px;
font-weight: 700;
margin-left: 10px;
padding: 0 5px; }
.form fieldset legend {
display: table;
white-space: normal;
margin-right: 10px; }
.form input,
.form select,
.form textarea {
font-size: 14px;
font-weight: normal;
line-height: normal;
max-width: 100%; }
.form textarea {
width: 299.999px;
width: 18.7499375rem;
min-width: 199.9998px;
min-width: 12.4999875rem;
box-sizing: border-box; }
.form input,
.form button,
.form select,
.form textarea {
font-family: "SourceSansPro-Regular", sans-serif; }
.form button {
font-weight: 100;
margin-top: 4px; }
@media only screen and (max-width: 992px) {
.form button {
display: block; } }
.form label {
display: block;
margin-bottom: 5px;
color: #2D2323; }
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
font-size: 16.8px;
font-size: 1.05rem;
margin-top: 0px;
margin-top: 0rem;
padding: 12px 16px;
font-family: "SourceSansPro-Regular", sans-serif;
box-sizing: border-box;
display: inline-block;
line-height: normal;
color: #2D2323;
vertical-align: middle;
width: 100%; }
@media only screen and (max-width: 992px) {
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
font-size: 14px;
font-size: 0.875rem; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
font-size: 16px; } }
.form input,
.form textarea,
.form .uneditable-input {
width: 100%; }
.form fieldset textarea {
resize: vertical;
width: 100%; }
.form textarea {
min-width: 100%;
min-height: 99.9999px;
min-height: 6.24999375rem; }
@media only screen and (max-width: 480px) {
.form textarea {
height: 64.9999px;
height: 4.06249375rem; } }
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
border: 0;
border-radius: inherit; }
.form select:focus,
.form textarea:focus,
.form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="password"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="text"]:focus, .form input[type="url"]:focus, .form input[type="color"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="month"]:focus, .form input[type="time"]:focus, .form input[type="week"]:focus,
.form .uneditable-input:focus {
outline: 0; }
.form input + .help-block,
.form select + .help-block,
.form textarea + .help-block,
.form .uneditable-input + .help-block {
margin-top: 10px; }
.form input,
.form textarea,
.form select,
.form .help-inline,
.form .uneditable-input {
display: inline-block;
*display: inline;
margin-bottom: 0;
vertical-align: middle;
*zoom: 1; }
.form input[type="file"],
.form input[type="image"],
.form input[type="submit"],
.form input[type="reset"],
.form input[type="button"],
.form input[type="radio"],
.form input[type="checkbox"] {
width: auto; }
.form select {
background: none;
margin: 0;
-webkit-appearance: none;
appearance: none; }
.form select::-ms-expand {
display: none !important; }
.form select::-ms-value {
background: none !important; }
.form select::-ms-expand {
display: none; }
.form .selectField,
.form .emailContactDropdown {
position: relative;
z-index: 8; }
.form .selectField .component-content,
.form .emailContactDropdown .component-content {
position: relative;
z-index: 9; }
.form .selectField .controls,
.form .emailContactDropdown .controls {
position: relative;
color: #2D2323;
z-index: 10; }
.mod-no-textshadow .form .selectField .controls, .mod-no-textshadow
.form .emailContactDropdown .controls {
width: 110%;
max-width: none; }
.form .selectField .controls select,
.form .emailContactDropdown .controls select {
position: relative;
z-index: 11; }
.form .selectField .controls select::-ms-value,
.form .emailContactDropdown .controls select::-ms-value {
color: #2D2323; }
@media only screen and (max-width: 992px) {
.form .selectField .controls select,
.form .emailContactDropdown .controls select {
padding-right: 24.997px;
padding-right: 1.5623125rem;
white-space: normal; } }
.form .selectField .controls select option,
.form .emailContactDropdown .controls select option {
line-height: 19.999px;
line-height: 1.2499375rem; }
.form .selectField::after,
.form .emailContactDropdown::after {
content: "";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
position: relative;
font-weight: normal;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30.002px;
font-size: 1.875125rem;
top: 38.003px;
top: 2.3751875rem;
right: 19.999px;
right: 1.2499375rem;
line-height: 29.9999px;
line-height: 1.87499375rem;
color: inherit;
float: none;
position: absolute;
bottom: auto;
z-index: 8;
pointer-events: none;
box-shadow: -7px -14px 12px 0 #fff, 7px 14px 12px 0 #fff;
background-color: #fff;
pointer-events: none; }
@media only screen and (max-width: 480px) {
.form .selectField::after,
.form .emailContactDropdown::after {
font-size: 21px;
font-size: 1.3125rem;
right: 12.0001px;
right: 0.75000625rem; } }
.form .emailContactDropdown .controls select {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem;
white-space: nowrap; }
@media only screen and (max-width: 480px) {
.form .emailContactDropdown .controls select {
padding-top: 17.0002px;
padding-top: 1.0625125rem; } }
.form select[multiple],
.form select[size] {
height: auto; }
.form .uneditable-input,
.form .uneditable-textarea {
color: #999999;
cursor: not-allowed;
background-color: #fcfcfc;
border-color: #CCCCCC;
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025); }
.form .uneditable-input {
overflow: hidden;
white-space: nowrap; }
.form .uneditable-textarea {
width: auto;
height: auto; }
.form input::-webkit-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form input:-ms-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form input::placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form textarea::-webkit-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form textarea:-ms-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form textarea::placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form input::-moz-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form textarea:-moz-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form input::-ms-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form textarea::-ms-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form input::-webkit-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form textarea::-webkit-input-placeholder {
font-family: "SourceSansPro-Italic", sans-serif; }
.form .form-actions {
padding-left: 179.998px;
padding-left: 11.249875rem; }
.form .hide {
display: none; }
.form .controls {
clear: both; }
.form .controls > .radio:first-child,
.form .controls > .checkbox:first-child {
padding-top: 5px; }
.form .radio.inline,
.form .checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle; }
.form .radio.inline + .radio.inline,
.form .checkbox.inline + .checkbox.inline {
margin-left: 9.99999px;
margin-left: 0.624999375rem; }
.form input,
.form textarea,
.form .uneditable-input {
margin-left: 0; }
.form .controls-row {
*zoom: 1; }
.form .controls-row::before, .form .controls-row::after {
display: table;
line-height: 0;
content: ''; }
.form .controls-row::after {
clear: both; }
.form input[disabled],
.form select[disabled],
.form textarea[disabled],
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee; }
.form .control-hide-label .control-label {
padding-top: 3.5px;
padding-top: 0.21875rem;
padding-left: 5.6px;
padding-left: 0.35rem;
word-break: break-all;
float: left;
line-height: normal;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
@media only screen and (max-width: 480px) {
.form .control-hide-label .control-label {
padding-left: 0; } }
.form .control-group.warning input, .form .control-group.warning select, .form .control-group.warning textarea, .form .control-group.warning .control-label, .form .control-group.warning .help-block, .form .control-group.warning .help-inline, .form .control-group.warning .checkbox, .form .control-group.warning .radio {
color: #c09853; }
.form .control-group.warning input, .form .control-group.warning select, .form .control-group.warning textarea {
border-color: #c09853;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.form .control-group.warning input:focus, .form .control-group.warning select:focus, .form .control-group.warning textarea:focus {
border-color: #a47e3c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }
.form .control-group.info input, .form .control-group.info select, .form .control-group.info textarea, .form .control-group.info .control-label, .form .control-group.info .help-block, .form .control-group.info .help-inline, .form .control-group.info .checkbox, .form .control-group.info .radio {
color: #3a87ad; }
.form .control-group.info input, .form .control-group.info select, .form .control-group.info textarea {
border-color: #3a87ad;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.form .control-group.info input:focus, .form .control-group.info select:focus, .form .control-group.info textarea:focus {
border-color: #2d6987;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }
.form .box-form-divider .form-element .control-group.error .controls {
background-color: rgba(246, 14, 8, 0.04);
border: solid 2px #f20608; }
.form .box-form-divider .form-element .control-group.error .controls input, .form .box-form-divider .form-element .control-group.error .controls select, .form .box-form-divider .form-element .control-group.error .controls textarea, .form .box-form-divider .form-element .control-group.error .controls .control-label, .form .box-form-divider .form-element .control-group.error .controls .help-block, .form .box-form-divider .form-element .control-group.error .controls .help-inline, .form .box-form-divider .form-element .control-group.error .controls .checkbox, .form .box-form-divider .form-element .control-group.error .controls .radio {
background-color: rgba(246, 14, 8, 0.04); }
.form .box-form-divider .form-element .control-group.error .controls input {
color: #f20608; }
.form .box-form-divider .form-element .control-group.error .control-label {
color: #f20608; }
.form .box-form-divider .textArea.form-element .control-group.error .controls::before {
content: '';
border-right: 0; }
.form .control-group.warning input[type="radio"],
.form .control-group.error input[type="radio"],
.form .control-group.success input[type="radio"],
.form .control-group.info input[type="radio"] {
box-shadow: none; }
.form input:focus:invalid,
.form textarea:focus:invalid,
.form select:focus:invalid {
color: #b94a48;
border-color: #f60e08; }
.form input:focus:invalid:focus,
.form textarea:focus:invalid:focus,
.form select:focus:invalid:focus {
border-color: #f60e08; }
.form .help-block,
.form .help-inline {
color: #595959; }
.form .help-block {
display: block;
margin-bottom: 0; }
.form .help-inline {
display: inline-block;
*display: inline;
padding-left: 5px;
vertical-align: middle;
*zoom: 1; }
.form .control-group {
margin-bottom: 5px;
*zoom: 1; }
.form legend + .control-group {
margin-top: 5px;
-webkit-margin-top-collapse: separate; }
.form .radio input[type="radio"] {
float: none;
vertical-align: baseline;
margin-top: 0;
margin-bottom: 0; }
.form .radio .radio-label-text {
vertical-align: baseline; }
.form .button-arrow-left button,
.form .button-arrow-right button {
height: 28px;
height: 1.75rem;
position: relative;
box-shadow: none;
overflow: visible; }
.form .button-arrow-left button {
margin-left: 19.999px;
margin-left: 1.2499375rem;
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.form .button-arrow-right button {
margin-right: 19.999px;
margin-right: 1.2499375rem;
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.form .button-arrow-left button::after,
.form .button-arrow-right button::after {
content: ' ';
width: 18.998px;
width: 1.187375rem;
height: 18.998px;
height: 1.187375rem;
display: inline-block;
position: absolute;
top: 3px;
background-color: #e1e1e1;
border: 2px solid #656363;
box-shadow: none; }
.form .button-arrow-left button::after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
left: -10px;
border-width: 0 1px 1px 0;
border-bottom-right-radius: 5px; }
.form .button-arrow-right button::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: -10px;
border-width: 1px 1px 0px 0px;
border-top-right-radius: 5px; }
.form .button-arrow-left button:hover::after,
.form .button-arrow-right button:hover::after {
background-color: #939191; }
.form .box-form-divider .form-element .control-group {
position: relative;
padding-bottom: 7px; }
.form .box-form-divider .form-element .control-group .controls {
min-height: 39.998px;
min-height: 2.499875rem;
border: solid 1px #e3e2e2;
border-radius: 5px; }
@-webkit-keyframes fade {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fade {
from {
opacity: 0; }
to {
opacity: 1; } }
.form .box-form-divider {
margin-bottom: 1.9999px;
margin-bottom: 0.12499375rem; }
@media only screen and (min-width: 481px) {
.form .box-form-divider .textField.grid_5 {
width: 50% !important;
padding: 0px 17.997px 0px 0px;
padding: 0rem 1.1248125rem 0rem 0rem; } }
.form .box-form-divider .form_rightcol_wrapper {
border: solid 1px #e3e2e2;
border-radius: 5px; }
.form .box-form-divider .textField + .textField {
margin-left: 0 !important;
padding: 0px 0px 0px 17.997px;
padding: 0rem 0rem 0rem 1.1248125rem;
position: relative; }
@media only screen and (max-width: 480px) {
.form .box-form-divider .textField + .textField {
padding-top: 18.9px;
padding-top: 1.18125rem;
margin: 0 !important;
padding-left: 0; } }
@media only screen and (max-width: 480px) {
.form .box-form-divider .textField + .textField .controls {
padding-top: 0; }
.form .box-form-divider .textField + .textField .controls::before {
display: block; } }
@media only screen and (max-width: 480px) {
.form .box-form-divider .textField + .textField .control-label {
padding-left: 0; } }
.form .button {
text-align: center; }
@media only screen and (max-width: 480px) {
.form .button {
width: 100%; } }
@media only screen and (max-width: 992px) {
.form .formButton {
display: block; } }
.form .radioGroup .radio-label-text:checked::before, .mod-js .form .checkboxField .control-label .checkbox-label-text:checked::before, .form input[type="radio"]:checked, .form input[type="checkbox"]:checked, .mod-js .form .checkboxField .control-label.checked .checkbox-label-text::before {
background-width: 19.999px;
background-width: 1.2499375rem;
background-height: 19.999px;
background-height: 1.2499375rem;
background-image: url("../../assets/img/ticked.svg"); }
.form .radioGroup .radio-label-text::before, .mod-js .form .checkboxField .control-label .checkbox-label-text::before, .form input[type="radio"], .form .radio input[type="radio"], .form input[type="checkbox"], .form .checkbox input[type="checkbox"] {
margin-left: -38px;
-webkit-appearance: none;
appearance: none;
transition: all .3s;
background-size: 19.999px 19.999px;
background-size: 1.2499375rem 1.2499375rem;
background-image: url("../../assets/img/unticked.svg");
background-repeat: no-repeat;
background-position: 50% 50%; }
@media only screen and (max-width: 480px) {
.form .radioGroup .radio-label-text::before, .mod-js .form .checkboxField .control-label .checkbox-label-text::before, .form input[type="radio"], .form .radio input[type="radio"], .form input[type="checkbox"], .form .checkbox input[type="checkbox"] {
width: 14px;
height: 14px; } }
.form .radioGroup .radio-label-text:active::before, .mod-js .form .checkboxField .control-label .checkbox-label-text:active::before, .form input[type="radio"]:active, .form input[type="checkbox"]:active {
border-color: #eb3158; }
.form .radioGroup [disabled].radio-label-text::before, .mod-js .form .checkboxField .control-label [disabled].checkbox-label-text::before, .form input[disabled][type="radio"], .form input[disabled][type="checkbox"], .form .radioGroup [readonly].radio-label-text::before, .mod-js .form .checkboxField .control-label [readonly].checkbox-label-text::before, .form input[readonly][type="radio"], .form input[readonly][type="checkbox"] {
background-color: transparent; }
.form .radioGroup .radio-label-text:checked::before, .form input[type="radio"]:checked, .form .radioGroup input[type="radio"]:checked + .radio-label-text::before, .form .radioGroup .radio.checked + .radio-label-text::before {
border-color: #000;
background-image: url("../../assets/img/selected.svg");
background-size: 19.999px 19.999px;
background-size: 1.2499375rem 1.2499375rem; }
@media only screen and (max-width: 480px) {
.form .radioGroup .radio-label-text:checked::before, .form input[type="radio"]:checked, .form .radioGroup input[type="radio"]:checked + .radio-label-text::before, .form .radioGroup .radio.checked + .radio-label-text::before {
background-size: 14px 14px;
background-size: 0.875rem 0.875rem; } }
.form .radioGroup .radio-label-text::before, .form input[type="radio"], .form .radio input[type="radio"] {
border-radius: 50%;
background-image: url("../../assets/img/unselected.svg");
background-size: 19.999px 19.999px;
background-size: 1.2499375rem 1.2499375rem; }
@media only screen and (max-width: 480px) {
.form .radioGroup .radio-label-text::before, .form input[type="radio"], .form .radio input[type="radio"] {
width: 18px;
height: 18px; } }
.form input[type="radio"],
.form input[type="checkbox"] {
margin: -5px 0 0;
margin-top: -2px \9;
*margin-top: 0;
line-height: normal; }
.form .checkboxField label,
.form .radioField label {
padding: 0;
float: none; }
@media only screen and (max-width: 480px) {
.form .checkboxField label,
.form .radioField label {
font-size: 9.8px;
font-size: 0.6125rem; } }
.no-js .form .checkboxField .control-label {
float: right;
width: calc(100% - 30px);
padding: 0;
margin: 0;
clear: none;
padding-bottom: 10px; }
.form .checkboxField .controls {
display: none; }
.mod-js .form .checkboxField input[type="checkbox"] {
opacity: 0;
pointer-events: none;
position: absolute;
z-index: -1; }
.mod-js .form .checkboxField input[type="checkbox"]:focus + .checkbox-label-text::before {
border-color: #eb3158;
color: #eb3158; }
.mod-js .form .checkboxField .checkbox-label-text {
position: relative;
padding-left: 44px;
font-family: "SourceSansPro-Regular", sans-serif;
size: 19.999px 19.999px;
size: 1.2499375rem 1.2499375rem;
font-size: 15.9999px;
font-size: 0.99999375rem;
color: #2D2323; }
@media only screen and (max-width: 480px) {
.mod-js .form .checkboxField .checkbox-label-text {
padding-left: 36px; } }
.mod-js .form .checkboxField .control-label {
width: auto;
float: none;
position: relative;
padding-left: 0;
padding-bottom: 10px;
text-indent: 0;
white-space: normal; }
.mod-js .form .checkboxField .control-label .checkbox-label-text::before {
content: '';
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 19.999px;
width: 1.2499375rem;
height: 19.999px;
height: 1.2499375rem; }
@media only screen and (max-width: 480px) {
.mod-js .form .checkboxField .control-label .checkbox-label-text::before {
left: 4px; } }
.form .radioGroup {
position: relative;
margin-left: 0; }
.form .radioGroup .control-label {
padding-left: 0;
padding-bottom: 5px; }
.form .radioGroup.form-element .control-group .controls {
border: none; }
.form .radioGroup input[type="radio"] {
opacity: 0;
position: absolute;
top: 0;
left: 0; }
.form .radioGroup .radio-label-text {
padding: 0 0 7px 43px;
width: auto;
float: none;
position: relative;
display: block; }
@media only screen and (max-width: 480px) {
.form .radioGroup .radio-label-text {
font-size: 16.00529px;
font-size: 1.000330625rem;
padding-left: 37px; } }
.form .radioGroup .radio-label-text::before {
content: '';
margin: 0;
position: absolute;
top: 0;
left: 0;
height: 19.999px;
height: 1.2499375rem;
width: 19.999px;
width: 1.2499375rem; }
.form .radioGroup .radio {
margin: 0 0;
padding-left: 0;
height: 50px; }
.form .radioGroup .radio + .radio {
margin: 0 0; }
.form .radioGroup.inline .component-content .control-group .controls {
padding-left: 0px; }
@media only screen and (max-width: 1280px) {
.form .radioGroup.inline .component-content .control-group .controls {
max-width: 199.997px;
max-width: 12.4998125rem; } }
.form .radioGroup.inline .radio,
.form .radioGroup.inline .checkbox {
display: inline-block;
padding-top: 0px;
margin-bottom: 0;
vertical-align: middle; }
@media only screen and (max-width: 1280px) {
.form .radioGroup.inline .radio,
.form .radioGroup.inline .checkbox {
display: block; } }
.form .radioGroup.inline .radio .radio-label-text {
padding: 10.997px 0px 0px 39.998px;
padding: 0.6873125rem 0rem 0rem 2.499875rem; }
.form .radioGroup.inline .radio .radio-label-text::before {
top: 14px;
top: 0.875rem;
padding-left: 24.997px;
padding-left: 1.5623125rem; }
.form .radioGroup.inline .radio + .radio,
.form .radioGroup.inline .checkbox + .checkbox {
margin-left: 25.998px;
margin-left: 1.624875rem;
border-left: solid 1px #999999; }
@media only screen and (max-width: 1280px) {
.form .radioGroup.inline .radio + .radio,
.form .radioGroup.inline .checkbox + .checkbox {
margin-left: 0;
border-left: 0; } }
.form .radio,
.form .checkbox {
min-height: 20px;
padding-left: 40px; }
.form input[type="checkbox"],
.form .checkbox input[type="checkbox"] {
margin-left: 0; }
.form > .component-content,
.form-element > .component-content {
overflow: hidden; }
/* FORM HORIZONTAL STYLES
------------------------------------*/
.form-horizontal .radio {
display: inline-block;
margin-right: 10px; }
/* MEDIA QUERIES
------------------------------------*/
@media only screen and (max-width: 992px) {
.form {
padding-left: 30.002px;
padding-left: 1.875125rem;
padding-right: 30.002px;
padding-right: 1.875125rem;
width: 100% !important;
box-sizing: border-box;
margin-left: 0 !important;
margin-right: 0 !important; } }
@media only screen and (max-width: 480px) {
.form .radio input[type="radio"] {
height: 14px; }
.form .control-group {
margin-bottom: 5px; }
.form .checkboxField .control-label {
float: left; }
.form .control-label {
float: none;
padding-top: 5px;
text-align: left; }
.form .controls {
margin-left: 0; }
.form .help-block {
margin-bottom: 10px; } }
@media only screen and (max-width: 319px) {
.form input,
.form textarea,
.form .uneditable-input {
width: 200px; }
.form select {
width: 200px; } }
input:focus {
outline: 0; }
/* NO JS STYLES
------------------------------------*/
.no-js .clearButton {
display: none; }
.town {
height: 0px;
overflow: hidden;
transition: height 350ms;
transition-timing-function: ease-in-out; }
.branch {
height: 0px;
overflow: hidden;
transition: height 350ms;
transition-timing-function: ease-in-out; }
.datepicker {
font-size: 14px;
font-size: 0.875rem;
padding: 39.998px 19.999px 19.999px;
padding: 2.499875rem 1.2499375rem 1.2499375rem;
border-radius: 5.999px;
border-radius: 0.3749375rem;
position: absolute;
z-index: 1;
border-radius: 0.857;
background-color: #fff;
box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.75); }
.datepicker > .picker-close {
width: 16px;
height: 16px;
top: 18.9px;
top: 1.18125rem;
right: 35px;
right: 2.1875rem;
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
position: absolute;
cursor: pointer;
overflow: hidden;
z-index: 200;
height: 14px;
height: 0.875rem;
width: 14px;
width: 0.875rem;
top: 14px;
top: 0.875rem;
right: 14px;
right: 0.875rem; }
.datepicker > .picker-close::after, .datepicker > .picker-close::before {
content: '';
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
transition: background-color .25s;
height: 1px;
width: 120%;
background-color: #2D2323;
position: absolute; }
.datepicker > .picker-close::after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.datepicker > .picker-close::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.datepicker > .picker-close:hover::before, .datepicker > .picker-close:hover::after {
background-color: #2D2323; }
@media only screen and (max-width: 992px) {
.datepicker > .picker-close {
right: 30px; } }
.datepicker .day-button {
border-radius: 3.997px;
border-radius: 0.2498125rem;
background-color: transparent;
border: none;
width: 100%;
height: 100%; }
.datepicker .day-button:hover {
background-color: #AF144B;
color: #fff; }
.datepicker .dt-head {
text-align: center; }
.datepicker .month-selector, .datepicker .year-selector {
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: "SourceSansPro-Bold", sans-serif; }
.datepicker .month-selector .prev-month, .datepicker .month-selector .next-month, .datepicker .month-selector .prev-y, .datepicker .month-selector .next-y, .datepicker .year-selector .prev-month, .datepicker .year-selector .next-month, .datepicker .year-selector .prev-y, .datepicker .year-selector .next-y {
width: 10%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer; }
.datepicker .month-selector .prev-month::before, .datepicker .month-selector .next-month::before, .datepicker .month-selector .prev-y::before, .datepicker .month-selector .next-y::before, .datepicker .year-selector .prev-month::before, .datepicker .year-selector .next-month::before, .datepicker .year-selector .prev-y::before, .datepicker .year-selector .next-y::before {
height: 14px;
height: 0.875rem;
width: 14px;
width: 0.875rem;
position: relative;
display: block;
top: 0;
right: 0;
content: '';
background: url("../../assets/img/thin-arrow.svg") no-repeat;
background-size: 14px;
background-size: 0.875rem; }
.datepicker .month-selector .prev-month::before, .datepicker .month-selector .prev-y::before, .datepicker .year-selector .prev-month::before, .datepicker .year-selector .prev-y::before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.datepicker .month-selector .next-month::before, .datepicker .month-selector .next-y::before, .datepicker .year-selector .next-month::before, .datepicker .year-selector .next-y::before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
.datepicker .month-selector .month, .datepicker .month-selector .year, .datepicker .year-selector .month, .datepicker .year-selector .year {
width: 80%; }
.datepicker > table {
margin-top: 19.999px;
margin-top: 1.2499375rem; }
.datepicker > table > tbody > tr > td {
width: 30.002px;
width: 1.875125rem;
height: 30.002px;
height: 1.875125rem; }
.star-rating.selectField::after {
content: ""; }
.star-rating.control-label {
width: 100%; }
.star-rating .inner-star-container {
display: inline-block; }
.star-rating .inner-star-container .star {
width: 50.001px;
width: 3.1250625rem;
height: 50.001px;
height: 3.1250625rem;
background-color: #efefef;
background-size: 100%;
cursor: pointer;
border: 1px solid #dfdfdf;
transition: background .1s linear;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #BE0028;
font-weight: bold; }
.star-rating .inner-star-container .star:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.star-rating .inner-star-container .star:nth-last-child(2) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.star-rating .inner-star-container .star.active-star {
background-color: #fff; }
.star-rating .inner-star-container .star.perm-active-star {
background-color: #fff; }
@media only screen and (max-width: 767px) {
.star-rating .inner-star-container .star {
width: 20%; } }
@media only screen and (max-width: 480px) {
.star-rating .inner-star-container .star {
width: 15vw; } }
.star-rating .inner-star-container .star-wording {
padding: 8.001px 0px 11.998px;
padding: 0.5000625rem 0rem 0.749875rem;
margin-bottom: 10.003px;
margin-bottom: 0.6251875rem;
color: #BE0028;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
border-bottom: 1px solid #dfdfdf; }
.star-rating .inner-star-container .star-wording span:last-child {
float: right; }
.form-rating-component {
border-radius: 8.001px;
border-radius: 0.5000625rem;
margin-left: 16.002px;
margin-left: 1.000125rem;
background-color: #fff;
border: solid 1px #e3e2e2;
overflow: hidden; }
.form-rating-component > .component-content {
overflow: visible; }
.form-rating-component .form-heading {
display: none; }
.form-rating-component form {
margin: 0; }
.form-rating-component .box-rating-step-one {
padding: 16.002px;
padding: 1.000125rem;
display: block;
position: relative; }
.form-rating-component .box-rating-step-one .richText.component {
margin-left: 30.002px;
margin-left: 1.875125rem;
height: 39.998px;
height: 2.499875rem;
display: inline-block; }
.form-rating-component .box-rating-step-one .richText.component p {
line-height: 39.998px;
line-height: 2.499875rem;
margin: 0;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.form-rating-component .box-rating-step-one .richText.component::before {
height: 24.003px;
height: 1.5001875rem;
width: 24.003px;
width: 1.5001875rem;
top: 24.003px;
top: 1.5001875rem;
left: 24.003px;
left: 1.5001875rem;
content: '';
display: block;
position: absolute;
background: url("../../assets/img/rating-alert-question.svg") no-repeat; }
.form-rating-component .box-rating-step-one .formButton {
display: inline-block;
position: absolute; }
.form-rating-component .box-rating-step-one .formButton > .component-content {
overflow: visible; }
.form-rating-component .box-rating-step-one .formButton .button {
width: 95.998px;
width: 5.999875rem;
margin: 0; }
.form-rating-component .box-rating-step-one .formButton.button-no-option {
right: 16.002px;
right: 1.000125rem; }
.form-rating-component .box-rating-step-one .formButton.button-yes-option {
right: 128.002px;
right: 8.000125rem; }
.form-rating-component .box-rating-step-two {
padding: 24.003px;
padding: 1.5001875rem;
display: none;
position: relative; }
.form-rating-component .box-rating-step-two .richText.component {
margin-left: 30.002px;
margin-left: 1.875125rem;
height: 66.003px;
height: 4.1251875rem; }
.form-rating-component .box-rating-step-two .richText.component p {
line-height: 24.003px;
line-height: 1.5001875rem;
margin: 0;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.form-rating-component .box-rating-step-two .richText.component::before {
height: 24.003px;
height: 1.5001875rem;
width: 24.003px;
width: 1.5001875rem;
top: 24.003px;
top: 1.5001875rem;
left: 24.003px;
left: 1.5001875rem;
content: '';
display: block;
position: absolute;
background: url("../../assets/img/rating-alert-warning.svg") no-repeat; }
.form-rating-component .box-rating-step-two .formButton .component-content {
overflow: visible; }
.form-rating-component .box-rating-step-two .formButton .component-content .button {
margin: 0; }
.form-rating-component .box-rating-step-two .formButton .component-content .button:not(.disabled) {
background-color: #FA551E;
color: #fff; }
.form-rating-component .box-rating-step-two .checkboxField.component .checkbox-label-text {
display: block; }
.form-rating-component .box-rating-step-two::before {
top: 72.002px;
top: 4.500125rem;
content: "";
display: block;
position: absolute;
left: 0;
height: 1px;
width: 100%;
background-color: #e3e2e2; }
.form-rating-component .box-rating-step-three {
padding: 16.002px;
padding: 1.000125rem;
display: none;
position: relative; }
.form-rating-component .box-rating-step-three .richText.component {
margin-left: 30.002px;
margin-left: 1.875125rem; }
.form-rating-component .box-rating-step-three .richText.component p {
line-height: 39.998px;
line-height: 2.499875rem;
margin: 0;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.form-rating-component .box-rating-step-three .richText.component::before {
height: 24.003px;
height: 1.5001875rem;
width: 24.003px;
width: 1.5001875rem;
top: 24.003px;
top: 1.5001875rem;
left: 24.003px;
left: 1.5001875rem;
content: '';
display: block;
position: absolute;
background: url("../../assets/img/rating-alert-success.svg") no-repeat; }
.form-rating-component.step-one .box-rating-step-one {
display: block; }
.form-rating-component.step-one .box-rating-step-two {
display: none; }
.form-rating-component.step-one .box-rating-step-three {
display: none; }
.form-rating-component.step-two .box-rating-step-one {
display: none; }
.form-rating-component.step-two .box-rating-step-two {
display: block; }
.form-rating-component.step-two .box-rating-step-three {
display: none; }
.form-rating-component.step-three .box-rating-step-one {
display: none; }
.form-rating-component.step-three .box-rating-step-two {
display: none; }
.form-rating-component.step-three .box-rating-step-three {
display: block; }
@media only screen and (max-width: 992px) {
.form-rating-component {
padding: 0; }
.form-rating-component .box-rating-step-one .richText.component {
margin-left: 19.999px;
margin-left: 1.2499375rem;
display: block; }
.form-rating-component .box-rating-step-one .richText.component::before {
left: 16.002px;
left: 1.000125rem; }
.form-rating-component .box-rating-step-one .formButton {
position: relative; }
.form-rating-component .box-rating-step-one .formButton.button-no-option {
right: auto; }
.form-rating-component .box-rating-step-one .formButton.button-yes-option {
margin-right: 16.002px;
margin-right: 1.000125rem;
right: auto; }
.form-rating-component .box-rating-step-two {
padding: 16.002px;
padding: 1.000125rem; }
.form-rating-component .box-rating-step-two .richText.component {
margin-left: 19.999px;
margin-left: 1.2499375rem; }
.form-rating-component .box-rating-step-two .richText.component p {
line-height: 24.003px;
line-height: 1.5001875rem; }
.form-rating-component .box-rating-step-two .richText.component::before {
top: 16.002px;
top: 1.000125rem;
left: 16.002px;
left: 1.000125rem; }
.form-rating-component .box-rating-step-two::before {
top: 56px;
top: 3.5rem; }
.form-rating-component .box-rating-step-three .richText.component p {
line-height: 24.003px;
line-height: 1.5001875rem; }
.form-rating-component .box-rating-step-three .richText.component::before {
top: 16.002px;
top: 1.000125rem;
left: 16.002px;
left: 1.000125rem; } }
.form-inside-iframe.component {
padding: 0; }
.form-inside-iframe.component label.control-label {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.form-inside-iframe.component .richText p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 28px;
line-height: 1.75rem; }
.form-inside-iframe.component .richText p strong {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.form-inside-iframe.component .richText.No-pad-RTE.last {
padding-bottom: 39.998px;
padding-bottom: 2.499875rem; }
.form-inside-iframe.component .formButton.component {
width: 49%;
display: inline-block; }
.form-inside-iframe.component button[type=submit]:not(.disabled) {
background-color: #FA551E;
color: #fff; }
.form-inside-iframe.component button[type=submit]:not(.disabled):visited {
color: #fff; }
.form-inside-iframe.component button[type=submit]:not(.disabled):active {
background-color: #ea511e;
border: solid 1px #ea511e;
color: #fff; }
.form-inside-iframe.component button[type=submit]:not(.disabled):hover {
background-color: #fa622f;
border: solid 1px #fa622f;
color: #fff;
box-shadow: 0 2px 4px 0 #b5b2b2;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
cursor: pointer; }
.form-inside-iframe.component .alert-error {
margin-top: 0; }
.success-inside-iframe p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 28px;
line-height: 1.75rem;
margin: 0; }
.success-inside-iframe p.greyed-text {
color: #9A9595; }
@charset "UTF-8";
.globalSearchResults {
padding-top: 129.997px;
padding-top: 8.1248125rem;
padding-bottom: 49px;
padding-bottom: 3.0625rem;
padding-left: 61.6px;
padding-left: 3.85rem;
border-bottom: 1px solid #dfdfdf; }
@media only screen and (max-width: 992px) {
.globalSearchResults {
padding-left: 30.1px;
padding-left: 1.88125rem;
padding-top: 21px;
padding-top: 1.3125rem;
padding-right: 30.1px;
padding-right: 1.88125rem;
margin-bottom: 23.1px;
margin-bottom: 1.44375rem;
height: auto !important; } }
.globalSearchResults .globalSearchResults-item {
margin: 14px 0px;
margin: 0.875rem 0rem;
padding-top: 7px;
padding-top: 0.4375rem;
font-size: 0;
overflow: hidden; }
.globalSearchResults .globalSearchResults-item.item-contact h5 {
margin-bottom: 2.1px;
margin-bottom: 0.13125rem; }
.globalSearchResults .globalSearchResults-item.item-contact .globalSearchResults-desc-col {
padding-top: 0; }
.globalSearchResults .globalSearchResults-item a {
color: #f0325a; }
.globalSearchResults .globalSearchResults-item a.globalSearchResults-direction {
display: inline-block;
position: relative;
clear: both; }
.globalSearchResults .globalSearchResults-item a.globalSearchResults-direction::after {
display: inline-block;
font-family: 'icomoon';
content: "î¤";
font-weight: 100;
font-size: 14px;
line-height: 1;
color: inherit;
position: absolute;
top: 2px;
right: -15px; }
.globalSearchResults .globalSearchResults-item p {
margin: 6.3px 0px 0px;
margin: 0.39375rem 0rem 0rem;
font-size: 16.8px;
font-size: 1.05rem;
line-height: 1.57;
letter-spacing: 0; }
@media only screen and (max-width: 992px) {
.globalSearchResults .globalSearchResults-item p {
font-size: 15.4px;
font-size: 0.9625rem; } }
.globalSearchResults .globalSearchResults-item p.globalSearchResults-date {
font-size: 12.6px;
font-size: 0.7875rem;
letter-spacing: .03em;
margin-top: 0; }
.globalSearchResults .globalSearchResults-item p.globalSearchResults-link {
margin-top: 0;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
@media only screen and (max-width: 480px) {
.globalSearchResults .globalSearchResults-item p.globalSearchResults-link {
max-width: 266px;
max-width: 16.625rem; } }
.globalSearchResults .globalSearchResults-item p br + br {
display: block !important; }
.globalSearchResults .globalSearchResults-icon {
display: none; }
.globalSearchResults .globalSearchResults-desc {
font-size: 0;
box-sizing: border-box;
display: inline-block;
vertical-align: top; }
.globalSearchResults .globalSearchResults-desc h5 {
font-size: 24.003px;
font-size: 1.5001875rem;
margin: 0px 0px 3.5px;
margin: 0rem 0rem 0.21875rem;
line-height: 1.1;
letter-spacing: 0; }
.globalSearchResults .globalSearchResults-desc h5 a {
color: #f0325a; }
.globalSearchResults .globalSearchResults-desc.no-image {
padding-left: 0; }
.globalSearchResults .globalSearchResults-desc-col {
padding: 12.6px 7px 14px 0px;
padding: 0.7875rem 0.4375rem 0.875rem 0rem;
font-size: 15.4px;
font-size: 0.9625rem;
box-sizing: border-box;
display: inline-block;
vertical-align: top; }
.globalSearchResults .globalSearchResults-desc-col p {
font-size: 18.9px;
font-size: 1.18125rem;
margin-top: 0; }
.globalSearchResults .globalSearchResults-desc-col p.globalSearchResults-label {
font-size: 12.6px;
font-size: 0.7875rem;
margin-top: 16.8px;
margin-top: 1.05rem;
letter-spacing: .03em;
color: #f0325a; }
.globalSearchResults .globalSearchResults-desc-col p.globalSearchResults-label:first-child {
margin-top: 6.3px;
margin-top: 0.39375rem; }
.globalSearchResults .globalSearchResults-desc-col p.globalSearchResults-label + p {
margin-top: 6.3px;
margin-top: 0.39375rem; }
@media only screen and (max-width: 992px) {
.globalSearchResults .globalSearchResults-desc-col {
padding-top: 0;
padding-right: 0;
width: 100% !important; }
.globalSearchResults .globalSearchResults-desc-col p {
font-size: 15.4px;
font-size: 0.9625rem; } }
.globalSearchResults .columns-number-2 .globalSearchResults-desc-col {
width: 50%; }
.globalSearchResults .columns-number-3 .globalSearchResults-desc-col {
width: 33%; }
.globalSearchResults .columns-number-4 .globalSearchResults-desc-col {
width: 25%; }
.globalSearchResults .columns-number-5 .globalSearchResults-desc-col {
width: 20%; }
@media only screen and (max-width: 480px) {
.globalSearchResults .globalSearchResults-desc h5 {
font-size: 17.997px;
font-size: 1.1248125rem; } }