.html .hints a {
float: left;
margin-right: 5px; }
.button,
.formButton .button.clearButton,
a.btn-action-ghost,
a.btn-action-charcoal,
a.btn-action-borderless, .btn-action-green,
.btn-action-red,
.btn-action-primary-solid, .btn-action-white, .btn-action-ghost-white, a.btn-action-white-thick {
background-color: transparent;
color: #FA551E;
border: solid 1px #FA551E; }
.button:visited,
.formButton .button.clearButton:visited,
a.btn-action-ghost:visited,
a.btn-action-charcoal:visited,
a.btn-action-borderless:visited, .btn-action-green:visited,
.btn-action-red:visited,
.btn-action-primary-solid:visited, .btn-action-white:visited, .btn-action-ghost-white:visited, a.btn-action-white-thick:visited {
color: #FA551E; }
.button:active,
.formButton .button.clearButton:active,
a.btn-action-ghost:active,
a.btn-action-charcoal:active,
a.btn-action-borderless:active, .btn-action-green:active,
.btn-action-red:active,
.btn-action-primary-solid:active, .btn-action-white:active, .btn-action-ghost-white:active, a.btn-action-white-thick:active {
background-color: transparent;
color: #ea511e;
border: solid 1px #ea511e; }
.button:hover,
.formButton .button.clearButton:hover,
a.btn-action-ghost:hover,
a.btn-action-charcoal:hover,
a.btn-action-borderless:hover, .btn-action-green:hover,
.btn-action-red:hover,
.btn-action-primary-solid:hover, .btn-action-white:hover, .btn-action-ghost-white:hover, a.btn-action-white-thick:hover {
background-color: #fff;
color: #fa622f;
border: solid 1px #fa622f; }
.disabled.button,
.formButton .disabled.button.clearButton,
a.disabled.btn-action-ghost,
a.disabled.btn-action-charcoal,
a.disabled.btn-action-borderless, .disabled.btn-action-green,
.disabled.btn-action-red,
.disabled.btn-action-primary-solid, .disabled.btn-action-white, .disabled.btn-action-ghost-white, a.disabled.btn-action-white-thick, .button:disabled,
.formButton .button.clearButton:disabled,
a.btn-action-ghost:disabled,
a.btn-action-charcoal:disabled,
a.btn-action-borderless:disabled, .btn-action-green:disabled,
.btn-action-red:disabled,
.btn-action-primary-solid:disabled, .btn-action-white:disabled, .btn-action-ghost-white:disabled, a.btn-action-white-thick:disabled {
pointer-events: none;
cursor: default;
background-color: #f4f3f3;
color: #b5b2b2;
box-shadow: none; }
.disabled.button:visited,
a.disabled.btn-action-ghost:visited,
a.disabled.btn-action-charcoal:visited,
a.disabled.btn-action-borderless:visited, .disabled.btn-action-green:visited,
.disabled.btn-action-red:visited,
.disabled.btn-action-primary-solid:visited, .disabled.btn-action-white:visited, .disabled.btn-action-ghost-white:visited, a.disabled.btn-action-white-thick:visited, .button:disabled:visited,
a.btn-action-ghost:disabled:visited,
a.btn-action-charcoal:disabled:visited,
a.btn-action-borderless:disabled:visited, .btn-action-green:disabled:visited,
.btn-action-red:disabled:visited,
.btn-action-primary-solid:disabled:visited, .btn-action-white:disabled:visited, .btn-action-ghost-white:disabled:visited, a.btn-action-white-thick:disabled:visited {
color: #b5b2b2; }
.disabled.button:active,
a.disabled.btn-action-ghost:active,
a.disabled.btn-action-charcoal:active,
a.disabled.btn-action-borderless:active, .disabled.btn-action-green:active,
.disabled.btn-action-red:active,
.disabled.btn-action-primary-solid:active, .disabled.btn-action-white:active, .disabled.btn-action-ghost-white:active, a.disabled.btn-action-white-thick:active, .button:disabled:active,
a.btn-action-ghost:disabled:active,
a.btn-action-charcoal:disabled:active,
a.btn-action-borderless:disabled:active, .btn-action-green:disabled:active,
.btn-action-red:disabled:active,
.btn-action-primary-solid:disabled:active, .btn-action-white:disabled:active, .btn-action-ghost-white:disabled:active, a.btn-action-white-thick:disabled:active {
background-color: #f4f3f3; }
.disabled.button:hover,
a.disabled.btn-action-ghost:hover,
a.disabled.btn-action-charcoal:hover,
a.disabled.btn-action-borderless:hover, .disabled.btn-action-green:hover,
.disabled.btn-action-red:hover,
.disabled.btn-action-primary-solid:hover, .disabled.btn-action-white:hover, .disabled.btn-action-ghost-white:hover, a.disabled.btn-action-white-thick:hover, .button:disabled:hover,
a.btn-action-ghost:disabled:hover,
a.btn-action-charcoal:disabled:hover,
a.btn-action-borderless:disabled:hover, .btn-action-green:disabled:hover,
.btn-action-red:disabled:hover,
.btn-action-primary-solid:disabled:hover, .btn-action-white:disabled:hover, .btn-action-ghost-white:disabled:hover, a.btn-action-white-thick:disabled:hover {
background-color: #f4f3f3; }
.table .button, .table
.formButton .button.clearButton, .table
a.btn-action-ghost, .table
a.btn-action-charcoal, .table
a.btn-action-borderless {
color: #FA551E !important; }
.richText .button, .richText
.formButton .button.clearButton, .richText
a.btn-action-ghost, .richText
a.btn-action-charcoal, .richText
a.btn-action-borderless {
color: #FA551E !important; }
[class*=btn-][class*="-action-"],
.button {
font-size: 16.002px;
font-size: 1.000125rem;
border-radius: 3.997px;
border-radius: 0.2498125rem;
padding: 10.003px 24.003px;
padding: 0.6251875rem 1.5001875rem;
line-height: 17.997px;
line-height: 1.1248125rem;
margin-left: 6.3px;
margin-left: 0.39375rem;
margin-right: 6.3px;
margin-right: 0.39375rem;
font-weight: 600;
display: inline-block;
border-width: 1px;
border-style: solid;
position: relative;
overflow: hidden;
letter-spacing: normal;
max-width: none;
box-sizing: border-box;
text-align: center;
vertical-align: top;
transition: all 0.2s ease;
text-wrap: nowrap;
white-space: nowrap;
text-decoration: none; }
[class*=btn-][class*="-action-"].disabled, [class*=btn-][class*="-action-"]:disabled,
.button.disabled,
.button:disabled {
pointer-events: none;
cursor: default;
background-color: #f4f3f3;
color: #b5b2b2;
box-shadow: none;
border-color: #f4f3f3; }
[class*=btn-][class*="-action-"].disabled:visited, [class*=btn-][class*="-action-"]:disabled:visited,
.button.disabled:visited,
.button:disabled:visited {
color: #b5b2b2; }
[class*=btn-][class*="-action-"].disabled:active, [class*=btn-][class*="-action-"]:disabled:active,
.button.disabled:active,
.button:disabled:active {
background-color: #f4f3f3; }
[class*=btn-][class*="-action-"].disabled:hover, [class*=btn-][class*="-action-"]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover {
background-color: #f4f3f3; }
[class*=btn-][class*="-action-"]:hover,
.button:hover {
box-shadow: 0 2px 4px 0 #b5b2b2;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px); }
@media only screen and (max-width: 992px) {
[class*=btn-][class*="-action-"],
.button {
margin-top: 10px !important;
margin-left: 0; } }
.btn-action-green,
.btn-action-red,
.btn-action-primary-solid {
background-color: #FA551E;
color: #fff; }
.btn-action-green:visited,
.btn-action-red:visited,
.btn-action-primary-solid:visited {
color: #fff; }
.btn-action-green:active,
.btn-action-red:active,
.btn-action-primary-solid:active {
background-color: #ea511e;
border: solid 1px #ea511e;
color: #fff; }
.btn-action-green:hover,
.btn-action-red:hover,
.btn-action-primary-solid:hover {
background-color: #fa622f;
border: solid 1px #fa622f;
color: #fff; }
.table .btn-action-green, .table
.btn-action-red, .table
.btn-action-primary-solid {
color: #fff; }
.richText .btn-action-green, .richText
.btn-action-red, .richText
.btn-action-primary-solid {
color: #fff; }
.richText .btn-action-green:hover, .richText
.btn-action-red:hover, .richText
.btn-action-primary-solid:hover {
color: #fff; }
.btn-action-white {
background-color: #fff; }
.richText .btn-action-white {
color: #FA551E; }
.richText .btn-action-white:hover {
color: #FA551E; }
.btn-action-ghost-white {
background-color: transparent;
color: #fff;
border-color: #fff; }
.btn-action-ghost-white:visited {
color: #fff; }
.btn-action-ghost-white:active {
background-color: transparent;
border: solid 1px #fff;
color: #fff; }
.btn-action-ghost-white:hover {
background-color: transparent;
border: solid 1px #fff;
color: #fff; }
.table .btn-action-ghost-white {
color: #fff; }
.richText .btn-action-ghost-white {
color: #fff; }
.richText .btn-action-ghost-white:hover {
color: #fff; }
.btn-action-borderless {
border: none !important; }
.btn-action-borderless:hover {
box-shadow: none !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
a.btn-action-white-thick {
font-size: 17.9998px;
font-size: 1.1249875rem;
color: #fff;
border-radius: 4px;
border: solid 2px #fff;
font-family: "SourceSansPro-Regular", sans-serif;
font-stretch: normal;
font-style: normal;
line-height: 0.89;
letter-spacing: normal;
text-align: center; }
a.btn-action-white-thick:visited {
color: #fff; }
.btn-no-margin-left {
margin-left: 0 !important; }
a.btn-on-mobile {
width: 100%; }
.reference-popup .popup {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(45, 35, 35, 0.96);
-webkit-backdrop-filter: blur(3px);
text-align: center;
z-index: 9999999;
transition: background-color 1s linear 0s; }
.reference-popup .popup.is-hidden {
top: -9999px;
left: -999999px;
width: 0;
height: 0;
overflow: hidden;
background: rgba(45, 35, 35, 0);
display: block !important;
visibility: visible !important;
transition: all 0s linear .5s, background-color .5s linear 0s; }
.reference-popup .popup.is-hidden .popup-inner {
transition: opacity .4s, left 0s linear .5s, -webkit-transform .5s;
transition: transform .5s, opacity .4s, left 0s linear .5s;
transition: transform .5s, opacity .4s, left 0s linear .5s, -webkit-transform .5s;
-webkit-transform: scale3d(0.3, 0.5, 1) translateY(1000px);
transform: scale3d(0.3, 0.5, 1) translateY(1000px);
opacity: 0;
left: -29999px; }
.reference-popup .popup.is-hidden .popup-inner button,
.reference-popup .popup.is-hidden .popup-inner a,
.reference-popup .popup.is-hidden .popup-inner p {
pointer-events: none; }
.reference-popup .popup p {
font-size: 16.1px;
font-size: 1.00625rem;
line-height: 1.4;
letter-spacing: 0; }
.reference-popup .popup .popup-inner {
border-radius: 4.2px;
border-radius: 0.2625rem;
padding: 39.9px 107.1px;
padding: 2.49375rem 6.69375rem;
box-sizing: border-box;
position: fixed;
background: #f6f6f6;
color: #2D2323;
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s;
-webkit-transform: scale3d(1, 1, 1) translateY(0);
transform: scale3d(1, 1, 1) translateY(0);
opacity: 1; }
@media only screen and (min-width: 992px) {
.reference-popup .popup .popup-inner {
top: 99.9999px;
top: 6.24999375rem;
width: 710px;
margin-left: -392px;
left: 50%; } }
@media only screen and (max-width: 992px) {
.reference-popup .popup .popup-inner {
padding: 29.4px;
padding: 1.8375rem;
margin: 2%;
width: 95%;
position: absolute; } }
@media only screen and (max-width: 319px) {
.reference-popup .popup .popup-inner {
padding: 15.4px;
padding: 0.9625rem; } }
.reference-popup .popup .popup-inner p:first-of-type {
font-size: 22px;
font-size: 1.375rem; }
.reference-popup .popup .popup-inner p {
line-height: 1.63; }
.reference-popup .popup .popup-buttons {
padding: 17.5px 0px 3.99px;
padding: 1.09375rem 0rem 0.249375rem;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly; }
@media screen and (max-width: 360px) {
.reference-popup .popup .popup-buttons {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.reference-popup .popup .popup-buttons button + button {
margin-bottom: 9.9995px;
margin-bottom: 0.62496875rem; } }
.reference-popup .popup .popup-buttons button {
font-size: 16.002px;
font-size: 1.000125rem;
border-radius: 3.997px;
border-radius: 0.2498125rem;
padding: 10.003px 24.003px;
padding: 0.6251875rem 1.5001875rem;
line-height: 17.997px;
line-height: 1.1248125rem;
margin-left: 6.3px;
margin-left: 0.39375rem;
margin-right: 6.3px;
margin-right: 0.39375rem;
font-weight: 600;
display: inline-block;
border-width: 1px;
border-style: solid;
position: relative;
overflow: hidden;
letter-spacing: normal;
max-width: none;
box-sizing: border-box;
text-align: center;
vertical-align: top;
transition: all 0.2s ease;
text-wrap: nowrap;
white-space: nowrap;
text-decoration: none;
padding: 3.99px 49.7px;
padding: 0.249375rem 3.10625rem;
border-radius: 3.5px;
border-radius: 0.21875rem;
color: #fff;
background: #248C35;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
position: static;
height: 49.9996px;
height: 3.124975rem; }
.reference-popup .popup .popup-buttons button.disabled, .reference-popup .popup .popup-buttons button:disabled {
pointer-events: none;
cursor: default;
background-color: #f4f3f3;
color: #b5b2b2;
box-shadow: none;
border-color: #f4f3f3; }
.reference-popup .popup .popup-buttons button.disabled:visited, .reference-popup .popup .popup-buttons button:disabled:visited {
color: #b5b2b2; }
.reference-popup .popup .popup-buttons button.disabled:active, .reference-popup .popup .popup-buttons button:disabled:active {
background-color: #f4f3f3; }
.reference-popup .popup .popup-buttons button.disabled:hover, .reference-popup .popup .popup-buttons button:disabled:hover {
background-color: #f4f3f3; }
.reference-popup .popup .popup-buttons button:hover {
box-shadow: 0 2px 4px 0 #b5b2b2;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px); }
@media only screen and (max-width: 992px) {
.reference-popup .popup .popup-buttons button {
margin-top: 10px !important;
margin-left: 0; } }
@media screen and (max-width: 360px) {
.reference-popup .popup .popup-buttons button {
padding: 3.99px 24.5px;
padding: 0.249375rem 1.53125rem;
height: 49.9996px;
height: 3.124975rem; } }
.reference-popup .popup .popup-buttons button + button {
background: #fff;
border: solid 1px #2D2323;
color: #2D2323;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.reference-popup .popup .popup-buttons button:hover {
opacity: .8; }
.reference-popup .popup .popup-close {
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
right: 37.1px;
right: 2.31875rem;
top: 39.9px;
top: 2.49375rem;
width: 16px;
width: 1rem;
height: 16px;
height: 1rem;
background: transparent url("../../assets/img/x-button.svg") 50% 50% no-repeat;
position: absolute;
display: block;
background-size: contain; }
@media only screen and (max-width: 480px) {
.reference-popup .popup .popup-close {
top: 10px;
top: 0.625rem;
right: 10px;
right: 0.625rem;
height: 16px;
height: 1rem;
width: 16px;
width: 1rem; } }
.reference-popup .popup .popup-appstore-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.reference-popup .popup .popup-appstore-links .popup-appstore-link {
display: block;
width: 140px;
height: 50px;
display: block;
box-sizing: border-box; }
.reference-popup .popup .popup-appstore-links .popup-appstore-link--appstore {
background: url("../../assets/img/app-store.png") no-repeat;
background-size: contain;
padding-left: 140px; }
.reference-popup .popup .popup-appstore-links .popup-appstore-link--google {
background: url("../../assets/img/google-play.png") no-repeat;
background-size: contain;
padding-left: 140px; }
.banner-youtube-video .video-banner {
min-height: 124.999px;
min-height: 7.8124375rem;
width: 1240.001px;
width: 77.5000625rem;
height: calc(25vw - 112px);
background-size: cover;
position: relative;
padding: 5% calc((100vw - 1240px) / 2) 11%;
color: #fff;
background-color: #2D2323; }
.banner-youtube-video .video-banner .video-banner-title {
font-size: 39.998px;
font-size: 2.499875rem;
margin-bottom: 19.999px;
margin-bottom: 1.2499375rem;
line-height: 1.1;
max-width: 60%; }
.banner-youtube-video .video-banner .video-banner-description {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 1.1;
max-width: 50%;
font-family: "SourceSansPro-Light", sans-serif; }
.banner-youtube-video .video-banner .video-banner-play-button {
bottom: 35px;
bottom: 2.1875rem;
padding: 23.002px 0px 23.002px 100.002px;
padding: 1.437625rem 0rem 1.437625rem 6.250125rem;
position: absolute;
background-image: url("../../assets/img/yt-video-play.svg");
background-repeat: no-repeat;
background-size: 70px;
background-size: 4.375rem;
cursor: pointer; }
.banner-youtube-video.light-background .video-banner {
color: #2D2323;
background-color: #fff; }
.banner-youtube-video.light-background .video-banner .video-banner-play-button {
background-image: url("../../assets/img/yt-video-play-dark.svg"); }
@media only screen and (min-width: 1281px) {
.banner-youtube-video .video-banner {
height: auto; } }
@media only screen and (max-width: 1280px) {
.banner-youtube-video .video-banner {
height: 220.003px;
height: 13.7501875rem;
width: 85.88%;
padding: 5% 7.06%; } }
@media only screen and (max-width: 992px) {
.banner-youtube-video .video-banner {
height: auto;
padding: 5% 7.06%; } }
@media only screen and (max-width: 767px) {
.banner-youtube-video .video-banner {
padding-top: 52.003px;
padding-top: 3.2501875rem;
padding-bottom: 144.998px;
padding-bottom: 9.062375rem;
height: auto; }
.banner-youtube-video .video-banner .video-banner-title {
font-size: 31.997px;
font-size: 1.9998125rem;
max-width: 70%; }
.banner-youtube-video .video-banner .video-banner-description {
max-width: 70%; } }
.tile-youtube-video {
min-width: 243.999px;
min-width: 15.2499375rem; }
.tile-youtube-video .video-banner {
height: 339.997px;
height: 21.2498125rem;
min-height: 124.999px;
min-height: 7.8124375rem;
margin: 4.998px;
margin: 0.312375rem;
padding: 16.002px;
padding: 1.000125rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
background-size: cover;
color: #fff;
border: 1px solid #f52d28;
box-shadow: inset 0px -80px 0px -2px #fff; }
.tile-youtube-video .video-banner .video-banner-title {
display: none; }
.tile-youtube-video .video-banner .video-banner-description {
font-size: 16.002px;
font-size: 1.000125rem;
top: 291.998px;
top: 18.249875rem;
height: 39.998px;
height: 2.499875rem;
color: #2D2323;
line-height: 1.1;
position: relative; }
.tile-youtube-video .video-banner .video-banner-play-button {
top: 285.999px;
top: 17.8749375rem;
cursor: pointer;
color: #FF780F;
position: relative; }
.tile-youtube-video .video-banner .video-banner-play-button::after {
bottom: 185.003px;
bottom: 11.5626875rem;
width: 70px;
width: 4.375rem;
height: 70px;
height: 4.375rem;
content: "";
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(../../assets/img/yt-video-play.svg);
background-repeat: no-repeat;
background-size: 70px;
background-size: 4.375rem;
cursor: pointer; }
.tile-youtube-video:nth-child(8n+1) .video-banner {
border-color: #f52d28; }
.tile-youtube-video:nth-child(8n+2) .video-banner {
border-color: #f0325a; }
.tile-youtube-video:nth-child(8n+3) .video-banner {
border-color: #dc0032; }
.tile-youtube-video:nth-child(8n+4) .video-banner {
border-color: #AF144B; }
.tile-youtube-video:nth-child(8n+5) .video-banner {
border-color: #BE0028; }
.tile-youtube-video:nth-child(8n+6) .video-banner {
border-color: #870A3C; }
.tile-youtube-video:nth-child(8n+7) .video-banner {
border-color: #AA052D; }
.tile-youtube-video:nth-child(8n+8) .video-banner {
border-color: #640032; }
@media only screen and (max-width: 767px) {
.tile-youtube-video {
min-wiidth: 400.001px;
min-wiidth: 25.0000625rem;
position: relative;
margin-left: calc( calc(100% - 400px) / 2) !important; } }
@media only screen and (max-width: 480px) {
.tile-youtube-video {
min-width: auto;
position: static; } }
.banner-youtube-video .video-modal, .tile-youtube-video .video-modal {
display: none;
opacity: 0;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 300; }
.banner-youtube-video .video-modal > div, .tile-youtube-video .video-modal > div {
padding: 52.997px 40.999px 40.999px;
padding: 3.3123125rem 2.5624375rem 2.5624375rem;
border-radius: 4.998px;
border-radius: 0.312375rem;
width: 717.997px;
width: 44.8748125rem;
height: 406px;
height: 25.375rem;
background-color: #fff;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.banner-youtube-video .video-modal > div > iframe, .tile-youtube-video .video-modal > div > iframe {
height: 360.003px;
height: 22.5001875rem;
width: 719.999px;
width: 44.9999375rem; }
.banner-youtube-video .video-modal > div .video-modal-close, .tile-youtube-video .video-modal > div .video-modal-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;
width: 15.001px;
width: 0.9375625rem;
height: 15.001px;
height: 0.9375625rem;
right: 15.001px;
right: 0.9375625rem;
top: 24.997px;
top: 1.5623125rem;
cursor: pointer; }
.banner-youtube-video .video-modal > div .video-modal-close::after, .banner-youtube-video .video-modal > div .video-modal-close::before, .tile-youtube-video .video-modal > div .video-modal-close::after, .tile-youtube-video .video-modal > div .video-modal-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; }
.banner-youtube-video .video-modal > div .video-modal-close::after, .tile-youtube-video .video-modal > div .video-modal-close::after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.banner-youtube-video .video-modal > div .video-modal-close::before, .tile-youtube-video .video-modal > div .video-modal-close::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.banner-youtube-video .video-modal > div .video-modal-close:hover::before, .banner-youtube-video .video-modal > div .video-modal-close:hover::after, .tile-youtube-video .video-modal > div .video-modal-close:hover::before, .tile-youtube-video .video-modal > div .video-modal-close:hover::after {
background-color: #2D2323; }
@media only screen and (max-width: 992px) {
.banner-youtube-video .video-modal > div .video-modal-close, .tile-youtube-video .video-modal > div .video-modal-close {
right: 30px; } }
.banner-youtube-video .video-modal > div .connection-message, .tile-youtube-video .video-modal > div .connection-message {
display: none; }
.banner-youtube-video .video-modal.no-connection > div .youtube-player, .tile-youtube-video .video-modal.no-connection > div .youtube-player {
display: none; }
.banner-youtube-video .video-modal.no-connection > div .video-modal-description, .tile-youtube-video .video-modal.no-connection > div .video-modal-description {
display: none; }
.banner-youtube-video .video-modal.no-connection > div .connection-message, .tile-youtube-video .video-modal.no-connection > div .connection-message {
padding: 10.003px;
padding: 0.6251875rem;
border-radius: 4.998px;
border-radius: 0.312375rem;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
background: #fff; }
.banner-youtube-video.show-video .video-modal, .tile-youtube-video.show-video .video-modal {
display: block;
opacity: 1; }
@media only screen and (max-width: 992px) {
.banner-youtube-video .video-modal > div, .tile-youtube-video .video-modal > div {
width: calc(90vw - 82px);
height: auto; }
.banner-youtube-video .video-modal > div > iframe, .tile-youtube-video .video-modal > div > iframe {
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 100%; } }
@media only screen and (max-width: 767px) {
.banner-youtube-video .video-modal > div, .tile-youtube-video .video-modal > div {
padding: 52.997px 15.001px 40.999px;
padding: 3.3123125rem 0.9375625rem 2.5624375rem;
width: 90vw; }
.banner-youtube-video .video-modal.no-connection .connection-message, .tile-youtube-video .video-modal.no-connection .connection-message {
width: 70%; } }
@media only screen and (max-width: 480px) {
.banner-youtube-video .video-modal > div > iframe, .tile-youtube-video .video-modal > div > iframe {
max-height: 40vw; } }
.image .right {
text-align: right; }
.image .left {
text-align: left; }
.image .middle {
text-align: center; }
@media only screen and (max-width: 480px) {
.image .component-content {
text-align: center; } }
.analytics-image-tracking {
height: 0 !important; }
.image-hero {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
overflow: hidden; }
.no-js .image-hero,
.js-dynamic-load-content .image-hero {
display: none; }
.image-hero img {
width: 100%; }
.image-hero.illustration-hero-image {
right: 0;
width: 18%;
height: 100%;
left: auto;
margin-right: calc((100vw - 1240px) / 2);
z-index: 0; }
.image-hero.illustration-hero-image > .component-content {
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 1280px) {
.image-hero.illustration-hero-image {
margin-right: 7.06%;
width: 25%; } }
@media only screen and (max-width: 767px) {
.image-hero.illustration-hero-image {
position: static;
width: 50%;
margin: auto; }
.image-hero.illustration-hero-image > .component-content {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.image-main-logo {
height: 47.999px;
height: 2.9999375rem;
width: 47.999px;
width: 2.9999375rem;
padding: 10.997px;
padding: 0.6873125rem;
float: left;
clear: none;
position: absolute;
opacity: 0;
transition: all 0.5s 0.25s, opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.image-main-logo img {
height: 100%;
width: 151.193px;
width: 9.4495625rem; }
.image-main-logo.image-color-negative {
opacity: 1; }
.image-main-logo.image-color-negative.image a:hover {
opacity: 1; }
.header-home-template .image-main-logo {
background: #BE0028;
opacity: 1; }
.header-home-template .image-main-logo.image-color-negative {
opacity: 0; }
.header-home-template .image-main-logo.image-color-negative.image a:hover {
opacity: 0; }
.header-home-template .any-header-box-open .image-main-logo {
background: transparent;
opacity: 0; }
.header-home-template .any-header-box-open .image-main-logo.image-color-negative {
opacity: 1; }
.header-home-template .any-header-box-open .image-main-logo.image-color-negative.image a:hover {
opacity: 1; }
@media only screen and (max-width: 480px) {
.image-main-logo {
height: 33.999px;
height: 2.1249375rem;
width: 33.999px;
width: 2.1249375rem;
padding: 8.001px;
padding: 0.5000625rem; }
.image-main-logo img {
height: auto; } }
.image-redesign-logo {
width: 47.999px;
width: 2.9999375rem;
height: 47.999px;
height: 2.9999375rem;
position: relative; }
.image-redesign-logo::after {
height: 31.997px;
height: 1.9998125rem;
width: 1.001px;
width: 0.0625625rem;
right: -39.998px;
right: -2.499875rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
display: block;
position: absolute;
background-color: #cac7c7; }
@media only screen and (max-width: 992px) {
.image-redesign-logo::after {
right: -31.997px;
right: -1.9998125rem; } }
@media only screen and (max-width: 767px) {
.image-redesign-logo {
height: 39.998px;
height: 2.499875rem;
width: 39.998px;
width: 2.499875rem; }
.image-redesign-logo::after {
right: -16.002px;
right: -1.000125rem; } }
.image-main-logo-active {
display: none; }
.image-logo-africa-interest {
height: auto;
max-height: 42px;
max-width: 248px;
float: left;
margin: 0;
margin-top: 14px;
margin-bottom: 13px; }
.image-step-by-step-counter .component-content {
text-align: center;
vertical-align: top; }
.image-step-by-step-counter img {
height: 224px;
height: 14rem;
position: relative;
margin: auto;
max-height: 75px;
max-width: 75px;
width: 100%; }
@media only screen and (max-width: 480px) {
.image-step-by-step-counter img {
max-height: 50px;
top: 0;
margin: 15px auto;
text-align: center; } }
@media only screen and (max-width: 480px) {
.image-step-by-step-counter {
margin: 0;
border-bottom: 1px solid #dfdfdf; } }
@media only screen and (max-width: 480px) {
.image-responsive {
padding: 0px 30.1px;
padding: 0rem 1.88125rem; } }
.image-responsive img {
margin: 0 auto; }
@media only screen and (max-width: 480px) {
.content-parsys .image-responsive {
padding: 0px;
padding: 0rem; } }
.image-search-bar-close {
display: none; }
.cq-wcm-edit .image-search-bar-close {
display: block; }
.image-step-by-step-icon.image {
display: table; }
@media only screen and (max-width: 480px) {
.image-step-by-step-icon.image {
padding-top: 28px;
padding-top: 1.75rem;
height: auto !important; } }
.image-step-by-step-icon .component-content {
display: table-cell;
vertical-align: middle; }
@media only screen and (max-width: 480px) {
.image-step-by-step-icon .component-content {
display: block; } }
.image-step-by-step-icon .component-content img {
display: inline-block; }
@media only screen and (max-width: 992px) {
.image-step-by-step-icon .component-content img {
max-width: 60px; } }
.image-step-by-step img {
padding-top: 45.003px;
padding-top: 2.8126875rem;
padding-right: 39.998px;
padding-right: 2.499875rem;
max-width: 100.002px;
max-width: 6.250125rem;
max-height: 39.998px;
max-height: 2.499875rem;
float: right; }
@media only screen and (max-width: 480px) {
.image-step-by-step img {
max-width: 59.997px;
max-width: 3.7498125rem;
float: none;
margin-left: auto;
margin-right: auto;
padding-right: 0; } }
.image-banner-africa-interest h3 {
top: 34%;
position: absolute;
color: #666;
letter-spacing: unset;
margin-left: 38px;
font-size: 48px;
line-height: 27px; }
@media only screen and (max-width: 319px) {
.image-banner-africa-interest h3 {
margin-left: 17px;
font-size: 18px;
line-height: 11px; } }
@media only screen and (min-width: 320px) {
.image-banner-africa-interest h3 {
margin-left: 17px;
font-size: 18px;
line-height: 11px; } }
@media only screen and (min-width: 481px) {
.image-banner-africa-interest h3 {
font-size: 27px;
margin-left: 17px;
line-height: 16px; } }
@media only screen and (min-width: 992px) {
.image-banner-africa-interest h3 {
font-size: 50px;
margin-left: 40px;
line-height: 26px; } }
.image-banner-africa-interest img {
width: 100%; }
.facebook-footer-icon svg circle, .twitter-footer-icon svg circle, .linkedin-footer-icon svg circle, .blog-footer-icon svg circle {
stroke: #2D2323; }
.facebook-footer-icon svg path, .twitter-footer-icon svg path, .linkedin-footer-icon svg path, .blog-footer-icon svg path, .facebook-footer-icon svg rect, .twitter-footer-icon svg rect, .linkedin-footer-icon svg rect, .blog-footer-icon svg rect {
fill: #2D2323; }
.facebook-footer-icon:hover svg circle {
stroke: #3a5997; }
.facebook-footer-icon:hover svg path, .facebook-footer-icon:hover svg rect {
fill: #3a5997; }
.twitter-footer-icon:hover svg circle {
stroke: #1fa0f3; }
.twitter-footer-icon:hover svg path, .twitter-footer-icon:hover svg rect {
fill: #1fa0f3; }
.linkedin-footer-icon:hover svg circle {
stroke: #0077b5; }
.linkedin-footer-icon:hover svg path, .linkedin-footer-icon:hover svg rect {
fill: #0077b5; }
.blog-footer-icon:hover svg circle {
stroke: #eb3158; }
.blog-footer-icon:hover svg path, .blog-footer-icon:hover svg rect {
fill: #eb3158; }
.image-branch-splash-logo {
margin: 7px 0px;
margin: 0.4375rem 0rem; }
.image-branch-splash-logo img {
margin: 0 auto; }
.image-center-image {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -ms-grid; }
.image-center-image > .component-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto; }
.image-center-image img {
width: 100%;
margin: auto; }
@charset "UTF-8";
.imageGallery > .component-content {
border: solid 2px #323131;
padding: 13px;
background-color: #e1e1e1; }
.imageGallery-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.imageGallery-view {
border: solid 2px #323131;
margin-bottom: 10px;
overflow: hidden;
position: relative;
text-align: center;
background: white; }
.imageGallery-view img {
max-height: 100%;
max-width: 100%;
display: block;
margin: 0 auto; }
.imageGallery-description {
margin: 10px 0; }
.imageGallery-thumbnails {
position: relative;
margin: 20px 0; }
.imageGallery-list {
overflow: hidden;
margin: 0 50px;
position: relative; }
.imageGallery-arrow,
.imageGallery-arrow.is-disabled:hover {
position: absolute;
top: 50%;
margin-top: -30px;
cursor: pointer;
width: 35px;
height: 60px;
font: 0/0 serif;
color: transparent; }
.imageGallery-arrow::before,
.imageGallery-arrow.is-disabled:hover::before {
position: absolute;
top: 50%;
color: #AAA; }
.imageGallery-arrow:hover::before {
color: #888; }
.imageGallery-description {
margin: 15px 0; }
.imageGallery-arrow.is-disabled {
opacity: 0.5; }
.imageGallery-arrow {
text-align: center; }
.imageGallery-arrow-left,
.imageGallery-arrow-left.is-disabled:hover {
left: 0; }
.imageGallery-arrow-left::before,
.imageGallery-arrow-left.is-disabled:hover::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; }
.imageGallery-arrow-right,
.imageGallery-arrow-right.is-disabled:hover {
right: 0; }
.imageGallery-arrow-right::before,
.imageGallery-arrow-right.is-disabled:hover::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; }
.imageGallery-list-inner {
overflow: hidden;
display: block;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0;
list-style: none;
width: 4000px; }
.imageGallery-thumbnail {
float: left;
overflow: hidden;
padding: 0;
margin: 0 9px;
cursor: pointer;
text-align: center;
position: relative;
display: block;
border: solid 4px #323131;
opacity: .7;
filter: alpha(opacity=70);
transition: opacity .2s; }
.imageGallery-thumbnail:hover,
.imageGallery-thumbnail.is-active {
opacity: 1;
filter: alpha(opacity=100); }
.imageGallery-thumbnail-cover {
display: block;
max-width: none; }
.imageGallery-thumbnail-title {
display: block;
margin: 10px auto 0 auto;
font-size: 11px;
width: 71px; }
.imageGallery .thumbnails-list li:hover .image,
.imageGallery .thumbnails-list li.active .image {
border: solid 4px #323131;
margin: 0; }
.imageGallery-thumbnail-image {
margin: 2px;
border: solid 2px #323131;
position: relative; }
.imageGallery-thumbnail-overlay {
opacity: 0.7;
height: 28px;
left: 50%;
margin: -14px 0 0 -15px;
position: absolute;
top: 50%;
width: 30px;
cursor: pointer; }
.imageGallery-thumbnail-overlay::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;
display: inline-block;
font-size: 15px;
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid #3e3e3e;
text-indent: 7px;
background: #fff;
text-align: center;
line-height: 24px;
box-sizing: border-box; }
.imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
opacity: 0;
transition: opacity .5s; }
.imageGallery-thumbnail a {
display: block; }
.imageGallery-thumbnail-image img {
display: block;
width: 63px;
height: 52px;
margin: 0 auto; }
.imageGallery-view {
cursor: pointer; }
.imageGallery-view-overlay {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
width: 73px;
height: 69px;
margin: -34px 0 0 -36px;
cursor: pointer;
transition: opacity .5s; }
.imageGallery-view-overlay::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;
border-radius: 50%;
box-sizing: border-box;
display: inline-block;
font-size: 30px;
width: 100%;
height: 100%;
border: 3px solid #3e3e3e;
text-indent: 5px;
background: #fff;
text-align: center;
line-height: 65px; }
.imageGallery.is-playing .imageGallery-view-overlay::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;
text-indent: 0px; }
.imageGallery .gallery-play {
color: #323131; }
.imageGallery-view:hover .imageGallery-view-overlay {
opacity: 0.7; }
.imageGallery-view .imageGallery-view-overlay:hover {
opacity: 1;
text-decoration: none; }
.mod-js .imageGallery-thumbnail {
padding: 0; }
.mod-js .imageGallery-thumbnails {
position: relative; }
/*no js view*/
.no-js .imageGallery-view {
display: none; }
.no-js .imageGallery-list {
margin: 0; }
.no-js .imageGallery-thumbnail img {
width: auto;
height: auto; }
.no-js .imageGallery-thumbnail {
border: 0;
opacity: 1;
float: none;
overflow: hidden; }
.no-js .imageGallery-thumbnail a::after {
content: attr(data-description);
display: block;
padding: 10px 0 30px;
text-align: left; }
.no-js .imageGallery-arrow {
display: none; }
.inPageIframe.component .in-page-iframe {
width: 360.003px;
width: 22.5001875rem;
height: 100vh;
overflow-y: scroll;
position: fixed;
margin-right: -100%;
right: 0;
top: 0;
transition: margin-right 500ms ease-in;
border: none;
box-shadow: -2px 0px 12px 0px #524A4A;
z-index: 11;
background-color: #fff; }
.inPageIframe.component .slide-in-overlay {
display: none;
background-color: rgba(46, 49, 53, 0.35);
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 11; }
.inPageIframe.component .button-close-slide {
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: 19.999px;
right: 1.2499375rem;
top: 19.999px;
top: 1.2499375rem;
width: 24.003px;
width: 1.5001875rem;
height: 24.003px;
height: 1.5001875rem;
position: fixed;
z-index: 11;
display: none;
opacity: 0;
transition-property: opacity;
transition-timing-function: linear;
transition-delay: 500ms;
transition-duration: 250ms;
cursor: pointer; }
.inPageIframe.component .button-close-slide::after, .inPageIframe.component .button-close-slide::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; }
.inPageIframe.component .button-close-slide::after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg); }
.inPageIframe.component .button-close-slide::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg); }
.inPageIframe.component .button-close-slide:hover::before, .inPageIframe.component .button-close-slide:hover::after {
background-color: #2D2323; }
@media only screen and (max-width: 992px) {
.inPageIframe.component .button-close-slide {
right: 30px; } }
.inPageIframe.component .button-close-slide::before, .inPageIframe.component .button-close-slide::after {
height: 2px; }
.inPageIframe.component.slide-active .in-page-iframe {
margin-right: 0; }
.inPageIframe.component.slide-active .slide-in-overlay {
display: block; }
.inPageIframe.component.slide-active .button-close-slide {
display: block;
opacity: 1; }
@media only screen and (max-width: 767px) {
.inPageIframe.component .in-page-iframe {
width: 100%; } }
.success-inside-iframe-close {
width: 100%; }
.lang-mechanism-style {
width: 140px;
width: 8.75rem;
right: 229.999px;
right: 14.3749375rem;
z-index: 10003;
/* breadcrumbs is 10002, box-secondary-header group is 10001*/
position: absolute;
top: 0; }
@media only screen and (max-width: 992px) {
.lang-mechanism-style {
right: 179.998px;
right: 11.249875rem; } }
@media only screen and (max-width: 480px) {
.lang-mechanism-style {
width: 77px;
width: 4.8125rem; } }
@media only screen and (max-width: 400px) {
.lang-mechanism-style {
right: 150.003px;
right: 9.3751875rem; } }
.lang-mechanism-style .component-content {
width: 100%; }
.lang-mechanism-style .component-content .lang {
height: 70px;
height: 4.375rem;
position: absolute;
margin-left: 0px;
text-align: right;
width: 100%;
border-right: 1px solid rgba(248, 248, 248, 0.5); }
.lang-mechanism-style .component-content .lang .langicon {
font-size: 19.999px;
font-size: 1.2499375rem;
line-height: 77px;
line-height: 4.8125rem;
position: relative;
color: #fff;
width: calc(100% - 54px); }
@media only screen and (max-width: 480px) {
.lang-mechanism-style .component-content .lang .langicon {
right: 0;
display: none; } }
.lang-mechanism-style .component-content .lang .dropdown {
left: 26.999px;
left: 1.6874375rem;
border-radius: 3.997px;
border-radius: 0.2498125rem;
width: 145.999px;
width: 9.1249375rem;
line-height: 30.002px;
line-height: 1.875125rem;
padding: 19.999px;
padding: 1.2499375rem;
margin: 0 auto;
position: relative;
background-color: white;
text-align: left; }
.lang-mechanism-style .component-content .lang .dropdown a {
color: #666; }
.lang-mechanism-style .component-content .lang .dropdown > div {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
color: #666; }
.lang-mechanism-style .component-content .lang .dropdown div img {
padding-right: 17.997px;
padding-right: 1.1248125rem;
height: 17.997px;
height: 1.1248125rem;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px); }
.lang-mechanism-style .component-content .lang .dropdown.hidden {
visibility: hidden; }
@media only screen and (max-width: 480px) {
.lang-mechanism-style .component-content .lang .dropdown {
left: -59.997px;
left: -3.7498125rem;
width: 35vw; } }
.lang-mechanism-style .component-content .lang .bubblelang {
height: 100%; }
.lang-mechanism-style .component-content .lang .bubblelang img {
width: 19.999px;
width: 1.2499375rem;
position: relative;
margin-left: 24px;
/*space-from-border to be 24px*/
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
@media only screen and (max-width: 480px) {
.lang-mechanism-style .component-content .lang .bubblelang img {
margin: 0 auto; } }
.lang-mechanism-style .component-content .lang .arrowlang {
background: url("../../assets/img/arrow_down-white-down.svg") no-repeat;
background-position-y: center;
background-position-x: 100px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
width: 100%; }
@media only screen and (max-width: 480px) {
.lang-mechanism-style .component-content .lang .arrowlang {
background: none; } }
.redesign-header-snippet .lang-mechanism-style {
width: 100.002px;
width: 6.250125rem;
z-index: 151; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang {
cursor: pointer;
text-align: center; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .bubblelang img {
display: none; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .arrowlang {
background: url(../../assets/img/chevron-dark.svg) no-repeat;
background-position: -8px 13px;
background-position: -8.001px 12.999px;
background-position: -0.5000625rem 0.8124375rem; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .arrowlang .langicon {
font-size: 16.002px;
font-size: 1.000125rem;
width: auto;
color: #2D2323; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .arrowlang .langicon:hover {
color: #AF144B; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .dropdown {
left: 0;
border: 1px solid #e3e2e2; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .dropdown a {
color: #2D2323; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .dropdown a:hover {
color: #AF144B; }
@media only screen and (max-width: 992px) {
.redesign-header-snippet .lang-mechanism-style {
right: 194.999px;
right: 12.1874375rem; } }
@media only screen and (max-width: 767px) {
.redesign-header-snippet .lang-mechanism-style {
left: 234.997px;
left: 14.6873125rem;
right: auto; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang {
height: 57.001px;
height: 3.5625625rem; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .arrowlang {
background-position: -3.997px -15.001px;
background-position: -0.2498125rem -0.9375625rem; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .arrowlang .langicon {
font-size: 14px;
font-size: 0.875rem;
line-height: 19.999px;
line-height: 1.2499375rem;
display: block; } }
@media only screen and (max-width: 350px) {
.redesign-header-snippet .lang-mechanism-style {
width: 45.003px;
width: 2.8126875rem; }
.redesign-header-snippet .lang-mechanism-style .component-content .lang .arrowlang {
background: none; } }
.map-canvas {
margin-bottom: 10px;
border: solid 2px #323131;
text-align: center; }
.map-canvas img {
width: 100%;
max-width: inherit; }
.no-js .map-canvas img {
width: 100%;
max-width: 640px; }
@charset "UTF-8";
/*** SETTINGS ***/
.navigation-root {
text-align: left;
z-index: 10;
max-width: 100%; }
.navigation-mobile-menu {
display: none; }
.no-js .navigation-level1 > .navigation-branch {
display: block; }
.no-js .navigation-root.navigation-branch.navigation-level1 {
display: block; }
.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2 {
display: block; }
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 {
display: block;
margin: 0 0 -2px 0;
border-left: none;
border-right: none;
position: static; }
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 > .navigation-item {
float: none; }
.navigation-branch {
overflow: visible;
margin: 0;
padding: 0;
list-style: none;
border-color: #4a4a4a;
border-width: 2px 2px 2px 2px;
border-style: solid;
box-sizing: border-box; }
.navigation-branch.navigation-level1 {
border: none;
display: block; }
.navigation-item {
margin: 0 0 0 0;
/* so that borders collapse */
border-color: #4a4a4a;
border-width: 0 0 0 0;
border-style: solid; }
.navigation-item > .navigation-item-title {
display: block;
padding: 5px 15px 5px 15px;
background: #e1e1e1;
color: black;
font-size: 14px;
line-height: 1.5;
font-weight: normal;
text-decoration: none; }
.navigation-item > a.navigation-item-title:hover {
color: black;
background: #d5d5d5;
text-decoration: none; }
.navigation-item > span.navigation-item-title {
cursor: default; }
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
background-color: #c8c8c8; }
.navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
color: black;
background: #a2a2a2;
text-decoration: none; }
.navigation-item.is-open > .navigation-branch,
.no-js .navigation-item:hover > .navigation-branch {
display: block; }
.navigation-item.navigation-level1 {
margin: 0 0 -2px -2px;
/* so that borders collapse */
border-color: #4a4a4a;
border-width: 2px 2px 2px 2px;
border-style: solid;
box-sizing: border-box; }
.navigation-item.navigation-level1 > .navigation-item-title {
color: black;
background: #e1e1e1;
text-decoration: none;
font-weight: bold;
font-size: 14px;
line-height: 1.5;
padding: 10px 20px 10px 20px; }
.navigation-item.navigation-level1 > a.navigation-item-title:hover {
color: black;
background: #939191;
text-decoration: none; }
.navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
color: #FFF;
background: #605e5e;
text-decoration: none; }
.navigation-item.navigation-level2 {
border-top: 1px solid #4a4a4a; }
.navigation-branch.navigation-level2 {
display: block; }
.navigation-item > .navigation-item-title {
padding-left: 40px; }
.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2 {
display: block;
position: relative;
top: 0;
left: 0; }
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
overflow: hidden; }
.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child {
border-top: none; }
.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item {
width: 100%; }
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 {
min-width: 100%;
position: absolute;
top: 41px;
left: -2px;
display: block; }
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item {
float: none; }
.navigation-horizontal .navigation-item {
float: left;
position: relative; }
.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item .navigation-branch.navigation-level3 {
display: none; }
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level3 {
display: block;
float: none; }
.navigation-horizontal .navigation-item.navigation-level2:first-child {
border-top: none; }
.navigation-horizontal .has-children > .navigation-item-title {
padding-right: 61px;
background-image: none; }
.navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration {
height: 41px;
width: 41px;
position: absolute;
right: 0;
top: 0;
text-align: center;
line-height: 41px; }
.navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration::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: 41px;
height: 41px;
display: block;
position: absolute;
top: 0;
right: 0;
text-align: center; }
.navigation-horizontal .has-children > .navigation-item-title:hover .navigation-item-decoration {
background-color: #939191; }
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title {
padding-right: 55px; }
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
height: 31px;
width: 31px;
line-height: 31px; }
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration::after {
width: 31px;
height: 31px; }
.navigation-horizontal .has-active-child > .navigation-item-title .navigation-item-decoration {
background-color: #605e5e; }
.navigation-horizontal .navigation-level2.navigation-branch {
border-color: #4a4a4a;
border-width: 2px 2px 2px 2px;
border-style: solid; }
.navigation-horizontal .navigation-level2 .navigation-item-title {
padding: 5px 15px 5px 15px; }
.navigation-horizontal .navigation-level2.navigation-root {
max-width: none; }
.navigation-vertical .navigation-branch.navigation-level2,
.navigation-vertical .navigation-branch.navigation-level3 {
display: none; }
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level3 {
display: block; }
.navigation-vertical .has-children > .navigation-item-title {
position: relative; }
.navigation-vertical .has-children > .navigation-item-title .navigation-item-decoration {
height: 41px;
width: 41px;
position: absolute;
right: 0;
top: 0;
text-align: center;
line-height: 41px; }
.navigation-vertical .has-children > .navigation-item-title .navigation-item-decoration::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;
width: 41px;
height: 41px;
display: block;
position: absolute;
top: 0;
right: 0;
text-align: center; }
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
height: 31px;
width: 31px;
line-height: 31px; }
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration::before {
width: 31px;
height: 31px; }
.navigation-vertical .has-active-child > .navigation-item-title .navigation-item-decoration {
background-color: #c8c8c8; }
@media only screen and (max-width: 1280px) {
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
margin: 0 0 -2px -2px;
position: absolute; } }
@media only screen and (max-width: 992px) {
.mod-touch .navigation-horizontal .navigation-item {
width: 100%; }
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
margin: 0 0 -2px 0;
border-left: none;
border-right: none; } }
@media only screen and (max-width: 480px) {
.mod-touch .navigation-horizontal .navigation-item {
width: 100%; }
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
margin: 0 0 -2px 0;
border-left: none;
border-right: none;
position: static; }
.navigation-mobile-menu {
display: block;
width: 100%;
height: 41px;
position: relative;
cursor: pointer;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #4a4a4a;
box-sizing: border-box;
margin: 0 0 -2px -2px;
overflow: hidden;
background: whitesmoke; }
.navigation-mobile-menu::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;
display: block;
width: 41px;
height: 41px;
position: absolute;
top: 0;
line-height: 38px;
font-size: 25px;
right: 0; }
.navigation-item.navigation-level1 {
width: 100%; }
.navigation-branch.navigation-level1 {
display: none; }
.navigation-branch.navigation-level1.is-open {
display: block; }
.navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2, .navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2 {
left: 0;
border-left: none;
border-right: none; } }
.navigation.navigation-mega-nav .navigation-item.navigation-level1 {
border-color: transparent;
border-width: 0;
border-style: none;
margin: 0; }
.navigation.navigation-mega-nav .navigation-item.navigation-level1 .navigation-item-title {
padding: 10.003px 0px 0px 0px;
padding: 0.6251875rem 0rem 0rem 0rem;
background: none;
color: #524A4A;
font-weight: 400; }
.navigation.navigation-mega-nav .navigation-item.navigation-level1.last .navigation-item-title {
padding: 10.003px 0px 10.003px 0px;
padding: 0.6251875rem 0rem 0.6251875rem 0rem; }
.navigation.navigation-mega-nav .navigation-item:hover .navigation-item-title {
color: #FA551E; }
@media only screen and (max-width: 480px) {
.navigation.navigation-mega-nav .navigation-branch.navigation-level1 {
display: block; } }
@media only screen and (max-width: 480px) {
.navigation.navigation-mega-nav .navigation-mobile-menu {
display: none; } }
.navigation-home-page {
display: none; }
.pageMetaTags .meta-data {
border-bottom: 1px solid #f5f5f5; }
.pageMetaTags .meta-data.desktop-hidden, .pageMetaTags .meta-data.tablet-shown {
border: 0; }
@media only screen and (max-width: 992px) {
.pageMetaTags .meta-data.desktop-hidden, .pageMetaTags .meta-data.tablet-shown {
display: block !important; } }
.pageMetaTags .meta-data.desktop-hidden p, .pageMetaTags .meta-data.tablet-shown p {
font-size: 10.5px;
font-size: 0.65625rem;
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500;
text-transform: uppercase; }
.pageMetaTags .meta-data.desktop-hidden p:first-child, .pageMetaTags .meta-data.tablet-shown p:first-child {
padding: 24.5px 0px 7px;
padding: 1.53125rem 0rem 0.4375rem; }
.pageMetaTags .meta-data.desktop-hidden p:last-child, .pageMetaTags .meta-data.tablet-shown p:last-child {
padding-bottom: 21px;
padding-bottom: 1.3125rem; }
.pageMetaTags .meta-data.desktop-hidden p .grey-text, .pageMetaTags .meta-data.tablet-shown p .grey-text {
letter-spacing: 0;
text-transform: none;
font-weight: 100; }
@media only screen and (max-width: 992px) {
.pageMetaTags .meta-data.mobile-hidden {
display: none !important; } }
.pageMetaTags .meta-data p {
font-size: 12.6px;
font-size: 0.7875rem;
line-height: 1;
margin: 0; }
@media only screen and (max-width: 480px) {
.pageMetaTags .meta-data p {
font-size: 11.2px;
font-size: 0.7rem; } }
.pageMetaTags .meta-data p .grey-text {
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0;
color: #f5f5f5; }
.pageMetaTags .meta-data p:first-child {
padding: 23.8px 0px 12.6px;
padding: 1.4875rem 0rem 0.7875rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 18.2px;
line-height: 1.1375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500;
text-transform: uppercase; }
.pageMetaTags .meta-data p:last-child {
padding-bottom: 23.8px;
padding-bottom: 1.4875rem; }
.pageMetaTags .meta-data.first {
border: 0;
padding-top: 0; }
@media only screen and (max-width: 480px) {
.pageMetaTags .meta-data.first {
padding-top: 24.5px;
padding-top: 1.53125rem;
border-top: 1px solid #f5f5f5; } }
.pageMetaTags .meta-data.first p {
padding-bottom: 11.2px;
padding-bottom: 0.7rem;
padding-top: 0; }
.pageMetaTags .tags {
overflow: hidden; }
@media only screen and (max-width: 480px) {
.pageMetaTags .tags {
margin-bottom: 70px;
margin-bottom: 4.375rem;
border-bottom: 1px solid #dfdfdf; } }
.pageMetaTags .tags p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
margin: 0; }
.pageMetaTags .tags p:first-child {
padding: 23.8px 0px 14px;
padding: 1.4875rem 0rem 0.875rem;
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500; }
@media only screen and (max-width: 480px) {
.pageMetaTags .tags p:first-child {
padding-top: 0; } }
.pageMetaTags .tags ul {
margin: 0;
padding: 0;
list-style: none; }
.pageMetaTags .tags ul li {
padding: 7px;
padding: 0.4375rem;
margin-bottom: 11.2px;
margin-bottom: 0.7rem;
font-size: 14px;
font-size: 0.875rem;
border: 1px solid #2D2323;
border-radius: 10px;
float: left;
clear: both;
color: #2D2323;
word-break: break-all; }
@media only screen and (max-width: 992px) {
.pageMetaTags .tags ul li {
margin-right: 11.2px;
margin-right: 0.7rem;
float: left;
clear: none; } }
.product-card-redesign {
margin: 16.002px 0px;
margin: 1.000125rem 0rem;
min-height: 302.001px;
min-height: 18.8750625rem;
height: 319.998px;
height: 19.999875rem;
width: calc(50% - 16px);
display: inline-block; }
.product-card-redesign.hide-card {
display: none; }
.product-card-redesign.hide-left-button > .outer-container .description-container .product-buttons span:nth-of-type(2n+1) {
display: none; }
.product-card-redesign.hide-right-button > .outer-container .description-container .product-buttons span:nth-of-type(2n+2) {
display: none; }
@media only screen and (min-width: 1439px) {
.product-card-redesign.left-card {
padding-right: 16.002px;
padding-right: 1.000125rem;
padding-left: 0; }
.product-card-redesign.left-card:nth-child(2n+1) {
padding-left: 0; }
.product-card-redesign.right-card {
padding-left: 16.002px;
padding-left: 1.000125rem;
padding-right: 0; }
.product-card-redesign.right-card:nth-child(2n) {
padding-right: 0; } }
.product-card-redesign > .outer-container {
border-radius: 8.001px;
border-radius: 0.5000625rem;
padding: 24.003px 31.997px;
padding: 1.5001875rem 1.9998125rem;
height: calc(100% - 48px);
border: 1px solid #e3e2e2;
position: relative; }
.product-card-redesign > .outer-container .product-image {
border-radius: 7px;
border-radius: 0.4375rem;
position: absolute;
object-fit: cover; }
.product-card-redesign > .outer-container .product-image img {
width: 100%;
height: 100%; }
.product-card-redesign > .outer-container .detail-container {
margin-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.product-card-redesign > .outer-container .detail-container .product-highlights .product-highlight-label {
margin-right: 89.999px;
margin-right: 5.6249375rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 23.996px;
line-height: 1.49975rem;
color: #787272;
width: 100%;
font-weight: 400; }
.product-card-redesign > .outer-container .detail-container .product-highlights .product-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
font-weight: 600;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.product-card-redesign > .outer-container .description-container .product-description {
height: 72.002px;
height: 4.500125rem;
max-height: 72.002px;
max-height: 4.500125rem;
margin-top: 24.003px;
margin-top: 1.5001875rem;
margin-bottom: 59.997px;
margin-bottom: 3.7498125rem;
overflow: hidden; }
.product-card-redesign > .outer-container .description-container .product-buttons {
bottom: 36.001px;
bottom: 2.2500625rem;
position: absolute; }
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+1), .product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+2) {
height: 39.998px;
height: 2.499875rem;
width: 134.001px;
width: 8.3750625rem;
display: inline-block; }
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+1) a, .product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+2) a {
border: 1px solid #FA551E;
width: 100%;
height: 100%;
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;
border-radius: 4px;
transition: all 0.2s ease;
color: #FA551E; }
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+1) a:hover, .product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+2) a:hover {
box-shadow: 0 2px 4px 0 #b5b2b2;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
color: #FA551E; }
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+1) {
margin-right: 16.002px;
margin-right: 1.000125rem; }
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+2) a {
background-color: #FA551E;
color: #fff; }
.product-card-redesign > .outer-container .description-container .product-buttons a.button.margin-left-clear {
margin-left: 0; }
.product-card-redesign > .outer-container .description-container .product-buttons .product-button.btn-full-width {
width: 100%; }
.product-card-redesign > .outer-container .description-container .product-buttons a.btn-action-green {
background-color: #FA551E;
color: #fff; }
.product-card-redesign > .outer-container .product-heading {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
font-weight: 600;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.product-card-redesign > .outer-container h3.product-heading {
margin: 0; }
.product-card-redesign > .outer-container .product-sub-heading {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
margin: 24.003px 0px;
margin: 1.5001875rem 0rem;
font-weight: 400; }
.product-card-redesign.horizontal-image > .outer-container .product-image {
width: 192.003px;
width: 12.0001875rem;
height: 120.001px;
height: 7.5000625rem;
top: 159.999px;
top: 9.9999375rem; }
.product-card-redesign.horizontal-image > .outer-container .description-container {
width: 318.003px;
width: 19.8751875rem;
margin-left: 215.999px;
margin-left: 13.4999375rem;
display: inline-block; }
.product-card-redesign.vertical-image > .outer-container .product-image {
width: 120.001px;
width: 7.5000625rem;
height: 192.003px;
height: 12.0001875rem;
top: 80.003px;
top: 5.0001875rem; }
.product-card-redesign.vertical-image > .outer-container .detail-container {
width: 389.998px;
width: 24.374875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: right; }
.product-card-redesign.vertical-image > .outer-container .description-container {
width: 389.998px;
width: 24.374875rem;
margin-left: 150.003px;
margin-left: 9.3751875rem;
display: inline-block; }
@media only screen and (min-width: 1439px) {
.product-card-redesign:nth-child(2n+1) {
padding-left: 16.002px;
padding-left: 1.000125rem;
float: right; } }
@media only screen and (max-width: 1439px) {
.product-card-redesign {
height: 297.997px;
height: 18.6248125rem;
margin: 11.998px 0px;
margin: 0.749875rem 0rem;
width: 100%;
min-height: auto; }
.product-card-redesign > .outer-container {
padding: 24.003px 31.997px 33.999px;
padding: 1.5001875rem 1.9998125rem 2.1249375rem;
height: calc(100% - 58px); }
.product-card-redesign.horizontal-image > .outer-container .detail-container {
margin-top: 16.002px;
margin-top: 1.000125rem; }
.product-card-redesign.horizontal-image > .outer-container .description-container {
width: 60%; }
.product-card-redesign.horizontal-image > .outer-container .description-container .product-buttons {
bottom: 36.001px;
bottom: 2.2500625rem; }
.product-card-redesign.horizontal-image > .outer-container .description-container .product-description {
margin-top: 15.001px;
margin-top: 0.9375625rem; }
.product-card-redesign.horizontal-image > .outer-container .product-image {
top: 148.001px;
top: 9.2500625rem; }
.product-card-redesign.vertical-image > .outer-container .detail-container {
margin-left: 150.003px;
margin-left: 9.3751875rem;
margin-top: 19.999px;
margin-top: 1.2499375rem;
float: none; }
.product-card-redesign.vertical-image > .outer-container .product-image {
top: 75.999px;
top: 4.7499375rem; }
.product-card-redesign.vertical-image > .outer-container .description-container {
width: 60%; }
.product-card-redesign.vertical-image > .outer-container .description-container .product-description {
margin-top: 19.999px;
margin-top: 1.2499375rem; }
.product-card-redesign.vertical-image > .outer-container .description-container .product-buttons {
bottom: 36.001px;
bottom: 2.2500625rem; } }
@media only screen and (max-width: 992px) {
.product-card-redesign {
height: 284.998px;
height: 17.812375rem;
margin: 10.997px 0px;
margin: 0.6873125rem 0rem; }
.product-card-redesign > .outer-container {
padding: 14px 24.003px 24.003px;
padding: 0.875rem 1.5001875rem 1.5001875rem;
height: calc(100% - 40px); }
.product-card-redesign > .outer-container .description-container .product-description {
margin-bottom: 72.002px;
margin-bottom: 4.500125rem; }
.product-card-redesign.vertical-image > .outer-container .detail-container {
margin-top: 17.997px;
margin-top: 1.1248125rem;
width: calc(100% - 136px); }
.product-card-redesign.vertical-image > .outer-container .detail-container .product-highlights .product-highlight-label {
margin-right: 74.998px;
margin-right: 4.687375rem; }
.product-card-redesign.vertical-image > .outer-container .description-container {
width: calc(100% - 150px); }
.product-card-redesign.vertical-image > .outer-container .description-container .product-description {
margin-top: 16.002px;
margin-top: 1.000125rem; }
.product-card-redesign.vertical-image > .outer-container .description-container .product-buttons {
bottom: 25.998px;
bottom: 1.624875rem; }
.product-card-redesign.vertical-image > .outer-container .product-image {
top: 65.002px;
top: 4.062625rem; }
.product-card-redesign.horizontal-image > .outer-container .detail-container {
width: calc(100% - 216px); }
.product-card-redesign.horizontal-image > .outer-container .description-container {
width: calc(100% - 216px); }
.product-card-redesign.horizontal-image > .outer-container .description-container .product-buttons {
bottom: 25.998px;
bottom: 1.624875rem; }
.product-card-redesign.horizontal-image > .outer-container .product-image {
top: 140px;
top: 8.75rem; } }
@media only screen and (max-width: 767px) {
.product-card-redesign {
height: auto; }
.product-card-redesign > .outer-container {
padding: 16.002px;
padding: 1.000125rem;
height: auto; }
.product-card-redesign > .outer-container .product-image {
margin-top: 10.003px;
margin-top: 0.6251875rem;
position: static; }
.product-card-redesign > .outer-container .description-container .product-description {
margin-bottom: 47.999px;
margin-bottom: 2.9999375rem;
height: auto; }
.product-card-redesign.vertical-image > .outer-container .product-image {
width: 80.003px;
width: 5.0001875rem;
height: 128.002px;
height: 8.000125rem;
top: 50.001px;
top: 3.1250625rem;
left: 16.002px;
left: 1.000125rem;
display: inline-block;
position: absolute; }
.product-card-redesign.vertical-image > .outer-container .detail-container {
margin-left: 94.997px;
margin-left: 5.9373125rem;
display: block;
float: none; }
.product-card-redesign.vertical-image > .outer-container .description-container {
float: none;
width: 100%;
margin-left: 0; }
.product-card-redesign.vertical-image > .outer-container .description-container .product-buttons {
bottom: 17.997px;
bottom: 1.1248125rem; }
.product-card-redesign.horizontal-image > .outer-container .product-image {
height: 80.003px;
height: 5.0001875rem;
width: 128.002px;
width: 8.000125rem; }
.product-card-redesign.horizontal-image > .outer-container .detail-container {
float: none; }
.product-card-redesign.horizontal-image > .outer-container .detail-container .product-highlights .product-highlight-label {
width: 100%; }
.product-card-redesign.horizontal-image > .outer-container .description-container {
float: none;
width: 100%;
margin-left: 0; }
.product-card-redesign.horizontal-image > .outer-container .description-container .product-buttons {
bottom: 17.997px;
bottom: 1.1248125rem; } }
@media only screen and (max-width: 480px) {
.product-card-redesign {
margin: 8.001px 0px;
margin: 0.5000625rem 0rem; }
.product-card-redesign > .outer-container .product-image {
position: initial; }
.product-card-redesign > .outer-container .detail-container {
margin-left: 10.997px;
margin-left: 0.6873125rem;
display: inline-block; }
.product-card-redesign > .outer-container .description-container .product-buttons {
margin-top: 10.003px;
margin-top: 0.6251875rem;
width: calc(100% - 32px);
position: relative;
width: 100%; }
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n+1),
.product-card-redesign > .outer-container .description-container .product-buttons span:nth-of-type(2n) {
width: 100%;
margin: 8px 0; }
.product-card-redesign > .outer-container .description-container .product-description {
margin-top: 8.001px;
margin-top: 0.5000625rem;
height: auto;
max-height: none; }
.product-card-redesign.vertical-image > .outer-container .detail-container {
width: calc(100% - 95px);
margin-left: 10.997px;
margin-left: 0.6873125rem;
display: inline-block;
float: right; }
.product-card-redesign.vertical-image > .outer-container .detail-container .product-highlights .product-highlight-label {
margin-right: 0; }
.product-card-redesign.vertical-image > .outer-container .product-image {
position: initial; }
.product-card-redesign.horizontal-image > .outer-container .detail-container {
margin-top: 19.999px;
margin-top: 1.2499375rem;
display: block;
width: 100%; }
.product-card-redesign.horizontal-image > .outer-container .detail-container .product-highlights .product-highlight-label {
margin-top: 14px;
margin-top: 0.875rem;
margin-right: 0; } }
@media only screen and (min-width: 481px) {
.product-card-redesign.product-card-without-image .product-buttons {
right: 31.997px;
right: 1.9998125rem; } }
@media only screen and (max-width: 480px) {
.product-card-redesign.product-card-without-image .product-sub-heading {
margin: 16.002px 0px;
margin: 1.000125rem 0rem; }
.product-card-redesign.product-card-without-image .detail-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0; }
.product-card-redesign.product-card-without-image .detail-container .product-highlights {
margin-top: 16.002px;
margin-top: 1.000125rem; }
.product-card-redesign.product-card-without-image .description-container .product-description {
margin-top: -16.002px;
margin-top: -1.000125rem; }
.product-card-redesign.product-card-without-image .description-container .product-buttons {
bottom: 14px;
bottom: 0.875rem; } }
.advert-card-redesign {
background: transparent;
position: relative;
overflow: hidden;
width: calc(50% - 16px); }
@media only screen and (min-width: 1439px) {
.advert-card-redesign.left-card {
padding-right: 16.002px;
padding-right: 1.000125rem;
padding-left: 0; }
.advert-card-redesign.left-card.image-right > .component-content .image {
margin-right: 16.002px;
margin-right: 1.000125rem; }
.advert-card-redesign.right-card {
padding-left: 16.002px;
padding-left: 1.000125rem;
padding-right: 0; }
.advert-card-redesign.right-card.image-left > .component-content .image {
margin-left: 16.002px;
margin-left: 1.000125rem; } }
.advert-card-redesign > .component-content {
border-radius: 8.001px;
border-radius: 0.5000625rem;
height: 100%; }
.advert-card-redesign > .component-content .image {
width: 220.003px;
width: 13.7501875rem;
position: absolute;
right: 0;
top: 0;
height: 100%;
border-radius: 8px;
overflow: hidden; }
.advert-card-redesign > .component-content .image .component-content {
height: 100%; }
.advert-card-redesign > .component-content .image .component-content img {
height: 100%;
object-fit: cover; }
.advert-card-redesign > .component-content .richText > .component-content {
padding: 31.997px 11.998px;
padding: 1.9998125rem 0.749875rem;
width: calc(100% - 220px); }
.advert-card-redesign.image-left > .component-content .image {
width: 220.003px;
width: 13.7501875rem;
position: absolute;
right: unset;
left: 0;
top: 0;
height: 100%; }
.advert-card-redesign.image-left > .component-content .richText > .component-content {
float: right; }
.advert-card-redesign.image-right > .component-content .image img {
float: right; }
.advert-card-redesign .richText > .component-content {
padding: 24.003px 31.997px 31.997px;
padding: 1.5001875rem 1.9998125rem 1.9998125rem; }
.advert-card-redesign .richText > .component-content [class*=btn-][class*="-action-"] {
bottom: 33.999px;
bottom: 2.1249375rem;
margin-left: 0;
position: absolute; }
.advert-card-redesign .richText > .component-content .richText-content h1,
.advert-card-redesign .richText > .component-content .richText-content h2,
.advert-card-redesign .richText > .component-content .richText-content h3,
.advert-card-redesign .richText > .component-content .richText-content h4,
.advert-card-redesign .richText > .component-content .richText-content h5,
.advert-card-redesign .richText > .component-content .richText-content h6,
.advert-card-redesign .richText > .component-content .richText-content .h1,
.advert-card-redesign .richText > .component-content .richText-content .h2,
.advert-card-redesign .richText > .component-content .richText-content .h3,
.advert-card-redesign .richText > .component-content .richText-content .h4,
.advert-card-redesign .richText > .component-content .richText-content .h5,
.advert-card-redesign .richText > .component-content .richText-content .h6,
.advert-card-redesign .richText > .component-content .richText-content .pseudo-h1,
.advert-card-redesign .richText > .component-content .richText-content .pseudo-h2,
.advert-card-redesign .richText > .component-content .richText-content .pseudo-h3,
.advert-card-redesign .richText > .component-content .richText-content .pseudo-h4,
.advert-card-redesign .richText > .component-content .richText-content .pseudo-h5 {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem;
color: white;
font-family: "SourceSansPro-Regular", sans-serif;
margin-top: 0; }
.advert-card-redesign .richText > .component-content .richText-content p, .advert-card-redesign .richText > .component-content .richText-content a, .advert-card-redesign .richText > .component-content .richText-content li, .advert-card-redesign .richText > .component-content .richText-content ul {
color: white; }
.advert-card-redesign .richText > .component-content .richText-content p {
margin-bottom: 47.999px;
margin-bottom: 2.9999375rem; }
@media only screen and (max-width: 1439px) {
.advert-card-redesign {
width: 100%; }
.advert-card-redesign > .component-content .richText > .component-content [class*=btn-][class*="-action-"] {
bottom: 24.003px;
bottom: 1.5001875rem; }
.advert-card-redesign > .component-content .richText > .component-content .richText-content h1,
.advert-card-redesign > .component-content .richText > .component-content .richText-content h2,
.advert-card-redesign > .component-content .richText > .component-content .richText-content h3,
.advert-card-redesign > .component-content .richText > .component-content .richText-content h4,
.advert-card-redesign > .component-content .richText > .component-content .richText-content h5,
.advert-card-redesign > .component-content .richText > .component-content .richText-content h6,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .h1,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .h2,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .h3,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .h4,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .h5,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .h6,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .pseudo-h1,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .pseudo-h2,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .pseudo-h3,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .pseudo-h4,
.advert-card-redesign > .component-content .richText > .component-content .richText-content .pseudo-h5 {
line-height: 31.997px;
line-height: 1.9998125rem; }
.advert-card-redesign > .component-content .richText > .component-content .richText-content p {
margin-bottom: 47.999px;
margin-bottom: 2.9999375rem; } }
@media only screen and (max-width: 992px) {
.advert-card-redesign {
min-height: 263.998px;
min-height: 16.499875rem;
width: 100%; }
.advert-card-redesign > .component-content .richText.default-style {
padding: 0; }
.advert-card-redesign > .component-content .richText > .component-content {
width: calc(100% - 250px); } }
@media only screen and (max-width: 767px) {
.advert-card-redesign {
height: auto; }
.advert-card-redesign > .component-content .richText > .component-content {
padding: 24.003px 3.997px;
padding: 1.5001875rem 0.2498125rem;
padding-bottom: 235.998px;
padding-bottom: 14.749875rem;
width: calc(100% - 8px);
height: auto; }
.advert-card-redesign > .component-content .richText > .component-content [class*=btn-][class*="-action-"] {
position: static; }
.advert-card-redesign > .component-content .richText > .component-content .richText-content p {
margin-bottom: 0px; }
.advert-card-redesign.image-right > .component-content .image, .advert-card-redesign.image-left > .component-content .image, .advert-card-redesign > .component-content .image {
height: 220.003px;
height: 13.7501875rem;
width: 100%;
bottom: 0;
top: unset; }
.advert-card-redesign.image-right > .component-content .image img, .advert-card-redesign.image-left > .component-content .image img, .advert-card-redesign > .component-content .image img {
margin: auto;
float: none; }
.advert-card-redesign.no-image .richText > .component-content {
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem; } }
@media only screen and (max-width: 480px) {
.advert-card-redesign > .component-content .richText > .component-content {
padding-bottom: 235.998px;
padding-bottom: 14.749875rem; }
.advert-card-redesign > .component-content .richText > .component-content [class*=btn-][class*="-action-"] {
width: 100%; }
.advert-card-redesign.no-image .richText > .component-content {
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem; } }
.advert-card-redesign.gradient-background-1 > .component-content {
background: linear-gradient(125deg, #f0325a -7%, #f05a7d 110%); }
.advert-card-redesign.gradient-background-2 .component-content {
background: linear-gradient(310deg, #f0325a -7%, #aa052d 110%); }
.advert-card-redesign.gradient-background-3 > .component-content {
background: linear-gradient(125deg, #870a3c -7%, #f0325a 110%); }
.advert-card-redesign.gradient-background-4 > .component-content {
background: linear-gradient(125deg, #870a3c -7%, #af144b 110%); }
.advert-card-redesign.gradient-background-5 > .component-content {
background: linear-gradient(125deg, #870a3c -7%, #640032 110%); }
.advert-card-redesign.gradient-background-6 > .component-content {
background: linear-gradient(125deg, #be0028 -7%, #dc0032 110%); }
.advert-card-redesign.gradient-background-7 > .component-content {
background: linear-gradient(125deg, #be0028 -7%, #aa052d 110%); }
.advert-card-redesign.gradient-background-8 > .component-content {
background: linear-gradient(125deg, #960528 -7%, #aa052d 110%); }
.advert-card-redesign.gradient-background-9 > .component-content {
background: linear-gradient(125deg, #f52d28 -7%, #fa551e 110%); }
.advert-card-redesign.gradient-background-10 > .component-content {
background: linear-gradient(125deg, #fa551e -7%, #dc0032 110%); }
.advert-card-redesign.gradient-background-11 > .component-content {
background: linear-gradient(125deg, #fa551e -7%, #dc0032 110%); }
.advert-card-redesign.gradient-background-12 > .component-content {
background: linear-gradient(309deg, #f0325a -7%, #fa551e 110%); }
.advert-card-redesign.gradient-background-13 > .component-content {
background: linear-gradient(71deg, #f0325a -1%, #aa052d 187%); }
.productCardInfo.component.product-card-info-horizontal, .productCardInfo.component.product-card-info-vertical, .productCardInfo.component.product-card-info-no-img {
border-bottom: 1px solid #e3e2e2;
position: relative;
transition: top 0.3s;
z-index: 9; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2); }
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 16.002px;
margin-right: 1.000125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem;
color: #787272;
font-weight: 400;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
color: #2D2323;
font-weight: 600;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px;
margin: 0rem 1.000125rem;
color: #FA551E;
font-weight: 600; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button.btn-action-primary-solid {
color: white; }
@media only screen and (max-width: 1280px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-0, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-0, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-0, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-1, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-1, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-1 {
margin-left: 91px;
margin-left: 5.6875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px 0px 0px;
margin: 0rem 1.000125rem 0rem 0rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button:last-child {
margin: 0px;
margin: 0rem; } }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 11.998px;
font-size: 0.749875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content, .productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: block; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
border-bottom: 1px solid #e3e2e2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons .button {
margin-right: 0; } }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky {
position: fixed;
background-color: #fff;
z-index: 9;
width: 100%; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
padding-bottom: 14px;
padding-bottom: 0.875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-buttons {
padding-bottom: 17.003px;
padding-bottom: 1.0626875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media screen and (min-width: 481px) and (max-width: 720px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
display: none; } }
@media screen and (min-width: 481px) and (max-width: 700px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-description {
display: none; } }
#footer .product-card-info-buttons.mobile-buttons-copy {
padding-left: 16.002px;
padding-left: 1.000125rem;
padding-right: 16.002px;
padding-right: 1.000125rem;
padding-bottom: 16.002px;
padding-bottom: 1.000125rem;
padding-top: 10.003px;
padding-top: 0.6251875rem;
position: fixed;
bottom: 0;
visibility: hidden;
background: #fff; }
#footer .show-button-copy.product-card-info-buttons.mobile-buttons-copy {
display: block;
visibility: visible;
opacity: 0;
z-index: 9;
width: calc(100% - 28px);
border-top: 1px solid #e3e2e2; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy a.button {
margin: 0px;
margin: 0rem;
width: 100%; }
#footer .product-card-info-buttons.mobile-buttons-copy .button {
width: calc(50% - 12px);
font-weight: 600;
color: #FA551E; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-0 {
margin-right: 8.008px;
margin-right: 0.5005rem;
margin-left: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-1 {
margin-left: 8.008px;
margin-left: 0.5005rem;
margin-right: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.btn-action-primary-solid {
color: white; }
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 126px;
top: 7.875rem; }
@media only screen and (max-width: 767px) {
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 56px;
top: 3.5rem; } }
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 184.002px;
top: 11.500125rem; }
@media only screen and (max-width: 767px) {
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 112px;
top: 7rem; } }
.adoption-space:not(.cookie-space) .productCardInfo.product-card-info-sticky {
top: 187.999px;
top: 11.7499375rem; }
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 243.999px;
top: 15.2499375rem; }
@media screen and (max-width: 767px) {
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 166.999px;
top: 10.4374375rem; } }
@media only screen and (max-width: 480px) {
#footer .footer-btn-spacer {
margin-bottom: 77px;
margin-bottom: 4.8125rem; } }
#footer .product-card-info-buttons.mobile-buttons-copy.single-btn {
width: calc(100% - 64px); }
.hero-wrapper .richText-hero.change-hero-text {
min-height: 299.999px;
min-height: 18.7499375rem; }
.hero-wrapper .richText-hero.change-hero-text > .component-content {
padding: 16.002px 24.003px 16.002px 0px;
padding: 1.000125rem 1.5001875rem 1.000125rem 0rem;
position: absolute;
bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .richText-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.hero-wrapper .richText-hero.change-hero-text .richText-content h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content .h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content p {
margin-bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .hide-element {
display: none; }
.productCardInfo.component.product-card-info-horizontal, .productCardInfo.component.product-card-info-vertical, .productCardInfo.component.product-card-info-no-img {
border-bottom: 1px solid #e3e2e2;
position: relative;
transition: top 0.3s;
z-index: 9; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2); }
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 16.002px;
margin-right: 1.000125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem;
color: #787272;
font-weight: 400;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
color: #2D2323;
font-weight: 600;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px;
margin: 0rem 1.000125rem;
color: #FA551E;
font-weight: 600; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button.btn-action-primary-solid {
color: white; }
@media only screen and (max-width: 1280px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-0, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-0, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-0, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-1, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-1, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-1 {
margin-left: 91px;
margin-left: 5.6875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px 0px 0px;
margin: 0rem 1.000125rem 0rem 0rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button:last-child {
margin: 0px;
margin: 0rem; } }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 11.998px;
font-size: 0.749875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content, .productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: block; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
border-bottom: 1px solid #e3e2e2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons .button {
margin-right: 0; } }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky {
position: fixed;
background-color: #fff;
z-index: 9;
width: 100%; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
padding-bottom: 14px;
padding-bottom: 0.875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-buttons {
padding-bottom: 17.003px;
padding-bottom: 1.0626875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media screen and (min-width: 481px) and (max-width: 720px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
display: none; } }
@media screen and (min-width: 481px) and (max-width: 700px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-description {
display: none; } }
#footer .product-card-info-buttons.mobile-buttons-copy {
padding-left: 16.002px;
padding-left: 1.000125rem;
padding-right: 16.002px;
padding-right: 1.000125rem;
padding-bottom: 16.002px;
padding-bottom: 1.000125rem;
padding-top: 10.003px;
padding-top: 0.6251875rem;
position: fixed;
bottom: 0;
visibility: hidden;
background: #fff; }
#footer .show-button-copy.product-card-info-buttons.mobile-buttons-copy {
display: block;
visibility: visible;
opacity: 0;
z-index: 9;
width: calc(100% - 28px);
border-top: 1px solid #e3e2e2; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy a.button {
margin: 0px;
margin: 0rem;
width: 100%; }
#footer .product-card-info-buttons.mobile-buttons-copy .button {
width: calc(50% - 12px);
font-weight: 600;
color: #FA551E; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-0 {
margin-right: 8.008px;
margin-right: 0.5005rem;
margin-left: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-1 {
margin-left: 8.008px;
margin-left: 0.5005rem;
margin-right: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.btn-action-primary-solid {
color: white; }
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 126px;
top: 7.875rem; }
@media only screen and (max-width: 767px) {
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 56px;
top: 3.5rem; } }
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 184.002px;
top: 11.500125rem; }
@media only screen and (max-width: 767px) {
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 112px;
top: 7rem; } }
.adoption-space:not(.cookie-space) .productCardInfo.product-card-info-sticky {
top: 187.999px;
top: 11.7499375rem; }
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 243.999px;
top: 15.2499375rem; }
@media screen and (max-width: 767px) {
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 166.999px;
top: 10.4374375rem; } }
@media only screen and (max-width: 480px) {
#footer .footer-btn-spacer {
margin-bottom: 77px;
margin-bottom: 4.8125rem; } }
#footer .product-card-info-buttons.mobile-buttons-copy.single-btn {
width: calc(100% - 64px); }
.hero-wrapper .richText-hero.change-hero-text {
min-height: 299.999px;
min-height: 18.7499375rem; }
.hero-wrapper .richText-hero.change-hero-text > .component-content {
padding: 16.002px 24.003px 16.002px 0px;
padding: 1.000125rem 1.5001875rem 1.000125rem 0rem;
position: absolute;
bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .richText-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.hero-wrapper .richText-hero.change-hero-text .richText-content h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content .h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content p {
margin-bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .hide-element {
display: none; }
.productCardInfo.component.product-card-info-horizontal {
top: unset; }
.productCardInfo.component.product-card-info-horizontal:not(.product-card-info-sticky) {
margin-top: -108.003px;
margin-top: -6.7501875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-container {
padding-top: 7px;
padding-top: 0.4375rem;
padding-bottom: 7px;
padding-bottom: 0.4375rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-image {
width: 114.002px;
width: 7.125125rem;
height: 72.002px;
height: 4.500125rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights {
margin-left: 98px;
margin-left: 6.125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-container {
padding-bottom: 30.002px;
padding-bottom: 1.875125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-image {
overflow: hidden;
width: 285.999px;
width: 17.8749375rem;
height: 179.998px;
height: 11.249875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights {
margin-left: 31.997px;
margin-left: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights .product-card-info-highlight-0 {
margin-left: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights .product-card-info-highlight-1 {
margin-left: 63px;
margin-left: 3.9375rem; }
@media only screen and (max-width: 1280px) {
.productCardInfo.component.product-card-info-horizontal:not(.product-card-info-sticky) {
margin-top: -63px;
margin-top: -3.9375rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-image {
width: 221.998px;
width: 13.874875rem;
height: 143.997px;
height: 8.9998125rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights {
margin-left: 77px;
margin-left: 4.8125rem; } }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal:not(.product-card-info-sticky) {
margin-top: -42px;
margin-top: -2.625rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-container {
padding-bottom: 23.002px;
padding-bottom: 1.437625rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-image {
width: 164.003px;
width: 10.2501875rem;
height: 101.997px;
height: 6.3748125rem;
margin-right: 0; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights {
margin-left: 63px;
margin-left: 3.9375rem; } }
@media only screen and (max-width: 768px) {
.productCardInfo.component.product-card-info-horizontal:not(.product-card-info-sticky) {
margin-top: -37.002px;
margin-top: -2.312625rem; } }
@media only screen and (max-width: 767px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky:not(.product-card-info-sticky) {
margin-top: -112px;
margin-top: -7rem; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-horizontal:not(.product-card-info-sticky) {
margin-top: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-image {
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
height: auto;
width: auto; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
margin-left: 0; } }
.productCardInfo.component.product-card-info-horizontal, .productCardInfo.component.product-card-info-vertical, .productCardInfo.component.product-card-info-no-img {
border-bottom: 1px solid #e3e2e2;
position: relative;
transition: top 0.3s;
z-index: 9; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2); }
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 16.002px;
margin-right: 1.000125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem;
color: #787272;
font-weight: 400;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
color: #2D2323;
font-weight: 600;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px;
margin: 0rem 1.000125rem;
color: #FA551E;
font-weight: 600; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button.btn-action-primary-solid {
color: white; }
@media only screen and (max-width: 1280px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-0, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-0, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-0, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-1, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-1, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-1 {
margin-left: 91px;
margin-left: 5.6875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px 0px 0px;
margin: 0rem 1.000125rem 0rem 0rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button:last-child {
margin: 0px;
margin: 0rem; } }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 11.998px;
font-size: 0.749875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content, .productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: block; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
border-bottom: 1px solid #e3e2e2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons .button {
margin-right: 0; } }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky {
position: fixed;
background-color: #fff;
z-index: 9;
width: 100%; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
padding-bottom: 14px;
padding-bottom: 0.875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-buttons {
padding-bottom: 17.003px;
padding-bottom: 1.0626875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media screen and (min-width: 481px) and (max-width: 720px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
display: none; } }
@media screen and (min-width: 481px) and (max-width: 700px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-description {
display: none; } }
#footer .product-card-info-buttons.mobile-buttons-copy {
padding-left: 16.002px;
padding-left: 1.000125rem;
padding-right: 16.002px;
padding-right: 1.000125rem;
padding-bottom: 16.002px;
padding-bottom: 1.000125rem;
padding-top: 10.003px;
padding-top: 0.6251875rem;
position: fixed;
bottom: 0;
visibility: hidden;
background: #fff; }
#footer .show-button-copy.product-card-info-buttons.mobile-buttons-copy {
display: block;
visibility: visible;
opacity: 0;
z-index: 9;
width: calc(100% - 28px);
border-top: 1px solid #e3e2e2; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy a.button {
margin: 0px;
margin: 0rem;
width: 100%; }
#footer .product-card-info-buttons.mobile-buttons-copy .button {
width: calc(50% - 12px);
font-weight: 600;
color: #FA551E; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-0 {
margin-right: 8.008px;
margin-right: 0.5005rem;
margin-left: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-1 {
margin-left: 8.008px;
margin-left: 0.5005rem;
margin-right: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.btn-action-primary-solid {
color: white; }
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 126px;
top: 7.875rem; }
@media only screen and (max-width: 767px) {
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 56px;
top: 3.5rem; } }
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 184.002px;
top: 11.500125rem; }
@media only screen and (max-width: 767px) {
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 112px;
top: 7rem; } }
.adoption-space:not(.cookie-space) .productCardInfo.product-card-info-sticky {
top: 187.999px;
top: 11.7499375rem; }
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 243.999px;
top: 15.2499375rem; }
@media screen and (max-width: 767px) {
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 166.999px;
top: 10.4374375rem; } }
@media only screen and (max-width: 480px) {
#footer .footer-btn-spacer {
margin-bottom: 77px;
margin-bottom: 4.8125rem; } }
#footer .product-card-info-buttons.mobile-buttons-copy.single-btn {
width: calc(100% - 64px); }
.hero-wrapper .richText-hero.change-hero-text {
min-height: 299.999px;
min-height: 18.7499375rem; }
.hero-wrapper .richText-hero.change-hero-text > .component-content {
padding: 16.002px 24.003px 16.002px 0px;
padding: 1.000125rem 1.5001875rem 1.000125rem 0rem;
position: absolute;
bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .richText-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.hero-wrapper .richText-hero.change-hero-text .richText-content h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content .h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content p {
margin-bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .hide-element {
display: none; }
.productCardInfo.component.product-card-info-vertical {
top: unset; }
.productCardInfo.component.product-card-info-vertical:not(.product-card-info-sticky) {
margin-top: -105px;
margin-top: -6.5625rem; }
.productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-image {
width: 81.998px;
width: 5.124875rem;
height: 75.999px;
height: 4.7499375rem; }
.productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights {
margin-left: 115.997px;
margin-left: 7.2498125rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-image {
overflow: hidden;
width: 215.999px;
width: 13.4999375rem;
height: 199.997px;
height: 12.4998125rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-highlights {
padding-top: 23.002px;
padding-top: 1.437625rem;
padding-bottom: 23.002px;
padding-bottom: 1.437625rem;
margin-left: 121.002px;
margin-left: 7.562625rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-highlights .product-card-info-highlight-0 {
margin-left: 0; }
.productCardInfo.component.product-card-info-vertical .product-card-info-highlights .product-card-info-highlight-1 {
margin-left: 98px;
margin-left: 6.125rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-buttons {
padding-top: 12.999px;
padding-top: 0.8124375rem;
padding-bottom: 23.009px;
padding-bottom: 1.4380625rem; }
@media only screen and (max-width: 1280px) {
.productCardInfo.component.product-card-info-vertical:not(.product-card-info-sticky) {
margin-top: -66.997px;
margin-top: -4.1873125rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-image {
width: 173.999px;
width: 10.8749375rem;
height: 161px;
height: 10.0625rem; } }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-vertical .product-card-info-highlights {
margin-left: 63px;
margin-left: 3.9375rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-highlights .product-card-info-highlight-1 {
margin-left: 47.999px;
margin-left: 2.9999375rem; }
.productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights {
margin-left: 106.001px;
margin-left: 6.6250625rem; } }
@media only screen and (max-width: 768px) {
.productCardInfo.component.product-card-info-vertical:not(.product-card-info-sticky) {
margin-top: -31.997px;
margin-top: -1.9998125rem; }
.productCardInfo.component.product-card-info-vertical .product-card-info-image {
width: 136.997px;
width: 8.5623125rem;
height: 126.994px;
height: 7.937125rem; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-vertical {
top: 0; }
.productCardInfo.component.product-card-info-vertical div.product-card-info-container {
padding-left: 0;
padding-right: 0; }
.productCardInfo.component.product-card-info-vertical .product-card-info-image {
padding: 0px 16.002px;
padding: 0rem 1.000125rem;
border-bottom: 1px solid #e3e2e2;
margin: 0 auto 24px;
width: auto;
height: auto; }
.productCardInfo.component.product-card-info-vertical .product-card-info-image img {
margin-left: 31.997px;
margin-left: 1.9998125rem;
max-width: calc(100% - 64px); }
.productCardInfo.component.product-card-info-vertical .product-card-info-highlights {
padding: 0px 31.997px;
padding: 0rem 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem;
margin-left: 0; }
.productCardInfo.component.product-card-info-vertical .product-card-info-buttons {
padding: 24.003px 0px 31.997px 0px;
padding: 1.5001875rem 0rem 1.9998125rem 0rem;
margin: 0px 31.997px;
margin: 0rem 1.9998125rem; } }
.productCardInfo.component.product-card-info-horizontal, .productCardInfo.component.product-card-info-vertical, .productCardInfo.component.product-card-info-no-img {
border-bottom: 1px solid #e3e2e2;
position: relative;
transition: top 0.3s;
z-index: 9; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2); }
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 16.002px;
margin-right: 1.000125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem;
color: #787272;
font-weight: 400;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
color: #2D2323;
font-weight: 600;
white-space: nowrap; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px;
margin: 0rem 1.000125rem;
color: #FA551E;
font-weight: 600; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button.btn-action-primary-solid, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button.btn-action-primary-solid {
color: white; }
@media only screen and (max-width: 1280px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-container, .productCardInfo.component.product-card-info-vertical .product-card-info-container, .productCardInfo.component.product-card-info-no-img .product-card-info-container {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-0, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-0, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-0, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-1, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-1, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-1 {
margin-left: 91px;
margin-left: 5.6875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button {
margin: 0px 16.002px 0px 0px;
margin: 0rem 1.000125rem 0rem 0rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons > .button:last-child, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons > .button:last-child {
margin: 0px;
margin: 0rem; } }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 11.998px;
font-size: 0.749875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-horizontal .product-card-info-content, .productCardInfo.component.product-card-info-vertical .product-card-info-content, .productCardInfo.component.product-card-info-no-img .product-card-info-content, .productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details, .productCardInfo.component.product-card-info-horizontal .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img .product-card-info-highlights {
display: block; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-details, .productCardInfo.component.product-card-info-vertical .product-card-info-details, .productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
border-bottom: 1px solid #e3e2e2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0; }
.productCardInfo.component.product-card-info-horizontal .product-card-info-buttons .button, .productCardInfo.component.product-card-info-vertical .product-card-info-buttons .button, .productCardInfo.component.product-card-info-no-img .product-card-info-buttons .button {
margin-right: 0; } }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky {
position: fixed;
background-color: #fff;
z-index: 9;
width: 100%; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
padding-bottom: 14px;
padding-bottom: 0.875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-buttons, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-buttons {
padding-bottom: 17.003px;
padding-bottom: 1.0626875rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-name, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-name {
font-size: 14px;
font-size: 0.875rem;
line-height: 16.002px;
line-height: 1.000125rem; }
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlight-value, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlight-value {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; } }
@media screen and (min-width: 481px) and (max-width: 720px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-highlights, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-highlights {
display: none; } }
@media screen and (min-width: 481px) and (max-width: 700px) {
.productCardInfo.component.product-card-info-horizontal.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-vertical.product-card-info-sticky .product-card-info-description, .productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-description {
display: none; } }
#footer .product-card-info-buttons.mobile-buttons-copy {
padding-left: 16.002px;
padding-left: 1.000125rem;
padding-right: 16.002px;
padding-right: 1.000125rem;
padding-bottom: 16.002px;
padding-bottom: 1.000125rem;
padding-top: 10.003px;
padding-top: 0.6251875rem;
position: fixed;
bottom: 0;
visibility: hidden;
background: #fff; }
#footer .show-button-copy.product-card-info-buttons.mobile-buttons-copy {
display: block;
visibility: visible;
opacity: 0;
z-index: 9;
width: calc(100% - 28px);
border-top: 1px solid #e3e2e2; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy {
padding-left: 31.997px;
padding-left: 1.9998125rem;
padding-right: 31.997px;
padding-right: 1.9998125rem; }
#footer .single-btn.product-card-info-buttons.mobile-buttons-copy a.button {
margin: 0px;
margin: 0rem;
width: 100%; }
#footer .product-card-info-buttons.mobile-buttons-copy .button {
width: calc(50% - 12px);
font-weight: 600;
color: #FA551E; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-0 {
margin-right: 8.008px;
margin-right: 0.5005rem;
margin-left: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.product-card-info-button-1 {
margin-left: 8.008px;
margin-left: 0.5005rem;
margin-right: 0; }
#footer .product-card-info-buttons.mobile-buttons-copy .button.btn-action-primary-solid {
color: white; }
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 126px;
top: 7.875rem; }
@media only screen and (max-width: 767px) {
body:not(.cookie-space):not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 56px;
top: 3.5rem; } }
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 184.002px;
top: 11.500125rem; }
@media only screen and (max-width: 767px) {
.cookie-space:not(.adoption-space) .productCardInfo.product-card-info-sticky {
top: 112px;
top: 7rem; } }
.adoption-space:not(.cookie-space) .productCardInfo.product-card-info-sticky {
top: 187.999px;
top: 11.7499375rem; }
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 243.999px;
top: 15.2499375rem; }
@media screen and (max-width: 767px) {
.cookie-space.adoption-space .productCardInfo.product-card-info-sticky {
top: 166.999px;
top: 10.4374375rem; } }
@media only screen and (max-width: 480px) {
#footer .footer-btn-spacer {
margin-bottom: 77px;
margin-bottom: 4.8125rem; } }
#footer .product-card-info-buttons.mobile-buttons-copy.single-btn {
width: calc(100% - 64px); }
.hero-wrapper .richText-hero.change-hero-text {
min-height: 299.999px;
min-height: 18.7499375rem; }
.hero-wrapper .richText-hero.change-hero-text > .component-content {
padding: 16.002px 24.003px 16.002px 0px;
padding: 1.000125rem 1.5001875rem 1.000125rem 0rem;
position: absolute;
bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .richText-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.hero-wrapper .richText-hero.change-hero-text .richText-content h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content .h1,
.hero-wrapper .richText-hero.change-hero-text .richText-content p {
margin-bottom: 0; }
.hero-wrapper .richText-hero.change-hero-text .hide-element {
display: none; }
.productCardInfo.component.product-card-info-no-img {
visibility: hidden;
height: 0;
opacity: 0;
top: unset; }
.productCardInfo.component.product-card-info-no-img.product-card-info-sticky .product-card-info-buttons {
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem; }
.productCardInfo.component.product-card-info-no-img .product-card-info-header {
display: none; }
.productCardInfo.component.product-card-info-no-img .product-card-info-details,
.productCardInfo.component.product-card-info-no-img .product-card-info-description {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
overflow: hidden; }
.productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 89.999px;
margin-right: 5.6249375rem; }
.productCardInfo.component.product-card-info-no-img.product-card-info-sticky {
visibility: visible;
opacity: 1;
height: auto; }
.productCardInfo.component.product-card-info-no-img .product-card-info-container {
max-width: 1240.001px;
max-width: 77.5000625rem;
margin: 0 auto; }
.productCardInfo.component.product-card-info-no-img.productCardInfo.component .product-card-info-image {
width: 0; }
.productCardInfo.component.product-card-info-no-img.productCardInfo.component .product-card-info-highlights {
width: 0;
padding: 0;
margin: 0; }
.productCardInfo.component.product-card-info-no-img .product-card-info-description {
font-size: 39.998px;
font-size: 2.499875rem;
line-height: 47.999px;
line-height: 2.9999375rem;
padding: 19.999px 0px;
padding: 1.2499375rem 0rem;
font-weight: 600; }
.productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
padding-top: 24.003px;
padding-top: 1.5001875rem;
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem;
white-space: nowrap; }
@media only screen and (max-width: 992px) {
.productCardInfo.component.product-card-info-no-img .product-card-info-description {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 47.999px;
line-height: 2.9999375rem; }
.productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
padding-top: 14px;
padding-top: 0.875rem;
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem; }
.productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 35px;
margin-right: 2.1875rem; } }
@media only screen and (max-width: 767px) {
.productCardInfo.component.product-card-info-no-img .product-card-info-sticky .product-card-info-description {
font-size: 17.997px;
font-size: 1.1248125rem; }
.productCardInfo.component.product-card-info-no-img .product-card-info-buttons {
padding-top: 14px;
padding-top: 0.875rem;
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem; }
.productCardInfo.component.product-card-info-no-img .product-card-info-details {
margin-right: 0; } }
@media only screen and (max-width: 480px) {
.productCardInfo.component.product-card-info-no-img {
display: block; }
.productCardInfo.component.product-card-info-no-img:not(.product-card-info-sticky) {
margin-top: 0; }
.productCardInfo.component.product-card-info-no-img .product-card-info-details {
display: none; } }
.product-card-info-mobile-text {
display: none; }
.product-card-info-mobile-text .product-card-info-header,
.product-card-info-mobile-text .product-card-info-details {
display: none; }
@media only screen and (max-width: 480px) {
.product-card-info-mobile-text {
display: block; }
.product-card-info-mobile-text .product-card-info-buttons {
padding: 24.003px 31.997px 31.997px;
padding: 1.5001875rem 1.9998125rem 1.9998125rem;
margin: 103.999px 0px 31.997px;
margin: 6.4999375rem 0rem 1.9998125rem;
border-bottom: 1px solid #e3e2e2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0; }
.product-card-info-mobile-text .product-card-info-buttons .button {
margin-right: 0;
color: #FA551E; }
.product-card-info-mobile-text .product-card-info-buttons .button.btn-action-primary-solid {
color: #fff; }
.product-card-info-mobile-text.mobile-buttons-copy a.button {
width: 100%;
padding-top: 17.997px;
padding-top: 1.1248125rem;
padding-bottom: 17.997px;
padding-bottom: 1.1248125rem; } }
@media only screen and (min-width: 481px) {
.richText-hero-clone {
display: none; } }
@media only screen and (max-width: 480px) {
.richText-hero-mobile {
display: none; } }
.productFilter.component {
border-radius: 8.001px;
border-radius: 0.5000625rem;
min-height: 67.998px;
min-height: 4.249875rem;
padding: 16.002px 25.998px;
padding: 1.000125rem 1.624875rem;
margin: 31.997px 0px;
margin: 1.9998125rem 0rem;
background-color: #f0325a;
width: calc(100% - 52px);
color: #fff;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: auto; }
.productFilter.component .outer-container {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%; }
.productFilter.component .outer-container .filter-label {
padding-right: 44.002px;
padding-right: 2.750125rem;
margin-right: 31.997px;
margin-right: 1.9998125rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600; }
.productFilter.component .outer-container .filter-label::before {
height: 21px;
height: 1.3125rem;
content: '';
position: absolute;
background: #fff;
top: 49%;
right: 0;
width: 2px;
-webkit-transform: rotate(-25deg) skew(0deg, 25deg) translateY(-100%);
-ms-transform: rotate(-25deg) skew(0deg, 25deg) translateY(-100%);
transform: rotate(-25deg) skew(0deg, 25deg) translateY(-100%); }
.productFilter.component .outer-container .filter-label::after {
height: 21px;
height: 1.3125rem;
content: '';
position: absolute;
background: #fff;
bottom: 48%;
right: 0;
width: 2px;
-webkit-transform: rotate(25deg) skew(0deg, -25deg) translateY(100%);
-ms-transform: rotate(25deg) skew(0deg, -25deg) translateY(100%);
transform: rotate(25deg) skew(0deg, -25deg) translateY(100%);
transition: -webkit-transform 300ms linear;
transition: transform 300ms linear;
transition: transform 300ms linear, -webkit-transform 300ms linear; }
.productFilter.component .outer-container .filter-label,
.productFilter.component .outer-container .filter-group {
position: relative; }
.productFilter.component .outer-container .filter-group {
margin-right: 31.997px;
margin-right: 1.9998125rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.productFilter.component .outer-container .filter-group label {
margin-bottom: 3.997px;
margin-bottom: 0.2498125rem; }
.productFilter.component .outer-container .filter-group select {
width: 179.998px;
width: 11.249875rem;
height: 39.998px;
height: 2.499875rem;
padding-left: 16.002px;
padding-left: 1.000125rem;
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 3px;
color: #524A4A; }
.productFilter.component .outer-container .filter-group select::-ms-expand {
display: none; }
.productFilter.component .outer-container .filter-group select:focus-visible {
outline: none; }
.productFilter.component .outer-container .filter-group:nth-child(4) {
margin-right: 0; }
.productFilter.component .outer-container .filter-clear {
padding-left: 14px;
padding-left: 0.875rem;
padding-right: 14px;
padding-right: 0.875rem;
margin: 24.003px 0px 0px 0px;
margin: 1.5001875rem 0rem 0rem 0rem;
position: relative;
bottom: 0;
right: 0;
background-color: #fff;
color: #2D2323;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: auto; }
.productFilter.component .outer-container .filter-clear.disabled {
background-color: transparent;
color: #fff; }
.productFilter.component .outer-container .select-hidden {
padding-right: 10.003px;
padding-right: 0.6251875rem;
display: none;
visibility: hidden; }
.productFilter.component .outer-container .select {
font-size: 14px;
font-size: 0.875rem;
width: 179.998px;
width: 11.249875rem;
height: 39.998px;
height: 2.499875rem;
cursor: pointer;
display: inline-block;
position: relative;
color: #f4f3f3; }
.productFilter.component .outer-container .select.default .select-styled {
font-style: italic; }
.productFilter.component .outer-container .select-styled {
padding: 8.001px 15.001px;
padding: 0.5000625rem 0.9375625rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 24.003px;
line-height: 1.5001875rem;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-weight: 400;
border-radius: 4px;
background-color: #fff;
color: #524A4A;
font-style: normal; }
.productFilter.component .outer-container .select-styled::after {
right: 14px;
right: 0.875rem;
top: 14px;
top: 0.875rem;
width: 7px;
width: 0.4375rem;
height: 7px;
height: 0.4375rem;
content: '';
display: block;
position: absolute;
background-color: transparent;
border-right: 1px solid #524A4A;
border-bottom: 1px solid #524A4A;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transition: -webkit-transform 300ms linear;
transition: transform 300ms linear;
transition: transform 300ms linear, -webkit-transform 300ms linear; }
.productFilter.component .outer-container .select-styled:hover {
background-color: #f4f3f3; }
.productFilter.component .outer-container .select-styled:active::after, .productFilter.component .outer-container .select-styled.active::after {
right: 14px;
right: 0.875rem;
top: 22.001px;
top: 1.3750625rem;
width: 7px;
width: 0.4375rem;
height: 7px;
height: 0.4375rem;
content: '';
display: block;
position: absolute;
background-color: transparent;
border-right: 1px solid #AA052D;
border-bottom: 1px solid #AA052D;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
z-index: 2; }
.productFilter.component .outer-container .select-options {
display: none;
position: absolute;
right: 0;
left: 0;
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
background-color: white;
border-radius: 4px;
color: #524A4A; }
.productFilter.component .outer-container .select-options li:first-of-type {
border-bottom: 3px solid #AA052D;
border-right: 1px solid #AA052D;
border-left: 1px solid #AA052D;
border-top: 1px solid #AA052D;
border-radius: 4px 4px 0 0;
font-style: italic; }
.productFilter.component .outer-container .select-options li:last-of-type {
border-bottom: 1px solid #cac7c7;
border-right: 1px solid #cac7c7;
border-left: 1px solid #cac7c7;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.productFilter.component .outer-container .select-options li {
padding: 11.998px 0px;
padding: 0.749875rem 0rem;
text-indent: 15.001px;
text-indent: 0.9375625rem;
margin: 0;
border-right: 1px solid #cac7c7;
border-left: 1px solid #cac7c7; }
.productFilter.component .outer-container .select-options li:hover, .productFilter.component .outer-container .select-options li.is-selected {
color: #AF144B;
background: #f4f3f3;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.productFilter.component .outer-container .select-options li[rel='hide'] {
display: none; }
.productFilter.component .outer-container .select-options li.is-selected::after {
right: 14px;
right: 0.875rem;
top: 22.001px;
top: 1.3750625rem;
width: 7px;
width: 0.4375rem;
height: 7px;
height: 0.4375rem;
content: '';
display: block;
position: absolute;
background-color: transparent;
border-right: 1px solid #AA052D;
border-bottom: 1px solid #AA052D;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
transition: -webkit-transform 300ms linear;
transition: transform 300ms linear;
transition: transform 300ms linear, -webkit-transform 300ms linear; }
@media only screen and (max-width: 1280px) {
.productFilter.component .outer-container .filter-group {
margin-right: 19.999px;
margin-right: 1.2499375rem; }
.productFilter.component .outer-container .filter-group select {
width: 136.003px;
width: 8.5001875rem; } }
@media only screen and (max-width: 1024px) {
.productFilter.component {
padding: 24.003px;
padding: 1.5001875rem; }
.productFilter.component .outer-container {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.productFilter.component .outer-container .filter-group {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem; }
.productFilter.component .outer-container .filter-label {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem;
margin-bottom: 8.001px;
margin-bottom: 0.5000625rem;
font-weight: 600; }
.productFilter.component .outer-container .filter-label::before, .productFilter.component .outer-container .filter-label::after {
display: none; } }
@media only screen and (max-width: 767px) {
.productFilter.component .filter-group {
width: 100%; }
.productFilter.component .filter-group .select {
width: 100%; }
.productFilter.component .outer-container .filter-clear {
margin-right: auto;
margin-left: 0;
width: 100%; } }
@media only screen and (max-width: 480px) {
.productFilter.component .outer-container .filter-label {
padding-right: 21px;
padding-right: 1.3125rem; }
.productFilter.component .outer-container .filter-label::after {
width: 14px;
width: 0.875rem;
height: 14px;
height: 0.875rem;
right: -24.003px;
right: -1.5001875rem;
bottom: 2px;
content: '';
display: block;
position: absolute;
background-color: transparent;
border-right: 2px solid white;
border-bottom: 2px solid white;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg); }
.productFilter.component .outer-container .filter-group-wrapper {
margin-top: 14px;
margin-top: 0.875rem;
margin-bottom: 14px;
margin-bottom: 0.875rem; }
.productFilter.component .outer-container .filter-group,
.productFilter.component .outer-container .filter-group > div {
width: 100%; }
.productFilter.component .outer-container .filter-clear {
margin-right: 0;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto; }
.productFilter.component.product-filter-closed {
min-height: -webkit-min-content;
min-height: min-content; }
.productFilter.component.product-filter-closed .outer-container .filter-label {
margin-bottom: 0; }
.productFilter.component.product-filter-closed .outer-container .filter-label::after {
width: 14px;
width: 0.875rem;
height: 14px;
height: 0.875rem;
bottom: 14px;
bottom: 0.875rem;
right: -24.003px;
right: -1.5001875rem;
content: '';
display: block;
position: absolute;
background-color: transparent;
border-right: 2px solid white;
border-bottom: 2px solid white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.productFilter.component.product-filter-closed .outer-container .filter-group-wrapper,
.productFilter.component.product-filter-closed .outer-container .filter-clear {
display: none; } }
@charset "UTF-8";
.richText > .component-content::before, .richText > .component-content::after {
content: "";
display: table; }
.richText > .component-content::after {
clear: both; }
.layout-left-sidebar .richText > .component-content {
overflow: visible; }
.align-components .richText {
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 992px) {
#content .richText.default-style {
padding: 0px 19.999px;
padding: 0rem 1.2499375rem; } }
.richText .richText-content ul > li {
list-style-type: disc; }
.richText .richText-content ul > li ul > li {
list-style-type: none; }
.richText .richText-content ul > li ul > li::before {
position: absolute;
content: '\2013';
margin-left: -1em; }
.richText.more-space-li .richText-content ul, .richText.more-space-li .richText-content ol {
padding-left: 24.003px;
padding-left: 1.5001875rem; }
.richText.more-space-li .richText-content ul li, .richText.more-space-li .richText-content ol li {
margin-bottom: 24.003px;
margin-bottom: 1.5001875rem;
padding-left: 16.002px;
padding-left: 1.000125rem; }
.richText.more-space-li .richText-content ul li::marker, .richText.more-space-li .richText-content ol li::marker {
font-family: "SourceSansPro-Bold", sans-serif; }
.richText li[style*='text-align: center'] {
list-style-position: inside; }
.vertical-spacing .richText.default-style > .component-content *:last-child {
margin-bottom: 0; }
.margin-top-medium .richText.default-style > .component-content *:first-child,
.vertical-spacing .richText.default-style > .component-content *:first-child {
margin-top: 0; }
.richText.vertical-spacing {
padding-left: 28px;
padding-left: 1.75rem;
padding-right: 28px;
padding-right: 1.75rem; }
.richText.vertical-spacing > .component-content *:first-child {
margin-top: 0; }
.richText.vertical-spacing > .component-content *:last-child {
margin-bottom: 0; }
.richText.header-for-accordion-menu {
display: none; }
.richText.richtext-no-margin-padding * {
padding: 0;
margin: 0; }
.richText a {
text-decoration: none; }
.richText h1, .richText h2, .richText h3, .richText h4, .richText h5, .richText h6,
.richText .h1, .richText .h2, .richText .h3, .richText .h4, .richText .h5, .richText .h6,
.richText .pseudo-h1, .richText .pseudo-h2, .richText .pseudo-h3, .richText .pseudo-h4, .richText .pseudo-h5, .richText .pseudo-h6 {
color: #2D2323; }
.richText h1 a, .richText h2 a, .richText h3 a, .richText h4 a, .richText h5 a, .richText h6 a,
.richText .h1 a, .richText .h2 a, .richText .h3 a, .richText .h4 a, .richText .h5 a, .richText .h6 a,
.richText .pseudo-h1 a, .richText .pseudo-h2 a, .richText .pseudo-h3 a, .richText .pseudo-h4 a, .richText .pseudo-h5 a, .richText .pseudo-h6 a {
color: #2D2323; }
.richText.richText-white h1, .richText.richText-white h2, .richText.richText-white h3, .richText.richText-white h4, .richText.richText-white h5, .richText.richText-white h6,
.richText.richText-white .h1, .richText.richText-white .h2, .richText.richText-white .h3, .richText.richText-white .h4, .richText.richText-white .h5, .richText.richText-white .h6,
.richText.richText-white .pseudo-h1, .richText.richText-white .pseudo-h2, .richText.richText-white .pseudo-h3, .richText.richText-white .pseudo-h4, .richText.richText-white .pseudo-h5, .richText.richText-white .pseudo-h6,
.richText.richText-white p, .richText.richText-white ul, .richText.richText-white li, .richText.richText-white a {
color: white; }
.richText .grey-text {
color: #f5f5f5; }
.richText .light-red-text {
color: #eb3158; }
.richText .white-text {
color: #fff; }
.richText .small-text-14 {
font-size: 14px;
font-size: 0.875rem; }
.richText .charcoal-text {
color: #2D2323; }
.richText .intro-paragraph {
font-size: 18.9px;
font-size: 1.18125rem;
line-height: 25.9px;
line-height: 1.61875rem;
letter-spacing: 0; }
.richText .read-more {
color: #AA052D;
font-weight: 300; }
.richText .read-more::after {
display: none; }
.richText .medium-red-text {
color: #AA052D; }
.richText .medium-red-text a {
color: #AA052D; }
.richText .go-back {
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
height: 29.995px;
height: 1.8746875rem;
width: 35.994px;
width: 2.249625rem;
color: #fff;
display: inline-block;
position: relative; }
.richText .go-back::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;
top: 12.999px;
top: 0.8124375rem;
color: #fff !important;
font-size: 49px !important;
vertical-align: middle;
left: -4px; }
.box-home-page-navigation .richText p {
padding: 0;
margin: 0; }
.divider + .richText h3 {
margin-bottom: 29.4px;
margin-bottom: 1.8375rem;
margin-top: 0; }
@media only screen and (max-width: 992px) {
#content .richText.default-style {
padding: 0px 19.999px;
padding: 0rem 1.2499375rem; }
#content .hero-wrapper .richText.default-style {
padding: 120.001px 129.997px 70px;
padding: 7.5000625rem 8.1248125rem 4.375rem; }
.box-home-page-navigation .richText {
padding: 0 12.5%; } }
@media only screen and (max-width: 767px) {
.box-home-page-navigation .richText h1 {
margin-top: 56px;
margin-top: 3.5rem; } }
@media only screen and (max-width: 480px) {
.align-components .richText {
padding: 0; }
.richText.default-style {
padding: 19.999px;
padding: 1.2499375rem; }
.richText.richtext-no-margin-padding {
max-width: 90%;
padding-left: 0; }
.richText .white-text,
.richText .grey-text,
.richText .red-text {
display: inline-block;
word-wrap: break-word; }
.richText .intro-paragraph {
font-size: 16.1px;
font-size: 1.00625rem;
line-height: 16.8px;
line-height: 1.05rem; }
.box-home-page-navigation .richText {
margin-top: 0; }
.box-home-page-navigation .richText h1 {
margin-top: 42px;
margin-top: 2.625rem; }
.box-home-page-navigation .richText .go-back {
margin-top: 35px;
margin-top: 2.1875rem; } }
.richText.mega-nav-title {
font-size: 16.002px;
font-size: 1.000125rem;
color: #FA551E;
display: none;
font-weight: 600;
padding: 0; }
@media only screen and (max-width: 767px) {
.richText.mega-nav-title {
display: block; } }
/*
* This variant is added on paragraph on layout
*/
.template-article-details #content .richText.default-style p {
padding-top: 17.5px;
padding-top: 1.09375rem;
padding-bottom: 17.5px;
padding-bottom: 1.09375rem;
margin: 0;
letter-spacing: 0; }
.template-article-details #content .richText.default-style p:first-child {
padding-top: 0; }
@media only screen and (max-width: 480px) {
.template-article-details #content .richText.default-style p {
font-size: 14.7px;
font-size: 0.91875rem;
line-height: 1.55; }
.template-article-details #content .richText h5 {
font-size: 17.5px;
font-size: 1.09375rem;
margin: 0;
line-height: 1.2;
letter-spacing: 0; } }
.richText.no-padding-hero-btn .richText-content p {
padding-left: 0; }
.richText.richText-no-btm-margin {
margin-bottom: 0; }
.richText.richText-no-btm-margin .richText-content p {
margin-bottom: 0; }
.richText.richText-no-top-margin {
margin-top: 0; }
.richText.richText-no-top-margin .richText-content p {
margin-top: 0; }
@media only screen and (max-width: 480px) {
.richText-intro {
padding-left: 12px;
padding-left: .7725rem;
padding-right: 12px;
padding-right: .7725rem; } }
.richText-scroll-to-discover {
height: 29.995px;
height: 1.8746875rem;
border-radius: 14.994px;
border-radius: 0.937125rem;
max-width: 149.996px;
max-width: 9.37475rem;
opacity: 0;
cursor: pointer;
background-color: #fff;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px auto 40px;
position: relative; }
.richText-scroll-to-discover p {
font-size: 9.996px;
font-size: 0.62475rem;
font-weight: 600;
color: #666;
line-height: 1; }
@media only screen and (max-width: 480px) {
.richText-scroll-to-discover {
width: 129.997px;
width: 8.1248125rem;
margin-top: 9.996px;
margin-top: 0.62475rem;
margin-bottom: 9.996px;
margin-bottom: 0.62475rem;
font-size: 8.995px;
font-size: 0.5621875rem;
bottom: 2px; } }
.white-background .richText-scroll-to-discover {
display: none; }
.richText-big-icon-showcase.js-equal-height-item {
height: auto !important; }
.richText-big-icon-showcase.js-equal-height-item > .component-content {
margin-bottom: 0; }
.richText-big-icon-showcase > .component-content {
margin-bottom: 39.9px;
margin-bottom: 2.49375rem;
padding-right: 16.002px;
padding-right: 1.000125rem;
max-width: 100%;
margin: auto;
float: left; }
.box-product-card .richText-big-icon-showcase .richText-image {
height: 45.003px;
height: 2.8126875rem;
min-height: 45.003px;
min-height: 2.8126875rem;
max-height: 45.003px;
max-height: 2.8126875rem; }
.margin-bottom-medium .richText-big-icon-showcase p:last-of-type {
margin-bottom: 0; }
.richText-big-icon-showcase [class*=icon-]::before {
font-size: 79.996px;
font-size: 4.99975rem;
display: block;
color: #2D2323; }
.richText-big-icon-showcase h1, .richText-big-icon-showcase h2, .richText-big-icon-showcase h3, .richText-big-icon-showcase h4, .richText-big-icon-showcase h5, .richText-big-icon-showcase h6 {
color: #2D2323; }
.richText-big-icon-showcase h1 a, .richText-big-icon-showcase h2 a, .richText-big-icon-showcase h3 a, .richText-big-icon-showcase h4 a, .richText-big-icon-showcase h5 a, .richText-big-icon-showcase h6 a {
color: #2D2323; }
.richText-big-icon-showcase p {
letter-spacing: 0;
color: #2D2323; }
.richText-big-icon-showcase img {
margin: 0 auto 20px;
max-height: 45.003px;
max-height: 2.8126875rem;
height: 45.003px;
height: 2.8126875rem; }
.richText-big-icon-showcase img.pull-left {
margin-left: 0;
float: none; }
.richText-big-icon-showcase.icon-left img {
margin: 0; }
.richText-big-icon-showcase [class*=btn-][class*="-action-"] {
display: block;
margin: 0 auto; }
@media only screen and (max-width: 992px) {
.richText-big-icon-showcase {
padding: 10.5px;
padding: 0.65625rem; } }
@media only screen and (max-width: 767px) {
.richText-big-icon-showcase {
margin-top: 19.999px;
margin-top: 1.2499375rem;
padding: 0;
height: auto !important;
display: inline-block !important;
margin-left: 0 !important;
margin-right: 0 !important;
min-width: 45%;
max-width: 45%; }
.box-product-card .richText-big-icon-showcase {
min-width: 100%;
max-width: 100%; }
.richText-big-icon-showcase > .component-content {
float: none;
max-width: none; }
.richText-big-icon-showcase.js-equal-height-item {
margin-bottom: 50.001px;
margin-bottom: 3.1250625rem; }
.vertical-spacing .richText-big-icon-showcase.js-equal-height-item:last-child {
margin-bottom: 24.997px;
margin-bottom: 1.5623125rem; }
.richText-big-icon-showcase.js-equal-height-item p:last-of-type {
margin-bottom: 0; }
.richText-big-icon-showcase p {
margin-bottom: 22.4px;
margin-bottom: 1.4rem; } }
.component.richText-navigation-bar-trigger {
width: 105px;
width: 6.5625rem;
height: 70px;
height: 4.375rem;
left: 70px;
left: 4.375rem;
padding-left: 24.003px;
padding-left: 1.5001875rem;
height: 100%;
float: left;
position: absolute;
z-index: 10002;
transition: all 0.5s 0.25s; }
.component.richText-navigation-bar-trigger::before {
margin-top: 26.999px;
margin-top: 1.6874375rem;
margin-left: 4.998px;
margin-left: 0.312375rem;
height: 16.002px;
height: 1.000125rem;
width: 16.002px;
width: 1.000125rem;
content: '';
background: url(../../assets/img/icon-menu-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute; }
.component.richText-navigation-bar-trigger::after {
content: '';
width: 2px;
height: 32px;
background-color: #cac7c7;
position: absolute;
top: 18px;
right: 0; }
.component.richText-navigation-bar-trigger .richText-content p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 70px;
line-height: 4.375rem;
padding-left: 15.001px;
padding-left: 0.9375625rem;
cursor: pointer;
margin: 0;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
text-align: center; }
.component.richText-navigation-bar-trigger .richText-content p:focus {
transition: box-shadow .25s;
outline: none; }
.component.richText-navigation-bar-trigger .richText-content .richText-content p {
color: #2D2323; }
@media only screen and (max-width: 992px) {
.component.richText-navigation-bar-trigger {
width: 75.95px;
width: 4.746875rem;
height: 50.001px;
height: 3.1250625rem;
left: 80.0002px;
left: 5.0000125rem;
padding-left: 9.996px;
padding-left: 0.62475rem;
padding-right: 9.996px;
padding-right: 0.62475rem;
z-index: 10002; }
.any-header-box-open .component.richText-navigation-bar-trigger {
left: 80.0002px;
left: 5.0000125rem; }
.is-searchBox-active .component.richText-navigation-bar-trigger {
z-index: 0; }
.component.richText-navigation-bar-trigger .richText-content p {
font-size: 16.002px;
font-size: 1.000125rem;
padding-left: 24.997px;
padding-left: 1.5623125rem; } }
@media only screen and (max-width: 480px) {
.component.richText-navigation-bar-trigger {
left: 59.997px;
left: 3.7498125rem;
width: 32.998px;
width: 2.062375rem;
padding-right: 0; }
.component.richText-navigation-bar-trigger::before {
margin-top: 19.999px;
margin-top: 1.2499375rem;
width: 11.998px;
width: 0.749875rem;
height: 11.998px;
height: 0.749875rem;
margin-left: 0; }
.any-header-box-open .component.richText-navigation-bar-trigger {
left: 59.997px;
left: 3.7498125rem; }
.component.richText-navigation-bar-trigger::after {
height: 25px;
top: 13px;
width: 1px; }
.component.richText-navigation-bar-trigger .richText-content p {
padding-left: 7.994px;
padding-left: 0.499625rem;
display: none; } }
.richText-login-bar-trigger {
width: 108.003px;
width: 6.7501875rem;
float: right;
clear: none; }
.richText-login-bar-trigger::before {
height: 22.001px;
height: 1.3750625rem;
width: 22.001px;
width: 1.3750625rem;
margin-top: 23.996px;
margin-top: 1.49975rem;
content: '';
background: url(../../assets/img/icon-login-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute; }
.richText-login-bar-trigger:focus, .richText-login-bar-trigger:active {
transition: box-shadow .25s;
outline: none; }
.richText-login-bar-trigger p,
.richText-login-bar-trigger a {
font-size: 16.002px;
font-size: 1.000125rem;
margin-left: 10.5px;
margin-left: 0.65625rem;
line-height: 70px;
line-height: 4.375rem;
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
text-align: center;
display: block;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.richText-login-bar-trigger p a {
margin-left: 0px;
margin-left: 0rem; }
@media only screen and (max-width: 992px) {
.richText-login-bar-trigger {
width: 95.998px;
width: 5.999875rem; }
.richText-login-bar-trigger p,
.richText-login-bar-trigger a {
font-size: 16.002px;
font-size: 1.000125rem;
margin: 0; } }
@media only screen and (max-width: 480px) {
.richText-login-bar-trigger {
width: 74.998px;
width: 4.687375rem; }
.richText-login-bar-trigger::before {
height: 16.002px;
height: 1.000125rem;
width: 16.002px;
width: 1.000125rem;
margin-top: 17.003px;
margin-top: 1.0626875rem; }
.richText-login-bar-trigger p,
.richText-login-bar-trigger a {
line-height: 50.001px;
line-height: 3.1250625rem;
font-size: 14px;
font-size: 0.875rem; } }
html [id=wrapper] .main .richText-text-introduction.component {
font-size: 18.9px;
font-size: 1.18125rem;
margin-bottom: 49px;
margin-bottom: 3.0625rem;
margin-top: 14.7px;
margin-top: 0.91875rem; }
@media only screen and (max-width: 992px) {
html [id=wrapper] .main .richText-text-introduction.component {
width: auto !important; } }
@media only screen and (max-width: 480px) {
html [id=wrapper] .main .richText-text-introduction.component {
font-size: 14px;
font-size: 0.875rem;
margin: 20px 0 40px;
padding-left: 30px;
padding-right: 30px; }
.box-padded html [id=wrapper] .main .richText-text-introduction.component {
padding-left: 0 !important;
padding-right: 0 !important; }
.margin-top-medium html [id=wrapper] .main .richText-text-introduction.component {
margin-top: 0 !important; }
.vertical-spacing html [id=wrapper] .main .richText-text-introduction.component {
margin-bottom: 0 !important;
margin-top: 0 !important; } }
html [id=wrapper] .main .richText-text-introduction.component h3 {
margin: 35px 0px 11.9px;
margin: 2.1875rem 0rem 0.74375rem;
letter-spacing: -.05em; }
@media only screen and (max-width: 480px) {
html [id=wrapper] .main .richText-text-introduction.component h3 {
margin: 12.6px 0px 7px;
margin: 0.7875rem 0rem 0.4375rem;
letter-spacing: -.03em; } }
html [id=wrapper] .main .richText-text-introduction.component h3 + p {
margin-top: 35px;
margin-top: 2.1875rem; }
@media only screen and (max-width: 480px) {
html [id=wrapper] .main .richText-text-introduction.component h3 + p {
margin-top: 7px;
margin-top: 0.4375rem; } }
html [id=wrapper] .main .richText-text-introduction.component p {
font-size: 18.9px;
font-size: 1.18125rem;
padding: 0 10%; }
@media only screen and (max-width: 992px) {
html [id=wrapper] .main .richText-text-introduction.component p {
padding: 0; } }
@media only screen and (max-width: 480px) {
html [id=wrapper] .main .richText-text-introduction.component p {
font-size: 14px;
font-size: 0.875rem; } }
html [id=wrapper] .main .richText-text-introduction.component p:last-child {
margin-bottom: 0; }
@media only screen and (max-width: 992px) {
.richText-text-introduction {
padding-left: 30px;
padding-right: 30px; } }
@media only screen and (max-width: 480px) {
.richText-text-introduction {
padding-left: 0;
padding-right: 0; } }
.box-padded .richText-text-introduction {
padding-left: 0;
padding-right: 0; }
.accordion-content .richText-text-introduction {
margin: 0 !important; }
.accordion-content .richText-text-introduction p:first-of-type {
margin: 0; }
.box.margin-top-medium .richText-text-introduction {
margin: 0 !important; }
.box.margin-top-medium .richText-text-introduction .richText-content h3:first-child,
.box.margin-top-medium .richText-text-introduction .richText-content p:first-child {
margin-top: 0; }
.richText-showcase-title {
margin: 21px 0px 0px;
margin: 1.3125rem 0rem 0rem;
max-width: 700px;
max-width: 43.75rem;
padding-left: 30.002px;
padding-left: 1.875125rem;
padding-right: 30.002px;
padding-right: 1.875125rem;
margin-left: auto;
margin-right: auto; }
.richText-showcase-title .richText-content {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem; }
.richText-showcase-title .richText-content .read-more {
margin-top: 16.002px;
margin-top: 1.000125rem;
display: inline-block; }
.richText-showcase-title > .component-content {
overflow: visible; }
.richText-showcase-title h3 {
margin-bottom: 0; }
.divider + .richText-showcase-title h3 {
margin-bottom: 0; }
.richText-showcase-title h6 {
font-size: 25.2px;
font-size: 1.575rem;
line-height: 1.2; }
.box-showcase-title .richText-showcase-title {
margin-bottom: -19.999px;
margin-bottom: -1.2499375rem; }
@media only screen and (max-width: 992px) {
.richText-showcase-title {
margin-top: 9.8px;
margin-top: 0.6125rem;
margin-bottom: -8.05px;
margin-bottom: -0.503125rem;
margin-left: auto;
margin-right: auto; } }
@media only screen and (max-width: 480px) {
.richText-showcase-title {
margin-bottom: 24.5px;
margin-bottom: 1.53125rem;
margin-top: 0; }
.divider + .richText-showcase-title {
margin-bottom: 10.5px;
margin-bottom: 0.65625rem;
margin-top: 24.5px;
margin-top: 1.53125rem; }
.content .richText-showcase-title:last-child {
margin-bottom: 0; }
.richText-showcase-title .richText-content {
margin-bottom: 0; }
.richText-showcase-title h3 {
margin-bottom: 0; }
.richText-showcase-title h6 {
font-size: 21px;
font-size: 1.3125rem; }
.box-showcase-title .richText-showcase-title {
margin-bottom: -39.998px;
margin-bottom: -2.499875rem; } }
.richText-contact-number {
margin-top: 8.4px;
margin-top: 0.525rem;
margin-bottom: 14px;
margin-bottom: 0.875rem; }
@media only screen and (min-width: 1441px) {
.richText-contact-number {
padding-left: 4%; }
.richText-contact-number.alpha {
padding-left: 7%; } }
.richText-contact-number.alpha {
border-right: 1px dotted #fff; }
.richText-contact-number h4 {
letter-spacing: -1.4px;
letter-spacing: -0.0875rem;
line-height: 1;
margin: 0;
color: #eb3158;
font-weight: 100; }
.richText-contact-number h6 {
letter-spacing: -0.14px;
letter-spacing: -0.00875rem;
margin: 0;
line-height: 1; }
@media only screen and (max-width: 1680px) {
.richText-contact-number h4 {
font-size: 35px;
font-size: 2.1875rem; } }
@media only screen and (max-width: 992px) {
.richText-contact-number h4 {
font-size: 17.5px;
font-size: 1.09375rem;
letter-spacing: -0.14px;
letter-spacing: -0.00875rem; }
.richText-contact-number h6 {
font-size: 15.4px;
font-size: 0.9625rem; } }
@media only screen and (max-width: 480px) {
.richText-contact-number {
padding: 0;
text-align: center; }
.richText-contact-number.alpha {
padding-bottom: 21px;
padding-bottom: 1.3125rem;
border-right: 0;
border-bottom: 1px dotted #fff;
padding-left: 0; }
.richText-contact-number h4 {
font-size: 21px;
font-size: 1.3125rem;
letter-spacing: -0.14px;
letter-spacing: -0.00875rem; }
.richText-contact-number h6 {
font-size: 12.6px;
font-size: 0.7875rem;
padding-bottom: 7px;
padding-bottom: 0.4375rem; } }
.richText-sub-navigation {
padding-top: 45.5px;
padding-top: 2.84375rem;
padding-bottom: 35px;
padding-bottom: 2.1875rem; }
.richText-sub-navigation h3 {
font-size: 10.5px;
font-size: 0.65625rem;
margin: 16.8px 28px;
margin: 1.05rem 1.75rem;
margin-top: 0;
color: #666;
letter-spacing: .03125em;
text-transform: uppercase;
font-weight: bold;
line-height: normal; }
.richText-sub-navigation ul {
padding: 0px 25.9px;
padding: 0rem 1.61875rem;
list-style: none;
margin: 0; }
.richText-sub-navigation ul li {
margin-bottom: 2.8px;
margin-bottom: 0.175rem; }
.richText-sub-navigation ul li a {
font-size: 27.3px;
font-size: 1.70625rem;
letter-spacing: -.0461em;
color: #eb3158; }
.richText-sub-navigation + .richText-sub-navigation {
padding-left: 38.5px;
padding-left: 2.40625rem;
border-left: 1px dotted #666; }
@media only screen and (max-width: 992px) {
.richText-sub-navigation {
padding-top: 24.5px;
padding-top: 1.53125rem; }
.richText-sub-navigation h3 {
font-size: 11.2px;
font-size: 0.7rem;
margin: 7px 21px;
margin: 0.4375rem 1.3125rem;
margin-top: 0; }
.richText-sub-navigation ul {
padding: 0px 17.5px;
padding: 0rem 1.09375rem; }
.richText-sub-navigation ul li a {
font-size: 21px;
font-size: 1.3125rem;
line-height: normal; }
.richText-sub-navigation + .richText-sub-navigation {
padding-left: 0; } }
@media only screen and (max-width: 480px) {
.richText-sub-navigation {
margin-bottom: 17.5px;
margin-bottom: 1.09375rem;
width: 100%;
padding: 0; } }
@media only screen and (max-width: 480px) {
.richText-one-on-mobile-showcase.alpha > .component-content {
padding-top: 0; } }
@media only screen and (max-width: 480px) {
.richText-one-on-mobile-showcase.omega > .component-content {
border-bottom: 0; } }
.richText-one-on-mobile-showcase > .component-content {
padding-bottom: 14px;
padding-bottom: 0.875rem; }
@media only screen and (max-width: 480px) {
.richText-one-on-mobile-showcase > .component-content {
padding: 28px 16.8px 7px;
padding: 1.75rem 1.05rem 0.4375rem;
border-bottom: 1px solid #dfdfdf; } }
.richText-one-on-mobile-showcase img.richText-image {
margin: 0 auto; }
@media only screen and (max-width: 480px) {
.richText-one-on-mobile-showcase img.richText-image {
max-width: 112px;
max-width: 7rem;
width: auto !important; } }
.richText-one-on-mobile-showcase h5 {
margin: 14px 0px 0px;
margin: 0.875rem 0rem 0rem;
letter-spacing: -.04em;
line-height: 1.1; }
@media only screen and (max-width: 480px) {
.richText-one-on-mobile-showcase h5 {
margin-top: 5.6px;
margin-top: 0.35rem;
font-size: 25.2px;
font-size: 1.575rem; } }
.richText-one-on-mobile-showcase .read-more {
font-weight: 400; }
.richText-one-on-mobile-showcase p {
margin: 17.5px 0px;
margin: 1.09375rem 0rem;
font-size: 16.1px;
font-size: 1.00625rem;
line-height: 1.4; }
.richText-one-on-mobile-showcase p:last-child {
margin-top: 1.4px;
margin-top: 0.0875rem; }
.richText-meta-data {
border-bottom: 1px solid #dfdfdf; }
.richText-meta-data.shareThisHeading {
border-bottom: 0; }
.richText-meta-data.shareThisHeading p {
margin-bottom: 0; }
.richText-meta-data.desktop-hidden, .richText-meta-data.tablet-shown {
border: 0; }
.richText-meta-data.desktop-hidden p:first-child, .richText-meta-data.tablet-shown p:first-child {
padding: 35px 0 10px; }
.richText-meta-data.desktop-hidden p:last-child, .richText-meta-data.tablet-shown p:last-child {
padding-bottom: 30px; }
.richText-meta-data p {
font-size: 14px;
font-size: 0.875rem; }
.richText-meta-data p:first-child {
margin-top: 84px;
margin-top: 5.25rem;
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500;
text-transform: uppercase;
padding: 0 0 20px; }
@media only screen and (max-width: 480px) {
.richText-meta-data p:first-child {
margin-top: 0; } }
.left-sidebar-article-page .richText-meta-data p:first-child {
margin-top: 93.8px;
margin-top: 5.8625rem; }
.richText-meta-data p:last-child {
padding-bottom: 12.6px;
padding-bottom: 0.7875rem; }
.richText-meta-data.first {
border: 0;
padding-top: 0; }
@media only screen and (max-width: 480px) {
.richText-meta-data.first {
border-top: 1px solid #dfdfdf;
padding-top: 35px; } }
.richText-meta-data.first p {
padding-bottom: 16px;
padding-top: 0; }
@media only screen and (max-width: 992px) {
.richText.richText-text-centered-mobile .richText-content h1,
.richText.richText-text-centered-mobile .richText-content h2,
.richText.richText-text-centered-mobile .richText-content h3,
.richText.richText-text-centered-mobile .richText-content h4,
.richText.richText-text-centered-mobile .richText-content h5,
.richText.richText-text-centered-mobile .richText-content h6,
.richText.richText-text-centered-mobile .richText-content .h1,
.richText.richText-text-centered-mobile .richText-content .h2,
.richText.richText-text-centered-mobile .richText-content .h3,
.richText.richText-text-centered-mobile .richText-content .h4,
.richText.richText-text-centered-mobile .richText-content .h5,
.richText.richText-text-centered-mobile .richText-content .h6,
.richText.richText-text-centered-mobile .richText-content p {
text-align: center; } }
@media only screen and (max-width: 480px) {
.richText-no-break-lines-mobile h1 br,
.richText-no-break-lines-mobile h2 br,
.richText-no-break-lines-mobile h3 br,
.richText-no-break-lines-mobile h4 br,
.richText-no-break-lines-mobile h5 br,
.richText-no-break-lines-mobile h6 br,
.richText-no-break-lines-mobile .h1 br,
.richText-no-break-lines-mobile .h2 br,
.richText-no-break-lines-mobile .h3 br,
.richText-no-break-lines-mobile .h4 br,
.richText-no-break-lines-mobile .h5 br,
.richText-no-break-lines-mobile .h6 br,
.richText-no-break-lines-mobile p br {
display: none !important; } }
.richText-list-item-with-icon > .component-content {
padding: 5.6px 0px 10.5px 35px;
padding: 0.35rem 0rem 0.65625rem 2.1875rem;
position: relative; }
@media only screen and (max-width: 480px) {
.richText-list-item-with-icon > .component-content {
margin: 0px 31.5px;
margin: 0rem 1.96875rem; } }
.richText-list-item-with-icon .richText-image {
max-width: 23.8px;
max-width: 1.4875rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%; }
@media only screen and (max-width: 480px) {
.richText-list-item-with-icon .richText-image {
max-width: 32.06px;
max-width: 2.00375rem; } }
.richText-list-item-with-icon p {
font-size: 16.1px;
font-size: 1.00625rem;
margin: 0;
font-weight: 400; }
@media only screen and (max-width: 480px) {
.richText-list-item-with-icon p {
font-size: 15.4px;
font-size: 0.9625rem; } }
.richText-padded > .component-content {
padding: 28px;
padding: 1.75rem; }
@media only screen and (max-width: 480px) {
.richText-padded > .component-content {
padding: 14px;
padding: 0.875rem; } }
.richText-padded [class*=btn-][class*="-action-"] {
margin-top: 14px;
margin-top: 0.875rem; }
@media only screen and (max-width: 480px) {
.richText-padded [class*=btn-][class*="-action-"] {
margin-top: 0; } }
.richText-message {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #2D2323;
color: #fff;
z-index: 99999;
max-height: 1000px;
overflow: hidden;
transition: max-height .5s, opacity 2s;
-webkit-animation: fade-max-height 3s 1;
animation: fade-max-height 3s 1; }
.mod-js .richText-message {
opacity: 0; }
.richText-message.is-hidden {
display: block !important;
visibility: visible !important;
max-height: 0;
overflow: hidden;
opacity: 0; }
.richText-message .richText-content {
font-size: 11.2px;
font-size: 0.7rem;
width: 90%;
max-width: 1000px;
margin: 24px auto;
box-sizing: border-box;
padding: 0 40px 0 72px;
background: transparent url("../../assets/img/message-default.png") 0 0 no-repeat;
background-size: 45px auto;
position: relative; }
@media only screen and (max-width: 480px) {
.richText-message .richText-content {
font-size: 9.8px;
font-size: 0.6125rem;
padding-left: 48px;
background-size: 28px auto; } }
.richText-message .richText-content a {
color: #fff;
opacity: .9; }
.richText-message .richText-content a:hover {
text-decoration: underline;
opacity: 1; }
.richText-message .richText-content .no-js a:last-of-type,
.mod-js .richText-message .richText-content a.cta {
color: #fff;
border: 1px solid #fff;
border-radius: 5px;
display: inline-block;
padding: 8px 20px;
margin: 5px 5px 5px 0;
text-align: center;
box-sizing: border-box;
opacity: 1; }
.richText-message .richText-content .no-js a:last-of-type:hover,
.mod-js .richText-message .richText-content a.cta:hover {
background: #fff;
color: #2D2323;
text-decoration: none; }
@media only screen and (max-width: 480px) {
.richText-message .richText-content .no-js a:last-of-type,
.mod-js .richText-message .richText-content a.cta {
display: block; } }
.richText-message .richText-content .js-message-content {
display: inline-block;
width: 70%;
width: calc(100% - 220px);
vertical-align: top;
margin-right: 20px; }
@media only screen and (max-width: 992px) {
.richText-message .richText-content .js-message-content {
width: 100%;
margin-right: 0; } }
@media only screen and (max-width: 480px) {
.richText-message .richText-content .js-message-content {
padding-bottom: 25px;
position: relative; } }
.richText-message .richText-content .js-message-content > p:first-child {
margin-top: 0; }
.richText-message .richText-content .js-message-content + a.cta {
max-width: 27%;
width: 180px; }
@media only screen and (max-width: 992px) {
.richText-message .richText-content .js-message-content + a.cta {
max-width: 100%; } }
@media only screen and (max-width: 480px) {
.richText-message .richText-content .js-message-content + a.cta {
position: absolute;
left: 0;
width: 100%;
bottom: -10px; } }
.richText-message .close {
position: absolute;
top: -10px;
right: 0;
width: 25px;
height: 25px;
display: block;
opacity: 1;
background-image: url("../../assets/img/x-button.svg");
background-size: 100% 100%; }
.richText-message.success {
background: #248c35; }
.richText-message.success .richText-content {
background-image: url("../../assets/img/message-success.png"); }
.richText-message.success .richText-content .no-js a:last-of-type:hover,
.mod-js .richText-message.success .richText-content a.cta:hover {
color: #248c35; }
.richText-message.error {
background: #eb3158; }
.richText-message.error .richText-content {
background-image: url("../../assets/img/message-error.png"); }
.richText-message.error .richText-content .no-js a:last-of-type:hover,
.mod-js .richText-message.error .richText-content a.cta:hover {
color: #eb3158; }
.richText-message.error .close {
background-image: url("../../assets/img/x-button-white.svg"); }
.js-message-container .richText-message {
position: relative;
opacity: 1; }
.js-message-container {
position: fixed;
z-index: 99999;
width: 100%;
left: 0;
bottom: 0; }
.richText-hero-description {
position: absolute;
bottom: 40px;
right: 80px;
text-align: right; }
@media only screen and (max-width: 480px) {
.richText-hero-description {
display: none; } }
.richText-hero img {
display: none; }
.richText-hero-hide {
display: none; }
.richText-back-to-top > .component-content a {
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
border: 1px solid #eb3158;
background-size: 25px auto;
border-radius: 50%;
display: block;
position: fixed;
height: 48px;
width: 48px;
right: 100px;
bottom: 100px;
opacity: 0;
overflow: hidden;
transition: opacity .45s, z-index .75s, -webkit-transform .3s linear .15s;
transition: opacity .45s, z-index .75s, transform .3s linear .15s;
transition: opacity .45s, z-index .75s, transform .3s linear .15s, -webkit-transform .3s linear .15s;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
z-index: 0; }
@media only screen and (max-width: 992px) {
.richText-back-to-top > .component-content a {
right: 25px;
bottom: 25px; } }
.bb .richText-back-to-top > .component-content a {
opacity: 1;
z-index: 10000; }
.richText-back-to-top > .component-content p {
margin: 0;
padding: 0; }
.richText-back-to-top.visible > .component-content a {
opacity: 1;
z-index: 10000;
transition: opacity .45s, -webkit-transform .3s;
transition: opacity .45s, transform .3s;
transition: opacity .45s, transform .3s, -webkit-transform .3s;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1); }
.no-js .richText-back-to-top {
display: none !important; }
.richText-need-help {
padding: 50.001px 85.001px;
padding: 3.1250625rem 5.3125625rem;
max-width: 1439.998px;
max-width: 89.999875rem;
margin: auto; }
.align-components .richText-need-help.first {
padding-left: 0; }
@media only screen and (max-width: 480px) {
.align-components .richText-need-help:not(.first) {
padding: 0; } }
.richText-need-help h1, .richText-need-help h2, .richText-need-help h3, .richText-need-help .h1, .richText-need-help .h2, .richText-need-help .h3, .richText-need-help .pseudo-h1, .richText-need-help .pseudo-h2, .richText-need-help .pseudo-h3 {
font-size: 24.003px;
font-size: 1.5001875rem;
margin-top: 39.998px;
margin-top: 2.499875rem;
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.richText-need-help h1 a, .richText-need-help h2 a, .richText-need-help h3 a, .richText-need-help .h1 a, .richText-need-help .h2 a, .richText-need-help .h3 a, .richText-need-help .pseudo-h1 a, .richText-need-help .pseudo-h2 a, .richText-need-help .pseudo-h3 a {
color: #eb3158; }
.richText-need-help h4, .richText-need-help h5, .richText-need-help h6, .richText-need-help .h4, .richText-need-help .h5, .richText-need-help .h6, .richText-need-help .pseudo-h4, .richText-need-help .pseudo-h5 {
font-size: 16.002px;
font-size: 1.000125rem;
margin-top: 16.002px;
margin-top: 1.000125rem;
margin-bottom: 16.002px;
margin-bottom: 1.000125rem; }
.richText-need-help h4 a, .richText-need-help h5 a, .richText-need-help h6 a, .richText-need-help .h4 a, .richText-need-help .h5 a, .richText-need-help .h6 a, .richText-need-help .pseudo-h4 a, .richText-need-help .pseudo-h5 a {
color: #eb3158; }
.richText-need-help [class*='btn-action'] {
margin-left: 0 !important; }
.richText-need-help .richText-image {
display: none; }
@media only screen and (max-width: 992px) {
.richText-need-help {
padding: 28px 30.1px;
padding: 1.75rem 1.88125rem; } }
.richText-whats-next {
padding: 50.4px 0px;
padding: 3.15rem 0rem; }
@media only screen and (max-width: 992px) {
.richText-whats-next {
padding: 28px 14px;
padding: 1.75rem 0.875rem; } }
.richText-whats-next h1:first-child,
.richText-whats-next h2:first-child,
.richText-whats-next h3:first-child,
.richText-whats-next h4:first-child,
.richText-whats-next h5:first-child {
margin-top: 0; }
.richText-whats-next h4 {
margin-bottom: 0; }
@media only screen and (max-width: 480px) {
.richText-whats-next h4 {
font-size: 30.8px;
font-size: 1.925rem;
letter-spacing: -1.75px;
letter-spacing: -0.109375rem;
margin-bottom: 18.2px;
margin-bottom: 1.1375rem; } }
.richText-whats-next h4 + p {
font-size: 18.9px;
font-size: 1.18125rem;
max-width: 570.003px;
max-width: 35.6251875rem;
text-align: center;
margin-top: 4.998px;
margin-top: 0.312375rem;
margin-bottom: 35px;
margin-bottom: 2.1875rem;
left: auto;
right: auto; }
@media only screen and (max-width: 480px) {
.richText-whats-next h4 + p {
font-size: 16.1px;
font-size: 1.00625rem;
margin-bottom: 39.998px;
margin-bottom: 2.499875rem; } }
.richText-whats-next h4 + p ~ p {
margin: 0; }
.richText-whats-next p:last-child {
margin-bottom: 0; }
.richText-whats-next p:last-child [class^='btn-action']:last-child {
margin-bottom: 0; }
@media only screen and (max-width: 480px) {
.richText-whats-next p:last-child [class^='btn-action']:last-child {
margin-left: 0; } }
.richText-whats-next-buttons-only {
padding: 42px 0px 37.8px;
padding: 2.625rem 0rem 2.3625rem; }
@media only screen and (max-width: 992px) {
.richText-whats-next-buttons-only {
padding: 42px 30.1px 37.8px;
padding: 2.625rem 1.88125rem 2.3625rem; } }
@media only screen and (max-width: 992px) {
.richText-sectional-content > .component-content {
padding-left: 30.1px;
padding-left: 1.88125rem;
padding-right: 30.1px;
padding-right: 1.88125rem; } }
.richText-sectional-content h3 {
margin: 24.5px 0px;
margin: 1.53125rem 0rem;
letter-spacing: -2.8px;
letter-spacing: -0.175rem;
margin-left: auto;
margin-right: auto;
max-width: 950px; }
@media only screen and (max-width: 480px) {
.richText-sectional-content h3 {
font-size: 33.6px;
font-size: 2.1rem;
letter-spacing: -1.75px;
letter-spacing: -0.109375rem;
margin-top: 35px;
margin-top: 2.1875rem;
line-height: 1.125; } }
.richText-sectional-content h4 {
letter-spacing: -1.75px;
letter-spacing: -0.109375rem;
margin-bottom: 0; }
@media only screen and (max-width: 992px) {
.richText-sectional-content h4 {
font-size: 33.6px;
font-size: 2.1rem;
letter-spacing: -2.1px;
letter-spacing: -0.13125rem;
margin-bottom: 21px;
margin-bottom: 1.3125rem;
line-height: 1; } }
.richText-sectional-content h4 + p {
letter-spacing: -0.7px;
letter-spacing: -0.04375rem;
margin-bottom: 21px;
margin-bottom: 1.3125rem;
max-width: 700px; }
@media only screen and (max-width: 992px) {
.richText-sectional-content h4 + p {
max-width: 400px; } }
.richText-sectional-content p {
letter-spacing: -0.49px;
letter-spacing: -0.030625rem;
font-size: 18.9px;
font-size: 1.18125rem;
margin: 0 auto;
max-width: 840px;
font-weight: 400; }
.richText-sectional-content p .intro-paragraph {
letter-spacing: -0.7px;
letter-spacing: -0.04375rem;
margin-top: 56px;
margin-top: 3.5rem;
display: inline-block; }
@media only screen and (max-width: 992px) {
.richText-sectional-content p .intro-paragraph {
padding: 0px;
padding: 0rem; } }
@media only screen and (max-width: 480px) {
.richText-sectional-content p .intro-paragraph {
margin-top: 38.5px;
margin-top: 2.40625rem;
font-size: 16.1px;
font-size: 1.00625rem;
letter-spacing: -1.05px;
letter-spacing: -0.065625rem;
line-height: normal;
font-weight: 100; } }
@media only screen and (max-width: 992px) {
.richText-sectional-content p {
font-size: 16.1px;
font-size: 1.00625rem; } }
.richText-showcase-heading-thin.component {
padding-left: 28px;
padding-left: 1.75rem;
padding-right: 28px;
padding-right: 1.75rem; }
.richText-showcase-heading-thin.component h1, .richText-showcase-heading-thin.component h2, .richText-showcase-heading-thin.component h3, .richText-showcase-heading-thin.component h4, .richText-showcase-heading-thin.component h5, .richText-showcase-heading-thin.component h6 {
color: #2D2323;
font-weight: 100;
margin: 21px 0px;
margin: 1.3125rem 0rem; }
.richText-showcase-heading-thin.component h1 + p:first-of-type, .richText-showcase-heading-thin.component h2 + p:first-of-type, .richText-showcase-heading-thin.component h3 + p:first-of-type, .richText-showcase-heading-thin.component h4 + p:first-of-type, .richText-showcase-heading-thin.component h5 + p:first-of-type, .richText-showcase-heading-thin.component h6 + p:first-of-type {
margin-top: -5px; }
.richText-showcase-heading-thin.component h1 a, .richText-showcase-heading-thin.component h2 a, .richText-showcase-heading-thin.component h3 a, .richText-showcase-heading-thin.component h4 a, .richText-showcase-heading-thin.component h5 a, .richText-showcase-heading-thin.component h6 a {
color: #2D2323; }
.richText-showcase-heading-thin.component .richText-content {
margin-bottom: 21px;
margin-bottom: 1.3125rem; }
.richText-showcase-heading-thin.component > .component-content p:last-of-type {
margin-bottom: 0; }
.richText-showcase-heading-thin.component > .component-content > a > img {
max-height: 105px;
max-height: 6.5625rem;
min-width: 100%;
object-fit: cover;
object-position: top; }
.richText-showcase-heading-thin.component ul {
padding-left: 24.003px;
padding-left: 1.5001875rem;
margin-bottom: 14px;
margin-bottom: 0.875rem; }
.richText-showcase-heading-thin.component li {
font-size: 17.997px;
font-size: 1.1248125rem;
list-style-type: disc;
letter-spacing: 0;
line-height: 1.56; }
.richText-showcase-heading-thin.component p {
border: 0;
padding-left: 0;
padding-right: 0;
letter-spacing: 0;
text-align: center; }
.richText-showcase-heading-thin.component p a {
font-size: 15.4px;
font-size: 0.9625rem;
font-weight: 100;
text-transform: none; }
.richText-showcase-heading-thin.component p + p {
padding-top: 0; }
@media only screen and (max-width: 992px) {
.richText-showcase-heading-thin.component li {
text-align: left; } }
@media only screen and (max-width: 480px) {
.richText-showcase-heading-thin.component {
padding-left: 5%;
padding-right: 5%; }
.richText-showcase-heading-thin.component h1, .richText-showcase-heading-thin.component h2, .richText-showcase-heading-thin.component h3, .richText-showcase-heading-thin.component h4, .richText-showcase-heading-thin.component h5, .richText-showcase-heading-thin.component h6 {
font-size: 19.6px;
font-size: 1.225rem; }
.richText-showcase-heading-thin.component img[src*=".svg"] {
max-width: 50.001px;
max-width: 3.1250625rem; }
.richText-showcase-heading-thin.component .richText-content {
margin-bottom: 0; } }
.richText-narrow-intro {
max-width: 700px;
max-width: 43.75rem;
padding-top: 30.002px;
padding-top: 1.875125rem;
margin: 0 auto 20px; }
@media only screen and (max-width: 480px) {
.richText-narrow-intro {
padding-left: 29.995px;
padding-left: 1.8746875rem;
padding-right: 29.995px;
padding-right: 1.8746875rem; } }
.richText-narrow-intro > .component-content {
padding: 24.5px 0px;
padding: 1.53125rem 0rem; }
@media only screen and (max-width: 480px) {
.richText-narrow-intro > .component-content {
padding: 0px 0px 10.5px;
padding: 0rem 0rem 0.65625rem; } }
.richText-narrow-intro p {
top: -15.001px;
top: -0.9375625rem;
position: relative;
margin-bottom: 0; }
.richText-narrow-intro p:last-of-type {
padding-top: 19.999px;
padding-top: 1.2499375rem; }
@media only screen and (max-width: 480px) {
.richText-narrow-intro p {
top: 0; } }
.richText-narrow-intro [class*=btn-action] {
box-sizing: border-box; }
@media only screen and (max-width: 480px) {
.richText-narrow-intro [class*=btn-action] {
min-width: initial; } }
.richText-basic-intro {
padding-top: 29.995px;
padding-top: 1.8746875rem;
padding-left: 28px;
padding-left: 1.75rem;
padding-right: 28px;
padding-right: 1.75rem; }
.richText-basic-intro p:last-of-type {
padding-top: 19.999px;
padding-top: 1.2499375rem; }
.richText-basic-intro [class*=btn-action] {
min-width: 305.998px;
min-width: 19.124875rem;
box-sizing: border-box; }
@media only screen and (max-width: 480px) {
.richText-basic-intro [class*=btn-action] {
width: 100%;
padding-left: 0;
padding-right: 0;
min-width: initial; } }
@media only screen and (max-width: 480px) {
.richText-basic-intro {
padding-left: 29.995px;
padding-left: 1.8746875rem;
padding-right: 29.995px;
padding-right: 1.8746875rem; }
.richText-basic-intro .component-content {
padding-left: 0;
padding-right: 0; } }
.richText-h2-title h2 {
font-size: 63px;
font-size: 3.9375rem;
line-height: 63px;
line-height: 3.9375rem;
letter-spacing: -4.2px;
letter-spacing: -0.2625rem;
margin-top: 21px;
margin-top: 1.3125rem;
margin-bottom: 42px;
margin-bottom: 2.625rem;
word-spacing: 0; }
@media only screen and (max-width: 992px) {
.richText-h2-title h2 {
font-size: 49px;
font-size: 3.0625rem;
line-height: 49px;
line-height: 3.0625rem;
letter-spacing: -1.96px;
letter-spacing: -0.1225rem;
padding-left: 30px;
padding-right: 30px; } }
@media only screen and (max-width: 480px) {
.richText-h2-title h2 {
font-size: 35px;
font-size: 2.1875rem;
line-height: 35px;
line-height: 2.1875rem;
letter-spacing: -0.28px;
letter-spacing: -0.0175rem; } }
.richText-full-width-image > .component-content img {
width: 100%; }
.richText-center-image > .component-content img {
margin-left: auto;
margin-right: auto; }
.richtext-footer-africa-interest p {
font-size: 0.6em;
line-height: 1.5em;
line-height: 16px;
letter-spacing: inherit;
margin: auto; }
.richtext-search-bar-trigger .richText-content p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 70px;
line-height: 4.375rem;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
float: right; }
.richtext-search-bar-trigger .richText-content p:focus {
transition: box-shadow .25s;
box-shadow: 0 0 0 1px rgba(165, 199, 254, 0.35) inset;
outline: none; }
.richtext-search-bar-trigger::before {
width: 22.001px;
width: 1.3750625rem;
height: 22.001px;
height: 1.3750625rem;
margin-top: 24.003px;
margin-top: 1.5001875rem;
margin-left: 5.999px;
margin-left: 0.3749375rem;
content: '';
background: url(../../assets/img/icon-search-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute; }
@media only screen and (max-width: 992px) {
.richtext-search-bar-trigger .richText-content p {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 70px;
line-height: 4.375rem; } }
@media only screen and (max-width: 480px) {
.richtext-search-bar-trigger::before {
height: 16.002px;
height: 1.000125rem;
width: 16.002px;
width: 1.000125rem;
margin-top: 17.003px;
margin-top: 1.0626875rem;
margin-left: 5.999px;
margin-left: 0.3749375rem; }
.richtext-search-bar-trigger .richText-content p {
font-size: 14px;
font-size: 0.875rem;
line-height: 52.003px;
line-height: 3.2501875rem; } }
.richText-step-by-step-numbers p {
font-size: 129.997px;
font-size: 8.1248125rem;
color: #2D2323;
font-family: "SourceSansPro-ExtraLight", sans-serif;
margin-top: 0;
margin-bottom: 0;
line-height: 150%; }
@media only screen and (max-width: 480px) {
.richText-step-by-step-numbers p {
font-size: 65.002px;
font-size: 4.062625rem;
text-align: center !important; } }
@media only screen and (max-width: 480px) {
.richText-step-by-step-numbers {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 10%;
padding: 10.003px;
padding: 0.6251875rem; } }
.tooltip-icon {
width: 14px;
width: 0.875rem;
height: 14px;
height: 0.875rem;
top: 2.002px;
top: 0.125125rem;
content: '';
position: relative;
display: inline-block;
background: url(../../assets/img/icon-tooltip.svg) no-repeat;
background-size: contain;
cursor: pointer; }
.tooltip-icon.active .tooltip-selection {
opacity: 1;
z-index: 1; }
.tooltip-icon .tooltip-selection {
width: 296.002px;
width: 18.500125rem;
padding: 11.998px;
padding: 0.749875rem;
font-size: 11.998px;
font-size: 0.749875rem;
border-radius: 3.997px;
border-radius: 0.2498125rem;
opacity: 0;
z-index: -1;
transition: opacity 250ms;
-webkit-transform: translate(-50%, -110%);
-ms-transform: translate(-50%, -110%);
transform: translate(-50%, -110%);
background-color: #099ef3;
position: absolute;
color: #fff;
box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.32);
max-width: 100vw;
line-height: 1.2;
text-align: left; }
.tooltip-icon .tooltip-selection::before {
bottom: -7px;
bottom: -0.4375rem;
content: ' ';
display: block;
position: absolute;
width: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #099ef3; }
@media only screen and (max-width: 767px) {
.tooltip-icon {
position: initial; }
.tooltip-icon .tooltip-selection {
left: 50%; } }
.richText-branch-splash-hero h1, .richText-branch-splash-app-store h1, .richText-branch-splash-hero p, .richText-branch-splash-app-store p, .richText-branch-splash-hero a, .richText-branch-splash-app-store a {
color: #fff; }
.richText-branch-splash-hero h1:hover, .richText-branch-splash-app-store h1:hover, .richText-branch-splash-hero p:hover, .richText-branch-splash-app-store p:hover, .richText-branch-splash-hero a:hover, .richText-branch-splash-app-store a:hover {
color: #fff; }
.richText-branch-splash-hero h1 {
font-size: 59.9998px;
font-size: 3.7499875rem;
font-weight: 600;
font-family: "SourceSansPro-Regular", sans-serif;
letter-spacing: -1.47px; }
.richText-branch-splash-hero p {
font-size: 39.998px;
font-size: 2.499875rem;
font-weight: 600;
font-family: "SourceSansPro-Regular", sans-serif;
line-height: 1.2;
letter-spacing: -0.98px; }
@media only screen and (max-width: 480px) {
.richText-branch-splash-hero h1 {
font-size: 50.0003px;
font-size: 3.12501875rem;
line-height: 1.2;
letter-spacing: -1.22px; }
.richText-branch-splash-hero p {
font-size: 29.9999px;
font-size: 1.87499375rem;
line-height: 1.33;
letter-spacing: -0.73px; } }
.richText-branch-splash-app-store {
margin: 0px 23.99999px;
margin: 0rem 1.499999375rem;
width: 109.998px;
width: 6.874875rem;
height: 109.998px;
height: 6.874875rem; }
.richText-branch-splash-app-store:hover {
cursor: pointer; }
.richText-branch-splash-app-store p {
font-size: 24.9998px;
font-size: 1.5624875rem;
letter-spacing: -0.61px; }
.richText-branch-splash-app-store img {
width: 44px;
height: 54px;
margin: auto; }
@media only screen and (max-width: 480px) {
.richText-branch-splash-app-store {
height: 59.9998px;
height: 3.7499875rem;
width: 100%; }
.richText-branch-splash-app-store > .component-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.richText-branch-splash-app-store img {
width: 39px;
height: 47px;
margin: 0; }
.richText-branch-splash-app-store p {
margin: 14px;
margin: 0.875rem; }
.richText-branch-splash-app-store 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;
right: 21px;
right: 1.3125rem;
position: absolute;
left: auto;
bottom: auto;
top: auto;
bottom: auto;
opacity: 1;
-webkit-transform: translateX(1.25rem);
-ms-transform: translateX(1.25rem);
transform: translateX(1.25rem); } }
.richText-informatory-message {
background: linear-gradient(110deg, #af144b 20%, #640032 110%);
height: 184.002px;
height: 11.500125rem;
width: 352.002px;
width: 22.000125rem;
top: -140px;
top: -8.75rem;
right: 16.002px;
right: 1.000125rem;
color: #fff;
position: absolute;
z-index: 999999; }
.richText-informatory-message a {
color: #FF9200; }
.richText-informatory-message a:hover {
color: #FF9200; }
.richText-informatory-message.richText {
display: block !important; }
@media only screen and (max-width: 992px) {
.richText-informatory-message.richText {
padding: 0px;
padding: 0rem; } }
@media only screen and (max-width: 992px) {
.richText-informatory-message {
position: absolute;
top: calc(100% - 14.375rem) !important;
width: calc(100% + 3.750rem);
right: -30.002px;
right: -1.875125rem; } }
@media only screen and (max-width: 1280px) {
.richText-informatory-message {
top: 1rem; } }
@media only screen and (min-width: 1281px) {
.richText-informatory-message {
top: -4vh; } }
.richText-informatory-message .richText-informatory-message-content-wrapper {
padding: 16.002px 16.002px 0px 16.002px;
padding: 1.000125rem 1.000125rem 0rem 1.000125rem; }
.richText-informatory-message .richText-informatory-message-content-wrapper .richText-content {
text-align: left; }
.richText-informatory-message .richText-informatory-message-content-wrapper .richText-content p:nth-of-type(1) {
font-size: 24.003px;
font-size: 1.5001875rem;
font-weight: 700; }
@media only screen and (max-width: 992px) {
.richText-informatory-message .richText-informatory-message-content-wrapper .richText-content p:nth-of-type(1) {
font-size: 22.001px;
font-size: 1.3750625rem; } }
.richText-informatory-message .richText-informatory-message-content-wrapper .richText-content p:nth-of-type(2) {
font-size: 16.002px;
font-size: 1.000125rem;
margin-top: 16.002px;
margin-top: 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem; }
@media only screen and (max-width: 992px) {
.richText-informatory-message .richText-informatory-message-content-wrapper .richText-content p:nth-of-type(2) {
font-size: 14px;
font-size: 0.875rem; } }
.richText-informatory-message .richText-informatory-message-heading-section {
height: 47.999px;
height: 2.9999375rem;
padding: 0px 17.997px;
padding: 0rem 1.1248125rem;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.richText-informatory-message .richText-informatory-message-heading-section .cross-wrapper {
width: 19.999px;
width: 1.2499375rem;
color: #000;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.richText-informatory-message .richText-informatory-message-heading-section .cross-wrapper:hover {
cursor: pointer; }
.richText-informatory-message .richText-informatory-message-heading-section .cross-wrapper .cross-item {
display: inline-block;
text-align: center;
position: relative; }
.richText-informatory-message .richText-informatory-message-heading-section .cross-wrapper .cross-item:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 3.997px;
left: 0.2498125rem; }
.richText-informatory-message .richText-informatory-message-heading-section .cross-wrapper .cross-item:nth-child(2) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 3.003px;
right: 0.1876875rem; }
.richText-self-service-item.first {
margin-left: 0; }
.richText-self-service-item.first > .component-content {
margin-left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.richText-self-service-item h3,
.richText-self-service-item .h3,
.richText-self-service-item h4,
.richText-self-service-item .h4 {
font-size: 16.002px;
font-size: 1.000125rem;
margin-top: 8.001px;
margin-top: 0.5000625rem;
margin-bottom: 11.998px;
margin-bottom: 0.749875rem;
font-family: "SourceSansPro-SemiBold", sans-serif;
color: #2D2323;
font-weight: 600;
line-height: 1.5;
font-stretch: normal;
font-style: normal;
letter-spacing: normal; }
.richText-self-service-item p {
font-size: 15.9999px;
font-size: 0.99999375rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 400;
line-height: 1.5;
font-stretch: normal;
font-style: normal;
letter-spacing: normal; }
.richText-self-service-item a {
font-weight: 400;
color: #AA052D;
text-decoration: underline; }
.richText-self-service-item a:hover {
color: #AA052D !important; }
.richText-self-service-item a:visited {
color: #AA052D; }
.richText-self-service-item img,
.richText-self-service-item svg {
max-height: 31.997px;
max-height: 1.9998125rem;
max-width: 31.997px;
max-width: 1.9998125rem;
display: block;
pointer-events: none; }
@media only screen and (min-width: 992px) {
.richText-self-service-item h3, .richText-self-service-item .h3 {
min-height: 53.998px;
min-height: 3.374875rem; } }
@media only screen and (max-width: 992px) {
.richText-self-service-item {
width: 49% !important;
margin-bottom: 31.997px;
margin-bottom: 1.9998125rem;
padding-right: 19.999px;
padding-right: 1.2499375rem; }
.richText-self-service-item h3, .richText-self-service-item .h3 {
min-height: 80.003px;
min-height: 5.0001875rem;
height: 80.003px;
height: 5.0001875rem; }
.richText-self-service-item p {
margin-top: unset; } }
@media only screen and (max-width: 767px) {
.richText-self-service-item p {
margin-bottom: 0; }
.richText-self-service-item h3, .richText-self-service-item .h3 {
height: 53.998px;
height: 3.374875rem;
min-height: 53.998px;
min-height: 3.374875rem;
margin-top: 8.001px;
margin-top: 0.5000625rem; } }
@media only screen and (max-width: 480px) {
.richText-self-service-item {
margin-bottom: 38.997px;
margin-bottom: 2.4373125rem; }
.richText-self-service-item h3, .richText-self-service-item .h3 {
height: 80.003px;
height: 5.0001875rem; } }
@media only screen and (max-width: 330px) {
.richText-self-service-item .h3, .richText-self-service-item h3 {
height: 70px;
height: 4.375rem;
min-height: 70px;
min-height: 4.375rem; } }
@media only screen and (max-width: 992px) {
.richText-self-service-item.richText-text-two-in-a-row-mobile {
max-width: 49%;
margin-top: 32.004px;
margin-top: 2.00025rem;
padding-right: 20.006px;
padding-right: 1.250375rem; } }
.richtext-showcase-animation:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease; }
.richtext-showcase-animation:hover svg {
transform: rotate(360deg);
transition: transform 0.7s ease, -webkit-transform 0.7s ease;
-ms-transform: rotate(360deg);
/* IE 9 */
-webkit-transform: rotate(360deg);
/* Chrome, Safari, Opera */
transform: rotate(360deg); }
.richtext-showcase-animation:hover svg circle,
.richtext-showcase-animation:hover svg path,
.richtext-showcase-animation:hover svg line,
.richtext-showcase-animation:hover svg polyline,
.richtext-showcase-animation:hover svg rect {
transition: fill .5s ease;
stroke: #AF144B; }
.richText-advertising-intro-text h3,
.richText-advertising-intro-text .h3,
.richText-advertising-intro-text h4,
.richText-advertising-intro-text .h4,
.richText-advertising-intro-text h5,
.richText-advertising-intro-text .h5,
.richText-advertising-intro-text h6,
.richText-advertising-intro-text .h6 {
font-size: 39.998px;
font-size: 2.499875rem;
font-family: "SourceSansPro-Regular", sans-serif;
color: #2D2323;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal; }
.richText-advertising-intro-text p,
.richText-advertising-intro-text .mobile-larger-text {
font-size: 16.002px;
font-size: 1.000125rem;
font-family: "SourceSansPro-Regular", sans-serif;
color: #2D2323;
line-height: 1.5;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal; }
@media only screen and (max-width: 480px) {
.richText-advertising-intro-text h3,
.richText-advertising-intro-text .h3,
.richText-advertising-intro-text h4,
.richText-advertising-intro-text .h4,
.richText-advertising-intro-text h5,
.richText-advertising-intro-text .h5,
.richText-advertising-intro-text h6,
.richText-advertising-intro-text .h6 {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 1.38; }
.richText-advertising-intro-text .mobile-larger-text {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 1.17; } }
.richText-advertising-showcase-item {
padding: 7px 24.003px;
padding: 0.4375rem 1.5001875rem;
min-width: 101.997px;
min-width: 6.3748125rem;
max-width: 238px;
max-width: 14.875rem;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.richText-advertising-showcase-item > .component-content {
max-width: 175px;
max-width: 10.9375rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
margin: auto; }
.richText-advertising-showcase-item .richText-image,
.richText-advertising-showcase-item svg {
height: 31.997px;
height: 1.9998125rem;
width: 31.997px;
width: 1.9998125rem;
margin: 12px auto; }
.richText-advertising-showcase-item .h5,
.richText-advertising-showcase-item .h6,
.richText-advertising-showcase-item h5,
.richText-advertising-showcase-item h6 {
font-size: 16.002px;
font-size: 1.000125rem;
line-height: 1.38;
font-family: "SourceSansPro-SemiBold", sans-serif;
margin: 0;
font-stretch: normal;
font-style: normal;
letter-spacing: normal; }
.richText-advertising-showcase-item .font-small,
.richText-advertising-showcase-item p {
font-size: 14px;
font-size: 0.875rem;
font-family: "SourceSansPro-Regular", sans-serif;
line-height: 1.57;
margin: 0; }
.richText-advertising-showcase-item .font-small:first-of-type,
.richText-advertising-showcase-item p:first-of-type {
margin-top: 11.998px;
margin-top: 0.749875rem; }
.richText-advertising-showcase-item .font-small:last-of-type,
.richText-advertising-showcase-item p:last-of-type {
margin-top: 11.998px;
margin-top: 0.749875rem;
margin-bottom: 11.998px;
margin-bottom: 0.749875rem; }
.richText-advertising-showcase-item a {
color: #2D2323;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.richText-advertising-showcase-item a.link-white {
color: #fff; }
.richText-advertising-showcase-item a.link-orange {
color: #FA551E; }
@media only screen and (max-width: 992px) {
.richText-advertising-showcase-item {
padding: 7px;
padding: 0.4375rem;
width: 140px;
width: 8.75rem; } }
.richText-hero-reduced.richText-hero {
padding: 24px calc((100vw - 1240px) / 2) 0;
max-width: 100%;
min-width: 100%;
margin: 0;
visibility: hidden;
min-height: auto; }
.richText-hero-reduced.richText-hero .hero-paragraph-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.richText-hero-reduced.richText-hero h1,
.richText-hero-reduced.richText-hero .h1,
.richText-hero-reduced.richText-hero h2,
.richText-hero-reduced.richText-hero .h2,
.richText-hero-reduced.richText-hero h3,
.richText-hero-reduced.richText-hero .h3 {
font-size: 56px;
font-size: 3.5rem;
margin: 14px 0px;
margin: 0.875rem 0rem;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: normal; }
.richText-hero-reduced.richText-hero a.btn-action-white-thick:visited:hover {
color: #FA551E; }
.richText-hero-reduced.richText-hero p {
margin: 14px 0px;
margin: 0.875rem 0rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal; }
@media only screen and (max-width: 1280px) {
.richText-hero-reduced.richText-hero {
min-width: 100%;
max-width: 100%;
width: 100%;
padding: 0 7.06%; } }
@media only screen and (max-width: 1440px) {
.richText-hero-reduced.richText-hero {
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; } }
@media only screen and (max-width: 992px) {
.richText-hero-reduced.richText-hero h1,
.richText-hero-reduced.richText-hero .h1,
.richText-hero-reduced.richText-hero h2,
.richText-hero-reduced.richText-hero .h2,
.richText-hero-reduced.richText-hero h3,
.richText-hero-reduced.richText-hero .h3 {
font-size: 49px;
font-size: 3.0625rem;
line-height: 1;
padding: 0; }
.richText-hero-reduced.richText-hero .hero-paragraph-group p {
margin: 7px 0px;
margin: 0.4375rem 0rem; } }
@media only screen and (max-width: 480px) {
.richText-hero-reduced.richText-hero h1,
.richText-hero-reduced.richText-hero .h1,
.richText-hero-reduced.richText-hero h2,
.richText-hero-reduced.richText-hero .h2,
.richText-hero-reduced.richText-hero h3,
.richText-hero-reduced.richText-hero .h3 {
font-size: 31.997px;
font-size: 1.9998125rem;
margin: 21px 0px;
margin: 1.3125rem 0rem; }
.richText-hero-reduced.richText-hero .hero-paragraph-group {
display: block; } }
.hidden-hero-page #header .hero-wrapper .image-hero-layout-parsys,
.hidden-hero-page #header .hero-wrapper .richText-hero-text-layout-parsys,
.hidden-hero-page #header .hero-wrapper .richText-hero-scroll-layout-parsys,
.hidden-hero-page #header .hero-wrapper .multistacked-nav-hero-layout-parsys {
display: none; }
.hidden-hero-page #header .hero-wrapper {
min-height: 0; }
.hidden-hero-page #content,
.hidden-hero-page #content.main.multistack-space {
padding-top: 49px;
padding-top: 3.0625rem; }
@media only screen and (max-width: 992px) {
.hidden-hero-page #content,
.hidden-hero-page #content.main.multistack-space {
padding-top: 0; } }
.richText-btn-wide-as-parent p {
line-height: 0; }
.richText-btn-wide-as-parent a[class*=btn-][class*='-action-'],
.richText-btn-wide-as-parent .button {
width: auto;
display: block;
white-space: nowrap; }
.richText-login-button {
width: 109.998px;
width: 6.874875rem;
right: 8.001px;
right: 0.5000625rem;
position: absolute;
text-align: center;
transition: color 400ms ease-out;
z-index: 151; }
.richText-login-button:hover {
cursor: pointer; }
.richText-login-button:hover p, .richText-login-button:hover p a {
color: #AF144B; }
.richText-login-button p, .richText-login-button p a {
line-height: 1;
color: #2D2323;
transition: color 400ms ease-out; }
.richText-login-button p:hover, .richText-login-button p a:hover {
color: #AF144B; }
.richText-login-button::before {
height: 16.002px;
height: 1.000125rem;
width: 16.002px;
width: 1.000125rem;
margin-top: 15.001px;
margin-top: 0.9375625rem;
margin-left: 4.998px;
margin-left: 0.312375rem;
content: '';
background: url(../../assets/img/icon-login-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute; }
@media only screen and (max-width: 992px) {
.richText-login-button {
width: 100.002px;
width: 6.250125rem; }
.richText-login-button::before {
margini-left: -4.998px;
margini-left: -0.312375rem; } }
@media only screen and (max-width: 767px) {
.richText-login-button {
right: auto;
left: 159.999px;
left: 9.9999375rem;
width: 94.997px;
width: 5.9373125rem; }
.richText-login-button p, .richText-login-button p a {
font-size: 14px;
font-size: 0.875rem;
margin: 12.999px 0px;
margin: 0.8124375rem 0rem; }
.richText-login-button::before {
margin-left: 3.003px;
margin-left: 0.1876875rem;
margin-top: 11.998px;
margin-top: 0.749875rem; } }
@media only screen and (min-width: 768px) {
.richText-meganav-button {
display: none; } }
@media only screen and (max-width: 767px) {
.richText-meganav-button {
width: 50.001px;
width: 3.1250625rem;
position: absolute;
right: 0; }
.richText-meganav-button p,
.richText-meganav-button p a {
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
color: transparent; }
.richText-meganav-button::before {
height: 16.002px;
height: 1.000125rem;
width: 16.002px;
width: 1.000125rem;
margin-top: 11.998px;
margin-top: 0.749875rem;
content: '';
background: url(../../assets/img/menu-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 0.2s linear; }
.box-menu-is-active .richText-meganav-button::before {
background: url(../../assets/img/x-button.svg) no-repeat;
background-size: contain; } }
.richText-search-button {
right: 117.999px;
right: 7.3749375rem;
width: 109.998px;
width: 6.874875rem;
position: absolute;
text-align: center;
z-index: 151; }
.richText-search-button:hover {
cursor: pointer; }
.richText-search-button:hover p, .richText-search-button:hover p a {
color: #AF144B; }
.richText-search-button p, .richText-search-button p a {
line-height: 1;
color: #2D2323;
transition: color 400ms ease-out; }
.richText-search-button p:hover, .richText-search-button p a:hover {
color: #AF144B; }
.richText-search-button::before {
height: 16.002px;
height: 1.000125rem;
width: 16.002px;
width: 1.000125rem;
margin-top: 15.001px;
margin-top: 0.9375625rem;
content: '';
background: url(../../assets/img/icon-search-dark.svg) no-repeat;
background-size: cover;
display: block;
position: absolute; }
@media only screen and (max-width: 992px) {
.richText-search-button {
right: 100.002px;
right: 6.250125rem;
width: 100.002px;
width: 6.250125rem; }
.richText-search-button::before {
margin-left: -4.998px;
margin-left: -0.312375rem; } }
@media only screen and (max-width: 767px) {
.richText-search-button {
right: auto;
left: 80.003px;
left: 5.0001875rem;
width: 94.997px;
width: 5.9373125rem; }
.richText-search-button p, .richText-search-button p a {
font-size: 14px;
font-size: 0.875rem;
margin: 12.999px 0px;
margin: 0.8124375rem 0rem; }
.richText-search-button::before {
margin-left: 3.003px;
margin-left: 0.1876875rem;
margin-top: 11.998px;
margin-top: 0.749875rem; } }
.richText-btn-equal-width p a[class*=btn-][class*='-action-'] {
margin-bottom: 10px; }
@media only screen and (max-width: 480px) {
.richText-btn-equal-width p a[class*=btn-][class*='-action-'],
.richText-btn-equal-width p a.button {
display: block;
white-space: nowrap;
margin-bottom: 0; } }
.searchBox .form .form-content .textField {
display: inline;
float: left;
margin-right: 15px; }
.searchBox .form .form-content .formButton {
display: inline;
float: left; }
.no-box.searchBox .form .form-content .section {
margin: 0 15px 0 0; }
.no-box.searchBox .form .form-content .formButton.section {
margin: -1px 0 0; }
.searchBox input[type=text] {
width: 81px; }
.searchBox-title {
cursor: default; }
.form-search.no-box,
.form-search.no-box .section {
margin-top: 0;
margin-bottom: 0; }
.lt-ie8 .button {
margin-left: 4px; }
.searchBox .easy-autocomplete {
width: 100% !important; }
.searchBox .easy-autocomplete ul {
padding: 0;
text-align: left;
list-style: none;
background: #fff;
z-index: 100;
width: 100%;
transition: max-height .25s;
overflow: hidden;
max-height: 0;
margin-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
.searchBox .easy-autocomplete ul[style*="block"] {
max-height: 340px;
transition: max-height .75s;
border-right: 1px solid #cac7c7;
border-left: 1px solid #cac7c7;
border-bottom: 1px solid #cac7c7; }
.searchBox .easy-autocomplete ul li {
padding-left: 14px;
padding-left: 0.875rem;
color: #2D2323;
opacity: .6;
transition: opacity .2s, background-color .05s; }
.searchBox .easy-autocomplete ul li b {
font-weight: 400; }
.searchBox .easy-autocomplete ul li.selected {
color: #eb3158;
opacity: .85; }
.searchResults-pagination {
text-align: center;
overflow: hidden;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
cursor: default; }
.searchResults-pagination-list {
padding: 0;
margin: 0; }
.searchResults-pagination-item {
display: inline-block;
line-height: 30px;
background-color: #eeeeee;
margin: 1px;
cursor: default;
*display: inline; }
.searchResults-pagination-item a {
display: inline-block;
background-color: #e1e1e1;
min-width: 30px;
padding: 0 10px;
cursor: pointer; }
.searchResults-pagination-item a:hover {
background-color: #ebebeb;
text-decoration: none; }
.searchResults-pagination-item.is-active {
font-weight: bold; }
.searchResults-title {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px;
margin-left: 110px; }
.searchResults-term {
font-style: italic; }
.searchResults-number {
margin-top: 10px;
margin-bottom: 10px;
text-align: left; }
.searchResults-results {
margin-bottom: 10px; }
.searchResults-description,
.searchResults-url {
margin-left: 110px; }
.searchResults-image {
float: left;
width: 100px;
height: 100px;
margin: 10px 0; }
.searchResults-result {
position: relative;
overflow: hidden;
padding: 0 10px 20px 10px;
background-color: #e1e1e1; }
.searchResults-result:nth-child(even) {
background-color: inherit; }
.searchResults-icon-wrapper {
position: absolute;
text-align: center;
width: 70px;
margin-top: 10px;
left: 0;
top: 0; }
.searchResults-date {
margin-bottom: 10px;
margin-left: 110px; }
.searchResults-url {
margin-top: 10px; }
.lt-ie8 .searchResults-pagination-item {
display: inline;
zoom: 1;
margin: 3px; }
.lt-ie8 .searchResults-pagination-item a {
display: block;
zoom: 1; }
.searchResults-tags {
list-style-type: none;
padding: 0; }
.searchResults-tags-item {
display: inline-block;
margin: 0 2px; }
.searchResults-tags-item-link {
background: #b9b8b8;
color: #000;
border: 1px solid #939191;
padding: 1px;
display: block;
font-size: 0.85em; }
.global-search-no-results [id=content] .layout-inner > .grid_4 {
display: none !important; }
.global-search-no-results [id=content] .layout-inner > .grid_12.article-page {
width: 100%;
max-width: 992px;
margin: 0 auto;
float: none; }
.global-search-no-results [id=content] .layout-inner > .grid_12.article-page::before, .global-search-no-results [id=content] .layout-inner > .grid_12.article-page::after {
display: none; }
.global-search-no-results [id=content] .layout-inner .globalSearchResults {
padding-left: 0;
border: 0;
margin-bottom: 0; }
@media only screen and (max-width: 992px) {
.global-search-no-results [id=content] .layout-inner .globalSearchResults {
padding-left: 30px;
padding-right: 30px; } }
.shareThis {
border-bottom: 1px solid #dfdfdf; }
@media only screen and (max-width: 480px) {
.shareThis {
border: 0; } }
.shareThis .shareThis-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none; }
.shareThis .shareThis-list li {
margin: 0 0 16px;
max-width: 50px; }
@media only screen and (max-width: 480px) {
.shareThis .shareThis-list li {
float: left;
margin-right: 20px; } }
@media only screen and (max-width: 992px) {
.left-sidebar-article-page .shareThis .shareThis-list li {
float: left;
margin-right: 20px; } }
.shareThis .shareThis-list a:hover svg path, .shareThis .shareThis-list a:hover svg g, .shareThis .shareThis-list a:hover svg rect, .shareThis .shareThis-list a:hover svg polyline, .shareThis .shareThis-list a:hover svg polygon, .shareThis .shareThis-list a:hover svg line {
fill: #2D2323; }
.shareThis .shareThis-list a:hover svg circle {
stroke: #2D2323; }
.shareThis .shareThis-list img,
.shareThis .shareThis-list svg {
max-width: 51px;
max-height: 51px; }
@media only screen and (max-width: 480px) {
.shareThis .shareThis-list img,
.shareThis .shareThis-list svg {
max-width: 41px;
max-height: 41px; } }
.shareThis .shareThis-list svg path, .shareThis .shareThis-list svg g, .shareThis .shareThis-list svg rect, .shareThis .shareThis-list svg polyline, .shareThis .shareThis-list svg polygon, .shareThis .shareThis-list svg line {
transition: fill 250ms; }
.shareThis .shareThis-list svg circle {
transition: stroke 250ms; }
.sitemap-column {
float: left; }
.sitemap-column > ul {
margin: 0 5px; }
.sitemap-columns-1 .sitemap-column {
width: 100%; }
.sitemap-columns-2 .sitemap-column {
width: 50%; }
.sitemap-columns-3 .sitemap-column {
width: 33.32%; }
.sitemap-columns-4 .sitemap-column {
width: 25%; }
.sitemap-columns-5 .sitemap-column {
width: 20%; }
.sitemap-columns-6 .sitemap-column {
width: 16.64%; }
.sitemap-columns-7 .sitemap-column {
width: 14.25%; }
.sitemap-columns-8 .sitemap-column {
width: 12.49%; }
.sitemap-columns-9 .sitemap-column {
width: 11.10%; }
.sitemap-columns-10 .sitemap-column {
width: 10%; }
.sitemap-columns-11 .sitemap-column {
width: 9.08%; }
.sitemap-columns-12 .sitemap-column {
width: 8.32%; }
@media only screen and (max-width: 992px) {
.sitemap {
padding-left: 17.5px;
padding-left: 1.09375rem;
padding-right: 17.5px;
padding-right: 1.09375rem;
padding-top: 8.4px;
padding-top: 0.525rem;
padding-bottom: 21px;
padding-bottom: 1.3125rem; } }
@media only screen and (max-width: 480px) {
.sitemap {
padding-left: 28px;
padding-left: 1.75rem;
padding-right: 28px;
padding-right: 1.75rem; } }
.sitemap-column a {
text-decoration: none; }
.sitemap-column .component-content {
overflow: hidden; }
.sitemap-column h3 {
font-size: 21.7px;
font-size: 1.35625rem;
margin: 0px 0px 1.4px;
margin: 0rem 0rem 0.0875rem;
color: #2D2323;
font-weight: 300;
line-height: 1;
letter-spacing: -.05em; }
@media only screen and (max-width: 992px) {
.sitemap-column h3 {
font-size: 21px;
font-size: 1.3125rem;
margin-bottom: 10.01px;
margin-bottom: 0.625625rem; } }
.sitemap-column ul {
padding: 0;
margin: 0;
list-style: none; }
.sitemap-column ul li {
margin-top: 30.1px;
margin-top: 1.88125rem;
padding: 0; }
.sitemap-column ul ul li {
margin: 0; }
.sitemap-column ul ul li a {
font-size: 18.2px;
font-size: 1.1375rem;
letter-spacing: -.05em;
color: #eb3158;
line-height: 1.4;
font-weight: 300; }
.sitemap-column ul ul li a:hover {
color: #eb3158; }
@media only screen and (max-width: 992px) {
.sitemap-column ul ul li a {
font-size: 16.1px;
font-size: 1.00625rem;
line-height: 1.6; } }
.sitemap-column ul ul ul {
margin-top: 0; }
.sitemap-column ul ul ul li {
padding-left: 14px;
padding-left: 0.875rem;
font-weight: normal; }
@media only screen and (max-width: 992px) {
.sitemap-column ul ul ul li {
padding-left: 10.5px;
padding-left: 0.65625rem; } }
/*************************** Sitemap media queries */
@media only screen and (max-width: 992px) {
.component-content .sitemap-column {
width: 100%;
float: none; } }
.sitemap-second-level.sitemap {
margin-top: 33.9997px;
margin-top: 2.12498125rem; }
@media only screen and (max-width: 992px) {
.sitemap-second-level.sitemap {
margin-top: 0; } }
.sitemap-second-level.sitemap ul {
display: block; }
.sitemap-second-level.sitemap ul li {
margin: 0; }
@media only screen and (max-width: 992px) {
.sitemap-second-level.sitemap ul li {
padding-left: 10.5px;
padding-left: 0.65625rem; } }
.sitemap-second-level.sitemap ul li h3 {
margin: 0; }
.sitemap-second-level.sitemap ul li h3 a {
color: #2D2323; }
@media only screen and (max-width: 992px) {
.sitemap-second-level.sitemap ul li h3 {
font-size: 14px;
font-size: 0.875rem;
margin: 0; } }
.sitemap-second-level.sitemap ul li a {
font-size: 17.9998px;
font-size: 1.1249875rem;
letter-spacing: -.05em;
color: #666;
line-height: 1.2;
font-weight: 300; }
@media only screen and (max-width: 992px) {
.sitemap-second-level.sitemap ul li a {
font-size: 16.1px;
font-size: 1.00625rem;
line-height: 1.6; } }
@charset "UTF-8";
.smart-link {
margin: 10px 0; }
.smart-link-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
text-align: center; }
.smart-link-list li {
display: inline-block;
*display: inline; }
.smart-link-next::after,
.smart-link-previous::before {
position: relative;
top: -1px;
height: 14px;
display: inline-block;
width: 6px;
font-size: 8px;
color: #000; }
.smart-link-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;
margin-left: 10px; }
.smart-link-previous::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;
margin-right: 10px; }
.smartLink-article-details {
border-top: 1px solid #dfdfdf; }
.smartLink-article-details li {
float: left;
width: 50%;
text-align: right;
padding: 20px 0; }
.smartLink-article-details li:first-child {
text-align: left; }
.smartLink-article-details a {
font-size: 15.4px;
font-size: 0.9625rem;
color: #eb3158; }
@media only screen and (max-width: 992px) {
.smartLink-article-details a {
font-size: 14px;
font-size: 0.875rem; } }
.smartLink-article-details a::before, .smartLink-article-details a::after {
font-size: 9.8px;
font-size: 0.6125rem;
color: #eb3158; }
.smartLink-article-details a::after {
right: 2px; }
.starRating.component {
margin-bottom: 33.999px;
margin-bottom: 2.1249375rem; }
.starRating.component .stars-label {
margin-bottom: 17.997px;
margin-bottom: 1.1248125rem; }
.starRating.component ~ .for-star-rating {
display: none; }
.starRating.component .stars-container [class^="star-"] {
max-width: 67.998px;
max-width: 4.249875rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: visible;
white-space: nowrap;
color: transparent; }
.starRating.component .stars-container [class^="star-"]:not(:first-child) {
padding-left: 11.998px;
padding-left: 0.749875rem; }
.starRating.component .stars-container [class^="star-"]:not(:last-child) {
padding-right: 11.998px;
padding-right: 0.749875rem; }
.starRating.component .stars-container [class^="star-"]::before {
width: 67.998px;
width: 4.249875rem;
height: 58.002px;
height: 3.625125rem;
content: '';
background-image: url("../../assets/img/star-inactive.svg");
display: inline-block;
background-color: #9A9595;
border-radius: 2px; }
.starRating.component .stars-container [class^="star-"].active::before, .starRating.component .stars-container [class^="star-"].active-sibling::before {
background-image: url("../../assets/img/star-active.svg"); }
.starRating.component .stars-container [class^="star-"].active {
color: #232D2D; }
@media only screen and (min-width: 992px) {
.starRating.component [class^="star-"].hover, .starRating.component [class^="star-"].active {
color: #232D2D; }
.starRating.component [class^="star-"].hover::before, .starRating.component [class^="star-"].hover-sibling::before {
background-image: url("../../assets/img/star-hover.svg"); }
.starRating.component .stars-container.hovering [class^="star-"].hover, .starRating.component .stars-container.hovering [class^="star-"].active {
color: transparent; }
.starRating.component .stars-container.hovering [class^="star-"].hover:hover, .starRating.component .stars-container.hovering [class^="star-"].active:hover {
cursor: pointer;
color: #232D2D; }
.starRating.component .stars-container.hovering [class^="star-"].active::before, .starRating.component .stars-container.hovering [class^="star-"].active-sibling::before {
background-image: url("../../assets/img/star-inactive.svg"); }
.starRating.component .stars-container.hovering [class^="star-"].hover::before, .starRating.component .stars-container.hovering [class^="star-"].hover-sibling::before {
background-image: url("../../assets/img/star-hover.svg"); } }
@media only screen and (max-width: 992px) {
.starRating.component .stars-container [class^="star-"] {
max-width: 40px; }
.starRating.component .stars-container [class^="star-"]::before {
width: 40px;
height: 34px;
background-size: 40px;
background-repeat: no-repeat; }
.starRating.component .stars-container [class^="star-"]:not(:first-child) {
padding-left: 4.998px;
padding-left: 0.312375rem; }
.starRating.component .stars-container [class^="star-"]:not(:last-child) {
padding-right: 4.998px;
padding-right: 0.312375rem; } }
body.table-popup {
background-color: #FFF;
line-height: 1.5; }
.table-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.table-caption {
border: solid 2px #323131;
padding: 13px;
background-color: #e1e1e1;
border-bottom: none; }
.table-popup .table-caption {
border: 1px solid #656363;
background-color: #f3f3f3; }
.table th {
background-color: #e1e1e1;
font-weight: bold;
text-align: center; }
.table-popup .table th {
background-color: #f3f3f3; }
.table table {
border-collapse: collapse;
width: 100%;
border: solid 2px #323131; }
.table-popup .table table {
border: 1px solid #656363; }
.table th,
.table td {
border: solid 2px #323131;
padding: 5px; }
.table-popup .table th,
.table-popup .table td {
border: 1px solid #656363;
line-height: 1.5; }
.table td {
vertical-align: middle; }
.table a {
color: #eb3158; }
a.btn-action-ghost {
color: #FA551E; }
.table .button {
display: none; }
.table .table-caption .button {
display: block;
margin: 10px 0 0 5px; }
.no-js .table .button {
display: none; }
.lt-ie8 .table-popup .table {
position: static; }
.table-50-50 td {
width: 50%; }
.table-25-75 td:first-child {
width: 25%; }
.table-35-65 td:first-child {
width: 35%; }
.table-75-25 td:first-child {
width: 75%; }
.table-33-33-33 td {
width: 33.3%; }
.table-20-40-40 td:first-child {
width: 20%; }
.table-25-25-25-25 td {
width: 25%; }
.table-inner-borders-only table {
border: 0; }
.table-inner-borders-only td {
border-width: 1px;
border-color: #cac7c7;
padding: 25px 55px; }
.table-inner-borders-only tr td:first-child {
border-left-width: 0;
padding-left: 75px; }
.table-inner-borders-only tr td:last-child {
border-right-width: 0;
padding-right: 75px; }
ul table ul {
list-style-type: disc; }
@media only screen and (max-width: 767px) {
.table-scroll {
overflow: scroll; }
.table-scroll::-webkit-scrollbar {
width: 0px;
background: transparent; } }
@media only screen and (max-width: 600px) {
.table-inner-borders-only tr {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100vw;
text-align: center;
border-top: 1px solid #cac7c7; }
.table-inner-borders-only tr:last-child {
border-bottom: 1px solid #cac7c7; }
.table-inner-borders-only tr td {
border-width: 0; }
.table-inner-borders-only tr td:first-child {
padding-left: 20px; }
.table-inner-borders-only tr td:last-child {
padding-right: 20px; }
.table-inner-borders-only td {
padding: 10px 20px; } }
@media only screen and (max-width: 480px) {
.table .component-content .button {
display: block;
margin: 20px; }
.table .component-content .table-caption .button {
display: none; } }
.table-basic {
margin: 7px 0px;
margin: 0.4375rem 0rem; }
.table-basic table {
border: 0;
background: transparent; }
.table-basic table > tbody > tr:first-child td,
.table-basic table > tbody > tr:first-child th {
border-top: 0 !important; }
.table-basic table th {
letter-spacing: -0.35px;
letter-spacing: -0.021875rem; }
@media only screen and (max-width: 992px) {
.table-basic table th {
padding: 5.6px 7px;
padding: 0.35rem 0.4375rem; } }
.table-basic table th, .table-basic table td {
border: 0;
background: transparent;
border-right: 2px dotted #f5f5f5;
border-top: 1px solid #f5f5f5; }
.table-basic table th:last-child, .table-basic table td:last-child {
border-right: 0; }
.table-basic table td {
padding: 5.6px 12.6px;
padding: 0.35rem 0.7875rem;
letter-spacing: -0.7px;
letter-spacing: -0.04375rem; }
.table-basic table td[colspan] {
padding: 0; }
.table-basic table tr:nth-child(2n+2) {
background-color: #f0f0f0; }
@media only screen and (max-width: 480px) {
.table-basic table {
display: none; } }
.table-basic th, .table-basic td {
font-size: 15.4px;
font-size: 0.9625rem;
font-weight: 500; }
.table-basic th, .table-basic p {
color: #eb3158; }
.table-basic td {
color: #2D2323; }
.table-basic p {
padding: 7px;
padding: 0.4375rem;
letter-spacing: 0.35px;
letter-spacing: 0.021875rem; }
.table-basic .table-header {
display: none; }
@media only screen and (max-width: 480px) {
.table-basic .table-header {
display: block; } }
@media only screen and (max-width: 480px) {
.table-basic .table-header .table-header-items {
position: relative;
overflow: visible; } }
.table-basic .table-header .table-header-item {
font-size: 13.3px;
font-size: 0.83125rem;
line-height: 56px;
line-height: 3.5rem;
font-weight: bold;
letter-spacing: -.03em; }
.table-basic .table-header .table-header-item::after {
content: ' ';
opacity: 0;
transition: opacity 2s;
display: block;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #eb3158;
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -16px; }
.table-basic .table-header .table-header-item.is-active::after {
opacity: 1; }
.table-basic .table-header .table-content-row p {
padding: 10.5px;
padding: 0.65625rem;
padding-bottom: 7px;
padding-bottom: 0.4375rem;
line-height: 21px;
line-height: 1.3125rem;
color: #2D2323;
letter-spacing: 0;
font-weight: bold; }
.table-basic .table-content-key,
.table-basic .table-content-value {
font-size: 14px;
font-size: 0.875rem;
padding: 10.5px 14px;
padding: 0.65625rem 0.875rem;
color: #eb3158;
letter-spacing: -.03em; }
.table-basic .table-content-value {
font-size: 14.7px;
font-size: 0.91875rem;
color: #2D2323;
border-left: 1px dotted #f5f5f5; }
@media only screen and (max-width: 480px) {
.no-js .table-basic table {
display: table !important; }
.no-js .table-basic table th,
.no-js .table-basic table td {
font-size: 8.4px;
font-size: 0.525rem;
padding: 0 !important; }
.no-js .table-basic table th {
padding-right: 5px !important; }
.no-js .table-basic table p {
font-size: 8.4px;
font-size: 0.525rem; } }
.table-basic .table-caption {
background: transparent;
padding: 0;
border: 0; }
.table-basic .table-heading {
font-size: 57.4px;
font-size: 3.5875rem;
letter-spacing: -3.5px;
letter-spacing: -0.21875rem;
margin-top: 21px;
margin-top: 1.3125rem;
margin-bottom: 0;
color: #eb3158;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 100; }
@media only screen and (max-width: 480px) {
.table-basic .table-heading {
font-size: 31.5px;
font-size: 1.96875rem;
line-height: 31.5px;
line-height: 1.96875rem;
letter-spacing: -0.28px;
letter-spacing: -0.0175rem; } }
.table-header {
overflow: hidden;
width: 100%;
position: relative; }
.table-header .table-header-items {
background: #eb3158;
color: #fff;
overflow: hidden;
white-space: nowrap;
height: 56px; }
.table-header .table-header-item {
opacity: 0;
height: 56px;
width: 0;
text-align: center;
position: absolute;
transition-property: width, left, right, opacity;
transition-duration: 2s; }
.table-header .table-header-item.left-animation {
left: 0; }
.table-header .table-header-item.right-animation {
right: 0; }
.table-header .table-header-item.is-active {
opacity: 1;
width: 100%;
display: block !important; }
.table-header .is-next,
.table-header .is-previous {
position: absolute;
display: block !important;
opacity: .8;
top: 0;
width: 15%; }
.table-header .is-next {
right: 20px; }
.table-header .is-previous {
left: 20px; }
.table-header .table-content-row {
display: table;
width: 100%; }
.table-header .table-content-key,
.table-header .table-content-value {
width: 50%;
display: table-cell; }
.table-important-contacts {
position: relative;
overflow: auto;
margin: 20px auto; }
@media only screen and (max-width: 1440px) {
.table-important-contacts {
padding-left: 21px;
padding-left: 1.3125rem;
padding-right: 21px;
padding-right: 1.3125rem; } }
.table-important-contacts .table-caption {
background-color: transparent;
border: 0;
padding-left: 0;
padding-right: 0; }
.table-important-contacts .table-heading {
font-size: 57.4px;
font-size: 3.5875rem;
letter-spacing: -3.5px;
letter-spacing: -0.21875rem;
margin-top: 21px;
margin-top: 1.3125rem;
margin-bottom: 0;
color: #eb3158;
font-family: "SourceSansPro-Regular", sans-serif;
font-weight: 100; }
@media only screen and (max-width: 992px) {
.table-important-contacts .table-heading {
font-size: 44.45px;
font-size: 2.778125rem; } }
@media only screen and (max-width: 480px) {
.table-important-contacts .table-heading {
font-size: 31.5px;
font-size: 1.96875rem;
line-height: 31.5px;
line-height: 1.96875rem;
letter-spacing: -0.28px;
letter-spacing: -0.0175rem; } }
.table-important-contacts table {
font-size: 14px;
font-size: 0.875rem;
border: 0;
width: 100%;
text-align: left; }
.table-important-contacts table > tbody > tr:first-child > td {
border-top: 0; }
.table-important-contacts table td,
.table-important-contacts table th {
border: 0;
border-right: 1px dotted #f5f5f5;
border-top: 1px solid #f5f5f5;
background: #DDD;
box-sizing: border-box;
padding: 5px 20px;
overflow: hidden;
vertical-align: top; }
@media only screen and (max-width: 992px) {
.table-important-contacts table td,
.table-important-contacts table th {
padding: 5px 10px; } }
.table-important-contacts table td:last-child,
.table-important-contacts table th:last-child {
border-right: 0; }
.table-important-contacts table tr.even td,
.table-important-contacts table tr.even td:first-child,
.table-important-contacts table tr.even th,
.table-important-contacts table tr th:first-child {
background: #fff; }
.table-important-contacts table thead tr th {
background: #fff;
font-weight: 100;
color: #eb3158;
border-top: 0 !important;
vertical-align: top !important; }
@media only screen and (max-width: 767px) {
.table-important-contacts.table-scroll {
overflow: scroll; }
.table-important-contacts.table-scroll::-webkit-scrollbar.table-important-contacts {
width: 0px;
background: transparent; } }
.table-mobile-wrap.component table {
border: none;
border-collapse: separate; }
.table-mobile-wrap.component table tbody tr td {
padding: 16.002px 31.997px;
padding: 1.000125rem 1.9998125rem;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #e3e2e2;
vertical-align: top; }
.table-mobile-wrap.component table tbody tr td p {
font-size: 16.002px;
font-size: 1.000125rem;
margin: 0; }
.table-mobile-wrap.component table tbody tr td ul {
font-size: 16.002px;
font-size: 1.000125rem;
padding-left: 17.003px;
padding-left: 1.0626875rem;
margin: 0; }
.table-mobile-wrap.component table tbody tr td:first-of-type {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.table-mobile-wrap.component table tbody tr td:last-of-type {
border-right-width: 1px; }
.table-mobile-wrap.component table tbody tr:first-of-type td:first-of-type {
border-top-left-radius: 4px; }
.table-mobile-wrap.component table tbody tr:first-of-type td:last-of-type {
border-top-right-radius: 4px; }
.table-mobile-wrap.component table tbody tr:last-of-type td {
border-bottom-width: 1px; }
.table-mobile-wrap.component table tbody tr:last-of-type td:first-of-type {
border-bottom-left-radius: 4px; }
.table-mobile-wrap.component table tbody tr:last-of-type td:last-of-type {
border-bottom-right-radius: 4px; }
.table-mobile-wrap.component table tbody tr.even {
background-color: #F9F8F8; }
@media only screen and (min-width: 768px) {
.table-mobile-wrap.component.wrap-small-tablet.table-25-75-allocation tbody tr td:first-of-type {
width: 25%; }
.table-mobile-wrap.component.wrap-small-tablet.table-30-70-allocation tbody tr td:first-of-type {
width: 30%; }
.table-mobile-wrap.component.wrap-small-tablet.table-40-60-allocation tbody tr td:first-of-type {
width: 40%; }
.table-mobile-wrap.component.wrap-small-tablet.table-50-50-allocation tbody tr td:first-of-type {
width: 50%; } }
@media only screen and (min-width: 992px) {
.table-mobile-wrap.component.wrap-big-tablet.table-25-75-allocation tbody tr td:first-of-type {
width: 25%; }
.table-mobile-wrap.component.wrap-big-tablet.table-30-70-allocation tbody tr td:first-of-type {
width: 30%; }
.table-mobile-wrap.component.wrap-big-tablet.table-40-60-allocation tbody tr td:first-of-type {
width: 40%; }
.table-mobile-wrap.component.wrap-big-tablet.table-50-50-allocation tbody tr td:first-of-type {
width: 50%; } }
@media only screen and (max-width: 767px) {
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr {
position: relative; }
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr td:not(:first-of-type) {
display: none; }
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr:not(.acc-active):last-of-type td:first-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 1px; }
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr.acc-active td:not(:first-of-type) {
display: block; }
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr.acc-active .arrow-acc::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr .arrow-acc {
width: 45.003px;
width: 2.8126875rem;
height: 45.003px;
height: 2.8126875rem;
right: 8.001px;
right: 0.5000625rem;
top: 4.998px;
top: 0.312375rem;
position: absolute; }
.table-mobile-wrap.component.wrap-small-tablet.js-active table tbody tr .arrow-acc::after {
width: 45.003px;
width: 2.8126875rem;
height: 45.003px;
height: 2.8126875rem;
position: absolute;
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;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.table-mobile-wrap.component.wrap-small-tablet table tbody {
display: block; }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr {
display: block;
border-radius: 0; }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr td {
display: inline-block;
width: calc(100% - 66px); }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr td:first-of-type {
border-right-width: 1px; }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr:first-of-type td {
border-top-right-radius: 4px;
border-top-left-radius: 4px; }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr:first-of-type td:last-of-type {
border-radius: 0; }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr:last-of-type td:first-of-type {
border-radius: 0;
border-bottom-width: 0; }
.table-mobile-wrap.component.wrap-small-tablet table tbody tr:last-of-type td:last-of-type {
border-bottom-left-radius: 4px; } }
@media only screen and (max-width: 992px) {
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr {
position: relative; }
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr td:not(:first-of-type) {
display: none; }
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr:not(.acc-active):last-of-type td:first-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 1px; }
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr.acc-active td:not(:first-of-type) {
display: block; }
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr.acc-active .arrow-acc::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr .arrow-acc {
width: 45.003px;
width: 2.8126875rem;
height: 45.003px;
height: 2.8126875rem;
right: 8.001px;
right: 0.5000625rem;
top: 4.998px;
top: 0.312375rem;
position: absolute; }
.table-mobile-wrap.component.wrap-big-tablet.js-active table tbody tr .arrow-acc::after {
width: 45.003px;
width: 2.8126875rem;
height: 45.003px;
height: 2.8126875rem;
position: absolute;
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;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.table-mobile-wrap.component.wrap-big-tablet table tbody {
display: block; }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr {
display: block;
border-radius: 0; }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr td {
display: inline-block;
width: calc(100% - 66px); }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr td:first-of-type {
border-right-width: 1px; }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr:first-of-type td {
border-top-right-radius: 4px;
border-top-left-radius: 4px; }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr:first-of-type td:last-of-type {
border-radius: 0; }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr:last-of-type td:first-of-type {
border-radius: 0;
border-bottom-width: 0; }
.table-mobile-wrap.component.wrap-big-tablet table tbody tr:last-of-type td:last-of-type {
border-bottom-left-radius: 4px; } }
@charset "UTF-8";
.tabs {
position: relative; }
.tabs-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.no-js .tabs-content {
display: block !important;
visibility: visible !important;
overflow: hidden; }
.no-js .tabs > .component-content {
padding-top: 0; }
.tabs-nav {
height: 38.997px;
height: 2.4373125rem;
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%; }
.tabs-nav-list {
width: 1999.998px;
width: 124.999875rem;
position: relative;
left: 0;
padding: 0;
margin: 0;
list-style: none;
overflow: hidden; }
.no-js .tabs-nav-list {
width: 100%; }
.tabs-nav-switcher {
height: 35px;
height: 2.1875rem;
width: 14.994px;
width: 0.937125rem;
position: absolute;
border: 2px solid #323131;
cursor: pointer;
top: 0; }
.tabs-nav-switcher::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: 11.998px;
font-size: 0.749875rem;
padding: 7px 0px;
padding: 0.4375rem 0rem;
left: 50%;
margin-left: -3px; }
.tabs-nav-switcher-right {
right: 0; }
.tabs-nav-item {
font-size: 11.998px;
font-size: 0.749875rem;
height: 21px;
height: 1.3125rem;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #323131;
font-weight: bold;
display: inline;
float: left;
margin-left: 5px;
padding: 7px 9.996px;
padding: 0.4375rem 0.62475rem;
cursor: pointer;
top: 4px; }
.tabs-nav-switcher-left {
left: 0; }
.tabs-nav-switcher-left::before {
content: "ï“";
margin-left: -4px; }
.tabs-nav-item:first-child {
margin-left: 0; }
.tabs-nav-item.is-active,
.tabs-nav-item.is-active a,
.tabs-nav-item.is-active:hover {
cursor: default; }
.tabs-nav-item.is-active,
.tabs-nav-item.is-active:hover {
padding-bottom: 8.995px;
padding-bottom: 0.5621875rem;
border-bottom: none; }
.tabs-nav-item:hover a {
color: white;
text-decoration: none; }
.tabs-nav-item.is-active:hover a {
color: #323131; }
.tabs-nav-item a {
color: #323131; }
.tabs-content {
position: relative;
padding: 13px;
border: solid 2px #323131; }
.tabs-vertical .tabs-nav {
height: auto;
width: 59.997px;
width: 3.7498125rem; }
.tabs-vertical .component-content {
padding-top: 0; }
.tabs-vertical .tabs-nav-list {
width: 100%; }
.tabs-vertical .tabs-nav-item.is-active,
.tabs-vertical .tabs-nav-item.is-active:hover {
border-bottom: 2px solid;
border-right: medium;
padding: 7px 11.998px 7px 9.996px;
padding: 0.4375rem 0.749875rem 0.4375rem 0.62475rem; }
.tabs-vertical .tabs-nav-item {
width: 35.994px;
width: 2.249625rem;
border-width: 2px;
height: auto;
margin: 0 0 5px; }
.tabs-vertical .tabs-content {
margin-left: 59.997px;
margin-left: 3.7498125rem;
left: -2px;
top: 0; }
.tabs-sitemap {
border-bottom: 1px solid #dfdfdf; }
@media only screen and (max-width: 992px) {
.tabs-sitemap {
border: 0;
margin-bottom: 0; } }
.tabs-sitemap .tabs-content {
padding-bottom: 38.5px;
padding-bottom: 2.40625rem;
border: 0; }
.tabs-sitemap .tabs-content::before, .tabs-sitemap .tabs-content::after {
content: "";
display: table; }
.tabs-sitemap .tabs-content::after {
clear: both; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-content {
top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0; }
.tabs-sitemap .tabs-content > .content {
border-top: 1px solid #f5f5f5; } }
.tabs-sitemap .tabs-nav {
margin: 7px 0px 33.6px;
margin: 0.4375rem 0rem 2.1rem;
height: auto; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-nav {
margin-bottom: 20.3px;
margin-bottom: 1.26875rem; } }
.tabs-sitemap .tabs-nav-switcher {
display: none; }
.tabs-sitemap .js-choosen-mobile {
display: none; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .js-choosen-mobile {
font-size: 21px;
font-size: 1.3125rem;
padding: 5.6px 21.7px 4.9px 7.7px;
padding: 0.35rem 1.35625rem 0.30625rem 0.48125rem;
margin: 0px 20.3px;
margin: 0rem 1.26875rem;
display: block;
text-align: left;
color: #2D2323;
border-bottom: 1px solid #eb3158;
border-radius: 0;
font-weight: 300;
position: relative;
letter-spacing: -.04em; } }
.tabs-sitemap .js-choosen-mobile::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: 7.7px;
right: 0.48125rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
float: none;
position: absolute;
top: 50%;
color: #eb3158; }
.tabs-sitemap .tabs-nav-list {
text-align: center;
width: auto;
max-height: none; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-nav-list {
padding: 0px 20.3px;
padding: 0rem 1.26875rem;
overflow: hidden;
max-height: 0;
transition: max-height 250ms; } }
@media only screen and (max-width: 992px) {
.bb .tabs-sitemap .tabs-nav-list {
max-height: none !important; } }
.tabs-sitemap .tabs-nav-list .tabs-nav-item {
padding: 8.4px 21px 7.7px;
padding: 0.525rem 1.3125rem 0.48125rem;
transition: border-color 250ms;
line-height: 1;
float: none;
top: 0;
border: none;
display: inline-block;
box-sizing: border-box;
background: transparent;
height: auto; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-nav-list .tabs-nav-item {
padding: 0;
border: 0;
display: block;
margin: 0; } }
.tabs-sitemap .tabs-nav-list .tabs-nav-item.is-active, .tabs-sitemap .tabs-nav-list .tabs-nav-item:hover {
border: none; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-nav-list .tabs-nav-item.is-active, .tabs-sitemap .tabs-nav-list .tabs-nav-item:hover {
border: 0; } }
.tabs-sitemap .tabs-nav-list .tabs-nav-item.is-active a, .tabs-sitemap .tabs-nav-list .tabs-nav-item:hover a {
color: #eb3158;
text-decoration: underline; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-nav-list .tabs-nav-item + .tabs-nav-item {
margin-top: -1px; } }
.tabs-sitemap .tabs-nav-list .tabs-nav-item a {
font-size: 21px;
font-size: 1.3125rem;
transition: color 250ms;
font-weight: 300;
color: #2D2323; }
@media only screen and (max-width: 992px) {
.tabs-sitemap .tabs-nav-list .tabs-nav-item a {
padding: 9.8px 7.7px;
padding: 0.6125rem 0.48125rem;
text-align: left;
display: block;
color: #2D2323;
border: 1px solid #dfdfdf; } }
.cookie-space .tabs-menu-redesign .tabs-nav {
top: 56px;
top: 3.5rem; }
.tabs-menu-redesign .tabs-nav::-webkit-scrollbar {
display: none; }
.tabs-menu-redesign .tabs-nav {
-ms-overflow-style: none;
/* IE 11 */
scrollbar-width: none; }
.tabs-menu-redesign.wrap-items .tabs-nav {
max-width: none; }
.tabs-menu-redesign.wrap-items .tabs-nav .tabs-nav-list .tabs-nav-item {
max-width: 140px;
max-width: 8.75rem; }
.tabs-menu-redesign.wrap-items .tabs-nav .tabs-nav-list .tabs-nav-item a {
line-height: 1;
height: 100%;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 0px 10.003px;
padding: 0rem 0.6251875rem; }
.tabs-menu-redesign.wrap-items .tabs-nav .tabs-nav-list .tabs-nav-item.first a {
padding-left: 19.999px;
padding-left: 1.2499375rem; }
@media only screen and (max-width: 1280px) {
.tabs-menu-redesign.wrap-items .tabs-nav .tabs-nav-list {
width: auto; }
.tabs-menu-redesign.wrap-items .tabs-nav .tabs-nav-list .tabs-nav-item {
max-width: 124.999px;
max-width: 7.8124375rem; } }
@media only screen and (max-width: 767px) {
.tabs-menu-redesign.wrap-items .tabs-nav .tabs-nav-list {
overflow: scroll; } }
.tabs-menu-redesign .tabs-nav {
left: 128.002px;
left: 8.000125rem;
height: 72.002px;
height: 4.500125rem;
max-width: calc(100% - 355px);
position: fixed;
overflow-x: scroll;
-ms-overflow-style: none;
transition: top 0.25s linear;
scrollbar-width: none; }
.tabs-menu-redesign .tabs-nav::-webkit-scrollbar {
display: none; }
.tabs-menu-redesign .tabs-nav .js-tabs-nav-selected {
display: none; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list {
width: 800.002px;
width: 50.000125rem;
height: 72.002px;
height: 4.500125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
max-height: initial; }
@media only screen and (max-width: 1280px) {
.tabs-menu-redesign .tabs-nav .tabs-nav-list {
width: 500.003px;
width: 31.2501875rem; } }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item {
font-size: 16.002px;
font-size: 1.000125rem;
background-color: transparent;
padding: 0;
border: none;
height: auto; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.first a {
padding-left: 39.998px;
padding-left: 2.499875rem; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item:hover a span {
color: #AF144B; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.is-active a span {
color: #AF144B;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item a {
padding: 0px 19.999px;
padding: 0rem 1.2499375rem;
line-height: 70px;
line-height: 4.375rem;
opacity: 1; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item a span {
font-weight: normal;
color: #2D2323;
transition: color 400ms ease-out; }
.tabs-menu-redesign .tabs-content {
display: none;
background-color: #fff; }
.tabs-menu-redesign .tabs-content.is-active {
display: block;
border: none;
padding: 0; }
.tabs-menu-redesign.less-padding .tabs-nav .tabs-nav-list .tabs-nav-item.first a {
padding-left: 19.999px;
padding-left: 1.2499375rem; }
.tabs-menu-redesign.less-padding .tabs-nav .tabs-nav-list .tabs-nav-item a {
padding: 0px 10.003px;
padding: 0rem 0.6251875rem; }
@media only screen and (max-width: 1024px) {
.cookie-space.adoption-space .tabs-menu-redesign .tabs-nav {
top: 115.997px;
top: 7.2498125rem; }
.adoption-space .tabs-menu-redesign .tabs-nav {
top: 59.997px;
top: 3.7498125rem; } }
@media only screen and (max-width: 767px) {
.tabs-menu-redesign {
display: none; }
.box-menu-is-active .tabs-menu-redesign {
display: block; }
.cookie-space .tabs-menu-redesign .tabs-nav {
top: 112px;
top: 7rem; }
.cookie-space.adoption-space .tabs-menu-redesign .tabs-nav {
top: 165.998px;
top: 10.374875rem; }
.adoption-space .tabs-menu-redesign .tabs-nav {
top: 109.998px;
top: 6.874875rem; }
.tabs-menu-redesign .tabs-nav {
top: 56px;
top: 3.5rem;
height: 47.999px;
height: 2.9999375rem;
left: 0;
background-color: #AF144B;
width: 100%;
max-width: 100%;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
.tabs-menu-redesign .tabs-nav .tabs-nav-list {
height: 47.999px;
height: 2.9999375rem; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item {
font-size: 14px;
font-size: 0.875rem; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item a {
line-height: 47.999px;
line-height: 2.9999375rem;
padding: 0px 11.998px;
padding: 0rem 0.749875rem; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item a span {
color: #fff; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.first a {
padding-left: 16.002px;
padding-left: 1.000125rem; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item:hover a span {
color: #fff; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.is-active a span {
color: #fff; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.is-active.first::after {
width: calc(100% - 28px);
left: 16.002px;
left: 1.000125rem; }
.less-padding .tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.is-active.first::after {
width: calc(100% - 28px);
left: 16.002px;
left: 1.000125rem; }
.tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.is-active::after {
height: 3.997px;
height: 0.2498125rem;
bottom: 3.003px;
bottom: 0.1876875rem;
left: 11.998px;
left: 0.749875rem;
content: "";
display: block;
position: relative;
background-color: #fff;
width: calc(100% - 24px); }
.less-padding .tabs-menu-redesign .tabs-nav .tabs-nav-list .tabs-nav-item.is-active::after {
width: calc(100% - 24px);
left: 11.998px;
left: 0.749875rem; }
.tabs-menu-redesign .tabs-content {
height: calc(100vh - 105px);
overflow-y: scroll; }
.cookie-space .tabs-menu-redesign .tabs-content {
height: calc(100vh - 162px); } }
.tabs-accordion-filter {
position: relative;
overflow: hidden;
border-radius: 5px; }
.tabs-accordion-filter .tabs-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.tabs-accordion-filter .no-js .tabs-content {
display: block !important;
visibility: visible !important; }
.tabs-accordion-filter .no-js .tabs > .component-content {
padding-top: 0; }
.tabs-accordion-filter .tabs-nav {
position: relative;
z-index: 150;
height: 50.001px;
height: 3.1250625rem;
top: 0;
left: 0;
padding: 0;
width: 100%;
text-align: center;
overflow: visible; }
.tabs-accordion-filter .tabs-nav-list {
display: inline-block;
position: relative;
left: 0;
padding: 0;
margin: 0 auto;
list-style: none;
overflow: visible;
max-width: 100%;
font-size: 0;
vertical-align: top;
white-space: nowrap; }
@media only screen and (max-width: 480px) {
.tabs-accordion-filter .tabs-nav-list {
width: 100%;
white-space: nowrap;
padding-right: 100%; } }
@media only screen and (min-width: 992px) {
.tabs-accordion-filter .tabs-nav-list {
min-width: 719.999px;
min-width: 44.9999375rem; } }
.tabs-accordion-filter .tabs-nav-list::after, .tabs-accordion-filter .tabs-nav-list::before {
display: none; }
.tabs-accordion-filter .tabs-nav-switcher {
width: 24.997px;
width: 1.5623125rem;
position: absolute;
height: 100%;
cursor: pointer;
top: 0;
background: #F9F8F8;
border: 0;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
.tabs-accordion-filter .tabs-nav-switcher::before {
width: 19.999px;
width: 1.2499375rem;
left: 5px;
position: absolute;
top: 30%; }
.tabs-accordion-filter .tabs-nav-switcher.tabs-nav-switcher-right {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px; }
.tabs-accordion-filter .tabs-nav-switcher.tabs-nav-switcher-right::before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
display: inline-block;
position: relative;
position: absolute;
display: block; }
.tabs-accordion-filter .tabs-nav-switcher.tabs-nav-switcher-left {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px; }
.tabs-accordion-filter .tabs-nav-switcher.tabs-nav-switcher-left::before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
position: relative;
position: absolute;
display: block; }
.tabs-accordion-filter .tabs-nav-item {
font-size: 16.002px;
font-size: 1.000125rem;
min-height: 50.001px;
min-height: 3.1250625rem;
width: 240.002px;
width: 15.000125rem;
transition: background .15s ease;
display: inline-block;
cursor: pointer;
position: relative;
border: solid 1px #2D2323;
margin: 0;
padding: 0;
background: #fff;
height: 50.001px;
height: 3.1250625rem;
top: 0;
float: none;
vertical-align: top;
white-space: normal;
border-right: 0;
font-weight: 600; }
@media only screen and (max-width: 992px) {
.tabs-accordion-filter .tabs-nav-item {
max-width: 25%;
width: 25vw;
min-width: 0; } }
@media only screen and (max-width: 480px) {
.tabs-accordion-filter .tabs-nav-item {
font-size: 14.7px;
font-size: 0.91875rem;
max-width: none;
width: 30vw; } }
.tabs-accordion-filter .tabs-nav-item:first-child, .tabs-accordion-filter .tabs-nav-item:first-child.is-active a {
margin-left: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.tabs-accordion-filter .tabs-nav-item:last-child, .tabs-accordion-filter .tabs-nav-item:last-child.is-active a {
margin-right: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-right: 1px; }
.tabs-accordion-filter .tabs-nav-item:last-child {
border-right: 1px solid #2D2323; }
.tabs-accordion-filter .tabs-nav-item.is-active {
padding: 0;
pointer-events: none;
border: 1px solid #eb3158; }
.tabs-accordion-filter .tabs-nav-item.is-active, .tabs-accordion-filter .tabs-nav-item.is-activea,
.tabs-accordion-filter .tabs-nav-item.is-active a {
background-color: #eb3158;
color: #fff; }
.tabs-accordion-filter .tabs-nav-item.is-active:hover {
cursor: default;
opacity: 1; }
.tabs-accordion-filter .tabs-nav-item:hover {
opacity: 1;
transition: background 0.2s;
background-color: #eb3158; }
.mod-touch .tabs-accordion-filter .tabs-nav-item:hover {
opacity: 0.4; }
.tabs-accordion-filter .tabs-nav-item:hover a {
text-decoration: none;
color: #fff; }
.tabs-accordion-filter .tabs-nav-item > a {
padding: 19.999px 10.003px;
padding: 1.2499375rem 0.6251875rem;
display: block;
color: #666;
transition: all .25s;
line-height: 9.996px;
line-height: 0.62475rem; }
@media only screen and (max-width: 480px) {
.tabs-accordion-filter .tabs-nav-item > a {
white-space: initial; }
.no-js .tabs-accordion-filter .tabs-nav-item > a {
white-space: normal; } }
.tabs-accordion-filter .tabs-content {
min-height: 30.002px;
min-height: 1.875125rem;
position: relative;
z-index: 100;
border: 0;
padding: 0;
background-color: transparent; }
@media only screen and (max-width: 480px) {
.tabs-accordion-filter .text-wrapper {
font-size: 10.003px;
font-size: 0.6251875rem; } }
.tabs-accordion-filter .image-wrapper img {
width: 64.001px;
width: 4.0000625rem;
display: none;
margin: 0 auto 10px; }
.tabs-accordion-filter .hero-wrapper {
margin-top: -30.002px;
margin-top: -1.875125rem;
padding-bottom: 19.999px;
padding-bottom: 1.2499375rem; }
@media only screen and (max-width: 480px) {
.tabs-accordion-filter .hero-wrapper {
margin-top: -30.002px;
margin-top: -1.875125rem;
padding-bottom: 0; } }
.tabs-accordion-filter .hero-wrapper::before {
height: 25.998px;
height: 1.624875rem;
background: #fff;
right: -5.5%;
-webkit-transform: skew(-45deg);
-ms-transform: skew(-45deg);
transform: skew(-45deg);
display: block;
content: ' ';
width: 55%;
position: absolute;
bottom: -1px;
z-index: 1; }
.tabs-accordion-filter .hero-wrapper::after {
height: 25.998px;
height: 1.624875rem;
background: #fff;
left: -5.5%;
-webkit-transform: skew(45deg);
-ms-transform: skew(45deg);
transform: skew(45deg);
display: block;
content: ' ';
width: 55%;
position: absolute;
bottom: -1px;
z-index: 1; }
.tabs-inside-faq {
padding-bottom: 24.997px;
padding-bottom: 1.5623125rem; }
.tabs-inside-faq .tabs-nav {
height: 45.003px;
height: 2.8126875rem;
border-bottom: solid 1px #979797; }
.tabs-inside-faq .tabs-nav .tabs-nav-switcher {
border: 0;
background: transparent;
top: 9.996px;
top: 0.62475rem; }
.tabs-inside-faq .tabs-nav .tabs-nav-switcher-left {
left: -5px; }
.tabs-inside-faq .tabs-nav .tabs-nav-switcher-right {
right: -3px; }
.tabs-inside-faq .tabs-nav .tabs-nav-list {
width: 100%; }
.tabs-inside-faq .tabs-nav .tabs-nav-list .tabs-nav-item {
min-width: 20%;
font-size: 22.001px;
font-size: 1.3750625rem;
height: 24.997px;
height: 1.5623125rem;
text-align: center;
border: 0;
background: #fff; }
.tabs-inside-faq .tabs-nav .tabs-nav-list .tabs-nav-item:hover a {
color: #eb3158; }
.tabs-inside-faq .tabs-nav .tabs-nav-list .tabs-nav-item.is-active {
border-bottom: 3px solid #eb3158;
transition: border-color .3s; }
.tabs-inside-faq .tabs-nav .tabs-nav-list .tabs-nav-item.is-active:hover {
padding-bottom: 10.003px;
padding-bottom: 0.6251875rem; }
@media only screen and (max-width: 480px) {
.tabs-inside-faq .tabs-nav .tabs-nav-list .tabs-nav-item {
font-size: 10.997px;
font-size: 0.6873125rem;
padding: 7px 0px;
padding: 0.4375rem 0rem;
min-width: 10%; } }
.tabs-inside-faq .tabs-content {
border: 0; }
.tabs-inside-faq .tabs-content > .content {
padding-top: 24.997px;
padding-top: 1.5623125rem; }
.tabs-with-arrow {
position: relative;
overflow: hidden;
border-radius: 5px; }
.tabs-with-arrow .tabs-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.tabs-with-arrow .no-js .tabs-content {
display: block !important;
visibility: visible !important; }
.tabs-with-arrow .no-js .tabs > .component-content {
padding-top: 0; }
.tabs-with-arrow .tabs-nav {
height: 124.999px;
height: 7.8124375rem;
position: relative;
top: 0;
left: 0;
padding: 0;
width: 100%;
text-align: center;
overflow: visible; }
.tabs-with-arrow .tabs-nav-list {
display: inline-block;
position: relative;
left: 0;
padding: 0;
margin: 0 auto;
list-style: none;
overflow: visible;
max-width: 100%;
font-size: 0;
vertical-align: top;
white-space: nowrap; }
.tabs-with-arrow .tabs-nav-list::after, .tabs-with-arrow .tabs-nav-list::before {
display: none; }
.tabs-with-arrow .tabs-nav-switcher {
width: 24.997px;
width: 1.5623125rem;
height: 70px;
height: 4.375rem;
position: absolute;
cursor: pointer;
background-color: #fff;
top: 0;
border: 0;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
.tabs-with-arrow .tabs-nav-switcher::before {
width: 19.999px;
width: 1.2499375rem;
font-size: 28px;
font-size: 1.75rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.tabs-with-arrow .tabs-nav-switcher.tabs-nav-switcher-right::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;
left: 4px; }
.tabs-with-arrow .tabs-nav-switcher.tabs-nav-switcher-left::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;
left: 0; }
.tabs-with-arrow.sme-hub-results {
overflow: visible; }
.tabs-with-arrow.sme-hub-results .tabs-nav-switcher {
display: none; }
.tabs-with-arrow.sme-hub-results.scrollable .tabs-nav-switcher {
display: block;
top: 4px; }
.tabs-with-arrow.sme-hub-results.scrollable .tabs-nav-switcher.tabs-nav-switcher-left {
left: -17.997px;
left: -1.1248125rem; }
.tabs-with-arrow.sme-hub-results.scrollable .tabs-nav-switcher.tabs-nav-switcher-right {
right: -11.998px;
right: -0.749875rem; }
.tabs-with-arrow.sme-hub-results.scrollable.scrolled-left .tabs-nav-switcher.tabs-nav-switcher-left {
display: none; }
.tabs-with-arrow.sme-hub-results.scrollable.scrolled-right .tabs-nav-switcher.tabs-nav-switcher-right {
display: none; }
.tabs-with-arrow .tabs-nav-item {
font-size: 24.003px;
font-size: 1.5001875rem;
min-height: 67.998px;
min-height: 4.249875rem;
padding: 0px 30.002px;
padding: 0rem 1.875125rem;
max-width: 240.002px;
max-width: 15.000125rem;
transition: background .15s ease;
display: inline-block;
cursor: pointer;
position: relative;
border: 0;
margin: 0;
background: transparent;
top: 0;
float: none;
vertical-align: top;
white-space: normal;
font-weight: 600;
line-height: 1; }
.tabs-with-arrow .tabs-nav-item a .tabMenuItem {
width: -webkit-fit-content;
width: fit-content;
position: relative;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
height: 100%; }
.tabs-with-arrow .tabs-nav-item a .tabMenuItem::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
height: 4px;
width: 100%;
background-color: #AF144B;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
transition: all .5s; }
.tabs-with-arrow .tabs-nav-item.is-active {
pointer-events: none; }
.tabs-with-arrow .tabs-nav-item.is-active, .tabs-with-arrow .tabs-nav-item.is-activea,
.tabs-with-arrow .tabs-nav-item.is-active a {
color: #AF144B; }
.tabs-with-arrow .tabs-nav-item.is-active:hover {
cursor: default;
opacity: 1; }
.tabs-with-arrow .tabs-nav-item.is-active:hover a .tabMenuItem::after {
opacity: 1; }
.tabs-with-arrow .tabs-nav-item.is-active a .tabMenuItem::after {
opacity: 1; }
.tabs-with-arrow .tabs-nav-item:hover {
opacity: 1; }
.tabs-with-arrow .tabs-nav-item:hover a {
text-decoration: none; }
.tabs-with-arrow .tabs-nav-item:hover a .tabMenuItem::after {
opacity: 1; }
.tabs-with-arrow .tabs-nav-item > a {
height: 67.998px;
height: 4.249875rem;
display: block;
color: #2D2323;
transition: all .25s; }
.tabs-with-arrow .tabs-content {
min-height: 30.002px;
min-height: 1.875125rem;
position: relative;
border: 0;
padding: 0; }
.tabs-with-arrow .text-wrapper {
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; }
.tabs-with-arrow .image-wrapper img {
width: 64.001px;
width: 4.0000625rem;
display: none;
margin: 0 auto 10px; }
.tabs-with-arrow .hero-wrapper {
margin-top: -30.002px;
margin-top: -1.875125rem;
padding-bottom: 19.999px;
padding-bottom: 1.2499375rem; }
@media only screen and (max-width: 992px) {
.tabs-with-arrow .tabs-nav-list {
width: -webkit-fit-content;
width: fit-content; }
.tabs-with-arrow .tabs-nav-item {
font-size: 19.999px;
font-size: 1.2499375rem;
padding: 0px 15.001px;
padding: 0rem 0.9375625rem;
max-width: none;
min-width: 0; } }
@media only screen and (max-width: 480px) {
.tabs-with-arrow .tabs-nav {
height: 70px;
height: 4.375rem; }
.tabs-with-arrow .tabs-nav-list {
white-space: nowrap; }
.tabs-with-arrow .tabs-nav-item {
font-size: 17.997px;
font-size: 1.1248125rem; }
.tabs-with-arrow .tabs-nav-item > a {
white-space: initial; }
.no-js .tabs-with-arrow .tabs-nav-item > a {
white-space: normal; }
.tabs-with-arrow .hero-wrapper {
margin-top: 0;
padding-bottom: 0; } }
.tabs-with-arrow.is-redesigned .tabs-nav {
text-align: left;
height: 81.998px;
height: 5.124875rem; }
.tabs-with-arrow.is-redesigned .text-wrapper {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.tabs-with-arrow.is-redesigned .tabs-nav-item {
border-bottom: 0.063rem solid #cac7c7;
font-weight: 400;
padding: 0;
font-size: 16.002px;
font-size: 1.000125rem;
min-height: 46.998px;
min-height: 2.937375rem;
line-height: 24.003px;
line-height: 1.5001875rem;
max-width: 199.997px;
max-width: 12.4998125rem;
padding-right: 47.999px;
padding-right: 2.9999375rem; }
.tabs-with-arrow.is-redesigned .tabs-nav-item:last-of-type {
padding-right: 0px;
padding-right: 0rem; }
.tabs-with-arrow.is-redesigned .tabs-nav-item a {
color: #870A3C;
height: 50.001px;
height: 3.1250625rem; }
.tabs-with-arrow.is-redesigned .tabs-nav-item a .tabMenuItem {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tabs-with-arrow.is-redesigned .tabs-nav-item.is-active {
font-weight: 900; }
.tabs-with-arrow.is-redesigned .tabs-nav-switcher {
height: 47.999px;
height: 2.9999375rem;
box-shadow: none;
color: #FA551E;
background-color: rgba(255, 255, 255, 0.5); }
.tabs-with-arrow.is-redesigned .tabs-nav-switcher.tabs-nav-switcher-left::before {
margin-left: 8.001px;
margin-left: 0.5000625rem; }
.tabs-with-arrow.is-redesigned .tabs-nav-switcher.tabs-nav-switcher-right::before {
left: 16.002px;
left: 1.000125rem; }
@media only screen and (max-width: 992px) {
.tabs-with-arrow.is-redesigned .tabs-nav-item {
padding-right: 25.998px;
padding-right: 1.624875rem; }
.tabs-with-arrow.is-redesigned .tabs-nav-item:last-of-type {
padding-right: 25.998px;
padding-right: 1.624875rem; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.tabs-with-arrow.is-redesigned .text-wrapper {
max-width: 199.997px;
max-width: 12.4998125rem; }
.tabs-with-arrow .text-wrapper {
max-width: 92%; } }
.tagList-tag-link, .tagList-tag-item {
background-color: #e1e1e1;
border: 1px solid #656363;
color: #323131;
padding: 5px 20px;
border-radius: 20px;
cursor: pointer;
display: inline-block; }
.tagList-tag-link:hover, .tagList-tag-item:hover {
background-color: #939191;
color: white; }
.tagList-heading {
font-weight: bold;
color: #323131;
margin: 10px 0;
font-size: 1.5rem;
display: block; }
.tagList-list {
margin: 0;
padding: 0;
list-style: none; }
.tagList-tag {
display: inline-block; }
.tagList-tag-link, .tagList-tag-item {
margin-right: 5px;
text-decoration: none; }
.tagList-tag-link:hover, .tagList-tag-link:active, .tagList-tag-item:hover, .tagList-tag-item:active {
color: #fff; }
@charset "UTF-8";
.tagSearch.component.left-arrow .tags-title::after, .tagSearch.component.right-arrow .outer-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: 31.997px;
font-size: 1.9998125rem;
height: 24.997px;
height: 1.5623125rem;
line-height: 23.002px;
line-height: 1.437625rem;
left: 7px;
left: 0.4375rem;
position: relative;
color: #AA052D;
top: 5px; }
.tagSearch.component {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
background-color: #fff; }
.tagSearch.component .outer-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tagSearch.component .outer-container .tags-title {
font-size: 16.002px;
font-size: 1.000125rem;
margin-right: 19.999px;
margin-right: 1.2499375rem;
font-family: "SourceSansPro-SemiBold", sans-serif;
white-space: nowrap; }
.tagSearch.component .outer-container .tags-container {
white-space: nowrap;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
margin-top: 5px; }
.tagSearch.component .outer-container .tags-container::-webkit-scrollbar {
display: none; }
.tagSearch.component .outer-container .tags-container [class^="product-tag-"] {
font-size: 14px;
font-size: 0.875rem;
border-radius: 11.998px;
border-radius: 0.749875rem;
height: 24.003px;
height: 1.5001875rem;
margin: 0px 8.001px;
margin: 0rem 0.5000625rem;
padding: 3.003px 16.002px;
padding: 0.1876875rem 1.000125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
background-color: #eeecec;
cursor: pointer; }
.tagSearch.component .outer-container .tags-container [class^="product-tag-"].active {
background-color: #AA052D;
color: #fff; }
.tagSearch.component:not(.left-arrow) .tags-title {
margin-top: 5px; }
.tagSearch.component.left-arrow .tags-title::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 5px; }
.tagSearch.component.right-arrow .outer-container::after {
right: 7px; }
@media only screen and (max-width: 992px) {
.tagSearch.component {
margin-top: 16.002px;
margin-top: 1.000125rem; } }
.title.text-center {
text-align: center; }
.title h1 {
word-wrap: break-word; }
.title-africa-interest .title-heading {
font-size: 38px;
color: #2D2323;
line-height: 1.2em;
padding: 0.33em 0;
letter-spacing: inherit; }
@media only screen and (max-width: 480px) {
.title-africa-interest .title-heading {
font-size: 26px !important; } }
@media only screen and (max-width: 992px) {
.title-africa-interest .title-heading {
font-size: 22px !important; } }
.title-red .title-heading {
color: #eb3158; }
.title-charcoal .title-heading {
color: #2D2323; }
/*rename this to feed-provider*/
.twitter > .component-content {
border: solid 2px #323131;
padding: 13px;
background-color: #e1e1e1; }
.feed-provider-heading {
display: inline-block;
margin: 0 0 0 20px;
line-height: 30px; }
.feed-provider-description {
border-bottom: 1px solid #000;
margin: 10px 0;
padding: 10px 0; }
.feed-provider-heading-image {
float: left;
width: 30px;
height: 30px; }
.feed-provider-feeds {
padding: 0;
margin: 0; }
/*twitter template*/
.twitter-feed {
list-style-type: none;
padding-left: 55px;
margin: 10px 0;
display: block;
position: relative; }
.twitter-feed::before, .twitter-feed::after {
content: "";
display: table; }
.twitter-feed::after {
clear: both; }
.twitter-content a:hover strong {
text-decoration: underline; }
.twitter-sender-avatar {
position: absolute;
top: 3px;
left: 0; }
.twitter-date {
float: right; }
.twitter-actions {
padding: 0;
margin: 0;
float: right; }
.twitter-action {
list-style-type: none;
display: inline; }
.video-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.video {
margin-bottom: 50px; }
.video .mejs-poster {
background-size: cover; }
.video .mejs-poster img {
display: none; }
.video > .component-content {
position: relative; }
.video-heading {
font-size: 63.7px;
font-size: 3.98125rem;
position: absolute;
top: 50%;
width: 100%;
box-sizing: border-box;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
z-index: 9;
font-weight: 100;
line-height: 1;
margin: 0;
padding: 0 30px;
cursor: pointer; }
.video-heading::after {
content: '';
display: block;
width: 50px;
height: 50px;
margin: 10px auto 0;
background: url("../../assets/img/video-play.svg") no-repeat; }
.video-nojs {
display: none;
text-align: center;
padding: 20px 0;
color: red; }
.no-js .video-nojs {
display: block; }
.video object,
.video embed {
width: 100% !important; }
.video-video-container {
margin: 0 auto; }
.video-description {
border: solid 2px #323131;
padding: 13px;
margin-top: -2px; }
.mejs-container .mejs-controls {
border: 0;
box-sizing: border-box;
background: none;
padding: 0 20px;
height: 110px; }
.mejs-container .mejs-controls .mejs-time {
box-sizing: border-box;
width: 100%;
margin: 0;
left: 0;
top: 0;
padding: 0 23px; }
@media only screen and (max-width: 480px) {
.mejs-container .mejs-controls .mejs-time {
top: 65px; } }
.mejs-container .mejs-controls .mejs-time .mejs-currenttime {
color: #eb3158; }
.mejs-container .mejs-controls .mejs-time .mejs-currenttime + span {
display: none; }
.mejs-container .mejs-controls .mejs-time .mejs-duration {
color: #DDD;
float: right; }
.mejs-container .mejs-controls .mejs-volume-button .mejs-offscreen .mejs-volume-current {
color: #eb3158; }
.mejs-container .mejs-controls .mejs-playpause-button {
position: absolute;
left: 20px;
bottom: 0; }
.mejs-container .mejs-controls .mejs-playpause-button button {
background-image: url("../../assets/img/video-play.svg"); }
.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button {
background-image: url("../../assets/img/video-pause.svg"); }
.mejs-container .mejs-controls .mejs-fullscreen-button {
position: absolute;
right: 20px;
bottom: 0; }
.mejs-container .mejs-controls .mejs-fullscreen-button button {
background-image: url("../../assets/img/video-full.svg"); }
.mejs-container .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button {
background-image: url("../../assets/img/video-small.svg"); }
.mejs-container .mejs-controls .mejs-volume-button {
position: absolute;
left: 85px;
bottom: 0; }
@media only screen and (max-width: 480px) {
.mejs-container .mejs-controls .mejs-volume-button {
left: 70px; } }
.mejs-container .mejs-controls .mejs-volume-button button {
background-image: url("../../assets/img/video-volume.svg"); }
.mejs-container .mejs-controls .mejs-volume-button.mejs-unmute button {
background-image: url("../../assets/img/video-volume-off.svg"); }
.mejs-container .mejs-controls .mejs-volume-slider {
left: 13px; }
@media only screen and (max-width: 480px) {
.mejs-container .mejs-controls .mejs-volume-slider {
left: 4px; } }
.mejs-container .mejs-controls .mejs-time-rail {
padding-top: 15px; }
@media only screen and (max-width: 480px) {
.mejs-container .mejs-controls .mejs-time-rail {
padding-top: 80px; } }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
background: #eb3158;
border: 0;
border-radius: 50%;
width: 4px;
height: 4px;
margin-left: 3px;
top: 0; }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background: #eb3158;
height: 4px;
border-radius: 0; }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
background: #f0f0f0;
border: 1px solid #fff;
height: 4px;
border-radius: 5px; }
.mejs-container .mejs-controls .mejs-button {
width: 50px;
height: 50px;
margin: 0 0 15px; }
@media only screen and (max-width: 480px) {
.mejs-container .mejs-controls .mejs-button {
bottom: auto;
top: 25px;
width: 30px;
height: 30px; } }
.mejs-container .mejs-controls .mejs-button button {
background-color: #eb3158;
width: 50px;
height: 50px;
border-radius: 50%; }
@media only screen and (max-width: 480px) {
.mejs-container .mejs-controls .mejs-button button {
width: 30px;
height: 30px; } }
.mejs-container .mejs-controls .mejs-button button::before {
content: 'none';
display: none; }
.mejs-overlay-button {
display: none;
opacity: 1;
color: #fff; }
.mejs-overlay-button::before {
border: 0;
background: #eb3158; }
.mejs-iphone .mejs-poster,
.mejs-ipad .mejs-poster {
pointer-events: none; }
.mejs-iphone .mejs-controls,
.mejs-ipad .mejs-controls {
opacity: 0;
visibility: hidden; }
.mejs-iphone .mejs-controls.visible,
.mejs-ipad .mejs-controls.visible {
opacity: 1;
visibility: visible; }
.is-ios-mobile .video-heading {
pointer-events: none; }
.mejs-fullscreen [id=content] {
z-index: 90000; }
.mejs-fullscreen .mejs-container-fullscreen {
z-index: 90001 !important; }
.video.video-banner, .video.video-mini {
margin-bottom: 47.999px;
margin-bottom: 2.9999375rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
overflow: hidden; }
.video.video-banner .video-description, .video.video-mini .video-description {
display: none; }
.video.video-banner .component-content .video-heading, .video.video-mini .component-content .video-heading {
font-size: 24.003px;
font-size: 1.5001875rem;
left: 31.997px;
left: 1.9998125rem;
top: 31.997px;
top: 1.9998125rem;
line-height: 52.003px;
line-height: 3.2501875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
font-family: "SourceSansPro-Regular", sans-serif;
z-index: 1;
width: -webkit-fit-content;
width: fit-content;
padding: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.video.video-banner .component-content .video-heading::after, .video.video-mini .component-content .video-heading::after {
content: '';
width: 54.999px;
width: 3.4374375rem;
height: 54.999px;
height: 3.4374375rem;
margin-right: 16.002px;
margin-right: 1.000125rem;
background: url("../../assets/img/Absa-Logo-White.svg");
display: block;
top: 0;
left: 0;
z-index: 1;
margin-top: 0; }
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen), .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) {
height: 568px !important; }
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) .mejs-poster, .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) .mejs-poster {
height: 568px !important; }
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin, .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin {
height: 568px !important; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time {
left: 59.997px;
left: 3.7498125rem;
width: calc(100% - 120px) !important; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time-rail, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time-rail, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time-rail, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time-rail {
left: 140px;
left: 8.75rem;
width: calc(100% - 290px) !important; }
.video.video-banner .component-content .video-video .mejs-container .mejs-overlay-play, .video.video-mini .component-content .video-video .mejs-container .mejs-overlay-play {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.video.video-banner .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button, .video.video-mini .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button {
margin: -24.003px 0px 0px -24.003px;
margin: -1.5001875rem 0rem 0rem -1.5001875rem;
display: block; }
.video.video-banner .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button::before, .video.video-mini .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button::before {
content: '';
background: transparent;
background-image: url("../../assets/img/video-play-circle.svg");
background-position: center;
background-repeat: no-repeat; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls, .video.video-mini .component-content .video-video .mejs-container .mejs-controls {
z-index: 1;
background: linear-gradient(0deg, rgba(2, 0, 36, 0.497637) 49%, transparent 86%); }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-button button, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-button button {
background-repeat: no-repeat;
background-color: transparent;
background-position: center; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-button.mejs-pause button, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-button.mejs-pause button {
background-size: 59.997px;
background-size: 3.7498125rem; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-button .mejs-volume-slider, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-button .mejs-volume-slider {
border-radius: 6px; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-button .mejs-volume-slider .mejs-volume-total, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-button .mejs-volume-slider .mejs-volume-total {
left: 10.003px;
left: 0.6251875rem;
width: 5px;
border-radius: 3px; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-button .mejs-volume-slider .mejs-volume-current, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-button .mejs-volume-slider .mejs-volume-current {
left: 10.003px;
left: 0.6251875rem;
width: 5px;
border-radius: 3px; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time {
width: calc(100% - 210px) !important;
bottom: 31.003px;
bottom: 1.9376875rem;
left: 135.002px;
left: 8.437625rem;
top: unset;
position: absolute;
z-index: 0; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time .mejs-currenttime, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time .mejs-currenttime, .video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time .mejs-duration, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time .mejs-duration {
color: #fff; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail {
width: calc(100% - 360px) !important;
bottom: 22.001px;
bottom: 1.3750625rem;
left: 199.997px;
left: 12.4998125rem;
position: absolute;
z-index: 1; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider {
width: 100% !important;
background-color: transparent; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
background: #fff; }
.video.video-banner .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background-color: #fff; }
@media only screen and (max-width: 767px) {
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen), .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) {
height: 400px !important; }
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin, .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin {
height: 100% !important; }
.video.video-banner .component-content .video-video .mejs-container .mejs-poster, .video.video-mini .component-content .video-video .mejs-container .mejs-poster {
max-height: 100%; } }
@media only screen and (max-width: 480px) {
.video.video-banner .component-content .video-heading, .video.video-mini .component-content .video-heading {
font-size: 11.998px;
font-size: 0.749875rem;
left: 16.002px;
left: 1.000125rem;
top: 16.002px;
top: 1.000125rem;
line-height: 24.997px;
line-height: 1.5623125rem; }
.video.video-banner .component-content .video-heading::after, .video.video-mini .component-content .video-heading::after {
width: 24.003px;
width: 1.5001875rem;
height: 24.003px;
height: 1.5001875rem;
margin-right: 10.003px;
margin-right: 0.6251875rem;
background-size: 24.997px;
background-size: 1.5623125rem;
z-index: 1;
margin-top: 0; }
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen), .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) {
height: 224px !important; }
.video.video-banner .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin, .video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin {
height: 100% !important; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls {
height: 47.999px;
height: 2.9999375rem; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-button.mejs-playpause-button, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-button.mejs-playpause-button, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-button.mejs-playpause-button, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-button.mejs-playpause-button {
display: none; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time {
left: 0px;
width: calc(100% - 40px) !important;
bottom: 15.001px;
bottom: 0.9375625rem; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time span, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time span, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time span, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time span {
font-size: 10.003px;
font-size: 0.6251875rem; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time-rail, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time-rail, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time-rail, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time-rail {
bottom: 7px;
bottom: 0.4375rem;
left: 65.002px;
left: 4.062625rem;
padding-top: 10.003px;
padding-top: 0.6251875rem;
width: calc(100% - 184px) !important; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-fullscreen-button, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-fullscreen-button, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-fullscreen-button, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-fullscreen-button {
bottom: -5px;
top: unset; }
.video.video-banner .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-fullscreen-button button, .video.video-banner .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-fullscreen-button button, .video.video-banner .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-fullscreen-button button, .video.video-banner .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-fullscreen-button button {
background-size: 11.998px;
background-size: 0.749875rem; }
.video.video-banner .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button, .video.video-mini .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button {
width: 47.999px;
width: 2.9999375rem;
height: 47.999px;
height: 2.9999375rem; } }
.video.video-mini {
margin-bottom: 0; }
.video.video-mini .component-content .video-heading {
left: 17.997px;
left: 1.1248125rem;
top: 31.997px;
top: 1.9998125rem;
line-height: 52.003px;
line-height: 3.2501875rem; }
.video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) {
height: 371px !important; }
.video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) .mejs-poster {
height: 371px !important; }
.video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin {
height: 371px !important; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time {
left: 46px;
width: calc(100% - 100px) !important; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time-rail {
width: calc(100% - 260px) !important;
left: 120px; }
.video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-playpause-button {
left: 11.998px;
left: 0.749875rem; }
.video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-volume-button {
left: 50.001px;
left: 3.1250625rem; }
.video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time {
left: 86.002px;
left: 5.375125rem;
width: calc(100% - 140px) !important; }
.video.video-mini .component-content .video-video .mejs-container .mejs-controls .mejs-time-rail {
left: 159.999px;
left: 9.9999375rem;
width: calc(100% - 300px) !important; }
@media only screen and (max-width: 480px) {
.video.video-mini .component-content .video-heading {
font-size: 11.998px;
font-size: 0.749875rem;
left: 16.002px;
left: 1.000125rem;
top: 16.002px;
top: 1.000125rem;
line-height: 24.997px;
line-height: 1.5623125rem; }
.video.video-mini .component-content .video-heading::after {
width: 24.003px;
width: 1.5001875rem;
height: 24.003px;
height: 1.5001875rem;
margin-right: 10.003px;
margin-right: 0.6251875rem;
background-size: 24.997px;
background-size: 1.5623125rem;
z-index: 1;
margin-top: 0; }
.video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) {
height: 224px !important; }
.video.video-mini .component-content .video-video .mejs-container:not(.mejs-container-fullscreen) iframe.me-plugin {
height: 100% !important; }
.video.video-mini .component-content .video-video .mejs-container .mejs-controls {
height: 80.003px;
height: 5.0001875rem; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls {
height: 47.999px;
height: 2.9999375rem; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-button.mejs-playpause-button, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-button.mejs-playpause-button {
display: none; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time {
left: 0px;
width: calc(100% - 40px) !important;
bottom: 15.001px;
bottom: 0.9375625rem; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time span, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time span {
font-size: 10px; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-time-rail, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-time-rail {
bottom: 7px;
bottom: 0.4375rem;
left: 65.002px;
left: 4.062625rem;
padding-top: 10.003px;
padding-top: 0.6251875rem;
width: calc(100% - 184px) !important; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-fullscreen-button, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-fullscreen-button {
bottom: -5px;
top: unset; }
.video.video-mini .component-content .video-video .mejs-container.mejs-android .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-ios .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-ipad .mejs-controls .mejs-fullscreen-button button, .video.video-mini .component-content .video-video .mejs-container.mejs-iphone .mejs-controls .mejs-fullscreen-button button {
background-size: 11.998px;
background-size: 0.749875rem; }
.video.video-mini .component-content .video-video .mejs-container .mejs-overlay-play .mejs-overlay-button {
width: 47.999px;
width: 2.9999375rem;
height: 47.999px;
height: 2.9999375rem; } }
@charset "UTF-8";
.videoGallery-heading {
display: block;
color: #323131;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px; }
.videoGallery-video {
border: 2px solid #323131; }
.videoGallery-video object,
.videoGallery-video embed {
width: 100% !important; }
.videoGallery-thumbnails {
position: relative;
margin-top: 18px; }
.videoGallery-list {
overflow: hidden;
margin: 0 50px;
position: relative; }
.videoGallery-arrow,
.videoGallery-arrow.is-disabled:hover {
position: absolute;
top: 0;
cursor: pointer;
width: 35px;
height: 60px;
background-position: 50%;
background-repeat: no-repeat;
font: 0/0 serif; }
.videoGallery-arrow::before,
.videoGallery-arrow.is-disabled:hover::before {
position: absolute;
top: 50%;
color: #aaa; }
.videoGallery-arrow:hover::before {
color: #888; }
.videoGallery-description {
margin: 15px 0; }
.videoGallery-arrow.is-disabled {
opacity: 0.5; }
.videoGallery-arrow-left,
.videoGallery-arrow-left.is-disabled:hover {
left: 0; }
.videoGallery-arrow-left::before,
.videoGallery-arrow-left.is-disabled:hover::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; }
.videoGallery-arrow-right,
.videoGallery-arrow-right.is-disabled:hover {
right: 0;
text-align: right; }
.videoGallery-arrow-right::before,
.videoGallery-arrow-right.is-disabled:hover::before {
content: "ï”";
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; }
.videoGallery-list-inner {
overflow: hidden;
display: block;
position: relative;
top: 0;
left: 0;
padding: 0;
margin: 0;
list-style: none; }
.videoGallery-thumbnail {
float: left;
overflow: hidden;
padding: 0;
margin: 0 9px;
cursor: pointer;
text-align: center;
position: relative;
display: inline;
max-width: 100px; }
.videoGallery-thumbnail-title {
display: block;
margin: 10px auto 0 auto;
font-size: 11px;
width: 71px; }
.videoGallery .thumbnails-list li:hover .image,
.videoGallery .thumbnails-list li.active .image {
border: solid 4px #323131;
margin: 0; }
.videoGallery-thumbnail-image {
margin: 2px;
border: solid 2px #323131;
position: relative; }
.videoGallery-thumbnail-overlay {
opacity: 0.7;
height: 28px;
left: 50%;
margin: -14px 0 0 -15px;
position: absolute;
top: 50%;
width: 30px; }
.videoGallery-thumbnail-overlay::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;
box-sizing: border-box;
border-radius: 50%;
display: inline-block;
font-size: 15px;
width: 100%;
height: 100%;
border: 3px solid #3e3e3e;
text-indent: 5px;
background: #fff;
text-align: center;
line-height: 24px; }
.videoGallery-thumbnail.is-active .videoGallery-thumbnail-overlay {
opacity: 0;
transition: opacity .5s; }
.videoGallery-thumbnail-image img {
display: block;
margin: 0 auto; }
.mod-js .videoGallery-nojs {
display: none; }
.listing-item:first-of-type {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_1:nth-of-type(12n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_2:nth-of-type(6n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_3:nth-of-type(4n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_4:nth-of-type(3n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_5:nth-of-type(2.4n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_6:nth-of-type(2n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_7:nth-of-type(1.71429n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_8:nth-of-type(1.5n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_9:nth-of-type(1.33333n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_10:nth-of-type(1.2n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_11:nth-of-type(1.09091n + 1) {
margin-left: 0; }
.grid_12 .listing .listing-item.grid_12:nth-of-type(1n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_1:nth-of-type(16n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_2:nth-of-type(8n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_3:nth-of-type(5.33333n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_4:nth-of-type(4n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_5:nth-of-type(3.2n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_6:nth-of-type(2.66667n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_7:nth-of-type(2.28571n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_8:nth-of-type(2n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_9:nth-of-type(1.77778n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_10:nth-of-type(1.6n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_11:nth-of-type(1.45455n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_12:nth-of-type(1.33333n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_13:nth-of-type(1.23077n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_14:nth-of-type(1.14286n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_15:nth-of-type(1.06667n + 1) {
margin-left: 0; }
.grid_16 .listing .listing-item.grid_16:nth-of-type(1n + 1) {
margin-left: 0; }
@charset "UTF-8";
.reference-snippet-footer .content-wrapper,
.footer-snippet .content-wrapper {
overflow: hidden !important; }
.reference-snippet-footer .box-footer-content > .component-content > .content,
.footer-snippet .box-footer-content > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.reference-snippet-footer::after,
.footer-snippet::after {
content: "";
width: 100vw;
height: 1.2vw;
background: url(../../assets/img/footer-color-bar.svg);
background-size: cover;
display: block; }
@media only screen and (max-width: 767px) {
.reference-snippet-footer .box-footer-content > .component-content > .content,
.footer-snippet .box-footer-content > .component-content > .content {
display: block; } }
@media only screen and (max-width: 480px) {
.reference-snippet-footer::after,
.footer-snippet::after {
height: 2vw; } }
.snippet-footer-redesign {
border-top: 1px solid #e3e2e2;
overflow: hidden; }
.snippet-footer-redesign .box-footer-app-download > .component-content > .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.snippet-footer-redesign .box-footer-app-download .richText {
width: 64%; }
.snippet-footer-redesign .box-footer-app-download .richText p {
font-size: 39.998px;
font-size: 2.499875rem;
line-height: 47.999px;
line-height: 2.9999375rem;
font-family: "SourceSansPro-SemiBold", sans-serif;
margin-bottom: 0; }
.snippet-footer-redesign .box-footer-app-download .image {
margin-right: 16.002px;
margin-right: 1.000125rem;
margin-top: 42px;
margin-top: 2.625rem;
width: 131.999px;
width: 8.2499375rem;
height: 38.003px;
height: 2.3751875rem;
border-radius: 5.999px;
border-radius: 0.3749375rem;
display: inline-block;
cursor: pointer;
background-color: #000;
border: 1px solid #979797;
overflow: hidden; }
.snippet-footer-redesign .box-footer-redesign {
margin-top: 47.999px;
margin-top: 2.9999375rem; }
.snippet-footer-redesign .box-footer-redesign .box {
padding-right: 8.001px;
padding-right: 0.5000625rem; }
.snippet-footer-redesign .box-footer-redesign .box .box-heading {
margin: 16.002px 0px 0px;
margin: 1.000125rem 0rem 0rem;
font-size: 17.997px;
font-size: 1.1248125rem;
font-family: "SourceSansPro-SemiBold", sans-serif;
color: #2D2323; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered {
margin: 0;
width: auto;
display: block; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered .box-heading {
margin: 16.002px 0px 16.002px;
margin: 1.000125rem 0rem 1.000125rem; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered .image {
height: 31.997px;
height: 1.9998125rem;
margin: 0px 16.002px 16.002px 0px;
margin: 0rem 1.000125rem 1.000125rem 0rem;
padding: 0; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered .image img, .snippet-footer-redesign .box-footer-redesign .box.box-icons-centered .image svg {
height: 31.997px;
height: 1.9998125rem; }
.snippet-footer-redesign .box-footer-redesign .richText p, .snippet-footer-redesign .box-footer-redesign .richText p a, .snippet-footer-redesign .box-footer-redesign .richText ul, .snippet-footer-redesign .box-footer-redesign .richText li {
font-size: 16.002px;
font-size: 1.000125rem;
margin: 10.003px 0px;
margin: 0.6251875rem 0rem;
color: #524A4A; }
.snippet-footer-redesign .box-footer-copyright .richText p {
color: #999;
font-family: "SourceSansPro-Light", sans-serif;
margin: 0; }
.snippet-footer-redesign .box-footer-copyright .richText p:first-of-type {
margin-top: 64.001px;
margin-top: 4.0000625rem; }
.snippet-footer-redesign .box-footer-copyright .richText p:last-of-type {
margin-bottom: 64.001px;
margin-bottom: 4.0000625rem; }
.snippet-footer-redesign .box-footer-copyright .richText p a {
color: #FA551E; }
.snippet-footer-redesign .box-footer-copyright .richText p .copyright-symbol {
width: 19.999px;
width: 1.2499375rem;
color: transparent;
background: url("../../assets/img/copyright.svg") no-repeat;
background-size: 16.002px;
background-size: 1.000125rem;
display: inline-block;
background-position: center; }
.snippet-footer-redesign::after {
height: 8.001px;
height: 0.5000625rem;
content: "";
width: 100vw;
background: url(../../assets/img/footer-color-bar.svg);
background-size: cover;
display: block; }
@media only screen and (max-width: 992px) {
.snippet-footer-redesign .box-footer-redesign {
margin-top: 31.997px;
margin-top: 1.9998125rem; }
.snippet-footer-redesign .box-footer-redesign .box .box-heading {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered {
width: 65%;
position: static; }
.snippet-footer-redesign .box-footer-app-download > .component-content > .content {
display: inline-block; }
.snippet-footer-redesign .box-footer-app-download .richText {
width: 100%; }
.snippet-footer-redesign .box-footer-app-download .richText p {
font-size: 31.997px;
font-size: 1.9998125rem;
line-height: 39.998px;
line-height: 2.499875rem; }
.snippet-footer-redesign .box-footer-app-download .image {
margin-top: 17.997px;
margin-top: 1.1248125rem; }
.snippet-footer-redesign .box-footer-copyright .richText p:first-of-type {
margin-top: 56px;
margin-top: 3.5rem; }
.snippet-footer-redesign .box-footer-copyright .richText p:last-of-type {
margin-bottom: 56px;
margin-bottom: 3.5rem; } }
@media only screen and (max-width: 767px) {
.snippet-footer-redesign .box-footer-redesign {
width: 100%;
margin: 0; }
.snippet-footer-redesign .box-footer-redesign .box::after {
height: 1px;
width: 100vw;
left: 0;
position: absolute;
content: '';
display: block;
background: #e3e2e2; }
.snippet-footer-redesign .box-footer-redesign .box > .component-content > .content {
max-height: 0;
transition: max-height 250ms;
overflow: hidden; }
.snippet-footer-redesign .box-footer-redesign .box > .component-content > .content .richText.default-style {
padding-left: 0; }
.snippet-footer-redesign .box-footer-redesign .box .box-heading {
margin: 16.002px 0px 16.002px;
margin: 1.000125rem 0rem 1.000125rem;
position: relative; }
.snippet-footer-redesign .box-footer-redesign .box .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;
transition: -webkit-transform 250ms linear;
transition: transform 250ms linear;
transition: transform 250ms linear, -webkit-transform 250ms linear;
position: absolute;
right: 0;
font-size: 25px;
margin-top: -4px; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered {
width: 100%; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered > .component-content > .content {
max-height: none; }
.snippet-footer-redesign .box-footer-redesign .box.box-icons-centered .box-heading::after {
display: none; }
.snippet-footer-redesign .box-footer-redesign .box.is-active .box-heading::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.snippet-footer-redesign .box-footer-app-download > .component-content > .content {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
display: inline-block;
width: 100%; }
.snippet-footer-redesign .box-footer-app-download::after {
content: '';
display: block;
width: 100vw;
height: 1px;
background-color: #e3e2e2;
position: absolute;
left: 0; }
.snippet-footer-redesign .box-footer-app-download .richText {
width: 100%;
padding: 0; }
.snippet-footer-redesign .box-footer-app-download .richText p {
font-size: 24.003px;
font-size: 1.5001875rem;
line-height: 31.997px;
line-height: 1.9998125rem; }
.snippet-footer-redesign .box-footer-app-download .image {
margin-top: 16.002px;
margin-top: 1.000125rem;
width: 100%;
display: block; }
.snippet-footer-redesign .box-footer-app-download .image img {
max-height: 38.003px;
max-height: 2.3751875rem;
margin: auto; }
.snippet-footer-redesign .box-footer-copyright .richText.default-style {
padding: 0; }
.snippet-footer-redesign .box-footer-copyright .richText.default-style p:first-of-type {
margin-top: 31.997px;
margin-top: 1.9998125rem; }
.snippet-footer-redesign .box-footer-copyright .richText.default-style p:last-of-type {
margin-bottom: 31.997px;
margin-bottom: 1.9998125rem; } }
.redesign-header-snippet {
height: 47.999px;
height: 2.9999375rem;
padding: 11.998px 39.998px;
padding: 0.749875rem 2.499875rem;
width: calc(100% - 80px);
background-color: #fff;
position: fixed;
top: 0;
transition: top 0.25s linear;
z-index: 11; }
.redesign-header-snippet > .inner > .component-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 1024px) {
.cookie-space.adoption-space .redesign-header-snippet {
top: 115.997px;
top: 7.2498125rem; }
.adoption-space .redesign-header-snippet {
top: 59.997px;
top: 3.7498125rem; } }
@media only screen and (max-width: 992px) {
.redesign-header-snippet {
padding: 11.998px 31.997px;
padding: 0.749875rem 1.9998125rem;
width: calc(100% - 64px); } }
@media only screen and (max-width: 767px) {
.redesign-header-snippet {
height: 39.998px;
height: 2.499875rem;
padding: 8.001px 16.002px;
padding: 0.5000625rem 1.000125rem;
width: calc(100% - 32px);
border-bottom: 1px solid #e3e2e2; }
.cookie-space.adoption-space .redesign-header-snippet {
top: 109.998px;
top: 6.874875rem; }
.adoption-space .redesign-header-snippet {
top: 53.998px;
top: 3.374875rem; } }
.cookie-space .redesign-header-snippet {
top: 56px;
top: 3.5rem; }
body.redesigned-header > #wrapper {
padding-top: 72.002px;
padding-top: 4.500125rem;
transition: padding-top 400ms ease; }
body.redesigned-header.cookie-space > #wrapper {
padding-top: 128.002px;
padding-top: 8.000125rem; }
@media only screen and (max-width: 1024px) {
body.redesigned-header.cookie-space.adoption-space > #wrapper {
padding-top: 187.999px;
padding-top: 11.7499375rem; }
body.redesigned-header.adoption-space > #wrapper {
padding-top: 131.999px;
padding-top: 8.2499375rem; } }
@media only screen and (max-width: 767px) {
body.redesigned-header > #wrapper {
padding-top: 56px;
padding-top: 3.5rem; }
body.redesigned-header.cookie-space > #wrapper {
padding-top: 112px;
padding-top: 7rem; }
body.redesigned-header.cookie-space.adoption-space > #wrapper {
padding-top: 165.998px;
padding-top: 10.374875rem; }
body.redesigned-header.adoption-space > #wrapper {
padding-top: 109.998px;
padding-top: 6.874875rem; } }
@charset "UTF-8";
.findUsDashboard, .findCarDealerDashboard, .sme-hub {
text-align: center;
position: relative; }
.findUsDashboard form > .header, .findCarDealerDashboard form > .header, .sme-hub form > .header {
margin: 0;
padding: 0; }
.findUsDashboard form > .header h2, .findCarDealerDashboard form > .header h2, .sme-hub form > .header h2 {
font: normal 0/0 serif;
margin: 0;
padding: 0;
text-shadow: 0;
color: transparent; }
.findUsDashboard .search-main, .findCarDealerDashboard .search-main, .sme-hub .search-main {
width: 604.002px;
width: 37.750125rem;
display: block;
position: relative;
margin: 50px auto 5px;
box-sizing: border-box; }
.findUsDashboard .search-main::before, .findUsDashboard .search-main::after, .findCarDealerDashboard .search-main::before, .findCarDealerDashboard .search-main::after, .sme-hub .search-main::before, .sme-hub .search-main::after {
content: '';
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background: #dfdfdf; }
.findUsDashboard .search-main::after, .findCarDealerDashboard .search-main::after, .sme-hub .search-main::after {
background: #AF144B;
-webkit-animation: grow 1.5s 1;
animation: grow 1.5s 1; }
@-webkit-keyframes grow {
from {
width: 0;
left: 50%; }
to {
width: 100%;
left: 0; } }
@keyframes grow {
from {
width: 0;
left: 50%; }
to {
width: 100%;
left: 0; } }
.findUsDashboard .search-main .place-input, .findCarDealerDashboard .search-main .place-input, .sme-hub .search-main .place-input {
font-size: 24.003px;
font-size: 1.5001875rem;
height: 39.998px;
height: 2.499875rem;
padding: 0px 59.997px 0px 0px;
padding: 0rem 3.7498125rem 0rem 0rem;
letter-spacing: -.05em;
font-weight: 100;
width: 100%;
border: 0;
box-sizing: border-box;
line-height: 1;
outline: none;
color: #2D2323;
overflow: hidden;
background: transparent; }
.findUsDashboard .search-main .search-submit, .findCarDealerDashboard .search-main .search-submit, .sme-hub .search-main .search-submit {
width: 29.001px;
width: 1.8125625rem;
height: 29.001px;
height: 1.8125625rem;
right: 8.001px;
right: 0.5000625rem;
position: absolute;
top: 18%;
padding: 0;
background: transparent url("../../assets/img/icon-search-dark.svg") no-repeat;
background-size: 30px;
border: 0;
overflow: hidden;
color: transparent; }
.findUsDashboard .search-main + div, .findCarDealerDashboard .search-main + div, .sme-hub .search-main + div {
width: 604.002px;
width: 37.750125rem;
margin-bottom: 86.002px;
margin-bottom: 5.375125rem;
margin: auto; }
.findUsDashboard .search-main + div .error-container, .findCarDealerDashboard .search-main + div .error-container, .sme-hub .search-main + div .error-container {
visibility: hidden;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
float: left; }
.findUsDashboard .search-main + div .error-container p, .findCarDealerDashboard .search-main + div .error-container p, .sme-hub .search-main + div .error-container p {
font-size: 11.998px;
font-size: 0.749875rem;
margin: 0;
color: #FF780F;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.findUsDashboard .search-main + div .error-container > span::before, .findCarDealerDashboard .search-main + div .error-container > span::before, .sme-hub .search-main + div .error-container > span::before {
width: 11.998px;
width: 0.749875rem;
height: 11.998px;
height: 0.749875rem;
margin: 5.999px 8.001px 4.998px 0px;
margin: 0.3749375rem 0.5000625rem 0.312375rem 0rem;
content: '';
background: url("../../assets/img/info-orange.svg") 50% 50% no-repeat;
display: block; }
.findUsDashboard .search-main + div .error-container > span .location-error-tooltip.show-tooltip, .findCarDealerDashboard .search-main + div .error-container > span .location-error-tooltip.show-tooltip, .sme-hub .search-main + div .error-container > span .location-error-tooltip.show-tooltip {
display: block; }
.findUsDashboard .search-main + div .error-container.show-error, .findCarDealerDashboard .search-main + div .error-container.show-error, .sme-hub .search-main + div .error-container.show-error {
visibility: visible; }
.findUsDashboard .search-main + div .error-container .location-error-tooltip, .findCarDealerDashboard .search-main + div .error-container .location-error-tooltip, .sme-hub .search-main + div .error-container .location-error-tooltip {
font-size: 16.002px;
font-size: 1.000125rem;
width: 308px;
width: 19.25rem;
padding: 16.002px;
padding: 1.000125rem;
margin-left: -39.998px;
margin-left: -2.499875rem;
margin-top: 16.002px;
margin-top: 1.000125rem;
display: none;
position: absolute;
background: #2D2323;
color: white;
border-radius: 4px;
z-index: 2;
text-align: left; }
.findUsDashboard .search-main + div .error-container .location-error-tooltip::before, .findCarDealerDashboard .search-main + div .error-container .location-error-tooltip::before, .sme-hub .search-main + div .error-container .location-error-tooltip::before {
width: 24.997px;
width: 1.5623125rem;
height: 24.997px;
height: 1.5623125rem;
left: 33.999px;
left: 2.1249375rem;
top: -10.003px;
top: -0.6251875rem;
content: '';
display: block;
border-radius: 2px;
position: absolute;
background: #2D2323;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.findUsDashboard .search-main + div > a, .findCarDealerDashboard .search-main + div > a, .sme-hub .search-main + div > a {
margin-top: 10.997px;
margin-top: 0.6873125rem;
float: right;
margin-right: 0; }
.findUsDashboard .search-main + div > a.loading, .findCarDealerDashboard .search-main + div > a.loading, .sme-hub .search-main + div > a.loading {
-webkit-animation: blinker 1s linear infinite;
animation: blinker 1s linear infinite; }
@-webkit-keyframes blinker {
50% {
color: #FF780F; }
100% {
color: #fff; } }
@keyframes blinker {
50% {
color: #FF780F; }
100% {
color: #fff; } }
@media only screen and (max-width: 1024px) {
.findUsDashboard .search-main, .findCarDealerDashboard .search-main, .sme-hub .search-main {
width: 464.002px;
width: 29.000125rem; }
.findUsDashboard .search-main + div, .findCarDealerDashboard .search-main + div, .sme-hub .search-main + div {
width: 464.002px;
width: 29.000125rem; } }
@media only screen and (max-width: 992px) {
.findUsDashboard .search-main + div .error-container p, .findCarDealerDashboard .search-main + div .error-container p, .sme-hub .search-main + div .error-container p {
width: 105px;
width: 6.5625rem;
text-align: left;
line-height: 1;
margin-top: 7px;
margin-top: 0.4375rem; } }
@media only screen and (max-width: 767px) {
.findUsDashboard .search-main, .findCarDealerDashboard .search-main, .sme-hub .search-main {
margin: 21px 0px 8.05px 0px;
margin: 1.3125rem 0rem 0.503125rem 0rem;
width: 100%;
max-width: none; }
.findUsDashboard .search-main .place-input, .findCarDealerDashboard .search-main .place-input, .sme-hub .search-main .place-input {
font-size: 16.002px;
font-size: 1.000125rem;
height: 33.999px;
height: 2.1249375rem;
letter-spacing: normal; }
.findUsDashboard .search-main .place-input::-webkit-input-placeholder, .findCarDealerDashboard .search-main .place-input::-webkit-input-placeholder, .sme-hub .search-main .place-input::-webkit-input-placeholder {
font-style: italic;
color: #b5b2b2; }
.findUsDashboard .search-main .place-input:-ms-input-placeholder, .findCarDealerDashboard .search-main .place-input:-ms-input-placeholder, .sme-hub .search-main .place-input:-ms-input-placeholder {
font-style: italic;
color: #b5b2b2; }
.findUsDashboard .search-main .place-input::placeholder, .findCarDealerDashboard .search-main .place-input::placeholder, .sme-hub .search-main .place-input::placeholder {
font-style: italic;
color: #b5b2b2; }
.findUsDashboard .search-main .search-submit, .findCarDealerDashboard .search-main .search-submit, .sme-hub .search-main .search-submit {
background-size: 24.003px;
background-size: 1.5001875rem; }
.findUsDashboard .search-main + div, .findCarDealerDashboard .search-main + div, .sme-hub .search-main + div {
margin-bottom: 17.997px;
margin-bottom: 1.1248125rem;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.findUsDashboard .search-main + div .find-location, .findCarDealerDashboard .search-main + div .find-location, .sme-hub .search-main + div .find-location {
width: 100%; }
.findUsDashboard .search-main + div .error-container, .findCarDealerDashboard .search-main + div .error-container, .sme-hub .search-main + div .error-container {
height: 0;
margin-top: 10.003px;
margin-top: 0.6251875rem; }
.findUsDashboard .search-main + div .error-container.show-error, .findCarDealerDashboard .search-main + div .error-container.show-error, .sme-hub .search-main + div .error-container.show-error {
height: auto; }
.findUsDashboard .search-main + div .error-container > span::before, .findCarDealerDashboard .search-main + div .error-container > span::before, .sme-hub .search-main + div .error-container > span::before {
margin-top: 3px; }
.findUsDashboard .search-main + div .error-container .location-error-tooltip, .findCarDealerDashboard .search-main + div .error-container .location-error-tooltip, .sme-hub .search-main + div .error-container .location-error-tooltip {
margin-top: 30.002px;
margin-top: 1.875125rem;
margin-left: 0;
max-width: calc(100% - 32px);
z-index: 2; }
.findUsDashboard .search-main + div .error-container > p, .findCarDealerDashboard .search-main + div .error-container > p, .sme-hub .search-main + div .error-container > p {
margin-top: 3px; } }
@media only screen and (max-width: 480px) {
.findUsDashboard .search-main + div .error-container p, .findCarDealerDashboard .search-main + div .error-container p, .sme-hub .search-main + div .error-container p {
width: 100%; } }
.sme-hub-results .tabs-nav {
max-height: 50.001px;
max-height: 3.1250625rem;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none; }
.sme-hub-results .tabs-nav::-webkit-scrollbar {
display: none; }
.sme-hub-results .tabs-nav-list li {
min-height: 28px;
min-height: 1.75rem; }
.sme-hub-results .tabs-nav-list li a {
height: 28px;
height: 1.75rem; }
.sme-hub-results .is-active.is-animated .accordion-content-wrapper {
max-height: none; }
.sme-hub-results .accordion-primary {
margin-top: 24.997px;
margin-top: 1.5623125rem; }
.sme-hub-results .accordion-primary .accordion-slide:nth-child(n+21) {
display: none; }
.sme-hub-results .sme-more-button a {
margin: 0; }
.sme-hub-results a.show-more-results.btn-action-green {
margin-left: 0; }
.sme-radius {
padding-bottom: 24.003px;
padding-bottom: 1.5001875rem;
width: 288.001px;
width: 18.0000625rem;
font-family: "SourceSansPro-Regular", sans-serif;
position: relative;
color: #787272;
font-style: italic; }
.sme-radius select {
padding-left: 35px;
padding-left: 2.1875rem;
width: 288.001px;
width: 18.0000625rem;
-webkit-appearance: none;
appearance: none;
color: #787272;
font-style: italic;
text-align: left;
float: left;
z-index: 1;
position: relative;
background: transparent; }
.sme-radius::after {
width: 24.003px;
width: 1.5001875rem;
height: 24.003px;
height: 1.5001875rem;
top: 10.003px;
top: 0.6251875rem;
left: 10.003px;
left: 0.6251875rem;
content: '';
background: transparent url("../../assets/img/icon-search-dark.svg") no-repeat;
background-size: 19.999px;
background-size: 1.2499375rem;
display: block;
position: absolute; }
.sme-radius::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;
height: 19.999px;
height: 1.2499375rem;
width: 19.999px;
width: 1.2499375rem;
font-size: 26.999px;
font-size: 1.6874375rem;
right: 8.001px;
right: 0.5000625rem;
display: block;
position: absolute;
color: #2D2323; }
@media only screen and (max-width: 1024px) {
.sme-radius {
margin-bottom: 28px;
margin-bottom: 1.75rem; } }
@media only screen and (max-width: 767px) {
.sme-radius {
width: 100%; }
.sme-radius .sme-radius-selection {
padding-left: 33.999px;
padding-left: 2.1249375rem;
width: 100%; } }
.sme-radius-selection {
height: 39.998px;
height: 2.499875rem;
width: 240.002px;
width: 15.000125rem;
border-width: 1px;
border-style: solid;
border-color: #cac7c7;
border-radius: 5px;
text-align: center;
font-family: "SourceSansPro-Regular", sans-serif; }
.sme-warning-message {
background-color: #fff;
font-family: "SourceSansPro-Regular", sans-serif;
border-width: 1px;
border-style: solid;
border-color: #cac7c7;
padding: 1em;
border-radius: 5px;
font-weight: 600;
font-style: normal;
font-weight: 600;
font-size: 17.997px;
font-size: 1.1248125rem;
line-height: 24.003px;
line-height: 1.5001875rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #2D2323; }
.sme-warning-icon {
padding-right: 7px;
padding-right: 0.4375rem; }
.findUsDashboard .search-main + div,
.findCarDealerDashboard .search-main + div,
.sme-hub .search-main + div {
margin-bottom: 86.002px;
margin-bottom: 5.375125rem; }
.pageMetaTags .meta-data {
border-bottom: 1px solid #f5f5f5; }
.pageMetaTags .meta-data.desktop-hidden, .pageMetaTags .meta-data.tablet-shown {
border: 0; }
@media only screen and (max-width: 992px) {
.pageMetaTags .meta-data.desktop-hidden, .pageMetaTags .meta-data.tablet-shown {
display: block !important; } }
.pageMetaTags .meta-data.desktop-hidden p, .pageMetaTags .meta-data.tablet-shown p {
font-size: 10.5px;
font-size: 0.65625rem;
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500;
text-transform: uppercase; }
.pageMetaTags .meta-data.desktop-hidden p:first-child, .pageMetaTags .meta-data.tablet-shown p:first-child {
padding: 24.5px 0px 7px;
padding: 1.53125rem 0rem 0.4375rem; }
.pageMetaTags .meta-data.desktop-hidden p:last-child, .pageMetaTags .meta-data.tablet-shown p:last-child {
padding-bottom: 21px;
padding-bottom: 1.3125rem; }
.pageMetaTags .meta-data.desktop-hidden p .grey-text, .pageMetaTags .meta-data.tablet-shown p .grey-text {
letter-spacing: 0;
text-transform: none;
font-weight: 100; }
@media only screen and (max-width: 992px) {
.pageMetaTags .meta-data.mobile-hidden {
display: none !important; } }
.pageMetaTags .meta-data p {
font-size: 12.6px;
font-size: 0.7875rem;
line-height: 1;
margin: 0; }
@media only screen and (max-width: 480px) {
.pageMetaTags .meta-data p {
font-size: 11.2px;
font-size: 0.7rem; } }
.pageMetaTags .meta-data p .grey-text {
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0;
color: #f5f5f5; }
.pageMetaTags .meta-data p:first-child {
padding: 23.8px 0px 12.6px;
padding: 1.4875rem 0rem 0.7875rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 18.2px;
line-height: 1.1375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500;
text-transform: uppercase; }
.pageMetaTags .meta-data p:last-child {
padding-bottom: 23.8px;
padding-bottom: 1.4875rem; }
.pageMetaTags .meta-data.first {
border: 0;
padding-top: 0; }
@media only screen and (max-width: 480px) {
.pageMetaTags .meta-data.first {
padding-top: 24.5px;
padding-top: 1.53125rem;
border-top: 1px solid #f5f5f5; } }
.pageMetaTags .meta-data.first p {
padding-bottom: 11.2px;
padding-bottom: 0.7rem;
padding-top: 0; }
.pageMetaTags .tags {
overflow: hidden; }
@media only screen and (max-width: 480px) {
.pageMetaTags .tags {
margin-bottom: 70px;
margin-bottom: 4.375rem;
border-bottom: 1px solid #dfdfdf; } }
.pageMetaTags .tags p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
margin: 0; }
.pageMetaTags .tags p:first-child {
padding: 23.8px 0px 14px;
padding: 1.4875rem 0rem 0.875rem;
line-height: 11.9px;
line-height: 0.74375rem;
letter-spacing: 0.21px;
letter-spacing: 0.013125rem;
font-weight: 500; }
@media only screen and (max-width: 480px) {
.pageMetaTags .tags p:first-child {
padding-top: 0; } }
.pageMetaTags .tags ul {
margin: 0;
padding: 0;
list-style: none; }
.pageMetaTags .tags ul li {
padding: 7px;
padding: 0.4375rem;
margin-bottom: 11.2px;
margin-bottom: 0.7rem;
font-size: 14px;
font-size: 0.875rem;
border: 1px solid #2D2323;
border-radius: 10px;
float: left;
clear: both;
color: #2D2323;
word-break: break-all; }
@media only screen and (max-width: 992px) {
.pageMetaTags .tags ul li {
margin-right: 11.2px;
margin-right: 0.7rem;
float: left;
clear: none; } }
@charset "UTF-8";
.loginBox {
padding: 25.2px 0px 46.9px;
padding: 1.575rem 0rem 2.93125rem; }
.loginBox > .component-content {
margin: 0 auto;
box-sizing: border-box;
position: relative; }
.loginBox .LoginBox-description-content::before, .loginBox .LoginBox-description-content::after {
content: "";
display: table; }
.loginBox .LoginBox-description-content::after {
clear: both; }
.loginBox .LoginBox-description-content h3,
.loginBox .LoginBox-description-content .h3 {
font-size: 39.998px;
font-size: 2.499875rem; }
.loginBox .LoginBox-actions-container .action-login {
width: 114.002px;
width: 7.125125rem; }
.loginBox .LoginBox-actions-container .action-login a {
font-size: 15.4px;
font-size: 0.9625rem;
border-radius: 4.998px;
border-radius: 0.312375rem;
height: 42px;
height: 2.625rem;
line-height: 42px;
line-height: 2.625rem;
color: #fff;
background-color: #FA551E;
display: block;
text-align: center; }
.loginBox .LoginBox-actions-container .action-login a:hover {
box-shadow: 0 2px 4px 0 #B5B2B2;
cursor: pointer;
opacity: 1; }
@media only screen and (max-width: 992px) {
.loginBox .LoginBox-actions-container {
display: block; } }
.loginBox .LoginBox-selects-container {
box-sizing: border-box;
font-size: 0; }
.loginBox .LoginBox-selects-container .LoginBox-select {
font-size: 14px;
font-size: 0.875rem;
position: relative;
text-align: left;
box-sizing: border-box;
width: 65%;
display: inline-block;
vertical-align: bottom; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label {
width: 100%;
position: relative;
display: inline-block;
box-sizing: border-box;
letter-spacing: -.5px;
color: #DDD; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label select {
font-size: 14px;
font-size: 0.875rem;
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
padding: 14px 40px 14px 10%;
visibility: hidden; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label select option {
white-space: normal;
font-size: 11.998px;
font-size: 0.749875rem; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label .js-select {
list-style: none;
margin: -1px 0 0;
padding: 0;
position: absolute;
top: 100%;
background: #fff;
left: 0;
right: 0;
z-index: 5;
max-height: 0;
transition: opacity 0.2s, max-height 0s linear 0.2s, -webkit-transform 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.2s, max-height 0s linear 0.2s;
transition: transform 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.2s, max-height 0s linear 0.2s, -webkit-transform 0.15s cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
opacity: 0;
overflow: hidden; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label .js-select.is-active {
max-height: 299.999px;
max-height: 18.7499375rem;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
transition: opacity 0.15s, -webkit-transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.15s;
transition: transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.15s, -webkit-transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
overflow-x: hidden;
overflow-y: auto; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label .js-select li {
font-size: 14px;
font-size: 0.875rem;
padding: 10.997px 17.003px;
padding: 0.6873125rem 1.0626875rem;
color: #2D2323;
display: block;
line-height: 1;
font-weight: 400;
letter-spacing: -.04em;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .25s;
cursor: pointer; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label .selected-label {
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
padding: 14px 39.998px 14px 14px;
padding: 0.875rem 2.499875rem 0.875rem 0.875rem;
font-weight: 400;
color: #2D2323;
transition: color .75ms;
display: block;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer; }
.loginBox .LoginBox-selects-container .LoginBox-select .LoginBox-label .selected-label::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: 22.4px;
font-size: 1.4rem;
right: 11.998px;
right: 0.749875rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
float: none;
position: absolute;
top: 50%;
color: #2D2323; }
@media only screen and (max-width: 1024px) {
.loginBox .LoginBox-description-content h3,
.loginBox .LoginBox-description-content .h3 {
font-size: 24.003px;
font-size: 1.5001875rem; } }
@media only screen and (max-width: 767px) {
.loginBox .LoginBox-description-content h3,
.loginBox .LoginBox-description-content .h3 {
font-size: 17.997px;
font-size: 1.1248125rem; } }
.loginBox-with-separator .loginBox > .component-content {
padding-left: calc((100vw - 1240px) / 2);
padding-right: calc((100vw - 1240px) / 2); }
.loginBox-with-separator .LoginBox-description-content {
margin-bottom: 10.003px;
margin-bottom: 0.6251875rem; }
.loginBox-with-separator .LoginBox-actions-container {
margin-left: 11.998px;
margin-left: 0.749875rem;
display: inline-block; }
.loginBox-with-separator .LoginBox-selects-container {
display: inline; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select {
border-radius: 4.998px;
border-radius: 0.312375rem;
border: 1px solid #b5b2b2; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select.open-select {
border-color: #AA052D;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select.open-select .js-select {
margin-left: -1px;
width: calc(100% + 2px);
box-shadow: 0px 4px 8px 0px rgba(46, 49, 53, 0.35);
border-bottom-left-radius: 4.998px;
border-bottom-left-radius: 0.312375rem;
border-bottom-right-radius: 4.998px;
border-bottom-right-radius: 0.312375rem; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select.open-select .js-select li:first-child {
border-top: 1px solid #AA052D;
border-top-width: 3px; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select .LoginBox-label .selected-label {
padding: 12px 16px;
padding: 11.998px 16.002px;
padding: 0.749875rem 1.000125rem; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select:first-child {
width: 120.001px;
width: 7.5000625rem;
margin-right: 24.003px;
margin-right: 1.5001875rem; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select:last-child {
width: 332.997px;
width: 20.8123125rem; }
.loginBox-with-separator .LoginBox-links-container {
width: 316.001px;
width: 19.7500625rem;
margin-top: -50.001px;
margin-top: -3.1250625rem;
float: right;
line-height: 2; }
.loginBox-with-separator .LoginBox-links-container .links-heading {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.loginBox-with-separator .LoginBox-links-container .links-item {
font-size: 14px;
font-size: 0.875rem; }
.loginBox-with-separator .LoginBox-links-container .links-item a {
color: #524A4A; }
@media only screen and (max-width: 1280px) {
.loginBox-with-separator .loginBox > .component-content {
width: 85.88%;
margin-left: 7.06%; }
.loginBox-with-separator .loginBox > .component-content.alpha {
margin-left: 7.06% !important; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select:last-child {
width: 260.001px;
width: 16.2500625rem; } }
@media only screen and (max-width: 1024px) {
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select:last-child {
width: 332.997px;
width: 20.8123125rem; }
.loginBox-with-separator .LoginBox-links-container {
margin-top: 19.999px;
margin-top: 1.2499375rem;
width: 100%;
float: left; }
.loginBox-with-separator .LoginBox-links-container .links-heading {
font-family: "SourceSansPro-SemiBold", sans-serif; }
.loginBox-with-separator .LoginBox-links-container .links-item {
font-size: 14px;
font-size: 0.875rem; } }
@media only screen and (max-width: 767px) {
.loginBox-with-separator .LoginBox-description-content {
margin-bottom: 0; }
.loginBox-with-separator .LoginBox-selects-container {
display: block;
width: 100%; }
.loginBox-with-separator .LoginBox-selects-container .LoginBox-select, .loginBox-with-separator .LoginBox-selects-container .LoginBox-select:first-child, .loginBox-with-separator .LoginBox-selects-container .LoginBox-select:last-child {
margin-bottom: 16.002px;
margin-bottom: 1.000125rem;
width: 100%;
margin-right: 0; }
.loginBox-with-separator .LoginBox-actions-container {
display: block;
margin: 0;
width: 100%; }
.loginBox-with-separator .LoginBox-actions-container .action-login {
width: 100%; } }
@charset "UTF-8";
.pagination {
text-align: center; }
.pagination > .component-content {
padding: 17.5px 0px;
padding: 1.09375rem 0rem; }
.pagination .pagination-desktop {
display: none; }
@media only screen and (min-width: 992px) {
.pagination .pagination-desktop {
display: block; } }
.pagination .pagination-mobile {
display: block;
height: 16px; }
@media only screen and (min-width: 992px) {
.pagination .pagination-mobile {
display: none; } }
.pagination .component-pagination-list {
font-size: 0;
margin: 0;
padding: 0; }
@media only screen and (max-width: 480px) {
.pagination .component-pagination-list {
text-align: justify;
margin-bottom: -1em;
padding: 0 6%; }
.pagination .component-pagination-list::after {
content: "";
display: inline-block;
height: 0;
line-height: 0;
width: 100%;
visibility: hidden; }
.pagination .component-pagination-list > li {
display: inline-block;
vertical-align: baseline; } }
.pagination .component-pagination-list .pagination-item {
padding: 0px 10.5px;
padding: 0rem 0.65625rem;
display: inline-block;
vertical-align: baseline; }
@media only screen and (max-width: 480px) {
.pagination .component-pagination-list .pagination-item {
padding: 0; } }
@media only screen and (max-width: 992px) {
.pagination .component-pagination-list .pagination-item.pagination-mobile, .pagination .component-pagination-list .pagination-item.pagination-mobile, .pagination .component-pagination-list .pagination-item.pagination-current, .pagination .component-pagination-list .pagination-item.pagination-first, .pagination .component-pagination-list .pagination-item.pagination-last {
display: inline-block; } }
.pagination .component-pagination-list .pagination-item.pagination-current a {
font-family: "SourceSansPro-SemiBold", sans-serif;
color: #AF144B; }
.pagination .component-pagination-list .pagination-item.item-first a, .pagination .component-pagination-list .pagination-item.item-previous a, .pagination .component-pagination-list .pagination-item.item-next a, .pagination .component-pagination-list .pagination-item.item-last a {
font-weight: 300; }
.pagination .component-pagination-list .pagination-item.item-previous-mobile, .pagination .component-pagination-list .pagination-item.item-next-mobile {
display: inline-block; }
@media only screen and (min-width: 992px) {
.pagination .component-pagination-list .pagination-item.item-previous-mobile, .pagination .component-pagination-list .pagination-item.item-next-mobile {
display: none; } }
.pagination .component-pagination-list .pagination-item.item-previous-mobile a, .pagination .component-pagination-list .pagination-item.item-next-mobile a {
font-weight: 300; }
.pagination .component-pagination-list .pagination-item.item-first {
padding-left: 0; }
@media only screen and (max-width: 992px) {
.pagination .component-pagination-list .pagination-item.item-first {
display: none; } }
.pagination .component-pagination-list .pagination-item.item-first 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;
width: 21px;
width: 1.3125rem;
text-align: left;
font-size: 22px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px); }
.pagination .component-pagination-list .pagination-item.item-previous, .pagination .component-pagination-list .pagination-item.item-previous-mobile {
padding-left: 0; }
.pagination .component-pagination-list .pagination-item.item-previous a, .pagination .component-pagination-list .pagination-item.item-previous-mobile a {
padding: 0; }
.pagination .component-pagination-list .pagination-item.item-previous a::before, .pagination .component-pagination-list .pagination-item.item-previous-mobile 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;
width: 17.5px;
width: 1.09375rem;
text-align: left;
font-size: 22px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px); }
@media only screen and (max-width: 480px) {
.pagination .component-pagination-list .pagination-item.item-previous a::before, .pagination .component-pagination-list .pagination-item.item-previous-mobile a::before {
width: 14px;
width: 0.875rem; } }
.pagination .component-pagination-list .pagination-item.item-last {
padding-right: 0; }
@media only screen and (max-width: 992px) {
.pagination .component-pagination-list .pagination-item.item-last {
display: none; } }
.pagination .component-pagination-list .pagination-item.item-last 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: 21px;
width: 1.3125rem;
font-size: 22px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
text-align: right; }
.pagination .component-pagination-list .pagination-item.item-next, .pagination .component-pagination-list .pagination-item.item-next-mobile {
padding-right: 0; }
.pagination .component-pagination-list .pagination-item.item-next a, .pagination .component-pagination-list .pagination-item.item-next-mobile a {
padding: 0; }
.pagination .component-pagination-list .pagination-item.item-next a::after, .pagination .component-pagination-list .pagination-item.item-next-mobile 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: 17.5px;
width: 1.09375rem;
text-align: right;
font-size: 22px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px); }
@media only screen and (max-width: 480px) {
.pagination .component-pagination-list .pagination-item.item-next a::after, .pagination .component-pagination-list .pagination-item.item-next-mobile a::after {
width: 14px;
width: 0.875rem; } }
.pagination .component-pagination-list .pagination-item.pagination-first.visible-dots {
padding-right: 0; }
.pagination .component-pagination-list .pagination-item.pagination-first.visible-dots a::after {
min-width: 14px;
min-width: 0.875rem;
content: '...';
display: inline-block;
vertical-align: baseline; }
.pagination .component-pagination-list .pagination-item.pagination-first.visible-dots.pagination-mobile {
padding-right: 10.5px;
padding-right: 0.65625rem; }
@media only screen and (max-width: 992px) {
.pagination .component-pagination-list .pagination-item.pagination-first.visible-dots.pagination-mobile {
padding-right: 0; } }
@media only screen and (min-width: 992px) {
.pagination .component-pagination-list .pagination-item.pagination-first.visible-dots.pagination-mobile a::after {
display: none; } }
.pagination .component-pagination-list .pagination-item.pagination-last.visible-dots {
padding-left: 0; }
.pagination .component-pagination-list .pagination-item.pagination-last.visible-dots a::before {
min-width: 10.5px;
min-width: 0.65625rem;
content: '...';
display: inline-block;
vertical-align: baseline; }
.pagination .component-pagination-list .pagination-item.pagination-last.visible-dots.pagination-mobile {
padding-left: 10.5px;
padding-left: 0.65625rem; }
@media only screen and (max-width: 992px) {
.pagination .component-pagination-list .pagination-item.pagination-last.visible-dots.pagination-mobile {
padding-left: 0; } }
@media only screen and (min-width: 992px) {
.pagination .component-pagination-list .pagination-item.pagination-last.visible-dots.pagination-mobile a::before {
display: none; } }
.pagination .component-pagination-list .pagination-item a {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.38;
letter-spacing: -0.3px;
color: #DDD;
font-weight: normal; }
@media only screen and (max-width: 480px) {
.pagination .component-pagination-list .pagination-item a {
font-size: 14px;
font-size: 0.875rem;
padding: 0px 2.8px;
padding: 0rem 0.175rem; } }
.pagination .component-pagination-list .pagination-item a[href] {
color: #666; }
.pagination .component-pagination-list .pagination-item a[href]:hover {
opacity: .8; }
.articleSearchBox {
padding-top: 88.55px;
padding-top: 5.534375rem; }
@media only screen and (max-width: 992px) {
.articleSearchBox {
padding: 25.2px 30.1px 0px;
padding: 1.575rem 1.88125rem 0rem; } }
.articleSearchBox > .component-content {
position: relative;
width: 75%; }
@media only screen and (max-width: 1440px) {
.articleSearchBox > .component-content {
width: 100%; }
.articleSearchBox > .component-content form {
display: table;
width: 100%; } }
.articleSearchBox input[type='text'] {
font-size: 15.4px;
font-size: 0.9625rem;
padding: 7px 42px 7px 14px;
padding: 0.4375rem 2.625rem 0.4375rem 0.875rem;
box-sizing: border-box;
border: 0;
color: #2D2323;
position: relative;
border-bottom: 1px solid #eb3158;
width: 100%;
border-radius: 0; }
.articleSearchBox input[type='text']::-ms-clear {
display: none;
width: 0;
height: 0; }
@media only screen and (max-width: 1440px) {
.bb .articleSearchBox input[type='text'] {
width: auto; } }
.articleSearchBox input[type='text']::-webkit-input-placeholder {
color: #eb3158;
opacity: 1; }
.articleSearchBox input[type='text']:-moz-placeholder {
color: #eb3158;
opacity: 1; }
.articleSearchBox input[type='text']::-moz-placeholder {
color: #eb3158;
opacity: 1; }
.articleSearchBox input[type='text']:-ms-input-placeholder {
color: #eb3158;
opacity: 1; }
.articleSearchBox input[type='submit'] {
font: 0/0 serif !important;
text-shadow: none !important;
color: transparent !important;
width: 29.995px;
width: 1.8746875rem;
height: 45.003px;
height: 2.8126875rem;
right: 10.003px;
right: 0.6251875rem;
top: -4.998px;
top: -0.312375rem;
border: 0;
background: url("../../assets/img/icon-search-dark.svg") 50% 100% no-repeat;
background-size: 29.995px 43.995px;
background-size: 1.8746875rem 2.7496875rem;
display: block;
position: absolute; }
.articleSearchBox .clearSearch {
font-size: 30.8px;
font-size: 1.925rem;
background: #fff;
color: #eb3158;
display: none;
cursor: pointer;
position: absolute;
text-align: center;
line-height: .85;
top: 3px;
right: 5px;
width: 30px;
height: 30px; }
.articleSearchBox .clearSearch.active {
display: block; }
.globalSearchResultsNoResults > .component-content {
padding: 28px 70px;
padding: 1.75rem 4.375rem;
box-sizing: border-box; }
@media only screen and (max-width: 1440px) {
.globalSearchResultsNoResults > .component-content {
padding-left: 28px;
padding-left: 1.75rem;
padding-right: 28px;
padding-right: 1.75rem; } }
.globalSearchResultsNoResults h4 {
line-height: 1; }
@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; } }
@charset "UTF-8";
.dataFeeds {
margin: 19.999px 0px;
margin: 1.2499375rem 0rem;
position: relative;
overflow: hidden; }
@media only screen and (max-width: 992px) {
.dataFeeds > div {
overflow-x: scroll;
overflow-y: visible;
padding-bottom: 2px; }
.dataFeeds > div::-webkit-scrollbar {
-webkit-appearance: none;
width: 3px;
height: 2px; }
.dataFeeds > div::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } }
.dataFeeds table {
font-size: 14px;
font-size: 0.875rem;
width: 100%;
text-align: left; }
.dataFeeds table td,
.dataFeeds table th {
padding: 4.998px 19.999px;
padding: 0.312375rem 1.2499375rem;
border-right: 1px dotted #DDD;
border-top: 1px solid #DDD;
background: #eeecec;
box-sizing: border-box;
overflow: hidden;
vertical-align: top; }
@media only screen and (max-width: 992px) {
.dataFeeds table td,
.dataFeeds table th {
padding: 4.998px 10.003px;
padding: 0.312375rem 0.6251875rem; } }
.dataFeeds table td:first-child,
.dataFeeds table th:first-child {
background: #eeecec; }
.dataFeeds table td:first-child + td,
.dataFeeds table th:first-child + td {
white-space: nowrap; }
@media only screen and (max-width: 992px) {
.dataFeeds table td:first-child,
.dataFeeds table th:first-child {
border-top: 1px solid #DDD;
border-bottom: 0;
position: absolute;
height: 100%;
left: 0;
top: auto;
vertical-align: middle;
overflow: hidden; } }
.no-js .dataFeeds table td:first-child, .no-js
.dataFeeds table th:first-child {
position: static !important; }
.dataFeeds table td:last-child,
.dataFeeds table th:last-child {
border-right: 0; }
.dataFeeds table td.negative,
.dataFeeds table th.negative {
color: #9d063b; }
.dataFeeds table td.positive,
.dataFeeds table th.positive {
color: #248c35; }
.dataFeeds table tr.even td,
.dataFeeds table tr.even td:first-child,
.dataFeeds table tr.even th,
.dataFeeds table tr th:first-child {
background: #fff; }
.dataFeeds table thead tr th {
background: #fff;
font-weight: 600;
color: #2D2323;
border-top: 0 !important;
vertical-align: top !important; }
.stockbrokerShareInformation {
overflow: hidden;
position: relative; }
.stockbrokerShareInformation .dataFeeds {
padding: 50.001px 101.997px;
padding: 3.1250625rem 6.3748125rem;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
left: 0;
transition: left 300ms ease;
overflow: visible; }
.stockbrokerShareInformation .dataFeeds > .tick-group {
width: 215.999px;
width: 13.4999375rem;
height: 124.999px;
height: 7.8124375rem;
border-radius: 8.001px;
border-radius: 0.5000625rem;
margin-right: 70px;
margin-right: 4.375rem;
padding: 22.001px 17.997px;
padding: 1.3750625rem 1.1248125rem;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
position: relative;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: solid 1px #cac7c7;
cursor: pointer; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-name {
min-height: 50.001px;
min-height: 3.1250625rem;
font-size: 24.003px;
font-size: 1.5001875rem;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
font-family: "SourceSansPro-SemiBold", sans-serif;
line-height: 1;
letter-spacing: normal; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-ticker {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
line-height: 1.25;
font-family: "SourceSansPro-SemiBold", sans-serif; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-price {
padding-left: 10.003px;
padding-left: 0.6251875rem;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-price.positive::before, .stockbrokerShareInformation .dataFeeds > .tick-group .tick-price.negative::before {
height: 15.001px;
height: 0.9375625rem;
width: 15.001px;
width: 0.9375625rem;
top: 3.003px;
top: 0.1876875rem;
left: -10.003px;
left: -0.6251875rem;
content: '';
background-size: contain;
display: inline-block;
position: relative; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-price.positive {
color: #3bb719; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-price.positive::before {
background: url(../../assets/img/feeds-up.png) no-repeat; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-price.negative {
color: #f60e08; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-price.negative::before {
background: url(../../assets/img/feeds-down.png) no-repeat; }
.stockbrokerShareInformation .dataFeeds > .tick-group .get-quote-button {
bottom: 10.003px;
bottom: 0.6251875rem;
font-size: 14px;
font-size: 0.875rem;
position: absolute;
color: #fa551e;
cursor: pointer; }
.stockbrokerShareInformation .dataFeeds > .tick-group .tick-last, .stockbrokerShareInformation .dataFeeds > .tick-group .tick-bid, .stockbrokerShareInformation .dataFeeds > .tick-group .tick-offer, .stockbrokerShareInformation .dataFeeds > .tick-group .tick-close {
display: none; }
.stockbrokerShareInformation .prev-arrow, .stockbrokerShareInformation .next-arrow {
width: 64.001px;
width: 4.0000625rem;
height: 64.001px;
height: 4.0000625rem;
box-shadow: 0 0 14px 7px rgba(0, 0, 0, 0.16);
background-color: #ffffff;
float: none;
position: absolute;
top: 50%;
border-radius: 50%;
cursor: pointer; }
.stockbrokerShareInformation .prev-arrow::after, .stockbrokerShareInformation .next-arrow::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;
color: #2D2323;
position: absolute;
display: block;
top: 50%;
left: 50%; }
.stockbrokerShareInformation .prev-arrow {
left: 7px;
left: 0.4375rem;
-webkit-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
transform: rotate(90deg) translateX(-50%); }
.stockbrokerShareInformation .prev-arrow::after {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.stockbrokerShareInformation .next-arrow {
right: 7px;
right: 0.4375rem;
-webkit-transform: rotate(270deg) translateX(50%);
-ms-transform: rotate(270deg) translateX(50%);
transform: rotate(270deg) translateX(50%); }
.stockbrokerShareInformation .next-arrow::after {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media only screen and (max-width: 767px) {
.stockbrokerShareInformation .dataFeeds {
padding: 50.001px 24.997px;
padding: 3.1250625rem 1.5623125rem; }
.stockbrokerShareInformation .dataFeeds > .tick-group {
margin-right: 15.001px;
margin-right: 0.9375625rem; }
.stockbrokerShareInformation .prev-arrow, .stockbrokerShareInformation .next-arrow {
opacity: 0.6;
box-shadow: none; } }