@charset "UTF-8";
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.link-bar, .nav-expand .banner-article__title,
.banner-combo__stacked .banner-article__title, .banner-article__title, .banner-article--onethird .banner-article__title, .nav-expand .banner-case__title,
.banner-combo__stacked .banner-case__title, .banner-case__title, .banner-case--square .banner-case__title,
.banner-case--onethird .banner-case__title, .nav-expand .banner__title,
.banner-combo__stacked .banner__title, .banner--square .banner__title,
.banner--arrow .banner__title, .circle-icon--large .circle-icon__spinner, .circle-icon--small .circle-icon__spinner,
.circle-icon--hero .circle-icon__spinner, .circle-icon--card .circle-icon__spinner, .content-newblockquote__text-quote {
color: #1d1d1b;
font-weight: bold;
line-height: 1.3;
margin-bottom: 0.3em;
text-transform: uppercase;
letter-spacing: 0.03em; }
.filter-option-list__label.nav-label-bold, .tile-slider__slider--tile-container .slick-slide__text-container--tag, .tile-slider__slider .slick-track .slick-slide__text-container--tag, .tile__text-container--tag, .product-feed .product-feed__container .product-feed__big-card--tag, .inspiration-card__subtitle, .product-tile-slider__slider--tile-container .slick-slide__text-container--tag, .product-tile-slider__slider .slick-track .slick-slide__text-container--tag, .product-tile__text-container--tag, .variants-nav__title, .material-header__title, .material-inspiration__title, .job-listing__list-item--bottom-text, .job-listing__list-item--apply {
font-family: "Roboto", sans-serif;
font-weight: 400; }
.image-cluster__text-container p, .tile-row__text-container p, .tile-slider__text-container p, .content-text p, .content-text .list-standard-no-stroke > li, .filter-menu__title, .product-tile-slider__text-container p, .job-listing__list-item--location, .job-listing__bottom-section p, .reach-mee-list > ul > li, .reach-mee-list > ol > li, .filter-option-list__label, .half-half-tile__text-container > p, .half-half-tile__text-container > span, .content-blockquote__author, .content-newblockquote__author, .cta-bar h2, .tile-slider__slider--tile-container .slick-slide__text-container h3, .tile-slider__slider .slick-track .slick-slide__text-container h3, .product-tile-slider__slider--tile-container .slick-slide__text-container h3, .product-tile-slider__slider .slick-track .slick-slide__text-container h3, .tile__text-container--topics, .product-tile__text-container--topics {
font-family: "Roboto", sans-serif;
font-weight: 300; }
.banner-combo.use-ivar-light .banner__title, .half-half-tile__text-container h2, .tile-slider__text-container h2, .product-tile-slider__text-container h2 {
font-family: IvarFine;
font-weight: 300; }
.image-cluster__text-container p, .tile-row__text-container p, .tile-slider__text-container p, .content-text p, .content-text .list-standard-no-stroke > li, .filter-menu__title, .product-tile-slider__text-container p, .job-listing__list-item--location, .job-listing__bottom-section p, .reach-mee-list > ul > li, .reach-mee-list > ol > li, .filter-option-list__label {
font-size: 14px;
line-height: 18px;
margin-top: 24px; }
.image-cluster__text-container p:first-child, .tile-row__text-container p:first-child, .tile-slider__text-container p:first-child, .content-text p:first-child, .content-text .list-standard-no-stroke > li:first-child, .filter-menu__title:first-child, .product-tile-slider__text-container p:first-child, .job-listing__list-item--location:first-child, .job-listing__bottom-section p:first-child, .reach-mee-list > ul > li:first-child, .reach-mee-list > ol > li:first-child, .filter-option-list__label:first-child {
margin-top: 0; }
@media (max-width: 767px) {
.image-cluster__text-container p, .tile-row__text-container p, .tile-slider__text-container p, .content-text p, .content-text .list-standard-no-stroke > li, .filter-menu__title, .product-tile-slider__text-container p, .job-listing__list-item--location, .job-listing__bottom-section p, .reach-mee-list > ul > li, .reach-mee-list > ol > li, .filter-option-list__label {
margin-top: 16px; } }
.image-cluster__text-container p > a:not(.button-primary), .tile-row__text-container p > a:not(.button-primary), .tile-slider__text-container p > a:not(.button-primary), .content-text p > a:not(.button-primary), .content-text .list-standard-no-stroke > li > a:not(.button-primary), .filter-menu__title > a:not(.button-primary), .product-tile-slider__text-container p > a:not(.button-primary), .job-listing__list-item--location > a:not(.button-primary), .job-listing__bottom-section p > a:not(.button-primary), .reach-mee-list > ul > li > a:not(.button-primary), .reach-mee-list > ol > li > a:not(.button-primary), .filter-option-list__label > a:not(.button-primary) {
text-decoration: underline; }
.image-cluster__text-container p, .tile-row__text-container p, .tile-slider__text-container p, .content-text p, .content-text .list-standard-no-stroke > li, .filter-menu__title, .product-tile-slider__text-container p, .job-listing__list-item--location, .job-listing__bottom-section p {
font-size: 18px;
line-height: 26px; }
.design-tools-contact__title, .design-tools-contact .design-tools-contact__subtitle, .better-effect-block__nav-item a, .potentials-list__title, .product-card__download__title, .contact-list__title, .logo-collection__headline {
margin-top: 1.6em;
color: #1d1d1b;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.9px;
text-transform: uppercase; }
.tooltip__title, .contact-form .form-field__select select, .contact-inquiries__list a, .multiselect__toggle, .filter-menu__toggle, .widget-header__filter-option > a, .anchor-header__anchor-item a {
color: #1d1d1b;
display: block;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.9px; }
@media (max-width: 1349px) {
.tooltip__title, .contact-form .form-field__select select, .contact-inquiries__list a, .multiselect__toggle, .filter-menu__toggle, .widget-header__filter-option > a, .anchor-header__anchor-item a {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 1199px) {
.tooltip__title, .contact-form .form-field__select select, .contact-inquiries__list a, .multiselect__toggle, .filter-menu__toggle, .widget-header__filter-option > a, .anchor-header__anchor-item a {
font-size: 12px; } }
.tooltip__title:hover, .contact-form .form-field__select select:hover, .contact-inquiries__list a:hover, .multiselect__toggle:hover, .filter-menu__toggle:hover, .widget-header__filter-option > a:hover, .anchor-header__anchor-item a:hover, .tooltip__title:link, .contact-form .form-field__select select:link, .contact-inquiries__list a:link, .multiselect__toggle:link, .filter-menu__toggle:link, .widget-header__filter-option > a:link, .anchor-header__anchor-item a:link {
text-decoration: none; }
.filter-option-list__label.nav-label-bold {
font-size: 14px;
line-height: 16px; }
.filter-option-list__label.nav-label-bold {
font-weight: 700; }
.half-half-tile__text-container > p, .half-half-tile__text-container > span, .content-blockquote__author, .content-newblockquote__author {
font-size: 22px;
line-height: 28px; }
@media (max-width: 767px) {
.half-half-tile__text-container > p, .half-half-tile__text-container > span, .content-blockquote__author, .content-newblockquote__author {
font-size: 18px;
line-height: 1.33em; } }
.tile__text-container--link, .expandable-text a, .product-feed .product-feed__container .product-feed__big-card--link, .product-tile__text-container--link {
font-family: "Roboto", sans-serif;
font-weight: 300;
position: relative;
display: flex;
align-items: center;
width: fit-content;
color: #1d1d1b;
text-decoration: none;
margin: 0; }
.tile__text-container--link span, .expandable-text a span, .product-feed .product-feed__container .product-feed__big-card--link span, .product-tile__text-container--link span {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 19px;
color: #1d1d1b;
text-decoration: none;
margin: 0 !important; }
.tile__text-container--link svg, .expandable-text a svg, .product-feed .product-feed__container .product-feed__big-card--link svg, .product-tile__text-container--link svg {
margin-left: 16px;
fill: #1d1d1b;
width: 14px;
height: 15px;
transition: 0.2s ease-out; }
.tile__text-container--link:hover svg, .expandable-text a:hover svg, .product-feed .product-feed__container .product-feed__big-card--link:hover svg, .product-tile__text-container--link:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.tile__text-container--link:focus, .expandable-text a:focus, .product-feed .product-feed__container .product-feed__big-card--link:focus, .product-tile__text-container--link:focus {
text-decoration: underline; }
.tile__text-container--link:focus svg, .expandable-text a:focus svg, .product-feed .product-feed__container .product-feed__big-card--link:focus svg, .product-tile__text-container--link:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
@media (max-width: 767px) {
.tile__text-container--link, .expandable-text a, .product-feed .product-feed__container .product-feed__big-card--link, .product-tile__text-container--link {
font-family: "Roboto", sans-serif;
font-weight: 300;
position: relative;
display: flex;
align-items: center;
width: fit-content;
color: #1d1d1b;
text-decoration: none;
margin: 0; }
.tile__text-container--link span, .expandable-text a span, .product-feed .product-feed__container .product-feed__big-card--link span, .product-tile__text-container--link span {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 19px;
color: #1d1d1b;
text-decoration: none;
margin: 0 !important; }
.tile__text-container--link svg, .expandable-text a svg, .product-feed .product-feed__container .product-feed__big-card--link svg, .product-tile__text-container--link svg {
margin-left: 16px;
fill: #1d1d1b;
width: 14px;
height: 15px;
transition: 0.2s ease-out; }
.tile__text-container--link:hover svg, .expandable-text a:hover svg, .product-feed .product-feed__container .product-feed__big-card--link:hover svg, .product-tile__text-container--link:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.tile__text-container--link:focus, .expandable-text a:focus, .product-feed .product-feed__container .product-feed__big-card--link:focus, .product-tile__text-container--link:focus {
text-decoration: underline; }
.tile__text-container--link:focus svg, .expandable-text a:focus svg, .product-feed .product-feed__container .product-feed__big-card--link:focus svg, .product-tile__text-container--link:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.tile__text-container--link span, .expandable-text a span, .product-feed .product-feed__container .product-feed__big-card--link span, .product-tile__text-container--link span {
font-size: 14px;
line-height: 15px; }
.tile__text-container--link svg, .expandable-text a svg, .product-feed .product-feed__container .product-feed__big-card--link svg, .product-tile__text-container--link svg {
margin-left: 8px; }
.tile__text-container--link:hover svg, .expandable-text a:hover svg, .product-feed .product-feed__container .product-feed__big-card--link:hover svg, .product-tile__text-container--link:hover svg {
margin-left: 16px;
transition: 0.4s ease-in-out; }
.tile__text-container--link:focus, .expandable-text a:focus, .product-feed .product-feed__container .product-feed__big-card--link:focus, .product-tile__text-container--link:focus {
text-decoration: underline; }
.tile__text-container--link:focus svg, .expandable-text a:focus svg, .product-feed .product-feed__container .product-feed__big-card--link:focus svg, .product-tile__text-container--link:focus svg {
margin-left: 16px;
transition: 0.4s ease-in-out; } }
.expandable-intro__read-more {
font-family: "Roboto", sans-serif;
font-weight: 300;
position: relative;
display: flex;
align-items: center;
width: fit-content;
color: #1d1d1b;
text-decoration: none;
margin: 0; }
.expandable-intro__read-more span {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 19px;
color: #1d1d1b;
text-decoration: none;
margin: 0 !important; }
.expandable-intro__read-more svg {
margin-left: 16px;
fill: #1d1d1b;
width: 14px;
height: 15px;
transition: 0.2s ease-out; }
.expandable-intro__read-more:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.expandable-intro__read-more:focus {
text-decoration: underline; }
.expandable-intro__read-more:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.expandable-intro__read-more span {
font-size: 14px;
line-height: 15px; }
.expandable-intro__read-more svg {
margin-left: 8px; }
.expandable-intro__read-more:hover svg {
margin-left: 16px;
transition: 0.4s ease-in-out; }
.expandable-intro__read-more:focus {
text-decoration: underline; }
.expandable-intro__read-more:focus svg {
margin-left: 16px;
transition: 0.4s ease-in-out; }
.link-bar a, .half-half-tile__text-container--link, .tile-row__container.one-tiles .tile__text-container--link, .tile-row__container.two-tiles .tile__text-container--link {
font-family: "Roboto", sans-serif;
font-weight: 300;
position: relative;
display: flex;
align-items: center;
width: fit-content;
color: #1d1d1b;
text-decoration: none;
margin: 0; }
.link-bar a span, .half-half-tile__text-container--link span, .tile-row__container.one-tiles .tile__text-container--link span, .tile-row__container.two-tiles .tile__text-container--link span {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 19px;
color: #1d1d1b;
text-decoration: none;
margin: 0 !important; }
.link-bar a svg, .half-half-tile__text-container--link svg, .tile-row__container.one-tiles .tile__text-container--link svg, .tile-row__container.two-tiles .tile__text-container--link svg {
margin-left: 16px;
fill: #1d1d1b;
width: 14px;
height: 15px;
transition: 0.2s ease-out; }
.link-bar a:hover svg, .half-half-tile__text-container--link:hover svg, .tile-row__container.one-tiles .tile__text-container--link:hover svg, .tile-row__container.two-tiles .tile__text-container--link:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.link-bar a:focus, .half-half-tile__text-container--link:focus, .tile-row__container.one-tiles .tile__text-container--link:focus, .tile-row__container.two-tiles .tile__text-container--link:focus {
text-decoration: underline; }
.link-bar a:focus svg, .half-half-tile__text-container--link:focus svg, .tile-row__container.one-tiles .tile__text-container--link:focus svg, .tile-row__container.two-tiles .tile__text-container--link:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.link-bar a span, .half-half-tile__text-container--link span, .tile-row__container.one-tiles .tile__text-container--link span, .tile-row__container.two-tiles .tile__text-container--link span {
font-size: 22px;
line-height: 28px; }
.link-bar a svg, .half-half-tile__text-container--link svg, .tile-row__container.one-tiles .tile__text-container--link svg, .tile-row__container.two-tiles .tile__text-container--link svg {
width: 18px;
height: 20px; }
.link-bar a:hover svg, .half-half-tile__text-container--link:hover svg, .tile-row__container.one-tiles .tile__text-container--link:hover svg, .tile-row__container.two-tiles .tile__text-container--link:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.link-bar a:focus, .half-half-tile__text-container--link:focus, .tile-row__container.one-tiles .tile__text-container--link:focus, .tile-row__container.two-tiles .tile__text-container--link:focus {
text-decoration: underline; }
.link-bar a:focus svg, .half-half-tile__text-container--link:focus svg, .tile-row__container.one-tiles .tile__text-container--link:focus svg, .tile-row__container.two-tiles .tile__text-container--link:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
@media (max-width: 767px) {
.link-bar a, .half-half-tile__text-container--link, .tile-row__container.one-tiles .tile__text-container--link, .tile-row__container.two-tiles .tile__text-container--link {
font-family: "Roboto", sans-serif;
font-weight: 300;
position: relative;
display: flex;
align-items: center;
width: fit-content;
color: #1d1d1b;
text-decoration: none;
margin: 0; }
.link-bar a span, .half-half-tile__text-container--link span, .tile-row__container.one-tiles .tile__text-container--link span, .tile-row__container.two-tiles .tile__text-container--link span {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 19px;
color: #1d1d1b;
text-decoration: none;
margin: 0 !important; }
.link-bar a svg, .half-half-tile__text-container--link svg, .tile-row__container.one-tiles .tile__text-container--link svg, .tile-row__container.two-tiles .tile__text-container--link svg {
margin-left: 16px;
fill: #1d1d1b;
width: 14px;
height: 15px;
transition: 0.2s ease-out; }
.link-bar a:hover svg, .half-half-tile__text-container--link:hover svg, .tile-row__container.one-tiles .tile__text-container--link:hover svg, .tile-row__container.two-tiles .tile__text-container--link:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.link-bar a:focus, .half-half-tile__text-container--link:focus, .tile-row__container.one-tiles .tile__text-container--link:focus, .tile-row__container.two-tiles .tile__text-container--link:focus {
text-decoration: underline; }
.link-bar a:focus svg, .half-half-tile__text-container--link:focus svg, .tile-row__container.one-tiles .tile__text-container--link:focus svg, .tile-row__container.two-tiles .tile__text-container--link:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; } }
@media (max-width: 767px) {
.link-bar a, .half-half-tile__text-container--link, .tile-row__container.one-tiles .tile__text-container--link, .tile-row__container.two-tiles .tile__text-container--link {
font-family: "Roboto", sans-serif;
font-weight: 300;
position: relative;
display: flex;
align-items: center;
width: fit-content;
color: #1d1d1b;
text-decoration: none;
margin: 0; }
.link-bar a span, .half-half-tile__text-container--link span, .tile-row__container.one-tiles .tile__text-container--link span, .tile-row__container.two-tiles .tile__text-container--link span {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 19px;
color: #1d1d1b;
text-decoration: none;
margin: 0 !important; }
.link-bar a svg, .half-half-tile__text-container--link svg, .tile-row__container.one-tiles .tile__text-container--link svg, .tile-row__container.two-tiles .tile__text-container--link svg {
margin-left: 16px;
fill: #1d1d1b;
width: 14px;
height: 15px;
transition: 0.2s ease-out; }
.link-bar a:hover svg, .half-half-tile__text-container--link:hover svg, .tile-row__container.one-tiles .tile__text-container--link:hover svg, .tile-row__container.two-tiles .tile__text-container--link:hover svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.link-bar a:focus, .half-half-tile__text-container--link:focus, .tile-row__container.one-tiles .tile__text-container--link:focus, .tile-row__container.two-tiles .tile__text-container--link:focus {
text-decoration: underline; }
.link-bar a:focus svg, .half-half-tile__text-container--link:focus svg, .tile-row__container.one-tiles .tile__text-container--link:focus svg, .tile-row__container.two-tiles .tile__text-container--link:focus svg {
margin-left: 24px;
transition: 0.4s ease-in-out; } }
.tile-slider__slider--tile-container .slick-slide__text-container--tag, .tile-slider__slider .slick-track .slick-slide__text-container--tag, .tile__text-container--tag, .product-feed .product-feed__container .product-feed__big-card--tag, .inspiration-card__subtitle, .product-tile-slider__slider--tile-container .slick-slide__text-container--tag, .product-tile-slider__slider .slick-track .slick-slide__text-container--tag, .product-tile__text-container--tag {
font-size: 16px;
line-height: 20px;
text-transform: uppercase; }
@media (max-width: 767px) {
.tile-slider__slider--tile-container .slick-slide__text-container--tag, .tile-slider__slider .slick-track .slick-slide__text-container--tag, .tile__text-container--tag, .product-feed .product-feed__container .product-feed__big-card--tag, .inspiration-card__subtitle, .product-tile-slider__slider--tile-container .slick-slide__text-container--tag, .product-tile-slider__slider .slick-track .slick-slide__text-container--tag, .product-tile__text-container--tag {
font-size: 12px;
line-height: 16px; } }
.cta-bar h2, .tile-slider__slider--tile-container .slick-slide__text-container h3, .tile-slider__slider .slick-track .slick-slide__text-container h3, .product-tile-slider__slider--tile-container .slick-slide__text-container h3, .product-tile-slider__slider .slick-track .slick-slide__text-container h3 {
font-size: 26px;
line-height: 30px; }
@media (max-width: 767px) {
.cta-bar h2, .tile-slider__slider--tile-container .slick-slide__text-container h3, .tile-slider__slider .slick-track .slick-slide__text-container h3, .product-tile-slider__slider--tile-container .slick-slide__text-container h3, .product-tile-slider__slider .slick-track .slick-slide__text-container h3 {
font-size: 18px;
line-height: 22px; } }
.reach-mee-list > ul > li, .reach-mee-list > ol > li {
list-style-type: none;
padding: 0 0 0 19px;
text-indent: -19px;
margin-top: 0; }
.reach-mee-list > ul > li + li, .reach-mee-list > ol > li + li {
margin-top: 1em; }
@media (max-width: 991px) {
.reach-mee-list > ul > li, .reach-mee-list > ol > li {
font-size: 11px; } }
.reach-mee-list > ul > li:before, .reach-mee-list > ol > li:before {
display: inline-block;
width: 11px;
margin-right: 8px;
font-weight: bold;
text-align: right; }
.banner-article__image-container, .banner-case__image-container, .banner__image-container, .image-gallery-item__image, .half-half-tile__image-container, .text-on-image--text-halfhalf__image-container, .text-on-image__img-inner, .double-content__image, .thumbnail-list__item img, .tile__image-container, .product-card__link .product-card__image, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container img, .product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--image-container img, .inspiration-card__image, .material-card__image, .inspiration-widget__item-image, .product-tile__image-container {
transition: transform 0.2s ease-out; }
html.hover-active .banner-article:hover .banner-article__image-container, .banner-article:hover html.hover-active .banner-article__image-container, html.hover-active .banner-case:hover .banner-case__image-container, .banner-case:hover html.hover-active .banner-case__image-container, html.hover-active .banner:hover .banner__image-container, .banner:hover html.hover-active .banner__image-container, html.hover-active .activity-spaces__picture-feed button:hover img, .activity-spaces__picture-feed button:hover html.hover-active img, html.hover-active .image-gallery-item:hover .image-gallery-item__image, .image-gallery-item:hover html.hover-active .image-gallery-item__image, html.hover-active .half-half-tile:hover .half-half-tile__image-container, .half-half-tile:hover html.hover-active .half-half-tile__image-container, html.hover-active .text-on-image__link:hover .text-on-image__img-inner, .text-on-image__link:hover html.hover-active .text-on-image__img-inner, html.hover-active .double-content__link:hover .double-content__image, .double-content__link:hover html.hover-active .double-content__image, html.hover-active .thumbnail-list__item:hover img, .thumbnail-list__item:hover html.hover-active img, html.hover-active .tile:hover .tile__image-container, .tile:hover html.hover-active .tile__image-container, html.hover-active .product-card__link:hover .product-card__image, .product-card__link:hover html.hover-active .product-card__image, html.hover-active .product-feed .product-feed__container .product-feed__card .product-feed__card--link:hover + .product-feed__card--image-container img, .product-feed .product-feed__container .product-feed__card .product-feed__card--link:hover + .product-feed__card--image-container html.hover-active img, html.hover-active .product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--cta:hover .product-feed__big-card--image-container img, .product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--cta:hover .product-feed__big-card--image-container html.hover-active img, html.hover-active .inspiration-card:hover .inspiration-card__image, .inspiration-card:hover html.hover-active .inspiration-card__image, html.hover-active .material-card:hover .material-card__image, .material-card:hover html.hover-active .material-card__image, html.hover-active .inspiration-widget__item:hover .inspiration-widget__item-image, .inspiration-widget__item:hover html.hover-active .inspiration-widget__item-image, html.hover-active .product-tile:hover .tile__image-container, .product-tile:hover html.hover-active .tile__image-container {
transition: transform 0.4s ease-in-out;
transform: scale(1.08); }
.banner-article .icon, .banner-case .icon, .banner .icon {
transition: fill 0.2s ease-out; }
html.hover-active .banner-article:hover .banner-article__title, .banner-article:hover html.hover-active .banner-article__title,
html.hover-active .banner-article:hover .banner-article__subtitle, .banner-article:hover html.hover-active .banner-article__subtitle,
html.hover-active .banner-article:hover .banner-article__head, .banner-article:hover html.hover-active .banner-article__head,
html.hover-active .banner-article:hover .banner-article__author-meta, .banner-article:hover html.hover-active .banner-article__author-meta, html.hover-active .banner-case:hover .banner-case__title, .banner-case:hover html.hover-active .banner-case__title,
html.hover-active .banner-case:hover .banner-case__subtitle, .banner-case:hover html.hover-active .banner-case__subtitle,
html.hover-active .banner-case:hover .banner-case__head, .banner-case:hover html.hover-active .banner-case__head,
html.hover-active .banner-case:hover .banner-case__author-meta, .banner-case:hover html.hover-active .banner-case__author-meta, html.hover-active .banner:hover .banner__title, .banner:hover html.hover-active .banner__title,
html.hover-active .banner:hover .banner__subtitle, .banner:hover html.hover-active .banner__subtitle,
html.hover-active .banner:hover .banner__head, .banner:hover html.hover-active .banner__head,
html.hover-active .banner:hover .banner__author-meta, .banner:hover html.hover-active .banner__author-meta {
z-index: 2;
position: relative;
transition: color 0.4s ease-in-out;
color: #fff; }
html.hover-active .banner-article:hover .icon, .banner-article:hover html.hover-active .icon, html.hover-active .banner-case:hover .icon, .banner-case:hover html.hover-active .icon, html.hover-active .banner:hover .icon, .banner:hover html.hover-active .icon {
z-index: 2;
transition: fill 0.4s ease-in-out;
fill: #fff; }
.banner-article__action, .banner-case__action, .banner__action, .image-gallery-item__action, .thumbnail-list__item-action, .product-card__link .product-card__action, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action, .inspiration-card__action, .material-card__action, .inspiration-widget__item-action, .banner-article--theme-aquamarine .banner-article__text:before, .banner-article--theme-lemonyellow .banner-article__text:before, .banner-article--theme-mistygrey .banner-article__text:before, .banner-article--theme-graphitegrey .banner-article__text:before, .banner-article--theme-polargreen .banner-article__text:before, .banner-article--theme-springgreen .banner-article__text:before, .banner-article--theme-chilired .banner-article__text:before, .banner-article--theme-salmon .banner-article__text:before, .banner-article--theme-cinnamon .banner-article__text:before, .banner-article--theme-flamingopink .banner-article__text:before, .banner-article--theme-kingfisherblue .banner-article__text:before, .banner-article--theme-sdw20green .banner-article__text:before, .banner-article--theme-slate .banner-article__text:before, .banner-article--theme-slate100 .banner-article__text:before, .banner-article--theme-slate75 .banner-article__text:before, .banner-article--theme-slate50 .banner-article__text:before, .banner-article--theme-slate25 .banner-article__text:before, .banner-article--theme-slate7 .banner-article__text:before, .banner-article--theme-eveningsky .banner-article__text:before, .banner-article--theme-eveningsky100 .banner-article__text:before, .banner-article--theme-eveningsky75 .banner-article__text:before, .banner-article--theme-eveningsky50 .banner-article__text:before, .banner-article--theme-eveningsky25 .banner-article__text:before, .banner-article--theme-eveningsky7 .banner-article__text:before, .banner-article--theme-organicgreen .banner-article__text:before, .banner-article--theme-organicgreen100 .banner-article__text:before, .banner-article--theme-organicgreen75 .banner-article__text:before, .banner-article--theme-organicgreen50 .banner-article__text:before, .banner-article--theme-organicgreen25 .banner-article__text:before, .banner-article--theme-organicgreen7 .banner-article__text:before, .banner-article--theme-sand .banner-article__text:before, .banner-article--theme-sand100 .banner-article__text:before, .banner-article--theme-sand75 .banner-article__text:before, .banner-article--theme-sand50 .banner-article__text:before, .banner-article--theme-sand25 .banner-article__text:before, .banner-article--theme-sand7 .banner-article__text:before, .banner-article--theme-rhubarb .banner-article__text:before, .banner-article--theme-rhubarb100 .banner-article__text:before, .banner-article--theme-rhubarb75 .banner-article__text:before, .banner-article--theme-rhubarb50 .banner-article__text:before, .banner-article--theme-rhubarb25 .banner-article__text:before, .banner-article--theme-rhubarb7 .banner-article__text:before, .banner-article--theme-chantarelle .banner-article__text:before, .banner-article--theme-chantarelle100 .banner-article__text:before, .banner-article--theme-chantarelle75 .banner-article__text:before, .banner-article--theme-chantarelle50 .banner-article__text:before, .banner-article--theme-chantarelle25 .banner-article__text:before, .banner-article--theme-chantarelle7 .banner-article__text:before, .banner-article--theme-white .banner-article__text:before, .banner-article--theme-black .banner-article__text:before, .banner-article--theme-pagebackground .banner-article__text:before, .banner-article--theme-grey .banner-article__text:before, .banner-article--theme-none .banner-article__text:before, .banner-case__text:before, .banner--theme-aquamarine .banner__text:before, .banner--theme-lemonyellow .banner__text:before, .banner--theme-mistygrey .banner__text:before, .banner--theme-graphitegrey .banner__text:before, .banner--theme-polargreen .banner__text:before, .banner--theme-springgreen .banner__text:before, .banner--theme-chilired .banner__text:before, .banner--theme-salmon .banner__text:before, .banner--theme-cinnamon .banner__text:before, .banner--theme-flamingopink .banner__text:before, .banner--theme-kingfisherblue .banner__text:before, .banner--theme-sdw20green .banner__text:before, .banner--theme-slate .banner__text:before, .banner--theme-slate100 .banner__text:before, .banner--theme-slate75 .banner__text:before, .banner--theme-slate50 .banner__text:before, .banner--theme-slate25 .banner__text:before, .banner--theme-slate7 .banner__text:before, .banner--theme-eveningsky .banner__text:before, .banner--theme-eveningsky100 .banner__text:before, .banner--theme-eveningsky75 .banner__text:before, .banner--theme-eveningsky50 .banner__text:before, .banner--theme-eveningsky25 .banner__text:before, .banner--theme-eveningsky7 .banner__text:before, .banner--theme-organicgreen .banner__text:before, .banner--theme-organicgreen100 .banner__text:before, .banner--theme-organicgreen75 .banner__text:before, .banner--theme-organicgreen50 .banner__text:before, .banner--theme-organicgreen25 .banner__text:before, .banner--theme-organicgreen7 .banner__text:before, .banner--theme-sand .banner__text:before, .banner--theme-sand100 .banner__text:before, .banner--theme-sand75 .banner__text:before, .banner--theme-sand50 .banner__text:before, .banner--theme-sand25 .banner__text:before, .banner--theme-sand7 .banner__text:before, .banner--theme-rhubarb .banner__text:before, .banner--theme-rhubarb100 .banner__text:before, .banner--theme-rhubarb75 .banner__text:before, .banner--theme-rhubarb50 .banner__text:before, .banner--theme-rhubarb25 .banner__text:before, .banner--theme-rhubarb7 .banner__text:before, .banner--theme-chantarelle .banner__text:before, .banner--theme-chantarelle100 .banner__text:before, .banner--theme-chantarelle75 .banner__text:before, .banner--theme-chantarelle50 .banner__text:before, .banner--theme-chantarelle25 .banner__text:before, .banner--theme-chantarelle7 .banner__text:before, .banner--theme-white .banner__text:before, .banner--theme-black .banner__text:before, .banner--theme-pagebackground .banner__text:before, .banner--theme-grey .banner__text:before, .banner--theme-none .banner__text:before, .banner.banner--arrow .banner__text:before {
position: absolute;
display: block;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background: rgba(29, 29, 27, 0.3);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-out, visibility 0s linear 0.2s; }
html.hover-active .banner-article:hover .banner-article__action, .banner-article:hover html.hover-active .banner-article__action, html.hover-active .banner-case:hover .banner-case__action, .banner-case:hover html.hover-active .banner-case__action, html.hover-active .banner:hover .banner__action, .banner:hover html.hover-active .banner__action, html.hover-active .image-gallery-item:hover .image-gallery-item__action, .image-gallery-item:hover html.hover-active .image-gallery-item__action, html.hover-active .thumbnail-list__item:hover .thumbnail-list__item-action, .thumbnail-list__item:hover html.hover-active .thumbnail-list__item-action, html.hover-active .product-card__link:hover .product-card__action, .product-card__link:hover html.hover-active .product-card__action, html.hover-active .product-feed .product-feed__container .product-feed__card .product-feed__card--link:hover + .product-feed__card--image-container .product-feed__card--action, .product-feed .product-feed__container .product-feed__card .product-feed__card--link:hover + .product-feed__card--image-container html.hover-active .product-feed__card--action, html.hover-active .product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--cta:hover .product-feed__big-card--image-container .product-feed__big-card--action, .product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--cta:hover .product-feed__big-card--image-container html.hover-active .product-feed__big-card--action, html.hover-active .inspiration-card:hover .inspiration-card__action, .inspiration-card:hover html.hover-active .inspiration-card__action, html.hover-active .material-card:hover .material-card__action, .material-card:hover html.hover-active .material-card__action, html.hover-active .inspiration-widget__item:hover .inspiration-widget__item-action, .inspiration-widget__item:hover html.hover-active .inspiration-widget__item-action, html.hover-active .banner-article:hover .banner-article__text:before, .banner-article:hover html.hover-active .banner-article__text:before, html.hover-active .banner-case:hover .banner-case__text:before, .banner-case:hover html.hover-active .banner-case__text:before, html.hover-active .banner:hover .banner__text:before, .banner:hover html.hover-active .banner__text:before {
transition: opacity 0.4s ease-in, visibility 0s linear 0s;
visibility: visible;
opacity: 1; }
.banner-article__action, .banner-case__action, .banner__action, .image-gallery-item__action, .thumbnail-list__item-action, .product-card__link .product-card__action, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action, .inspiration-card__action, .material-card__action, .inspiration-widget__item-action {
white-space: nowrap;
text-align: center; }
.banner-article__action:after, .banner-case__action:after, .banner__action:after, .image-gallery-item__action:after, .thumbnail-list__item-action:after, .product-card__link .product-card__action:after, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action:after, .inspiration-card__action:after, .material-card__action:after, .inspiration-widget__item-action:after {
content: "";
height: 100%; }
.banner-article__action > *, .banner-case__action > *, .banner__action > *, .image-gallery-item__action > *, .thumbnail-list__item-action > *, .product-card__link .product-card__action > *, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action > *, .inspiration-card__action > *, .material-card__action > *, .inspiration-widget__item-action > *, .banner-article__action:after, .banner-case__action:after, .banner__action:after, .image-gallery-item__action:after, .thumbnail-list__item-action:after, .product-card__link .product-card__action:after, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action:after, .inspiration-card__action:after, .material-card__action:after, .inspiration-widget__item-action:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.banner-article__action h3, .banner-case__action h3, .banner__action h3, .image-gallery-item__action h3, .thumbnail-list__item-action h3, .product-card__link .product-card__action h3, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action h3, .inspiration-card__action h3, .material-card__action h3, .inspiration-widget__item-action h3,
.banner-article__action h4,
.banner-case__action h4,
.banner__action h4,
.image-gallery-item__action h4,
.thumbnail-list__item-action h4,
.product-card__link .product-card__action h4,
.product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action h4,
.inspiration-card__action h4,
.material-card__action h4,
.inspiration-widget__item-action h4,
.banner-article__action h5,
.banner-case__action h5,
.banner__action h5,
.image-gallery-item__action h5,
.thumbnail-list__item-action h5,
.product-card__link .product-card__action h5,
.product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action h5,
.inspiration-card__action h5,
.material-card__action h5,
.inspiration-widget__item-action h5 {
color: white;
margin: 0;
display: none; }
.banner-article__action svg, .banner-case__action svg, .banner__action svg, .image-gallery-item__action svg, .thumbnail-list__item-action svg, .product-card__link .product-card__action svg, .product-feed .product-feed__container .product-feed__card .product-feed__card--link + .product-feed__card--image-container .product-feed__card--action svg, .inspiration-card__action svg, .material-card__action svg, .inspiration-widget__item-action svg {
fill: white; }
.hidden {
display: none; }
.display-block {
display: block; }
.anchor-link-bar--sticky, .job-listing {
margin-left: calc(50% - calc(var(--vw, 1vw) * 50));
margin-right: calc(50% - calc(var(--vw, 1vw) * 50)); }
.anchor-link-bar--sticky > * {
position: relative;
margin: 0 auto;
max-width: 1350px; }
@media (max-width: calc(1350px + (16px * 2))) {
.anchor-link-bar--sticky > * {
margin: 0 16px; } }
.cta-bar, .cta-row, .image-cluster, .half-half-tile, .text-on-image--text-halfhalf, .tile-row, .tile-slider, .expandable-text, .products-widget, .anchor-link-bar__wrapper, .large-image-text, .product-tile-slider {
margin-top: 64px;
margin-bottom: 64px; }
@media (max-width: 767px) {
.cta-bar, .cta-row, .image-cluster, .half-half-tile, .text-on-image--text-halfhalf, .tile-row, .tile-slider, .expandable-text, .products-widget, .anchor-link-bar__wrapper, .large-image-text, .product-tile-slider {
margin-top: 32px;
margin-bottom: 32px; } }
.space-half__top.cta-bar, .space-half__top.cta-row, .space-half__top.image-cluster, .space-half__top.half-half-tile, .space-half__top.text-on-image--text-halfhalf, .space-half__top.tile-row, .space-half__top.tile-slider, .space-half__top.expandable-text, .space-half__top.products-widget, .space-half__top.anchor-link-bar__wrapper, .space-half__top.large-image-text, .space-half__top.product-tile-slider {
margin-top: 32px; }
@media (max-width: 767px) {
.space-half__top.cta-bar, .space-half__top.cta-row, .space-half__top.image-cluster, .space-half__top.half-half-tile, .space-half__top.text-on-image--text-halfhalf, .space-half__top.tile-row, .space-half__top.tile-slider, .space-half__top.expandable-text, .space-half__top.products-widget, .space-half__top.anchor-link-bar__wrapper, .space-half__top.large-image-text, .space-half__top.product-tile-slider {
margin-top: 16px; } }
.space-half__bottom.cta-bar, .space-half__bottom.cta-row, .space-half__bottom.image-cluster, .space-half__bottom.half-half-tile, .space-half__bottom.text-on-image--text-halfhalf, .space-half__bottom.tile-row, .space-half__bottom.tile-slider, .space-half__bottom.expandable-text, .space-half__bottom.products-widget, .space-half__bottom.anchor-link-bar__wrapper, .space-half__bottom.large-image-text, .space-half__bottom.product-tile-slider {
margin-bottom: 32px; }
@media (max-width: 767px) {
.space-half__bottom.cta-bar, .space-half__bottom.cta-row, .space-half__bottom.image-cluster, .space-half__bottom.half-half-tile, .space-half__bottom.text-on-image--text-halfhalf, .space-half__bottom.tile-row, .space-half__bottom.tile-slider, .space-half__bottom.expandable-text, .space-half__bottom.products-widget, .space-half__bottom.anchor-link-bar__wrapper, .space-half__bottom.large-image-text, .space-half__bottom.product-tile-slider {
margin-bottom: 16px; } }
.space-quarter__top.cta-bar, .space-quarter__top.cta-row, .space-quarter__top.image-cluster, .space-quarter__top.half-half-tile, .space-quarter__top.text-on-image--text-halfhalf, .space-quarter__top.tile-row, .space-quarter__top.tile-slider, .space-quarter__top.expandable-text, .space-quarter__top.products-widget, .space-quarter__top.anchor-link-bar__wrapper, .space-quarter__top.large-image-text, .space-quarter__top.product-tile-slider {
margin-top: 16px; }
@media (max-width: 767px) {
.space-quarter__top.cta-bar, .space-quarter__top.cta-row, .space-quarter__top.image-cluster, .space-quarter__top.half-half-tile, .space-quarter__top.text-on-image--text-halfhalf, .space-quarter__top.tile-row, .space-quarter__top.tile-slider, .space-quarter__top.expandable-text, .space-quarter__top.products-widget, .space-quarter__top.anchor-link-bar__wrapper, .space-quarter__top.large-image-text, .space-quarter__top.product-tile-slider {
margin-top: 8px; } }
.space-quarter__bottom.cta-bar, .space-quarter__bottom.cta-row, .space-quarter__bottom.image-cluster, .space-quarter__bottom.half-half-tile, .space-quarter__bottom.text-on-image--text-halfhalf, .space-quarter__bottom.tile-row, .space-quarter__bottom.tile-slider, .space-quarter__bottom.expandable-text, .space-quarter__bottom.products-widget, .space-quarter__bottom.anchor-link-bar__wrapper, .space-quarter__bottom.large-image-text, .space-quarter__bottom.product-tile-slider {
margin-bottom: 16px; }
@media (max-width: 767px) {
.space-quarter__bottom.cta-bar, .space-quarter__bottom.cta-row, .space-quarter__bottom.image-cluster, .space-quarter__bottom.half-half-tile, .space-quarter__bottom.text-on-image--text-halfhalf, .space-quarter__bottom.tile-row, .space-quarter__bottom.tile-slider, .space-quarter__bottom.expandable-text, .space-quarter__bottom.products-widget, .space-quarter__bottom.anchor-link-bar__wrapper, .space-quarter__bottom.large-image-text, .space-quarter__bottom.product-tile-slider {
margin-bottom: 8px; } }
.background-color--aquamarine.anchor-link-bar--sticky {
background-color: #a9dae7; }
.background-color--lemonyellow.anchor-link-bar--sticky {
background-color: #f6eb61; }
.background-color--mistygrey.anchor-link-bar--sticky {
background-color: #d0d3d4; }
.background-color--graphitegrey.anchor-link-bar--sticky {
background-color: #a2a6a8; }
.background-color--polargreen.anchor-link-bar--sticky {
background-color: #e0edd5; }
.background-color--springgreen.anchor-link-bar--sticky {
background-color: #b7d698; }
.background-color--chilired.anchor-link-bar--sticky {
background-color: #d22630; }
.background-color--salmon.anchor-link-bar--sticky {
background-color: #e6baa8; }
.background-color--cinnamon.anchor-link-bar--sticky {
background-color: #6d4f47; }
.background-color--flamingopink.anchor-link-bar--sticky {
background-color: #fad0c8; }
.background-color--kingfisherblue.anchor-link-bar--sticky {
background-color: #00a0d8; }
.background-color--sdw20green.anchor-link-bar--sticky {
background-color: #244f3e; }
.background-color--slate.anchor-link-bar--sticky {
background-color: #3d3935; }
.background-color--slate100.anchor-link-bar--sticky {
background-color: #3d3935; }
.background-color--slate75.anchor-link-bar--sticky {
background-color: #6e6b68; }
.background-color--slate50.anchor-link-bar--sticky {
background-color: #9d9b99; }
.background-color--slate25.anchor-link-bar--sticky {
background-color: #cecdcc; }
.background-color--slate7.anchor-link-bar--sticky {
background-color: #f1f1f1; }
.background-color--eveningsky.anchor-link-bar--sticky {
background-color: #284458; }
.background-color--eveningsky100.anchor-link-bar--sticky {
background-color: #284458; }
.background-color--eveningsky75.anchor-link-bar--sticky {
background-color: #5e7382; }
.background-color--eveningsky50.anchor-link-bar--sticky {
background-color: #93a1ab; }
.background-color--eveningsky25.anchor-link-bar--sticky {
background-color: #c9d0d5; }
.background-color--eveningsky7.anchor-link-bar--sticky {
background-color: #f0f2f3; }
.background-color--organicgreen.anchor-link-bar--sticky {
background-color: #2e483e; }
.background-color--organicgreen100.anchor-link-bar--sticky {
background-color: #2e483e; }
.background-color--organicgreen75.anchor-link-bar--sticky {
background-color: #62766e; }
.background-color--organicgreen50.anchor-link-bar--sticky {
background-color: #96a39e; }
.background-color--organicgreen25.anchor-link-bar--sticky {
background-color: #cad1ce; }
.background-color--organicgreen7.anchor-link-bar--sticky {
background-color: #f0f2f1; }
.background-color--sand.anchor-link-bar--sticky {
background-color: #b6a284; }
.background-color--sand100.anchor-link-bar--sticky {
background-color: #b6a284; }
.background-color--sand75.anchor-link-bar--sticky {
background-color: #c8b9a3; }
.background-color--sand50.anchor-link-bar--sticky {
background-color: #dad0c1; }
.background-color--sand25.anchor-link-bar--sticky {
background-color: #ece7e0; }
.background-color--sand7.anchor-link-bar--sticky {
background-color: #faf8f6; }
.background-color--rhubarb.anchor-link-bar--sticky {
background-color: #dd7975; }
.background-color--rhubarb100.anchor-link-bar--sticky {
background-color: #dd7975; }
.background-color--rhubarb75.anchor-link-bar--sticky {
background-color: #e69b98; }
.background-color--rhubarb50.anchor-link-bar--sticky {
background-color: #edbbb9; }
.background-color--rhubarb25.anchor-link-bar--sticky {
background-color: #f6dddc; }
.background-color--rhubarb7.anchor-link-bar--sticky {
background-color: #fcf5f5; }
.background-color--chantarelle.anchor-link-bar--sticky {
background-color: #d9c756; }
.background-color--chantarelle100.anchor-link-bar--sticky {
background-color: #d9c756; }
.background-color--chantarelle75.anchor-link-bar--sticky {
background-color: #e3d580; }
.background-color--chantarelle50.anchor-link-bar--sticky {
background-color: #ebe2aa; }
.background-color--chantarelle25.anchor-link-bar--sticky {
background-color: #f5f1d4; }
.background-color--chantarelle7.anchor-link-bar--sticky {
background-color: #fcfbf3; }
.background-color--white.anchor-link-bar--sticky {
background-color: #fff; }
.background-color--black.anchor-link-bar--sticky {
background-color: #1d1d1b; }
.background-color--pagebackground.anchor-link-bar--sticky {
background-color: #faf8f6; }
.background-color--grey.anchor-link-bar--sticky {
background-color: #ebebeb; }
.background-color--none.anchor-link-bar--sticky {
background-color: rgba(0, 0, 0, 0); }
.link-bar {
font-size: 24px;
letter-spacing: 1.7px;
margin: 20px 0;
position: relative; }
@media (max-width: 1349px) {
.link-bar {
font-size: 20px;
letter-spacing: 1.4px; } }
@media (max-width: 1199px) {
.link-bar {
font-size: 18px;
letter-spacing: 1.3px; } }
@media (max-width: 991px) {
.link-bar {
font-size: 13px;
letter-spacing: 0.9px; } }
@media (max-width: 991px) {
.link-bar {
margin: 10px 0; } }
.page-theme-aquamarine .link-bar--theme-page {
background-color: #a9dae7; }
.page-theme-aquamarine .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-aquamarine .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-lemonyellow .link-bar--theme-page {
background-color: #f6eb61; }
.page-theme-lemonyellow .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-lemonyellow .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-mistygrey .link-bar--theme-page {
background-color: #d0d3d4; }
.page-theme-mistygrey .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-mistygrey .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-graphitegrey .link-bar--theme-page {
background-color: #a2a6a8; }
.page-theme-graphitegrey .link-bar--theme-page a span {
color: #fff; }
.page-theme-graphitegrey .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-polargreen .link-bar--theme-page {
background-color: #e0edd5; }
.page-theme-polargreen .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-polargreen .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-springgreen .link-bar--theme-page {
background-color: #b7d698; }
.page-theme-springgreen .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-springgreen .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chilired .link-bar--theme-page {
background-color: #d22630; }
.page-theme-chilired .link-bar--theme-page a span {
color: #fff; }
.page-theme-chilired .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-salmon .link-bar--theme-page {
background-color: #e6baa8; }
.page-theme-salmon .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-salmon .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-cinnamon .link-bar--theme-page {
background-color: #6d4f47; }
.page-theme-cinnamon .link-bar--theme-page a span {
color: #fff; }
.page-theme-cinnamon .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-flamingopink .link-bar--theme-page {
background-color: #fad0c8; }
.page-theme-flamingopink .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-flamingopink .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-kingfisherblue .link-bar--theme-page {
background-color: #00a0d8; }
.page-theme-kingfisherblue .link-bar--theme-page a span {
color: #fff; }
.page-theme-kingfisherblue .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-sdw20green .link-bar--theme-page {
background-color: #244f3e; }
.page-theme-sdw20green .link-bar--theme-page a span {
color: #fff; }
.page-theme-sdw20green .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-slate .link-bar--theme-page {
background-color: #3d3935; }
.page-theme-slate .link-bar--theme-page a span {
color: #fff; }
.page-theme-slate .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-slate100 .link-bar--theme-page {
background-color: #3d3935; }
.page-theme-slate100 .link-bar--theme-page a span {
color: #fff; }
.page-theme-slate100 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-slate75 .link-bar--theme-page {
background-color: #6e6b68; }
.page-theme-slate75 .link-bar--theme-page a span {
color: #fff; }
.page-theme-slate75 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-slate50 .link-bar--theme-page {
background-color: #9d9b99; }
.page-theme-slate50 .link-bar--theme-page a span {
color: #fff; }
.page-theme-slate50 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-slate25 .link-bar--theme-page {
background-color: #cecdcc; }
.page-theme-slate25 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-slate25 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-slate7 .link-bar--theme-page {
background-color: #f1f1f1; }
.page-theme-slate7 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-slate7 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-eveningsky .link-bar--theme-page {
background-color: #284458; }
.page-theme-eveningsky .link-bar--theme-page a span {
color: #fff; }
.page-theme-eveningsky .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-eveningsky100 .link-bar--theme-page {
background-color: #284458; }
.page-theme-eveningsky100 .link-bar--theme-page a span {
color: #fff; }
.page-theme-eveningsky100 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-eveningsky75 .link-bar--theme-page {
background-color: #5e7382; }
.page-theme-eveningsky75 .link-bar--theme-page a span {
color: #fff; }
.page-theme-eveningsky75 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-eveningsky50 .link-bar--theme-page {
background-color: #93a1ab; }
.page-theme-eveningsky50 .link-bar--theme-page a span {
color: #fff; }
.page-theme-eveningsky50 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-eveningsky25 .link-bar--theme-page {
background-color: #c9d0d5; }
.page-theme-eveningsky25 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-eveningsky25 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-eveningsky7 .link-bar--theme-page {
background-color: #f0f2f3; }
.page-theme-eveningsky7 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-eveningsky7 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-organicgreen .link-bar--theme-page {
background-color: #2e483e; }
.page-theme-organicgreen .link-bar--theme-page a span {
color: #fff; }
.page-theme-organicgreen .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-organicgreen100 .link-bar--theme-page {
background-color: #2e483e; }
.page-theme-organicgreen100 .link-bar--theme-page a span {
color: #fff; }
.page-theme-organicgreen100 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-organicgreen75 .link-bar--theme-page {
background-color: #62766e; }
.page-theme-organicgreen75 .link-bar--theme-page a span {
color: #fff; }
.page-theme-organicgreen75 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-organicgreen50 .link-bar--theme-page {
background-color: #96a39e; }
.page-theme-organicgreen50 .link-bar--theme-page a span {
color: #fff; }
.page-theme-organicgreen50 .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-organicgreen25 .link-bar--theme-page {
background-color: #cad1ce; }
.page-theme-organicgreen25 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-organicgreen25 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-organicgreen7 .link-bar--theme-page {
background-color: #f0f2f1; }
.page-theme-organicgreen7 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-organicgreen7 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-sand .link-bar--theme-page {
background-color: #b6a284; }
.page-theme-sand .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-sand .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-sand100 .link-bar--theme-page {
background-color: #b6a284; }
.page-theme-sand100 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-sand100 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-sand75 .link-bar--theme-page {
background-color: #c8b9a3; }
.page-theme-sand75 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-sand75 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-sand50 .link-bar--theme-page {
background-color: #dad0c1; }
.page-theme-sand50 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-sand50 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-sand25 .link-bar--theme-page {
background-color: #ece7e0; }
.page-theme-sand25 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-sand25 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-sand7 .link-bar--theme-page {
background-color: #faf8f6; }
.page-theme-sand7 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-sand7 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-rhubarb .link-bar--theme-page {
background-color: #dd7975; }
.page-theme-rhubarb .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-rhubarb .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-rhubarb100 .link-bar--theme-page {
background-color: #dd7975; }
.page-theme-rhubarb100 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-rhubarb100 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-rhubarb75 .link-bar--theme-page {
background-color: #e69b98; }
.page-theme-rhubarb75 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-rhubarb75 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-rhubarb50 .link-bar--theme-page {
background-color: #edbbb9; }
.page-theme-rhubarb50 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-rhubarb50 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-rhubarb25 .link-bar--theme-page {
background-color: #f6dddc; }
.page-theme-rhubarb25 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-rhubarb25 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-rhubarb7 .link-bar--theme-page {
background-color: #fcf5f5; }
.page-theme-rhubarb7 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-rhubarb7 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chantarelle .link-bar--theme-page {
background-color: #d9c756; }
.page-theme-chantarelle .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-chantarelle .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chantarelle100 .link-bar--theme-page {
background-color: #d9c756; }
.page-theme-chantarelle100 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-chantarelle100 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chantarelle75 .link-bar--theme-page {
background-color: #e3d580; }
.page-theme-chantarelle75 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-chantarelle75 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chantarelle50 .link-bar--theme-page {
background-color: #ebe2aa; }
.page-theme-chantarelle50 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-chantarelle50 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chantarelle25 .link-bar--theme-page {
background-color: #f5f1d4; }
.page-theme-chantarelle25 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-chantarelle25 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-chantarelle7 .link-bar--theme-page {
background-color: #fcfbf3; }
.page-theme-chantarelle7 .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-chantarelle7 .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-white .link-bar--theme-page {
background-color: #fff; }
.page-theme-white .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-white .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-black .link-bar--theme-page {
background-color: #1d1d1b; }
.page-theme-black .link-bar--theme-page a span {
color: #fff; }
.page-theme-black .link-bar--theme-page a svg {
fill: #fff; }
.page-theme-pagebackground .link-bar--theme-page {
background-color: #faf8f6; }
.page-theme-pagebackground .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-pagebackground .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-grey .link-bar--theme-page {
background-color: #ebebeb; }
.page-theme-grey .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-grey .link-bar--theme-page a svg {
fill: #1d1d1b; }
.page-theme-none .link-bar--theme-page {
background-color: rgba(0, 0, 0, 0); }
.page-theme-none .link-bar--theme-page a span {
color: #1d1d1b; }
.page-theme-none .link-bar--theme-page a svg {
fill: #1d1d1b; }
.link-bar--theme-aquamarine {
background-color: #a9dae7; }
.link-bar--theme-aquamarine a span {
color: #1d1d1b; }
.link-bar--theme-aquamarine a svg {
fill: #1d1d1b; }
.link-bar--theme-lemonyellow {
background-color: #f6eb61; }
.link-bar--theme-lemonyellow a span {
color: #1d1d1b; }
.link-bar--theme-lemonyellow a svg {
fill: #1d1d1b; }
.link-bar--theme-mistygrey {
background-color: #d0d3d4; }
.link-bar--theme-mistygrey a span {
color: #1d1d1b; }
.link-bar--theme-mistygrey a svg {
fill: #1d1d1b; }
.link-bar--theme-graphitegrey {
background-color: #a2a6a8; }
.link-bar--theme-graphitegrey a span {
color: #fff; }
.link-bar--theme-graphitegrey a svg {
fill: #fff; }
.link-bar--theme-polargreen {
background-color: #e0edd5; }
.link-bar--theme-polargreen a span {
color: #1d1d1b; }
.link-bar--theme-polargreen a svg {
fill: #1d1d1b; }
.link-bar--theme-springgreen {
background-color: #b7d698; }
.link-bar--theme-springgreen a span {
color: #1d1d1b; }
.link-bar--theme-springgreen a svg {
fill: #1d1d1b; }
.link-bar--theme-chilired {
background-color: #d22630; }
.link-bar--theme-chilired a span {
color: #fff; }
.link-bar--theme-chilired a svg {
fill: #fff; }
.link-bar--theme-salmon {
background-color: #e6baa8; }
.link-bar--theme-salmon a span {
color: #1d1d1b; }
.link-bar--theme-salmon a svg {
fill: #1d1d1b; }
.link-bar--theme-cinnamon {
background-color: #6d4f47; }
.link-bar--theme-cinnamon a span {
color: #fff; }
.link-bar--theme-cinnamon a svg {
fill: #fff; }
.link-bar--theme-flamingopink {
background-color: #fad0c8; }
.link-bar--theme-flamingopink a span {
color: #1d1d1b; }
.link-bar--theme-flamingopink a svg {
fill: #1d1d1b; }
.link-bar--theme-kingfisherblue {
background-color: #00a0d8; }
.link-bar--theme-kingfisherblue a span {
color: #fff; }
.link-bar--theme-kingfisherblue a svg {
fill: #fff; }
.link-bar--theme-sdw20green {
background-color: #244f3e; }
.link-bar--theme-sdw20green a span {
color: #fff; }
.link-bar--theme-sdw20green a svg {
fill: #fff; }
.link-bar--theme-slate {
background-color: #3d3935; }
.link-bar--theme-slate a span {
color: #fff; }
.link-bar--theme-slate a svg {
fill: #fff; }
.link-bar--theme-slate100 {
background-color: #3d3935; }
.link-bar--theme-slate100 a span {
color: #fff; }
.link-bar--theme-slate100 a svg {
fill: #fff; }
.link-bar--theme-slate75 {
background-color: #6e6b68; }
.link-bar--theme-slate75 a span {
color: #fff; }
.link-bar--theme-slate75 a svg {
fill: #fff; }
.link-bar--theme-slate50 {
background-color: #9d9b99; }
.link-bar--theme-slate50 a span {
color: #fff; }
.link-bar--theme-slate50 a svg {
fill: #fff; }
.link-bar--theme-slate25 {
background-color: #cecdcc; }
.link-bar--theme-slate25 a span {
color: #1d1d1b; }
.link-bar--theme-slate25 a svg {
fill: #1d1d1b; }
.link-bar--theme-slate7 {
background-color: #f1f1f1; }
.link-bar--theme-slate7 a span {
color: #1d1d1b; }
.link-bar--theme-slate7 a svg {
fill: #1d1d1b; }
.link-bar--theme-eveningsky {
background-color: #284458; }
.link-bar--theme-eveningsky a span {
color: #fff; }
.link-bar--theme-eveningsky a svg {
fill: #fff; }
.link-bar--theme-eveningsky100 {
background-color: #284458; }
.link-bar--theme-eveningsky100 a span {
color: #fff; }
.link-bar--theme-eveningsky100 a svg {
fill: #fff; }
.link-bar--theme-eveningsky75 {
background-color: #5e7382; }
.link-bar--theme-eveningsky75 a span {
color: #fff; }
.link-bar--theme-eveningsky75 a svg {
fill: #fff; }
.link-bar--theme-eveningsky50 {
background-color: #93a1ab; }
.link-bar--theme-eveningsky50 a span {
color: #fff; }
.link-bar--theme-eveningsky50 a svg {
fill: #fff; }
.link-bar--theme-eveningsky25 {
background-color: #c9d0d5; }
.link-bar--theme-eveningsky25 a span {
color: #1d1d1b; }
.link-bar--theme-eveningsky25 a svg {
fill: #1d1d1b; }
.link-bar--theme-eveningsky7 {
background-color: #f0f2f3; }
.link-bar--theme-eveningsky7 a span {
color: #1d1d1b; }
.link-bar--theme-eveningsky7 a svg {
fill: #1d1d1b; }
.link-bar--theme-organicgreen {
background-color: #2e483e; }
.link-bar--theme-organicgreen a span {
color: #fff; }
.link-bar--theme-organicgreen a svg {
fill: #fff; }
.link-bar--theme-organicgreen100 {
background-color: #2e483e; }
.link-bar--theme-organicgreen100 a span {
color: #fff; }
.link-bar--theme-organicgreen100 a svg {
fill: #fff; }
.link-bar--theme-organicgreen75 {
background-color: #62766e; }
.link-bar--theme-organicgreen75 a span {
color: #fff; }
.link-bar--theme-organicgreen75 a svg {
fill: #fff; }
.link-bar--theme-organicgreen50 {
background-color: #96a39e; }
.link-bar--theme-organicgreen50 a span {
color: #fff; }
.link-bar--theme-organicgreen50 a svg {
fill: #fff; }
.link-bar--theme-organicgreen25 {
background-color: #cad1ce; }
.link-bar--theme-organicgreen25 a span {
color: #1d1d1b; }
.link-bar--theme-organicgreen25 a svg {
fill: #1d1d1b; }
.link-bar--theme-organicgreen7 {
background-color: #f0f2f1; }
.link-bar--theme-organicgreen7 a span {
color: #1d1d1b; }
.link-bar--theme-organicgreen7 a svg {
fill: #1d1d1b; }
.link-bar--theme-sand {
background-color: #b6a284; }
.link-bar--theme-sand a span {
color: #1d1d1b; }
.link-bar--theme-sand a svg {
fill: #1d1d1b; }
.link-bar--theme-sand100 {
background-color: #b6a284; }
.link-bar--theme-sand100 a span {
color: #1d1d1b; }
.link-bar--theme-sand100 a svg {
fill: #1d1d1b; }
.link-bar--theme-sand75 {
background-color: #c8b9a3; }
.link-bar--theme-sand75 a span {
color: #1d1d1b; }
.link-bar--theme-sand75 a svg {
fill: #1d1d1b; }
.link-bar--theme-sand50 {
background-color: #dad0c1; }
.link-bar--theme-sand50 a span {
color: #1d1d1b; }
.link-bar--theme-sand50 a svg {
fill: #1d1d1b; }
.link-bar--theme-sand25 {
background-color: #ece7e0; }
.link-bar--theme-sand25 a span {
color: #1d1d1b; }
.link-bar--theme-sand25 a svg {
fill: #1d1d1b; }
.link-bar--theme-sand7 {
background-color: #faf8f6; }
.link-bar--theme-sand7 a span {
color: #1d1d1b; }
.link-bar--theme-sand7 a svg {
fill: #1d1d1b; }
.link-bar--theme-rhubarb {
background-color: #dd7975; }
.link-bar--theme-rhubarb a span {
color: #1d1d1b; }
.link-bar--theme-rhubarb a svg {
fill: #1d1d1b; }
.link-bar--theme-rhubarb100 {
background-color: #dd7975; }
.link-bar--theme-rhubarb100 a span {
color: #1d1d1b; }
.link-bar--theme-rhubarb100 a svg {
fill: #1d1d1b; }
.link-bar--theme-rhubarb75 {
background-color: #e69b98; }
.link-bar--theme-rhubarb75 a span {
color: #1d1d1b; }
.link-bar--theme-rhubarb75 a svg {
fill: #1d1d1b; }
.link-bar--theme-rhubarb50 {
background-color: #edbbb9; }
.link-bar--theme-rhubarb50 a span {
color: #1d1d1b; }
.link-bar--theme-rhubarb50 a svg {
fill: #1d1d1b; }
.link-bar--theme-rhubarb25 {
background-color: #f6dddc; }
.link-bar--theme-rhubarb25 a span {
color: #1d1d1b; }
.link-bar--theme-rhubarb25 a svg {
fill: #1d1d1b; }
.link-bar--theme-rhubarb7 {
background-color: #fcf5f5; }
.link-bar--theme-rhubarb7 a span {
color: #1d1d1b; }
.link-bar--theme-rhubarb7 a svg {
fill: #1d1d1b; }
.link-bar--theme-chantarelle {
background-color: #d9c756; }
.link-bar--theme-chantarelle a span {
color: #1d1d1b; }
.link-bar--theme-chantarelle a svg {
fill: #1d1d1b; }
.link-bar--theme-chantarelle100 {
background-color: #d9c756; }
.link-bar--theme-chantarelle100 a span {
color: #1d1d1b; }
.link-bar--theme-chantarelle100 a svg {
fill: #1d1d1b; }
.link-bar--theme-chantarelle75 {
background-color: #e3d580; }
.link-bar--theme-chantarelle75 a span {
color: #1d1d1b; }
.link-bar--theme-chantarelle75 a svg {
fill: #1d1d1b; }
.link-bar--theme-chantarelle50 {
background-color: #ebe2aa; }
.link-bar--theme-chantarelle50 a span {
color: #1d1d1b; }
.link-bar--theme-chantarelle50 a svg {
fill: #1d1d1b; }
.link-bar--theme-chantarelle25 {
background-color: #f5f1d4; }
.link-bar--theme-chantarelle25 a span {
color: #1d1d1b; }
.link-bar--theme-chantarelle25 a svg {
fill: #1d1d1b; }
.link-bar--theme-chantarelle7 {
background-color: #fcfbf3; }
.link-bar--theme-chantarelle7 a span {
color: #1d1d1b; }
.link-bar--theme-chantarelle7 a svg {
fill: #1d1d1b; }
.link-bar--theme-white {
background-color: #fff; }
.link-bar--theme-white a span {
color: #1d1d1b; }
.link-bar--theme-white a svg {
fill: #1d1d1b; }
.link-bar--theme-black {
background-color: #1d1d1b; }
.link-bar--theme-black a span {
color: #fff; }
.link-bar--theme-black a svg {
fill: #fff; }
.link-bar--theme-pagebackground {
background-color: #faf8f6; }
.link-bar--theme-pagebackground a span {
color: #1d1d1b; }
.link-bar--theme-pagebackground a svg {
fill: #1d1d1b; }
.link-bar--theme-grey {
background-color: #ebebeb; }
.link-bar--theme-grey a span {
color: #1d1d1b; }
.link-bar--theme-grey a svg {
fill: #1d1d1b; }
.link-bar--theme-none {
background-color: rgba(0, 0, 0, 0); }
.link-bar--theme-none a span {
color: #1d1d1b; }
.link-bar--theme-none a svg {
fill: #1d1d1b; }
.link-bar--text-aquamarine a {
color: #1d1d1b; }
.link-bar--text-aquamarine a .icon {
fill: #1d1d1b; }
.link-bar--text-lemonyellow a {
color: #1d1d1b; }
.link-bar--text-lemonyellow a .icon {
fill: #1d1d1b; }
.link-bar--text-mistygrey a {
color: #1d1d1b; }
.link-bar--text-mistygrey a .icon {
fill: #1d1d1b; }
.link-bar--text-graphitegrey a {
color: #fff; }
.link-bar--text-graphitegrey a .icon {
fill: #fff; }
.link-bar--text-polargreen a {
color: #1d1d1b; }
.link-bar--text-polargreen a .icon {
fill: #1d1d1b; }
.link-bar--text-springgreen a {
color: #1d1d1b; }
.link-bar--text-springgreen a .icon {
fill: #1d1d1b; }
.link-bar--text-chilired a {
color: #fff; }
.link-bar--text-chilired a .icon {
fill: #fff; }
.link-bar--text-salmon a {
color: #1d1d1b; }
.link-bar--text-salmon a .icon {
fill: #1d1d1b; }
.link-bar--text-cinnamon a {
color: #fff; }
.link-bar--text-cinnamon a .icon {
fill: #fff; }
.link-bar--text-flamingopink a {
color: #1d1d1b; }
.link-bar--text-flamingopink a .icon {
fill: #1d1d1b; }
.link-bar--text-kingfisherblue a {
color: #fff; }
.link-bar--text-kingfisherblue a .icon {
fill: #fff; }
.link-bar--text-sdw20green a {
color: #fff; }
.link-bar--text-sdw20green a .icon {
fill: #fff; }
.link-bar--text-slate a {
color: #fff; }
.link-bar--text-slate a .icon {
fill: #fff; }
.link-bar--text-slate100 a {
color: #fff; }
.link-bar--text-slate100 a .icon {
fill: #fff; }
.link-bar--text-slate75 a {
color: #fff; }
.link-bar--text-slate75 a .icon {
fill: #fff; }
.link-bar--text-slate50 a {
color: #fff; }
.link-bar--text-slate50 a .icon {
fill: #fff; }
.link-bar--text-slate25 a {
color: #1d1d1b; }
.link-bar--text-slate25 a .icon {
fill: #1d1d1b; }
.link-bar--text-slate7 a {
color: #1d1d1b; }
.link-bar--text-slate7 a .icon {
fill: #1d1d1b; }
.link-bar--text-eveningsky a {
color: #fff; }
.link-bar--text-eveningsky a .icon {
fill: #fff; }
.link-bar--text-eveningsky100 a {
color: #fff; }
.link-bar--text-eveningsky100 a .icon {
fill: #fff; }
.link-bar--text-eveningsky75 a {
color: #fff; }
.link-bar--text-eveningsky75 a .icon {
fill: #fff; }
.link-bar--text-eveningsky50 a {
color: #fff; }
.link-bar--text-eveningsky50 a .icon {
fill: #fff; }
.link-bar--text-eveningsky25 a {
color: #1d1d1b; }
.link-bar--text-eveningsky25 a .icon {
fill: #1d1d1b; }
.link-bar--text-eveningsky7 a {
color: #1d1d1b; }
.link-bar--text-eveningsky7 a .icon {
fill: #1d1d1b; }
.link-bar--text-organicgreen a {
color: #fff; }
.link-bar--text-organicgreen a .icon {
fill: #fff; }
.link-bar--text-organicgreen100 a {
color: #fff; }
.link-bar--text-organicgreen100 a .icon {
fill: #fff; }
.link-bar--text-organicgreen75 a {
color: #fff; }
.link-bar--text-organicgreen75 a .icon {
fill: #fff; }
.link-bar--text-organicgreen50 a {
color: #fff; }
.link-bar--text-organicgreen50 a .icon {
fill: #fff; }
.link-bar--text-organicgreen25 a {
color: #1d1d1b; }
.link-bar--text-organicgreen25 a .icon {
fill: #1d1d1b; }
.link-bar--text-organicgreen7 a {
color: #1d1d1b; }
.link-bar--text-organicgreen7 a .icon {
fill: #1d1d1b; }
.link-bar--text-sand a {
color: #1d1d1b; }
.link-bar--text-sand a .icon {
fill: #1d1d1b; }
.link-bar--text-sand100 a {
color: #1d1d1b; }
.link-bar--text-sand100 a .icon {
fill: #1d1d1b; }
.link-bar--text-sand75 a {
color: #1d1d1b; }
.link-bar--text-sand75 a .icon {
fill: #1d1d1b; }
.link-bar--text-sand50 a {
color: #1d1d1b; }
.link-bar--text-sand50 a .icon {
fill: #1d1d1b; }
.link-bar--text-sand25 a {
color: #1d1d1b; }
.link-bar--text-sand25 a .icon {
fill: #1d1d1b; }
.link-bar--text-sand7 a {
color: #1d1d1b; }
.link-bar--text-sand7 a .icon {
fill: #1d1d1b; }
.link-bar--text-rhubarb a {
color: #1d1d1b; }
.link-bar--text-rhubarb a .icon {
fill: #1d1d1b; }
.link-bar--text-rhubarb100 a {
color: #1d1d1b; }
.link-bar--text-rhubarb100 a .icon {
fill: #1d1d1b; }
.link-bar--text-rhubarb75 a {
color: #1d1d1b; }
.link-bar--text-rhubarb75 a .icon {
fill: #1d1d1b; }
.link-bar--text-rhubarb50 a {
color: #1d1d1b; }
.link-bar--text-rhubarb50 a .icon {
fill: #1d1d1b; }
.link-bar--text-rhubarb25 a {
color: #1d1d1b; }
.link-bar--text-rhubarb25 a .icon {
fill: #1d1d1b; }
.link-bar--text-rhubarb7 a {
color: #1d1d1b; }
.link-bar--text-rhubarb7 a .icon {
fill: #1d1d1b; }
.link-bar--text-chantarelle a {
color: #1d1d1b; }
.link-bar--text-chantarelle a .icon {
fill: #1d1d1b; }
.link-bar--text-chantarelle100 a {
color: #1d1d1b; }
.link-bar--text-chantarelle100 a .icon {
fill: #1d1d1b; }
.link-bar--text-chantarelle75 a {
color: #1d1d1b; }
.link-bar--text-chantarelle75 a .icon {
fill: #1d1d1b; }
.link-bar--text-chantarelle50 a {
color: #1d1d1b; }
.link-bar--text-chantarelle50 a .icon {
fill: #1d1d1b; }
.link-bar--text-chantarelle25 a {
color: #1d1d1b; }
.link-bar--text-chantarelle25 a .icon {
fill: #1d1d1b; }
.link-bar--text-chantarelle7 a {
color: #1d1d1b; }
.link-bar--text-chantarelle7 a .icon {
fill: #1d1d1b; }
.link-bar--text-white a {
color: #1d1d1b; }
.link-bar--text-white a .icon {
fill: #1d1d1b; }
.link-bar--text-black a {
color: #fff; }
.link-bar--text-black a .icon {
fill: #fff; }
.link-bar--text-pagebackground a {
color: #1d1d1b; }
.link-bar--text-pagebackground a .icon {
fill: #1d1d1b; }
.link-bar--text-grey a {
color: #1d1d1b; }
.link-bar--text-grey a .icon {
fill: #1d1d1b; }
.link-bar--text-none a {
color: #1d1d1b; }
.link-bar--text-none a .icon {
fill: #1d1d1b; }
.link-bar a {
padding: 42px 80px; }
@media (max-width: 1349px) {
.link-bar a {
padding: 42px 80px; } }
@media (max-width: 1199px) {
.link-bar a {
padding: 32px; } }
@media (max-width: 991px) {
.link-bar a {
margin: 10px 0;
padding: 22px;
display: flex;
justify-content: space-between;
width: 100%; } }
@media (max-width: 767px) {
.link-bar a {
padding: 17px; } }
.link-bar span {
display: inline-block;
vertical-align: middle;
margin-right: 20px; }
@media (max-width: 991px) {
.link-bar span {
margin-right: 25px; } }
.link-bar .icon.icon--arrow-right {
vertical-align: middle; }
.link-group {
float: left;
width: 100%;
min-height: 1px; }
@media (max-width: 767px) {
.link-group {
float: none;
width: auto; }
.link-group + .link-group {
margin-top: 20px; } }
.link-group--3-of-4 {
width: 75%; }
.link-group--2-of-4 {
width: 50%; }
@media (max-width: 1199px) {
.link-group--2-of-4 {
width: 45%; } }
@media (max-width: 991px) {
.link-group--2-of-4 {
width: 40%; } }
.link-group--1-of-4 {
width: 25%; }
.link-group--3-of-5 {
width: 60%; }
.link-group--2-of-5 {
width: 20%; }
.link-group--1-of-5 {
width: 20%; }
@media (max-width: 767px) {
.link-group--3-of-4, .link-group--2-of-4, .link-group--1-of-4, .link-group--3-of-5, .link-group--2-of-4, .link-group--1-of-5 {
width: 100%; } }
.link-group__title,
.link-group__item a {
text-decoration: none; }
.link-group__title {
color: #a2a6a8;
margin-top: 0;
margin-bottom: 6px; }
.link-group--emphasized .link-group__title {
color: inherit;
font-weight: 300; }
.link-group__cols {
margin-left: -12px;
margin-right: -12px; }
.link-group__cols:before, .link-group__cols:after {
content: " ";
display: table; }
.link-group__cols:after {
clear: both; }
.link-group__col {
float: left;
padding-left: 12px;
padding-right: 12px; }
@media (max-width: 767px) {
.link-group__col {
float: none;
margin-left: 0;
margin-top: 20px; } }
.link-group--emphasized .link-group__col {
font-weight: 500; }
@media (max-width: 767px) {
.link-group--emphasized .link-group__col {
font-weight: normal; } }
.link-group--3-col .link-group__col:before, .link-group--3-col .link-group__col:after {
content: " ";
display: table; }
.link-group--3-col .link-group__col:after {
clear: both; }
.link-group--5-of-5 .link-group__col {
width: 20%; }
@media (max-width: 767px) {
.link-group--5-of-5 .link-group__col {
width: auto; } }
.link-group--4-of-4 .link-group__col {
width: 25%; }
@media (max-width: 767px) {
.link-group--4-of-4 .link-group__col {
width: auto; } }
.link-group--3-of-4 .link-group__col,
.link-group--3-of-5 .link-group__col {
width: 33.33%; }
@media (max-width: 767px) {
.link-group--3-of-4 .link-group__col,
.link-group--3-of-5 .link-group__col {
width: auto; } }
.link-group--2-of-4 .link-group__col,
.link-group--2-of-5 .link-group__col {
width: 50%; }
@media (max-width: 767px) {
.link-group--2-of-4 .link-group__col,
.link-group--2-of-5 .link-group__col {
width: auto; } }
.link-group--1-of-4 .link-group__col,
.link-group--1-of-5 .link-group__col {
width: 100%; }
.link-group__list ul {
padding-left: 10px; }
.link-group__item a {
display: block;
padding: 3px 6px;
margin-left: -6px;
position: relative; }
.link-group__item a.active {
background-color: #faf8f6; }
.link-group__item a.active:hover {
opacity: 1; }
.link-group__item--icon {
line-height: 17px;
vertical-align: top; }
.link-group__item--icon a {
padding-left: calc(2.5em + 6px);
line-height: inherit;
vertical-align: inherit;
padding-right: 6px;
margin-left: 0; }
.link-group__item--checkbox {
line-height: 17px;
vertical-align: top; }
.link-group__item--checkbox a {
padding-left: calc(2.5em + 6px);
line-height: inherit;
vertical-align: inherit;
margin-left: 0;
fill: none; }
.link-group__item--checkbox a:hover {
opacity: 1; }
.link-group__item--checkbox a.active {
background-color: transparent;
fill: #1d1d1b; }
.link-group__item--checkbox a.active:before, .link-group__item--checkbox a.active:after {
display: none; }
.link-group__item--range {
line-height: 20px;
padding-top: 1.5px;
padding-bottom: 1.5px; }
.link-group__item--range:before, .link-group__item--range:after {
content: " ";
display: table; }
.link-group__item--range:after {
clear: both; }
.link-group__item--range > div > span {
float: left;
max-width: calc(100% - 158px); }
@media (max-width: 1349px) {
.link-group__item--range > div > span {
max-width: calc(100% - 126px); } }
@media (max-width: 1199px) {
.link-group__item--range > div > span {
max-width: calc(100% - 126px); } }
@media (max-width: 991px) {
.link-group__item--range > div > span {
max-width: calc(100% - 126px); } }
@media (max-width: 767px) {
.link-group__item--range > div > span {
max-width: calc(100% - 168px); } }
.link-group__item--range .range {
float: right; }
@media (max-width: 767px) {
.link-group__item--range .range {
width: 110px; } }
@media (max-width: 1199px) {
.link-group--1-col-range {
width: 30%; } }
@media (max-width: 991px) {
.link-group--1-col-range {
width: 35%; } }
@media (max-width: 767px) {
.link-group--1-col-range {
width: 100%; } }
.link-group__item-icon {
position: absolute;
left: 0;
display: inline-block;
margin-left: 6px; }
.link-group__item-icon.icon--sustainability {
left: 0.08327em;
width: 1.83345em;
height: 1.5em; }
.link-group__item-icon.icon--circularity {
left: 0.0235em;
width: 1.953em;
height: 1.5em; }
.link-group__item-icon.icon--wellbeing {
left: 0.5em;
width: 1.0em;
height: 1.5em; }
.link-group__item-icon.icon--efficiency {
left: 0.30833em;
width: 1.58333em;
height: 1.5em; }
.link-group__item-icon.icon--alternative-business-model {
left: 0.06667em;
width: 1.40667;
height: 1.5em; }
.link-group__item-icon.icon--checkbox-fancy {
margin-left: 0;
width: 1.25063em;
height: 1.334em; }
.call-to-action {
background-color: #faf8f6;
padding: 49px 50px; }
.call-to-action--theme-aquamarine {
background-color: #a9dae7; }
.call-to-action--theme-lemonyellow {
background-color: #f6eb61; }
.call-to-action--theme-mistygrey {
background-color: #d0d3d4; }
.call-to-action--theme-graphitegrey {
background-color: #a2a6a8; }
.call-to-action--theme-polargreen {
background-color: #e0edd5; }
.call-to-action--theme-springgreen {
background-color: #b7d698; }
.call-to-action--theme-chilired {
background-color: #d22630; }
.call-to-action--theme-salmon {
background-color: #e6baa8; }
.call-to-action--theme-cinnamon {
background-color: #6d4f47; }
.call-to-action--theme-flamingopink {
background-color: #fad0c8; }
.call-to-action--theme-kingfisherblue {
background-color: #00a0d8; }
.call-to-action--theme-sdw20green {
background-color: #244f3e; }
.call-to-action--theme-slate {
background-color: #3d3935; }
.call-to-action--theme-slate100 {
background-color: #3d3935; }
.call-to-action--theme-slate75 {
background-color: #6e6b68; }
.call-to-action--theme-slate50 {
background-color: #9d9b99; }
.call-to-action--theme-slate25 {
background-color: #cecdcc; }
.call-to-action--theme-slate7 {
background-color: #f1f1f1; }
.call-to-action--theme-eveningsky {
background-color: #284458; }
.call-to-action--theme-eveningsky100 {
background-color: #284458; }
.call-to-action--theme-eveningsky75 {
background-color: #5e7382; }
.call-to-action--theme-eveningsky50 {
background-color: #93a1ab; }
.call-to-action--theme-eveningsky25 {
background-color: #c9d0d5; }
.call-to-action--theme-eveningsky7 {
background-color: #f0f2f3; }
.call-to-action--theme-organicgreen {
background-color: #2e483e; }
.call-to-action--theme-organicgreen100 {
background-color: #2e483e; }
.call-to-action--theme-organicgreen75 {
background-color: #62766e; }
.call-to-action--theme-organicgreen50 {
background-color: #96a39e; }
.call-to-action--theme-organicgreen25 {
background-color: #cad1ce; }
.call-to-action--theme-organicgreen7 {
background-color: #f0f2f1; }
.call-to-action--theme-sand {
background-color: #b6a284; }
.call-to-action--theme-sand100 {
background-color: #b6a284; }
.call-to-action--theme-sand75 {
background-color: #c8b9a3; }
.call-to-action--theme-sand50 {
background-color: #dad0c1; }
.call-to-action--theme-sand25 {
background-color: #ece7e0; }
.call-to-action--theme-sand7 {
background-color: #faf8f6; }
.call-to-action--theme-rhubarb {
background-color: #dd7975; }
.call-to-action--theme-rhubarb100 {
background-color: #dd7975; }
.call-to-action--theme-rhubarb75 {
background-color: #e69b98; }
.call-to-action--theme-rhubarb50 {
background-color: #edbbb9; }
.call-to-action--theme-rhubarb25 {
background-color: #f6dddc; }
.call-to-action--theme-rhubarb7 {
background-color: #fcf5f5; }
.call-to-action--theme-chantarelle {
background-color: #d9c756; }
.call-to-action--theme-chantarelle100 {
background-color: #d9c756; }
.call-to-action--theme-chantarelle75 {
background-color: #e3d580; }
.call-to-action--theme-chantarelle50 {
background-color: #ebe2aa; }
.call-to-action--theme-chantarelle25 {
background-color: #f5f1d4; }
.call-to-action--theme-chantarelle7 {
background-color: #fcfbf3; }
.call-to-action--theme-white {
background-color: #fff; }
.call-to-action--theme-black {
background-color: #1d1d1b; }
.call-to-action--theme-pagebackground {
background-color: #faf8f6; }
.call-to-action--theme-grey {
background-color: #ebebeb; }
.call-to-action--theme-none {
background-color: rgba(0, 0, 0, 0); }
.call-to-action--text-theme-white {
color: #fff !important; }
.call-to-action--text-theme-black {
color: #1d1d1b !important; }
@media (max-width: 1349px) {
.call-to-action {
padding: 40px 40px; } }
@media (max-width: 1199px) {
.call-to-action {
padding: 30px 32px; } }
@media (max-width: 991px) {
.call-to-action {
padding: 21px 15px; } }
@media (max-width: 767px) {
.call-to-action {
padding: 25px 20px; } }
.call-to-action__text, .call-to-action__button {
margin: 15px 30px; }
@media (max-width: 1349px) {
.call-to-action__text, .call-to-action__button {
margin: 10px 20px; } }
@media (max-width: 1199px) {
.call-to-action__text, .call-to-action__button {
margin: 9px 18px; } }
@media (max-width: 991px) {
.call-to-action__text, .call-to-action__button {
margin: 7.5px 15px; } }
@media (max-width: 767px) {
.call-to-action__text, .call-to-action__button {
margin: 0; } }
.call-to-action__text {
width: 40%;
display: inline-block;
position: relative;
top: 1px;
vertical-align: middle; }
.call-to-action__button {
display: inline-block;
vertical-align: middle; }
.horisontal-checkboxes {
position: relative;
padding-bottom: 0; }
.horisontal-checkboxes__option .form-item {
margin-bottom: 0; }
.horisontal-checkboxes__option .form-item__input--checkbox:checked ~ span {
font-weight: bold; }
.horisontal-checkboxes .form-item__label {
position: relative;
padding-right: 1.5em; }
.iframe {
background-color: #fff; }
.iframe--box-padding {
padding-top: 80px;
padding-bottom: 80px; }
@media (max-width: 1349px) {
.iframe--box-padding {
padding-top: 60px;
padding-bottom: 60px; } }
@media (max-width: 1199px) {
.iframe--box-padding {
padding-top: 50px;
padding-bottom: 50px; } }
@media (max-width: 991px) {
.iframe--box-padding {
padding-top: 30px;
padding-bottom: 30px; } }
@media (max-width: 767px) {
.iframe--box-padding {
padding-top: 20px;
padding-bottom: 20px; } }
.iframe__item {
height: 100%;
position: relative;
overflow: hidden; }
.iframe--sixteennine .iframe__item {
padding-bottom: 56.25%; }
.iframe--fourthree .iframe__item {
padding-bottom: 75%; }
.iframe--square .iframe__item {
padding-bottom: 100%; }
.iframe__frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.environment-label {
align-items: center;
display: flex;
height: 100%; }
.environment-label__name {
margin-bottom: 0; }
.environment-label__image-container {
margin-right: 8px;
opacity: 0.4;
width: 110px; }
@media (max-width: 1199px) {
.environment-label__image-container {
width: 90px; } }
@media (max-width: 991px) {
.environment-label__image-container {
width: 80px; } }
@media (max-width: 767px) {
.environment-label__image-container {
width: 70px; } }
.environment-label__image-container img {
display: block;
height: auto;
margin: 0 auto;
max-height: 46px;
max-width: 100%;
width: auto; }
@media (max-width: 1199px) {
.environment-label__image-container img {
max-height: 40px; } }
@media (max-width: 991px) {
.environment-label__image-container img {
max-height: 30px; } }
.environment-labels {
padding-left: 80px;
padding-right: 80px;
background-color: #fff;
margin: 40px 0;
padding-top: 60px;
padding-bottom: 60px; }
@media (max-width: 1349px) {
.environment-labels {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.environment-labels {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.environment-labels {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.environment-labels {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 1349px) {
.environment-labels {
padding-top: 50px;
padding-bottom: 50px; } }
@media (max-width: 1199px) {
.environment-labels {
margin: 30px 0;
padding-top: 40px;
padding-bottom: 40px; } }
@media (max-width: 991px) {
.environment-labels {
margin: 20px 0;
padding-top: 30px;
padding-bottom: 30px; } }
.environment-labels__title {
margin-bottom: 40px; }
@media (max-width: 1349px) {
.environment-labels__title {
margin-bottom: 30px; } }
@media (max-width: 991px) {
.environment-labels__title {
margin-bottom: 20px; } }
@media (max-width: 767px) {
.environment-labels__title {
text-align: center; } }
@media (max-width: 767px) {
.environment-labels__list {
margin-left: -20px;
margin-right: -20px; } }
.environment-labels .border-grid__col {
padding: 25px; }
@media (max-width: 1199px) {
.environment-labels .border-grid__col {
padding: 20px; } }
@media (max-width: 991px) {
.environment-labels .border-grid__col {
padding: 15px; } }
@media (max-width: 767px) {
.environment-labels .border-grid__col {
padding: 10px 20px; } }
.form-item {
position: relative;
margin-bottom: 1em;
font-size: 1.1667em; }
.form-item--block {
display: block; }
.form-item__label {
display: inline-block;
font-size: .85712em;
font-weight: 400;
text-transform: none;
line-height: 1.3;
margin-bottom: .5em;
letter-spacing: 0.03em;
color: #1d1d1b; }
.form-item--required .form-item__label:after {
content: "*"; }
.form-item__input {
display: inline-block;
font-family: inherit;
font-size: inherit;
color: inherit;
padding: 12px;
border: 1px solid #d0d3d4;
outline: none; }
.form-item__input--text, .form-item__input--password {
width: 100%; }
.form-item__input--checkbox {
appearance: none;
width: 14px;
height: 14px;
margin: 0;
margin-right: 5px;
padding: 0;
opacity: 0;
border: 0; }
.form-item__checkbox-icon {
fill: none;
position: absolute;
top: 1px;
left: 0;
width: 16px;
height: 16px; }
.form-item__input:checked + .form-item__checkbox-icon {
fill: #1d1d1b;
stroke: #1d1d1b;
stroke-width: 1; }
.form-item__description {
margin-top: 0;
font-size: .85712em;
font-weight: 400;
text-transform: none;
line-height: 1.3;
letter-spacing: 0.03em;
color: rgba(29, 29, 27, 0.5); }
.form-row {
margin: 0 -10px; }
.form-row:before, .form-row:after {
content: " ";
display: table; }
.form-row:after {
clear: both; }
.form-row:last-of-type > .form-col > .form-item {
margin-bottom: 0; }
.form-col {
float: left;
padding: 0 10px; }
.form-col--1 {
width: 16.66667%; }
@media (max-width: 767px) {
.form-col--1 {
float: none;
width: auto; } }
.form-col--offset-1 {
margin-left: 16.66667%; }
@media (max-width: 767px) {
.form-col--offset-1 {
margin-left: 0; } }
.form-col--2 {
width: 33.33333%; }
@media (max-width: 767px) {
.form-col--2 {
float: none;
width: auto; } }
.form-col--offset-2 {
margin-left: 33.33333%; }
@media (max-width: 767px) {
.form-col--offset-2 {
margin-left: 0; } }
.form-col--3 {
width: 50%; }
@media (max-width: 767px) {
.form-col--3 {
float: none;
width: auto; } }
.form-col--offset-3 {
margin-left: 50%; }
@media (max-width: 767px) {
.form-col--offset-3 {
margin-left: 0; } }
.form-col--4 {
width: 66.66667%; }
@media (max-width: 767px) {
.form-col--4 {
float: none;
width: auto; } }
.form-col--offset-4 {
margin-left: 66.66667%; }
@media (max-width: 767px) {
.form-col--offset-4 {
margin-left: 0; } }
.form-col--5 {
width: 83.33333%; }
@media (max-width: 767px) {
.form-col--5 {
float: none;
width: auto; } }
.form-col--offset-5 {
margin-left: 83.33333%; }
@media (max-width: 767px) {
.form-col--offset-5 {
margin-left: 0; } }
.form-col--6 {
width: 100%; }
@media (max-width: 767px) {
.form-col--6 {
float: none;
width: auto; } }
.form-col--offset-6 {
margin-left: 100%; }
@media (max-width: 767px) {
.form-col--offset-6 {
margin-left: 0; } }
.login-form__password {
margin-bottom: 2em; }
@media (max-width: 767px) {
.login-form__password {
margin-bottom: 1em; } }
.login-form__remember-me {
margin-top: 8px; }
@media (max-width: 767px) {
.login-form__remember-me {
margin-top: 0; } }
@media (max-width: 767px) {
.login-form__forgot-password {
text-align: center; } }
.country-selector {
/*
&__sub-link:hover {
img, span {
opacity: 0.5;
}
}
&__sub-link:focus {
img, span {
opacity: 1;
}
}
&__sub-link:focus &__sub-list {
display: block;
}
*/ }
.country-selector > div {
padding: 40px 80px;
background: #fff; }
.country-selector > div + div {
margin-top: 1px; }
.country-selector__title {
margin-bottom: 2em; }
.country-selector__list {
margin-left: -15px;
margin-right: -15px; }
.country-selector__list:before, .country-selector__list:after {
content: " ";
display: table; }
.country-selector__list:after {
clear: both; }
.country-selector__list > * {
padding: 15px 15px; }
.country-selector__list > li {
position: relative;
float: left;
display: block;
width: 100%;
max-width: 190px; }
.country-selector__list > li > * {
position: relative;
display: inline-block;
text-decoration: none;
cursor: pointer;
outline: none; }
.country-selector__list > li > * > img {
height: 15px;
margin-right: 8px;
vertical-align: middle; }
.country-selector__list > li > * > span {
display: inline-block;
vertical-align: middle;
text-decoration: underline; }
.country-selector__list > li > *:hover, .country-selector__list > li > *.country-selector--sub-list-open {
opacity: 1; }
.country-selector__list > li > *:hover > img, .country-selector__list > li > *:hover > span, .country-selector__list > li > *.country-selector--sub-list-open > img, .country-selector__list > li > *.country-selector--sub-list-open > span {
opacity: 0.5; }
.country-selector__sub-list {
cursor: initial;
position: absolute;
bottom: 100%;
left: 10px;
margin-left: -12px;
margin-bottom: 16px;
min-width: 150px;
padding: 20px;
cursor: initial;
background: #fff;
border: 1px solid #EEF1F3;
line-height: 22px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 1;
display: none; }
.country-selector--sub-list-open .country-selector__sub-list {
display: block; }
.country-selector__sub-list:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 100%;
left: 4px;
margin-top: -7px;
transform: rotate(45deg);
background: #fff;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
border: 1px solid #EEF1F3; }
.country-selector__sub-list:after {
content: "";
position: absolute;
width: 40px;
height: 20px;
top: 100%;
margin-top: -20px;
left: 0;
background: #fff; }
@media (max-width: 1349px) {
.country-selector > div {
padding: 30px 60px; } }
@media (max-width: 1199px) {
.country-selector > div {
padding: 25px 50px; } }
@media (max-width: 991px) {
.country-selector > div {
padding: 20px 30px; } }
@media (max-width: 767px) {
.country-selector > div {
padding: 20px; } }
.cta-bar {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 0; }
.cta-bar h2 {
margin-right: 40px;
margin-bottom: 0;
white-space: nowrap; }
@media (max-width: 767px) {
.cta-bar h2 {
white-space: normal; } }
.cta-bar__container {
display: flex;
align-items: center;
flex-wrap: wrap; }
@media (max-width: 767px) {
.cta-bar__container {
flex-wrap: nowrap;
overflow-x: scroll;
padding-bottom: 16px; }
.cta-bar__container::-webkit-scrollbar {
-webkit-appearance: none;
height: 3px; }
.cta-bar__container::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } }
.cta-bar__container .cta-bar__item {
margin: 8px; }
.cta-bar__container .cta-bar__item:first-child {
margin-left: 0; }
.cta-bar__container .cta-bar__item:last-child {
margin-right: 0; }
.cta-row {
display: flex;
flex-direction: column;
align-items: center;
padding: 80px 0;
margin-bottom: -24px; }
@media (max-width: 767px) {
.cta-row h2 {
text-align: center; } }
.cta-row__container {
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: 48px; }
@media (max-width: 767px) {
.cta-row__container {
flex-wrap: wrap; } }
.cta-row__container .cta-row__item {
max-width: 33.33333%;
margin: 0 24px; }
.cta-row__container .cta-row__item:first-child {
margin-left: 0; }
.cta-row__container .cta-row__item:last-child {
margin-right: 0; }
@media (max-width: 767px) {
.cta-row__container .cta-row__item {
max-width: unset;
width: 75%;
margin: 0; }
.cta-row__container .cta-row__item:not(:first-child) {
margin-top: 24px; } }
.cta-row__container .cta-row__item .cta-text-and-icon {
display: flex;
flex-direction: column;
align-items: center;
text-align: center; }
.cta-row__container .cta-row__item .cta-text-and-icon p {
margin: 24px 0; }
.cta-text {
display: flex;
flex-direction: column;
padding: 24px; }
.design-tools-contact {
background: white;
white-space: nowrap;
padding: 80px; }
@media (max-width: 1349px) {
.design-tools-contact {
padding: 60px; } }
@media (max-width: 1199px) {
.design-tools-contact {
padding: 50px; } }
@media (max-width: 991px) {
.design-tools-contact {
padding: 30px; } }
@media (max-width: 767px) {
.design-tools-contact {
padding: 20px; } }
.design-tools-contact__image, .design-tools-contact__texts, .design-tools-contact__column {
vertical-align: bottom;
display: inline-block; }
.design-tools-contact__image {
width: 25%; }
.design-tools-contact__texts {
width: 75%;
padding-left: 40px;
white-space: normal; }
.design-tools-contact__title {
font-size: 1.5em; }
.design-tools-contact__columns {
margin: 0 -20px; }
.design-tools-contact__columns:before, .design-tools-contact__columns:after {
content: " ";
display: table; }
.design-tools-contact__columns:after {
clear: both; }
.design-tools-contact__columns > * {
float: left;
width: 33.33333%;
margin-top: 23px;
padding: 0 20px; }
.design-tools-contact .design-tools-contact__subtitle {
margin-bottom: 10px; }
@media (max-width: 1199px) {
.design-tools-contact__image {
display: none; }
.design-tools-contact__texts {
display: block;
width: 100%;
padding-left: 0; } }
@media (max-width: 991px) {
.design-tools-contact__columns > * {
width: 100%; } }
.downloads-block {
display: flex;
flex-wrap: wrap;
position: relative; }
.downloads-block--plate {
background-color: #fff; }
.downloads-block--margins {
margin: 40px 0; }
@media (max-width: 1349px) {
.downloads-block--margins {
margin: 30px 0; } }
@media (max-width: 1199px) {
.downloads-block--margins {
margin: 20px 0; } }
.downloads-block__main, .downloads-block__aside {
flex-grow: 0;
flex-shrink: 0;
padding-bottom: 50px; }
@media (max-width: 1349px) {
.downloads-block__main, .downloads-block__aside {
padding-bottom: 40px; } }
@media (max-width: 1199px) {
.downloads-block__main, .downloads-block__aside {
padding-bottom: 30px; } }
@media (max-width: 991px) {
.downloads-block__main, .downloads-block__aside {
padding-bottom: 20px; } }
@media (max-width: 767px) {
.downloads-block__main, .downloads-block__aside {
padding-bottom: 10px; } }
.downloads-block__main {
padding-top: 55px;
padding-left: 80px;
padding-right: 20px;
width: 100%; }
.downloads-block--aside .downloads-block__main {
width: 75%; }
@media (max-width: 1349px) {
.downloads-block__main {
padding-top: 48px;
padding-left: 60px; } }
@media (max-width: 1199px) {
.downloads-block__main {
padding-top: 40px;
padding-left: 50px; } }
@media (max-width: 991px) {
.downloads-block__main {
flex-basis: 100%;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.downloads-block__main {
padding-left: 20px;
padding-right: 20px; } }
.downloads-block__aside {
display: flex;
width: 25%;
padding-top: 127px; }
.downloads-block--margins.downloads-block--plate .downloads-block__aside {
background-color: #faf8f6; }
@media (max-width: 1349px) {
.downloads-block__aside {
padding-top: 106px; } }
@media (max-width: 1199px) {
.downloads-block__aside {
padding-top: 95px; } }
@media (max-width: 991px) {
.downloads-block__aside {
flex: 0 0 100%;
max-width: none;
width: 100%;
padding-top: 0;
padding-bottom: 30px;
margin-top: 0; }
.downloads-block--margins.downloads-block--plate .downloads-block__aside {
padding-top: 28px; } }
.downloads-block__cols {
display: flex;
flex-wrap: wrap;
margin-top: 40px; }
@media (max-width: 1349px) {
.downloads-block__cols {
margin-top: 30px; } }
@media (max-width: 767px) {
.downloads-block__cols {
margin-top: 0; } }
.downloads-block__col {
flex: 0 0 calc(99.9% * 3/12 - (30px - 30px * 3/12));
max-width: calc(99.9% * 3/12 - (30px - 30px * 3/12));
width: calc(99.9% * 3/12 - (30px - 30px * 3/12));
margin-right: 30px;
margin-bottom: 20px; }
.downloads-block__col:last-child, .downloads-block__col:nth-child(4n) {
margin-right: 0; }
.downloads-block--aside .downloads-block__col {
flex: 0 0 calc(99.9% * 4/12 - (30px - 30px * 4/12));
max-width: calc(99.9% * 4/12 - (30px - 30px * 4/12));
width: calc(99.9% * 4/12 - (30px - 30px * 4/12)); }
.downloads-block--aside .downloads-block__col:nth-child(3n) {
margin-right: 0; }
@media (max-width: 767px) {
.downloads-block--aside .downloads-block__col {
flex: 0 0 auto;
max-width: none;
width: 100%;
margin-top: 28px; }
.downloads-block--aside .downloads-block__col:first-child {
margin-top: 20px; } }
@media (max-width: 767px) {
.downloads-block__col {
flex: 0 0 auto;
max-width: none;
width: 100%;
margin-top: 28px; }
.downloads-block__col:first-child {
margin-top: 20px; } }
.downloads-block__info {
padding-left: 50px;
padding-right: 70px; }
@media (max-width: 1349px) {
.downloads-block__info {
padding-left: 42px;
padding-right: 56px; } }
@media (max-width: 1199px) {
.downloads-block__info {
padding-left: 32px;
padding-right: 45px; } }
@media (max-width: 991px) {
.downloads-block__info {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.downloads-block__info {
padding-left: 20px;
padding-right: 20px; } }
.downloads-block__info-title {
font-size: inherit;
font-weight: 500;
letter-spacing: inherit;
margin-bottom: 20px; }
.downloads-block__info-cta {
float: right;
margin-top: 20px; }
@media (max-width: 991px) {
.downloads-block__info-cta {
display: block;
float: none;
margin-top: 15px; } }
.downloads-block__cta-container {
align-self: flex-end;
padding-right: 80px;
width: 100%; }
@media (max-width: 1349px) {
.downloads-block__cta-container {
padding-right: 60px; } }
@media (max-width: 1199px) {
.downloads-block__cta-container {
padding-right: 50px; } }
@media (max-width: 991px) {
.downloads-block__cta-container {
padding-left: 30px;
padding-right: 30px;
text-align: center; } }
@media (max-width: 767px) {
.downloads-block__cta-container {
padding-left: 20px;
padding-right: 20px; } }
.downloads-block__cta-container .button {
width: 100%; }
@media (max-width: 991px) {
.downloads-block__cta-container .button {
width: auto; } }
.download-list {
list-style-type: none;
margin: 24px 0 0;
padding: 0; }
@media (max-width: 1349px) {
.download-list {
margin-top: 20px; } }
@media (max-width: 767px) {
.download-list {
margin-top: 14px; } }
.download-list__item {
margin: 12px 0; }
.download-list__item-icon {
float: left;
position: relative; }
.download-list__item--image .download-list__item-icon {
height: 21px;
width: 29px; }
@media (max-width: 1349px) {
.download-list__item--image .download-list__item-icon {
height: 20px;
width: 27px; } }
@media (max-width: 1199px) {
.download-list__item--image .download-list__item-icon {
height: 16px;
width: 23px; } }
.download-list__item--cad .download-list__item-icon {
height: 34px;
width: 29px; }
@media (max-width: 1349px) {
.download-list__item--cad .download-list__item-icon {
height: 32px;
width: 27px; } }
@media (max-width: 1199px) {
.download-list__item--cad .download-list__item-icon {
height: 26px;
width: 23px; } }
.download-list__item--document .download-list__item-icon {
height: 30px;
width: 22px;
top: 2px; }
@media (max-width: 1349px) {
.download-list__item--document .download-list__item-icon {
height: 27px;
width: 21px; } }
@media (max-width: 1199px) {
.download-list__item--document .download-list__item-icon {
height: 26px;
width: 18px; } }
.download-list__item-text {
display: block;
padding-left: 46px; }
@media (max-width: 1349px) {
.download-list__item-text {
padding-left: 42px; } }
@media (max-width: 1199px) {
.download-list__item-text {
padding-left: 36px; } }
.download-list__item-link {
display: block;
margin-bottom: 4px; }
.download-list__item-meta {
opacity: 0.5; }
.download-option > a {
display: block;
padding: 3px;
text-decoration: none; }
.download-option > a .icon {
width: 13px;
height: 13px; }
.download-option > a .icon, .download-option > a > span {
display: inline-block;
vertical-align: middle; }
.download-option__text {
margin-left: 7px;
text-decoration: underline; }
.download-option__meta {
opacity: 0.5; }
.columns {
overflow: hidden;
padding: 48px; }
.columns--no-margin-top {
padding-top: 0; }
.columns--no-margin-bottom {
padding-bottom: 0; }
.columns.space-half__top {
padding-top: 24px; }
.columns.space-half__bottom {
padding-bottom: 24px; }
.columns.space-half__horizontal {
padding-left: 24px;
padding-right: 24px; }
.columns.space-quarter__top {
padding-top: 12px; }
.columns.space-quarter__bottom {
padding-bottom: 12px; }
.columns.space-quarter__horizontal {
padding-left: 12px;
padding-right: 12px; }
.columns.no-space__horizontal {
padding-left: 0;
padding-right: 0; }
@media (max-width: 767px) {
.columns:not([class*="columns--theme"]) {
padding-left: 0;
padding-right: 0; } }
.columns--theme-aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.columns--theme-aquamarine .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.columns--theme-lemonyellow .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.columns--theme-mistygrey .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.columns--theme-graphitegrey .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.columns--theme-polargreen .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.columns--theme-springgreen .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chilired {
background-color: #d22630;
color: #fff; }
.columns--theme-chilired .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.columns--theme-salmon .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-cinnamon {
background-color: #6d4f47;
color: #fff; }
.columns--theme-cinnamon .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.columns--theme-flamingopink .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.columns--theme-kingfisherblue .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-sdw20green {
background-color: #244f3e;
color: #fff; }
.columns--theme-sdw20green .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-slate {
background-color: #3d3935;
color: #fff; }
.columns--theme-slate .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-slate100 {
background-color: #3d3935;
color: #fff; }
.columns--theme-slate100 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-slate75 {
background-color: #6e6b68;
color: #fff; }
.columns--theme-slate75 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-slate50 {
background-color: #9d9b99;
color: #fff; }
.columns--theme-slate50 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.columns--theme-slate25 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.columns--theme-slate7 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-eveningsky {
background-color: #284458;
color: #fff; }
.columns--theme-eveningsky .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-eveningsky100 {
background-color: #284458;
color: #fff; }
.columns--theme-eveningsky100 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-eveningsky75 {
background-color: #5e7382;
color: #fff; }
.columns--theme-eveningsky75 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.columns--theme-eveningsky50 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.columns--theme-eveningsky25 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.columns--theme-eveningsky7 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-organicgreen {
background-color: #2e483e;
color: #fff; }
.columns--theme-organicgreen .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-organicgreen100 {
background-color: #2e483e;
color: #fff; }
.columns--theme-organicgreen100 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-organicgreen75 {
background-color: #62766e;
color: #fff; }
.columns--theme-organicgreen75 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-organicgreen50 {
background-color: #96a39e;
color: #fff; }
.columns--theme-organicgreen50 .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.columns--theme-organicgreen25 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.columns--theme-organicgreen7 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-sand {
background-color: #b6a284;
color: #1d1d1b; }
.columns--theme-sand .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.columns--theme-sand100 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.columns--theme-sand75 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.columns--theme-sand50 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.columns--theme-sand25 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.columns--theme-sand7 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.columns--theme-rhubarb .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.columns--theme-rhubarb100 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.columns--theme-rhubarb75 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.columns--theme-rhubarb50 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.columns--theme-rhubarb25 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.columns--theme-rhubarb7 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.columns--theme-chantarelle .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.columns--theme-chantarelle100 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.columns--theme-chantarelle75 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.columns--theme-chantarelle50 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.columns--theme-chantarelle25 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.columns--theme-chantarelle7 .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-white {
background-color: #fff;
color: #1d1d1b; }
.columns--theme-white .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-black {
background-color: #1d1d1b;
color: #fff; }
.columns--theme-black .button-secondary {
border-color: #fff;
color: #fff; }
.columns--theme-pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.columns--theme-pagebackground .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-grey {
background-color: #ebebeb;
color: #1d1d1b; }
.columns--theme-grey .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--theme-none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.columns--theme-none .button-secondary {
border-color: #1d1d1b;
color: #1d1d1b; }
.columns--text-aquamarine {
color: #a9dae7; }
.columns--text-lemonyellow {
color: #f6eb61; }
.columns--text-mistygrey {
color: #d0d3d4; }
.columns--text-graphitegrey {
color: #a2a6a8; }
.columns--text-polargreen {
color: #e0edd5; }
.columns--text-springgreen {
color: #b7d698; }
.columns--text-chilired {
color: #d22630; }
.columns--text-salmon {
color: #e6baa8; }
.columns--text-cinnamon {
color: #6d4f47; }
.columns--text-flamingopink {
color: #fad0c8; }
.columns--text-kingfisherblue {
color: #00a0d8; }
.columns--text-sdw20green {
color: #244f3e; }
.columns--text-slate {
color: #3d3935; }
.columns--text-slate100 {
color: #3d3935; }
.columns--text-slate75 {
color: #6e6b68; }
.columns--text-slate50 {
color: #9d9b99; }
.columns--text-slate25 {
color: #cecdcc; }
.columns--text-slate7 {
color: #f1f1f1; }
.columns--text-eveningsky {
color: #284458; }
.columns--text-eveningsky100 {
color: #284458; }
.columns--text-eveningsky75 {
color: #5e7382; }
.columns--text-eveningsky50 {
color: #93a1ab; }
.columns--text-eveningsky25 {
color: #c9d0d5; }
.columns--text-eveningsky7 {
color: #f0f2f3; }
.columns--text-organicgreen {
color: #2e483e; }
.columns--text-organicgreen100 {
color: #2e483e; }
.columns--text-organicgreen75 {
color: #62766e; }
.columns--text-organicgreen50 {
color: #96a39e; }
.columns--text-organicgreen25 {
color: #cad1ce; }
.columns--text-organicgreen7 {
color: #f0f2f1; }
.columns--text-sand {
color: #b6a284; }
.columns--text-sand100 {
color: #b6a284; }
.columns--text-sand75 {
color: #c8b9a3; }
.columns--text-sand50 {
color: #dad0c1; }
.columns--text-sand25 {
color: #ece7e0; }
.columns--text-sand7 {
color: #faf8f6; }
.columns--text-rhubarb {
color: #dd7975; }
.columns--text-rhubarb100 {
color: #dd7975; }
.columns--text-rhubarb75 {
color: #e69b98; }
.columns--text-rhubarb50 {
color: #edbbb9; }
.columns--text-rhubarb25 {
color: #f6dddc; }
.columns--text-rhubarb7 {
color: #fcf5f5; }
.columns--text-chantarelle {
color: #d9c756; }
.columns--text-chantarelle100 {
color: #d9c756; }
.columns--text-chantarelle75 {
color: #e3d580; }
.columns--text-chantarelle50 {
color: #ebe2aa; }
.columns--text-chantarelle25 {
color: #f5f1d4; }
.columns--text-chantarelle7 {
color: #fcfbf3; }
.columns--text-white {
color: #fff; }
.columns--text-black {
color: #1d1d1b; }
.columns--text-pagebackground {
color: #faf8f6; }
.columns--text-grey {
color: #ebebeb; }
.columns--text-none {
color: rgba(0, 0, 0, 0); }
.columns__title {
margin-bottom: 1em; }
.columns__grid {
margin-left: -10px;
margin-right: -10px;
margin-left: -32px;
margin-right: -32px;
display: flex; }
.columns__grid:before, .columns__grid:after {
content: " ";
display: table; }
.columns__grid:after {
clear: both; }
.columns__grid > * {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 100%; }
.columns__grid > * {
padding: 32px 32px; }
.columns__grid > * {
display: flex;
flex-direction: column;
min-height: 1px; }
.columns__grid > * > * {
min-height: 1px; }
.columns h5 {
margin-top: 1.6em;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.9px;
text-transform: uppercase;
color: inherit; }
.columns img {
display: inline-block;
max-width: 100%;
height: auto; }
.columns img:first-child {
margin-top: 0; }
.columns img:last-child {
margin-bottom: 0; }
.columns p:first-child {
margin-top: 0; }
.columns .subheadline {
color: #1d1d1b;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.9px;
text-transform: uppercase;
margin-top: 3em; }
.columns--cols-2 .columns__grid > * {
width: 50%; }
.columns--cols-2 .columns__grid > *:nth-child(2n + 1) {
clear: left; }
.columns--cols-2.columns--center .columns__grid > * {
width: 20%; }
.columns--cols-2.columns--center .columns__grid > *:nth-child(2n + 1) {
margin-left: 30%; }
.columns--cols-3 .columns__grid > * {
width: 33.33333%; }
.columns--cols-3 .columns__grid > *:nth-child(3n + 1) {
clear: left; }
.columns--cols-3.columns--center .columns__grid > * {
width: 20%; }
.columns--cols-3.columns--center .columns__grid > *:nth-child(3n + 1) {
margin-left: 20%; }
.columns--cols-4 .columns__grid > * {
width: 25%; }
.columns--cols-4 .columns__grid > *:nth-child(4n + 1) {
clear: left; }
.columns--cols-4.columns--center .columns__grid > * {
width: 20%; }
.columns--cols-4.columns--center .columns__grid > *:nth-child(4n + 1) {
margin-left: 10%; }
.columns--cols-5 .columns__grid > * {
width: 20%; }
.columns--cols-5 .columns__grid > *:nth-child(5n + 1) {
clear: left; }
.columns--cols-5.columns--center .columns__grid > * {
width: 20%; }
.columns--cols-5.columns--center .columns__grid > *:nth-child(5n + 1) {
margin-left: 0%; }
.columns .dimmed:nth-child(2), .columns .contact-form__legend:nth-child(2) {
margin-top: 3em; }
.columns--cols-1.columns--center .columns__grid > * {
width: 58%;
margin-left: 21%; }
@media (max-width: 1349px) {
.columns__grid {
margin-left: -24px;
margin-right: -24px; }
.columns__grid > * {
padding: 24px 24px; } }
@media (max-width: 1199px) {
.columns__grid {
margin-left: -16px;
margin-right: -16px; }
.columns__grid > * {
padding: 16px 16px; } }
@media (max-width: 991px) {
.columns__grid {
margin-left: -8px;
margin-right: -8px; }
.columns__grid > * {
padding: 8px 8px; } }
@media (max-width: 767px) {
.columns {
padding: 24px; }
.columns__grid {
margin-left: -8px;
margin-right: -8px;
display: block; }
.columns__grid > * {
padding: 8px 8px; }
.columns--cols-2 .columns__grid > * {
width: 100%; }
.columns--cols-2.columns--center .columns__grid > * {
width: 100%; }
.columns--cols-2.columns--center .columns__grid > *:nth-child(2n + 1) {
margin-left: 0; }
.columns--cols-3 .columns__grid > * {
width: 100%; }
.columns--cols-3.columns--center .columns__grid > * {
width: 100%; }
.columns--cols-3.columns--center .columns__grid > *:nth-child(3n + 1) {
margin-left: 0; }
.columns--cols-4 .columns__grid > * {
width: 100%; }
.columns--cols-4.columns--center .columns__grid > * {
width: 100%; }
.columns--cols-4.columns--center .columns__grid > *:nth-child(4n + 1) {
margin-left: 0; }
.columns--cols-5 .columns__grid > * {
width: 100%; }
.columns--cols-5.columns--center .columns__grid > * {
width: 100%; }
.columns--cols-5.columns--center .columns__grid > *:nth-child(5n + 1) {
margin-left: 0; }
.columns--cols-1.columns--center .columns__grid > * {
float: none;
width: 100%;
max-width: 390px;
margin-left: auto;
margin-right: auto; } }
.conceptnavigation-block__container {
position: relative; }
.ball__theme--aquamarine {
background-color: #a9dae7;
color: #fff; }
.ball__theme--lemonyellow {
background-color: #f6eb61;
color: #fff; }
.ball__theme--mistygrey {
background-color: #d0d3d4;
color: #fff; }
.ball__theme--graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.ball__theme--polargreen {
background-color: #e0edd5;
color: #fff; }
.ball__theme--springgreen {
background-color: #b7d698;
color: #fff; }
.ball__theme--chilired {
background-color: #d22630;
color: #fff; }
.ball__theme--salmon {
background-color: #e6baa8;
color: #fff; }
.ball__theme--cinnamon {
background-color: #6d4f47;
color: #fff; }
.ball__theme--flamingopink {
background-color: #fad0c8;
color: #fff; }
.ball__theme--kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.ball__theme--sdw20green {
background-color: #244f3e;
color: #fff; }
.ball__theme--slate {
background-color: #3d3935;
color: #fff; }
.ball__theme--slate100 {
background-color: #3d3935;
color: #fff; }
.ball__theme--slate75 {
background-color: #6e6b68;
color: #fff; }
.ball__theme--slate50 {
background-color: #9d9b99;
color: #fff; }
.ball__theme--slate25 {
background-color: #cecdcc;
color: #fff; }
.ball__theme--slate7 {
background-color: #f1f1f1;
color: #fff; }
.ball__theme--eveningsky {
background-color: #284458;
color: #fff; }
.ball__theme--eveningsky100 {
background-color: #284458;
color: #fff; }
.ball__theme--eveningsky75 {
background-color: #5e7382;
color: #fff; }
.ball__theme--eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.ball__theme--eveningsky25 {
background-color: #c9d0d5;
color: #fff; }
.ball__theme--eveningsky7 {
background-color: #f0f2f3;
color: #fff; }
.ball__theme--organicgreen {
background-color: #2e483e;
color: #fff; }
.ball__theme--organicgreen100 {
background-color: #2e483e;
color: #fff; }
.ball__theme--organicgreen75 {
background-color: #62766e;
color: #fff; }
.ball__theme--organicgreen50 {
background-color: #96a39e;
color: #fff; }
.ball__theme--organicgreen25 {
background-color: #cad1ce;
color: #fff; }
.ball__theme--organicgreen7 {
background-color: #f0f2f1;
color: #fff; }
.ball__theme--sand {
background-color: #b6a284;
color: #fff; }
.ball__theme--sand100 {
background-color: #b6a284;
color: #fff; }
.ball__theme--sand75 {
background-color: #c8b9a3;
color: #fff; }
.ball__theme--sand50 {
background-color: #dad0c1;
color: #fff; }
.ball__theme--sand25 {
background-color: #ece7e0;
color: #fff; }
.ball__theme--sand7 {
background-color: #faf8f6;
color: #fff; }
.ball__theme--rhubarb {
background-color: #dd7975;
color: #fff; }
.ball__theme--rhubarb100 {
background-color: #dd7975;
color: #fff; }
.ball__theme--rhubarb75 {
background-color: #e69b98;
color: #fff; }
.ball__theme--rhubarb50 {
background-color: #edbbb9;
color: #fff; }
.ball__theme--rhubarb25 {
background-color: #f6dddc;
color: #fff; }
.ball__theme--rhubarb7 {
background-color: #fcf5f5;
color: #fff; }
.ball__theme--chantarelle {
background-color: #d9c756;
color: #fff; }
.ball__theme--chantarelle100 {
background-color: #d9c756;
color: #fff; }
.ball__theme--chantarelle75 {
background-color: #e3d580;
color: #fff; }
.ball__theme--chantarelle50 {
background-color: #ebe2aa;
color: #fff; }
.ball__theme--chantarelle25 {
background-color: #f5f1d4;
color: #fff; }
.ball__theme--chantarelle7 {
background-color: #fcfbf3;
color: #fff; }
.ball__theme--white {
background-color: #fff;
color: #fff; }
.ball__theme--black {
background-color: #1d1d1b;
color: #fff; }
.ball__theme--pagebackground {
background-color: #faf8f6;
color: #fff; }
.ball__theme--grey {
background-color: #ebebeb;
color: #fff; }
.ball__theme--none {
background-color: rgba(0, 0, 0, 0);
color: #fff; }
.block__theme--aquamarine {
background-color: rgba(169, 218, 231, 0.1); }
.block__theme--lemonyellow {
background-color: rgba(246, 235, 97, 0.1); }
.block__theme--mistygrey {
background-color: rgba(208, 211, 212, 0.1); }
.block__theme--graphitegrey {
background-color: rgba(162, 166, 168, 0.1); }
.block__theme--polargreen {
background-color: rgba(224, 237, 213, 0.1); }
.block__theme--springgreen {
background-color: rgba(183, 214, 152, 0.1); }
.block__theme--chilired {
background-color: rgba(210, 38, 48, 0.1); }
.block__theme--salmon {
background-color: rgba(230, 186, 168, 0.1); }
.block__theme--cinnamon {
background-color: rgba(109, 79, 71, 0.1); }
.block__theme--flamingopink {
background-color: rgba(250, 208, 200, 0.1); }
.block__theme--kingfisherblue {
background-color: rgba(0, 160, 216, 0.1); }
.block__theme--sdw20green {
background-color: rgba(36, 79, 62, 0.1); }
.block__theme--slate {
background-color: rgba(61, 57, 53, 0.1); }
.block__theme--slate100 {
background-color: rgba(61, 57, 53, 0.1); }
.block__theme--slate75 {
background-color: rgba(110, 107, 104, 0.1); }
.block__theme--slate50 {
background-color: rgba(157, 155, 153, 0.1); }
.block__theme--slate25 {
background-color: rgba(206, 205, 204, 0.1); }
.block__theme--slate7 {
background-color: rgba(241, 241, 241, 0.1); }
.block__theme--eveningsky {
background-color: rgba(40, 68, 88, 0.1); }
.block__theme--eveningsky100 {
background-color: rgba(40, 68, 88, 0.1); }
.block__theme--eveningsky75 {
background-color: rgba(94, 115, 130, 0.1); }
.block__theme--eveningsky50 {
background-color: rgba(147, 161, 171, 0.1); }
.block__theme--eveningsky25 {
background-color: rgba(201, 208, 213, 0.1); }
.block__theme--eveningsky7 {
background-color: rgba(240, 242, 243, 0.1); }
.block__theme--organicgreen {
background-color: rgba(46, 72, 62, 0.1); }
.block__theme--organicgreen100 {
background-color: rgba(46, 72, 62, 0.1); }
.block__theme--organicgreen75 {
background-color: rgba(98, 118, 110, 0.1); }
.block__theme--organicgreen50 {
background-color: rgba(150, 163, 158, 0.1); }
.block__theme--organicgreen25 {
background-color: rgba(202, 209, 206, 0.1); }
.block__theme--organicgreen7 {
background-color: rgba(240, 242, 241, 0.1); }
.block__theme--sand {
background-color: rgba(182, 162, 132, 0.1); }
.block__theme--sand100 {
background-color: rgba(182, 162, 132, 0.1); }
.block__theme--sand75 {
background-color: rgba(200, 185, 163, 0.1); }
.block__theme--sand50 {
background-color: rgba(218, 208, 193, 0.1); }
.block__theme--sand25 {
background-color: rgba(236, 231, 224, 0.1); }
.block__theme--sand7 {
background-color: rgba(250, 248, 246, 0.1); }
.block__theme--rhubarb {
background-color: rgba(221, 121, 117, 0.1); }
.block__theme--rhubarb100 {
background-color: rgba(221, 121, 117, 0.1); }
.block__theme--rhubarb75 {
background-color: rgba(230, 155, 152, 0.1); }
.block__theme--rhubarb50 {
background-color: rgba(237, 187, 185, 0.1); }
.block__theme--rhubarb25 {
background-color: rgba(246, 221, 220, 0.1); }
.block__theme--rhubarb7 {
background-color: rgba(252, 245, 245, 0.1); }
.block__theme--chantarelle {
background-color: rgba(217, 199, 86, 0.1); }
.block__theme--chantarelle100 {
background-color: rgba(217, 199, 86, 0.1); }
.block__theme--chantarelle75 {
background-color: rgba(227, 213, 128, 0.1); }
.block__theme--chantarelle50 {
background-color: rgba(235, 226, 170, 0.1); }
.block__theme--chantarelle25 {
background-color: rgba(245, 241, 212, 0.1); }
.block__theme--chantarelle7 {
background-color: rgba(252, 251, 243, 0.1); }
.block__theme--white {
background-color: rgba(255, 255, 255, 0.1); }
.block__theme--black {
background-color: rgba(29, 29, 27, 0.1); }
.block__theme--pagebackground {
background-color: rgba(250, 248, 246, 0.1); }
.block__theme--grey {
background-color: rgba(235, 235, 235, 0.1); }
.block__theme--none {
background-color: rgba(0, 0, 0, 0.1); }
.conceptnavigation-block {
padding: 80px;
min-height: 380px; }
.conceptnavigation-block:before, .conceptnavigation-block:after {
content: " ";
display: table; }
.conceptnavigation-block:after {
clear: both; }
@media (max-width: 1349px) {
.conceptnavigation-block {
padding: 60px; } }
@media (max-width: 1199px) {
.conceptnavigation-block {
padding: 50px; } }
@media (max-width: 991px) {
.conceptnavigation-block {
padding: 30px; } }
@media (max-width: 767px) {
.conceptnavigation-block {
padding: 20px; } }
.conceptnavigation-block__col-left {
float: left;
width: 40%;
display: flex;
justify-content: center;
padding-right: 60px; }
.conceptnavigation-block__col-right {
float: right;
width: 60%; }
.conceptnavigation-block img {
max-width: 100%; }
.conceptnavigation-block__title {
margin: 40px 0 64px;
text-align: center; }
.conceptnavigation-block__text {
margin-bottom: 70px; }
.conceptnavigation-block__ball {
width: 220px;
height: 220px;
top: 0;
position: relative; }
.conceptnavigation-block__ball .ball {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 220px;
height: 220px;
border-radius: 110px;
padding: 10%;
border: none;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
line-height: 1;
position: absolute; }
.conceptnavigation-block__ball--sticky {
position: fixed;
top: 80px; }
.conceptnavigation-block__ball--offset {
top: 160px; }
.conceptnavigation-block__ball--freeze {
position: absolute;
bottom: 80px;
top: unset; }
.conceptnavigation-block__ball--svg {
position: absolute;
display: flex;
transition: transform 150ms; }
@media (max-width: 1349px) {
.conceptnavigation-block {
min-height: 340px; }
.conceptnavigation-block__col-left {
padding-right: 60px; }
.conceptnavigation-block__title {
margin-bottom: 44px; }
.conceptnavigation-block__text {
margin-bottom: 50px; }
.conceptnavigation-block__ball .ball:first-child {
margin-bottom: 20px; } }
@media (max-width: 1199px) {
.conceptnavigation-block {
min-height: 320px; }
.conceptnavigation-block__col-left {
padding-right: 50px; }
.conceptnavigation-block__title {
margin-top: 30px;
margin-bottom: 30px; }
.conceptnavigation-block__text {
margin-bottom: 26px; } }
@media (max-width: 991px) {
.conceptnavigation-block {
min-height: 280px; }
.conceptnavigation-block__col-left {
padding-right: 30px; }
.conceptnavigation-block__ball .ball:first-child {
margin-bottom: 10px;
margin-right: 8px; } }
@media (max-width: 767px) {
.conceptnavigation-block {
padding-top: 30px;
min-height: unset; }
.conceptnavigation-block__col-left {
width: 100%;
height: 200px;
justify-content: left; }
.conceptnavigation-block__col-right {
width: 100%;
float: unset; }
.conceptnavigation-block__title {
margin-top: 0;
margin-bottom: 20px; }
.conceptnavigation-block__text {
margin-bottom: 20px; }
.conceptnavigation-block__ball .ball {
width: 170px;
height: 170px; }
.conceptnavigation-block__ball--svg {
position: absolute;
display: flex;
width: 170px;
height: 170px; }
.conceptnavigation-block__ball--sticky {
margin-left: 20px; }
.conceptnavigation-block__ball--freeze {
margin-left: 20px; } }
.brand-block {
padding: 80px;
padding: 60px;
background-color: #fff; }
@media (max-width: 1349px) {
.brand-block {
padding: 60px; } }
@media (max-width: 1199px) {
.brand-block {
padding: 50px; } }
@media (max-width: 991px) {
.brand-block {
padding: 30px; } }
@media (max-width: 767px) {
.brand-block {
padding: 20px; } }
.brand-block:before, .brand-block:after {
content: " ";
display: table; }
.brand-block:after {
clear: both; }
.brand-block__img-wrap {
position: relative;
float: left;
width: 23%;
height: 160px; }
@media (max-width: 1349px) {
.brand-block__img-wrap {
height: 135px; } }
@media (max-width: 1199px) {
.brand-block__img-wrap {
height: 110px; } }
@media (max-width: 991px) {
.brand-block__img-wrap {
height: 90px; } }
@media (max-width: 767px) {
.brand-block__img-wrap {
width: 100%;
height: auto;
float: none; } }
.brand-block__img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
transform: translate(-50%, -50%); }
@media (max-width: 767px) {
.brand-block__img {
position: static;
margin-bottom: 20px;
transform: none; } }
.brand-block__body {
float: left;
width: 77%;
max-width: 460px;
padding-left: 60px; }
@media (max-width: 1199px) {
.brand-block__body {
padding-left: 50px; } }
@media (max-width: 991px) {
.brand-block__body {
padding-left: 30px; } }
@media (max-width: 767px) {
.brand-block__body {
float: none;
width: 100%;
max-width: 100%;
padding-left: 0; } }
.brand-block__link {
display: block;
margin-top: 22px; }
.brochure {
background-color: #fff;
padding-left: 10%;
padding-right: 10%;
padding-top: 65px; }
.brochure:before, .brochure:after {
content: " ";
display: table; }
.brochure:after {
clear: both; }
@media (max-width: 1349px) {
.brochure {
padding-top: 45px; } }
@media (max-width: 1199px) {
.brochure {
padding-top: 30px; } }
@media (max-width: 991px) {
.brochure {
padding-top: 24px; } }
.brochure--no-padding {
padding-top: 0; }
.brochure .brochure-app form {
margin: 0 -100px; }
.brochure .brochure-app ul {
list-style-type: disc; }
.brochure .brochure-app ul li {
margin-left: 1em; }
.brochure .brochure-app .form-field + .form-field {
margin-top: 20px; }
.brochure .brochure-app .brochureitems {
display: grid;
grid-template-columns: 1fr 1fr 1fr; }
.brochure .brochure-app .brochureitems .brochureitem {
transition: all 0.25s ease-in-out;
border: 1px solid #eef1f3;
padding: 2em;
padding-bottom: 1em;
margin-top: 2em;
display: flex;
flex-direction: column;
width: 300px; }
.brochure .brochure-app .brochureitems .brochureitem img {
width: 237px;
height: auto;
margin: 0 auto; }
.brochure .brochure-app .brochureitems .brochureitem__text {
width: 100%;
text-align: center;
font-size: 1.2em;
margin-top: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.6px; }
.brochure .brochure-app .brochureitems .brochureitem-selected {
background: #eee; }
.brochure .brochure-app .form-fieldset {
padding: 80px;
float: left;
width: 50%; }
#language-selector-modal-suggestions {
display: none; }
.language-selector-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 29, 27, 0.8);
z-index: 999;
white-space: nowrap;
text-align: center; }
.language-selector-modal:after {
content: "";
height: 100%; }
.language-selector-modal > *, .language-selector-modal:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.language-selector-modal__pane {
position: relative;
padding: 60px 55px 40px;
margin: 0 20px;
background: #fff; }
.language-selector-modal__close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer; }
.language-selector-modal__close:hover {
opacity: 0.5; }
.language-selector-modal__list {
margin: 20px -16px; }
.language-selector-modal__list > li {
display: inline-block;
padding: 10px 16px; }
.language-selector-modal__list > li > * {
position: relative;
display: block;
cursor: pointer;
text-decoration: none; }
.language-selector-modal__list > li > * > img {
height: 43px;
display: inline-block;
margin-bottom: 10px; }
.language-selector-modal__list > li > * > span {
display: block; }
.language-selector-modal__list > li > *:hover, .language-selector-modal__list > li > *.language-selector--sub-list-open {
opacity: 1; }
.language-selector-modal__list > li > *:hover > img, .language-selector-modal__list > li > *:hover > span, .language-selector-modal__list > li > *.language-selector--sub-list-open > img, .language-selector-modal__list > li > *.language-selector--sub-list-open > span {
opacity: 0.5; }
.language-selector-modal .language-selector__sub-list {
text-align: left;
left: 50%;
margin-bottom: -10px; }
.image-bank-card {
float: left;
padding: 12px 12px 0;
position: relative;
width: 16.66667%; }
@media (max-width: 1199px) {
.image-bank-card {
padding: 8px 8px 0;
width: 25%; } }
@media (max-width: 767px) {
.image-bank-card {
width: 50%; } }
.image-bank-card__image-container {
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative; }
.image-bank-card__image {
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 50%;
transform: translateY(-50%); }
.image-bank-card__image--wide {
width: auto;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%); }
.image-bank-card__download-options {
padding: 8px 0; }
@media (max-width: 767px) {
.image-bank-card__download-options {
padding-left: 16px;
padding-right: 16px; } }
.authentication-box {
display: none;
position: absolute;
top: 100%;
right: 0;
min-width: 250px;
padding: 30px 20px 20px;
background-color: #fff;
z-index: 10; }
.authentication-box__close {
background-color: transparent;
border: 0;
padding: 10px;
outline: none;
position: absolute;
top: 0;
right: 14px; }
@media (max-width: 767px) {
.authentication-box__close {
padding: 20px;
right: 3px; } }
.authentication-box__close svg {
width: 15px;
height: 15px; }
@media (max-width: 767px) {
.authentication-box__close svg {
width: 12px;
height: 12px; } }
@media (max-width: 767px) {
.authentication-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; } }
.authentication-box--expanded {
display: block; }
.authentication-box__xs-headline {
display: none;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #d0d3d4; }
@media (max-width: 767px) {
.authentication-box__xs-headline {
display: block; } }
.video-container {
position: relative; }
.video-container:hover .controls {
opacity: 1; }
.video-container .controls {
transition: opacity 0.5s;
opacity: 0;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.5);
padding: 5px;
justify-content: flex-end; }
.video-container .controls button {
color: white;
background: transparent;
border: none;
margin-left: 10px;
cursor: pointer; }
.video-container .controls button:hover {
color: #e6e6e6; }
.dropdown-list {
margin-left: 8px;
min-width: 180px; }
@media (max-width: 991px) {
.dropdown-list {
margin-left: 0;
margin-top: 16px;
width: 100%; } }
.dropdown-list .dropdown-list__button {
display: flex;
align-items: center;
border: unset;
background: #ece7e0;
border-radius: 4px;
padding-right: 12px;
padding-left: 12px;
font-weight: 400;
height: 36px;
color: #1d1d1b;
justify-content: space-between; }
@media (min-width: 992px) {
.dropdown-list .dropdown-list__button {
width: 100%; } }
.dropdown-list .dropdown-list__button svg {
transform: translateX(-50%) rotate(90deg);
margin-left: 16px; }
.dropdown-list .dropdown-list__button[aria-expanded="true"] svg {
transform: translateX(-50%) rotate(-90deg); }
.dropdown-list div {
position: relative;
width: 100%;
z-index: 100; }
.dropdown-list div ul {
position: absolute;
top: 8px;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 4px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }
.dropdown-list div ul button {
display: flex;
align-items: center;
border: unset;
height: 36px;
color: #1d1d1b;
padding-right: 12px;
padding-left: 12px;
background: none;
width: 100%; }
.dropdown-list div ul li.active button {
background: #ece7e0; }
.modal {
opacity: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 29, 27, 0.8);
z-index: 999;
user-select: none;
transition: opacity 200ms ease-in-out;
display: flex;
flex-direction: column; }
.modal.is-active {
opacity: 1; }
.modal__close {
position: absolute;
top: 15px;
right: 15px;
padding: 15px;
z-index: 2;
cursor: pointer;
display: flex; }
@media (max-width: 991px) {
.modal__close {
top: 0; } }
.modal__close span {
margin-right: 15px;
font-size: 15px;
color: #fff;
font-weight: 300;
text-transform: uppercase; }
@media (max-width: 991px) {
.modal__close span {
display: none; } }
.modal__close svg {
fill: #fff; }
.modal__body {
width: 100%;
flex: 1;
height: auto; }
.multi-col {
column-count: 2;
column-gap: 115px;
margin-bottom-collapse: separate; }
.multi-col h1, .multi-col h2, .multi-col h3, .multi-col h4, .multi-col h5,
.multi-col .h1,
.multi-col .large-image-block__text-title, .multi-col .h2, .multi-col .h3, .multi-col .h4, .multi-col .h5 {
display: inline-block;
margin-top: 0;
width: 100%; }
.multi-col p {
display: inline-block; }
@media (max-width: 1349px) {
.multi-col {
column-gap: 100px; } }
@media (max-width: 1199px) {
.multi-col {
column-gap: 60px; } }
@media (max-width: 991px) {
.multi-col {
column-count: auto;
column-gap: normal; } }
.partner-images {
margin: 40px 0;
padding-top: 60px; }
.partner-images__title {
margin-bottom: 2em;
text-align: center; }
.partner-images__category-title {
margin-bottom: 1em; }
@media (max-width: 767px) {
.partner-images__category-title {
padding: 0 16px; } }
.roi-question {
display: flex;
flex-direction: column;
flex: 1 0 auto;
width: 100%;
margin-bottom: 3.8rem; }
.roi-question__header {
margin-bottom: 2rem;
display: flex;
align-items: center;
flex-direction: column;
align-items: flex-start; }
.roi-question__question-id {
font-family: Roboto;
font-size: 22px;
font-weight: bold;
letter-spacing: 2.42px;
line-height: 25px; }
@media (min-width: 991px) {
.roi-question__question-id {
font-size: 28px;
font-weight: bold;
letter-spacing: 3.08px;
line-height: 33px; } }
.roi-question__question {
font-weight: 500;
margin-right: 0.5rem;
font-family: Roboto;
font-size: 14px;
letter-spacing: 0.7px;
line-height: 19px;
align-items: center;
text-transform: none; }
@media (min-width: 991px) {
.roi-question__question {
font-family: Roboto;
font-size: 18px;
letter-spacing: 0.9px;
line-height: 21px; } }
.roi-question__hint-toggle {
font-size: 0.8rem;
width: 1.25rem;
flex: 0 1 auto;
height: 1.25rem;
border-radius: 50%;
cursor: pointer;
background-color: #cbe9f1;
color: #1d1d1b;
display: inline-flex;
align-items: center;
align-self: flex-start;
justify-content: center;
margin-left: 0.5rem;
text-transform: none; }
.roi-question__hint-modal-overlay {
top: 0;
left: 0;
position: fixed;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 15vh;
background: rgba(255, 255, 255, 0.8);
z-index: 999;
overflow: scroll; }
.roi-question__hint-modal {
padding: 3rem 2rem;
background: #cbe9f1;
width: 90%;
margin: 0 2rem;
display: flex;
flex-direction: column;
max-width: 600px;
box-shadow: 0 4px 0 0 #7fa2ac; }
.roi-question__hint-title {
margin-bottom: 3rem;
text-transform: none; }
.roi-question__hint-hint {
margin-bottom: 3rem;
color: #303030;
font-family: Roboto;
font-size: 14px;
letter-spacing: 1.05px;
line-height: 21px; }
.roi-question__hint-close {
display: flex;
flex: 0 1 auto;
border: none;
background: transparent;
align-self: center; }
.roi-question__hint-icon {
margin-right: 0.5rem;
font-weight: bold; }
.roi-question__alternatives {
display: flex;
flex-direction: row;
flex: 1 0 auto;
margin-bottom: 0.5rem; }
@media (min-width: 991px) {
.roi-question__alternatives {
justify-content: space-between; } }
.roi-question__alternatives--hide {
display: none; }
.roi-question__radio {
display: none; }
.roi-question__choice-container {
display: flex;
flex-direction: column;
width: 100%; }
.roi-question__choice-button {
background: #fff;
border-color: #00a0d8;
color: #00a0d8;
border-radius: 0px;
width: 100%;
padding: 18px;
border: 2px solid; }
.roi-question__choice-button:hover, .roi-question__choice-button:focus {
background: #fff;
border: #00a0d8 2px solid;
color: #00a0d8;
opacity: 1; }
.roi-question__choice-button--selected {
background: #00a0d8;
color: #fff;
border: #00a0d8 2px solid; }
.roi-question__choice-button--selected:hover, .roi-question__choice-button--selected:focus {
background: #00a0d8;
color: #fff;
border: #00a0d8 2px solid;
opacity: 1; }
.roi-question__no-answer {
display: flex;
align-items: center;
flex: 0 1 auto;
color: #1d1d1b;
height: 14px;
margin-top: 1rem;
margin-right: auto; }
.roi-question__no-answer-label {
height: 14px;
font-weight: 500;
cursor: pointer; }
.roi-question__no-answer-input {
display: none; }
.roi-question__no-answer-checkbox {
cursor: pointer;
width: 1rem;
height: 1rem;
margin-right: 0.5rem;
border: 1px solid #1d1d1b;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center; }
.roi-question__no-answer-checkbox-tick {
color: #1d1d1b; }
.roi-question__percentage-element {
border-radius: 0px; }
.roi-question__percentage-element--first {
border-right: none; }
.roi-question__percentage-element--middle {
border-right: none;
width: 11rem; }
.roi-question__percentage-element--middle:hover {
color: #1d1d1b;
opacity: 1;
cursor: default; }
.roi-question__slider {
position: relative;
width: 100%;
/*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
how to remove the virtical space around the range input in IE*/ }
.roi-question__slider-labels-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%; }
.roi-question__slider-label {
color: #a2a6a8;
align-self: center;
justify-self: center; }
.roi-question__slider-label--selected {
color: #1d1d1b;
font-weight: bold; }
.roi-question__slider-marker {
pointer-events: none;
width: 16px;
height: 16px;
border: 2px solid #d0d3d4;
border-radius: 100%;
background: #fff;
position: absolute;
top: 0px;
left: calc(33.33% - 7px); }
.roi-question__slider-marker--filled {
background: #00a0d8;
border-color: #00a0d8; }
.roi-question__slider-marker--second {
left: calc(66.66% - 14px); }
.roi-question__slider-indicator {
background: transparent;
color: #a2a6a8;
position: absolute;
top: -15px; }
.roi-question__slider-input {
width: 100%; }
.roi-question__slider-input[type='range'] {
width: 100%;
margin: 4px 0;
border-radius: 4px;
background: linear-gradient(to right, #00a0d8 0%, #00a0d8 0%, #d0d3d4 0%, #d0d3d4 100%);
-webkit-appearance: none;
position: relative;
height: 8px; }
.roi-question__slider-input[type='range']:focus {
outline: none; }
.roi-question__slider-input[type='range']::-webkit-slider-runnable-track {
border: 0px solid rgba(0, 0, 0, 0);
border: 0;
border-radius: 25px;
width: 100%;
height: 8px;
cursor: pointer; }
.roi-question__slider-input[type='range']::-webkit-slider-thumb {
transition: all 0.3s;
margin-top: -4px;
width: 16px;
height: 16px;
background: #00a0d8;
border: 2px solid #ffffff;
border-radius: 50px;
cursor: pointer;
-webkit-appearance: none; }
.roi-question__slider-input[type='range']::-moz-range-track {
border: 0px solid rgba(0, 0, 0, 0);
border: 0;
border-radius: 25px;
width: 100%;
height: 8px;
cursor: pointer; }
.roi-question__slider-input[type='range']::-moz-range-thumb {
transition: all 0.3s;
width: 16px;
height: 16px;
background: #00a0d8;
border: 2px solid #ffffff;
border-radius: 50px;
cursor: pointer; }
.roi-question__slider-input[type='range']::-ms-track {
background: transparent;
border-color: transparent;
border-width: 19px 0;
color: transparent;
width: 100%;
height: 8px;
cursor: pointer; }
.roi-question__slider-input[type='range']::-ms-fill-lower {
border: 0px solid rgba(0, 0, 0, 0);
border: 0;
border-radius: 50px; }
.roi-question__slider-input[type='range']::-ms-fill-upper {
background: #d0d3d4;
border: 0px solid rgba(0, 0, 0, 0);
border: 0;
border-radius: 50px; }
.roi-question__slider-input[type='range']::-ms-thumb {
transition: all 0.3s;
width: 16px;
height: 16px;
background: #00a0d8;
border: 2px solid #ffffff;
border-radius: 50px;
cursor: pointer;
margin-top: 0px;
/*Needed to keep the Edge thumb centred*/ }
.roi-question__slider-input[type='range']:focus::-ms-fill-lower {
background: #d0d3d4; }
.roi-question__slider-input[type='range']:focus::-ms-fill-upper {
background: #00a0d8; }
.roi-question__slider-input--dontknow[type='range']::-moz-range-thumb {
background: #a2a6a8 !important; }
.roi-question__slider-input--dontknow[type='range']::-webkit-slider-thumb {
background: #a2a6a8 !important; }
.roi-question__slider-input--dontknow[type='range']::-ms-thumb {
background: #a2a6a8 !important; }
@supports (-ms-ime-align: auto) {
.roi-question__slider {
/* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */ }
.roi-question__slider input[type='range'] {
margin: 0;
/*Edge starts the margin from the thumb, not the track as other browsers do*/ } }
.roi-calculator-score-meter {
position: sticky;
top: 8rem;
right: -11rem;
transition: opacity 0.5s ease-in;
z-index: 10;
margin-bottom: 1rem;
display: flex;
justify-content: flex-end;
height: 1px;
width: 100%;
opacity: 0; }
@media (min-width: 767px) {
.roi-calculator-score-meter {
margin-left: 6.5rem; } }
@media (min-width: 992px) {
.roi-calculator-score-meter {
margin-left: 8.5rem; } }
@media (min-width: 1200px) {
.roi-calculator-score-meter {
margin-left: 11.5rem; } }
.roi-calculator-score-meter--visible {
opacity: 1; }
.roi-calculator-score-meter--submitted {
position: relative;
top: 0;
right: 0;
margin-left: 0;
z-index: 9;
opacity: 1;
justify-content: center;
height: auto; }
.roi-calculator-score-meter--pdf {
position: absolute;
top: 2rem;
right: 37px;
margin-left: 0;
z-index: 9;
display: block;
float: right;
width: 144px; }
.roi-calculator-score-meter__container {
background: white;
color: black;
box-shadow: 0 -2px 23px 0 rgba(0, 0, 0, 0.21);
border-radius: 100%;
position: relative;
width: 9rem;
height: 9rem;
display: flex;
flex-direction: column;
flex: 0 1 auto;
justify-content: center;
align-items: center; }
.roi-calculator-score-meter__container--pdf {
display: block;
padding-top: 3.7rem;
width: 9rem;
height: 9rem; }
.roi-calculator-score-meter__arch {
display: flex;
flex: 0 1 auto;
position: relative;
width: 1rem;
top: 0.5rem; }
.roi-calculator-score-meter__arch--pdf {
margin: auto; }
.roi-calculator-score-meter__rectangle {
width: 1rem;
height: 1rem;
position: absolute; }
.roi-calculator-score-meter__rectangle-svg {
width: 100%;
height: 100%;
fill: currentColor;
transition: color 1s ease; }
.roi-calculator-score-meter__score {
color: #303030;
font-family: Roboto;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.9px;
line-height: 21px;
margin-bottom: 1rem; }
.roi-calculator-score-meter__score--pdf {
margin-left: 3.5rem;
width: 2rem;
text-align: center; }
.roi-calculator-score-meter__score-label {
color: #303030;
font-family: Roboto;
font-size: 14px;
letter-spacing: 1.05px;
line-height: 16px;
top: 85px;
position: absolute; }
.roi-calculator-score-meter__score-label--pdf {
margin: 0 auto;
text-align: center;
width: 100%; }
.roi-pdf {
background: #fff;
margin-bottom: 5rem; }
.roi-pdf sup {
top: -1em; }
.roi-pdf__page {
page-break-inside: avoid;
page-break-after: always;
width: 992px !important;
padding: 55px 0;
padding-right: 100px; }
.roi-pdf__page:last-child {
page-break-after: avoid; }
.roi-pdf__roi-logo {
position: absolute;
top: 47%;
left: 8%;
width: 12rem; }
.roi-pdf__brand-logo {
color: #fff; }
.roi-pdf__front-page {
background: #b7d698;
position: relative;
padding: 0;
height: 1403px; }
.roi-pdf__front-page-title-container {
position: absolute;
display: flex;
flex: 0 1 auto;
flex-direction: column;
top: 63.3%;
left: 11%;
color: #fff;
display: flex; }
.roi-pdf__front-page-title {
font-family: Roboto;
font-size: 111px;
font-weight: bold;
letter-spacing: 3.35px;
line-height: 111px;
color: #fff; }
.roi-pdf__front-page-company-name {
font-size: 1.6rem; }
.roi-pdf__front-page-top-container {
height: 75%;
background-image: url(/Static/img/KI03-002649A.jpg);
background-size: cover;
background-position-x: 87%; }
.roi-pdf__front-page-top-left {
width: 36%;
background: rgba(183, 214, 152, 0.4); }
.roi-pdf__front-page-top-right {
width: 64%; }
.roi-pdf__front-page-bottom-container {
height: 25%;
padding-top: 15rem;
text-align: center; }
.roi-pdf__greeting {
padding: 30px 0px 30px 100px; }
.roi-pdf__greeting-title {
margin-bottom: 0.5rem;
font-family: Roboto;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.9px;
line-height: 24px; }
.roi-pdf__paragraph {
font-size: 17px !important;
line-height: 24px !important; }
.roi-pdf__paragraph p {
font-size: 17px !important;
line-height: 24px !important; }
.roi-pdf__color-banner {
background: #a9dae7;
padding: 29px 0 29px 100px;
position: relative;
min-height: 13rem; }
.roi-pdf__color-banner-title {
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
font-size: 33px;
font-weight: bold;
letter-spacing: 1.6px;
line-height: 33px;
padding: 58px 0;
width: 34rem;
position: absolute; }
.roi-pdf__color-banner--conclusion {
background: #b7d698; }
.roi-pdf__question {
padding: 50px 0px 10px 100px;
page-break-inside: avoid;
page-break-after: auto; }
.roi-pdf__question-title {
margin-bottom: 0.5rem;
font-family: Roboto;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.9px;
line-height: 24px; }
.roi-pdf__question-answer {
text-transform: uppercase;
display: flex;
flex: 0 1 auto;
font-size: 1rem; }
.roi-pdf__question-answer-label {
margin-right: 0.5rem; }
.roi-pdf__question-answer-value {
font-weight: bold; }
.roi-pdf__question-summary {
font-size: 17px;
line-height: 24px; }
.roi-pdf__conclusion {
padding: 30px 0px 30px 100px;
font-size: 17px !important;
line-height: 24px !important; }
.roi-pdf__conclusion * {
font-size: 17px !important;
line-height: 24px !important; }
.banner-linkwrap {
color: inherit;
display: block; }
.banner-linkwrap:hover {
opacity: 1; }
.feed .banner-linkwrap {
float: left;
padding: 12px;
width: 50%; }
@media (max-width: 1199px) {
.feed .banner-linkwrap {
padding: 8px; } }
@media (max-width: 767px) {
.feed .banner-linkwrap {
float: none;
padding: 0;
width: auto; } }
.feed .banner-linkwrap.align-right {
float: right; }
@media (max-width: 767px) {
.feed .banner-linkwrap.align-right {
float: none; } }
.banner-combo {
overflow: hidden; }
.banner-combo:before, .banner-combo:after {
content: " ";
display: table; }
.banner-combo:after {
clear: both; }
.banner-combo--startpage {
margin: 20px 0; }
.banner-combo--startpage .banner-combo__grid {
margin-left: -10px;
margin-right: -10px;
margin-left: -10px;
margin-right: -10px;
overflow: hidden; }
.banner-combo--startpage .banner-combo__grid:before, .banner-combo--startpage .banner-combo__grid:after {
content: " ";
display: table; }
.banner-combo--startpage .banner-combo__grid:after {
clear: both; }
.banner-combo--startpage .banner-combo__grid > * {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 25%; }
.banner-combo--startpage .banner-combo__grid > * {
padding: 10px 10px; }
.banner-combo__stacked {
float: left;
width: 33.33333%; }
@media (max-width: 1199px) {
.banner-combo__stacked {
float: none;
width: auto; } }
.banner-combo.use-ivar-light .banner__title {
font-size: 30px;
letter-spacing: 0.5px; }
@media (max-width: 1199px) {
.banner-combo.use-ivar-light .banner__title {
font-size: 20px; } }
@media (max-width: 991px) {
.banner-combo.use-ivar-light .banner__title {
font-size: 15px; } }
@media (max-width: 767px) {
.banner-combo.use-ivar-light .banner__title {
font-size: 28px; } }
@media (max-width: 1349px) {
.banner-combo--startpage {
margin: 16px 0; }
.banner-combo--startpage .banner-combo__grid {
margin-left: -8px;
margin-right: -8px; }
.banner-combo--startpage .banner-combo__grid > * {
padding: 8px 8px; } }
@media (max-width: 1199px) {
.banner-combo--startpage {
margin: 8px 0; }
.banner-combo--startpage .banner-combo__grid {
margin-left: -4px;
margin-right: -4px; }
.banner-combo--startpage .banner-combo__grid > * {
padding: 4px 4px; } }
@media (max-width: 767px) {
.banner-combo--startpage {
margin: 0; }
.banner-combo--startpage .banner-combo__grid {
margin-left: 0;
margin-right: 0; }
.banner-combo--startpage .banner-combo__grid > * {
width: 100%; }
.banner-combo--startpage .banner-combo__grid > * {
padding: 0 0; } }
.banner-article {
backface-visibility: hidden;
position: relative;
overflow: hidden;
background-color: #d0d3d4;
width: 100%;
padding-bottom: 50%;
height: 0; }
.banner-article--square {
padding-bottom: 80%; }
.banner-article--half {
float: left;
width: 50%;
padding-bottom: 50%; }
@media (max-width: 767px) {
.banner-article--half {
float: none;
width: auto;
padding-bottom: 50%; } }
.banner-article--onethird {
float: left;
width: 33.33333%;
padding-bottom: 25%; }
@media (max-width: 767px) {
.banner-article--onethird {
float: none;
width: auto;
padding-bottom: 50%; } }
.banner-article--twothirds {
float: left;
width: 66.66667%;
padding-bottom: 37.03704%; }
@media (max-width: 1199px) {
.banner-article--twothirds {
float: none;
width: auto;
padding-bottom: 56%; } }
@media (max-width: 767px) {
.banner-article--twothirds {
padding-bottom: 81.25%; } }
.feed .banner-article {
height: 100%; }
.feed .banner-article__image-container {
height: 100%;
padding-bottom: 0; }
@media (max-width: 767px) {
.feed .banner-article__image-container {
height: 0;
padding-bottom: 50%; } }
.banner-article__text-container {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
white-space: nowrap;
text-align: center; }
.banner-article__text-container:after {
content: "";
height: 100%; }
.banner-article__text-container > *, .banner-article__text-container:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.banner-article__text {
text-align: left;
white-space: normal;
position: relative; }
.banner-article__image-container {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden; }
.banner-article__image {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateY(-50%); }
.banner-article__image--main-navigation {
width: 100%; }
.banner-article--half .banner-article__image,
.banner-article--onethird .banner-article__image {
top: 0;
left: 50%;
height: 100%;
width: auto;
transform: translateX(-50%); }
@media (max-width: 767px) {
.banner-article--half .banner-article__image,
.banner-article--onethird .banner-article__image {
position: absolute;
top: 50%;
left: 0;
height: auto;
width: 100%;
transform: translateY(-50%); } }
.banner-article__image--on-hover {
display: none; }
.banner-article__video-container {
position: absolute;
height: 100%;
width: 100%; }
.banner-article__video-container video {
position: absolute;
height: calc(100% + 2px);
transform: translate(-50%, -50%);
top: 50%;
left: 50%; }
@media (max-width: 991px) {
.banner-article__video-container video {
width: 100%;
height: auto; } }
.carousel .banner-article__action h3 {
display: none; }
.banner-article:hover .banner-article__image--on-hover {
display: block; }
.carousel .banner-article,
.banner-combo .carousel .banner-article {
position: absolute;
padding-bottom: 0;
height: 100%;
width: 100%; }
.nav-expand .banner-article__title,
.banner-combo__stacked .banner-article__title {
font-size: 20px;
letter-spacing: 1.4px;
margin-bottom: 0; }
@media (max-width: 1349px) {
.nav-expand .banner-article__title,
.banner-combo__stacked .banner-article__title {
font-size: 16px;
letter-spacing: 1.1px; } }
@media (max-width: 1199px) {
.nav-expand .banner-article__title,
.banner-combo__stacked .banner-article__title {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 991px) {
.nav-expand .banner-article__title,
.banner-combo__stacked .banner-article__title {
font-size: 11px;
letter-spacing: 0.5px; } }
.banner-combo__stacked--tworows .banner-article {
padding-bottom: 55.55556%; }
@media (max-width: 1199px) {
.banner-combo__stacked--tworows .banner-article {
float: left;
width: 50%;
padding-bottom: 28%; } }
@media (max-width: 767px) {
.banner-combo__stacked--tworows .banner-article {
width: 100%;
padding-bottom: 50%; } }
.banner-combo__stacked--threerows .banner-article {
padding-bottom: 37.03733%; }
@media (max-width: 1199px) {
.banner-combo__stacked--threerows .banner-article {
float: left;
width: 33.33333%;
padding-bottom: 24%; } }
@media (max-width: 767px) {
.banner-combo__stacked--threerows .banner-article {
width: 100%;
padding-bottom: 50%; } }
.nav-expand .banner-article {
padding-bottom: 78%; }
.nav-expand .banner-article__title {
margin-bottom: 0; }
.feed .banner-article__image-container {
visibility: hidden; }
.feed .banner-article__text {
padding-left: 60px;
padding-right: 60px; }
.banner-article__text {
width: 100%;
padding-top: 45px;
padding-bottom: 45px;
padding-right: 80px;
padding-left: 80px; }
.nav-expand .banner-article__text .banner-article--square .banner-article__text,
.banner-article--onethird .banner-article__text,
.banner-combo__stacked .banner-article__text {
padding: 15px 50px; }
@media (max-width: 767px) {
.nav-expand .banner-article__text .banner-article--square .banner-article__text,
.banner-article--onethird .banner-article__text,
.banner-combo__stacked .banner-article__text {
padding: 15px 20px; } }
@media (max-width: 1349px) {
.banner-article__text {
padding-right: 60px;
padding-left: 60px; }
.feed .banner-article__text {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 1199px) {
.banner-article__text {
padding-right: 50px;
padding-left: 50px; }
.feed .banner-article__text {
padding-left: 40px;
padding-right: 40px; } }
@media (max-width: 991px) {
.banner-article__text {
padding-right: 30px;
padding-left: 30px; }
.feed .banner-article__text {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.banner-article__text {
padding: 30px 20px; }
.feed .banner-article__text {
padding-left: 20px;
padding-right: 20px; } }
.banner-article__head {
float: left;
width: 66.66667%; }
@media (max-width: 767px) {
.banner-article__head {
width: 100%; } }
.banner-article--half .banner-article__head {
width: 100%; }
.banner-article__author {
float: left;
width: 25%;
margin-left: 8.33333%; }
@media (max-width: 767px) {
.banner-article__author {
display: none; } }
.banner-article--half .banner-article__author {
float: right;
width: auto;
margin-left: 0;
margin-top: 30px; }
.banner-article__author-img {
width: 68px;
height: 68px; }
.banner-article--half .banner-article__author-img {
float: right;
margin-top: 11px;
margin-left: 20px; }
.banner-article--half .banner-article__author-meta {
float: right; }
.banner-article--half .banner-article__author-meta p {
margin-top: 0; }
@media (max-width: 767px) {
.banner-article__image {
display: none; } }
.banner-article__title {
font-size: 36px;
letter-spacing: 2.6px;
margin-top: 0; }
@media (max-width: 1349px) {
.banner-article__title {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 1199px) {
.banner-article__title {
font-size: 26px;
letter-spacing: 1.9px; } }
@media (max-width: 991px) {
.banner-article__title {
font-size: 22px;
letter-spacing: 1.6px; } }
@media (max-width: 767px) {
.banner-article__title {
font-size: 18px;
letter-spacing: 1.3px; } }
.banner-article--onethird .banner-article__title {
font-size: 24px;
letter-spacing: 1.7px; }
@media (max-width: 1349px) {
.banner-article--onethird .banner-article__title {
font-size: 20px;
letter-spacing: 1.4px; } }
@media (max-width: 1199px) {
.banner-article--onethird .banner-article__title {
font-size: 18px;
letter-spacing: 1.3px; } }
@media (max-width: 991px) {
.banner-article--onethird .banner-article__title {
font-size: 13px;
letter-spacing: 0.9px; } }
@media (max-width: 767px) {
.banner-article--onethird .banner-article__title {
font-size: 36px;
letter-spacing: 2.6px; } }
@media (max-width: 767px) and (max-width: 1349px) {
.banner-article--onethird .banner-article__title {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 767px) and (max-width: 1199px) {
.banner-article--onethird .banner-article__title {
font-size: 26px;
letter-spacing: 1.9px; } }
@media (max-width: 767px) and (max-width: 991px) {
.banner-article--onethird .banner-article__title {
font-size: 22px;
letter-spacing: 1.6px; } }
@media (max-width: 767px) and (max-width: 767px) {
.banner-article--onethird .banner-article__title {
font-size: 18px;
letter-spacing: 1.3px; } }
.banner-article__meta {
margin-top: -3px; }
.banner-article__category {
text-transform: uppercase; }
.banner-article--theme-aquamarine {
background-color: #a9dae7; }
.banner-article--theme-aquamarine .banner-article__text {
background-color: #a9dae7; }
.banner-article--theme-aquamarine .banner-article__text:before {
content: ''; }
.banner-article--theme-aquamarine .banner-article {
color: #1d1d1b; }
.banner-article--theme-lemonyellow {
background-color: #f6eb61; }
.banner-article--theme-lemonyellow .banner-article__text {
background-color: #f6eb61; }
.banner-article--theme-lemonyellow .banner-article__text:before {
content: ''; }
.banner-article--theme-lemonyellow .banner-article {
color: #1d1d1b; }
.banner-article--theme-mistygrey {
background-color: #d0d3d4; }
.banner-article--theme-mistygrey .banner-article__text {
background-color: #d0d3d4; }
.banner-article--theme-mistygrey .banner-article__text:before {
content: ''; }
.banner-article--theme-mistygrey .banner-article {
color: #1d1d1b; }
.banner-article--theme-graphitegrey {
background-color: #a2a6a8; }
.banner-article--theme-graphitegrey .banner-article__text {
background-color: #a2a6a8; }
.banner-article--theme-graphitegrey .banner-article__text:before {
content: ''; }
.banner-article--theme-graphitegrey .banner-article {
color: #fff; }
.banner-article--theme-polargreen {
background-color: #e0edd5; }
.banner-article--theme-polargreen .banner-article__text {
background-color: #e0edd5; }
.banner-article--theme-polargreen .banner-article__text:before {
content: ''; }
.banner-article--theme-polargreen .banner-article {
color: #1d1d1b; }
.banner-article--theme-springgreen {
background-color: #b7d698; }
.banner-article--theme-springgreen .banner-article__text {
background-color: #b7d698; }
.banner-article--theme-springgreen .banner-article__text:before {
content: ''; }
.banner-article--theme-springgreen .banner-article {
color: #1d1d1b; }
.banner-article--theme-chilired {
background-color: #d22630; }
.banner-article--theme-chilired .banner-article__text {
background-color: #d22630; }
.banner-article--theme-chilired .banner-article__text:before {
content: ''; }
.banner-article--theme-chilired .banner-article {
color: #fff; }
.banner-article--theme-salmon {
background-color: #e6baa8; }
.banner-article--theme-salmon .banner-article__text {
background-color: #e6baa8; }
.banner-article--theme-salmon .banner-article__text:before {
content: ''; }
.banner-article--theme-salmon .banner-article {
color: #1d1d1b; }
.banner-article--theme-cinnamon {
background-color: #6d4f47; }
.banner-article--theme-cinnamon .banner-article__text {
background-color: #6d4f47; }
.banner-article--theme-cinnamon .banner-article__text:before {
content: ''; }
.banner-article--theme-cinnamon .banner-article {
color: #fff; }
.banner-article--theme-flamingopink {
background-color: #fad0c8; }
.banner-article--theme-flamingopink .banner-article__text {
background-color: #fad0c8; }
.banner-article--theme-flamingopink .banner-article__text:before {
content: ''; }
.banner-article--theme-flamingopink .banner-article {
color: #1d1d1b; }
.banner-article--theme-kingfisherblue {
background-color: #00a0d8; }
.banner-article--theme-kingfisherblue .banner-article__text {
background-color: #00a0d8; }
.banner-article--theme-kingfisherblue .banner-article__text:before {
content: ''; }
.banner-article--theme-kingfisherblue .banner-article {
color: #fff; }
.banner-article--theme-sdw20green {
background-color: #244f3e; }
.banner-article--theme-sdw20green .banner-article__text {
background-color: #244f3e; }
.banner-article--theme-sdw20green .banner-article__text:before {
content: ''; }
.banner-article--theme-sdw20green .banner-article {
color: #fff; }
.banner-article--theme-slate {
background-color: #3d3935; }
.banner-article--theme-slate .banner-article__text {
background-color: #3d3935; }
.banner-article--theme-slate .banner-article__text:before {
content: ''; }
.banner-article--theme-slate .banner-article {
color: #fff; }
.banner-article--theme-slate100 {
background-color: #3d3935; }
.banner-article--theme-slate100 .banner-article__text {
background-color: #3d3935; }
.banner-article--theme-slate100 .banner-article__text:before {
content: ''; }
.banner-article--theme-slate100 .banner-article {
color: #fff; }
.banner-article--theme-slate75 {
background-color: #6e6b68; }
.banner-article--theme-slate75 .banner-article__text {
background-color: #6e6b68; }
.banner-article--theme-slate75 .banner-article__text:before {
content: ''; }
.banner-article--theme-slate75 .banner-article {
color: #fff; }
.banner-article--theme-slate50 {
background-color: #9d9b99; }
.banner-article--theme-slate50 .banner-article__text {
background-color: #9d9b99; }
.banner-article--theme-slate50 .banner-article__text:before {
content: ''; }
.banner-article--theme-slate50 .banner-article {
color: #fff; }
.banner-article--theme-slate25 {
background-color: #cecdcc; }
.banner-article--theme-slate25 .banner-article__text {
background-color: #cecdcc; }
.banner-article--theme-slate25 .banner-article__text:before {
content: ''; }
.banner-article--theme-slate25 .banner-article {
color: #1d1d1b; }
.banner-article--theme-slate7 {
background-color: #f1f1f1; }
.banner-article--theme-slate7 .banner-article__text {
background-color: #f1f1f1; }
.banner-article--theme-slate7 .banner-article__text:before {
content: ''; }
.banner-article--theme-slate7 .banner-article {
color: #1d1d1b; }
.banner-article--theme-eveningsky {
background-color: #284458; }
.banner-article--theme-eveningsky .banner-article__text {
background-color: #284458; }
.banner-article--theme-eveningsky .banner-article__text:before {
content: ''; }
.banner-article--theme-eveningsky .banner-article {
color: #fff; }
.banner-article--theme-eveningsky100 {
background-color: #284458; }
.banner-article--theme-eveningsky100 .banner-article__text {
background-color: #284458; }
.banner-article--theme-eveningsky100 .banner-article__text:before {
content: ''; }
.banner-article--theme-eveningsky100 .banner-article {
color: #fff; }
.banner-article--theme-eveningsky75 {
background-color: #5e7382; }
.banner-article--theme-eveningsky75 .banner-article__text {
background-color: #5e7382; }
.banner-article--theme-eveningsky75 .banner-article__text:before {
content: ''; }
.banner-article--theme-eveningsky75 .banner-article {
color: #fff; }
.banner-article--theme-eveningsky50 {
background-color: #93a1ab; }
.banner-article--theme-eveningsky50 .banner-article__text {
background-color: #93a1ab; }
.banner-article--theme-eveningsky50 .banner-article__text:before {
content: ''; }
.banner-article--theme-eveningsky50 .banner-article {
color: #fff; }
.banner-article--theme-eveningsky25 {
background-color: #c9d0d5; }
.banner-article--theme-eveningsky25 .banner-article__text {
background-color: #c9d0d5; }
.banner-article--theme-eveningsky25 .banner-article__text:before {
content: ''; }
.banner-article--theme-eveningsky25 .banner-article {
color: #1d1d1b; }
.banner-article--theme-eveningsky7 {
background-color: #f0f2f3; }
.banner-article--theme-eveningsky7 .banner-article__text {
background-color: #f0f2f3; }
.banner-article--theme-eveningsky7 .banner-article__text:before {
content: ''; }
.banner-article--theme-eveningsky7 .banner-article {
color: #1d1d1b; }
.banner-article--theme-organicgreen {
background-color: #2e483e; }
.banner-article--theme-organicgreen .banner-article__text {
background-color: #2e483e; }
.banner-article--theme-organicgreen .banner-article__text:before {
content: ''; }
.banner-article--theme-organicgreen .banner-article {
color: #fff; }
.banner-article--theme-organicgreen100 {
background-color: #2e483e; }
.banner-article--theme-organicgreen100 .banner-article__text {
background-color: #2e483e; }
.banner-article--theme-organicgreen100 .banner-article__text:before {
content: ''; }
.banner-article--theme-organicgreen100 .banner-article {
color: #fff; }
.banner-article--theme-organicgreen75 {
background-color: #62766e; }
.banner-article--theme-organicgreen75 .banner-article__text {
background-color: #62766e; }
.banner-article--theme-organicgreen75 .banner-article__text:before {
content: ''; }
.banner-article--theme-organicgreen75 .banner-article {
color: #fff; }
.banner-article--theme-organicgreen50 {
background-color: #96a39e; }
.banner-article--theme-organicgreen50 .banner-article__text {
background-color: #96a39e; }
.banner-article--theme-organicgreen50 .banner-article__text:before {
content: ''; }
.banner-article--theme-organicgreen50 .banner-article {
color: #fff; }
.banner-article--theme-organicgreen25 {
background-color: #cad1ce; }
.banner-article--theme-organicgreen25 .banner-article__text {
background-color: #cad1ce; }
.banner-article--theme-organicgreen25 .banner-article__text:before {
content: ''; }
.banner-article--theme-organicgreen25 .banner-article {
color: #1d1d1b; }
.banner-article--theme-organicgreen7 {
background-color: #f0f2f1; }
.banner-article--theme-organicgreen7 .banner-article__text {
background-color: #f0f2f1; }
.banner-article--theme-organicgreen7 .banner-article__text:before {
content: ''; }
.banner-article--theme-organicgreen7 .banner-article {
color: #1d1d1b; }
.banner-article--theme-sand {
background-color: #b6a284; }
.banner-article--theme-sand .banner-article__text {
background-color: #b6a284; }
.banner-article--theme-sand .banner-article__text:before {
content: ''; }
.banner-article--theme-sand .banner-article {
color: #1d1d1b; }
.banner-article--theme-sand100 {
background-color: #b6a284; }
.banner-article--theme-sand100 .banner-article__text {
background-color: #b6a284; }
.banner-article--theme-sand100 .banner-article__text:before {
content: ''; }
.banner-article--theme-sand100 .banner-article {
color: #1d1d1b; }
.banner-article--theme-sand75 {
background-color: #c8b9a3; }
.banner-article--theme-sand75 .banner-article__text {
background-color: #c8b9a3; }
.banner-article--theme-sand75 .banner-article__text:before {
content: ''; }
.banner-article--theme-sand75 .banner-article {
color: #1d1d1b; }
.banner-article--theme-sand50 {
background-color: #dad0c1; }
.banner-article--theme-sand50 .banner-article__text {
background-color: #dad0c1; }
.banner-article--theme-sand50 .banner-article__text:before {
content: ''; }
.banner-article--theme-sand50 .banner-article {
color: #1d1d1b; }
.banner-article--theme-sand25 {
background-color: #ece7e0; }
.banner-article--theme-sand25 .banner-article__text {
background-color: #ece7e0; }
.banner-article--theme-sand25 .banner-article__text:before {
content: ''; }
.banner-article--theme-sand25 .banner-article {
color: #1d1d1b; }
.banner-article--theme-sand7 {
background-color: #faf8f6; }
.banner-article--theme-sand7 .banner-article__text {
background-color: #faf8f6; }
.banner-article--theme-sand7 .banner-article__text:before {
content: ''; }
.banner-article--theme-sand7 .banner-article {
color: #1d1d1b; }
.banner-article--theme-rhubarb {
background-color: #dd7975; }
.banner-article--theme-rhubarb .banner-article__text {
background-color: #dd7975; }
.banner-article--theme-rhubarb .banner-article__text:before {
content: ''; }
.banner-article--theme-rhubarb .banner-article {
color: #1d1d1b; }
.banner-article--theme-rhubarb100 {
background-color: #dd7975; }
.banner-article--theme-rhubarb100 .banner-article__text {
background-color: #dd7975; }
.banner-article--theme-rhubarb100 .banner-article__text:before {
content: ''; }
.banner-article--theme-rhubarb100 .banner-article {
color: #1d1d1b; }
.banner-article--theme-rhubarb75 {
background-color: #e69b98; }
.banner-article--theme-rhubarb75 .banner-article__text {
background-color: #e69b98; }
.banner-article--theme-rhubarb75 .banner-article__text:before {
content: ''; }
.banner-article--theme-rhubarb75 .banner-article {
color: #1d1d1b; }
.banner-article--theme-rhubarb50 {
background-color: #edbbb9; }
.banner-article--theme-rhubarb50 .banner-article__text {
background-color: #edbbb9; }
.banner-article--theme-rhubarb50 .banner-article__text:before {
content: ''; }
.banner-article--theme-rhubarb50 .banner-article {
color: #1d1d1b; }
.banner-article--theme-rhubarb25 {
background-color: #f6dddc; }
.banner-article--theme-rhubarb25 .banner-article__text {
background-color: #f6dddc; }
.banner-article--theme-rhubarb25 .banner-article__text:before {
content: ''; }
.banner-article--theme-rhubarb25 .banner-article {
color: #1d1d1b; }
.banner-article--theme-rhubarb7 {
background-color: #fcf5f5; }
.banner-article--theme-rhubarb7 .banner-article__text {
background-color: #fcf5f5; }
.banner-article--theme-rhubarb7 .banner-article__text:before {
content: ''; }
.banner-article--theme-rhubarb7 .banner-article {
color: #1d1d1b; }
.banner-article--theme-chantarelle {
background-color: #d9c756; }
.banner-article--theme-chantarelle .banner-article__text {
background-color: #d9c756; }
.banner-article--theme-chantarelle .banner-article__text:before {
content: ''; }
.banner-article--theme-chantarelle .banner-article {
color: #1d1d1b; }
.banner-article--theme-chantarelle100 {
background-color: #d9c756; }
.banner-article--theme-chantarelle100 .banner-article__text {
background-color: #d9c756; }
.banner-article--theme-chantarelle100 .banner-article__text:before {
content: ''; }
.banner-article--theme-chantarelle100 .banner-article {
color: #1d1d1b; }
.banner-article--theme-chantarelle75 {
background-color: #e3d580; }
.banner-article--theme-chantarelle75 .banner-article__text {
background-color: #e3d580; }
.banner-article--theme-chantarelle75 .banner-article__text:before {
content: ''; }
.banner-article--theme-chantarelle75 .banner-article {
color: #1d1d1b; }
.banner-article--theme-chantarelle50 {
background-color: #ebe2aa; }
.banner-article--theme-chantarelle50 .banner-article__text {
background-color: #ebe2aa; }
.banner-article--theme-chantarelle50 .banner-article__text:before {
content: ''; }
.banner-article--theme-chantarelle50 .banner-article {
color: #1d1d1b; }
.banner-article--theme-chantarelle25 {
background-color: #f5f1d4; }
.banner-article--theme-chantarelle25 .banner-article__text {
background-color: #f5f1d4; }
.banner-article--theme-chantarelle25 .banner-article__text:before {
content: ''; }
.banner-article--theme-chantarelle25 .banner-article {
color: #1d1d1b; }
.banner-article--theme-chantarelle7 {
background-color: #fcfbf3; }
.banner-article--theme-chantarelle7 .banner-article__text {
background-color: #fcfbf3; }
.banner-article--theme-chantarelle7 .banner-article__text:before {
content: ''; }
.banner-article--theme-chantarelle7 .banner-article {
color: #1d1d1b; }
.banner-article--theme-white {
background-color: #fff; }
.banner-article--theme-white .banner-article__text {
background-color: #fff; }
.banner-article--theme-white .banner-article__text:before {
content: ''; }
.banner-article--theme-white .banner-article {
color: #1d1d1b; }
.banner-article--theme-black {
background-color: #1d1d1b; }
.banner-article--theme-black .banner-article__text {
background-color: #1d1d1b; }
.banner-article--theme-black .banner-article__text:before {
content: ''; }
.banner-article--theme-black .banner-article {
color: #fff; }
.banner-article--theme-pagebackground {
background-color: #faf8f6; }
.banner-article--theme-pagebackground .banner-article__text {
background-color: #faf8f6; }
.banner-article--theme-pagebackground .banner-article__text:before {
content: ''; }
.banner-article--theme-pagebackground .banner-article {
color: #1d1d1b; }
.banner-article--theme-grey {
background-color: #ebebeb; }
.banner-article--theme-grey .banner-article__text {
background-color: #ebebeb; }
.banner-article--theme-grey .banner-article__text:before {
content: ''; }
.banner-article--theme-grey .banner-article {
color: #1d1d1b; }
.banner-article--theme-none {
background-color: rgba(0, 0, 0, 0); }
.banner-article--theme-none .banner-article__text {
background-color: rgba(0, 0, 0, 0); }
.banner-article--theme-none .banner-article__text:before {
content: ''; }
.banner-article--theme-none .banner-article {
color: #1d1d1b; }
.banner-case {
backface-visibility: hidden;
position: relative;
overflow: hidden;
background-color: #d0d3d4;
width: 100%;
padding-bottom: 50%;
height: 0; }
.banner-case--square {
padding-bottom: 80%; }
.banner-case--half {
float: left;
width: 50%;
padding-bottom: 50%; }
@media (max-width: 767px) {
.banner-case--half {
float: none;
width: auto;
padding-bottom: 50%; } }
.banner-case--onethird {
float: left;
width: 33.33333%;
padding-bottom: 25%; }
@media (max-width: 767px) {
.banner-case--onethird {
float: none;
width: auto;
padding-bottom: 50%; } }
.banner-case--twothirds {
float: left;
width: 66.66667%;
padding-bottom: 37.03704%; }
@media (max-width: 1199px) {
.banner-case--twothirds {
float: none;
width: auto;
padding-bottom: 56%; } }
@media (max-width: 767px) {
.banner-case--twothirds {
padding-bottom: 81.25%; } }
.feed .banner-case {
height: 100%; }
.feed .banner-case__image-container {
height: 100%;
padding-bottom: 0; }
@media (max-width: 767px) {
.feed .banner-case__image-container {
height: 0;
padding-bottom: 50%; } }
.banner-case__text-container {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
white-space: nowrap;
text-align: center; }
.banner-case__text-container:after {
content: "";
height: 100%; }
.banner-case__text-container > *, .banner-case__text-container:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.banner-case__text {
text-align: left;
white-space: normal;
position: relative; }
.banner-case__image-container {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden; }
.banner-case__image {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateY(-50%); }
.banner-case__image--main-navigation {
width: 100%; }
.banner-case--half .banner-case__image,
.banner-case--onethird .banner-case__image {
top: 0;
left: 50%;
height: 100%;
width: auto;
transform: translateX(-50%); }
@media (max-width: 767px) {
.banner-case--half .banner-case__image,
.banner-case--onethird .banner-case__image {
position: absolute;
top: 50%;
left: 0;
height: auto;
width: 100%;
transform: translateY(-50%); } }
.banner-case__image--on-hover {
display: none; }
.banner-case__video-container {
position: absolute;
height: 100%;
width: 100%; }
.banner-case__video-container video {
position: absolute;
height: calc(100% + 2px);
transform: translate(-50%, -50%);
top: 50%;
left: 50%; }
@media (max-width: 991px) {
.banner-case__video-container video {
width: 100%;
height: auto; } }
.carousel .banner-case__action h3 {
display: none; }
.banner-case:hover .banner-case__image--on-hover {
display: block; }
.carousel .banner-case,
.banner-combo .carousel .banner-case {
position: absolute;
padding-bottom: 0;
height: 100%;
width: 100%; }
.nav-expand .banner-case__title,
.banner-combo__stacked .banner-case__title {
font-size: 20px;
letter-spacing: 1.4px;
margin-bottom: 0; }
@media (max-width: 1349px) {
.nav-expand .banner-case__title,
.banner-combo__stacked .banner-case__title {
font-size: 16px;
letter-spacing: 1.1px; } }
@media (max-width: 1199px) {
.nav-expand .banner-case__title,
.banner-combo__stacked .banner-case__title {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 991px) {
.nav-expand .banner-case__title,
.banner-combo__stacked .banner-case__title {
font-size: 11px;
letter-spacing: 0.5px; } }
.banner-combo__stacked--tworows .banner-case {
padding-bottom: 55.55556%; }
@media (max-width: 1199px) {
.banner-combo__stacked--tworows .banner-case {
float: left;
width: 50%;
padding-bottom: 28%; } }
@media (max-width: 767px) {
.banner-combo__stacked--tworows .banner-case {
width: 100%;
padding-bottom: 50%; } }
.banner-combo__stacked--threerows .banner-case {
padding-bottom: 37.03733%; }
@media (max-width: 1199px) {
.banner-combo__stacked--threerows .banner-case {
float: left;
width: 33.33333%;
padding-bottom: 24%; } }
@media (max-width: 767px) {
.banner-combo__stacked--threerows .banner-case {
width: 100%;
padding-bottom: 50%; } }
.nav-expand .banner-case {
padding-bottom: 78%; }
.nav-expand .banner-case__title {
margin-bottom: 0; }
.banner-case__text {
background-color: #a2a6a8;
padding: 45px 0;
text-align: center;
width: 100%; }
@media (max-width: 1199px) {
.banner-case__text {
padding: 25px 0; } }
@media (max-width: 991px) {
.banner-case__text {
padding: 15px 0; } }
.banner-case__text:before {
content: ''; }
.nav-expand .banner-case__text,
.banner-case--onethird .banner-case__text,
.banner-case--square .banner-case__text,
.banner-combo__stacked .banner-case__text {
padding: 15px 0; }
.banner-case__title {
font-size: 36px;
letter-spacing: 2.6px;
color: #fff;
margin-bottom: 0; }
@media (max-width: 1349px) {
.banner-case__title {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 1199px) {
.banner-case__title {
font-size: 26px;
letter-spacing: 1.9px; } }
@media (max-width: 991px) {
.banner-case__title {
font-size: 22px;
letter-spacing: 1.6px; } }
@media (max-width: 767px) {
.banner-case__title {
font-size: 18px;
letter-spacing: 1.3px; } }
.banner-case--square .banner-case__title,
.banner-case--onethird .banner-case__title {
font-size: 20px;
letter-spacing: 1.4px;
margin-bottom: 0; }
@media (max-width: 1349px) {
.banner-case--square .banner-case__title,
.banner-case--onethird .banner-case__title {
font-size: 16px;
letter-spacing: 1.1px; } }
@media (max-width: 1199px) {
.banner-case--square .banner-case__title,
.banner-case--onethird .banner-case__title {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 991px) {
.banner-case--square .banner-case__title,
.banner-case--onethird .banner-case__title {
font-size: 11px;
letter-spacing: 0.5px; } }
.banner-case--theme-aquamarine .banner-case__text {
background-color: #a9dae7; }
.banner-case--theme-aquamarine .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-lemonyellow .banner-case__text {
background-color: #f6eb61; }
.banner-case--theme-lemonyellow .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-mistygrey .banner-case__text {
background-color: #d0d3d4; }
.banner-case--theme-mistygrey .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-graphitegrey .banner-case__text {
background-color: #a2a6a8; }
.banner-case--theme-graphitegrey .banner-case__title {
color: #fff; }
.banner-case--theme-polargreen .banner-case__text {
background-color: #e0edd5; }
.banner-case--theme-polargreen .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-springgreen .banner-case__text {
background-color: #b7d698; }
.banner-case--theme-springgreen .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chilired .banner-case__text {
background-color: #d22630; }
.banner-case--theme-chilired .banner-case__title {
color: #fff; }
.banner-case--theme-salmon .banner-case__text {
background-color: #e6baa8; }
.banner-case--theme-salmon .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-cinnamon .banner-case__text {
background-color: #6d4f47; }
.banner-case--theme-cinnamon .banner-case__title {
color: #fff; }
.banner-case--theme-flamingopink .banner-case__text {
background-color: #fad0c8; }
.banner-case--theme-flamingopink .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-kingfisherblue .banner-case__text {
background-color: #00a0d8; }
.banner-case--theme-kingfisherblue .banner-case__title {
color: #fff; }
.banner-case--theme-sdw20green .banner-case__text {
background-color: #244f3e; }
.banner-case--theme-sdw20green .banner-case__title {
color: #fff; }
.banner-case--theme-slate .banner-case__text {
background-color: #3d3935; }
.banner-case--theme-slate .banner-case__title {
color: #fff; }
.banner-case--theme-slate100 .banner-case__text {
background-color: #3d3935; }
.banner-case--theme-slate100 .banner-case__title {
color: #fff; }
.banner-case--theme-slate75 .banner-case__text {
background-color: #6e6b68; }
.banner-case--theme-slate75 .banner-case__title {
color: #fff; }
.banner-case--theme-slate50 .banner-case__text {
background-color: #9d9b99; }
.banner-case--theme-slate50 .banner-case__title {
color: #fff; }
.banner-case--theme-slate25 .banner-case__text {
background-color: #cecdcc; }
.banner-case--theme-slate25 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-slate7 .banner-case__text {
background-color: #f1f1f1; }
.banner-case--theme-slate7 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-eveningsky .banner-case__text {
background-color: #284458; }
.banner-case--theme-eveningsky .banner-case__title {
color: #fff; }
.banner-case--theme-eveningsky100 .banner-case__text {
background-color: #284458; }
.banner-case--theme-eveningsky100 .banner-case__title {
color: #fff; }
.banner-case--theme-eveningsky75 .banner-case__text {
background-color: #5e7382; }
.banner-case--theme-eveningsky75 .banner-case__title {
color: #fff; }
.banner-case--theme-eveningsky50 .banner-case__text {
background-color: #93a1ab; }
.banner-case--theme-eveningsky50 .banner-case__title {
color: #fff; }
.banner-case--theme-eveningsky25 .banner-case__text {
background-color: #c9d0d5; }
.banner-case--theme-eveningsky25 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-eveningsky7 .banner-case__text {
background-color: #f0f2f3; }
.banner-case--theme-eveningsky7 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-organicgreen .banner-case__text {
background-color: #2e483e; }
.banner-case--theme-organicgreen .banner-case__title {
color: #fff; }
.banner-case--theme-organicgreen100 .banner-case__text {
background-color: #2e483e; }
.banner-case--theme-organicgreen100 .banner-case__title {
color: #fff; }
.banner-case--theme-organicgreen75 .banner-case__text {
background-color: #62766e; }
.banner-case--theme-organicgreen75 .banner-case__title {
color: #fff; }
.banner-case--theme-organicgreen50 .banner-case__text {
background-color: #96a39e; }
.banner-case--theme-organicgreen50 .banner-case__title {
color: #fff; }
.banner-case--theme-organicgreen25 .banner-case__text {
background-color: #cad1ce; }
.banner-case--theme-organicgreen25 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-organicgreen7 .banner-case__text {
background-color: #f0f2f1; }
.banner-case--theme-organicgreen7 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-sand .banner-case__text {
background-color: #b6a284; }
.banner-case--theme-sand .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-sand100 .banner-case__text {
background-color: #b6a284; }
.banner-case--theme-sand100 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-sand75 .banner-case__text {
background-color: #c8b9a3; }
.banner-case--theme-sand75 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-sand50 .banner-case__text {
background-color: #dad0c1; }
.banner-case--theme-sand50 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-sand25 .banner-case__text {
background-color: #ece7e0; }
.banner-case--theme-sand25 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-sand7 .banner-case__text {
background-color: #faf8f6; }
.banner-case--theme-sand7 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-rhubarb .banner-case__text {
background-color: #dd7975; }
.banner-case--theme-rhubarb .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-rhubarb100 .banner-case__text {
background-color: #dd7975; }
.banner-case--theme-rhubarb100 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-rhubarb75 .banner-case__text {
background-color: #e69b98; }
.banner-case--theme-rhubarb75 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-rhubarb50 .banner-case__text {
background-color: #edbbb9; }
.banner-case--theme-rhubarb50 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-rhubarb25 .banner-case__text {
background-color: #f6dddc; }
.banner-case--theme-rhubarb25 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-rhubarb7 .banner-case__text {
background-color: #fcf5f5; }
.banner-case--theme-rhubarb7 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chantarelle .banner-case__text {
background-color: #d9c756; }
.banner-case--theme-chantarelle .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chantarelle100 .banner-case__text {
background-color: #d9c756; }
.banner-case--theme-chantarelle100 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chantarelle75 .banner-case__text {
background-color: #e3d580; }
.banner-case--theme-chantarelle75 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chantarelle50 .banner-case__text {
background-color: #ebe2aa; }
.banner-case--theme-chantarelle50 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chantarelle25 .banner-case__text {
background-color: #f5f1d4; }
.banner-case--theme-chantarelle25 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-chantarelle7 .banner-case__text {
background-color: #fcfbf3; }
.banner-case--theme-chantarelle7 .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-white .banner-case__text {
background-color: #fff; }
.banner-case--theme-white .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-black .banner-case__text {
background-color: #1d1d1b; }
.banner-case--theme-black .banner-case__title {
color: #fff; }
.banner-case--theme-pagebackground .banner-case__text {
background-color: #faf8f6; }
.banner-case--theme-pagebackground .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-grey .banner-case__text {
background-color: #ebebeb; }
.banner-case--theme-grey .banner-case__title {
color: #1d1d1b; }
.banner-case--theme-none .banner-case__text {
background-color: rgba(0, 0, 0, 0); }
.banner-case--theme-none .banner-case__title {
color: #1d1d1b; }
@media (max-width: 767px) {
.banner-case--square .banner-case__title {
font-size: 36px;
letter-spacing: 2.6px; } }
@media (max-width: 767px) and (max-width: 1349px) {
.banner-case--square .banner-case__title {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 767px) and (max-width: 1199px) {
.banner-case--square .banner-case__title {
font-size: 26px;
letter-spacing: 1.9px; } }
@media (max-width: 767px) and (max-width: 991px) {
.banner-case--square .banner-case__title {
font-size: 22px;
letter-spacing: 1.6px; } }
@media (max-width: 767px) and (max-width: 767px) {
.banner-case--square .banner-case__title {
font-size: 18px;
letter-spacing: 1.3px; } }
@media (max-width: 767px) {
.banner-case--onethird .banner-case__title {
font-size: 36px;
letter-spacing: 2.6px; } }
@media (max-width: 767px) and (max-width: 1349px) {
.banner-case--onethird .banner-case__title {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 767px) and (max-width: 1199px) {
.banner-case--onethird .banner-case__title {
font-size: 26px;
letter-spacing: 1.9px; } }
@media (max-width: 767px) and (max-width: 991px) {
.banner-case--onethird .banner-case__title {
font-size: 22px;
letter-spacing: 1.6px; } }
@media (max-width: 767px) and (max-width: 767px) {
.banner-case--onethird .banner-case__title {
font-size: 18px;
letter-spacing: 1.3px; } }
.banner {
backface-visibility: hidden;
position: relative;
overflow: hidden;
background-color: #d0d3d4;
width: 100%;
padding-bottom: 50%;
height: 0; }
.banner--square {
padding-bottom: 80%; }
.banner--half {
float: left;
width: 50%;
padding-bottom: 50%; }
@media (max-width: 767px) {
.banner--half {
float: none;
width: auto;
padding-bottom: 50%; } }
.banner--onethird {
float: left;
width: 33.33333%;
padding-bottom: 25%; }
@media (max-width: 767px) {
.banner--onethird {
float: none;
width: auto;
padding-bottom: 50%; } }
.banner--twothirds {
float: left;
width: 66.66667%;
padding-bottom: 37.03704%; }
@media (max-width: 1199px) {
.banner--twothirds {
float: none;
width: auto;
padding-bottom: 56%; } }
@media (max-width: 767px) {
.banner--twothirds {
padding-bottom: 81.25%; } }
.feed .banner {
height: 100%; }
.feed .banner__image-container {
height: 100%;
padding-bottom: 0; }
@media (max-width: 767px) {
.feed .banner__image-container {
height: 0;
padding-bottom: 50%; } }
.banner__text-container {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
white-space: nowrap;
text-align: center; }
.banner__text-container:after {
content: "";
height: 100%; }
.banner__text-container > *, .banner__text-container:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.banner__text {
text-align: left;
white-space: normal;
position: relative; }
.banner__image-container {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden; }
.banner__image {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateY(-50%); }
.banner__image--main-navigation {
width: 100%; }
.banner--half .banner__image,
.banner--onethird .banner__image {
top: 0;
left: 50%;
height: 100%;
width: auto;
transform: translateX(-50%); }
@media (max-width: 767px) {
.banner--half .banner__image,
.banner--onethird .banner__image {
position: absolute;
top: 50%;
left: 0;
height: auto;
width: 100%;
transform: translateY(-50%); } }
.banner__image--on-hover {
display: none; }
.banner__video-container {
position: absolute;
height: 100%;
width: 100%; }
.banner__video-container video {
position: absolute;
height: calc(100% + 2px);
transform: translate(-50%, -50%);
top: 50%;
left: 50%; }
@media (max-width: 991px) {
.banner__video-container video {
width: 100%;
height: auto; } }
.carousel .banner__action h3 {
display: none; }
.banner:hover .banner__image--on-hover {
display: block; }
.carousel .banner,
.banner-combo .carousel .banner {
position: absolute;
padding-bottom: 0;
height: 100%;
width: 100%; }
.nav-expand .banner__title,
.banner-combo__stacked .banner__title {
font-size: 20px;
letter-spacing: 1.4px;
margin-bottom: 0; }
@media (max-width: 1349px) {
.nav-expand .banner__title,
.banner-combo__stacked .banner__title {
font-size: 16px;
letter-spacing: 1.1px; } }
@media (max-width: 1199px) {
.nav-expand .banner__title,
.banner-combo__stacked .banner__title {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 991px) {
.nav-expand .banner__title,
.banner-combo__stacked .banner__title {
font-size: 11px;
letter-spacing: 0.5px; } }
.banner-combo__stacked--tworows .banner {
padding-bottom: 55.55556%; }
@media (max-width: 1199px) {
.banner-combo__stacked--tworows .banner {
float: left;
width: 50%;
padding-bottom: 28%; } }
@media (max-width: 767px) {
.banner-combo__stacked--tworows .banner {
width: 100%;
padding-bottom: 50%; } }
.banner-combo__stacked--threerows .banner {
padding-bottom: 37.03733%; }
@media (max-width: 1199px) {
.banner-combo__stacked--threerows .banner {
float: left;
width: 33.33333%;
padding-bottom: 24%; } }
@media (max-width: 767px) {
.banner-combo__stacked--threerows .banner {
width: 100%;
padding-bottom: 50%; } }
.nav-expand .banner {
padding-bottom: 78%; }
.nav-expand .banner__title {
margin-bottom: 0; }
.banner--arrow {
height: 0;
padding-bottom: 54%; }
@media (max-width: 767px) {
.banner--arrow {
padding-bottom: 38%; } }
.banner--theme-aquamarine {
background-color: #a9dae7; }
.banner--theme-aquamarine .banner__text {
width: 100%;
background-color: #a9dae7;
color: #1d1d1b; }
.banner--theme-aquamarine .banner__text:before {
content: ''; }
.banner--theme-aquamarine .banner__title,
.banner--theme-aquamarine .banner__subtitle {
color: inherit; }
.banner--theme-aquamarine .icon {
fill: #1d1d1b; }
.banner--theme-lemonyellow {
background-color: #f6eb61; }
.banner--theme-lemonyellow .banner__text {
width: 100%;
background-color: #f6eb61;
color: #1d1d1b; }
.banner--theme-lemonyellow .banner__text:before {
content: ''; }
.banner--theme-lemonyellow .banner__title,
.banner--theme-lemonyellow .banner__subtitle {
color: inherit; }
.banner--theme-lemonyellow .icon {
fill: #1d1d1b; }
.banner--theme-mistygrey {
background-color: #d0d3d4; }
.banner--theme-mistygrey .banner__text {
width: 100%;
background-color: #d0d3d4;
color: #1d1d1b; }
.banner--theme-mistygrey .banner__text:before {
content: ''; }
.banner--theme-mistygrey .banner__title,
.banner--theme-mistygrey .banner__subtitle {
color: inherit; }
.banner--theme-mistygrey .icon {
fill: #1d1d1b; }
.banner--theme-graphitegrey {
background-color: #a2a6a8; }
.banner--theme-graphitegrey .banner__text {
width: 100%;
background-color: #a2a6a8;
color: #fff; }
.banner--theme-graphitegrey .banner__text:before {
content: ''; }
.banner--theme-graphitegrey .banner__title,
.banner--theme-graphitegrey .banner__subtitle {
color: inherit; }
.banner--theme-graphitegrey .icon {
fill: #fff; }
.banner--theme-polargreen {
background-color: #e0edd5; }
.banner--theme-polargreen .banner__text {
width: 100%;
background-color: #e0edd5;
color: #1d1d1b; }
.banner--theme-polargreen .banner__text:before {
content: ''; }
.banner--theme-polargreen .banner__title,
.banner--theme-polargreen .banner__subtitle {
color: inherit; }
.banner--theme-polargreen .icon {
fill: #1d1d1b; }
.banner--theme-springgreen {
background-color: #b7d698; }
.banner--theme-springgreen .banner__text {
width: 100%;
background-color: #b7d698;
color: #1d1d1b; }
.banner--theme-springgreen .banner__text:before {
content: ''; }
.banner--theme-springgreen .banner__title,
.banner--theme-springgreen .banner__subtitle {
color: inherit; }
.banner--theme-springgreen .icon {
fill: #1d1d1b; }
.banner--theme-chilired {
background-color: #d22630; }
.banner--theme-chilired .banner__text {
width: 100%;
background-color: #d22630;
color: #fff; }
.banner--theme-chilired .banner__text:before {
content: ''; }
.banner--theme-chilired .banner__title,
.banner--theme-chilired .banner__subtitle {
color: inherit; }
.banner--theme-chilired .icon {
fill: #fff; }
.banner--theme-salmon {
background-color: #e6baa8; }
.banner--theme-salmon .banner__text {
width: 100%;
background-color: #e6baa8;
color: #1d1d1b; }
.banner--theme-salmon .banner__text:before {
content: ''; }
.banner--theme-salmon .banner__title,
.banner--theme-salmon .banner__subtitle {
color: inherit; }
.banner--theme-salmon .icon {
fill: #1d1d1b; }
.banner--theme-cinnamon {
background-color: #6d4f47; }
.banner--theme-cinnamon .banner__text {
width: 100%;
background-color: #6d4f47;
color: #fff; }
.banner--theme-cinnamon .banner__text:before {
content: ''; }
.banner--theme-cinnamon .banner__title,
.banner--theme-cinnamon .banner__subtitle {
color: inherit; }
.banner--theme-cinnamon .icon {
fill: #fff; }
.banner--theme-flamingopink {
background-color: #fad0c8; }
.banner--theme-flamingopink .banner__text {
width: 100%;
background-color: #fad0c8;
color: #1d1d1b; }
.banner--theme-flamingopink .banner__text:before {
content: ''; }
.banner--theme-flamingopink .banner__title,
.banner--theme-flamingopink .banner__subtitle {
color: inherit; }
.banner--theme-flamingopink .icon {
fill: #1d1d1b; }
.banner--theme-kingfisherblue {
background-color: #00a0d8; }
.banner--theme-kingfisherblue .banner__text {
width: 100%;
background-color: #00a0d8;
color: #fff; }
.banner--theme-kingfisherblue .banner__text:before {
content: ''; }
.banner--theme-kingfisherblue .banner__title,
.banner--theme-kingfisherblue .banner__subtitle {
color: inherit; }
.banner--theme-kingfisherblue .icon {
fill: #fff; }
.banner--theme-sdw20green {
background-color: #244f3e; }
.banner--theme-sdw20green .banner__text {
width: 100%;
background-color: #244f3e;
color: #fff; }
.banner--theme-sdw20green .banner__text:before {
content: ''; }
.banner--theme-sdw20green .banner__title,
.banner--theme-sdw20green .banner__subtitle {
color: inherit; }
.banner--theme-sdw20green .icon {
fill: #fff; }
.banner--theme-slate {
background-color: #3d3935; }
.banner--theme-slate .banner__text {
width: 100%;
background-color: #3d3935;
color: #fff; }
.banner--theme-slate .banner__text:before {
content: ''; }
.banner--theme-slate .banner__title,
.banner--theme-slate .banner__subtitle {
color: inherit; }
.banner--theme-slate .icon {
fill: #fff; }
.banner--theme-slate100 {
background-color: #3d3935; }
.banner--theme-slate100 .banner__text {
width: 100%;
background-color: #3d3935;
color: #fff; }
.banner--theme-slate100 .banner__text:before {
content: ''; }
.banner--theme-slate100 .banner__title,
.banner--theme-slate100 .banner__subtitle {
color: inherit; }
.banner--theme-slate100 .icon {
fill: #fff; }
.banner--theme-slate75 {
background-color: #6e6b68; }
.banner--theme-slate75 .banner__text {
width: 100%;
background-color: #6e6b68;
color: #fff; }
.banner--theme-slate75 .banner__text:before {
content: ''; }
.banner--theme-slate75 .banner__title,
.banner--theme-slate75 .banner__subtitle {
color: inherit; }
.banner--theme-slate75 .icon {
fill: #fff; }
.banner--theme-slate50 {
background-color: #9d9b99; }
.banner--theme-slate50 .banner__text {
width: 100%;
background-color: #9d9b99;
color: #fff; }
.banner--theme-slate50 .banner__text:before {
content: ''; }
.banner--theme-slate50 .banner__title,
.banner--theme-slate50 .banner__subtitle {
color: inherit; }
.banner--theme-slate50 .icon {
fill: #fff; }
.banner--theme-slate25 {
background-color: #cecdcc; }
.banner--theme-slate25 .banner__text {
width: 100%;
background-color: #cecdcc;
color: #1d1d1b; }
.banner--theme-slate25 .banner__text:before {
content: ''; }
.banner--theme-slate25 .banner__title,
.banner--theme-slate25 .banner__subtitle {
color: inherit; }
.banner--theme-slate25 .icon {
fill: #1d1d1b; }
.banner--theme-slate7 {
background-color: #f1f1f1; }
.banner--theme-slate7 .banner__text {
width: 100%;
background-color: #f1f1f1;
color: #1d1d1b; }
.banner--theme-slate7 .banner__text:before {
content: ''; }
.banner--theme-slate7 .banner__title,
.banner--theme-slate7 .banner__subtitle {
color: inherit; }
.banner--theme-slate7 .icon {
fill: #1d1d1b; }
.banner--theme-eveningsky {
background-color: #284458; }
.banner--theme-eveningsky .banner__text {
width: 100%;
background-color: #284458;
color: #fff; }
.banner--theme-eveningsky .banner__text:before {
content: ''; }
.banner--theme-eveningsky .banner__title,
.banner--theme-eveningsky .banner__subtitle {
color: inherit; }
.banner--theme-eveningsky .icon {
fill: #fff; }
.banner--theme-eveningsky100 {
background-color: #284458; }
.banner--theme-eveningsky100 .banner__text {
width: 100%;
background-color: #284458;
color: #fff; }
.banner--theme-eveningsky100 .banner__text:before {
content: ''; }
.banner--theme-eveningsky100 .banner__title,
.banner--theme-eveningsky100 .banner__subtitle {
color: inherit; }
.banner--theme-eveningsky100 .icon {
fill: #fff; }
.banner--theme-eveningsky75 {
background-color: #5e7382; }
.banner--theme-eveningsky75 .banner__text {
width: 100%;
background-color: #5e7382;
color: #fff; }
.banner--theme-eveningsky75 .banner__text:before {
content: ''; }
.banner--theme-eveningsky75 .banner__title,
.banner--theme-eveningsky75 .banner__subtitle {
color: inherit; }
.banner--theme-eveningsky75 .icon {
fill: #fff; }
.banner--theme-eveningsky50 {
background-color: #93a1ab; }
.banner--theme-eveningsky50 .banner__text {
width: 100%;
background-color: #93a1ab;
color: #fff; }
.banner--theme-eveningsky50 .banner__text:before {
content: ''; }
.banner--theme-eveningsky50 .banner__title,
.banner--theme-eveningsky50 .banner__subtitle {
color: inherit; }
.banner--theme-eveningsky50 .icon {
fill: #fff; }
.banner--theme-eveningsky25 {
background-color: #c9d0d5; }
.banner--theme-eveningsky25 .banner__text {
width: 100%;
background-color: #c9d0d5;
color: #1d1d1b; }
.banner--theme-eveningsky25 .banner__text:before {
content: ''; }
.banner--theme-eveningsky25 .banner__title,
.banner--theme-eveningsky25 .banner__subtitle {
color: inherit; }
.banner--theme-eveningsky25 .icon {
fill: #1d1d1b; }
.banner--theme-eveningsky7 {
background-color: #f0f2f3; }
.banner--theme-eveningsky7 .banner__text {
width: 100%;
background-color: #f0f2f3;
color: #1d1d1b; }
.banner--theme-eveningsky7 .banner__text:before {
content: ''; }
.banner--theme-eveningsky7 .banner__title,
.banner--theme-eveningsky7 .banner__subtitle {
color: inherit; }
.banner--theme-eveningsky7 .icon {
fill: #1d1d1b; }
.banner--theme-organicgreen {
background-color: #2e483e; }
.banner--theme-organicgreen .banner__text {
width: 100%;
background-color: #2e483e;
color: #fff; }
.banner--theme-organicgreen .banner__text:before {
content: ''; }
.banner--theme-organicgreen .banner__title,
.banner--theme-organicgreen .banner__subtitle {
color: inherit; }
.banner--theme-organicgreen .icon {
fill: #fff; }
.banner--theme-organicgreen100 {
background-color: #2e483e; }
.banner--theme-organicgreen100 .banner__text {
width: 100%;
background-color: #2e483e;
color: #fff; }
.banner--theme-organicgreen100 .banner__text:before {
content: ''; }
.banner--theme-organicgreen100 .banner__title,
.banner--theme-organicgreen100 .banner__subtitle {
color: inherit; }
.banner--theme-organicgreen100 .icon {
fill: #fff; }
.banner--theme-organicgreen75 {
background-color: #62766e; }
.banner--theme-organicgreen75 .banner__text {
width: 100%;
background-color: #62766e;
color: #fff; }
.banner--theme-organicgreen75 .banner__text:before {
content: ''; }
.banner--theme-organicgreen75 .banner__title,
.banner--theme-organicgreen75 .banner__subtitle {
color: inherit; }
.banner--theme-organicgreen75 .icon {
fill: #fff; }
.banner--theme-organicgreen50 {
background-color: #96a39e; }
.banner--theme-organicgreen50 .banner__text {
width: 100%;
background-color: #96a39e;
color: #fff; }
.banner--theme-organicgreen50 .banner__text:before {
content: ''; }
.banner--theme-organicgreen50 .banner__title,
.banner--theme-organicgreen50 .banner__subtitle {
color: inherit; }
.banner--theme-organicgreen50 .icon {
fill: #fff; }
.banner--theme-organicgreen25 {
background-color: #cad1ce; }
.banner--theme-organicgreen25 .banner__text {
width: 100%;
background-color: #cad1ce;
color: #1d1d1b; }
.banner--theme-organicgreen25 .banner__text:before {
content: ''; }
.banner--theme-organicgreen25 .banner__title,
.banner--theme-organicgreen25 .banner__subtitle {
color: inherit; }
.banner--theme-organicgreen25 .icon {
fill: #1d1d1b; }
.banner--theme-organicgreen7 {
background-color: #f0f2f1; }
.banner--theme-organicgreen7 .banner__text {
width: 100%;
background-color: #f0f2f1;
color: #1d1d1b; }
.banner--theme-organicgreen7 .banner__text:before {
content: ''; }
.banner--theme-organicgreen7 .banner__title,
.banner--theme-organicgreen7 .banner__subtitle {
color: inherit; }
.banner--theme-organicgreen7 .icon {
fill: #1d1d1b; }
.banner--theme-sand {
background-color: #b6a284; }
.banner--theme-sand .banner__text {
width: 100%;
background-color: #b6a284;
color: #1d1d1b; }
.banner--theme-sand .banner__text:before {
content: ''; }
.banner--theme-sand .banner__title,
.banner--theme-sand .banner__subtitle {
color: inherit; }
.banner--theme-sand .icon {
fill: #1d1d1b; }
.banner--theme-sand100 {
background-color: #b6a284; }
.banner--theme-sand100 .banner__text {
width: 100%;
background-color: #b6a284;
color: #1d1d1b; }
.banner--theme-sand100 .banner__text:before {
content: ''; }
.banner--theme-sand100 .banner__title,
.banner--theme-sand100 .banner__subtitle {
color: inherit; }
.banner--theme-sand100 .icon {
fill: #1d1d1b; }
.banner--theme-sand75 {
background-color: #c8b9a3; }
.banner--theme-sand75 .banner__text {
width: 100%;
background-color: #c8b9a3;
color: #1d1d1b; }
.banner--theme-sand75 .banner__text:before {
content: ''; }
.banner--theme-sand75 .banner__title,
.banner--theme-sand75 .banner__subtitle {
color: inherit; }
.banner--theme-sand75 .icon {
fill: #1d1d1b; }
.banner--theme-sand50 {
background-color: #dad0c1; }
.banner--theme-sand50 .banner__text {
width: 100%;
background-color: #dad0c1;
color: #1d1d1b; }
.banner--theme-sand50 .banner__text:before {
content: ''; }
.banner--theme-sand50 .banner__title,
.banner--theme-sand50 .banner__subtitle {
color: inherit; }
.banner--theme-sand50 .icon {
fill: #1d1d1b; }
.banner--theme-sand25 {
background-color: #ece7e0; }
.banner--theme-sand25 .banner__text {
width: 100%;
background-color: #ece7e0;
color: #1d1d1b; }
.banner--theme-sand25 .banner__text:before {
content: ''; }
.banner--theme-sand25 .banner__title,
.banner--theme-sand25 .banner__subtitle {
color: inherit; }
.banner--theme-sand25 .icon {
fill: #1d1d1b; }
.banner--theme-sand7 {
background-color: #faf8f6; }
.banner--theme-sand7 .banner__text {
width: 100%;
background-color: #faf8f6;
color: #1d1d1b; }
.banner--theme-sand7 .banner__text:before {
content: ''; }
.banner--theme-sand7 .banner__title,
.banner--theme-sand7 .banner__subtitle {
color: inherit; }
.banner--theme-sand7 .icon {
fill: #1d1d1b; }
.banner--theme-rhubarb {
background-color: #dd7975; }
.banner--theme-rhubarb .banner__text {
width: 100%;
background-color: #dd7975;
color: #1d1d1b; }
.banner--theme-rhubarb .banner__text:before {
content: ''; }
.banner--theme-rhubarb .banner__title,
.banner--theme-rhubarb .banner__subtitle {
color: inherit; }
.banner--theme-rhubarb .icon {
fill: #1d1d1b; }
.banner--theme-rhubarb100 {
background-color: #dd7975; }
.banner--theme-rhubarb100 .banner__text {
width: 100%;
background-color: #dd7975;
color: #1d1d1b; }
.banner--theme-rhubarb100 .banner__text:before {
content: ''; }
.banner--theme-rhubarb100 .banner__title,
.banner--theme-rhubarb100 .banner__subtitle {
color: inherit; }
.banner--theme-rhubarb100 .icon {
fill: #1d1d1b; }
.banner--theme-rhubarb75 {
background-color: #e69b98; }
.banner--theme-rhubarb75 .banner__text {
width: 100%;
background-color: #e69b98;
color: #1d1d1b; }
.banner--theme-rhubarb75 .banner__text:before {
content: ''; }
.banner--theme-rhubarb75 .banner__title,
.banner--theme-rhubarb75 .banner__subtitle {
color: inherit; }
.banner--theme-rhubarb75 .icon {
fill: #1d1d1b; }
.banner--theme-rhubarb50 {
background-color: #edbbb9; }
.banner--theme-rhubarb50 .banner__text {
width: 100%;
background-color: #edbbb9;
color: #1d1d1b; }
.banner--theme-rhubarb50 .banner__text:before {
content: ''; }
.banner--theme-rhubarb50 .banner__title,
.banner--theme-rhubarb50 .banner__subtitle {
color: inherit; }
.banner--theme-rhubarb50 .icon {
fill: #1d1d1b; }
.banner--theme-rhubarb25 {
background-color: #f6dddc; }
.banner--theme-rhubarb25 .banner__text {
width: 100%;
background-color: #f6dddc;
color: #1d1d1b; }
.banner--theme-rhubarb25 .banner__text:before {
content: ''; }
.banner--theme-rhubarb25 .banner__title,
.banner--theme-rhubarb25 .banner__subtitle {
color: inherit; }
.banner--theme-rhubarb25 .icon {
fill: #1d1d1b; }
.banner--theme-rhubarb7 {
background-color: #fcf5f5; }
.banner--theme-rhubarb7 .banner__text {
width: 100%;
background-color: #fcf5f5;
color: #1d1d1b; }
.banner--theme-rhubarb7 .banner__text:before {
content: ''; }
.banner--theme-rhubarb7 .banner__title,
.banner--theme-rhubarb7 .banner__subtitle {
color: inherit; }
.banner--theme-rhubarb7 .icon {
fill: #1d1d1b; }
.banner--theme-chantarelle {
background-color: #d9c756; }
.banner--theme-chantarelle .banner__text {
width: 100%;
background-color: #d9c756;
color: #1d1d1b; }
.banner--theme-chantarelle .banner__text:before {
content: ''; }
.banner--theme-chantarelle .banner__title,
.banner--theme-chantarelle .banner__subtitle {
color: inherit; }
.banner--theme-chantarelle .icon {
fill: #1d1d1b; }
.banner--theme-chantarelle100 {
background-color: #d9c756; }
.banner--theme-chantarelle100 .banner__text {
width: 100%;
background-color: #d9c756;
color: #1d1d1b; }
.banner--theme-chantarelle100 .banner__text:before {
content: ''; }
.banner--theme-chantarelle100 .banner__title,
.banner--theme-chantarelle100 .banner__subtitle {
color: inherit; }
.banner--theme-chantarelle100 .icon {
fill: #1d1d1b; }
.banner--theme-chantarelle75 {
background-color: #e3d580; }
.banner--theme-chantarelle75 .banner__text {
width: 100%;
background-color: #e3d580;
color: #1d1d1b; }
.banner--theme-chantarelle75 .banner__text:before {
content: ''; }
.banner--theme-chantarelle75 .banner__title,
.banner--theme-chantarelle75 .banner__subtitle {
color: inherit; }
.banner--theme-chantarelle75 .icon {
fill: #1d1d1b; }
.banner--theme-chantarelle50 {
background-color: #ebe2aa; }
.banner--theme-chantarelle50 .banner__text {
width: 100%;
background-color: #ebe2aa;
color: #1d1d1b; }
.banner--theme-chantarelle50 .banner__text:before {
content: ''; }
.banner--theme-chantarelle50 .banner__title,
.banner--theme-chantarelle50 .banner__subtitle {
color: inherit; }
.banner--theme-chantarelle50 .icon {
fill: #1d1d1b; }
.banner--theme-chantarelle25 {
background-color: #f5f1d4; }
.banner--theme-chantarelle25 .banner__text {
width: 100%;
background-color: #f5f1d4;
color: #1d1d1b; }
.banner--theme-chantarelle25 .banner__text:before {
content: ''; }
.banner--theme-chantarelle25 .banner__title,
.banner--theme-chantarelle25 .banner__subtitle {
color: inherit; }
.banner--theme-chantarelle25 .icon {
fill: #1d1d1b; }
.banner--theme-chantarelle7 {
background-color: #fcfbf3; }
.banner--theme-chantarelle7 .banner__text {
width: 100%;
background-color: #fcfbf3;
color: #1d1d1b; }
.banner--theme-chantarelle7 .banner__text:before {
content: ''; }
.banner--theme-chantarelle7 .banner__title,
.banner--theme-chantarelle7 .banner__subtitle {
color: inherit; }
.banner--theme-chantarelle7 .icon {
fill: #1d1d1b; }
.banner--theme-white {
background-color: #fff; }
.banner--theme-white .banner__text {
width: 100%;
background-color: #fff;
color: #1d1d1b; }
.banner--theme-white .banner__text:before {
content: ''; }
.banner--theme-white .banner__title,
.banner--theme-white .banner__subtitle {
color: inherit; }
.banner--theme-white .icon {
fill: #1d1d1b; }
.banner--theme-black {
background-color: #1d1d1b; }
.banner--theme-black .banner__text {
width: 100%;
background-color: #1d1d1b;
color: #fff; }
.banner--theme-black .banner__text:before {
content: ''; }
.banner--theme-black .banner__title,
.banner--theme-black .banner__subtitle {
color: inherit; }
.banner--theme-black .icon {
fill: #fff; }
.banner--theme-pagebackground {
background-color: #faf8f6; }
.banner--theme-pagebackground .banner__text {
width: 100%;
background-color: #faf8f6;
color: #1d1d1b; }
.banner--theme-pagebackground .banner__text:before {
content: ''; }
.banner--theme-pagebackground .banner__title,
.banner--theme-pagebackground .banner__subtitle {
color: inherit; }
.banner--theme-pagebackground .icon {
fill: #1d1d1b; }
.banner--theme-grey {
background-color: #ebebeb; }
.banner--theme-grey .banner__text {
width: 100%;
background-color: #ebebeb;
color: #1d1d1b; }
.banner--theme-grey .banner__text:before {
content: ''; }
.banner--theme-grey .banner__title,
.banner--theme-grey .banner__subtitle {
color: inherit; }
.banner--theme-grey .icon {
fill: #1d1d1b; }
.banner--theme-none {
background-color: rgba(0, 0, 0, 0); }
.banner--theme-none .banner__text {
width: 100%;
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.banner--theme-none .banner__text:before {
content: ''; }
.banner--theme-none .banner__title,
.banner--theme-none .banner__subtitle {
color: inherit; }
.banner--theme-none .icon {
fill: #1d1d1b; }
.banner__text {
padding: 20px;
width: 75%;
text-align: center;
color: #1d1d1b; }
.nav-expand .banner__text,
.banner--square .banner__text,
.banner--onethird .banner__text,
.banner-combo__stacked .banner__text {
padding: 15px 0; }
.banner__text--white .banner__title {
color: #fff; }
.banner__text--white .banner__subtitle {
color: #fff; }
.banner__text--black .banner__title, .banner__text--default .banner__title {
color: #1d1d1b; }
.banner__text--black .banner__subtitle, .banner__text--default .banner__subtitle {
color: #1d1d1b; }
div.banner--arrow .banner__text {
position: absolute;
bottom: 0;
left: 0;
padding: 0 0 26px 30px;
text-align: left;
max-width: 60%; }
@media (max-width: 991px) {
div.banner--arrow .banner__text {
padding: 8px; } }
@media (max-width: 767px) {
div.banner--arrow .banner__text {
padding: 24px; } }
.banner__title {
color: inherit;
margin-bottom: 0; }
.banner__subtitle {
font-size: 12px;
font-weight: 500;
margin-top: 0.34em;
text-transform: uppercase; }
@media (max-width: 991px) {
.banner__subtitle {
display: none; } }
.banner--square .banner__title,
.banner--arrow .banner__title {
font-size: 20px;
letter-spacing: 1.4px; }
@media (max-width: 1349px) {
.banner--square .banner__title,
.banner--arrow .banner__title {
font-size: 16px;
letter-spacing: 1.1px; } }
@media (max-width: 1199px) {
.banner--square .banner__title,
.banner--arrow .banner__title {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 991px) {
.banner--square .banner__title,
.banner--arrow .banner__title {
font-size: 11px;
letter-spacing: 0.5px; } }
.banner .icon--arrow-right {
position: absolute;
top: 30px;
right: 30px; }
@media (max-width: 767px) {
.banner--square .banner__title {
font-size: 36px;
letter-spacing: 2.6px; } }
@media (max-width: 767px) and (max-width: 1349px) {
.banner--square .banner__title {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 767px) and (max-width: 1199px) {
.banner--square .banner__title {
font-size: 26px;
letter-spacing: 1.9px; } }
@media (max-width: 767px) and (max-width: 991px) {
.banner--square .banner__title {
font-size: 22px;
letter-spacing: 1.6px; } }
@media (max-width: 767px) and (max-width: 767px) {
.banner--square .banner__title {
font-size: 18px;
letter-spacing: 1.3px; } }
.banner.banner--arrow {
background-color: #dad0c1; }
.banner.banner--arrow .banner__text {
width: 100%;
background-color: #dad0c1;
color: #1d1d1b; }
.banner.banner--arrow .banner__text:before {
content: ''; }
.banner.banner--arrow .banner__title,
.banner.banner--arrow .banner__subtitle {
color: inherit; }
.banner.banner--arrow .icon {
fill: #1d1d1b; }
.activity-spaces .inspiration-card__image-container img {
width: 100%;
height: 100%;
object-fit: cover; }
.activity-spaces__subtitle {
position: relative;
margin: 40px 0px; }
.activity-spaces__subtitle h2 {
text-align: center; }
.activity-spaces__main-image-container {
padding-top: 24px; }
.activity-spaces__main-image-container .image-map.portrait {
background-color: #ebebeb; }
.activity-spaces__main-image-container .image-map.portrait img {
display: block;
margin: 0 auto; }
.activity-spaces__picture-feed {
display: flex;
flex-wrap: wrap;
flex: 1 1 50%;
margin-bottom: 16px; }
.activity-spaces__picture-feed button {
appearance: none;
padding: 0px;
margin-bottom: 16px;
border: none;
background: transparent;
width: 50%;
max-height: 300px; }
.activity-spaces__picture-feed button:nth-child(odd) {
padding-right: 16px; }
.activity-spaces__picture-feed button .activity-spaces__picture-container {
width: 100%;
height: 100%;
overflow: hidden; }
.activity-spaces__picture-feed img {
width: 100%;
height: 100%;
object-fit: cover; }
.activity-spaces__bottom-section {
margin-bottom: 16px; }
@media (min-width: 767px) {
.activity-spaces .feed__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 40px;
grid-gap: 16px;
margin-bottom: 64px; }
.activity-spaces .feed__grid .inspiration-card__link:focus {
outline: black solid 2px;
outline: -webkit-focus-ring-color solid 2px; }
.activity-spaces .feed__grid .inspiration-card__link:focus:not(:focus-visble) {
outline: none; }
.activity-spaces .feed__grid .inspiration-card__link:focus-visible {
outline: Highlight solid 2px; }
.activity-spaces .feed__grid .inspiration-card {
width: 100%;
grid-row-end: span 6; }
.activity-spaces .feed__grid .inspiration-card .inspiration-card__image-container {
padding-bottom: 54%; }
.activity-spaces .feed__grid .inspiration-card:nth-child(1) .inspiration-card__image-container {
padding-bottom: 59%; }
.activity-spaces .feed__grid .inspiration-card:nth-child(2) {
grid-row-end: span 5; }
.activity-spaces .feed__grid .inspiration-card:nth-child(2) .inspiration-card__image-container {
padding-bottom: 46%; }
.activity-spaces .feed__grid .inspiration-card:nth-child(3) .inspiration-card__image-container {
padding-bottom: 55%; }
.activity-spaces__main-image-container {
padding-top: 0px; }
.activity-spaces__main-image-container .image-map.portrait img {
max-width: 70%; }
.activity-spaces__main-image-container .image-map.portrait .image-map-points {
max-width: 70%;
left: 50%;
transform: translateX(-50%); }
.activity-spaces__picture-feed {
flex: 1 1 25%;
margin-bottom: 48px; }
.activity-spaces__picture-feed button {
width: 25%;
max-height: 300px;
padding-right: 16px; }
.activity-spaces__picture-feed button:nth-child(4n) {
padding-right: 0px; }
.activity-spaces__bottom-section {
margin-bottom: 48px; } }
@media (min-width: 992px) {
.activity-spaces .feed__grid {
grid-auto-rows: 60px; }
.activity-spaces__main-image-container {
padding-top: 0px; }
.activity-spaces__main-image-container .image-map.portrait img {
max-width: 50%;
display: block;
margin: 0 auto; }
.activity-spaces__main-image-container .image-map.portrait .image-map-points {
max-width: 50%;
left: 50%;
transform: translateX(-50%); } }
.large-image-block {
position: relative;
width: 100%;
display: flex;
flex: 1 0 auto;
flex-direction: column; }
.large-image-block--theme-aquamarine {
background-color: #a9dae7; }
.large-image-block--theme-lemonyellow {
background-color: #f6eb61; }
.large-image-block--theme-mistygrey {
background-color: #d0d3d4; }
.large-image-block--theme-graphitegrey {
background-color: #a2a6a8; }
.large-image-block--theme-polargreen {
background-color: #e0edd5; }
.large-image-block--theme-springgreen {
background-color: #b7d698; }
.large-image-block--theme-chilired {
background-color: #d22630; }
.large-image-block--theme-salmon {
background-color: #e6baa8; }
.large-image-block--theme-cinnamon {
background-color: #6d4f47; }
.large-image-block--theme-flamingopink {
background-color: #fad0c8; }
.large-image-block--theme-kingfisherblue {
background-color: #00a0d8; }
.large-image-block--theme-sdw20green {
background-color: #244f3e; }
.large-image-block--theme-slate {
background-color: #3d3935; }
.large-image-block--theme-slate100 {
background-color: #3d3935; }
.large-image-block--theme-slate75 {
background-color: #6e6b68; }
.large-image-block--theme-slate50 {
background-color: #9d9b99; }
.large-image-block--theme-slate25 {
background-color: #cecdcc; }
.large-image-block--theme-slate7 {
background-color: #f1f1f1; }
.large-image-block--theme-eveningsky {
background-color: #284458; }
.large-image-block--theme-eveningsky100 {
background-color: #284458; }
.large-image-block--theme-eveningsky75 {
background-color: #5e7382; }
.large-image-block--theme-eveningsky50 {
background-color: #93a1ab; }
.large-image-block--theme-eveningsky25 {
background-color: #c9d0d5; }
.large-image-block--theme-eveningsky7 {
background-color: #f0f2f3; }
.large-image-block--theme-organicgreen {
background-color: #2e483e; }
.large-image-block--theme-organicgreen100 {
background-color: #2e483e; }
.large-image-block--theme-organicgreen75 {
background-color: #62766e; }
.large-image-block--theme-organicgreen50 {
background-color: #96a39e; }
.large-image-block--theme-organicgreen25 {
background-color: #cad1ce; }
.large-image-block--theme-organicgreen7 {
background-color: #f0f2f1; }
.large-image-block--theme-sand {
background-color: #b6a284; }
.large-image-block--theme-sand100 {
background-color: #b6a284; }
.large-image-block--theme-sand75 {
background-color: #c8b9a3; }
.large-image-block--theme-sand50 {
background-color: #dad0c1; }
.large-image-block--theme-sand25 {
background-color: #ece7e0; }
.large-image-block--theme-sand7 {
background-color: #faf8f6; }
.large-image-block--theme-rhubarb {
background-color: #dd7975; }
.large-image-block--theme-rhubarb100 {
background-color: #dd7975; }
.large-image-block--theme-rhubarb75 {
background-color: #e69b98; }
.large-image-block--theme-rhubarb50 {
background-color: #edbbb9; }
.large-image-block--theme-rhubarb25 {
background-color: #f6dddc; }
.large-image-block--theme-rhubarb7 {
background-color: #fcf5f5; }
.large-image-block--theme-chantarelle {
background-color: #d9c756; }
.large-image-block--theme-chantarelle100 {
background-color: #d9c756; }
.large-image-block--theme-chantarelle75 {
background-color: #e3d580; }
.large-image-block--theme-chantarelle50 {
background-color: #ebe2aa; }
.large-image-block--theme-chantarelle25 {
background-color: #f5f1d4; }
.large-image-block--theme-chantarelle7 {
background-color: #fcfbf3; }
.large-image-block--theme-white {
background-color: #fff; }
.large-image-block--theme-black {
background-color: #1d1d1b; }
.large-image-block--theme-pagebackground {
background-color: #faf8f6; }
.large-image-block--theme-grey {
background-color: #ebebeb; }
.large-image-block--theme-none {
background-color: rgba(0, 0, 0, 0); }
.large-image-block--text-aquamarine {
color: #a9dae7; }
.large-image-block--text-lemonyellow {
color: #f6eb61; }
.large-image-block--text-mistygrey {
color: #d0d3d4; }
.large-image-block--text-graphitegrey {
color: #a2a6a8; }
.large-image-block--text-polargreen {
color: #e0edd5; }
.large-image-block--text-springgreen {
color: #b7d698; }
.large-image-block--text-chilired {
color: #d22630; }
.large-image-block--text-salmon {
color: #e6baa8; }
.large-image-block--text-cinnamon {
color: #6d4f47; }
.large-image-block--text-flamingopink {
color: #fad0c8; }
.large-image-block--text-kingfisherblue {
color: #00a0d8; }
.large-image-block--text-sdw20green {
color: #244f3e; }
.large-image-block--text-slate {
color: #3d3935; }
.large-image-block--text-slate100 {
color: #3d3935; }
.large-image-block--text-slate75 {
color: #6e6b68; }
.large-image-block--text-slate50 {
color: #9d9b99; }
.large-image-block--text-slate25 {
color: #cecdcc; }
.large-image-block--text-slate7 {
color: #f1f1f1; }
.large-image-block--text-eveningsky {
color: #284458; }
.large-image-block--text-eveningsky100 {
color: #284458; }
.large-image-block--text-eveningsky75 {
color: #5e7382; }
.large-image-block--text-eveningsky50 {
color: #93a1ab; }
.large-image-block--text-eveningsky25 {
color: #c9d0d5; }
.large-image-block--text-eveningsky7 {
color: #f0f2f3; }
.large-image-block--text-organicgreen {
color: #2e483e; }
.large-image-block--text-organicgreen100 {
color: #2e483e; }
.large-image-block--text-organicgreen75 {
color: #62766e; }
.large-image-block--text-organicgreen50 {
color: #96a39e; }
.large-image-block--text-organicgreen25 {
color: #cad1ce; }
.large-image-block--text-organicgreen7 {
color: #f0f2f1; }
.large-image-block--text-sand {
color: #b6a284; }
.large-image-block--text-sand100 {
color: #b6a284; }
.large-image-block--text-sand75 {
color: #c8b9a3; }
.large-image-block--text-sand50 {
color: #dad0c1; }
.large-image-block--text-sand25 {
color: #ece7e0; }
.large-image-block--text-sand7 {
color: #faf8f6; }
.large-image-block--text-rhubarb {
color: #dd7975; }
.large-image-block--text-rhubarb100 {
color: #dd7975; }
.large-image-block--text-rhubarb75 {
color: #e69b98; }
.large-image-block--text-rhubarb50 {
color: #edbbb9; }
.large-image-block--text-rhubarb25 {
color: #f6dddc; }
.large-image-block--text-rhubarb7 {
color: #fcf5f5; }
.large-image-block--text-chantarelle {
color: #d9c756; }
.large-image-block--text-chantarelle100 {
color: #d9c756; }
.large-image-block--text-chantarelle75 {
color: #e3d580; }
.large-image-block--text-chantarelle50 {
color: #ebe2aa; }
.large-image-block--text-chantarelle25 {
color: #f5f1d4; }
.large-image-block--text-chantarelle7 {
color: #fcfbf3; }
.large-image-block--text-white {
color: #fff; }
.large-image-block--text-black {
color: #1d1d1b; }
.large-image-block--text-pagebackground {
color: #faf8f6; }
.large-image-block--text-grey {
color: #ebebeb; }
.large-image-block--text-none {
color: rgba(0, 0, 0, 0); }
@media (min-width: 768px) {
.large-image-block {
flex-direction: row; } }
.large-image-block__text {
display: flex;
flex: 1 0 auto;
justify-content: center;
flex-direction: column;
width: 100%;
order: 1;
z-index: 2;
position: relative;
order: 1;
padding: 80px; }
@media (max-width: 1349px) {
.large-image-block__text {
padding: 60px; } }
@media (max-width: 1199px) {
.large-image-block__text {
padding: 50px; } }
@media (max-width: 991px) {
.large-image-block__text {
padding: 30px; } }
@media (max-width: 767px) {
.large-image-block__text {
padding: 20px; } }
.large-image-block--halign-right .large-image-block__text {
direction: rtl;
text-align: right; }
@media (min-width: 768px) {
.large-image-block__text {
padding-left: 80px;
padding-right: 80px;
order: 0;
width: 31%; } }
@media (min-width: 768px) and (max-width: 1349px) {
.large-image-block__text {
padding-left: 60px;
padding-right: 60px; } }
@media (min-width: 768px) and (max-width: 1199px) {
.large-image-block__text {
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 768px) and (max-width: 991px) {
.large-image-block__text {
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 768px) and (max-width: 767px) {
.large-image-block__text {
padding-left: 20px;
padding-right: 20px; } }
.large-image-block--halign-right .large-image-block__text {
padding-left: 80px;
padding-right: 80px;
order: 1; }
@media (max-width: 1349px) {
.large-image-block--halign-right .large-image-block__text {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.large-image-block--halign-right .large-image-block__text {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.large-image-block--halign-right .large-image-block__text {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.large-image-block--halign-right .large-image-block__text {
padding-left: 20px;
padding-right: 20px; } }
.large-image-block__text-title {
position: absolute;
direction: ltr;
flex-direction: column;
justify-content: flex-end;
width: 300px;
font-weight: 300; }
@media (min-width: 768px) {
.large-image-block__text-title {
display: none; } }
@media (min-width: 768px) {
.large-image-block__text-title {
display: block;
position: relative;
top: 0;
width: 40vw; } }
@media (min-width: 1350px) {
.large-image-block__text-title {
width: 540px; } }
.large-image-block__text-title--mobile {
display: flex;
height: calc(100% + 0.45em);
width: 80%;
left: 20px;
position: absolute;
z-index: 3; }
.large-image-block--halign-right .large-image-block__text-title--mobile {
text-align: right;
right: 20px;
left: initial; }
@media (min-width: 768px) {
.large-image-block__text-title--mobile {
display: none; } }
.large-image-block__text-title--desktop {
display: none; }
@media (min-width: 768px) {
.large-image-block__text-title--desktop {
display: flex; } }
.large-image-block__text-text {
margin-top: 2.5em;
direction: ltr; }
@media (min-width: 768px) {
.large-image-block__text-text {
padding-top: 2.5em;
padding-bottom: 0;
margin-top: 0; }
.large-image-block--halign-right .large-image-block__text-text {
padding-right: 0rem;
padding-left: 1.5rem; } }
.large-image-block__image {
order: 0;
z-index: 1;
flex: 0 0 auto;
padding-bottom: 56.25%;
position: relative;
width: 100%; }
@media (min-width: 768px) {
.large-image-block__image {
width: 69%;
order: 1; }
.large-image-block--halign-right .large-image-block__image {
order: 0; } }
.large-image-block__image img {
width: 100%;
height: 100%;
object-fit: cover; }
.large-image-block__imageImg {
height: 100%;
width: 100%;
left: 0;
position: absolute; }
.better-effect-block {
padding-left: 80px;
padding-right: 80px;
position: relative;
padding-top: 55px;
padding-bottom: 50px;
background-color: #fff;
z-index: 1; }
@media (max-width: 1349px) {
.better-effect-block {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.better-effect-block {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.better-effect-block {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.better-effect-block {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 1349px) {
.better-effect-block {
padding-top: 55px;
padding-bottom: 50px; } }
@media (max-width: 1199px) {
.better-effect-block {
padding-top: 55px;
padding-bottom: 50px; } }
@media (max-width: 991px) {
.better-effect-block {
padding-top: 55px;
padding-bottom: 50px; } }
@media (max-width: 767px) {
.better-effect-block {
padding-top: 55px;
padding-bottom: 50px; } }
.better-effect-block--margin-top {
margin-top: 40px; }
.better-effect-block--margin-bottom {
margin-bottom: 40px; }
.better-effect-block__wrap {
margin: 0 -13px; }
.better-effect-block__wrap:before, .better-effect-block__wrap:after {
content: " ";
display: table; }
.better-effect-block__wrap:after {
clear: both; }
.better-effect-block__head {
margin-bottom: 35px; }
.better-effect-block__head:before, .better-effect-block__head:after {
content: " ";
display: table; }
.better-effect-block__head:after {
clear: both; }
@media (max-width: 767px) {
.better-effect-block__head {
margin-bottom: 15px; } }
.better-effect-block__title-wrap {
float: left; }
@media (max-width: 767px) {
.better-effect-block__title-wrap {
float: none; } }
.better-effect-block__title {
text-transform: none;
font-weight: 300;
margin-bottom: 0; }
@media (max-width: 767px) {
.better-effect-block__title {
text-align: center;
margin-bottom: 4px; } }
.better-effect-block__title strong {
font-weight: 800; }
.better-effect-block__subtitle {
display: inline-block;
margin-top: 0;
font-size: 0.75rem;
line-height: 1rem; }
@media (max-width: 767px) {
.better-effect-block__subtitle {
display: block;
text-align: center; } }
.better-effect-block__subtitle span {
padding: 0 5px; }
@media (max-width: 767px) {
.better-effect-block__subtitle span {
display: none; } }
.better-effect-block__whatsthis {
display: inline-block; }
.better-effect-block__whatsthis .tooltip__box {
min-width: 338px; }
@media (max-width: 767px) {
.better-effect-block__whatsthis {
display: none; } }
.better-effect-block__nav {
float: right; }
@media (max-width: 767px) {
.better-effect-block__nav {
display: none; } }
.better-effect-block__nav-list {
float: right;
display: block;
margin: 0;
padding: 0; }
.better-effect-block__nav-item {
display: block;
float: left;
margin: 0;
padding: 0; }
.better-effect-block__nav-item a {
display: block;
position: relative;
margin: 0;
padding: 5px;
text-decoration: none;
transition: opacity 0.1s;
opacity: 0.5; }
.better-effect-block__nav-item a.is-active {
opacity: 1; }
.better-effect-block__nav-item svg {
position: absolute;
left: -20px; }
.better-effect-block__info-link {
display: none;
float: right; }
@media (max-width: 767px) {
.better-effect-block__info-link {
display: block; } }
.better-effect-block__info-link .open {
display: none; }
.better-effect-block__info-link.is-open .open {
display: inline; }
.better-effect-block__info-link.is-open .closed {
display: none; }
.better-effect-block__info-block {
display: none;
margin-top: 30px; }
.better-effect-block__info-block.is-open {
display: block; }
.better-effect-block__info-block-title {
display: block;
text-align: center; }
.better-effect-block__main-col, .better-effect-block__content-col {
float: left;
padding: 0 13px; }
@media (max-width: 767px) {
.better-effect-block__main-col, .better-effect-block__content-col {
float: none; } }
.better-effect-block__main-col {
width: 25%; }
@media (max-width: 991px) {
.better-effect-block__main-col {
width: 35%; } }
@media (max-width: 767px) {
.better-effect-block__main-col {
width: auto; } }
.better-effect-block__content-col {
width: 75%; }
@media (max-width: 991px) {
.better-effect-block__content-col {
width: 65%; } }
@media (max-width: 767px) {
.better-effect-block__content-col {
width: auto; } }
@media (max-width: 767px) {
.better-effect-block__potentials-lg {
display: none; } }
@media (min-width: 768px) {
.better-effect-block__potentials-sm {
display: none; } }
.better-effect-card-wrap__row:before, .better-effect-card-wrap__row:after {
content: " ";
display: table; }
.better-effect-card-wrap__row:after {
clear: both; }
.better-effect-card-wrap__row + .better-effect-card-wrap__row {
border-top: 1px solid #d0d3d4; }
.better-effect-card-wrap__col {
float: left;
width: 33.33333%; }
@media (max-width: 991px) {
.better-effect-card-wrap__col {
width: 100%; } }
.better-effect-card-wrap__col + .better-effect-card-wrap__col {
border-left: 1px solid #d0d3d4; }
@media (max-width: 991px) {
.better-effect-card-wrap__col + .better-effect-card-wrap__col {
border-left: 0;
border-top: 1px solid #d0d3d4; } }
.better-effect-card {
display: block;
position: relative;
padding-bottom: 100%;
height: 0;
z-index: 1; }
@media (max-width: 991px) {
.better-effect-card {
padding-bottom: 0;
height: auto; } }
.better-effect-card.is-hover, .better-effect-card.is-open {
z-index: 2; }
.better-effect-card.is-active {
z-index: 3; }
.better-effect-card__inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 20px;
transform: translateY(-50%); }
.better-effect-card__inner h5 {
font-size: 0.875rem;
line-height: 1.125rem; }
@media (max-width: 991px) {
.better-effect-card__inner {
position: relative;
top: 0;
transform: none;
padding: 7.5px 0; }
.better-effect-card__inner:before, .better-effect-card__inner:after {
content: " ";
display: table; }
.better-effect-card__inner:after {
clear: both; } }
.better-effect-card__back .better-effect-card__inner {
top: 0;
transform: translateY(0);
z-index: 4; }
@media (max-width: 991px) {
.better-effect-card__back .better-effect-card__inner {
padding-top: 0;
margin-top: -12px; } }
.better-effect-card__front, .better-effect-card__back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
transition: opacity .2s; }
@media (max-width: 991px) {
.better-effect-card__front, .better-effect-card__back {
position: relative;
background-color: transparent; } }
.better-effect-card__front:after, .better-effect-card__back:after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
border: 10px solid transparent;
border-right: 10px solid #faf8f6;
border-bottom: 10px solid #faf8f6;
z-index: 3;
transition: border-color .2s; }
@media (max-width: 991px) {
.better-effect-card__front:after, .better-effect-card__back:after {
display: none; } }
.better-effect-card__front {
z-index: 2;
cursor: pointer;
text-align: center; }
.is-hover .better-effect-card__front,
.is-open .better-effect-card__front {
z-index: 1;
opacity: 0; }
@media (max-width: 991px) {
.is-hover .better-effect-card__front,
.is-open .better-effect-card__front {
opacity: 1; } }
.better-effect-card__back {
z-index: 1;
opacity: 0; }
@media (max-width: 991px) {
.better-effect-card__back {
display: none; } }
.is-hover .better-effect-card__back,
.is-open .better-effect-card__back {
display: block;
z-index: 4;
opacity: 1; }
.better-effect-card__back:after {
border-right: 10px solid #b7d698;
border-bottom: 10px solid #b7d698; }
@media (max-width: 991px) {
.better-effect-card__back:after {
display: none; } }
.better-effect-card__back .score-table {
display: none; }
.better-effect-card__back .score-table.is-open {
display: block; }
.better-effect-card__back .score-list.is-closed {
display: none; }
.better-effect-card__back .score-table-toggler {
display: none;
padding: 10px 0; }
@media (max-width: 767px) {
.better-effect-card__back .score-table-toggler {
display: block;
text-align: right; } }
.better-effect-card__back .score-table-toggler .open {
display: none; }
.better-effect-card__back .score-table-toggler.is-open .open {
display: block; }
.better-effect-card__back .score-table-toggler.is-open .closed {
display: none; }
.better-effect-card__front .better-effect-card__title {
margin-bottom: 35px;
font-size: 0.875rem;
line-height: 1.125rem; }
@media (max-width: 991px) {
.better-effect-card__front .better-effect-card__title {
margin-bottom: 0;
float: left;
line-height: 59px; } }
.better-effect-card__front .better-effect-card__title svg {
width: 6.5px;
height: 12px;
margin-right: 10px;
fill: #909090;
transition: transform .2s; }
.is-hover .better-effect-card__front .better-effect-card__title svg,
.is-open .better-effect-card__front .better-effect-card__title svg {
transform: rotate(90deg); }
@media (min-width: 992px) {
.better-effect-card__front .better-effect-card__title svg {
display: none; } }
@media (max-width: 991px) {
.better-effect-card__back .better-effect-card__title {
display: none; } }
@media (max-width: 991px) {
.better-effect-card__rating {
float: right; } }
.better-effect-card__subscore {
float: right; }
.better-effect-tabs__area {
display: none;
transition: opacity .15s linear; }
.better-effect-tabs__area.is-active {
display: block; }
.better-effect-tabs__area.fade-in {
opacity: 1; }
@media (max-width: 767px) {
.better-effect-tabs__area[data-item="rating"] {
display: none; } }
@media (max-width: 767px) {
.better-effect-tabs__area[data-item="overview"] {
display: block; } }
.circle-icon {
display: block;
width: 90px;
height: 90px;
margin: 0 auto;
padding: 5px;
overflow: hidden; }
.circle-icon--large {
width: 276px;
height: 276px; }
.circle-icon--large svg {
stroke-width: 3.83142; }
@media (max-width: 1349px) {
.circle-icon--large {
width: 247px;
height: 247px; }
.circle-icon--large svg {
stroke-width: 4.31034; } }
@media (max-width: 1199px) {
.circle-icon--large {
width: 185px;
height: 185px; }
.circle-icon--large svg {
stroke-width: 5.88235; } }
@media (max-width: 991px) {
.circle-icon--large {
width: 157px;
height: 157px; }
.circle-icon--large svg {
stroke-width: 4.82759; } }
.circle-icon--small {
width: 106px;
height: 106px; }
.circle-icon--small svg {
stroke-width: 6.31579; }
@media (max-width: 1349px) {
.circle-icon--small {
width: 95px;
height: 95px; }
.circle-icon--small svg {
stroke-width: 7.14286; } }
@media (max-width: 1199px) {
.circle-icon--small {
width: 81px;
height: 81px; }
.circle-icon--small svg {
stroke-width: 8.57143; } }
@media (max-width: 991px) {
.circle-icon--small {
width: 59px;
height: 59px; }
.circle-icon--small svg {
stroke-width: 8; } }
@media (max-width: 767px) {
.circle-icon--small {
width: 59px;
height: 59px; }
.circle-icon--small svg {
stroke-width: 8; } }
.circle-icon--hero {
width: 101px;
height: 101px; }
.circle-icon--hero svg {
stroke-width: 6.66667; }
@media (max-width: 1349px) {
.circle-icon--hero {
width: 95px;
height: 95px; }
.circle-icon--hero svg {
stroke-width: 7.14286; } }
@media (max-width: 1199px) {
.circle-icon--hero {
width: 81px;
height: 81px; }
.circle-icon--hero svg {
stroke-width: 8.57143; } }
@media (max-width: 991px) {
.circle-icon--hero {
width: 59px;
height: 59px; }
.circle-icon--hero svg {
stroke-width: 8; } }
@media (max-width: 767px) {
.circle-icon--hero {
width: 59px;
height: 59px; }
.circle-icon--hero svg {
stroke-width: 8; } }
.circle-icon--card {
width: 74px;
height: 74px; }
.circle-icon--card svg {
stroke-width: 6.15385; }
@media (max-width: 1349px) {
.circle-icon--card {
width: 63px;
height: 63px; }
.circle-icon--card svg {
stroke-width: 7.40741; } }
@media (max-width: 1199px) {
.circle-icon--card {
width: 58px;
height: 58px; }
.circle-icon--card svg {
stroke-width: 6; } }
@media (max-width: 991px) {
.circle-icon--card {
width: 54px;
height: 54px; }
.circle-icon--card svg {
stroke-width: 6.52174; } }
@media (max-width: 767px) {
.circle-icon--card {
width: 54px;
height: 54px; }
.circle-icon--card svg {
stroke-width: 6.52174; } }
.circle-icon__wrap {
position: relative;
width: 100%;
height: 100%; }
.circle-icon__svg {
display: block;
width: 100%;
height: 100%; }
.circle-icon__svg #circle-outer {
stroke: #e1e7e8; }
.circle-icon--white .circle-icon__svg #circle-outer {
stroke: #fff; }
.circle-icon__svg #circle-inner {
stroke-dashoffset: 283;
transition: stroke-dashoffset 1s cubic-bezier(0.075, 0.82, 0.165, 1);
/* easeOutCirc */
stroke: #1d1d1b; }
.circle-icon--0 .circle-icon__svg #circle-inner {
stroke-dashoffset: 283; }
.circle-icon--0.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 283; }
.circle-icon--1 .circle-icon__svg #circle-inner {
stroke-dashoffset: 273.56667; }
.circle-icon--1.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 273.56667; }
.circle-icon--2 .circle-icon__svg #circle-inner {
stroke-dashoffset: 264.13333; }
.circle-icon--2.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 264.13333; }
.circle-icon--3 .circle-icon__svg #circle-inner {
stroke-dashoffset: 254.7; }
.circle-icon--3.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 254.7; }
.circle-icon--4 .circle-icon__svg #circle-inner {
stroke-dashoffset: 245.26667; }
.circle-icon--4.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 245.26667; }
.circle-icon--5 .circle-icon__svg #circle-inner {
stroke-dashoffset: 235.83333; }
.circle-icon--5.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 235.83333; }
.circle-icon--6 .circle-icon__svg #circle-inner {
stroke-dashoffset: 226.4; }
.circle-icon--6.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 226.4; }
.circle-icon--7 .circle-icon__svg #circle-inner {
stroke-dashoffset: 216.96667; }
.circle-icon--7.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 216.96667; }
.circle-icon--8 .circle-icon__svg #circle-inner {
stroke-dashoffset: 207.53333; }
.circle-icon--8.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 207.53333; }
.circle-icon--9 .circle-icon__svg #circle-inner {
stroke-dashoffset: 198.1; }
.circle-icon--9.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 198.1; }
.circle-icon--10 .circle-icon__svg #circle-inner {
stroke-dashoffset: 188.66667; }
.circle-icon--10.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 188.66667; }
.circle-icon--11 .circle-icon__svg #circle-inner {
stroke-dashoffset: 179.23333; }
.circle-icon--11.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 179.23333; }
.circle-icon--12 .circle-icon__svg #circle-inner {
stroke-dashoffset: 169.8; }
.circle-icon--12.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 169.8; }
.circle-icon--13 .circle-icon__svg #circle-inner {
stroke-dashoffset: 160.36667; }
.circle-icon--13.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 160.36667; }
.circle-icon--14 .circle-icon__svg #circle-inner {
stroke-dashoffset: 150.93333; }
.circle-icon--14.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 150.93333; }
.circle-icon--15 .circle-icon__svg #circle-inner {
stroke-dashoffset: 141.5; }
.circle-icon--15.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 141.5; }
.circle-icon--16 .circle-icon__svg #circle-inner {
stroke-dashoffset: 132.06667; }
.circle-icon--16.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 132.06667; }
.circle-icon--17 .circle-icon__svg #circle-inner {
stroke-dashoffset: 122.63333; }
.circle-icon--17.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 122.63333; }
.circle-icon--18 .circle-icon__svg #circle-inner {
stroke-dashoffset: 113.2; }
.circle-icon--18.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 113.2; }
.circle-icon--19 .circle-icon__svg #circle-inner {
stroke-dashoffset: 103.76667; }
.circle-icon--19.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 103.76667; }
.circle-icon--20 .circle-icon__svg #circle-inner {
stroke-dashoffset: 94.33333; }
.circle-icon--20.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 94.33333; }
.circle-icon--21 .circle-icon__svg #circle-inner {
stroke-dashoffset: 84.9; }
.circle-icon--21.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 84.9; }
.circle-icon--22 .circle-icon__svg #circle-inner {
stroke-dashoffset: 75.46667; }
.circle-icon--22.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 75.46667; }
.circle-icon--23 .circle-icon__svg #circle-inner {
stroke-dashoffset: 66.03333; }
.circle-icon--23.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 66.03333; }
.circle-icon--24 .circle-icon__svg #circle-inner {
stroke-dashoffset: 56.6; }
.circle-icon--24.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 56.6; }
.circle-icon--25 .circle-icon__svg #circle-inner {
stroke-dashoffset: 47.16667; }
.circle-icon--25.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 47.16667; }
.circle-icon--26 .circle-icon__svg #circle-inner {
stroke-dashoffset: 37.73333; }
.circle-icon--26.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 37.73333; }
.circle-icon--27 .circle-icon__svg #circle-inner {
stroke-dashoffset: 28.3; }
.circle-icon--27.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 28.3; }
.circle-icon--28 .circle-icon__svg #circle-inner {
stroke-dashoffset: 18.86667; }
.circle-icon--28.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 18.86667; }
.circle-icon--29 .circle-icon__svg #circle-inner {
stroke-dashoffset: 9.43333; }
.circle-icon--29.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 9.43333; }
.circle-icon--30 .circle-icon__svg #circle-inner {
stroke-dashoffset: 0; }
.circle-icon--30.circle-icon--static .circle-icon__svg #circle-inner {
stroke-dashoffset: 0; }
.circle-icon__spinner {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.circle-icon--large .circle-icon__spinner {
font-size: 60px;
letter-spacing: 4.3px;
margin: 0;
padding: 0;
line-height: 1; }
@media (max-width: 1349px) {
.circle-icon--large .circle-icon__spinner {
font-size: 48px;
letter-spacing: 3.7px; } }
@media (max-width: 1199px) {
.circle-icon--large .circle-icon__spinner {
font-size: 40px;
letter-spacing: 3px; } }
@media (max-width: 991px) {
.circle-icon--large .circle-icon__spinner {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 767px) {
.circle-icon--large .circle-icon__spinner {
font-size: 24px;
letter-spacing: 1.3px;
margin-bottom: 1em; } }
.circle-icon--small .circle-icon__spinner,
.circle-icon--hero .circle-icon__spinner {
font-size: 20px;
letter-spacing: 1.4px;
margin: 0;
padding: 0;
line-height: 1; }
@media (max-width: 1349px) {
.circle-icon--small .circle-icon__spinner,
.circle-icon--hero .circle-icon__spinner {
font-size: 16px;
letter-spacing: 1.1px; } }
@media (max-width: 1199px) {
.circle-icon--small .circle-icon__spinner,
.circle-icon--hero .circle-icon__spinner {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 991px) {
.circle-icon--small .circle-icon__spinner,
.circle-icon--hero .circle-icon__spinner {
font-size: 11px;
letter-spacing: 0.5px; } }
.circle-icon--card .circle-icon__spinner {
font-size: 15px;
letter-spacing: 0.9px;
margin: 0;
padding: 0;
line-height: 1; }
@media (max-width: 1349px) {
.circle-icon--card .circle-icon__spinner {
font-size: 13px;
letter-spacing: 0.8px; } }
@media (max-width: 1199px) {
.circle-icon--card .circle-icon__spinner {
font-size: 12px;
letter-spacing: 0.75px; } }
@media (max-width: 991px) {
.circle-icon--card .circle-icon__spinner {
font-size: 11px;
letter-spacing: 0.7px; } }
.hero-rating {
position: absolute;
top: 261px;
left: 0;
z-index: 2;
cursor: pointer; }
@media (max-width: 1349px) {
.hero-rating {
top: 256px; } }
@media (max-width: 1199px) {
.hero-rating {
top: 240px; } }
@media (max-width: 991px) {
.hero-rating {
top: 242px; } }
@media (max-width: 767px) {
.hero-rating {
top: 130px; } }
.hero-rating #circle-outer {
transition: stroke .2s; }
@media (min-width: 992px) {
.hero-rating:hover #circle-outer {
stroke: #e1e7e8; } }
.hero-rating__inner {
width: 125px;
margin-left: 40px;
padding-top: 10px;
text-align: center;
transition: background-color .2s; }
@media (max-width: 1349px) {
.hero-rating__inner {
margin-left: 40px; } }
@media (max-width: 1199px) {
.hero-rating__inner {
margin-left: 24px; } }
@media (max-width: 991px) {
.hero-rating__inner {
margin-left: 24px;
padding-top: 0;
width: auto; } }
@media (max-width: 767px) {
.hero-rating__inner {
margin-left: 18px; } }
@media (min-width: 992px) {
.hero-rating:hover .hero-rating__inner {
background-color: #fff; } }
.hero-rating__text {
display: block;
padding: 5px 10px 20px;
opacity: 0; }
@media (max-width: 991px) {
.hero-rating__text {
display: none; } }
@media (min-width: 992px) {
.hero-rating:hover .hero-rating__text {
opacity: 1; } }
.hero-rating__title {
font-size: 14px;
line-height: 1.15; }
.hero-rating__subtitle {
font-size: 14px;
line-height: 1.15;
opacity: .5;
letter-spacing: .2px; }
.hero-rating__link {
display: block;
height: 23px;
line-height: 23px;
background-color: #faf8f6;
opacity: 0;
transition: opacity .2s; }
@media (max-width: 991px) {
.hero-rating__link {
display: none; } }
@media (min-width: 992px) {
.hero-rating:hover .hero-rating__link {
opacity: 1; } }
.hero-rating__link svg {
display: inline-block; }
.potentials-list {
margin: 45px auto 0;
padding: 0 10px; }
@media (max-width: 991px) {
.potentials-list {
margin-top: 20px; } }
.potentials-list__title {
margin-top: 0;
margin-bottom: 14px; }
@media (max-width: 767px) {
.potentials-list__title {
text-align: center; } }
.potentials-list__list {
display: block;
margin: 0 -10px;
padding: 0; }
.potentials-list__list:before, .potentials-list__list:after {
content: " ";
display: table; }
.potentials-list__list:after {
clear: both; }
@media (max-width: 767px) {
.potentials-list__list {
text-align: center; } }
.potentials-list__list-item {
display: block;
float: left;
width: 33.33333%;
padding: 10px;
text-align: center; }
@media (max-width: 1199px) {
.potentials-list__list-item {
padding: 10px 0; } }
@media (max-width: 991px) {
.potentials-list__list-item {
width: 50%; } }
@media (max-width: 767px) {
.potentials-list__list-item {
display: inline-block;
float: none;
width: 84px;
vertical-align: top; } }
@media (min-width: 992px) {
.potentials-list__list-item:nth-child(3n + 1) {
clear: left; } }
@media (min-width: 768px) and (max-width: 991px) {
.potentials-list__list-item:nth-child(2n + 1) {
clear: left; } }
.potentials-list__link {
display: block;
position: relative;
text-decoration: none;
cursor: pointer; }
.potentials-list__icon-wrap {
display: block;
position: relative;
width: 100%;
margin: 0 auto 15px; }
.potentials-list__icon {
display: block;
margin: 0 auto; }
.potentials-list__checkbox {
display: none;
position: absolute;
top: -4px;
left: -15px; }
.is-active .potentials-list__checkbox {
display: block; }
.potentials-list__item-title {
display: block; }
.potentials-list__icon-wrap, .potentials-list__item-title {
opacity: 0.3;
transition: opacity 0.2s; }
.is-active .potentials-list__icon-wrap,
.is-hover .potentials-list__icon-wrap, .is-active .potentials-list__item-title,
.is-hover .potentials-list__item-title {
opacity: 1; }
.is-not-hover .potentials-list__icon-wrap, .is-not-hover .potentials-list__item-title {
opacity: 0.5; }
.score-list__item {
position: relative;
text-align: left;
margin: -1px -10px;
padding: 10px;
border: 1px solid transparent;
cursor: pointer; }
@media (max-width: 1349px) {
.score-list__item {
padding: 7px 10px; } }
@media (max-width: 1199px) {
.score-list__item {
padding: 5px 10px; } }
.score-list__item:hover {
border-color: #d0d3d4; }
.score-list__item.is-expanded {
border-color: #d0d3d4;
border-bottom: 0; }
.score-list__item p {
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 5px;
line-height: 1; }
.score-list__item p:before, .score-list__item p:after {
content: " ";
display: table; }
.score-list__item p:after {
clear: both; }
.score-list__item p .score-list__label {
display: block;
float: left;
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.75rem;
line-height: 1rem; }
@media (max-width: 1349px) {
.score-list__item p .score-list__label {
width: 200px; } }
@media (max-width: 1199px) {
.score-list__item p .score-list__label {
width: 160px; } }
@media (max-width: 991px) {
.score-list__item p .score-list__label {
width: auto;
max-width: 420px; } }
@media (max-width: 767px) {
.score-list__item p .score-list__label {
max-width: 260px; } }
.score-list__item p .score-list__rating {
display: block;
float: right; }
.score-list__item ol {
counter-reset: item;
padding-left: 30px; }
.score-list__item li.is-inactive {
opacity: .5; }
.score-list__item li:before {
display: inline-block;
content: counter(item) "p";
counter-increment: item;
margin-left: -30px;
width: 30px; }
.score-list__item-close {
display: block;
float: right;
margin-top: 20px; }
.score-list__progress {
background-color: #faf8f6; }
.score-list__progress:after {
content: '';
display: block;
height: 10px;
width: 0;
background-color: #1d1d1b;
transition: width .2s; }
@media (max-width: 1349px) {
.score-list__progress:after {
height: 7px; } }
@media (max-width: 1199px) {
.score-list__progress:after {
height: 5px; } }
.is-open .score-list__progress:after {
transition: none; }
.score-list__progress[data-value='1']:after {
width: 33.33333%; }
.has-hovered .score-list__progress[data-value='1']:after,
.is-open .score-list__progress[data-value='1']:after {
width: 33.33333%; }
.score-list__progress[data-value='2']:after {
width: 66.66667%; }
.has-hovered .score-list__progress[data-value='2']:after,
.is-open .score-list__progress[data-value='2']:after {
width: 66.66667%; }
.score-list__progress[data-value='3']:after {
width: 100%; }
.has-hovered .score-list__progress[data-value='3']:after,
.is-open .score-list__progress[data-value='3']:after {
width: 100%; }
.score-list__expand {
display: none;
position: absolute;
top: 100%;
margin: 0 -1px;
padding: 10px;
left: 0;
right: 0;
background-color: #fff;
z-index: 2;
border: 1px solid #d0d3d4;
border-top: 0; }
.is-expanded .score-list__expand {
display: block; }
.score-table {
display: table;
width: 100%;
margin-bottom: 20px; }
@media (max-width: 991px) {
.score-table {
margin-bottom: 0; } }
.score-table__head {
display: table-row; }
.score-table__row {
display: table-row; }
@media (max-width: 991px) {
.score-table__row {
display: block;
margin-bottom: 1em; } }
.score-table__col {
display: table-cell;
padding: 0 10px;
width: 31%; }
@media (max-width: 991px) {
.score-table__col {
display: block;
width: auto;
padding: 0; } }
@media (max-width: 767px) {
.score-table__col {
padding-left: 40px; } }
.score-table__col p {
font-size: 0.75rem;
line-height: 1.25rem; }
@media (max-width: 991px) {
.score-table__col p {
margin-top: 0; } }
.score-table__col h5 {
font-size: 0.875rem;
line-height: 1.125rem; }
@media (max-width: 991px) {
.score-table__col--header {
font-weight: 700; } }
@media (max-width: 767px) {
.score-table__col--header {
padding-left: 0; } }
.score-table__col + .score-table__col {
width: 23%; }
@media (max-width: 991px) {
.score-table__col + .score-table__col {
width: auto; } }
.score-table__col--inactive {
opacity: .5; }
.score-table__head .score-table__col {
border-bottom: 1px solid #d0d3d4; }
@media (max-width: 991px) {
.score-table__head .score-table__col {
display: none; } }
.score-table__score {
display: none;
width: 40px; }
@media (max-width: 991px) {
.score-table__score {
display: inline-block; } }
@media (max-width: 767px) {
.score-table__score {
margin-left: -40px; } }
.image-bar:before, .image-bar:after {
content: " ";
display: table; }
.image-bar:after {
clear: both; }
.image-bar img {
float: left;
width: 100%;
position: relative;
vertical-align: top; }
.image-bar--count-1 img {
width: 100%; }
.image-bar--count-2 img {
width: 50%; }
.image-bar--count-3 img {
width: 33.33333%; }
.image-bar--count-4 img {
width: 25%; }
.image-bar--count-5 img {
width: 20%; }
.image-cluster {
display: flex;
flex-direction: column;
padding: 64px 0; }
@media (max-width: 767px) {
.image-cluster {
padding: 40px 0; } }
.image-cluster__text-container {
max-width: 60%; }
@media (max-width: 767px) {
.image-cluster__text-container {
max-width: unset; } }
.image-cluster__content-container {
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
height: 600px;
gap: 24px; }
@media (max-width: 991px) {
.image-cluster__content-container {
height: 415px; } }
@media (max-width: 767px) {
.image-cluster__content-container {
order: 1;
flex-wrap: nowrap;
margin-top: 24px;
height: unset; } }
.image-cluster__content-container.one-item {
height: unset; }
.image-cluster__item {
flex: 0 content; }
.image-cluster__item:nth-child(1) {
display: flex;
align-items: center;
width: calc(60% - calc(24px / 2));
flex: 0 100%;
padding: 2.5% 0; }
@media (max-width: 767px) {
.image-cluster__item:nth-child(1) {
width: 100%;
flex: unset;
padding: 0; } }
.image-cluster__item:nth-child(1):last-child {
padding: 24px 0;
width: 100%;
height: 100%; }
.image-cluster__item:nth-child(1):last-child .image-map {
width: 100%;
height: 100%; }
.image-cluster__item:nth-child(2) {
display: flex;
align-items: flex-end;
height: calc(40% - calc(24px / 2));
max-width: calc(28% - calc(24px / 2)); }
.image-cluster__item:nth-child(2):last-child {
position: absolute;
bottom: 0;
right: 0;
height: unset;
max-width: calc(40% - calc(24px / 2)); }
@media (max-width: 767px) {
.image-cluster__item:nth-child(2):last-child {
position: relative;
max-width: unset;
height: 100%; } }
@media (max-width: 767px) {
.image-cluster__item:nth-child(2) {
max-width: unset;
height: 100%; } }
.image-cluster__item:nth-child(3) {
height: calc(60% - calc(24px / 2));
max-width: calc(40% - calc(24px / 2)); }
@media (max-width: 767px) {
.image-cluster__item:nth-child(3) {
max-width: unset;
height: 100%; } }
.image-cluster__item img {
height: 100%;
display: block;
object-fit: cover; }
.image-gallery {
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden; }
@media (max-width: 1349px) {
.image-gallery {
padding-top: 60px;
padding-bottom: 60px; } }
@media (max-width: 1199px) {
.image-gallery {
padding-top: 50px;
padding-bottom: 50px; } }
@media (max-width: 991px) {
.image-gallery {
padding-top: 30px;
padding-bottom: 30px; } }
@media (max-width: 767px) {
.image-gallery {
padding-top: 20px;
padding-bottom: 20px; } }
.image-gallery--filter, .image-gallery--showroom {
padding: 80px; }
@media (max-width: 1349px) {
.image-gallery--filter, .image-gallery--showroom {
padding: 60px; } }
@media (max-width: 1199px) {
.image-gallery--filter, .image-gallery--showroom {
padding: 50px; } }
@media (max-width: 991px) {
.image-gallery--filter, .image-gallery--showroom {
padding: 30px; } }
@media (max-width: 767px) {
.image-gallery--filter, .image-gallery--showroom {
padding: 20px; } }
.image-gallery__content {
margin: 0 auto;
max-width: 1074px; }
@media (max-width: 1349px) {
.image-gallery__content {
max-width: 950px; } }
@media (max-width: 1199px) {
.image-gallery__content {
max-width: 804px; } }
@media (max-width: 991px) {
.image-gallery__content {
max-width: 500px; } }
.image-gallery--filter .image-gallery__content,
.image-gallery--showroom .image-gallery__content {
max-width: 100%; }
.image-gallery__title {
text-align: center;
margin-bottom: 50px; }
.widget-header .image-gallery__title {
margin-bottom: 0; }
.image-gallery--filter .image-gallery__title,
.image-gallery--showroom .image-gallery__title {
text-align: left; }
.image-gallery__grid {
margin: -space(mediumlarge)/2; }
.image-gallery__grid:before, .image-gallery__grid:after {
content: " ";
display: table; }
.image-gallery__grid:after {
clear: both; }
@media (max-width: 1199px) {
.image-gallery__grid {
margin: -space(medium)/2; } }
@media (max-width: 767px) {
.image-gallery__grid {
margin: -space(xxsmall); } }
.image-gallery-item {
float: left;
width: 25%;
padding: 16px; }
@media (max-width: 1199px) {
.image-gallery-item {
padding: 12px; } }
@media (max-width: 767px) {
.image-gallery-item {
width: 50%;
padding: 4px; }
.image-gallery-item:nth-child(4n + 3) {
clear: left; } }
.image-gallery-item:nth-child(4n + 1) {
clear: left; }
.image-gallery--showroom .image-gallery-item {
width: 20%; }
.image-gallery--showroom .image-gallery-item:nth-child(4n + 1) {
clear: none; }
.image-gallery--showroom .image-gallery-item:nth-child(5n + 1) {
clear: left; }
@media (max-width: 767px) {
.image-gallery--showroom .image-gallery-item {
width: 50%; }
.image-gallery--showroom .image-gallery-item:nth-child(4n + 1) {
clear: left; } }
.image-gallery-item__square-container {
position: relative;
padding-bottom: 100%;
height: 0;
cursor: pointer; }
.image-gallery--showroom .image-gallery-item__square-container {
padding-bottom: 133.15789%; }
.image-gallery-item__square {
background-color: #faf8f6;
position: absolute;
overflow: hidden;
width: 100%;
height: 100%; }
.image-gallery-item__image-container {
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
overflow: hidden;
width: 100%;
height: 100%; }
.image-gallery-item__image {
vertical-align: top;
width: 100%;
height: 100%;
overflow: hidden;
object-fit: contain; }
.image-gallery-item--landscape .image-gallery-item__image-container {
white-space: nowrap; }
.image-gallery-item--landscape .image-gallery-item__image-container:after {
content: "";
height: 100%; }
.image-gallery-item--landscape .image-gallery-item__image-container > *, .image-gallery-item--landscape .image-gallery-item__image-container:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.image-gallery-item--landscape .image-gallery-item__image {
height: auto; }
.image-gallery-item--portrait .image-gallery-item__square {
text-align: center; }
.image-gallery-item--portrait .image-gallery-item__image {
width: auto;
max-width: 100%; }
.image-gallery-item__description {
padding-top: 1em; }
.image-gallery-item__description :first-child {
padding-top: 0;
margin-top: 0; }
.image-viewer__arrow {
display: block;
width: 20px;
height: 19px;
fill: #fff;
cursor: pointer; }
.image-viewer__arrow svg {
display: block; }
.image-viewer__arrow--prev {
transform: rotate(-180deg); }
.image-viewer__loader {
position: absolute; }
.image-viewer__thumbnails {
height: 17vh;
min-height: 130px;
display: flex;
justify-content: center; }
@media (max-width: 1349px) {
.image-viewer__thumbnails {
min-height: inherit;
height: 120px; } }
@media (max-width: 1199px) {
.image-viewer__thumbnails {
min-height: inherit;
height: 110px; } }
@media (max-width: 991px) {
.image-viewer__thumbnails {
min-height: inherit;
height: 100px; } }
.image-viewer__wrapper {
display: flex;
height: 100%;
flex-direction: column;
width: 100%; }
.image-viewer__navigation {
display: flex;
width: 100%;
height: 100%;
justify-content: space-between;
align-items: center;
position: absolute;
left: 0; }
.image-viewer__navigation--col {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
width: 20vw;
cursor: pointer;
padding-right: 7.8125vw; }
.image-viewer__navigation--col.is-disabled {
opacity: 0;
cursor: inherit; }
.image-viewer__navigation--col:last-child {
justify-content: flex-start;
padding-left: 7.8125vw; }
@media (max-width: 767px) {
.image-viewer__navigation--col {
width: 10vw;
min-width: 20px;
justify-content: center;
padding-right: 0; }
.image-viewer__navigation--col:last-child {
padding-left: 0;
justify-content: center; } }
.image-viewer-item {
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center; }
.image-viewer-item__video.video {
padding: 0;
width: 60vw;
height: 33.5vw; }
.image-viewer-item__image-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1; }
.image-viewer-item__image-container picture {
height: auto;
width: auto;
max-height: 80vh;
max-width: 60vw; }
.image-viewer-item--has-thumbnails .image-viewer-item__image-container picture {
max-height: 70vh; }
@media (max-width: 767px) {
.image-viewer-item__image-container picture {
max-width: 80vw; } }
.image-viewer-item__image-container img {
height: auto;
width: auto;
max-height: 80vh;
max-width: 60vw; }
.image-viewer-item--has-thumbnails .image-viewer-item__image-container img {
max-height: 70vh; }
.image-viewer-item--has-products .image-viewer-item__image-container img {
max-height: calc(70vh - 228px); }
@media (max-width: 767px) {
.image-viewer-item__image-container img {
max-width: 80vw; } }
.image-viewer-item__image-inner {
position: relative; }
.image-viewer-item--has-caption .image-viewer-item__image-inner {
padding-bottom: 70px; }
.image-viewer-item__caption {
color: #fff;
text-align: center;
margin: 10px auto 5px;
position: absolute;
left: 0;
right: 0;
opacity: 0;
transition: opacity 300ms ease; }
.image-viewer-item__caption p {
line-height: 1.2em; }
@media (max-width: 767px) {
.image-viewer-item__caption p {
margin-top: .5em; } }
.images-has-loaded .image-viewer-item__caption {
opacity: 1; }
.image-viewer-products {
position: relative;
background: #fff;
padding-left: 20px;
padding-right: 20px; }
.image-viewer-products__headline {
padding: 15px 0; }
@media (min-width: 1200px) {
.image-viewer-products__headline {
padding: 60px 0; } }
.image-viewer-products__images {
white-space: nowrap;
padding-bottom: 15px;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
@media (min-width: 1200px) {
.image-viewer-products__images {
position: absolute;
bottom: 30px;
margin-top: -70px;
text-align: center;
width: 100%;
padding-bottom: 0;
overflow-x: initial; } }
.image-viewer-products__link {
padding-right: 15px;
text-decoration: none;
display: inline-block;
text-align: left;
transition: opacity 300ms; }
.image-viewer-products__link img {
display: block;
margin-bottom: 5px;
max-width: 120px; }
.image-viewer-products__link:hover {
opacity: .8; }
.js__images-loaded img {
opacity: 0;
transition: opacity .3s ease-out .01s; }
img.js__image-loaded {
opacity: 0;
transition: opacity .3s ease-out .01s; }
img.images-has-loaded {
opacity: 1; }
.container--preview img,
.feed img,
.images-has-loaded img {
opacity: 1; }
.half-half-tile {
display: flex;
overflow: hidden;
min-height: 675px; }
@media (max-width: 767px) {
.half-half-tile {
flex-direction: column;
min-height: unset; } }
.half-half-tile__product {
margin: 0;
pointer-events: none; }
.half-half-tile__image-container {
z-index: 0;
flex-basis: 50%;
min-width: 50%; }
.half-half-tile__image-container img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.half-half-tile__text-container {
z-index: 1;
display: flex;
flex-direction: column;
flex-basis: 50%;
justify-content: space-between;
padding: 48px;
padding-top: 80px; }
.half-half-tile__text-container h2 {
font-size: 90px;
line-height: 95px; }
@media (max-width: 767px) {
.half-half-tile__text-container h2 {
font-size: 50px;
line-height: 54px; } }
.half-half-tile__text-container > p {
margin-bottom: 16px; }
.half-half-tile__text-container > span {
font-size: 18px;
line-height: 26px;
margin-bottom: 16px; }
.half-half-tile__text-container--bottom-section {
margin-top: auto; }
.half-half-tile__text-container--header {
margin-bottom: 13px; }
@media (max-width: 767px) {
.half-half-tile__text-container {
padding: 24px;
padding-top: 16px; } }
.half-half-tile__text-container--product {
padding: 50px; }
@media (max-width: 767px) {
.half-half-tile__text-container--product {
padding: 25px; } }
.half-half-tile:hover .half-half-tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.half-half-tile:focus .half-half-tile__text-container--link {
text-decoration: underline; }
.half-half-tile:focus .half-half-tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.half-half-tile.reverse {
flex-direction: row-reverse; }
@media (max-width: 767px) {
.half-half-tile.reverse {
flex-direction: column; } }
.text-on-image {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b;
overflow: hidden; }
.text-on-image__button {
position: absolute;
bottom: 15%; }
.text-on-image__button-left {
padding-left: 110px; }
.text-on-image__button-right {
right: 0;
width: fit-content;
padding-right: 110px; }
.text-on-image__button-center {
width: 100%; }
.text-on-image__button button {
margin: auto; }
.text-on-image--theme-aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.text-on-image--theme-aquamarine .list-standard > li,
.text-on-image--theme-aquamarine .list-checkmark > li,
.text-on-image--theme-aquamarine .list-simple > li {
color: inherit; }
.text-on-image--theme-aquamarine .list-checkmark > li,
.text-on-image--theme-aquamarine .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-aquamarine .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.text-on-image--theme-lemonyellow .list-standard > li,
.text-on-image--theme-lemonyellow .list-checkmark > li,
.text-on-image--theme-lemonyellow .list-simple > li {
color: inherit; }
.text-on-image--theme-lemonyellow .list-checkmark > li,
.text-on-image--theme-lemonyellow .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-lemonyellow .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.text-on-image--theme-mistygrey .list-standard > li,
.text-on-image--theme-mistygrey .list-checkmark > li,
.text-on-image--theme-mistygrey .list-simple > li {
color: inherit; }
.text-on-image--theme-mistygrey .list-checkmark > li,
.text-on-image--theme-mistygrey .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-mistygrey .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.text-on-image--theme-graphitegrey .list-standard > li,
.text-on-image--theme-graphitegrey .list-checkmark > li,
.text-on-image--theme-graphitegrey .list-simple > li {
color: inherit; }
.text-on-image--theme-graphitegrey .list-checkmark > li,
.text-on-image--theme-graphitegrey .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-graphitegrey .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.text-on-image--theme-polargreen .list-standard > li,
.text-on-image--theme-polargreen .list-checkmark > li,
.text-on-image--theme-polargreen .list-simple > li {
color: inherit; }
.text-on-image--theme-polargreen .list-checkmark > li,
.text-on-image--theme-polargreen .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-polargreen .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.text-on-image--theme-springgreen .list-standard > li,
.text-on-image--theme-springgreen .list-checkmark > li,
.text-on-image--theme-springgreen .list-simple > li {
color: inherit; }
.text-on-image--theme-springgreen .list-checkmark > li,
.text-on-image--theme-springgreen .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-springgreen .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chilired {
background-color: #d22630;
color: #fff; }
.text-on-image--theme-chilired .list-standard > li,
.text-on-image--theme-chilired .list-checkmark > li,
.text-on-image--theme-chilired .list-simple > li {
color: inherit; }
.text-on-image--theme-chilired .list-checkmark > li,
.text-on-image--theme-chilired .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-chilired .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.text-on-image--theme-salmon .list-standard > li,
.text-on-image--theme-salmon .list-checkmark > li,
.text-on-image--theme-salmon .list-simple > li {
color: inherit; }
.text-on-image--theme-salmon .list-checkmark > li,
.text-on-image--theme-salmon .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-salmon .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-cinnamon {
background-color: #6d4f47;
color: #fff; }
.text-on-image--theme-cinnamon .list-standard > li,
.text-on-image--theme-cinnamon .list-checkmark > li,
.text-on-image--theme-cinnamon .list-simple > li {
color: inherit; }
.text-on-image--theme-cinnamon .list-checkmark > li,
.text-on-image--theme-cinnamon .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-cinnamon .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.text-on-image--theme-flamingopink .list-standard > li,
.text-on-image--theme-flamingopink .list-checkmark > li,
.text-on-image--theme-flamingopink .list-simple > li {
color: inherit; }
.text-on-image--theme-flamingopink .list-checkmark > li,
.text-on-image--theme-flamingopink .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-flamingopink .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.text-on-image--theme-kingfisherblue .list-standard > li,
.text-on-image--theme-kingfisherblue .list-checkmark > li,
.text-on-image--theme-kingfisherblue .list-simple > li {
color: inherit; }
.text-on-image--theme-kingfisherblue .list-checkmark > li,
.text-on-image--theme-kingfisherblue .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-kingfisherblue .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-sdw20green {
background-color: #244f3e;
color: #fff; }
.text-on-image--theme-sdw20green .list-standard > li,
.text-on-image--theme-sdw20green .list-checkmark > li,
.text-on-image--theme-sdw20green .list-simple > li {
color: inherit; }
.text-on-image--theme-sdw20green .list-checkmark > li,
.text-on-image--theme-sdw20green .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-sdw20green .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-slate {
background-color: #3d3935;
color: #fff; }
.text-on-image--theme-slate .list-standard > li,
.text-on-image--theme-slate .list-checkmark > li,
.text-on-image--theme-slate .list-simple > li {
color: inherit; }
.text-on-image--theme-slate .list-checkmark > li,
.text-on-image--theme-slate .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-slate .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-slate100 {
background-color: #3d3935;
color: #fff; }
.text-on-image--theme-slate100 .list-standard > li,
.text-on-image--theme-slate100 .list-checkmark > li,
.text-on-image--theme-slate100 .list-simple > li {
color: inherit; }
.text-on-image--theme-slate100 .list-checkmark > li,
.text-on-image--theme-slate100 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-slate100 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-slate75 {
background-color: #6e6b68;
color: #fff; }
.text-on-image--theme-slate75 .list-standard > li,
.text-on-image--theme-slate75 .list-checkmark > li,
.text-on-image--theme-slate75 .list-simple > li {
color: inherit; }
.text-on-image--theme-slate75 .list-checkmark > li,
.text-on-image--theme-slate75 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-slate75 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-slate50 {
background-color: #9d9b99;
color: #fff; }
.text-on-image--theme-slate50 .list-standard > li,
.text-on-image--theme-slate50 .list-checkmark > li,
.text-on-image--theme-slate50 .list-simple > li {
color: inherit; }
.text-on-image--theme-slate50 .list-checkmark > li,
.text-on-image--theme-slate50 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-slate50 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.text-on-image--theme-slate25 .list-standard > li,
.text-on-image--theme-slate25 .list-checkmark > li,
.text-on-image--theme-slate25 .list-simple > li {
color: inherit; }
.text-on-image--theme-slate25 .list-checkmark > li,
.text-on-image--theme-slate25 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-slate25 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.text-on-image--theme-slate7 .list-standard > li,
.text-on-image--theme-slate7 .list-checkmark > li,
.text-on-image--theme-slate7 .list-simple > li {
color: inherit; }
.text-on-image--theme-slate7 .list-checkmark > li,
.text-on-image--theme-slate7 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-slate7 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-eveningsky {
background-color: #284458;
color: #fff; }
.text-on-image--theme-eveningsky .list-standard > li,
.text-on-image--theme-eveningsky .list-checkmark > li,
.text-on-image--theme-eveningsky .list-simple > li {
color: inherit; }
.text-on-image--theme-eveningsky .list-checkmark > li,
.text-on-image--theme-eveningsky .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-eveningsky .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-eveningsky100 {
background-color: #284458;
color: #fff; }
.text-on-image--theme-eveningsky100 .list-standard > li,
.text-on-image--theme-eveningsky100 .list-checkmark > li,
.text-on-image--theme-eveningsky100 .list-simple > li {
color: inherit; }
.text-on-image--theme-eveningsky100 .list-checkmark > li,
.text-on-image--theme-eveningsky100 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-eveningsky100 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-eveningsky75 {
background-color: #5e7382;
color: #fff; }
.text-on-image--theme-eveningsky75 .list-standard > li,
.text-on-image--theme-eveningsky75 .list-checkmark > li,
.text-on-image--theme-eveningsky75 .list-simple > li {
color: inherit; }
.text-on-image--theme-eveningsky75 .list-checkmark > li,
.text-on-image--theme-eveningsky75 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-eveningsky75 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.text-on-image--theme-eveningsky50 .list-standard > li,
.text-on-image--theme-eveningsky50 .list-checkmark > li,
.text-on-image--theme-eveningsky50 .list-simple > li {
color: inherit; }
.text-on-image--theme-eveningsky50 .list-checkmark > li,
.text-on-image--theme-eveningsky50 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-eveningsky50 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.text-on-image--theme-eveningsky25 .list-standard > li,
.text-on-image--theme-eveningsky25 .list-checkmark > li,
.text-on-image--theme-eveningsky25 .list-simple > li {
color: inherit; }
.text-on-image--theme-eveningsky25 .list-checkmark > li,
.text-on-image--theme-eveningsky25 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-eveningsky25 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.text-on-image--theme-eveningsky7 .list-standard > li,
.text-on-image--theme-eveningsky7 .list-checkmark > li,
.text-on-image--theme-eveningsky7 .list-simple > li {
color: inherit; }
.text-on-image--theme-eveningsky7 .list-checkmark > li,
.text-on-image--theme-eveningsky7 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-eveningsky7 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-organicgreen {
background-color: #2e483e;
color: #fff; }
.text-on-image--theme-organicgreen .list-standard > li,
.text-on-image--theme-organicgreen .list-checkmark > li,
.text-on-image--theme-organicgreen .list-simple > li {
color: inherit; }
.text-on-image--theme-organicgreen .list-checkmark > li,
.text-on-image--theme-organicgreen .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-organicgreen .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-organicgreen100 {
background-color: #2e483e;
color: #fff; }
.text-on-image--theme-organicgreen100 .list-standard > li,
.text-on-image--theme-organicgreen100 .list-checkmark > li,
.text-on-image--theme-organicgreen100 .list-simple > li {
color: inherit; }
.text-on-image--theme-organicgreen100 .list-checkmark > li,
.text-on-image--theme-organicgreen100 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-organicgreen100 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-organicgreen75 {
background-color: #62766e;
color: #fff; }
.text-on-image--theme-organicgreen75 .list-standard > li,
.text-on-image--theme-organicgreen75 .list-checkmark > li,
.text-on-image--theme-organicgreen75 .list-simple > li {
color: inherit; }
.text-on-image--theme-organicgreen75 .list-checkmark > li,
.text-on-image--theme-organicgreen75 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-organicgreen75 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-organicgreen50 {
background-color: #96a39e;
color: #fff; }
.text-on-image--theme-organicgreen50 .list-standard > li,
.text-on-image--theme-organicgreen50 .list-checkmark > li,
.text-on-image--theme-organicgreen50 .list-simple > li {
color: inherit; }
.text-on-image--theme-organicgreen50 .list-checkmark > li,
.text-on-image--theme-organicgreen50 .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-organicgreen50 .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.text-on-image--theme-organicgreen25 .list-standard > li,
.text-on-image--theme-organicgreen25 .list-checkmark > li,
.text-on-image--theme-organicgreen25 .list-simple > li {
color: inherit; }
.text-on-image--theme-organicgreen25 .list-checkmark > li,
.text-on-image--theme-organicgreen25 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-organicgreen25 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.text-on-image--theme-organicgreen7 .list-standard > li,
.text-on-image--theme-organicgreen7 .list-checkmark > li,
.text-on-image--theme-organicgreen7 .list-simple > li {
color: inherit; }
.text-on-image--theme-organicgreen7 .list-checkmark > li,
.text-on-image--theme-organicgreen7 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-organicgreen7 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-sand {
background-color: #b6a284;
color: #1d1d1b; }
.text-on-image--theme-sand .list-standard > li,
.text-on-image--theme-sand .list-checkmark > li,
.text-on-image--theme-sand .list-simple > li {
color: inherit; }
.text-on-image--theme-sand .list-checkmark > li,
.text-on-image--theme-sand .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-sand .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.text-on-image--theme-sand100 .list-standard > li,
.text-on-image--theme-sand100 .list-checkmark > li,
.text-on-image--theme-sand100 .list-simple > li {
color: inherit; }
.text-on-image--theme-sand100 .list-checkmark > li,
.text-on-image--theme-sand100 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-sand100 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.text-on-image--theme-sand75 .list-standard > li,
.text-on-image--theme-sand75 .list-checkmark > li,
.text-on-image--theme-sand75 .list-simple > li {
color: inherit; }
.text-on-image--theme-sand75 .list-checkmark > li,
.text-on-image--theme-sand75 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-sand75 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.text-on-image--theme-sand50 .list-standard > li,
.text-on-image--theme-sand50 .list-checkmark > li,
.text-on-image--theme-sand50 .list-simple > li {
color: inherit; }
.text-on-image--theme-sand50 .list-checkmark > li,
.text-on-image--theme-sand50 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-sand50 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.text-on-image--theme-sand25 .list-standard > li,
.text-on-image--theme-sand25 .list-checkmark > li,
.text-on-image--theme-sand25 .list-simple > li {
color: inherit; }
.text-on-image--theme-sand25 .list-checkmark > li,
.text-on-image--theme-sand25 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-sand25 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.text-on-image--theme-sand7 .list-standard > li,
.text-on-image--theme-sand7 .list-checkmark > li,
.text-on-image--theme-sand7 .list-simple > li {
color: inherit; }
.text-on-image--theme-sand7 .list-checkmark > li,
.text-on-image--theme-sand7 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-sand7 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.text-on-image--theme-rhubarb .list-standard > li,
.text-on-image--theme-rhubarb .list-checkmark > li,
.text-on-image--theme-rhubarb .list-simple > li {
color: inherit; }
.text-on-image--theme-rhubarb .list-checkmark > li,
.text-on-image--theme-rhubarb .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-rhubarb .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.text-on-image--theme-rhubarb100 .list-standard > li,
.text-on-image--theme-rhubarb100 .list-checkmark > li,
.text-on-image--theme-rhubarb100 .list-simple > li {
color: inherit; }
.text-on-image--theme-rhubarb100 .list-checkmark > li,
.text-on-image--theme-rhubarb100 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-rhubarb100 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.text-on-image--theme-rhubarb75 .list-standard > li,
.text-on-image--theme-rhubarb75 .list-checkmark > li,
.text-on-image--theme-rhubarb75 .list-simple > li {
color: inherit; }
.text-on-image--theme-rhubarb75 .list-checkmark > li,
.text-on-image--theme-rhubarb75 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-rhubarb75 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.text-on-image--theme-rhubarb50 .list-standard > li,
.text-on-image--theme-rhubarb50 .list-checkmark > li,
.text-on-image--theme-rhubarb50 .list-simple > li {
color: inherit; }
.text-on-image--theme-rhubarb50 .list-checkmark > li,
.text-on-image--theme-rhubarb50 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-rhubarb50 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.text-on-image--theme-rhubarb25 .list-standard > li,
.text-on-image--theme-rhubarb25 .list-checkmark > li,
.text-on-image--theme-rhubarb25 .list-simple > li {
color: inherit; }
.text-on-image--theme-rhubarb25 .list-checkmark > li,
.text-on-image--theme-rhubarb25 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-rhubarb25 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.text-on-image--theme-rhubarb7 .list-standard > li,
.text-on-image--theme-rhubarb7 .list-checkmark > li,
.text-on-image--theme-rhubarb7 .list-simple > li {
color: inherit; }
.text-on-image--theme-rhubarb7 .list-checkmark > li,
.text-on-image--theme-rhubarb7 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-rhubarb7 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.text-on-image--theme-chantarelle .list-standard > li,
.text-on-image--theme-chantarelle .list-checkmark > li,
.text-on-image--theme-chantarelle .list-simple > li {
color: inherit; }
.text-on-image--theme-chantarelle .list-checkmark > li,
.text-on-image--theme-chantarelle .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-chantarelle .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.text-on-image--theme-chantarelle100 .list-standard > li,
.text-on-image--theme-chantarelle100 .list-checkmark > li,
.text-on-image--theme-chantarelle100 .list-simple > li {
color: inherit; }
.text-on-image--theme-chantarelle100 .list-checkmark > li,
.text-on-image--theme-chantarelle100 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-chantarelle100 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.text-on-image--theme-chantarelle75 .list-standard > li,
.text-on-image--theme-chantarelle75 .list-checkmark > li,
.text-on-image--theme-chantarelle75 .list-simple > li {
color: inherit; }
.text-on-image--theme-chantarelle75 .list-checkmark > li,
.text-on-image--theme-chantarelle75 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-chantarelle75 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.text-on-image--theme-chantarelle50 .list-standard > li,
.text-on-image--theme-chantarelle50 .list-checkmark > li,
.text-on-image--theme-chantarelle50 .list-simple > li {
color: inherit; }
.text-on-image--theme-chantarelle50 .list-checkmark > li,
.text-on-image--theme-chantarelle50 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-chantarelle50 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.text-on-image--theme-chantarelle25 .list-standard > li,
.text-on-image--theme-chantarelle25 .list-checkmark > li,
.text-on-image--theme-chantarelle25 .list-simple > li {
color: inherit; }
.text-on-image--theme-chantarelle25 .list-checkmark > li,
.text-on-image--theme-chantarelle25 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-chantarelle25 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.text-on-image--theme-chantarelle7 .list-standard > li,
.text-on-image--theme-chantarelle7 .list-checkmark > li,
.text-on-image--theme-chantarelle7 .list-simple > li {
color: inherit; }
.text-on-image--theme-chantarelle7 .list-checkmark > li,
.text-on-image--theme-chantarelle7 .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-chantarelle7 .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-white {
background-color: #fff;
color: #1d1d1b; }
.text-on-image--theme-white .list-standard > li,
.text-on-image--theme-white .list-checkmark > li,
.text-on-image--theme-white .list-simple > li {
color: inherit; }
.text-on-image--theme-white .list-checkmark > li,
.text-on-image--theme-white .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-white .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-black {
background-color: #1d1d1b;
color: #fff; }
.text-on-image--theme-black .list-standard > li,
.text-on-image--theme-black .list-checkmark > li,
.text-on-image--theme-black .list-simple > li {
color: inherit; }
.text-on-image--theme-black .list-checkmark > li,
.text-on-image--theme-black .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
.text-on-image--theme-black .list-checkmark > li:before {
background-position: 0 91.66667%; }
.text-on-image--theme-pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.text-on-image--theme-pagebackground .list-standard > li,
.text-on-image--theme-pagebackground .list-checkmark > li,
.text-on-image--theme-pagebackground .list-simple > li {
color: inherit; }
.text-on-image--theme-pagebackground .list-checkmark > li,
.text-on-image--theme-pagebackground .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-pagebackground .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-grey {
background-color: #ebebeb;
color: #1d1d1b; }
.text-on-image--theme-grey .list-standard > li,
.text-on-image--theme-grey .list-checkmark > li,
.text-on-image--theme-grey .list-simple > li {
color: inherit; }
.text-on-image--theme-grey .list-checkmark > li,
.text-on-image--theme-grey .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-grey .list-checkmark > li:before {
background-position: 0 100%; }
.text-on-image--theme-none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.text-on-image--theme-none .list-standard > li,
.text-on-image--theme-none .list-checkmark > li,
.text-on-image--theme-none .list-simple > li {
color: inherit; }
.text-on-image--theme-none .list-checkmark > li,
.text-on-image--theme-none .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
.text-on-image--theme-none .list-checkmark > li:before {
background-position: 0 100%; }
@media (max-width: 767px) {
.text-on-image:not([class*="text-on-image--theme"]) {
padding-left: 0;
padding-right: 0; } }
@media (min-width: 768px) {
.text-on-image--text-aquamarine {
color: #a9dae7; } }
.text-on-image--text-aquamarine--text-halfhalf, .text-on-image--text-aquamarine.text-on-image--no-img, .text-on-image--text-aquamarine.text-on-image--as-top {
color: #a9dae7; }
.text-on-image--text-aquamarine .list-standard > li,
.text-on-image--text-aquamarine .list-checkmark > li,
.text-on-image--text-aquamarine .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-aquamarine .list-checkmark > li,
.text-on-image--text-aquamarine .list-simple > li {
border-bottom-color: rgba(169, 218, 231, 0.1); } }
.text-on-image--text-aquamarine.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-aquamarine.text-on-image--no-img .list-simple > li, .text-on-image--text-aquamarine.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-aquamarine.text-on-image--as-top .list-simple > li, .text-on-image--text-aquamarine.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-aquamarine.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(169, 218, 231, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-aquamarine .list-checkmark > li:before {
background-position: 0 0%; } }
.text-on-image--text-aquamarine.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-aquamarine.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-aquamarine.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 0%; }
@media (min-width: 768px) {
.text-on-image--text-lemonyellow {
color: #f6eb61; } }
.text-on-image--text-lemonyellow--text-halfhalf, .text-on-image--text-lemonyellow.text-on-image--no-img, .text-on-image--text-lemonyellow.text-on-image--as-top {
color: #f6eb61; }
.text-on-image--text-lemonyellow .list-standard > li,
.text-on-image--text-lemonyellow .list-checkmark > li,
.text-on-image--text-lemonyellow .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-lemonyellow .list-checkmark > li,
.text-on-image--text-lemonyellow .list-simple > li {
border-bottom-color: rgba(246, 235, 97, 0.1); } }
.text-on-image--text-lemonyellow.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-lemonyellow.text-on-image--no-img .list-simple > li, .text-on-image--text-lemonyellow.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-lemonyellow.text-on-image--as-top .list-simple > li, .text-on-image--text-lemonyellow.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-lemonyellow.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(246, 235, 97, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-lemonyellow .list-checkmark > li:before {
background-position: 0 8.33333%; } }
.text-on-image--text-lemonyellow.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-lemonyellow.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-lemonyellow.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 8.33333%; }
@media (min-width: 768px) {
.text-on-image--text-mistygrey {
color: #d0d3d4; } }
.text-on-image--text-mistygrey--text-halfhalf, .text-on-image--text-mistygrey.text-on-image--no-img, .text-on-image--text-mistygrey.text-on-image--as-top {
color: #d0d3d4; }
.text-on-image--text-mistygrey .list-standard > li,
.text-on-image--text-mistygrey .list-checkmark > li,
.text-on-image--text-mistygrey .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-mistygrey .list-checkmark > li,
.text-on-image--text-mistygrey .list-simple > li {
border-bottom-color: rgba(208, 211, 212, 0.1); } }
.text-on-image--text-mistygrey.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-mistygrey.text-on-image--no-img .list-simple > li, .text-on-image--text-mistygrey.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-mistygrey.text-on-image--as-top .list-simple > li, .text-on-image--text-mistygrey.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-mistygrey.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(208, 211, 212, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-mistygrey .list-checkmark > li:before {
background-position: 0 16.66667%; } }
.text-on-image--text-mistygrey.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-mistygrey.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-mistygrey.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 16.66667%; }
@media (min-width: 768px) {
.text-on-image--text-graphitegrey {
color: #a2a6a8; } }
.text-on-image--text-graphitegrey--text-halfhalf, .text-on-image--text-graphitegrey.text-on-image--no-img, .text-on-image--text-graphitegrey.text-on-image--as-top {
color: #a2a6a8; }
.text-on-image--text-graphitegrey .list-standard > li,
.text-on-image--text-graphitegrey .list-checkmark > li,
.text-on-image--text-graphitegrey .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-graphitegrey .list-checkmark > li,
.text-on-image--text-graphitegrey .list-simple > li {
border-bottom-color: rgba(162, 166, 168, 0.1); } }
.text-on-image--text-graphitegrey.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-graphitegrey.text-on-image--no-img .list-simple > li, .text-on-image--text-graphitegrey.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-graphitegrey.text-on-image--as-top .list-simple > li, .text-on-image--text-graphitegrey.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-graphitegrey.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(162, 166, 168, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-graphitegrey .list-checkmark > li:before {
background-position: 0 25%; } }
.text-on-image--text-graphitegrey.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-graphitegrey.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-graphitegrey.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 25%; }
@media (min-width: 768px) {
.text-on-image--text-polargreen {
color: #e0edd5; } }
.text-on-image--text-polargreen--text-halfhalf, .text-on-image--text-polargreen.text-on-image--no-img, .text-on-image--text-polargreen.text-on-image--as-top {
color: #e0edd5; }
.text-on-image--text-polargreen .list-standard > li,
.text-on-image--text-polargreen .list-checkmark > li,
.text-on-image--text-polargreen .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-polargreen .list-checkmark > li,
.text-on-image--text-polargreen .list-simple > li {
border-bottom-color: rgba(224, 237, 213, 0.1); } }
.text-on-image--text-polargreen.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-polargreen.text-on-image--no-img .list-simple > li, .text-on-image--text-polargreen.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-polargreen.text-on-image--as-top .list-simple > li, .text-on-image--text-polargreen.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-polargreen.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(224, 237, 213, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-polargreen .list-checkmark > li:before {
background-position: 0 33.33333%; } }
.text-on-image--text-polargreen.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-polargreen.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-polargreen.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 33.33333%; }
@media (min-width: 768px) {
.text-on-image--text-springgreen {
color: #b7d698; } }
.text-on-image--text-springgreen--text-halfhalf, .text-on-image--text-springgreen.text-on-image--no-img, .text-on-image--text-springgreen.text-on-image--as-top {
color: #b7d698; }
.text-on-image--text-springgreen .list-standard > li,
.text-on-image--text-springgreen .list-checkmark > li,
.text-on-image--text-springgreen .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-springgreen .list-checkmark > li,
.text-on-image--text-springgreen .list-simple > li {
border-bottom-color: rgba(183, 214, 152, 0.1); } }
.text-on-image--text-springgreen.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-springgreen.text-on-image--no-img .list-simple > li, .text-on-image--text-springgreen.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-springgreen.text-on-image--as-top .list-simple > li, .text-on-image--text-springgreen.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-springgreen.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(183, 214, 152, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-springgreen .list-checkmark > li:before {
background-position: 0 41.66667%; } }
.text-on-image--text-springgreen.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-springgreen.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-springgreen.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 41.66667%; }
@media (min-width: 768px) {
.text-on-image--text-chilired {
color: #d22630; } }
.text-on-image--text-chilired--text-halfhalf, .text-on-image--text-chilired.text-on-image--no-img, .text-on-image--text-chilired.text-on-image--as-top {
color: #d22630; }
.text-on-image--text-chilired .list-standard > li,
.text-on-image--text-chilired .list-checkmark > li,
.text-on-image--text-chilired .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chilired .list-checkmark > li,
.text-on-image--text-chilired .list-simple > li {
border-bottom-color: rgba(210, 38, 48, 0.1); } }
.text-on-image--text-chilired.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chilired.text-on-image--no-img .list-simple > li, .text-on-image--text-chilired.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chilired.text-on-image--as-top .list-simple > li, .text-on-image--text-chilired.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chilired.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(210, 38, 48, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chilired .list-checkmark > li:before {
background-position: 0 50%; } }
.text-on-image--text-chilired.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chilired.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chilired.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 50%; }
@media (min-width: 768px) {
.text-on-image--text-salmon {
color: #e6baa8; } }
.text-on-image--text-salmon--text-halfhalf, .text-on-image--text-salmon.text-on-image--no-img, .text-on-image--text-salmon.text-on-image--as-top {
color: #e6baa8; }
.text-on-image--text-salmon .list-standard > li,
.text-on-image--text-salmon .list-checkmark > li,
.text-on-image--text-salmon .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-salmon .list-checkmark > li,
.text-on-image--text-salmon .list-simple > li {
border-bottom-color: rgba(230, 186, 168, 0.1); } }
.text-on-image--text-salmon.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-salmon.text-on-image--no-img .list-simple > li, .text-on-image--text-salmon.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-salmon.text-on-image--as-top .list-simple > li, .text-on-image--text-salmon.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-salmon.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(230, 186, 168, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-salmon .list-checkmark > li:before {
background-position: 0 58.33333%; } }
.text-on-image--text-salmon.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-salmon.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-salmon.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 58.33333%; }
@media (min-width: 768px) {
.text-on-image--text-cinnamon {
color: #6d4f47; } }
.text-on-image--text-cinnamon--text-halfhalf, .text-on-image--text-cinnamon.text-on-image--no-img, .text-on-image--text-cinnamon.text-on-image--as-top {
color: #6d4f47; }
.text-on-image--text-cinnamon .list-standard > li,
.text-on-image--text-cinnamon .list-checkmark > li,
.text-on-image--text-cinnamon .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-cinnamon .list-checkmark > li,
.text-on-image--text-cinnamon .list-simple > li {
border-bottom-color: rgba(109, 79, 71, 0.1); } }
.text-on-image--text-cinnamon.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-cinnamon.text-on-image--no-img .list-simple > li, .text-on-image--text-cinnamon.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-cinnamon.text-on-image--as-top .list-simple > li, .text-on-image--text-cinnamon.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-cinnamon.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(109, 79, 71, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-cinnamon .list-checkmark > li:before {
background-position: 0 66.66667%; } }
.text-on-image--text-cinnamon.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-cinnamon.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-cinnamon.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 66.66667%; }
@media (min-width: 768px) {
.text-on-image--text-flamingopink {
color: #fad0c8; } }
.text-on-image--text-flamingopink--text-halfhalf, .text-on-image--text-flamingopink.text-on-image--no-img, .text-on-image--text-flamingopink.text-on-image--as-top {
color: #fad0c8; }
.text-on-image--text-flamingopink .list-standard > li,
.text-on-image--text-flamingopink .list-checkmark > li,
.text-on-image--text-flamingopink .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-flamingopink .list-checkmark > li,
.text-on-image--text-flamingopink .list-simple > li {
border-bottom-color: rgba(250, 208, 200, 0.1); } }
.text-on-image--text-flamingopink.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-flamingopink.text-on-image--no-img .list-simple > li, .text-on-image--text-flamingopink.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-flamingopink.text-on-image--as-top .list-simple > li, .text-on-image--text-flamingopink.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-flamingopink.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(250, 208, 200, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-flamingopink .list-checkmark > li:before {
background-position: 0 75%; } }
.text-on-image--text-flamingopink.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-flamingopink.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-flamingopink.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 75%; }
@media (min-width: 768px) {
.text-on-image--text-kingfisherblue {
color: #00a0d8; } }
.text-on-image--text-kingfisherblue--text-halfhalf, .text-on-image--text-kingfisherblue.text-on-image--no-img, .text-on-image--text-kingfisherblue.text-on-image--as-top {
color: #00a0d8; }
.text-on-image--text-kingfisherblue .list-standard > li,
.text-on-image--text-kingfisherblue .list-checkmark > li,
.text-on-image--text-kingfisherblue .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-kingfisherblue .list-checkmark > li,
.text-on-image--text-kingfisherblue .list-simple > li {
border-bottom-color: rgba(0, 160, 216, 0.1); } }
.text-on-image--text-kingfisherblue.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-kingfisherblue.text-on-image--no-img .list-simple > li, .text-on-image--text-kingfisherblue.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-kingfisherblue.text-on-image--as-top .list-simple > li, .text-on-image--text-kingfisherblue.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-kingfisherblue.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(0, 160, 216, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-kingfisherblue .list-checkmark > li:before {
background-position: 0 83.33333%; } }
.text-on-image--text-kingfisherblue.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-kingfisherblue.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-kingfisherblue.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 83.33333%; }
@media (min-width: 768px) {
.text-on-image--text-sdw20green {
color: #244f3e; } }
.text-on-image--text-sdw20green--text-halfhalf, .text-on-image--text-sdw20green.text-on-image--no-img, .text-on-image--text-sdw20green.text-on-image--as-top {
color: #244f3e; }
.text-on-image--text-sdw20green .list-standard > li,
.text-on-image--text-sdw20green .list-checkmark > li,
.text-on-image--text-sdw20green .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sdw20green .list-checkmark > li,
.text-on-image--text-sdw20green .list-simple > li {
border-bottom-color: rgba(36, 79, 62, 0.1); } }
.text-on-image--text-sdw20green.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sdw20green.text-on-image--no-img .list-simple > li, .text-on-image--text-sdw20green.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sdw20green.text-on-image--as-top .list-simple > li, .text-on-image--text-sdw20green.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sdw20green.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(36, 79, 62, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sdw20green .list-checkmark > li:before {
background-position: 0 91.66667%; } }
.text-on-image--text-sdw20green.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sdw20green.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sdw20green.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 91.66667%; }
@media (min-width: 768px) {
.text-on-image--text-slate {
color: #3d3935; } }
.text-on-image--text-slate--text-halfhalf, .text-on-image--text-slate.text-on-image--no-img, .text-on-image--text-slate.text-on-image--as-top {
color: #3d3935; }
.text-on-image--text-slate .list-standard > li,
.text-on-image--text-slate .list-checkmark > li,
.text-on-image--text-slate .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-slate .list-checkmark > li,
.text-on-image--text-slate .list-simple > li {
border-bottom-color: rgba(61, 57, 53, 0.1); } }
.text-on-image--text-slate.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-slate.text-on-image--no-img .list-simple > li, .text-on-image--text-slate.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-slate.text-on-image--as-top .list-simple > li, .text-on-image--text-slate.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-slate.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(61, 57, 53, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-slate .list-checkmark > li:before {
background-position: 0 100%; } }
.text-on-image--text-slate.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-slate.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-slate.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 100%; }
@media (min-width: 768px) {
.text-on-image--text-slate100 {
color: #3d3935; } }
.text-on-image--text-slate100--text-halfhalf, .text-on-image--text-slate100.text-on-image--no-img, .text-on-image--text-slate100.text-on-image--as-top {
color: #3d3935; }
.text-on-image--text-slate100 .list-standard > li,
.text-on-image--text-slate100 .list-checkmark > li,
.text-on-image--text-slate100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-slate100 .list-checkmark > li,
.text-on-image--text-slate100 .list-simple > li {
border-bottom-color: rgba(61, 57, 53, 0.1); } }
.text-on-image--text-slate100.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-slate100.text-on-image--no-img .list-simple > li, .text-on-image--text-slate100.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-slate100.text-on-image--as-top .list-simple > li, .text-on-image--text-slate100.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-slate100.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(61, 57, 53, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-slate100 .list-checkmark > li:before {
background-position: 0 108.33333%; } }
.text-on-image--text-slate100.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-slate100.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-slate100.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 108.33333%; }
@media (min-width: 768px) {
.text-on-image--text-slate75 {
color: #6e6b68; } }
.text-on-image--text-slate75--text-halfhalf, .text-on-image--text-slate75.text-on-image--no-img, .text-on-image--text-slate75.text-on-image--as-top {
color: #6e6b68; }
.text-on-image--text-slate75 .list-standard > li,
.text-on-image--text-slate75 .list-checkmark > li,
.text-on-image--text-slate75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-slate75 .list-checkmark > li,
.text-on-image--text-slate75 .list-simple > li {
border-bottom-color: rgba(110, 107, 104, 0.1); } }
.text-on-image--text-slate75.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-slate75.text-on-image--no-img .list-simple > li, .text-on-image--text-slate75.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-slate75.text-on-image--as-top .list-simple > li, .text-on-image--text-slate75.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-slate75.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(110, 107, 104, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-slate75 .list-checkmark > li:before {
background-position: 0 116.66667%; } }
.text-on-image--text-slate75.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-slate75.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-slate75.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 116.66667%; }
@media (min-width: 768px) {
.text-on-image--text-slate50 {
color: #9d9b99; } }
.text-on-image--text-slate50--text-halfhalf, .text-on-image--text-slate50.text-on-image--no-img, .text-on-image--text-slate50.text-on-image--as-top {
color: #9d9b99; }
.text-on-image--text-slate50 .list-standard > li,
.text-on-image--text-slate50 .list-checkmark > li,
.text-on-image--text-slate50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-slate50 .list-checkmark > li,
.text-on-image--text-slate50 .list-simple > li {
border-bottom-color: rgba(157, 155, 153, 0.1); } }
.text-on-image--text-slate50.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-slate50.text-on-image--no-img .list-simple > li, .text-on-image--text-slate50.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-slate50.text-on-image--as-top .list-simple > li, .text-on-image--text-slate50.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-slate50.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(157, 155, 153, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-slate50 .list-checkmark > li:before {
background-position: 0 125%; } }
.text-on-image--text-slate50.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-slate50.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-slate50.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 125%; }
@media (min-width: 768px) {
.text-on-image--text-slate25 {
color: #cecdcc; } }
.text-on-image--text-slate25--text-halfhalf, .text-on-image--text-slate25.text-on-image--no-img, .text-on-image--text-slate25.text-on-image--as-top {
color: #cecdcc; }
.text-on-image--text-slate25 .list-standard > li,
.text-on-image--text-slate25 .list-checkmark > li,
.text-on-image--text-slate25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-slate25 .list-checkmark > li,
.text-on-image--text-slate25 .list-simple > li {
border-bottom-color: rgba(206, 205, 204, 0.1); } }
.text-on-image--text-slate25.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-slate25.text-on-image--no-img .list-simple > li, .text-on-image--text-slate25.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-slate25.text-on-image--as-top .list-simple > li, .text-on-image--text-slate25.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-slate25.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(206, 205, 204, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-slate25 .list-checkmark > li:before {
background-position: 0 133.33333%; } }
.text-on-image--text-slate25.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-slate25.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-slate25.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 133.33333%; }
@media (min-width: 768px) {
.text-on-image--text-slate7 {
color: #f1f1f1; } }
.text-on-image--text-slate7--text-halfhalf, .text-on-image--text-slate7.text-on-image--no-img, .text-on-image--text-slate7.text-on-image--as-top {
color: #f1f1f1; }
.text-on-image--text-slate7 .list-standard > li,
.text-on-image--text-slate7 .list-checkmark > li,
.text-on-image--text-slate7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-slate7 .list-checkmark > li,
.text-on-image--text-slate7 .list-simple > li {
border-bottom-color: rgba(241, 241, 241, 0.1); } }
.text-on-image--text-slate7.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-slate7.text-on-image--no-img .list-simple > li, .text-on-image--text-slate7.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-slate7.text-on-image--as-top .list-simple > li, .text-on-image--text-slate7.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-slate7.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(241, 241, 241, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-slate7 .list-checkmark > li:before {
background-position: 0 141.66667%; } }
.text-on-image--text-slate7.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-slate7.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-slate7.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 141.66667%; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky {
color: #284458; } }
.text-on-image--text-eveningsky--text-halfhalf, .text-on-image--text-eveningsky.text-on-image--no-img, .text-on-image--text-eveningsky.text-on-image--as-top {
color: #284458; }
.text-on-image--text-eveningsky .list-standard > li,
.text-on-image--text-eveningsky .list-checkmark > li,
.text-on-image--text-eveningsky .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky .list-checkmark > li,
.text-on-image--text-eveningsky .list-simple > li {
border-bottom-color: rgba(40, 68, 88, 0.1); } }
.text-on-image--text-eveningsky.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-eveningsky.text-on-image--no-img .list-simple > li, .text-on-image--text-eveningsky.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-eveningsky.text-on-image--as-top .list-simple > li, .text-on-image--text-eveningsky.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-eveningsky.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(40, 68, 88, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-eveningsky .list-checkmark > li:before {
background-position: 0 150%; } }
.text-on-image--text-eveningsky.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-eveningsky.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-eveningsky.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 150%; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky100 {
color: #284458; } }
.text-on-image--text-eveningsky100--text-halfhalf, .text-on-image--text-eveningsky100.text-on-image--no-img, .text-on-image--text-eveningsky100.text-on-image--as-top {
color: #284458; }
.text-on-image--text-eveningsky100 .list-standard > li,
.text-on-image--text-eveningsky100 .list-checkmark > li,
.text-on-image--text-eveningsky100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky100 .list-checkmark > li,
.text-on-image--text-eveningsky100 .list-simple > li {
border-bottom-color: rgba(40, 68, 88, 0.1); } }
.text-on-image--text-eveningsky100.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-eveningsky100.text-on-image--no-img .list-simple > li, .text-on-image--text-eveningsky100.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-eveningsky100.text-on-image--as-top .list-simple > li, .text-on-image--text-eveningsky100.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-eveningsky100.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(40, 68, 88, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-eveningsky100 .list-checkmark > li:before {
background-position: 0 158.33333%; } }
.text-on-image--text-eveningsky100.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-eveningsky100.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-eveningsky100.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 158.33333%; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky75 {
color: #5e7382; } }
.text-on-image--text-eveningsky75--text-halfhalf, .text-on-image--text-eveningsky75.text-on-image--no-img, .text-on-image--text-eveningsky75.text-on-image--as-top {
color: #5e7382; }
.text-on-image--text-eveningsky75 .list-standard > li,
.text-on-image--text-eveningsky75 .list-checkmark > li,
.text-on-image--text-eveningsky75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky75 .list-checkmark > li,
.text-on-image--text-eveningsky75 .list-simple > li {
border-bottom-color: rgba(94, 115, 130, 0.1); } }
.text-on-image--text-eveningsky75.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-eveningsky75.text-on-image--no-img .list-simple > li, .text-on-image--text-eveningsky75.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-eveningsky75.text-on-image--as-top .list-simple > li, .text-on-image--text-eveningsky75.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-eveningsky75.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(94, 115, 130, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-eveningsky75 .list-checkmark > li:before {
background-position: 0 166.66667%; } }
.text-on-image--text-eveningsky75.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-eveningsky75.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-eveningsky75.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 166.66667%; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky50 {
color: #93a1ab; } }
.text-on-image--text-eveningsky50--text-halfhalf, .text-on-image--text-eveningsky50.text-on-image--no-img, .text-on-image--text-eveningsky50.text-on-image--as-top {
color: #93a1ab; }
.text-on-image--text-eveningsky50 .list-standard > li,
.text-on-image--text-eveningsky50 .list-checkmark > li,
.text-on-image--text-eveningsky50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky50 .list-checkmark > li,
.text-on-image--text-eveningsky50 .list-simple > li {
border-bottom-color: rgba(147, 161, 171, 0.1); } }
.text-on-image--text-eveningsky50.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-eveningsky50.text-on-image--no-img .list-simple > li, .text-on-image--text-eveningsky50.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-eveningsky50.text-on-image--as-top .list-simple > li, .text-on-image--text-eveningsky50.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-eveningsky50.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(147, 161, 171, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-eveningsky50 .list-checkmark > li:before {
background-position: 0 175%; } }
.text-on-image--text-eveningsky50.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-eveningsky50.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-eveningsky50.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 175%; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky25 {
color: #c9d0d5; } }
.text-on-image--text-eveningsky25--text-halfhalf, .text-on-image--text-eveningsky25.text-on-image--no-img, .text-on-image--text-eveningsky25.text-on-image--as-top {
color: #c9d0d5; }
.text-on-image--text-eveningsky25 .list-standard > li,
.text-on-image--text-eveningsky25 .list-checkmark > li,
.text-on-image--text-eveningsky25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky25 .list-checkmark > li,
.text-on-image--text-eveningsky25 .list-simple > li {
border-bottom-color: rgba(201, 208, 213, 0.1); } }
.text-on-image--text-eveningsky25.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-eveningsky25.text-on-image--no-img .list-simple > li, .text-on-image--text-eveningsky25.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-eveningsky25.text-on-image--as-top .list-simple > li, .text-on-image--text-eveningsky25.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-eveningsky25.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(201, 208, 213, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-eveningsky25 .list-checkmark > li:before {
background-position: 0 183.33333%; } }
.text-on-image--text-eveningsky25.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-eveningsky25.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-eveningsky25.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 183.33333%; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky7 {
color: #f0f2f3; } }
.text-on-image--text-eveningsky7--text-halfhalf, .text-on-image--text-eveningsky7.text-on-image--no-img, .text-on-image--text-eveningsky7.text-on-image--as-top {
color: #f0f2f3; }
.text-on-image--text-eveningsky7 .list-standard > li,
.text-on-image--text-eveningsky7 .list-checkmark > li,
.text-on-image--text-eveningsky7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-eveningsky7 .list-checkmark > li,
.text-on-image--text-eveningsky7 .list-simple > li {
border-bottom-color: rgba(240, 242, 243, 0.1); } }
.text-on-image--text-eveningsky7.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-eveningsky7.text-on-image--no-img .list-simple > li, .text-on-image--text-eveningsky7.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-eveningsky7.text-on-image--as-top .list-simple > li, .text-on-image--text-eveningsky7.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-eveningsky7.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(240, 242, 243, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-eveningsky7 .list-checkmark > li:before {
background-position: 0 191.66667%; } }
.text-on-image--text-eveningsky7.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-eveningsky7.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-eveningsky7.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 191.66667%; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen {
color: #2e483e; } }
.text-on-image--text-organicgreen--text-halfhalf, .text-on-image--text-organicgreen.text-on-image--no-img, .text-on-image--text-organicgreen.text-on-image--as-top {
color: #2e483e; }
.text-on-image--text-organicgreen .list-standard > li,
.text-on-image--text-organicgreen .list-checkmark > li,
.text-on-image--text-organicgreen .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen .list-checkmark > li,
.text-on-image--text-organicgreen .list-simple > li {
border-bottom-color: rgba(46, 72, 62, 0.1); } }
.text-on-image--text-organicgreen.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-organicgreen.text-on-image--no-img .list-simple > li, .text-on-image--text-organicgreen.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-organicgreen.text-on-image--as-top .list-simple > li, .text-on-image--text-organicgreen.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-organicgreen.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(46, 72, 62, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-organicgreen .list-checkmark > li:before {
background-position: 0 200%; } }
.text-on-image--text-organicgreen.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-organicgreen.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-organicgreen.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 200%; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen100 {
color: #2e483e; } }
.text-on-image--text-organicgreen100--text-halfhalf, .text-on-image--text-organicgreen100.text-on-image--no-img, .text-on-image--text-organicgreen100.text-on-image--as-top {
color: #2e483e; }
.text-on-image--text-organicgreen100 .list-standard > li,
.text-on-image--text-organicgreen100 .list-checkmark > li,
.text-on-image--text-organicgreen100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen100 .list-checkmark > li,
.text-on-image--text-organicgreen100 .list-simple > li {
border-bottom-color: rgba(46, 72, 62, 0.1); } }
.text-on-image--text-organicgreen100.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-organicgreen100.text-on-image--no-img .list-simple > li, .text-on-image--text-organicgreen100.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-organicgreen100.text-on-image--as-top .list-simple > li, .text-on-image--text-organicgreen100.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-organicgreen100.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(46, 72, 62, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-organicgreen100 .list-checkmark > li:before {
background-position: 0 208.33333%; } }
.text-on-image--text-organicgreen100.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-organicgreen100.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-organicgreen100.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 208.33333%; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen75 {
color: #62766e; } }
.text-on-image--text-organicgreen75--text-halfhalf, .text-on-image--text-organicgreen75.text-on-image--no-img, .text-on-image--text-organicgreen75.text-on-image--as-top {
color: #62766e; }
.text-on-image--text-organicgreen75 .list-standard > li,
.text-on-image--text-organicgreen75 .list-checkmark > li,
.text-on-image--text-organicgreen75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen75 .list-checkmark > li,
.text-on-image--text-organicgreen75 .list-simple > li {
border-bottom-color: rgba(98, 118, 110, 0.1); } }
.text-on-image--text-organicgreen75.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-organicgreen75.text-on-image--no-img .list-simple > li, .text-on-image--text-organicgreen75.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-organicgreen75.text-on-image--as-top .list-simple > li, .text-on-image--text-organicgreen75.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-organicgreen75.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(98, 118, 110, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-organicgreen75 .list-checkmark > li:before {
background-position: 0 216.66667%; } }
.text-on-image--text-organicgreen75.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-organicgreen75.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-organicgreen75.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 216.66667%; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen50 {
color: #96a39e; } }
.text-on-image--text-organicgreen50--text-halfhalf, .text-on-image--text-organicgreen50.text-on-image--no-img, .text-on-image--text-organicgreen50.text-on-image--as-top {
color: #96a39e; }
.text-on-image--text-organicgreen50 .list-standard > li,
.text-on-image--text-organicgreen50 .list-checkmark > li,
.text-on-image--text-organicgreen50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen50 .list-checkmark > li,
.text-on-image--text-organicgreen50 .list-simple > li {
border-bottom-color: rgba(150, 163, 158, 0.1); } }
.text-on-image--text-organicgreen50.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-organicgreen50.text-on-image--no-img .list-simple > li, .text-on-image--text-organicgreen50.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-organicgreen50.text-on-image--as-top .list-simple > li, .text-on-image--text-organicgreen50.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-organicgreen50.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(150, 163, 158, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-organicgreen50 .list-checkmark > li:before {
background-position: 0 225%; } }
.text-on-image--text-organicgreen50.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-organicgreen50.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-organicgreen50.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 225%; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen25 {
color: #cad1ce; } }
.text-on-image--text-organicgreen25--text-halfhalf, .text-on-image--text-organicgreen25.text-on-image--no-img, .text-on-image--text-organicgreen25.text-on-image--as-top {
color: #cad1ce; }
.text-on-image--text-organicgreen25 .list-standard > li,
.text-on-image--text-organicgreen25 .list-checkmark > li,
.text-on-image--text-organicgreen25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen25 .list-checkmark > li,
.text-on-image--text-organicgreen25 .list-simple > li {
border-bottom-color: rgba(202, 209, 206, 0.1); } }
.text-on-image--text-organicgreen25.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-organicgreen25.text-on-image--no-img .list-simple > li, .text-on-image--text-organicgreen25.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-organicgreen25.text-on-image--as-top .list-simple > li, .text-on-image--text-organicgreen25.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-organicgreen25.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(202, 209, 206, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-organicgreen25 .list-checkmark > li:before {
background-position: 0 233.33333%; } }
.text-on-image--text-organicgreen25.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-organicgreen25.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-organicgreen25.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 233.33333%; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen7 {
color: #f0f2f1; } }
.text-on-image--text-organicgreen7--text-halfhalf, .text-on-image--text-organicgreen7.text-on-image--no-img, .text-on-image--text-organicgreen7.text-on-image--as-top {
color: #f0f2f1; }
.text-on-image--text-organicgreen7 .list-standard > li,
.text-on-image--text-organicgreen7 .list-checkmark > li,
.text-on-image--text-organicgreen7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-organicgreen7 .list-checkmark > li,
.text-on-image--text-organicgreen7 .list-simple > li {
border-bottom-color: rgba(240, 242, 241, 0.1); } }
.text-on-image--text-organicgreen7.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-organicgreen7.text-on-image--no-img .list-simple > li, .text-on-image--text-organicgreen7.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-organicgreen7.text-on-image--as-top .list-simple > li, .text-on-image--text-organicgreen7.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-organicgreen7.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(240, 242, 241, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-organicgreen7 .list-checkmark > li:before {
background-position: 0 241.66667%; } }
.text-on-image--text-organicgreen7.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-organicgreen7.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-organicgreen7.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 241.66667%; }
@media (min-width: 768px) {
.text-on-image--text-sand {
color: #b6a284; } }
.text-on-image--text-sand--text-halfhalf, .text-on-image--text-sand.text-on-image--no-img, .text-on-image--text-sand.text-on-image--as-top {
color: #b6a284; }
.text-on-image--text-sand .list-standard > li,
.text-on-image--text-sand .list-checkmark > li,
.text-on-image--text-sand .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sand .list-checkmark > li,
.text-on-image--text-sand .list-simple > li {
border-bottom-color: rgba(182, 162, 132, 0.1); } }
.text-on-image--text-sand.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sand.text-on-image--no-img .list-simple > li, .text-on-image--text-sand.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sand.text-on-image--as-top .list-simple > li, .text-on-image--text-sand.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sand.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(182, 162, 132, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sand .list-checkmark > li:before {
background-position: 0 250%; } }
.text-on-image--text-sand.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sand.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sand.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 250%; }
@media (min-width: 768px) {
.text-on-image--text-sand100 {
color: #b6a284; } }
.text-on-image--text-sand100--text-halfhalf, .text-on-image--text-sand100.text-on-image--no-img, .text-on-image--text-sand100.text-on-image--as-top {
color: #b6a284; }
.text-on-image--text-sand100 .list-standard > li,
.text-on-image--text-sand100 .list-checkmark > li,
.text-on-image--text-sand100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sand100 .list-checkmark > li,
.text-on-image--text-sand100 .list-simple > li {
border-bottom-color: rgba(182, 162, 132, 0.1); } }
.text-on-image--text-sand100.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sand100.text-on-image--no-img .list-simple > li, .text-on-image--text-sand100.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sand100.text-on-image--as-top .list-simple > li, .text-on-image--text-sand100.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sand100.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(182, 162, 132, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sand100 .list-checkmark > li:before {
background-position: 0 258.33333%; } }
.text-on-image--text-sand100.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sand100.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sand100.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 258.33333%; }
@media (min-width: 768px) {
.text-on-image--text-sand75 {
color: #c8b9a3; } }
.text-on-image--text-sand75--text-halfhalf, .text-on-image--text-sand75.text-on-image--no-img, .text-on-image--text-sand75.text-on-image--as-top {
color: #c8b9a3; }
.text-on-image--text-sand75 .list-standard > li,
.text-on-image--text-sand75 .list-checkmark > li,
.text-on-image--text-sand75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sand75 .list-checkmark > li,
.text-on-image--text-sand75 .list-simple > li {
border-bottom-color: rgba(200, 185, 163, 0.1); } }
.text-on-image--text-sand75.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sand75.text-on-image--no-img .list-simple > li, .text-on-image--text-sand75.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sand75.text-on-image--as-top .list-simple > li, .text-on-image--text-sand75.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sand75.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(200, 185, 163, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sand75 .list-checkmark > li:before {
background-position: 0 266.66667%; } }
.text-on-image--text-sand75.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sand75.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sand75.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 266.66667%; }
@media (min-width: 768px) {
.text-on-image--text-sand50 {
color: #dad0c1; } }
.text-on-image--text-sand50--text-halfhalf, .text-on-image--text-sand50.text-on-image--no-img, .text-on-image--text-sand50.text-on-image--as-top {
color: #dad0c1; }
.text-on-image--text-sand50 .list-standard > li,
.text-on-image--text-sand50 .list-checkmark > li,
.text-on-image--text-sand50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sand50 .list-checkmark > li,
.text-on-image--text-sand50 .list-simple > li {
border-bottom-color: rgba(218, 208, 193, 0.1); } }
.text-on-image--text-sand50.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sand50.text-on-image--no-img .list-simple > li, .text-on-image--text-sand50.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sand50.text-on-image--as-top .list-simple > li, .text-on-image--text-sand50.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sand50.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(218, 208, 193, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sand50 .list-checkmark > li:before {
background-position: 0 275%; } }
.text-on-image--text-sand50.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sand50.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sand50.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 275%; }
@media (min-width: 768px) {
.text-on-image--text-sand25 {
color: #ece7e0; } }
.text-on-image--text-sand25--text-halfhalf, .text-on-image--text-sand25.text-on-image--no-img, .text-on-image--text-sand25.text-on-image--as-top {
color: #ece7e0; }
.text-on-image--text-sand25 .list-standard > li,
.text-on-image--text-sand25 .list-checkmark > li,
.text-on-image--text-sand25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sand25 .list-checkmark > li,
.text-on-image--text-sand25 .list-simple > li {
border-bottom-color: rgba(236, 231, 224, 0.1); } }
.text-on-image--text-sand25.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sand25.text-on-image--no-img .list-simple > li, .text-on-image--text-sand25.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sand25.text-on-image--as-top .list-simple > li, .text-on-image--text-sand25.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sand25.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(236, 231, 224, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sand25 .list-checkmark > li:before {
background-position: 0 283.33333%; } }
.text-on-image--text-sand25.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sand25.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sand25.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 283.33333%; }
@media (min-width: 768px) {
.text-on-image--text-sand7 {
color: #faf8f6; } }
.text-on-image--text-sand7--text-halfhalf, .text-on-image--text-sand7.text-on-image--no-img, .text-on-image--text-sand7.text-on-image--as-top {
color: #faf8f6; }
.text-on-image--text-sand7 .list-standard > li,
.text-on-image--text-sand7 .list-checkmark > li,
.text-on-image--text-sand7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-sand7 .list-checkmark > li,
.text-on-image--text-sand7 .list-simple > li {
border-bottom-color: rgba(250, 248, 246, 0.1); } }
.text-on-image--text-sand7.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-sand7.text-on-image--no-img .list-simple > li, .text-on-image--text-sand7.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-sand7.text-on-image--as-top .list-simple > li, .text-on-image--text-sand7.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-sand7.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(250, 248, 246, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-sand7 .list-checkmark > li:before {
background-position: 0 291.66667%; } }
.text-on-image--text-sand7.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-sand7.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-sand7.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 291.66667%; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb {
color: #dd7975; } }
.text-on-image--text-rhubarb--text-halfhalf, .text-on-image--text-rhubarb.text-on-image--no-img, .text-on-image--text-rhubarb.text-on-image--as-top {
color: #dd7975; }
.text-on-image--text-rhubarb .list-standard > li,
.text-on-image--text-rhubarb .list-checkmark > li,
.text-on-image--text-rhubarb .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb .list-checkmark > li,
.text-on-image--text-rhubarb .list-simple > li {
border-bottom-color: rgba(221, 121, 117, 0.1); } }
.text-on-image--text-rhubarb.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-rhubarb.text-on-image--no-img .list-simple > li, .text-on-image--text-rhubarb.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-rhubarb.text-on-image--as-top .list-simple > li, .text-on-image--text-rhubarb.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-rhubarb.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(221, 121, 117, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-rhubarb .list-checkmark > li:before {
background-position: 0 300%; } }
.text-on-image--text-rhubarb.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-rhubarb.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-rhubarb.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 300%; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb100 {
color: #dd7975; } }
.text-on-image--text-rhubarb100--text-halfhalf, .text-on-image--text-rhubarb100.text-on-image--no-img, .text-on-image--text-rhubarb100.text-on-image--as-top {
color: #dd7975; }
.text-on-image--text-rhubarb100 .list-standard > li,
.text-on-image--text-rhubarb100 .list-checkmark > li,
.text-on-image--text-rhubarb100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb100 .list-checkmark > li,
.text-on-image--text-rhubarb100 .list-simple > li {
border-bottom-color: rgba(221, 121, 117, 0.1); } }
.text-on-image--text-rhubarb100.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-rhubarb100.text-on-image--no-img .list-simple > li, .text-on-image--text-rhubarb100.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-rhubarb100.text-on-image--as-top .list-simple > li, .text-on-image--text-rhubarb100.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-rhubarb100.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(221, 121, 117, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-rhubarb100 .list-checkmark > li:before {
background-position: 0 308.33333%; } }
.text-on-image--text-rhubarb100.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-rhubarb100.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-rhubarb100.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 308.33333%; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb75 {
color: #e69b98; } }
.text-on-image--text-rhubarb75--text-halfhalf, .text-on-image--text-rhubarb75.text-on-image--no-img, .text-on-image--text-rhubarb75.text-on-image--as-top {
color: #e69b98; }
.text-on-image--text-rhubarb75 .list-standard > li,
.text-on-image--text-rhubarb75 .list-checkmark > li,
.text-on-image--text-rhubarb75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb75 .list-checkmark > li,
.text-on-image--text-rhubarb75 .list-simple > li {
border-bottom-color: rgba(230, 155, 152, 0.1); } }
.text-on-image--text-rhubarb75.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-rhubarb75.text-on-image--no-img .list-simple > li, .text-on-image--text-rhubarb75.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-rhubarb75.text-on-image--as-top .list-simple > li, .text-on-image--text-rhubarb75.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-rhubarb75.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(230, 155, 152, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-rhubarb75 .list-checkmark > li:before {
background-position: 0 316.66667%; } }
.text-on-image--text-rhubarb75.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-rhubarb75.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-rhubarb75.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 316.66667%; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb50 {
color: #edbbb9; } }
.text-on-image--text-rhubarb50--text-halfhalf, .text-on-image--text-rhubarb50.text-on-image--no-img, .text-on-image--text-rhubarb50.text-on-image--as-top {
color: #edbbb9; }
.text-on-image--text-rhubarb50 .list-standard > li,
.text-on-image--text-rhubarb50 .list-checkmark > li,
.text-on-image--text-rhubarb50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb50 .list-checkmark > li,
.text-on-image--text-rhubarb50 .list-simple > li {
border-bottom-color: rgba(237, 187, 185, 0.1); } }
.text-on-image--text-rhubarb50.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-rhubarb50.text-on-image--no-img .list-simple > li, .text-on-image--text-rhubarb50.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-rhubarb50.text-on-image--as-top .list-simple > li, .text-on-image--text-rhubarb50.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-rhubarb50.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(237, 187, 185, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-rhubarb50 .list-checkmark > li:before {
background-position: 0 325%; } }
.text-on-image--text-rhubarb50.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-rhubarb50.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-rhubarb50.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 325%; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb25 {
color: #f6dddc; } }
.text-on-image--text-rhubarb25--text-halfhalf, .text-on-image--text-rhubarb25.text-on-image--no-img, .text-on-image--text-rhubarb25.text-on-image--as-top {
color: #f6dddc; }
.text-on-image--text-rhubarb25 .list-standard > li,
.text-on-image--text-rhubarb25 .list-checkmark > li,
.text-on-image--text-rhubarb25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb25 .list-checkmark > li,
.text-on-image--text-rhubarb25 .list-simple > li {
border-bottom-color: rgba(246, 221, 220, 0.1); } }
.text-on-image--text-rhubarb25.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-rhubarb25.text-on-image--no-img .list-simple > li, .text-on-image--text-rhubarb25.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-rhubarb25.text-on-image--as-top .list-simple > li, .text-on-image--text-rhubarb25.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-rhubarb25.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(246, 221, 220, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-rhubarb25 .list-checkmark > li:before {
background-position: 0 333.33333%; } }
.text-on-image--text-rhubarb25.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-rhubarb25.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-rhubarb25.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 333.33333%; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb7 {
color: #fcf5f5; } }
.text-on-image--text-rhubarb7--text-halfhalf, .text-on-image--text-rhubarb7.text-on-image--no-img, .text-on-image--text-rhubarb7.text-on-image--as-top {
color: #fcf5f5; }
.text-on-image--text-rhubarb7 .list-standard > li,
.text-on-image--text-rhubarb7 .list-checkmark > li,
.text-on-image--text-rhubarb7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-rhubarb7 .list-checkmark > li,
.text-on-image--text-rhubarb7 .list-simple > li {
border-bottom-color: rgba(252, 245, 245, 0.1); } }
.text-on-image--text-rhubarb7.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-rhubarb7.text-on-image--no-img .list-simple > li, .text-on-image--text-rhubarb7.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-rhubarb7.text-on-image--as-top .list-simple > li, .text-on-image--text-rhubarb7.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-rhubarb7.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(252, 245, 245, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-rhubarb7 .list-checkmark > li:before {
background-position: 0 341.66667%; } }
.text-on-image--text-rhubarb7.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-rhubarb7.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-rhubarb7.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 341.66667%; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle {
color: #d9c756; } }
.text-on-image--text-chantarelle--text-halfhalf, .text-on-image--text-chantarelle.text-on-image--no-img, .text-on-image--text-chantarelle.text-on-image--as-top {
color: #d9c756; }
.text-on-image--text-chantarelle .list-standard > li,
.text-on-image--text-chantarelle .list-checkmark > li,
.text-on-image--text-chantarelle .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle .list-checkmark > li,
.text-on-image--text-chantarelle .list-simple > li {
border-bottom-color: rgba(217, 199, 86, 0.1); } }
.text-on-image--text-chantarelle.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chantarelle.text-on-image--no-img .list-simple > li, .text-on-image--text-chantarelle.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chantarelle.text-on-image--as-top .list-simple > li, .text-on-image--text-chantarelle.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chantarelle.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(217, 199, 86, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chantarelle .list-checkmark > li:before {
background-position: 0 350%; } }
.text-on-image--text-chantarelle.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chantarelle.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chantarelle.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 350%; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle100 {
color: #d9c756; } }
.text-on-image--text-chantarelle100--text-halfhalf, .text-on-image--text-chantarelle100.text-on-image--no-img, .text-on-image--text-chantarelle100.text-on-image--as-top {
color: #d9c756; }
.text-on-image--text-chantarelle100 .list-standard > li,
.text-on-image--text-chantarelle100 .list-checkmark > li,
.text-on-image--text-chantarelle100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle100 .list-checkmark > li,
.text-on-image--text-chantarelle100 .list-simple > li {
border-bottom-color: rgba(217, 199, 86, 0.1); } }
.text-on-image--text-chantarelle100.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chantarelle100.text-on-image--no-img .list-simple > li, .text-on-image--text-chantarelle100.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chantarelle100.text-on-image--as-top .list-simple > li, .text-on-image--text-chantarelle100.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chantarelle100.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(217, 199, 86, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chantarelle100 .list-checkmark > li:before {
background-position: 0 358.33333%; } }
.text-on-image--text-chantarelle100.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chantarelle100.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chantarelle100.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 358.33333%; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle75 {
color: #e3d580; } }
.text-on-image--text-chantarelle75--text-halfhalf, .text-on-image--text-chantarelle75.text-on-image--no-img, .text-on-image--text-chantarelle75.text-on-image--as-top {
color: #e3d580; }
.text-on-image--text-chantarelle75 .list-standard > li,
.text-on-image--text-chantarelle75 .list-checkmark > li,
.text-on-image--text-chantarelle75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle75 .list-checkmark > li,
.text-on-image--text-chantarelle75 .list-simple > li {
border-bottom-color: rgba(227, 213, 128, 0.1); } }
.text-on-image--text-chantarelle75.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chantarelle75.text-on-image--no-img .list-simple > li, .text-on-image--text-chantarelle75.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chantarelle75.text-on-image--as-top .list-simple > li, .text-on-image--text-chantarelle75.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chantarelle75.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(227, 213, 128, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chantarelle75 .list-checkmark > li:before {
background-position: 0 366.66667%; } }
.text-on-image--text-chantarelle75.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chantarelle75.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chantarelle75.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 366.66667%; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle50 {
color: #ebe2aa; } }
.text-on-image--text-chantarelle50--text-halfhalf, .text-on-image--text-chantarelle50.text-on-image--no-img, .text-on-image--text-chantarelle50.text-on-image--as-top {
color: #ebe2aa; }
.text-on-image--text-chantarelle50 .list-standard > li,
.text-on-image--text-chantarelle50 .list-checkmark > li,
.text-on-image--text-chantarelle50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle50 .list-checkmark > li,
.text-on-image--text-chantarelle50 .list-simple > li {
border-bottom-color: rgba(235, 226, 170, 0.1); } }
.text-on-image--text-chantarelle50.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chantarelle50.text-on-image--no-img .list-simple > li, .text-on-image--text-chantarelle50.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chantarelle50.text-on-image--as-top .list-simple > li, .text-on-image--text-chantarelle50.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chantarelle50.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(235, 226, 170, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chantarelle50 .list-checkmark > li:before {
background-position: 0 375%; } }
.text-on-image--text-chantarelle50.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chantarelle50.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chantarelle50.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 375%; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle25 {
color: #f5f1d4; } }
.text-on-image--text-chantarelle25--text-halfhalf, .text-on-image--text-chantarelle25.text-on-image--no-img, .text-on-image--text-chantarelle25.text-on-image--as-top {
color: #f5f1d4; }
.text-on-image--text-chantarelle25 .list-standard > li,
.text-on-image--text-chantarelle25 .list-checkmark > li,
.text-on-image--text-chantarelle25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle25 .list-checkmark > li,
.text-on-image--text-chantarelle25 .list-simple > li {
border-bottom-color: rgba(245, 241, 212, 0.1); } }
.text-on-image--text-chantarelle25.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chantarelle25.text-on-image--no-img .list-simple > li, .text-on-image--text-chantarelle25.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chantarelle25.text-on-image--as-top .list-simple > li, .text-on-image--text-chantarelle25.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chantarelle25.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(245, 241, 212, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chantarelle25 .list-checkmark > li:before {
background-position: 0 383.33333%; } }
.text-on-image--text-chantarelle25.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chantarelle25.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chantarelle25.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 383.33333%; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle7 {
color: #fcfbf3; } }
.text-on-image--text-chantarelle7--text-halfhalf, .text-on-image--text-chantarelle7.text-on-image--no-img, .text-on-image--text-chantarelle7.text-on-image--as-top {
color: #fcfbf3; }
.text-on-image--text-chantarelle7 .list-standard > li,
.text-on-image--text-chantarelle7 .list-checkmark > li,
.text-on-image--text-chantarelle7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-chantarelle7 .list-checkmark > li,
.text-on-image--text-chantarelle7 .list-simple > li {
border-bottom-color: rgba(252, 251, 243, 0.1); } }
.text-on-image--text-chantarelle7.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-chantarelle7.text-on-image--no-img .list-simple > li, .text-on-image--text-chantarelle7.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-chantarelle7.text-on-image--as-top .list-simple > li, .text-on-image--text-chantarelle7.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-chantarelle7.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(252, 251, 243, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-chantarelle7 .list-checkmark > li:before {
background-position: 0 391.66667%; } }
.text-on-image--text-chantarelle7.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-chantarelle7.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-chantarelle7.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 391.66667%; }
@media (min-width: 768px) {
.text-on-image--text-white {
color: #fff; } }
.text-on-image--text-white--text-halfhalf, .text-on-image--text-white.text-on-image--no-img, .text-on-image--text-white.text-on-image--as-top {
color: #fff; }
.text-on-image--text-white .list-standard > li,
.text-on-image--text-white .list-checkmark > li,
.text-on-image--text-white .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-white .list-checkmark > li,
.text-on-image--text-white .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); } }
.text-on-image--text-white.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-white.text-on-image--no-img .list-simple > li, .text-on-image--text-white.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-white.text-on-image--as-top .list-simple > li, .text-on-image--text-white.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-white.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-white .list-checkmark > li:before {
background-position: 0 400%; } }
.text-on-image--text-white.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-white.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-white.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 400%; }
@media (min-width: 768px) {
.text-on-image--text-black {
color: #1d1d1b; } }
.text-on-image--text-black--text-halfhalf, .text-on-image--text-black.text-on-image--no-img, .text-on-image--text-black.text-on-image--as-top {
color: #1d1d1b; }
.text-on-image--text-black .list-standard > li,
.text-on-image--text-black .list-checkmark > li,
.text-on-image--text-black .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-black .list-checkmark > li,
.text-on-image--text-black .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); } }
.text-on-image--text-black.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-black.text-on-image--no-img .list-simple > li, .text-on-image--text-black.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-black.text-on-image--as-top .list-simple > li, .text-on-image--text-black.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-black.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-black .list-checkmark > li:before {
background-position: 0 408.33333%; } }
.text-on-image--text-black.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-black.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-black.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 408.33333%; }
@media (min-width: 768px) {
.text-on-image--text-pagebackground {
color: #faf8f6; } }
.text-on-image--text-pagebackground--text-halfhalf, .text-on-image--text-pagebackground.text-on-image--no-img, .text-on-image--text-pagebackground.text-on-image--as-top {
color: #faf8f6; }
.text-on-image--text-pagebackground .list-standard > li,
.text-on-image--text-pagebackground .list-checkmark > li,
.text-on-image--text-pagebackground .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-pagebackground .list-checkmark > li,
.text-on-image--text-pagebackground .list-simple > li {
border-bottom-color: rgba(250, 248, 246, 0.1); } }
.text-on-image--text-pagebackground.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-pagebackground.text-on-image--no-img .list-simple > li, .text-on-image--text-pagebackground.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-pagebackground.text-on-image--as-top .list-simple > li, .text-on-image--text-pagebackground.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-pagebackground.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(250, 248, 246, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-pagebackground .list-checkmark > li:before {
background-position: 0 416.66667%; } }
.text-on-image--text-pagebackground.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-pagebackground.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-pagebackground.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 416.66667%; }
@media (min-width: 768px) {
.text-on-image--text-grey {
color: #ebebeb; } }
.text-on-image--text-grey--text-halfhalf, .text-on-image--text-grey.text-on-image--no-img, .text-on-image--text-grey.text-on-image--as-top {
color: #ebebeb; }
.text-on-image--text-grey .list-standard > li,
.text-on-image--text-grey .list-checkmark > li,
.text-on-image--text-grey .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-grey .list-checkmark > li,
.text-on-image--text-grey .list-simple > li {
border-bottom-color: rgba(235, 235, 235, 0.1); } }
.text-on-image--text-grey.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-grey.text-on-image--no-img .list-simple > li, .text-on-image--text-grey.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-grey.text-on-image--as-top .list-simple > li, .text-on-image--text-grey.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-grey.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(235, 235, 235, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-grey .list-checkmark > li:before {
background-position: 0 425%; } }
.text-on-image--text-grey.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-grey.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-grey.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 425%; }
@media (min-width: 768px) {
.text-on-image--text-none {
color: rgba(0, 0, 0, 0); } }
.text-on-image--text-none--text-halfhalf, .text-on-image--text-none.text-on-image--no-img, .text-on-image--text-none.text-on-image--as-top {
color: rgba(0, 0, 0, 0); }
.text-on-image--text-none .list-standard > li,
.text-on-image--text-none .list-checkmark > li,
.text-on-image--text-none .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.text-on-image--text-none .list-checkmark > li,
.text-on-image--text-none .list-simple > li {
border-bottom-color: rgba(0, 0, 0, 0.1); } }
.text-on-image--text-none.text-on-image--no-img .list-checkmark > li,
.text-on-image--text-none.text-on-image--no-img .list-simple > li, .text-on-image--text-none.text-on-image--as-top .list-checkmark > li,
.text-on-image--text-none.text-on-image--as-top .list-simple > li, .text-on-image--text-none.text-on-image--text-halfhalf .list-checkmark > li,
.text-on-image--text-none.text-on-image--text-halfhalf .list-simple > li {
border-bottom-color: rgba(0, 0, 0, 0.1); }
@media (min-width: 768px) {
.text-on-image--text-none .list-checkmark > li:before {
background-position: 0 433.33333%; } }
.text-on-image--text-none.text-on-image--no-img .list-checkmark > li:before, .text-on-image--text-none.text-on-image--as-top .list-checkmark > li:before, .text-on-image--text-none.text-on-image--text-halfhalf .list-checkmark > li:before {
background-position: 0 433.33333%; }
.text-on-image--as-top {
height: 100%; }
.text-on-image--text-center {
text-align: center; }
.text-on-image--text-halfhalf {
display: flex;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px; }
@media (max-width: 767px) {
.text-on-image--text-halfhalf {
flex-direction: column;
min-height: unset; } }
.text-on-image--text-halfhalf__image-container {
z-index: 0;
width: 100%; }
.text-on-image--text-halfhalf__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.text-on-image--text-halfhalf__text-container {
z-index: 1;
display: flex;
flex-direction: column;
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word; }
@media (max-width: 991px) {
.text-on-image--text-halfhalf__text-container {
padding: 24px;
padding-top: 16px; } }
.text-on-image--text-halfhalf--text-right {
flex-direction: row; }
.text-on-image--text-halfhalf--text-left {
flex-direction: row-reverse; }
.text-on-image--text-halfhalf--text-center {
text-align: center; }
.text-on-image--text-halfhalf--valign-top {
justify-content: flex-start; }
.text-on-image--text-halfhalf--valign-center {
justify-content: center; }
.text-on-image--text-halfhalf--valign-bottom {
justify-content: flex-end; }
.text-on-image__link {
display: block;
text-decoration: inherit;
color: inherit; }
.text-on-image__link:hover {
opacity: 1; }
.text-on-image--as-top.text-on-image--no-img .text-on-image__link {
height: 100%; }
.text-on-image__wrap {
position: relative;
width: 100%; }
.text-on-image__wrap:before, .text-on-image__wrap:after {
content: " ";
display: table; }
.text-on-image__wrap:after {
clear: both; }
.text-on-image--as-top.text-on-image--no-img .text-on-image__wrap {
height: 100%; }
.text-on-image__wrap--halfhalf {
display: flex; }
@media (max-width: 767px) {
.text-on-image__wrap--halfhalf {
flex-direction: column; } }
.text-on-image__col-wrap:before, .text-on-image__col-wrap:after {
content: " ";
display: table; }
.text-on-image__col-wrap:after {
clear: both; }
.text-on-image__col {
width: 50%; }
@media (max-width: 767px) {
.text-on-image__col {
width: 100%; } }
@media (min-width: 768px) {
.text-on-image__col--text {
position: absolute;
top: 0;
left: 50%; }
.text-on-image--valign-bottom .text-on-image__col--text {
top: auto;
bottom: 0; }
.text-on-image--valign-center .text-on-image__col--text {
top: 50%;
transform: translateY(-50%); } }
@media (min-width: 768px) {
.text-on-image--text-left .text-on-image__col--text {
left: 0; } }
@media (min-width: 768px) {
.text-on-image__col--text-equals {
width: 50%; } }
@media (min-width: 768px) {
.text-on-image__col--text-greater {
width: 65%;
left: 35%; } }
@media (min-width: 768px) {
.text-on-image__col--text-smaller {
width: 35%;
left: 65%; } }
@media (min-width: 768px) {
.text-on-image__col-wrap--left .text-on-image__col--text {
left: 0%; } }
@media (min-width: 768px) {
.text-on-image--text-left .text-on-image__col--image {
float: right; } }
@media (min-width: 768px) {
.text-on-image__col-wrap--left .text-on-image__col--image {
float: right; } }
@media (min-width: 768px) {
.text-on-image__col--image-equals {
width: 50%; } }
@media (min-width: 768px) {
.text-on-image__col--image-greater {
width: 65%; } }
@media (min-width: 768px) {
.text-on-image__col--image-smaller {
width: 35%; } }
.text-on-image__img-outer {
position: relative;
width: 100%; }
@media (max-width: 767px) {
.text-on-image--as-top .text-on-image__img-outer {
width: 175%; }
.text-on-image--as-top.text-on-image--text-right .text-on-image__img-outer {
margin-left: -75%; }
.text-on-image--as-top.text-on-image--text-center .text-on-image__img-outer {
margin-left: -37.5%; }
.text-on-image--as-top.text-on-image--text-halfhalf .text-on-image__img-outer {
margin-left: 0 !important;
width: 100% !important; } }
.text-on-image__img-inner {
position: relative;
width: 100%;
height: 0;
overflow: hidden; }
.text-on-image__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.text-on-image__text-wrap-no-padding {
padding: 0; }
.text-on-image__text-wrap-slim-padding {
padding: 20px; }
.text-on-image__text-wrap-default-padding {
padding: 80px; }
@media (max-width: 1349px) {
.text-on-image__text-wrap-default-padding {
padding: 60px; } }
@media (max-width: 1199px) {
.text-on-image__text-wrap-default-padding {
padding: 50px; } }
@media (max-width: 991px) {
.text-on-image__text-wrap-default-padding {
padding: 30px; } }
@media (max-width: 767px) {
.text-on-image__text-wrap-default-padding {
padding: 20px; } }
@media (max-width: 767px) {
.text-on-image__text-wrap-default-padding {
padding-top: 60px;
padding-bottom: 60px; } }
.text-on-image--text-halfhalf .text-on-image__text-wrap-default-padding {
padding: 48px; }
@media (max-width: 767px) {
.text-on-image--text-halfhalf .text-on-image__text-wrap-default-padding {
padding: 24px;
padding-top: 16px; } }
.text-on-image--text-left .text-on-image__text-wrap {
left: 0; }
.text-on-image--as-top.text-on-image--text-left .text-on-image__text-wrap {
float: left; }
.text-on-image--text-right .text-on-image__text-wrap {
right: 0; }
@media (min-width: 768px) {
.text-on-image--text-right .text-on-image__text-wrap {
float: right; } }
.text-on-image--as-top.text-on-image--text-right .text-on-image__text-wrap {
float: right; }
.text-on-image--text-center .text-on-image__text-wrap {
width: 100%; }
.text-on-image--as-top .text-on-image__text-wrap {
position: absolute; }
@media (min-width: 768px) {
.text-on-image--has-img .text-on-image__text-wrap {
position: absolute; } }
.text-on-image--as-top.text-on-image--has-img.text-on-image--valign-top .text-on-image__text-wrap {
top: 0; }
@media (min-width: 768px) {
.text-on-image--has-img.text-on-image--valign-top .text-on-image__text-wrap {
top: 0; } }
.text-on-image--as-top.text-on-image--valign-center .text-on-image__text-wrap {
top: 50%;
transform: translateY(-50%); }
@media (min-width: 768px) {
.text-on-image--has-img.text-on-image--valign-center .text-on-image__text-wrap {
top: 50%;
transform: translateY(-50%); } }
.text-on-image--as-top.text-on-image--has-img.text-on-image--valign-bottom .text-on-image__text-wrap {
position: absolute;
bottom: 0; }
@media (min-width: 768px) {
.text-on-image--has-img.text-on-image--valign-bottom .text-on-image__text-wrap {
position: absolute;
bottom: 0; } }
.text-on-image--text-halfhalf .text-on-image__text-wrap,
.text-on-image--has-img.text-on-image--text-halfhalf .text-on-image__text-wrap {
position: static;
transform: none; }
@media (max-width: 767px) {
.text-on-image--as-top.text-on-image--no-img .text-on-image__text-wrap {
padding-top: 60px;
padding-bottom: 60px; } }
.text-on-image--text-fullwidth .text-on-image__text {
width: 100%; }
.text-on-image--text-narrow .text-on-image__text {
width: 345px; }
@media (max-width: 767px) {
.text-on-image--text-narrow .text-on-image__text {
width: 100%; } }
.text-on-image--text-seminarrow .text-on-image__text {
width: 700px; }
@media (max-width: 767px) {
.text-on-image--text-seminarrow .text-on-image__text {
width: 100%; } }
.text-on-image--text-wide .text-on-image__text {
width: 710px; }
@media (max-width: 1349px) {
.text-on-image--text-wide .text-on-image__text {
width: 650px; } }
@media (max-width: 1199px) {
.text-on-image--text-wide .text-on-image__text {
width: 500px; } }
@media (max-width: 991px) {
.text-on-image--text-wide .text-on-image__text {
width: 400px; } }
@media (max-width: 767px) {
.text-on-image--text-wide .text-on-image__text {
width: 100%; } }
.text-on-image--text-center.text-on-image--text-wide .text-on-image__text {
width: 100%; }
.text-on-image--text-center .text-on-image__text {
margin-left: auto;
margin-right: auto; }
.text-on-image__text h1,
.text-on-image__text .h1,
.text-on-image__text .large-image-block__text-title {
margin-top: 0.2em; }
.text-on-image__text h1.mega {
margin-top: 0; }
.text-on-image__text p:first-child {
margin-top: 0; }
.text-on-image__text h1,
.text-on-image__text .h1,
.text-on-image__text .large-image-block__text-title,
.text-on-image__text h2,
.text-on-image__text .h2,
.text-on-image__text h3,
.text-on-image__text .h3,
.text-on-image__text h4,
.text-on-image__text .h4,
.text-on-image__text h5,
.text-on-image__text .h5,
.text-on-image__text .subheading,
.text-on-image__text p {
color: inherit; }
.text-on-image .is-hidden {
display: none; }
.double-content {
display: flex; }
@media (max-width: 767px) {
.double-content {
flex-direction: column; } }
.double-content__col {
position: relative;
width: 50%;
display: flex;
overflow: hidden; }
@media (max-width: 767px) {
.double-content__col {
width: 100%; } }
.double-content__col--text-center {
text-align: center; }
.double-content__col--text-right {
text-align: right; }
.double-content__col--valign-center {
align-items: center; }
.double-content__col--valign-center .double-content__image + .double-content__text {
top: 50%;
transform: translateY(-50%); }
.double-content__col--valign-bottom {
align-items: flex-end; }
.double-content__col--valign-bottom .double-content__text {
top: auto;
bottom: 0; }
.double-content__col:first-of-type .double-content__text {
left: 0; }
.double-content__col--theme-aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.double-content__col--theme-lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.double-content__col--theme-mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.double-content__col--theme-graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.double-content__col--theme-polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.double-content__col--theme-springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.double-content__col--theme-chilired {
background-color: #d22630;
color: #fff; }
.double-content__col--theme-salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.double-content__col--theme-cinnamon {
background-color: #6d4f47;
color: #fff; }
.double-content__col--theme-flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.double-content__col--theme-kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.double-content__col--theme-sdw20green {
background-color: #244f3e;
color: #fff; }
.double-content__col--theme-slate {
background-color: #3d3935;
color: #fff; }
.double-content__col--theme-slate100 {
background-color: #3d3935;
color: #fff; }
.double-content__col--theme-slate75 {
background-color: #6e6b68;
color: #fff; }
.double-content__col--theme-slate50 {
background-color: #9d9b99;
color: #fff; }
.double-content__col--theme-slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.double-content__col--theme-slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.double-content__col--theme-eveningsky {
background-color: #284458;
color: #fff; }
.double-content__col--theme-eveningsky100 {
background-color: #284458;
color: #fff; }
.double-content__col--theme-eveningsky75 {
background-color: #5e7382;
color: #fff; }
.double-content__col--theme-eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.double-content__col--theme-eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.double-content__col--theme-eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.double-content__col--theme-organicgreen {
background-color: #2e483e;
color: #fff; }
.double-content__col--theme-organicgreen100 {
background-color: #2e483e;
color: #fff; }
.double-content__col--theme-organicgreen75 {
background-color: #62766e;
color: #fff; }
.double-content__col--theme-organicgreen50 {
background-color: #96a39e;
color: #fff; }
.double-content__col--theme-organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.double-content__col--theme-organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.double-content__col--theme-sand {
background-color: #b6a284;
color: #1d1d1b; }
.double-content__col--theme-sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.double-content__col--theme-sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.double-content__col--theme-sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.double-content__col--theme-sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.double-content__col--theme-sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.double-content__col--theme-rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.double-content__col--theme-rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.double-content__col--theme-rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.double-content__col--theme-rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.double-content__col--theme-rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.double-content__col--theme-rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.double-content__col--theme-chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.double-content__col--theme-chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.double-content__col--theme-chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.double-content__col--theme-chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.double-content__col--theme-chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.double-content__col--theme-chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.double-content__col--theme-white {
background-color: #fff;
color: #1d1d1b; }
.double-content__col--theme-black {
background-color: #1d1d1b;
color: #fff; }
.double-content__col--theme-pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.double-content__col--theme-grey {
background-color: #ebebeb;
color: #1d1d1b; }
.double-content__col--theme-none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.double-content__col--text-aquamarine {
color: #a9dae7; }
.double-content__col--text-aquamarine .list-standard > li,
.double-content__col--text-aquamarine .list-checkmark > li,
.double-content__col--text-aquamarine .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-aquamarine .list-checkmark > li,
.double-content__col--text-aquamarine .list-simple > li {
border-bottom-color: rgba(169, 218, 231, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-aquamarine .list-checkmark > li:before {
background-position: 0 0%; } }
.double-content__col--text-lemonyellow {
color: #f6eb61; }
.double-content__col--text-lemonyellow .list-standard > li,
.double-content__col--text-lemonyellow .list-checkmark > li,
.double-content__col--text-lemonyellow .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-lemonyellow .list-checkmark > li,
.double-content__col--text-lemonyellow .list-simple > li {
border-bottom-color: rgba(246, 235, 97, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-lemonyellow .list-checkmark > li:before {
background-position: 0 8.33333%; } }
.double-content__col--text-mistygrey {
color: #d0d3d4; }
.double-content__col--text-mistygrey .list-standard > li,
.double-content__col--text-mistygrey .list-checkmark > li,
.double-content__col--text-mistygrey .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-mistygrey .list-checkmark > li,
.double-content__col--text-mistygrey .list-simple > li {
border-bottom-color: rgba(208, 211, 212, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-mistygrey .list-checkmark > li:before {
background-position: 0 16.66667%; } }
.double-content__col--text-graphitegrey {
color: #a2a6a8; }
.double-content__col--text-graphitegrey .list-standard > li,
.double-content__col--text-graphitegrey .list-checkmark > li,
.double-content__col--text-graphitegrey .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-graphitegrey .list-checkmark > li,
.double-content__col--text-graphitegrey .list-simple > li {
border-bottom-color: rgba(162, 166, 168, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-graphitegrey .list-checkmark > li:before {
background-position: 0 25%; } }
.double-content__col--text-polargreen {
color: #e0edd5; }
.double-content__col--text-polargreen .list-standard > li,
.double-content__col--text-polargreen .list-checkmark > li,
.double-content__col--text-polargreen .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-polargreen .list-checkmark > li,
.double-content__col--text-polargreen .list-simple > li {
border-bottom-color: rgba(224, 237, 213, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-polargreen .list-checkmark > li:before {
background-position: 0 33.33333%; } }
.double-content__col--text-springgreen {
color: #b7d698; }
.double-content__col--text-springgreen .list-standard > li,
.double-content__col--text-springgreen .list-checkmark > li,
.double-content__col--text-springgreen .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-springgreen .list-checkmark > li,
.double-content__col--text-springgreen .list-simple > li {
border-bottom-color: rgba(183, 214, 152, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-springgreen .list-checkmark > li:before {
background-position: 0 41.66667%; } }
.double-content__col--text-chilired {
color: #d22630; }
.double-content__col--text-chilired .list-standard > li,
.double-content__col--text-chilired .list-checkmark > li,
.double-content__col--text-chilired .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chilired .list-checkmark > li,
.double-content__col--text-chilired .list-simple > li {
border-bottom-color: rgba(210, 38, 48, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chilired .list-checkmark > li:before {
background-position: 0 50%; } }
.double-content__col--text-salmon {
color: #e6baa8; }
.double-content__col--text-salmon .list-standard > li,
.double-content__col--text-salmon .list-checkmark > li,
.double-content__col--text-salmon .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-salmon .list-checkmark > li,
.double-content__col--text-salmon .list-simple > li {
border-bottom-color: rgba(230, 186, 168, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-salmon .list-checkmark > li:before {
background-position: 0 58.33333%; } }
.double-content__col--text-cinnamon {
color: #6d4f47; }
.double-content__col--text-cinnamon .list-standard > li,
.double-content__col--text-cinnamon .list-checkmark > li,
.double-content__col--text-cinnamon .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-cinnamon .list-checkmark > li,
.double-content__col--text-cinnamon .list-simple > li {
border-bottom-color: rgba(109, 79, 71, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-cinnamon .list-checkmark > li:before {
background-position: 0 66.66667%; } }
.double-content__col--text-flamingopink {
color: #fad0c8; }
.double-content__col--text-flamingopink .list-standard > li,
.double-content__col--text-flamingopink .list-checkmark > li,
.double-content__col--text-flamingopink .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-flamingopink .list-checkmark > li,
.double-content__col--text-flamingopink .list-simple > li {
border-bottom-color: rgba(250, 208, 200, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-flamingopink .list-checkmark > li:before {
background-position: 0 75%; } }
.double-content__col--text-kingfisherblue {
color: #00a0d8; }
.double-content__col--text-kingfisherblue .list-standard > li,
.double-content__col--text-kingfisherblue .list-checkmark > li,
.double-content__col--text-kingfisherblue .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-kingfisherblue .list-checkmark > li,
.double-content__col--text-kingfisherblue .list-simple > li {
border-bottom-color: rgba(0, 160, 216, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-kingfisherblue .list-checkmark > li:before {
background-position: 0 83.33333%; } }
.double-content__col--text-sdw20green {
color: #244f3e; }
.double-content__col--text-sdw20green .list-standard > li,
.double-content__col--text-sdw20green .list-checkmark > li,
.double-content__col--text-sdw20green .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sdw20green .list-checkmark > li,
.double-content__col--text-sdw20green .list-simple > li {
border-bottom-color: rgba(36, 79, 62, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sdw20green .list-checkmark > li:before {
background-position: 0 91.66667%; } }
.double-content__col--text-slate {
color: #3d3935; }
.double-content__col--text-slate .list-standard > li,
.double-content__col--text-slate .list-checkmark > li,
.double-content__col--text-slate .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-slate .list-checkmark > li,
.double-content__col--text-slate .list-simple > li {
border-bottom-color: rgba(61, 57, 53, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-slate .list-checkmark > li:before {
background-position: 0 100%; } }
.double-content__col--text-slate100 {
color: #3d3935; }
.double-content__col--text-slate100 .list-standard > li,
.double-content__col--text-slate100 .list-checkmark > li,
.double-content__col--text-slate100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-slate100 .list-checkmark > li,
.double-content__col--text-slate100 .list-simple > li {
border-bottom-color: rgba(61, 57, 53, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-slate100 .list-checkmark > li:before {
background-position: 0 108.33333%; } }
.double-content__col--text-slate75 {
color: #6e6b68; }
.double-content__col--text-slate75 .list-standard > li,
.double-content__col--text-slate75 .list-checkmark > li,
.double-content__col--text-slate75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-slate75 .list-checkmark > li,
.double-content__col--text-slate75 .list-simple > li {
border-bottom-color: rgba(110, 107, 104, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-slate75 .list-checkmark > li:before {
background-position: 0 116.66667%; } }
.double-content__col--text-slate50 {
color: #9d9b99; }
.double-content__col--text-slate50 .list-standard > li,
.double-content__col--text-slate50 .list-checkmark > li,
.double-content__col--text-slate50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-slate50 .list-checkmark > li,
.double-content__col--text-slate50 .list-simple > li {
border-bottom-color: rgba(157, 155, 153, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-slate50 .list-checkmark > li:before {
background-position: 0 125%; } }
.double-content__col--text-slate25 {
color: #cecdcc; }
.double-content__col--text-slate25 .list-standard > li,
.double-content__col--text-slate25 .list-checkmark > li,
.double-content__col--text-slate25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-slate25 .list-checkmark > li,
.double-content__col--text-slate25 .list-simple > li {
border-bottom-color: rgba(206, 205, 204, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-slate25 .list-checkmark > li:before {
background-position: 0 133.33333%; } }
.double-content__col--text-slate7 {
color: #f1f1f1; }
.double-content__col--text-slate7 .list-standard > li,
.double-content__col--text-slate7 .list-checkmark > li,
.double-content__col--text-slate7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-slate7 .list-checkmark > li,
.double-content__col--text-slate7 .list-simple > li {
border-bottom-color: rgba(241, 241, 241, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-slate7 .list-checkmark > li:before {
background-position: 0 141.66667%; } }
.double-content__col--text-eveningsky {
color: #284458; }
.double-content__col--text-eveningsky .list-standard > li,
.double-content__col--text-eveningsky .list-checkmark > li,
.double-content__col--text-eveningsky .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-eveningsky .list-checkmark > li,
.double-content__col--text-eveningsky .list-simple > li {
border-bottom-color: rgba(40, 68, 88, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-eveningsky .list-checkmark > li:before {
background-position: 0 150%; } }
.double-content__col--text-eveningsky100 {
color: #284458; }
.double-content__col--text-eveningsky100 .list-standard > li,
.double-content__col--text-eveningsky100 .list-checkmark > li,
.double-content__col--text-eveningsky100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-eveningsky100 .list-checkmark > li,
.double-content__col--text-eveningsky100 .list-simple > li {
border-bottom-color: rgba(40, 68, 88, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-eveningsky100 .list-checkmark > li:before {
background-position: 0 158.33333%; } }
.double-content__col--text-eveningsky75 {
color: #5e7382; }
.double-content__col--text-eveningsky75 .list-standard > li,
.double-content__col--text-eveningsky75 .list-checkmark > li,
.double-content__col--text-eveningsky75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-eveningsky75 .list-checkmark > li,
.double-content__col--text-eveningsky75 .list-simple > li {
border-bottom-color: rgba(94, 115, 130, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-eveningsky75 .list-checkmark > li:before {
background-position: 0 166.66667%; } }
.double-content__col--text-eveningsky50 {
color: #93a1ab; }
.double-content__col--text-eveningsky50 .list-standard > li,
.double-content__col--text-eveningsky50 .list-checkmark > li,
.double-content__col--text-eveningsky50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-eveningsky50 .list-checkmark > li,
.double-content__col--text-eveningsky50 .list-simple > li {
border-bottom-color: rgba(147, 161, 171, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-eveningsky50 .list-checkmark > li:before {
background-position: 0 175%; } }
.double-content__col--text-eveningsky25 {
color: #c9d0d5; }
.double-content__col--text-eveningsky25 .list-standard > li,
.double-content__col--text-eveningsky25 .list-checkmark > li,
.double-content__col--text-eveningsky25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-eveningsky25 .list-checkmark > li,
.double-content__col--text-eveningsky25 .list-simple > li {
border-bottom-color: rgba(201, 208, 213, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-eveningsky25 .list-checkmark > li:before {
background-position: 0 183.33333%; } }
.double-content__col--text-eveningsky7 {
color: #f0f2f3; }
.double-content__col--text-eveningsky7 .list-standard > li,
.double-content__col--text-eveningsky7 .list-checkmark > li,
.double-content__col--text-eveningsky7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-eveningsky7 .list-checkmark > li,
.double-content__col--text-eveningsky7 .list-simple > li {
border-bottom-color: rgba(240, 242, 243, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-eveningsky7 .list-checkmark > li:before {
background-position: 0 191.66667%; } }
.double-content__col--text-organicgreen {
color: #2e483e; }
.double-content__col--text-organicgreen .list-standard > li,
.double-content__col--text-organicgreen .list-checkmark > li,
.double-content__col--text-organicgreen .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-organicgreen .list-checkmark > li,
.double-content__col--text-organicgreen .list-simple > li {
border-bottom-color: rgba(46, 72, 62, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-organicgreen .list-checkmark > li:before {
background-position: 0 200%; } }
.double-content__col--text-organicgreen100 {
color: #2e483e; }
.double-content__col--text-organicgreen100 .list-standard > li,
.double-content__col--text-organicgreen100 .list-checkmark > li,
.double-content__col--text-organicgreen100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-organicgreen100 .list-checkmark > li,
.double-content__col--text-organicgreen100 .list-simple > li {
border-bottom-color: rgba(46, 72, 62, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-organicgreen100 .list-checkmark > li:before {
background-position: 0 208.33333%; } }
.double-content__col--text-organicgreen75 {
color: #62766e; }
.double-content__col--text-organicgreen75 .list-standard > li,
.double-content__col--text-organicgreen75 .list-checkmark > li,
.double-content__col--text-organicgreen75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-organicgreen75 .list-checkmark > li,
.double-content__col--text-organicgreen75 .list-simple > li {
border-bottom-color: rgba(98, 118, 110, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-organicgreen75 .list-checkmark > li:before {
background-position: 0 216.66667%; } }
.double-content__col--text-organicgreen50 {
color: #96a39e; }
.double-content__col--text-organicgreen50 .list-standard > li,
.double-content__col--text-organicgreen50 .list-checkmark > li,
.double-content__col--text-organicgreen50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-organicgreen50 .list-checkmark > li,
.double-content__col--text-organicgreen50 .list-simple > li {
border-bottom-color: rgba(150, 163, 158, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-organicgreen50 .list-checkmark > li:before {
background-position: 0 225%; } }
.double-content__col--text-organicgreen25 {
color: #cad1ce; }
.double-content__col--text-organicgreen25 .list-standard > li,
.double-content__col--text-organicgreen25 .list-checkmark > li,
.double-content__col--text-organicgreen25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-organicgreen25 .list-checkmark > li,
.double-content__col--text-organicgreen25 .list-simple > li {
border-bottom-color: rgba(202, 209, 206, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-organicgreen25 .list-checkmark > li:before {
background-position: 0 233.33333%; } }
.double-content__col--text-organicgreen7 {
color: #f0f2f1; }
.double-content__col--text-organicgreen7 .list-standard > li,
.double-content__col--text-organicgreen7 .list-checkmark > li,
.double-content__col--text-organicgreen7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-organicgreen7 .list-checkmark > li,
.double-content__col--text-organicgreen7 .list-simple > li {
border-bottom-color: rgba(240, 242, 241, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-organicgreen7 .list-checkmark > li:before {
background-position: 0 241.66667%; } }
.double-content__col--text-sand {
color: #b6a284; }
.double-content__col--text-sand .list-standard > li,
.double-content__col--text-sand .list-checkmark > li,
.double-content__col--text-sand .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sand .list-checkmark > li,
.double-content__col--text-sand .list-simple > li {
border-bottom-color: rgba(182, 162, 132, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sand .list-checkmark > li:before {
background-position: 0 250%; } }
.double-content__col--text-sand100 {
color: #b6a284; }
.double-content__col--text-sand100 .list-standard > li,
.double-content__col--text-sand100 .list-checkmark > li,
.double-content__col--text-sand100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sand100 .list-checkmark > li,
.double-content__col--text-sand100 .list-simple > li {
border-bottom-color: rgba(182, 162, 132, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sand100 .list-checkmark > li:before {
background-position: 0 258.33333%; } }
.double-content__col--text-sand75 {
color: #c8b9a3; }
.double-content__col--text-sand75 .list-standard > li,
.double-content__col--text-sand75 .list-checkmark > li,
.double-content__col--text-sand75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sand75 .list-checkmark > li,
.double-content__col--text-sand75 .list-simple > li {
border-bottom-color: rgba(200, 185, 163, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sand75 .list-checkmark > li:before {
background-position: 0 266.66667%; } }
.double-content__col--text-sand50 {
color: #dad0c1; }
.double-content__col--text-sand50 .list-standard > li,
.double-content__col--text-sand50 .list-checkmark > li,
.double-content__col--text-sand50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sand50 .list-checkmark > li,
.double-content__col--text-sand50 .list-simple > li {
border-bottom-color: rgba(218, 208, 193, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sand50 .list-checkmark > li:before {
background-position: 0 275%; } }
.double-content__col--text-sand25 {
color: #ece7e0; }
.double-content__col--text-sand25 .list-standard > li,
.double-content__col--text-sand25 .list-checkmark > li,
.double-content__col--text-sand25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sand25 .list-checkmark > li,
.double-content__col--text-sand25 .list-simple > li {
border-bottom-color: rgba(236, 231, 224, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sand25 .list-checkmark > li:before {
background-position: 0 283.33333%; } }
.double-content__col--text-sand7 {
color: #faf8f6; }
.double-content__col--text-sand7 .list-standard > li,
.double-content__col--text-sand7 .list-checkmark > li,
.double-content__col--text-sand7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-sand7 .list-checkmark > li,
.double-content__col--text-sand7 .list-simple > li {
border-bottom-color: rgba(250, 248, 246, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-sand7 .list-checkmark > li:before {
background-position: 0 291.66667%; } }
.double-content__col--text-rhubarb {
color: #dd7975; }
.double-content__col--text-rhubarb .list-standard > li,
.double-content__col--text-rhubarb .list-checkmark > li,
.double-content__col--text-rhubarb .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-rhubarb .list-checkmark > li,
.double-content__col--text-rhubarb .list-simple > li {
border-bottom-color: rgba(221, 121, 117, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-rhubarb .list-checkmark > li:before {
background-position: 0 300%; } }
.double-content__col--text-rhubarb100 {
color: #dd7975; }
.double-content__col--text-rhubarb100 .list-standard > li,
.double-content__col--text-rhubarb100 .list-checkmark > li,
.double-content__col--text-rhubarb100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-rhubarb100 .list-checkmark > li,
.double-content__col--text-rhubarb100 .list-simple > li {
border-bottom-color: rgba(221, 121, 117, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-rhubarb100 .list-checkmark > li:before {
background-position: 0 308.33333%; } }
.double-content__col--text-rhubarb75 {
color: #e69b98; }
.double-content__col--text-rhubarb75 .list-standard > li,
.double-content__col--text-rhubarb75 .list-checkmark > li,
.double-content__col--text-rhubarb75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-rhubarb75 .list-checkmark > li,
.double-content__col--text-rhubarb75 .list-simple > li {
border-bottom-color: rgba(230, 155, 152, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-rhubarb75 .list-checkmark > li:before {
background-position: 0 316.66667%; } }
.double-content__col--text-rhubarb50 {
color: #edbbb9; }
.double-content__col--text-rhubarb50 .list-standard > li,
.double-content__col--text-rhubarb50 .list-checkmark > li,
.double-content__col--text-rhubarb50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-rhubarb50 .list-checkmark > li,
.double-content__col--text-rhubarb50 .list-simple > li {
border-bottom-color: rgba(237, 187, 185, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-rhubarb50 .list-checkmark > li:before {
background-position: 0 325%; } }
.double-content__col--text-rhubarb25 {
color: #f6dddc; }
.double-content__col--text-rhubarb25 .list-standard > li,
.double-content__col--text-rhubarb25 .list-checkmark > li,
.double-content__col--text-rhubarb25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-rhubarb25 .list-checkmark > li,
.double-content__col--text-rhubarb25 .list-simple > li {
border-bottom-color: rgba(246, 221, 220, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-rhubarb25 .list-checkmark > li:before {
background-position: 0 333.33333%; } }
.double-content__col--text-rhubarb7 {
color: #fcf5f5; }
.double-content__col--text-rhubarb7 .list-standard > li,
.double-content__col--text-rhubarb7 .list-checkmark > li,
.double-content__col--text-rhubarb7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-rhubarb7 .list-checkmark > li,
.double-content__col--text-rhubarb7 .list-simple > li {
border-bottom-color: rgba(252, 245, 245, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-rhubarb7 .list-checkmark > li:before {
background-position: 0 341.66667%; } }
.double-content__col--text-chantarelle {
color: #d9c756; }
.double-content__col--text-chantarelle .list-standard > li,
.double-content__col--text-chantarelle .list-checkmark > li,
.double-content__col--text-chantarelle .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chantarelle .list-checkmark > li,
.double-content__col--text-chantarelle .list-simple > li {
border-bottom-color: rgba(217, 199, 86, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chantarelle .list-checkmark > li:before {
background-position: 0 350%; } }
.double-content__col--text-chantarelle100 {
color: #d9c756; }
.double-content__col--text-chantarelle100 .list-standard > li,
.double-content__col--text-chantarelle100 .list-checkmark > li,
.double-content__col--text-chantarelle100 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chantarelle100 .list-checkmark > li,
.double-content__col--text-chantarelle100 .list-simple > li {
border-bottom-color: rgba(217, 199, 86, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chantarelle100 .list-checkmark > li:before {
background-position: 0 358.33333%; } }
.double-content__col--text-chantarelle75 {
color: #e3d580; }
.double-content__col--text-chantarelle75 .list-standard > li,
.double-content__col--text-chantarelle75 .list-checkmark > li,
.double-content__col--text-chantarelle75 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chantarelle75 .list-checkmark > li,
.double-content__col--text-chantarelle75 .list-simple > li {
border-bottom-color: rgba(227, 213, 128, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chantarelle75 .list-checkmark > li:before {
background-position: 0 366.66667%; } }
.double-content__col--text-chantarelle50 {
color: #ebe2aa; }
.double-content__col--text-chantarelle50 .list-standard > li,
.double-content__col--text-chantarelle50 .list-checkmark > li,
.double-content__col--text-chantarelle50 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chantarelle50 .list-checkmark > li,
.double-content__col--text-chantarelle50 .list-simple > li {
border-bottom-color: rgba(235, 226, 170, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chantarelle50 .list-checkmark > li:before {
background-position: 0 375%; } }
.double-content__col--text-chantarelle25 {
color: #f5f1d4; }
.double-content__col--text-chantarelle25 .list-standard > li,
.double-content__col--text-chantarelle25 .list-checkmark > li,
.double-content__col--text-chantarelle25 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chantarelle25 .list-checkmark > li,
.double-content__col--text-chantarelle25 .list-simple > li {
border-bottom-color: rgba(245, 241, 212, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chantarelle25 .list-checkmark > li:before {
background-position: 0 383.33333%; } }
.double-content__col--text-chantarelle7 {
color: #fcfbf3; }
.double-content__col--text-chantarelle7 .list-standard > li,
.double-content__col--text-chantarelle7 .list-checkmark > li,
.double-content__col--text-chantarelle7 .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-chantarelle7 .list-checkmark > li,
.double-content__col--text-chantarelle7 .list-simple > li {
border-bottom-color: rgba(252, 251, 243, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-chantarelle7 .list-checkmark > li:before {
background-position: 0 391.66667%; } }
.double-content__col--text-white {
color: #fff; }
.double-content__col--text-white .list-standard > li,
.double-content__col--text-white .list-checkmark > li,
.double-content__col--text-white .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-white .list-checkmark > li,
.double-content__col--text-white .list-simple > li {
border-bottom-color: rgba(255, 255, 255, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-white .list-checkmark > li:before {
background-position: 0 400%; } }
.double-content__col--text-black {
color: #1d1d1b; }
.double-content__col--text-black .list-standard > li,
.double-content__col--text-black .list-checkmark > li,
.double-content__col--text-black .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-black .list-checkmark > li,
.double-content__col--text-black .list-simple > li {
border-bottom-color: rgba(29, 29, 27, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-black .list-checkmark > li:before {
background-position: 0 408.33333%; } }
.double-content__col--text-pagebackground {
color: #faf8f6; }
.double-content__col--text-pagebackground .list-standard > li,
.double-content__col--text-pagebackground .list-checkmark > li,
.double-content__col--text-pagebackground .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-pagebackground .list-checkmark > li,
.double-content__col--text-pagebackground .list-simple > li {
border-bottom-color: rgba(250, 248, 246, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-pagebackground .list-checkmark > li:before {
background-position: 0 416.66667%; } }
.double-content__col--text-grey {
color: #ebebeb; }
.double-content__col--text-grey .list-standard > li,
.double-content__col--text-grey .list-checkmark > li,
.double-content__col--text-grey .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-grey .list-checkmark > li,
.double-content__col--text-grey .list-simple > li {
border-bottom-color: rgba(235, 235, 235, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-grey .list-checkmark > li:before {
background-position: 0 425%; } }
.double-content__col--text-none {
color: rgba(0, 0, 0, 0); }
.double-content__col--text-none .list-standard > li,
.double-content__col--text-none .list-checkmark > li,
.double-content__col--text-none .list-simple > li {
color: inherit; }
@media (min-width: 768px) {
.double-content__col--text-none .list-checkmark > li,
.double-content__col--text-none .list-simple > li {
border-bottom-color: rgba(0, 0, 0, 0.1); } }
@media (min-width: 768px) {
.double-content__col--text-none .list-checkmark > li:before {
background-position: 0 433.33333%; } }
.double-content__link {
display: flex;
text-decoration: inherit;
color: inherit;
width: 100%;
height: 100%;
align-items: inherit;
overflow: hidden; }
.double-content__link:hover {
opacity: 1; }
.double-content__image {
width: 100%;
height: 100%; }
.double-content__image img {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover; }
.double-content__image + .double-content__text {
position: absolute; }
.double-content__text {
width: 100%;
padding: 48px; }
@media (max-width: 767px) {
.double-content__text {
padding: 24px; } }
.double-content__text h1,
.double-content__text .h1,
.double-content__text .large-image-block__text-title {
margin-top: 0.2em; }
.double-content__text h1.mega {
margin-top: 0; }
.double-content__text p:first-child {
margin-top: 0; }
.double-content__text h1,
.double-content__text .h1,
.double-content__text .large-image-block__text-title,
.double-content__text h2,
.double-content__text .h2,
.double-content__text h3,
.double-content__text .h3,
.double-content__text h4,
.double-content__text .h4,
.double-content__text h5,
.double-content__text .h5,
.double-content__text .subheading,
.double-content__text p {
color: inherit; }
.three-columns {
margin: 24px; }
.three-columns__tile-container {
display: flex;
flex-flow: row wrap; }
.three-columns__tile-container > * {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.5 - (48px - 48px * 0.5));
max-width: calc(99.9% * 0.5 - (48px - 48px * 0.5));
width: calc(99.9% * 0.5 - (48px - 48px * 0.5));
margin-right: 48px; }
.three-columns__tile-container > *:nth-child(2n) {
margin-right: 0; }
.three-columns__tile-container .masonry-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 20px;
gap: 48px; }
.three-columns__tile-container .masonry-grid > * {
height: fit-content; }
.three-columns__tile-container .tile-image {
width: 100%; }
.thumbnail-list {
text-align: center;
background-color: #fff;
padding-top: 80px; }
@media (max-width: 1349px) {
.thumbnail-list {
padding-top: 60px; } }
@media (max-width: 1199px) {
.thumbnail-list {
padding-top: 50px; } }
@media (max-width: 991px) {
.thumbnail-list {
padding-top: 30px; } }
@media (max-width: 767px) {
.thumbnail-list {
padding-top: 20px; } }
.page-theme-aquamarine .thumbnail-list--page-theme {
background-color: #a9dae7; }
.thumbnail-list--theme-aquamarine {
background-color: #a9dae7; }
.page-theme-lemonyellow .thumbnail-list--page-theme {
background-color: #f6eb61; }
.thumbnail-list--theme-lemonyellow {
background-color: #f6eb61; }
.page-theme-mistygrey .thumbnail-list--page-theme {
background-color: #d0d3d4; }
.thumbnail-list--theme-mistygrey {
background-color: #d0d3d4; }
.page-theme-graphitegrey .thumbnail-list--page-theme {
background-color: #a2a6a8; }
.thumbnail-list--theme-graphitegrey {
background-color: #a2a6a8; }
.page-theme-polargreen .thumbnail-list--page-theme {
background-color: #e0edd5; }
.thumbnail-list--theme-polargreen {
background-color: #e0edd5; }
.page-theme-springgreen .thumbnail-list--page-theme {
background-color: #b7d698; }
.thumbnail-list--theme-springgreen {
background-color: #b7d698; }
.page-theme-chilired .thumbnail-list--page-theme {
background-color: #d22630; }
.thumbnail-list--theme-chilired {
background-color: #d22630; }
.page-theme-salmon .thumbnail-list--page-theme {
background-color: #e6baa8; }
.thumbnail-list--theme-salmon {
background-color: #e6baa8; }
.page-theme-cinnamon .thumbnail-list--page-theme {
background-color: #6d4f47; }
.thumbnail-list--theme-cinnamon {
background-color: #6d4f47; }
.page-theme-flamingopink .thumbnail-list--page-theme {
background-color: #fad0c8; }
.thumbnail-list--theme-flamingopink {
background-color: #fad0c8; }
.page-theme-kingfisherblue .thumbnail-list--page-theme {
background-color: #00a0d8; }
.thumbnail-list--theme-kingfisherblue {
background-color: #00a0d8; }
.page-theme-sdw20green .thumbnail-list--page-theme {
background-color: #244f3e; }
.thumbnail-list--theme-sdw20green {
background-color: #244f3e; }
.page-theme-slate .thumbnail-list--page-theme {
background-color: #3d3935; }
.thumbnail-list--theme-slate {
background-color: #3d3935; }
.page-theme-slate100 .thumbnail-list--page-theme {
background-color: #3d3935; }
.thumbnail-list--theme-slate100 {
background-color: #3d3935; }
.page-theme-slate75 .thumbnail-list--page-theme {
background-color: #6e6b68; }
.thumbnail-list--theme-slate75 {
background-color: #6e6b68; }
.page-theme-slate50 .thumbnail-list--page-theme {
background-color: #9d9b99; }
.thumbnail-list--theme-slate50 {
background-color: #9d9b99; }
.page-theme-slate25 .thumbnail-list--page-theme {
background-color: #cecdcc; }
.thumbnail-list--theme-slate25 {
background-color: #cecdcc; }
.page-theme-slate7 .thumbnail-list--page-theme {
background-color: #f1f1f1; }
.thumbnail-list--theme-slate7 {
background-color: #f1f1f1; }
.page-theme-eveningsky .thumbnail-list--page-theme {
background-color: #284458; }
.thumbnail-list--theme-eveningsky {
background-color: #284458; }
.page-theme-eveningsky100 .thumbnail-list--page-theme {
background-color: #284458; }
.thumbnail-list--theme-eveningsky100 {
background-color: #284458; }
.page-theme-eveningsky75 .thumbnail-list--page-theme {
background-color: #5e7382; }
.thumbnail-list--theme-eveningsky75 {
background-color: #5e7382; }
.page-theme-eveningsky50 .thumbnail-list--page-theme {
background-color: #93a1ab; }
.thumbnail-list--theme-eveningsky50 {
background-color: #93a1ab; }
.page-theme-eveningsky25 .thumbnail-list--page-theme {
background-color: #c9d0d5; }
.thumbnail-list--theme-eveningsky25 {
background-color: #c9d0d5; }
.page-theme-eveningsky7 .thumbnail-list--page-theme {
background-color: #f0f2f3; }
.thumbnail-list--theme-eveningsky7 {
background-color: #f0f2f3; }
.page-theme-organicgreen .thumbnail-list--page-theme {
background-color: #2e483e; }
.thumbnail-list--theme-organicgreen {
background-color: #2e483e; }
.page-theme-organicgreen100 .thumbnail-list--page-theme {
background-color: #2e483e; }
.thumbnail-list--theme-organicgreen100 {
background-color: #2e483e; }
.page-theme-organicgreen75 .thumbnail-list--page-theme {
background-color: #62766e; }
.thumbnail-list--theme-organicgreen75 {
background-color: #62766e; }
.page-theme-organicgreen50 .thumbnail-list--page-theme {
background-color: #96a39e; }
.thumbnail-list--theme-organicgreen50 {
background-color: #96a39e; }
.page-theme-organicgreen25 .thumbnail-list--page-theme {
background-color: #cad1ce; }
.thumbnail-list--theme-organicgreen25 {
background-color: #cad1ce; }
.page-theme-organicgreen7 .thumbnail-list--page-theme {
background-color: #f0f2f1; }
.thumbnail-list--theme-organicgreen7 {
background-color: #f0f2f1; }
.page-theme-sand .thumbnail-list--page-theme {
background-color: #b6a284; }
.thumbnail-list--theme-sand {
background-color: #b6a284; }
.page-theme-sand100 .thumbnail-list--page-theme {
background-color: #b6a284; }
.thumbnail-list--theme-sand100 {
background-color: #b6a284; }
.page-theme-sand75 .thumbnail-list--page-theme {
background-color: #c8b9a3; }
.thumbnail-list--theme-sand75 {
background-color: #c8b9a3; }
.page-theme-sand50 .thumbnail-list--page-theme {
background-color: #dad0c1; }
.thumbnail-list--theme-sand50 {
background-color: #dad0c1; }
.page-theme-sand25 .thumbnail-list--page-theme {
background-color: #ece7e0; }
.thumbnail-list--theme-sand25 {
background-color: #ece7e0; }
.page-theme-sand7 .thumbnail-list--page-theme {
background-color: #faf8f6; }
.thumbnail-list--theme-sand7 {
background-color: #faf8f6; }
.page-theme-rhubarb .thumbnail-list--page-theme {
background-color: #dd7975; }
.thumbnail-list--theme-rhubarb {
background-color: #dd7975; }
.page-theme-rhubarb100 .thumbnail-list--page-theme {
background-color: #dd7975; }
.thumbnail-list--theme-rhubarb100 {
background-color: #dd7975; }
.page-theme-rhubarb75 .thumbnail-list--page-theme {
background-color: #e69b98; }
.thumbnail-list--theme-rhubarb75 {
background-color: #e69b98; }
.page-theme-rhubarb50 .thumbnail-list--page-theme {
background-color: #edbbb9; }
.thumbnail-list--theme-rhubarb50 {
background-color: #edbbb9; }
.page-theme-rhubarb25 .thumbnail-list--page-theme {
background-color: #f6dddc; }
.thumbnail-list--theme-rhubarb25 {
background-color: #f6dddc; }
.page-theme-rhubarb7 .thumbnail-list--page-theme {
background-color: #fcf5f5; }
.thumbnail-list--theme-rhubarb7 {
background-color: #fcf5f5; }
.page-theme-chantarelle .thumbnail-list--page-theme {
background-color: #d9c756; }
.thumbnail-list--theme-chantarelle {
background-color: #d9c756; }
.page-theme-chantarelle100 .thumbnail-list--page-theme {
background-color: #d9c756; }
.thumbnail-list--theme-chantarelle100 {
background-color: #d9c756; }
.page-theme-chantarelle75 .thumbnail-list--page-theme {
background-color: #e3d580; }
.thumbnail-list--theme-chantarelle75 {
background-color: #e3d580; }
.page-theme-chantarelle50 .thumbnail-list--page-theme {
background-color: #ebe2aa; }
.thumbnail-list--theme-chantarelle50 {
background-color: #ebe2aa; }
.page-theme-chantarelle25 .thumbnail-list--page-theme {
background-color: #f5f1d4; }
.thumbnail-list--theme-chantarelle25 {
background-color: #f5f1d4; }
.page-theme-chantarelle7 .thumbnail-list--page-theme {
background-color: #fcfbf3; }
.thumbnail-list--theme-chantarelle7 {
background-color: #fcfbf3; }
.page-theme-white .thumbnail-list--page-theme {
background-color: #fff; }
.thumbnail-list--theme-white {
background-color: #fff; }
.page-theme-black .thumbnail-list--page-theme {
background-color: #1d1d1b; }
.thumbnail-list--theme-black {
background-color: #1d1d1b; }
.page-theme-pagebackground .thumbnail-list--page-theme {
background-color: #faf8f6; }
.thumbnail-list--theme-pagebackground {
background-color: #faf8f6; }
.page-theme-grey .thumbnail-list--page-theme {
background-color: #ebebeb; }
.thumbnail-list--theme-grey {
background-color: #ebebeb; }
.page-theme-none .thumbnail-list--page-theme {
background-color: rgba(0, 0, 0, 0); }
.thumbnail-list--theme-none {
background-color: rgba(0, 0, 0, 0); }
.thumbnail-list--slim {
padding-top: 30px; }
@media (max-width: 1199px) {
.thumbnail-list--slim {
padding-top: 20px; } }
@media (max-width: 767px) {
.thumbnail-list--slim {
padding-top: 10px; } }
.thumbnail-list--offset {
padding-top: 0;
height: 120px; }
@media (max-width: 1349px) {
.thumbnail-list--offset {
height: 104px; } }
@media (max-width: 1199px) {
.thumbnail-list--offset {
height: 99px; } }
@media (max-width: 991px) {
.thumbnail-list--offset {
height: 92px; } }
@media (max-width: 767px) {
.thumbnail-list--offset {
height: 90px; } }
.thumbnail-list--carousel {
height: 160px; }
@media (max-width: 1349px) {
.thumbnail-list--carousel {
height: 140px; } }
@media (max-width: 1199px) {
.thumbnail-list--carousel {
height: 131px; } }
@media (max-width: 991px) {
.thumbnail-list--carousel {
height: 120px; } }
@media (max-width: 767px) {
.thumbnail-list--carousel {
height: 118px; } }
.thumbnail-list--offset.thumbnail-list--linked-items {
height: 150px;
position: relative; }
@media (max-width: 1349px) {
.thumbnail-list--offset.thumbnail-list--linked-items {
height: 145px; } }
@media (max-width: 991px) {
.thumbnail-list--offset.thumbnail-list--linked-items {
height: 135px; } }
@media (max-width: 767px) {
.thumbnail-list--offset.thumbnail-list--linked-items {
height: 125px; } }
.thumbnail-list__title {
padding-left: 80px;
padding-right: 80px;
margin-bottom: 2em;
color: inherit; }
@media (max-width: 1349px) {
.thumbnail-list__title {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.thumbnail-list__title {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.thumbnail-list__title {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.thumbnail-list__title {
padding-left: 20px;
padding-right: 20px; } }
.thumbnail-list--offset .thumbnail-list__title,
.thumbnail-list--carousel .thumbnail-list__title {
display: none; }
.thumbnail-list__anchor {
position: relative;
top: -40px; }
.thumbnail-list__link:hover {
opacity: 1; }
.thumbnail-list__scroll {
position: relative;
overflow-x: auto;
min-height: 0%;
padding-bottom: 80px;
text-align: center; }
@media (max-width: 1349px) {
.thumbnail-list__scroll {
padding-bottom: 60px; } }
@media (max-width: 1199px) {
.thumbnail-list__scroll {
padding-bottom: 50px; } }
@media (max-width: 991px) {
.thumbnail-list__scroll {
padding-bottom: 30px; } }
@media (max-width: 767px) {
.thumbnail-list__scroll {
padding-bottom: 20px; } }
.thumbnail-list--slim .thumbnail-list__scroll {
padding-bottom: 30px; }
@media (max-width: 1199px) {
.thumbnail-list--slim .thumbnail-list__scroll {
padding-bottom: 20px; } }
@media (max-width: 767px) {
.thumbnail-list--slim .thumbnail-list__scroll {
padding-bottom: 10px; } }
.thumbnail-list--offset .thumbnail-list__scroll {
top: -29px;
padding-bottom: 49px; }
@media (max-width: 1349px) {
.thumbnail-list--offset .thumbnail-list__scroll {
padding-bottom: 43px; } }
@media (max-width: 1199px) {
.thumbnail-list--offset .thumbnail-list__scroll {
top: -20px;
padding-bottom: 39px; } }
@media (max-width: 991px) {
.thumbnail-list--offset .thumbnail-list__scroll {
top: -17px; } }
@media (max-width: 767px) {
.thumbnail-list--offset .thumbnail-list__scroll {
top: -10px;
padding-bottom: 30px; } }
.thumbnail-list--offset.thumbnail-list--linked-items .thumbnail-list__scroll {
position: absolute;
top: auto;
bottom: 0;
padding-bottom: 40px;
width: 100%; }
@media (max-width: 767px) {
.thumbnail-list--offset.thumbnail-list--linked-items .thumbnail-list__scroll {
padding-bottom: 30px; } }
.thumbnail-list__image-viewer {
background: transparent;
overflow-x: auto;
white-space: nowrap;
padding: 0 15px; }
.thumbnail-list__grid {
display: inline-block;
vertical-align: top;
white-space: nowrap;
font-size: 0; }
.thumbnail-list__grid:before, .thumbnail-list__grid:after {
content: '';
width: 20px;
display: inline-block; }
.thumbnail-list__more {
background: rgba(29, 29, 27, 0.3);
position: absolute;
width: 100%;
height: 100%;
font-size: 24px;
letter-spacing: 1.733px;
font-weight: bold;
padding: 8px;
justify-content: center;
align-items: center;
color: #fff;
white-space: normal;
text-align: center;
z-index: 10;
display: none; }
.thumbnail-list--more .thumbnail-list__more {
display: flex; }
@media (max-width: 1349px) {
.thumbnail-list__more {
font-size: 22px;
letter-spacing: 1.589px; } }
@media (max-width: 1199px) {
.thumbnail-list__more {
font-size: 20px;
letter-spacing: 1.444px; } }
@media (max-width: 991px) {
.thumbnail-list__more {
font-size: 18px;
letter-spacing: 1.3px; } }
@media (max-width: 767px) {
.thumbnail-list__more {
font-size: 16px;
letter-spacing: 1.156px; } }
.thumbnail-list__item {
background-color: #1d1d1b;
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
margin: 0 10px; }
.thumbnail-list--linked-items .thumbnail-list__item--image.thumbnail-list__item {
width: 180px; }
@media (max-width: 1349px) {
.thumbnail-list--linked-items .thumbnail-list__item--image.thumbnail-list__item {
width: 150px; } }
@media (max-width: 1199px) {
.thumbnail-list--linked-items .thumbnail-list__item--image.thumbnail-list__item {
width: 130px; } }
@media (max-width: 767px) {
.thumbnail-list--linked-items .thumbnail-list__item--image.thumbnail-list__item {
width: 100px; } }
.thumbnail-list--linked-items .thumbnail-list__item--card.thumbnail-list__item {
width: 180px;
height: 240px; }
@media (max-width: 1349px) {
.thumbnail-list--linked-items .thumbnail-list__item--card.thumbnail-list__item {
width: 160px;
height: 225px; } }
@media (max-width: 991px) {
.thumbnail-list--linked-items .thumbnail-list__item--card.thumbnail-list__item {
width: 150px;
height: 210px; } }
.thumbnail-list__image-viewer .thumbnail-list__item {
height: 102px;
border: 1px solid transparent; }
.thumbnail-list__image-viewer .thumbnail-list__item--active {
border: 1px solid #fff; }
@media (max-width: 1349px) {
.thumbnail-list__image-viewer .thumbnail-list__item {
height: 92px; } }
@media (max-width: 1199px) {
.thumbnail-list__image-viewer .thumbnail-list__item {
height: 82px; } }
@media (max-width: 991px) {
.thumbnail-list__image-viewer .thumbnail-list__item {
height: 72px; } }
.thumbnail-list__item--theme-aquamarine {
background-color: #a9dae7; }
.thumbnail-list__item--theme-lemonyellow {
background-color: #f6eb61; }
.thumbnail-list__item--theme-mistygrey {
background-color: #d0d3d4; }
.thumbnail-list__item--theme-graphitegrey {
background-color: #a2a6a8; }
.thumbnail-list__item--theme-polargreen {
background-color: #e0edd5; }
.thumbnail-list__item--theme-springgreen {
background-color: #b7d698; }
.thumbnail-list__item--theme-chilired {
background-color: #d22630; }
.thumbnail-list__item--theme-salmon {
background-color: #e6baa8; }
.thumbnail-list__item--theme-cinnamon {
background-color: #6d4f47; }
.thumbnail-list__item--theme-flamingopink {
background-color: #fad0c8; }
.thumbnail-list__item--theme-kingfisherblue {
background-color: #00a0d8; }
.thumbnail-list__item--theme-sdw20green {
background-color: #244f3e; }
.thumbnail-list__item--theme-slate {
background-color: #3d3935; }
.thumbnail-list__item--theme-slate100 {
background-color: #3d3935; }
.thumbnail-list__item--theme-slate75 {
background-color: #6e6b68; }
.thumbnail-list__item--theme-slate50 {
background-color: #9d9b99; }
.thumbnail-list__item--theme-slate25 {
background-color: #cecdcc; }
.thumbnail-list__item--theme-slate7 {
background-color: #f1f1f1; }
.thumbnail-list__item--theme-eveningsky {
background-color: #284458; }
.thumbnail-list__item--theme-eveningsky100 {
background-color: #284458; }
.thumbnail-list__item--theme-eveningsky75 {
background-color: #5e7382; }
.thumbnail-list__item--theme-eveningsky50 {
background-color: #93a1ab; }
.thumbnail-list__item--theme-eveningsky25 {
background-color: #c9d0d5; }
.thumbnail-list__item--theme-eveningsky7 {
background-color: #f0f2f3; }
.thumbnail-list__item--theme-organicgreen {
background-color: #2e483e; }
.thumbnail-list__item--theme-organicgreen100 {
background-color: #2e483e; }
.thumbnail-list__item--theme-organicgreen75 {
background-color: #62766e; }
.thumbnail-list__item--theme-organicgreen50 {
background-color: #96a39e; }
.thumbnail-list__item--theme-organicgreen25 {
background-color: #cad1ce; }
.thumbnail-list__item--theme-organicgreen7 {
background-color: #f0f2f1; }
.thumbnail-list__item--theme-sand {
background-color: #b6a284; }
.thumbnail-list__item--theme-sand100 {
background-color: #b6a284; }
.thumbnail-list__item--theme-sand75 {
background-color: #c8b9a3; }
.thumbnail-list__item--theme-sand50 {
background-color: #dad0c1; }
.thumbnail-list__item--theme-sand25 {
background-color: #ece7e0; }
.thumbnail-list__item--theme-sand7 {
background-color: #faf8f6; }
.thumbnail-list__item--theme-rhubarb {
background-color: #dd7975; }
.thumbnail-list__item--theme-rhubarb100 {
background-color: #dd7975; }
.thumbnail-list__item--theme-rhubarb75 {
background-color: #e69b98; }
.thumbnail-list__item--theme-rhubarb50 {
background-color: #edbbb9; }
.thumbnail-list__item--theme-rhubarb25 {
background-color: #f6dddc; }
.thumbnail-list__item--theme-rhubarb7 {
background-color: #fcf5f5; }
.thumbnail-list__item--theme-chantarelle {
background-color: #d9c756; }
.thumbnail-list__item--theme-chantarelle100 {
background-color: #d9c756; }
.thumbnail-list__item--theme-chantarelle75 {
background-color: #e3d580; }
.thumbnail-list__item--theme-chantarelle50 {
background-color: #ebe2aa; }
.thumbnail-list__item--theme-chantarelle25 {
background-color: #f5f1d4; }
.thumbnail-list__item--theme-chantarelle7 {
background-color: #fcfbf3; }
.thumbnail-list__item--theme-white {
background-color: #fff; }
.thumbnail-list__item--theme-black {
background-color: #1d1d1b; }
.thumbnail-list__item--theme-pagebackground {
background-color: #faf8f6; }
.thumbnail-list__item--theme-grey {
background-color: #ebebeb; }
.thumbnail-list__item--theme-none {
background-color: rgba(0, 0, 0, 0); }
@media (max-width: 1199px) {
.thumbnail-list__item {
margin: 0 8px; } }
@media (max-width: 991px) {
.thumbnail-list__item {
margin: 0 5px; } }
.thumbnail-list__item img {
display: block;
width: auto;
height: 100px; }
@media (max-width: 1349px) {
.thumbnail-list__item img {
height: 90px; } }
@media (max-width: 1199px) {
.thumbnail-list__item img {
height: 80px; } }
@media (max-width: 991px) {
.thumbnail-list__item img {
height: 70px; } }
.thumbnail-list--linked-items .thumbnail-list__item img {
width: 100%;
height: auto; }
.thumbnail-list--carousel .thumbnail-list__item img {
height: 140px; }
@media (max-width: 1349px) {
.thumbnail-list--carousel .thumbnail-list__item img {
height: 126px; } }
@media (max-width: 1199px) {
.thumbnail-list--carousel .thumbnail-list__item img {
height: 112px; } }
@media (max-width: 991px) {
.thumbnail-list--carousel .thumbnail-list__item img {
height: 98px; } }
@media (max-width: 767px) {
.thumbnail-list--carousel .thumbnail-list__item img {
height: 98px; } }
.thumbnail-list__item-action .icon {
height: 30px; }
.thumbnail-list__item-text {
background-color: #1d1d1b;
height: 40%;
width: 100%;
padding: 8px 10px 10px;
position: absolute;
bottom: 0;
z-index: 2;
white-space: normal; }
.thumbnail-list__item-text:before {
content: '';
background: linear-gradient(to top, #1d1d1b, rgba(29, 29, 27, 0.35), transparent);
display: block;
position: absolute;
top: -30px;
left: 0;
height: 30px;
width: 100%; }
.thumbnail-list__item-text .h6 {
hyphens: auto;
color: #fff; }
.page-theme-aquamarine .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #a9dae7; }
.thumbnail-list--theme-aquamarine .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #a9dae7; }
.page-theme-lemonyellow .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f6eb61; }
.thumbnail-list--theme-lemonyellow .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f6eb61; }
.page-theme-mistygrey .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d0d3d4; }
.thumbnail-list--theme-mistygrey .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d0d3d4; }
.page-theme-graphitegrey .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #a2a6a8; }
.thumbnail-list--theme-graphitegrey .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #a2a6a8; }
.page-theme-polargreen .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e0edd5; }
.thumbnail-list--theme-polargreen .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e0edd5; }
.page-theme-springgreen .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #b7d698; }
.thumbnail-list--theme-springgreen .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #b7d698; }
.page-theme-chilired .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d22630; }
.thumbnail-list--theme-chilired .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d22630; }
.page-theme-salmon .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e6baa8; }
.thumbnail-list--theme-salmon .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e6baa8; }
.page-theme-cinnamon .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #6d4f47; }
.thumbnail-list--theme-cinnamon .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #6d4f47; }
.page-theme-flamingopink .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fad0c8; }
.thumbnail-list--theme-flamingopink .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fad0c8; }
.page-theme-kingfisherblue .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #00a0d8; }
.thumbnail-list--theme-kingfisherblue .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #00a0d8; }
.page-theme-sdw20green .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #244f3e; }
.thumbnail-list--theme-sdw20green .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #244f3e; }
.page-theme-slate .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #3d3935; }
.thumbnail-list--theme-slate .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #3d3935; }
.page-theme-slate100 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #3d3935; }
.thumbnail-list--theme-slate100 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #3d3935; }
.page-theme-slate75 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #6e6b68; }
.thumbnail-list--theme-slate75 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #6e6b68; }
.page-theme-slate50 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #9d9b99; }
.thumbnail-list--theme-slate50 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #9d9b99; }
.page-theme-slate25 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #cecdcc; }
.thumbnail-list--theme-slate25 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #cecdcc; }
.page-theme-slate7 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f1f1f1; }
.thumbnail-list--theme-slate7 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f1f1f1; }
.page-theme-eveningsky .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #284458; }
.thumbnail-list--theme-eveningsky .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #284458; }
.page-theme-eveningsky100 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #284458; }
.thumbnail-list--theme-eveningsky100 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #284458; }
.page-theme-eveningsky75 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #5e7382; }
.thumbnail-list--theme-eveningsky75 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #5e7382; }
.page-theme-eveningsky50 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #93a1ab; }
.thumbnail-list--theme-eveningsky50 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #93a1ab; }
.page-theme-eveningsky25 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #c9d0d5; }
.thumbnail-list--theme-eveningsky25 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #c9d0d5; }
.page-theme-eveningsky7 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f0f2f3; }
.thumbnail-list--theme-eveningsky7 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f0f2f3; }
.page-theme-organicgreen .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #2e483e; }
.thumbnail-list--theme-organicgreen .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #2e483e; }
.page-theme-organicgreen100 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #2e483e; }
.thumbnail-list--theme-organicgreen100 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #2e483e; }
.page-theme-organicgreen75 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #62766e; }
.thumbnail-list--theme-organicgreen75 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #62766e; }
.page-theme-organicgreen50 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #96a39e; }
.thumbnail-list--theme-organicgreen50 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #96a39e; }
.page-theme-organicgreen25 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #cad1ce; }
.thumbnail-list--theme-organicgreen25 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #cad1ce; }
.page-theme-organicgreen7 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f0f2f1; }
.thumbnail-list--theme-organicgreen7 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f0f2f1; }
.page-theme-sand .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #b6a284; }
.thumbnail-list--theme-sand .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #b6a284; }
.page-theme-sand100 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #b6a284; }
.thumbnail-list--theme-sand100 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #b6a284; }
.page-theme-sand75 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #c8b9a3; }
.thumbnail-list--theme-sand75 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #c8b9a3; }
.page-theme-sand50 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #dad0c1; }
.thumbnail-list--theme-sand50 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #dad0c1; }
.page-theme-sand25 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #ece7e0; }
.thumbnail-list--theme-sand25 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #ece7e0; }
.page-theme-sand7 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #faf8f6; }
.thumbnail-list--theme-sand7 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #faf8f6; }
.page-theme-rhubarb .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #dd7975; }
.thumbnail-list--theme-rhubarb .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #dd7975; }
.page-theme-rhubarb100 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #dd7975; }
.thumbnail-list--theme-rhubarb100 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #dd7975; }
.page-theme-rhubarb75 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e69b98; }
.thumbnail-list--theme-rhubarb75 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e69b98; }
.page-theme-rhubarb50 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #edbbb9; }
.thumbnail-list--theme-rhubarb50 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #edbbb9; }
.page-theme-rhubarb25 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f6dddc; }
.thumbnail-list--theme-rhubarb25 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f6dddc; }
.page-theme-rhubarb7 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fcf5f5; }
.thumbnail-list--theme-rhubarb7 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fcf5f5; }
.page-theme-chantarelle .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d9c756; }
.thumbnail-list--theme-chantarelle .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d9c756; }
.page-theme-chantarelle100 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d9c756; }
.thumbnail-list--theme-chantarelle100 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #d9c756; }
.page-theme-chantarelle75 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e3d580; }
.thumbnail-list--theme-chantarelle75 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #e3d580; }
.page-theme-chantarelle50 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #ebe2aa; }
.thumbnail-list--theme-chantarelle50 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #ebe2aa; }
.page-theme-chantarelle25 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f5f1d4; }
.thumbnail-list--theme-chantarelle25 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #f5f1d4; }
.page-theme-chantarelle7 .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fcfbf3; }
.thumbnail-list--theme-chantarelle7 .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fcfbf3; }
.page-theme-white .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fff; }
.thumbnail-list--theme-white .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #fff; }
.page-theme-black .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #1d1d1b; }
.thumbnail-list--theme-black .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #1d1d1b; }
.page-theme-pagebackground .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #faf8f6; }
.thumbnail-list--theme-pagebackground .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #faf8f6; }
.page-theme-grey .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #ebebeb; }
.thumbnail-list--theme-grey .thumbnail-list__item-text .thumbnail-list__item-heading {
color: #ebebeb; }
.page-theme-none .thumbnail-list--page-theme .thumbnail-list__item-text .thumbnail-list__item-heading {
color: rgba(0, 0, 0, 0); }
.thumbnail-list--theme-none .thumbnail-list__item-text .thumbnail-list__item-heading {
color: rgba(0, 0, 0, 0); }
.tile-row.tiles-rounded .tile {
border-radius: 6px;
border: 1px solid #cecdcc; }
.tile-row__text-container p {
max-width: 60%;
margin-bottom: 32px; }
@media (max-width: 767px) {
.tile-row__text-container {
max-width: unset; } }
.tile-row__container {
display: flex; }
@media (max-width: 767px) {
.tile-row__container {
flex-wrap: wrap; } }
.tile-row__container .tile:not(:last-child) {
margin-right: 12px; }
@media (max-width: 767px) {
.tile-row__container .tile:not(:last-child) {
margin-right: 0;
margin-bottom: 12px; } }
.tile-row__container .tile:not(:first-child) {
margin-left: 12px; }
@media (max-width: 767px) {
.tile-row__container .tile:not(:first-child) {
margin-left: 0;
margin-top: 12px; } }
.tile-row__container .tile__image-container {
position: relative;
height: 0;
padding-bottom: 66.66667%;
flex: unset; }
.tile-row__container .tile__image-container img {
position: absolute;
top: 0;
left: 0; }
.tile-row__container .tile__image-container + .tile__text-container {
flex-grow: 1; }
.tile-row__container .tile__text-container {
justify-content: space-between; }
.tile-row__container .tile__text-container--bottom-section:not(.tags) {
justify-content: flex-start; }
.tile-row__container .tile__text-container h2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; }
@media (max-width: 767px) {
.tile-row__container .tile__text-container h2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; } }
.tile-row__container .tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; }
@media (max-width: 1199px) {
.tile-row__container .tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; } }
@media (max-width: 991px) {
.tile-row__container .tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; } }
.tile-row__container .tile__text-container--preamble {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
margin-top: 0;
margin-bottom: 24px; }
@media (max-width: 767px) {
.tile-row__container.one-tiles {
max-height: unset; } }
.tile-row__container.one-tiles .tile {
flex-basis: 100%; }
.tile-row__container.one-tiles .tile__image-container {
position: relative;
height: unset;
padding-bottom: 0;
flex: unset; }
.tile-row__container.one-tiles .tile__image-container img {
position: relative; }
.tile-row__container.one-tiles .tile__image-container + .tile__text-container {
flex-grow: 1; }
.tile-row__container.one-tiles .tile__text-container {
padding: 32px; }
@media (max-width: 767px) {
.tile-row__container.one-tiles .tile__text-container {
padding: 24px; } }
.tile-row__container.one-tiles .tile:hover .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.tile-row__container.one-tiles .tile:focus .tile__text-container--link {
text-decoration: underline; }
.tile-row__container.one-tiles .tile:focus .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
@media (max-width: 767px) {
.tile-row__container.two-tiles {
max-height: unset; } }
.tile-row__container.two-tiles .tile {
flex-basis: calc(50% - 12px); }
@media (max-width: 767px) {
.tile-row__container.two-tiles .tile {
flex-basis: 100%; } }
.tile-row__container.two-tiles .tile__text-container {
padding: 32px; }
@media (max-width: 767px) {
.tile-row__container.two-tiles .tile__text-container {
padding: 24px; } }
.tile-row__container.two-tiles .tile:hover .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.tile-row__container.two-tiles .tile:focus .tile__text-container--link {
text-decoration: underline; }
.tile-row__container.two-tiles .tile:focus .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
@media (max-width: 767px) {
.tile-row__container.three-tiles {
max-height: unset; } }
.tile-row__container.three-tiles .tile {
flex-basis: calc((100% / 3) - 12px); }
@media (max-width: 767px) {
.tile-row__container.three-tiles .tile {
flex-basis: 100%; } }
.tile-row__container.three-tiles .tile__text-container {
padding: 16px; }
@media (min-width: 768px) {
.tile-row__container.three-tiles .tile__text-container {
padding: 24px; } }
@media (max-width: 767px) {
.tile-row__container.four-tiles {
max-height: unset; } }
.tile-row__container.four-tiles .tile {
flex-basis: calc((100% / 4) - 12px); }
@media (max-width: 767px) {
.tile-row__container.four-tiles .tile {
flex-basis: 100%; } }
.tile-row__container.four-tiles .tile__text-container {
padding: 16px; }
@media (min-width: 768px) {
.tile-row__container.four-tiles .tile__text-container {
padding: 24px; } }
@media (max-width: 767px) {
.tile-row__container.five-tiles {
max-height: unset; } }
.tile-row__container.five-tiles .tile {
flex-basis: calc((100% / 5) - 12px); }
@media (max-width: 767px) {
.tile-row__container.five-tiles .tile {
flex-basis: 100%; } }
.tile-row__container.five-tiles .tile__text-container {
padding: 16px; }
@media (min-width: 768px) {
.tile-row__container.five-tiles .tile__text-container {
padding: 24px; } }
.tile-slider {
display: flex;
height: 675px; }
@media (max-width: 1199px) {
.tile-slider {
height: 550px; } }
@media (max-width: 991px) {
.tile-slider {
height: unset;
flex-wrap: wrap;
margin-right: 0; } }
.tile-slider__text-container {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
z-index: 2;
background-color: #96a39e;
flex: 1 0 50%;
padding: 48px; }
.tile-slider__text-container h2 {
font-size: 90px;
line-height: 95px; }
@media (max-width: 767px) {
.tile-slider__text-container h2 {
font-size: 50px;
line-height: 54px; } }
.tile-slider__text-container a {
margin-top: 24px; }
@media (max-width: 991px) {
.tile-slider__text-container {
flex-basis: 100%;
min-height: 325px;
max-width: unset;
margin-right: 0;
padding: 24px; }
.tile-slider__text-container > * {
max-width: 75%; } }
@media (max-width: 490px) {
.tile-slider__text-container > * {
max-width: unset; } }
.tile-slider__slider {
display: block;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
position: relative;
z-index: 1; }
.tile-slider__slider-container {
position: relative;
flex: 1 0 50%;
width: 50%;
max-width: 50%;
display: block;
overflow: unset; }
@media (max-width: 991px) {
.tile-slider__slider-container {
flex-basis: 100%;
min-height: 325px;
max-width: 100%;
width: 100%;
padding: 16px 0; } }
@media (min-width: 992px) {
.tile-slider__slider {
position: absolute;
left: 0;
right: calc(50% - calc(var(--vw, 1vw) * 50));
padding-left: 48px; } }
@media (max-width: 991px) {
.tile-slider__slider {
max-height: 350px; } }
.tile-slider__slider--tile-container, .tile-slider__slider .slick-track {
display: flex;
align-items: center;
overflow-x: scroll;
height: 95%;
/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */ }
.tile-slider__slider--tile-container::-webkit-scrollbar, .tile-slider__slider .slick-track::-webkit-scrollbar {
display: none; }
@media (max-width: 991px) {
.tile-slider__slider--tile-container, .tile-slider__slider .slick-track {
display: block;
max-height: 350px;
flex-basis: 100%;
overflow-x: scroll; }
.tile-slider__slider--tile-container::-webkit-scrollbar, .tile-slider__slider .slick-track::-webkit-scrollbar {
-webkit-appearance: none;
height: 3px; }
.tile-slider__slider--tile-container::-webkit-scrollbar-thumb, .tile-slider__slider .slick-track::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } }
@media (max-width: 490px) {
.tile-slider__slider--tile-container, .tile-slider__slider .slick-track {
max-height: 275px; } }
.tile-slider__slider--tile-container .tile, .tile-slider__slider .slick-track .tile {
display: flex !important; }
@media (max-width: 991px) {
.tile-slider__slider--tile-container .tile, .tile-slider__slider .slick-track .tile {
max-height: 350px; } }
@media (max-width: 490px) {
.tile-slider__slider--tile-container .tile, .tile-slider__slider .slick-track .tile {
max-height: 275px; } }
.tile-slider__slider--tile-container .slick-slide, .tile-slider__slider .slick-track .slick-slide {
flex: 0 1 60%;
max-width: 550px;
margin: 0 8px; }
.tile-slider__slider--tile-container .slick-slide:first-child, .tile-slider__slider .slick-track .slick-slide:first-child {
margin-left: 0; }
.tile-slider__slider--tile-container .slick-slide__text-container, .tile-slider__slider .slick-track .slick-slide__text-container {
padding: 0; }
.tile-slider__slider--tile-container .slick-slide__text-container h3, .tile-slider__slider .slick-track .slick-slide__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-top: 16px;
margin-bottom: 8px; }
.tile-slider__slider--tile-container .slick-slide__text-container--link > span, .tile-slider__slider .slick-track .slick-slide__text-container--link > span {
display: none; }
@media (max-width: 1349px) {
.tile-slider__slider--tile-container .slick-slide, .tile-slider__slider .slick-track .slick-slide {
flex: 1 0 60%; } }
@media (max-width: 1199px) {
.tile-slider__slider--tile-container .slick-slide, .tile-slider__slider .slick-track .slick-slide {
flex: 1 0 90%; } }
@media (max-width: 991px) {
.tile-slider__slider--tile-container .slick-slide, .tile-slider__slider .slick-track .slick-slide {
flex: 1 0 60%; } }
@media (max-width: 490px) {
.tile-slider__slider--tile-container .slick-slide, .tile-slider__slider .slick-track .slick-slide {
flex: 1 0 75%; } }
.tile-slider__slider--button-container {
display: flex; }
@media (max-width: 991px) {
.tile-slider__slider--button-container {
display: none; } }
.tile-slider__slider--button-container .icon {
width: 12px;
height: 24px; }
.tile-slider__slider--button-container .icon:hover {
cursor: pointer; }
.tile-slider__slider--button-container .icon--chevron-left {
transform: rotate(180deg);
margin-right: 16px; }
.tile {
display: flex;
flex-direction: column;
overflow: hidden; }
.tile__image-container {
overflow: hidden;
z-index: 0;
flex: auto; }
.tile__image-container .tile-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.tile__text-container {
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px; }
@media (max-width: 767px) {
.tile__text-container {
padding: 12px; } }
.tile__text-container--bottom-section {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
font-size: 16px; }
.tile__text-container h2,
.tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; }
@media (max-width: 767px) {
.tile__text-container h2,
.tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; } }
.tile:hover .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.tile:focus .tile__text-container--link {
text-decoration: underline; }
.tile:focus .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
@media (min-width: 768px) and (max-width: 991px) {
.tip__bottom-content .article-block {
padding-left: 30px; } }
.tip-feed-nav {
padding-left: 80px;
padding-right: 80px;
background-color: #fff;
padding-bottom: 60px;
width: 100%; }
@media (max-width: 1349px) {
.tip-feed-nav {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.tip-feed-nav {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.tip-feed-nav {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.tip-feed-nav {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 767px) {
.tip-feed-nav {
padding: 0; } }
.tip-intro {
position: relative; }
.tip-intro:before {
content: '';
height: 1px;
display: block;
width: 1px; }
@media (max-width: 991px) {
.tip-intro .article-block {
padding-left: 30px; } }
@media (max-width: 767px) {
.tip-intro .article-block {
padding-left: 0; } }
.tip-intro__title, .tip-intro__body {
max-width: 69.196%;
padding-right: 160px; }
@media (max-width: 1199px) {
.tip-intro__title, .tip-intro__body {
padding-right: 60px; } }
@media (max-width: 991px) {
.tip-intro__title, .tip-intro__body {
padding-right: 0; } }
@media (max-width: 767px) {
.tip-intro__title, .tip-intro__body {
max-width: none;
padding-left: 20px;
padding-right: 20px; } }
.tip-intro__title {
margin-bottom: 1.2em; }
.page-theme-aquamarine .tip-intro__title {
color: #a9dae7; }
.page-theme-lemonyellow .tip-intro__title {
color: #f6eb61; }
.page-theme-mistygrey .tip-intro__title {
color: #d0d3d4; }
.page-theme-graphitegrey .tip-intro__title {
color: #a2a6a8; }
.page-theme-polargreen .tip-intro__title {
color: #e0edd5; }
.page-theme-springgreen .tip-intro__title {
color: #b7d698; }
.page-theme-chilired .tip-intro__title {
color: #d22630; }
.page-theme-salmon .tip-intro__title {
color: #e6baa8; }
.page-theme-cinnamon .tip-intro__title {
color: #6d4f47; }
.page-theme-flamingopink .tip-intro__title {
color: #fad0c8; }
.page-theme-kingfisherblue .tip-intro__title {
color: #00a0d8; }
.page-theme-sdw20green .tip-intro__title {
color: #244f3e; }
.page-theme-slate .tip-intro__title {
color: #3d3935; }
.page-theme-slate100 .tip-intro__title {
color: #3d3935; }
.page-theme-slate75 .tip-intro__title {
color: #6e6b68; }
.page-theme-slate50 .tip-intro__title {
color: #9d9b99; }
.page-theme-slate25 .tip-intro__title {
color: #cecdcc; }
.page-theme-slate7 .tip-intro__title {
color: #f1f1f1; }
.page-theme-eveningsky .tip-intro__title {
color: #284458; }
.page-theme-eveningsky100 .tip-intro__title {
color: #284458; }
.page-theme-eveningsky75 .tip-intro__title {
color: #5e7382; }
.page-theme-eveningsky50 .tip-intro__title {
color: #93a1ab; }
.page-theme-eveningsky25 .tip-intro__title {
color: #c9d0d5; }
.page-theme-eveningsky7 .tip-intro__title {
color: #f0f2f3; }
.page-theme-organicgreen .tip-intro__title {
color: #2e483e; }
.page-theme-organicgreen100 .tip-intro__title {
color: #2e483e; }
.page-theme-organicgreen75 .tip-intro__title {
color: #62766e; }
.page-theme-organicgreen50 .tip-intro__title {
color: #96a39e; }
.page-theme-organicgreen25 .tip-intro__title {
color: #cad1ce; }
.page-theme-organicgreen7 .tip-intro__title {
color: #f0f2f1; }
.page-theme-sand .tip-intro__title {
color: #b6a284; }
.page-theme-sand100 .tip-intro__title {
color: #b6a284; }
.page-theme-sand75 .tip-intro__title {
color: #c8b9a3; }
.page-theme-sand50 .tip-intro__title {
color: #dad0c1; }
.page-theme-sand25 .tip-intro__title {
color: #ece7e0; }
.page-theme-sand7 .tip-intro__title {
color: #faf8f6; }
.page-theme-rhubarb .tip-intro__title {
color: #dd7975; }
.page-theme-rhubarb100 .tip-intro__title {
color: #dd7975; }
.page-theme-rhubarb75 .tip-intro__title {
color: #e69b98; }
.page-theme-rhubarb50 .tip-intro__title {
color: #edbbb9; }
.page-theme-rhubarb25 .tip-intro__title {
color: #f6dddc; }
.page-theme-rhubarb7 .tip-intro__title {
color: #fcf5f5; }
.page-theme-chantarelle .tip-intro__title {
color: #d9c756; }
.page-theme-chantarelle100 .tip-intro__title {
color: #d9c756; }
.page-theme-chantarelle75 .tip-intro__title {
color: #e3d580; }
.page-theme-chantarelle50 .tip-intro__title {
color: #ebe2aa; }
.page-theme-chantarelle25 .tip-intro__title {
color: #f5f1d4; }
.page-theme-chantarelle7 .tip-intro__title {
color: #fcfbf3; }
.page-theme-white .tip-intro__title {
color: #fff; }
.page-theme-black .tip-intro__title {
color: #1d1d1b; }
.page-theme-pagebackground .tip-intro__title {
color: #faf8f6; }
.page-theme-grey .tip-intro__title {
color: #ebebeb; }
.page-theme-none .tip-intro__title {
color: rgba(0, 0, 0, 0); }
.tip-intro__body {
flex: 0 0 69.196%; }
.tip-intro__all-tips {
position: absolute;
top: -20px;
left: 80px; }
@media (max-width: 991px) {
.tip-intro__all-tips {
position: static;
margin-top: 10px;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.tip-intro__all-tips {
position: static;
padding-left: 20px;
padding-right: 20px; } }
.tip-intro__all-tips a {
display: flex;
align-items: center;
font-size: 15px;
text-decoration: none; }
.tip-intro__all-tips svg {
transform: rotate(180deg); }
.tip-intro__all-tips span {
padding-left: 10px; }
.tip-intro__main {
display: flex;
overflow: hidden; }
@media (max-width: 767px) {
.tip-intro__main {
display: block; } }
.tip-intro__nav {
display: flex;
justify-content: space-between;
margin-top: 2.8em; }
.tip-intro__nav a {
display: flex;
font-size: 15px;
text-decoration: none;
align-items: center; }
.tip-intro__nav-prev svg {
transform: scaleX(-1);
margin-right: 12px; }
.tip-intro__nav-next svg {
margin-left: 10px; }
.tip-intro__sidebar {
max-width: 30.804%;
flex: 0 0 30.804%;
padding-right: 80px; }
@media (max-width: 991px) {
.tip-intro__sidebar {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.tip-intro__sidebar {
margin-top: 3em;
max-width: none;
padding-left: 20px;
padding-right: 20px; } }
.tip-intro__sidebar strong {
display: block;
font-weight: 500; }
.tip-intro__sidebar p {
margin-top: 0.4em;
margin-bottom: 1.6em;
line-height: 2; }
.tip-intro__sidebar a {
text-decoration: none; }
.tip-intro__sidebar span:after {
content: ','; }
.tip-intro__sidebar span:last-child:after {
display: none; }
.tooltip {
position: relative; }
@media (min-width: 992px) {
.tooltip:hover .tooltip__box {
display: block; } }
.tooltip__box {
display: none;
position: absolute;
top: 100%;
left: 50%;
min-width: 278px;
margin-top: -15px;
padding: 19px 14px;
background-color: #fff;
border: 1px solid #1d1d1b;
z-index: 20;
text-align: left; }
.tooltip__box p {
margin: 0; }
.tooltip__link {
display: block;
text-decoration: none; }
.tooltip__link:hover {
opacity: 1; }
.tooltip__link:hover span {
text-decoration: underline; }
.tooltip__title {
margin-top: 0;
white-space: nowrap;
text-transform: uppercase; }
.configurator-tooltip {
position: relative; }
.configurator-tooltip .configurator-tooltip__box {
display: block;
position: absolute;
bottom: 120%;
left: 50%;
min-width: 260px;
margin-bottom: 0;
padding: 16px 18px;
background-color: #fff;
border: 1px solid #1d1d1b;
border-radius: 6px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
z-index: 20;
text-align: left;
transform: translateX(-50%);
box-sizing: border-box; }
.configurator-tooltip .configurator-tooltip__box::after {
content: '';
position: absolute;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
filter: drop-shadow(0 1px 0 #222); }
.tooltip__close {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
font-size: 1.2em;
color: #888;
margin: 0;
transition: color 0.2s; }
.tooltip__close:hover, .tooltip__close:focus {
color: #222; }
.configurator-tooltip-fade-enter-active,
.configurator-tooltip-fade-leave-active {
transition: opacity 0.3s; }
.configurator-tooltip-fade-enter,
.configurator-tooltip-fade-leave-to {
opacity: 0; }
.two-columns {
margin: 24px; }
.two-columns__tile-container {
display: flex;
flex-flow: row wrap; }
.two-columns__tile-container .tile:nth-child(odd) {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.75 - (48px - 48px * 0.75));
max-width: calc(99.9% * 0.75 - (48px - 48px * 0.75));
width: calc(99.9% * 0.75 - (48px - 48px * 0.75));
margin-right: 48px; }
.two-columns__tile-container .tile:nth-child(odd):nth-child(2n) {
margin-right: 0; }
.two-columns__tile-container .tile:nth-child(even) {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.25 - (48px - 48px * 0.25));
max-width: calc(99.9% * 0.25 - (48px - 48px * 0.25));
width: calc(99.9% * 0.25 - (48px - 48px * 0.25));
margin-right: 48px; }
.two-columns__tile-container .tile:nth-child(even):nth-child(2n) {
margin-right: 0; }
.two-columns__tile-container .tile-image {
width: 100%; }
.variants-nav {
position: relative;
z-index: 10;
width: calc(100% + 10px); }
.variants-nav:before, .variants-nav:after {
content: " ";
display: table; }
.variants-nav:after {
clear: both; }
.material-header .variants-nav {
margin-top: 0; }
.variants-nav li {
float: left;
position: relative;
height: 140px;
margin-right: 10px;
margin-bottom: 10px; }
@media (max-width: 767px) {
.variants-nav li {
width: 16.66667%; } }
.variants-nav li a {
border: solid 3px transparent;
display: block;
margin-bottom: 8px; }
.variants-nav li.active a {
border-color: #1d1d1b; }
.variants-nav li img {
padding: 3px;
display: block;
height: 105px;
width: 105px;
/* @media (max-width: $screen-md-max) {
height: 40px;
width: 52px;
}
@media (max-width: $screen-sm-max) {
height: 35px;
width: 45px;
}
@media (max-width: $screen-xs-max) {
width: 100%;
height: 100%;
} */ }
.variants-nav__title {
padding-left: 3px;
font-size: 14px;
line-height: 18.2px;
font-weight: 400;
letter-spacing: 0.8px; }
.video {
height: 0;
padding-bottom: 56.25%;
position: relative; }
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-modal {
display: flex;
align-items: center;
justify-content: center; }
.video-modal__content iframe {
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 100%; }
.roi-question-role {
display: flex;
flex-direction: column;
margin-bottom: 3rem; }
@media (min-width: 991px) {
.roi-question-role {
flex-direction: row;
flex-wrap: wrap; } }
.roi-question-role__alternative {
padding: 20px;
margin: 0 auto 1rem auto;
width: 14rem;
background: #fff;
color: #00a0d8;
border-color: #00a0d8;
opacity: 1;
border: 2px solid; }
@media (min-width: 991px) {
.roi-question-role__alternative {
flex: 0 1 12rem; } }
@media (min-width: 992px) {
.roi-question-role__alternative {
margin: 0 1rem 1rem 0rem; } }
@media (min-width: 1350px) {
.roi-question-role__alternative {
margin: 0 1rem 1rem 1rem;
flex: 0 1 14rem; }
.roi-question-role__alternative:first-child, .roi-question-role__alternative:nth-child(3n + 1) {
margin-left: 0; } }
.roi-question-role__alternative:hover, .roi-question-role__alternative:focus {
background: #fff;
color: #00a0d8;
border-color: #00a0d8;
opacity: 1; }
.roi-question-role__alternative--selected {
background: #00a0d8;
color: #fff;
border-color: #00a0d8;
outline-color: #00a0d8; }
.roi-question-role__alternative--selected:hover, .roi-question-role__alternative--selected:focus {
background: #00a0d8;
color: #fff;
border-color: #00a0d8;
opacity: 1;
outline-color: #00a0d8; }
.roi-calculator-summary__title {
text-align: center; }
.roi-calculator-summary__preamble {
font-size: 16px;
letter-spacing: 0.8px;
line-height: 19px;
text-align: center;
margin-bottom: 3rem; }
@media (min-width: 768px) and (max-width: 1199px) {
.roi-calculator-summary__preamble {
padding: 0 2rem; } }
.roi-calculator-summary__score-list {
display: flex;
flex-direction: column;
flex: 1 0 auto; }
@media (min-width: 991px) {
.roi-calculator-summary__score-list {
flex-direction: row; } }
.roi-calculator-summary__score-container {
display: flex;
flex-direction: column;
flex: 1 0 auto;
align-items: center;
justify-content: center;
margin-bottom: 2rem; }
.roi-calculator-summary__score-name {
font-size: 14px;
letter-spacing: 1.05px;
line-height: 16px;
width: 10rem;
text-align: center;
margin-bottom: 1rem;
height: 3rem; }
@media (min-width: 991px) {
.roi-calculator-summary__score-name {
width: 12rem; } }
.roi-calculator-summary__score-value {
font-size: 46px;
letter-spacing: 2.3px;
line-height: 54px;
font-weight: bold; }
.roi-calculator-summary__score-value--low {
color: #cb4f06; }
.roi-calculator-summary__score-value--mid {
color: #f1cc43; }
.roi-calculator-summary__score-value--high {
color: #7ca455; }
.roi-calculator-summary__form {
background: #faf8f6;
margin: 0 -1rem;
padding: 3rem 1rem; }
@media (min-width: 767px) {
.roi-calculator-summary__form {
padding: 2rem 4rem; } }
@media (min-width: 1349px) {
.roi-calculator-summary__form {
padding: 2rem 9rem; } }
.roi-calculator-summary__form-text-container {
margin: 0 2rem 2rem 2rem; }
@media (min-width: 991px) {
.roi-calculator-summary__form-text-container {
margin: 2rem 0; } }
.roi-calculator-summary__form-title {
text-transform: none;
text-align: center;
margin-bottom: 2rem; }
@media (min-width: 991px) {
.roi-calculator-summary__form-title {
font-size: 20px;
letter-spacing: 1px;
line-height: 24px;
text-align: left; } }
.roi-calculator-summary__form-preamble {
font-size: 14px;
letter-spacing: 1.05px;
line-height: 16px;
text-align: center; }
@media (min-width: 991px) {
.roi-calculator-summary__form-preamble {
text-align: left; } }
.roi-calculator-summary__form-section {
display: flex;
flex-direction: column;
align-items: flex-end; }
.roi-calculator-summary__form-field {
width: 100%; }
.roi-calculator-summary__form-submit {
width: 10rem;
font-weight: bold; }
@media (min-width: 991px) {
.roi-calculator-summary__form-submit {
width: 10rem;
flex: 0 1 10rem;
height: 41px;
padding: 0;
margin-top: 3px; } }
.roi-calculator-summary__submit-form-field-container {
display: flex;
flex-direction: column;
width: 100%; }
@media (min-width: 991px) {
.roi-calculator-summary__submit-form-field-container {
flex-direction: row;
align-items: center;
justify-content: space-between; } }
.roi-calculator-summary__submit-button-form-field {
margin: 0 0 0 auto;
order: 0; }
@media (min-width: 991px) {
.roi-calculator-summary__submit-button-form-field {
order: 1; } }
.roi-calculator-summary__submit-button-form-field--loading {
min-width: 4rem; }
.roi-calculator-summary__form-sent-success {
width: 100%;
color: #90a877;
order: 1;
text-align: center;
margin-top: 1rem; }
@media (min-width: 991px) {
.roi-calculator-summary__form-sent-success {
order: 0;
text-align: left;
margin: 0; } }
.roi-calculator {
display: flex;
flex-direction: column;
flex: 1 0 auto;
align-items: center;
background: #fff;
padding: 1rem;
padding-top: 2rem;
z-index: 10;
max-width: 97vw; }
@media (min-width: 768px) and (max-width: 1199px) {
.roi-calculator {
padding: 0 4rem;
padding-bottom: 1rem;
padding-top: 2rem; } }
@media (min-width: 991px) {
.roi-calculator {
background-image: url(/Static/img/KI03-002649A.jpg);
background-size: cover;
background-origin: border-box;
padding: 2rem 10rem; } }
@media (min-width: 992px) and (max-width: 1199px) {
.roi-calculator {
padding: 2rem 6rem; } }
.roi-calculator__header {
display: flex;
flex-direction: column;
flex: 1 0 auto;
width: 100%;
margin-bottom: 2rem; }
.roi-calculator__header--sticky {
z-index: 10;
position: sticky;
background: #fff; }
@media (min-width: 991px) {
.roi-calculator__header--sticky {
background: transparent;
margin-left: 95%;
top: 22px !important;
width: 20rem; } }
@media (min-width: 992px) and (max-width: 1199px) {
.roi-calculator__header--sticky {
margin-left: 82%;
top: 22px !important;
width: 20rem; } }
.roi-calculator__title {
margin-bottom: 1rem;
align-self: flex-start; }
@media (min-width: 991px) {
.roi-calculator__title {
display: none; } }
.roi-calculator__transition-container {
width: 100%; }
.roi-calculator__form-container {
background: #fff; }
@media (min-width: 991px) {
.roi-calculator__form-container {
padding: 6rem 7rem; } }
@media (min-width: 992px) and (max-width: 1199px) {
.roi-calculator__form-container {
padding: 6rem 4rem; } }
.roi-calculator__category {
width: 100%; }
.roi-calculator__category-name {
text-align: left;
margin-bottom: 2rem; }
.roi-calculator__category-preamble {
font-size: 16px;
letter-spacing: 0.8px;
line-height: 19px;
text-align: left;
margin-bottom: 3rem; }
.roi-calculator__questions {
display: flex;
flex-wrap: wrap;
flex: 1 0 auto; }
.roi-calculator__step-control {
width: 100%;
display: flex;
flex: 1 0 auto;
justify-content: center; }
@media (min-width: 991px) {
.roi-calculator__step-control {
justify-content: flex-end; } }
.roi-calculator__step-button {
background: transparent;
border: none;
font-weight: bold;
line-height: 1em;
height: 3rem; }
.roi-calculator__step-button:disabled {
opacity: 0.5; }
.roi-calculator__step-button--next {
background: #b7d698;
width: 12rem; }
.roi-calculator__step-button--back {
width: 6rem;
margin-right: 1rem;
display: flex;
align-items: center; }
.roi-calculator__step-button-icon {
margin-right: 0.5rem; }
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s; }
.fade-enter, .fade-leave-to {
opacity: 0; }
.better-effect--wrapper {
display: flex;
flex-wrap: wrap; }
.better-effect .better-effect__card {
padding: 0 16px;
flex: 1 0 100%;
max-width: 100%;
margin: 8px 0; }
@media (min-width: 992px) {
.better-effect .better-effect__card {
flex: 1 0 50%;
max-width: 50%; } }
.better-effect .better-effect__card--inner {
background: #fff;
padding: 16px;
height: 100%; }
.better-effect .better-effect__card--inner h5 {
display: flex;
justify-content: space-between;
font-size: 1rem;
text-transform: uppercase;
margin-bottom: 16px; }
.better-effect .better-effect__card--inner .score-list .score-list__item + .score-list__item {
margin-top: 16px; }
.better-effect .better-effect__card--inner .score-list .score-list__item--title {
width: 100%;
display: flex;
justify-content: space-between;
font-size: 0.75rem;
padding: 0; }
.better-effect .better-effect__card--inner .score-list .score-list__item--title span {
text-align: left; }
.better-effect .better-effect__card--inner .score-list .score-list__item--rating {
margin-left: 8px; }
.better-effect .better-effect__card--inner .score-list .score-list__item .score-list__expand-inner {
display: none;
margin-top: 8px; }
.better-effect .better-effect__card--inner .score-list .score-list__item button[type="button"] {
background: none;
border: none;
color: #1d1d1b; }
.search-textbox {
max-width: 400px;
height: 57px;
position: relative; }
.search-textbox__input {
border: 1px solid #dad0c1;
cursor: pointer;
display: block;
outline: none;
padding: 20px 30px;
position: relative;
text-align: left;
width: 100%;
height: 100%;
margin: 0px; }
@media (max-width: 767px) {
.search-textbox__input {
padding: 15px 20px; } }
.search-textbox__input:before, .search-textbox__input:after {
content: '';
background-color: #a2a6a8;
position: absolute;
top: 50%;
right: 30px; }
@media (max-width: 767px) {
.search-textbox__input:before, .search-textbox__input:after {
right: 20px; } }
.search-textbox__input:before {
width: 11px;
height: 1px;
transform: translateY(-50%); }
.search-textbox__input:after {
width: 1px;
height: 11px;
transform: translate(-5px, -50%); }
.search-textbox--expanded .search-textbox__input:after {
display: none; }
.search-textbox__input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #1d1d1b;
opacity: 1;
/* Firefox */ }
.search-textbox__input :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #1d1d1b; }
.search-textbox__input ::-ms-input-placeholder {
/* Microsoft Edge */
color: #1d1d1b; }
.search-textbox__reset {
font-weight: 400;
font-size: 12px;
margin-left: 12px; }
.search-textbox__option .form-item {
margin-bottom: 0; }
.search-textbox__option .form-item__input--checkbox:checked ~ span {
font-weight: bold; }
.search-textbox-redesign {
max-width: 400px;
height: 57px;
position: relative;
display: flex;
align-items: center; }
.search-textbox-redesign svg {
position: absolute;
margin-left: 8px;
z-index: 0; }
.search-textbox-redesign__input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
width: 100%;
height: 100%;
border: 2px solid #dad0c1;
outline: none;
border-radius: 4px;
z-index: 1;
background: transparent;
padding-left: 32px;
padding-right: 32px; }
@media (max-width: 767px) {
.search-textbox-redesign__input {
padding: 15px 24px 15px 40px; } }
.search-textbox-redesign__input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #1d1d1b;
opacity: 1;
/* Firefox */ }
.search-textbox-redesign__input :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #1d1d1b; }
.search-textbox-redesign__input ::-ms-input-placeholder {
/* Microsoft Edge */
color: #1d1d1b; }
.product-card {
padding: 12px 12px 0;
position: relative;
width: 25%;
flex-grow: 0;
flex-shrink: 0; }
.product-card__link {
display: block;
outline: none;
text-decoration: none; }
.product-card__link:hover {
opacity: 1; }
.product-card__image-container {
height: 0;
position: relative;
overflow: hidden; }
.product-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.product-card__title {
margin-bottom: 16px; }
.product-card__subtitle {
margin-top: 0; }
@media (max-width: 1199px) {
.product-card {
padding: 8px 8px 0; } }
@media (max-width: 767px) {
.product-card {
float: none;
height: auto;
padding: 0;
width: auto;
position: relative;
flex: 0 1 auto; }
.product-card:before, .product-card:after {
content: " ";
display: table; }
.product-card:after {
clear: both; }
.product-card__image-container {
float: left;
width: 50%;
height: auto; }
.product-card__text {
padding: 0 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 50%; }
.product-card:nth-child(even) .product-card__image-container {
float: right; }
.product-card:nth-child(even) .product-card__text {
right: auto;
left: 0;
text-align: right; } }
.product-card__image-container {
padding-bottom: 133.1%; }
@media (max-width: 767px) {
.product-card__image-container {
padding-bottom: 66.5%; } }
.product-card__text {
padding-top: 12px;
margin-bottom: 12px; }
.product-card__title {
margin-bottom: 4px; }
.product-card__link .product-card__image {
object-fit: cover; }
.product-card__rating {
display: none;
position: absolute;
top: 16px;
left: 16px; }
@media (max-width: 767px) {
.product-card:nth-child(even) .product-card__rating {
left: auto;
right: 16px; } }
.product-card__rating.tooltip {
position: absolute; }
.product-card__download {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #EEF2F3;
z-index: 1; }
.product-card__download.active {
display: block; }
.product-card__download__title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60px;
padding: 20px;
padding-right: 100px;
line-height: 20px;
background: #e0edd5;
white-space: nowrap;
z-index: 1; }
.product-card__download__list {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 60px;
padding: 20px;
overflow-y: auto; }
.product-card__download__list li + li {
margin-top: 10px; }
.product-card__download__link {
display: block;
text-decoration: none; }
.product-card__download__link .icon, .product-card__download__link span {
display: inline-block;
vertical-align: middle; }
.product-card__download__link .icon {
width: 13px;
height: 13px; }
.product-card__download__link span {
text-decoration: underline;
margin-left: 7px; }
.product-card__download__description {
margin-top: 3px;
opacity: 0.5; }
.product-card__download-navigation {
position: absolute;
bottom: 10px;
right: 5px;
z-index: 1; }
.product-card__download-navigation:before, .product-card__download-navigation:after {
content: " ";
display: table; }
.product-card__download-navigation:after {
clear: both; }
.product-card__download-navigation__item {
cursor: pointer;
display: block;
float: left;
width: 40px;
height: 41px;
border-radius: 2px;
margin-right: 5px;
background: #D0D3D4; }
.product-card__download-navigation__item:before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 40px;
background: #fff;
border-radius: 2px; }
.product-card__download-navigation__item.active:before {
background: #1d1d1b; }
.product-card__download-navigation__item .icon {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.product-card__download-navigation__item .icon--cube {
width: 17px;
height: 20px; }
.product-card__download-navigation__item .icon--image-stack {
width: 21px;
height: 15px; }
.product-card__download-navigation__item.active .icon {
fill: #fff; }
.product-card__download-navigation__item:hover .icon {
opacity: 0.5; }
.image-map {
position: relative; }
.image-map:before, .image-map:after {
content: " ";
display: table; }
.image-map:after {
clear: both; }
.image-map div.show {
opacity: 1; }
.image-map .image-map-points {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.25s ease-in-out;
opacity: 0; }
.image-map .image-map-points:hover {
opacity: 1; }
.image-map .image-map-points .image-map-point {
position: absolute;
width: auto;
height: auto; }
.image-map .image-map-points .image-map-point__circle {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background-color: white;
width: 32px;
height: 32px;
border-radius: 50%;
border: 4px solid rgba(0, 0, 0, 0.6);
cursor: pointer;
transition: transform 0.2s ease-in; }
.image-map .image-map-points .image-map-point__circle svg {
width: 75%;
height: 75%; }
.image-map .image-map-points .image-map-point__circle:hover {
border-color: black; }
.image-map .image-map-points .image-map-point .rotate {
transform: rotate(45deg);
transition: transform 0.25s ease-in-out; }
.image-map .image-map-points .image-map-point__tooltip {
position: absolute;
min-width: 150px;
max-width: 250px;
background-color: white;
border-radius: 5px;
color: black;
padding: 1.5em;
top: 28px;
left: 28px;
visibility: hidden;
transition: visibility 0.25s ease-in-out; }
.image-map .image-map-points .image-map-point__tooltip.top {
top: -48px; }
.image-map .image-map-points .image-map-point__tooltip a {
text-decoration: none; }
.image-map .image-map-points .image-map-point__tooltip h5 {
margin-bottom: 0;
text-transform: none;
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
font-size: 1.125rem;
line-height: 1.25rem; }
@media (max-width: 767px) {
.image-map .image-map-points .image-map-point__tooltip h5 {
font-size: 0.875rem;
line-height: 1rem; } }
.image-map .image-map-points .image-map-point__tooltip p {
margin-top: 4px; }
.image-map .image-map-points .image-map-point__tooltip-over {
top: 0;
transform: translateY(-100%); }
.image-map .image-map-points .image-map-point__tooltip-left {
left: 0;
transform: translateX(-100%); }
.image-map .image-map-points .image-map-point__tooltip-over-and-left {
top: 0;
left: 0;
transform: translate(-100%, -100%); }
.image-map .image-map-points .image-map-point .show {
visibility: visible; }
.image-map img {
position: relative;
width: 100%; }
.contact-block {
padding: 80px;
background-color: #fff; }
.contact-block:before, .contact-block:after {
content: " ";
display: table; }
.contact-block:after {
clear: both; }
@media (max-width: 1349px) {
.contact-block {
padding: 60px; } }
@media (max-width: 1199px) {
.contact-block {
padding: 50px; } }
@media (max-width: 991px) {
.contact-block {
padding: 30px; } }
@media (max-width: 767px) {
.contact-block {
padding: 20px; } }
.contact-block__col-left {
float: left;
padding-right: 80px;
width: 40%; }
.contact-block__col-right {
float: left;
width: 60%; }
.contact-block img {
max-width: 100%; }
.contact-block__title {
margin: 40px 0 64px;
text-align: center; }
.contact-block__text {
margin-bottom: 70px; }
.contact-block__buttons {
margin: 0 0; }
.contact-block__buttons .button {
width: 100%; }
.contact-block__buttons .button:first-child {
margin-bottom: 30px; }
.contact-block__buttons a.button-primary:first-child {
margin-bottom: 24px; }
@media (max-width: 1349px) {
.contact-block__col-left {
padding-right: 60px; }
.contact-block__title {
margin-bottom: 44px; }
.contact-block__text {
margin-bottom: 50px; }
.contact-block__buttons .button:first-child {
margin-bottom: 20px; }
.contact-block__buttons a.button-primary:first-child {
margin-bottom: 16px; } }
@media (max-width: 1199px) {
.contact-block__col-left {
padding-right: 50px; }
.contact-block__title {
margin-top: 30px;
margin-bottom: 30px; }
.contact-block__text {
margin-bottom: 26px; } }
@media (max-width: 991px) {
.contact-block__col-left {
padding-right: 30px; }
.contact-block__buttons .button:first-child {
margin-bottom: 10px;
margin-right: 8px; }
.contact-block__buttons a.button-primary:first-child {
margin-bottom: 8px; } }
@media (max-width: 767px) {
.contact-block {
padding-top: 30px; }
.contact-block__col-left {
padding-right: 0;
width: auto; }
.contact-block__col-right {
display: none; }
.contact-block__title {
margin-top: 0;
margin-bottom: 20px; }
.contact-block__text {
margin-bottom: 20px; }
.contact-block__buttons {
text-align: center; } }
.contact-block-compact {
background-color: #faf8f6;
padding: 49px 50px;
text-align: center; }
.contact-block-compact--theme-aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.contact-block-compact--theme-lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.contact-block-compact--theme-mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.contact-block-compact--theme-graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.contact-block-compact--theme-polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.contact-block-compact--theme-springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.contact-block-compact--theme-chilired {
background-color: #d22630;
color: #fff; }
.contact-block-compact--theme-salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.contact-block-compact--theme-cinnamon {
background-color: #6d4f47;
color: #fff; }
.contact-block-compact--theme-flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.contact-block-compact--theme-kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.contact-block-compact--theme-sdw20green {
background-color: #244f3e;
color: #fff; }
.contact-block-compact--theme-slate {
background-color: #3d3935;
color: #fff; }
.contact-block-compact--theme-slate100 {
background-color: #3d3935;
color: #fff; }
.contact-block-compact--theme-slate75 {
background-color: #6e6b68;
color: #fff; }
.contact-block-compact--theme-slate50 {
background-color: #9d9b99;
color: #fff; }
.contact-block-compact--theme-slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.contact-block-compact--theme-slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.contact-block-compact--theme-eveningsky {
background-color: #284458;
color: #fff; }
.contact-block-compact--theme-eveningsky100 {
background-color: #284458;
color: #fff; }
.contact-block-compact--theme-eveningsky75 {
background-color: #5e7382;
color: #fff; }
.contact-block-compact--theme-eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.contact-block-compact--theme-eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.contact-block-compact--theme-eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.contact-block-compact--theme-organicgreen {
background-color: #2e483e;
color: #fff; }
.contact-block-compact--theme-organicgreen100 {
background-color: #2e483e;
color: #fff; }
.contact-block-compact--theme-organicgreen75 {
background-color: #62766e;
color: #fff; }
.contact-block-compact--theme-organicgreen50 {
background-color: #96a39e;
color: #fff; }
.contact-block-compact--theme-organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.contact-block-compact--theme-organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.contact-block-compact--theme-sand {
background-color: #b6a284;
color: #1d1d1b; }
.contact-block-compact--theme-sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.contact-block-compact--theme-sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.contact-block-compact--theme-sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.contact-block-compact--theme-sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.contact-block-compact--theme-sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.contact-block-compact--theme-rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.contact-block-compact--theme-rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.contact-block-compact--theme-rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.contact-block-compact--theme-rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.contact-block-compact--theme-rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.contact-block-compact--theme-rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.contact-block-compact--theme-chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.contact-block-compact--theme-chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.contact-block-compact--theme-chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.contact-block-compact--theme-chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.contact-block-compact--theme-chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.contact-block-compact--theme-chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.contact-block-compact--theme-white {
background-color: #fff;
color: #1d1d1b; }
.contact-block-compact--theme-black {
background-color: #1d1d1b;
color: #fff; }
.contact-block-compact--theme-pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.contact-block-compact--theme-grey {
background-color: #ebebeb;
color: #1d1d1b; }
.contact-block-compact--theme-none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
@media (max-width: 1349px) {
.contact-block-compact {
padding: 40px 40px; } }
@media (max-width: 1199px) {
.contact-block-compact {
padding: 30px 32px; } }
@media (max-width: 991px) {
.contact-block-compact {
padding: 21px 15px; } }
@media (max-width: 767px) {
.contact-block-compact {
padding: 25px 20px; } }
.contact-block-compact__title, .contact-block-compact__button {
margin: 15px 30px; }
@media (max-width: 1349px) {
.contact-block-compact__title, .contact-block-compact__button {
margin: 10px 20px; } }
@media (max-width: 1199px) {
.contact-block-compact__title, .contact-block-compact__button {
margin: 9px 18px; } }
@media (max-width: 991px) {
.contact-block-compact__title, .contact-block-compact__button {
margin: 7.5px 15px; } }
@media (max-width: 767px) {
.contact-block-compact__title, .contact-block-compact__button {
margin: 0; } }
.contact-block-compact__title {
display: inline-block;
line-height: 1.1;
position: relative;
top: 1px;
vertical-align: middle; }
@media (max-width: 767px) {
.contact-block-compact__title {
display: block;
margin-bottom: 16px; } }
.contact-block-compact__button {
display: inline-block;
vertical-align: middle; }
.contact-form {
display: none;
background: white;
padding-left: 80px;
padding-right: 80px; }
@media (max-width: 1349px) {
.contact-form {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.contact-form {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.contact-form {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.contact-form {
padding-left: 20px;
padding-right: 20px; } }
.contact-form form {
margin: 0 -100px; }
.contact-form form:before, .contact-form form:after {
content: " ";
display: table; }
.contact-form form:after {
clear: both; }
.contact-form .form-fieldset {
float: left;
padding: 80px;
width: 50%; }
.contact-form__legend {
text-align: right;
line-height: 10px;
margin-top: -10px; }
.contact-form .form-field + .form-field {
margin-top: 20px; }
.contact-form [data-element-key="product"] {
display: none; }
@media (max-width: 1349px) {
.contact-form form {
margin: 0 -60px; }
.contact-form .form-fieldset {
padding: 60px; } }
@media (max-width: 1199px) {
.contact-form form {
margin: 0 -50px; }
.contact-form .form-fieldset {
padding: 50px; } }
@media (max-width: 991px) {
.contact-form form {
margin: 0 -30px; }
.contact-form .form-fieldset {
padding: 30px; } }
@media (max-width: 767px) {
.contact-form {
padding-top: 10px;
padding-bottom: 10px; }
.contact-form form {
margin: 0 -20px; }
.contact-form .form-fieldset {
padding: 10px 20px;
width: 100%; } }
.contact-inquiries {
background: white; }
.contact-inquiries:before, .contact-inquiries:after {
content: " ";
display: table; }
.contact-inquiries:after {
clear: both; }
.contact-inquiries__item {
float: left;
width: 50%;
padding: 80px;
position: relative; }
@media (max-width: 1349px) {
.contact-inquiries__item {
padding: 60px; } }
@media (max-width: 1199px) {
.contact-inquiries__item {
padding: 50px; } }
@media (max-width: 991px) {
.contact-inquiries__item {
padding: 30px; } }
@media (max-width: 767px) {
.contact-inquiries__item {
padding: 20px; } }
.contact-inquiries__item:nth-child(even):before, .contact-inquiries__item:nth-child(odd):after {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: #faf8f6;
top: 0; }
.contact-inquiries__item:nth-child(even):before {
left: -1px; }
.contact-inquiries__item:nth-child(odd) {
clear: both; }
.contact-inquiries__item:nth-child(odd):after {
right: 0; }
.contact-inquiries__item:nth-child(1n + 3) {
border-top: 1px solid #faf8f6; }
.contact-inquiries__item hr {
max-width: 20px;
margin: 3em 0; }
.contact-inquiries__item p {
margin-top: 2em; }
.contact-inquiries__list a {
display: inline-block;
padding: 0.35em 0;
white-space: nowrap; }
.contact-inquiries__list a > * {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
white-space: normal; }
.contact-inquiries__contacts li {
padding: 1.125em 0;
white-space: nowrap; }
.contact-inquiries__contacts li > * {
display: inline-block;
vertical-align: middle;
margin-right: 16px;
white-space: normal; }
.contact-inquiries__contacts li strong {
text-transform: uppercase; }
@media (max-width: 767px) {
.contact-inquiries__item {
padding: 20px;
width: 100%; }
.contact-inquiries__item + .contact-inquiries__item {
border-top: 1px solid #faf8f6; } }
.contact-list {
margin: 0 -15px; }
.contact-list:before, .contact-list:after {
content: " ";
display: table; }
.contact-list:after {
clear: both; }
.contact-list > * {
float: left;
width: 100%;
padding: 15px; }
.contact-list > *:before, .contact-list > *:after {
content: " ";
display: table; }
.contact-list > *:after {
clear: both; }
.contact-list__image {
float: left; }
.contact-list__info {
overflow: hidden;
padding-left: 18px;
line-height: 20px; }
.contact-list__title {
margin: 0 0 0.3em; }
.contact-list--cols-2 > * {
width: 50%; }
.contact-list--cols-2 > *:nth-child(2n +1) {
clear: left; }
.contact-list--cols-3 > * {
width: 33.33333%; }
.contact-list--cols-3 > *:nth-child(3n +1) {
clear: left; }
@media (max-width: 991px) {
.contact-list--cols-3 > * {
width: 50%; }
.contact-list--cols-3 > *:nth-child(3n +1) {
clear: none; }
.contact-list--cols-3 > *:nth-child(odd) {
clear: left; } }
@media (max-width: 767px) {
.contact-list > * {
width: 100%; } }
.contact-person-list-block {
padding: 80px;
background: white; }
@media (max-width: 1349px) {
.contact-person-list-block {
padding: 60px; } }
@media (max-width: 1199px) {
.contact-person-list-block {
padding: 50px; } }
@media (max-width: 991px) {
.contact-person-list-block {
padding: 30px; } }
@media (max-width: 767px) {
.contact-person-list-block {
padding: 20px; } }
.contact-person-list-block__title {
margin-bottom: 1.5em; }
.contact-person-list-block__body {
margin-bottom: 2em;
max-width: 486px; }
.contact-person-list-block .contact-list__image {
width: 70px;
height: 70px; }
.content-blockquote {
margin-right: 80px;
text-align: center; }
@media (max-width: 991px) {
.content-blockquote {
margin-right: 40px; } }
@media (max-width: 767px) {
.content-blockquote {
margin-right: 0;
padding: 0 24px; } }
.content-blockquote__inner {
padding: 30px 40px;
border-top: 4px solid black;
border-bottom: 4px solid black; }
@media (max-width: 1349px) {
.content-blockquote__inner {
padding: 25px; } }
.content-blockquote--with-image .content-blockquote__inner {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
align-items: center;
text-align: left; }
@media (max-width: 991px) {
.content-blockquote--with-image .content-blockquote__inner {
flex-direction: column;
text-align: center; } }
.content-blockquote--bleed-right {
margin-right: -24px; }
@media (max-width: 767px) {
.content-blockquote--bleed-right {
margin-right: 0; } }
.content-column .content-blockquote {
margin-right: 0; }
.content-blockquote__author-image {
flex-shrink: 0;
display: block;
width: 160px;
height: 160px; }
@media (max-width: 991px) {
.content-blockquote__author-image {
width: 120px;
height: 120px;
margin-bottom: 20px; } }
.content-blockquote--with-image .content-blockquote__quote {
margin-left: 30px; }
@media (max-width: 991px) {
.content-blockquote--with-image .content-blockquote__quote {
margin-left: 0; } }
.content-blockquote__quote p:first-child {
margin-top: 0; }
.content-blockquote__author {
margin-top: 10px;
opacity: 0.5;
font-size: 20px; }
@media (max-width: 767px) {
.content-blockquote__author {
font-size: 14px; } }
.content-column {
margin: 0 -30px;
padding-right: 80px; }
.content-column:before, .content-column:after {
content: " ";
display: table; }
.content-column:after {
clear: both; }
@media (max-width: 991px) {
.content-column {
margin: 0;
padding-right: 40px; } }
@media (max-width: 767px) {
.content-column {
padding-right: 0; } }
.content-column__col {
float: left;
width: 50%;
padding: 0 30px; }
@media (max-width: 991px) {
.content-column__col {
float: none;
width: auto;
padding: 0; } }
@media (max-width: 991px) {
.content-column__col + .content-column__col {
padding-top: 24px; } }
.content-fact {
background-color: #f1f1f1;
padding: 32px;
margin-right: 80px; }
@media (max-width: 991px) {
.content-fact {
margin-right: 40px;
padding: 8px; } }
@media (max-width: 767px) {
.content-fact {
margin-right: 0;
padding: 24px; } }
.content-fact--bleed-right {
margin-right: -24px; }
@media (max-width: 767px) {
.content-fact--bleed-right {
margin-right: 0; } }
.content-fact .content-column {
margin-right: 0; }
.content-media__img-wrap {
position: relative;
padding-bottom: 53%;
height: 0;
background-color: rgba(0, 0, 0, 0); }
.content-media__img {
position: absolute;
display: block;
width: 100%;
height: 100%; }
.content-media__video {
background-color: #d0d3d4; }
.content-media__caption {
opacity: .5; }
@media (max-width: 767px) {
.content-media__caption {
margin-top: 18px;
padding: 0 20px; } }
.content-newblockquote {
margin-right: 0;
text-align: center;
position: relative;
margin: 0 auto; }
@media (max-width: 767px) {
.content-newblockquote {
width: 90%;
padding-right: 1rem; } }
@media (min-width: 768px) {
.content-newblockquote {
margin: 0 -30.804% 0 -17.038%; } }
.content-newblockquote__inner {
padding: 2rem 0 2rem 0; }
.content-newblockquote--with-image .content-newblockquote__inner {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
align-items: center;
text-align: left;
flex-direction: column; }
.content-newblockquote__citation-mark {
font-size: 5rem;
line-height: 0;
color: #b7d698;
position: absolute;
font-family: "Roboto", sans-serif; }
@media (min-width: 768px) {
.content-newblockquote__citation-mark--first {
top: 1rem; } }
.content-newblockquote__citation-mark--second {
right: 0;
bottom: 0;
transform: rotate(180deg); }
@media (min-width: 768px) {
.content-newblockquote__citation-mark--second {
bottom: 1rem; } }
.content-newblockquote--bleed-right {
margin-right: -24px; }
@media (max-width: 767px) {
.content-newblockquote--bleed-right {
margin-right: 0; } }
.content-column .content-newblockquote {
margin-right: 0; }
.content-newblockquote__author-image {
flex-shrink: 0;
display: block;
height: 120px;
width: 120px;
margin-right: 0.5rem;
margin-bottom: 20px; }
@media (min-width: 768px) {
.content-newblockquote__author-image {
width: 140px;
height: 140px; } }
.content-newblockquote__quote {
position: relative; }
@media (min-width: 992px) {
.content-newblockquote__quote {
flex-direction: row; } }
.content-newblockquote--with-image .content-newblockquote__quote {
margin-left: 30px; }
@media (max-width: 991px) {
.content-newblockquote--with-image .content-newblockquote__quote {
margin-left: 0; } }
.content-newblockquote__quote p:first-child {
margin-top: 0; }
.content-newblockquote__text-container {
display: flex;
flex: 1 0 auto;
flex-direction: column;
line-height: 0.8rem; }
@media (min-width: 768px) {
.content-newblockquote__text-container {
padding: 0 2rem;
flex-direction: row; } }
.content-newblockquote__text-quote {
font-size: 60px;
letter-spacing: 4.3px;
text-align: left !important;
margin-bottom: 0 !important;
font-size: 1rem !important;
letter-spacing: 1px !important;
line-height: 1.25rem !important;
margin-bottom: 1rem !important; }
@media (max-width: 1349px) {
.content-newblockquote__text-quote {
font-size: 48px;
letter-spacing: 3.7px; } }
@media (max-width: 1199px) {
.content-newblockquote__text-quote {
font-size: 40px;
letter-spacing: 3px; } }
@media (max-width: 991px) {
.content-newblockquote__text-quote {
font-size: 32px;
letter-spacing: 2.3px; } }
@media (max-width: 767px) {
.content-newblockquote__text-quote {
font-size: 24px;
letter-spacing: 1.3px;
margin-bottom: 1em; } }
@media (min-width: 768px) {
.content-newblockquote__text-quote {
margin-bottom: 0rem !important; } }
.content-newblockquote__right {
align-self: flex-end;
display: flex;
flex-direction: column;
flex: 1 0 auto;
justify-content: space-between;
width: 75%; }
@media (min-width: 768px) {
.content-newblockquote__right {
align-self: initial;
padding-left: 2rem;
text-align: right;
width: 40%;
justify-content: space-between; } }
.content-newblockquote__remarks {
text-align: right;
line-height: 0.9rem;
font-weight: 500; }
.content-newblockquote__author {
text-align: right;
font-weight: 700;
margin-top: 10px;
opacity: 0.5;
font-size: 20px; }
@media (max-width: 767px) {
.content-newblockquote__author {
font-size: 14px; } }
.content-text {
margin-right: 80px; }
@media (max-width: 991px) {
.content-text {
margin-right: 40px; } }
@media (max-width: 767px) {
.content-text {
margin-right: 0; } }
.article-block__corridor .content-text,
.content-column .content-text {
margin-right: 0; }
.expandable-intro {
padding-top: 40px;
padding-bottom: 0; }
.expandable-intro:before, .expandable-intro:after {
content: " ";
display: table; }
.expandable-intro:after {
clear: both; }
.expandable-intro__col {
float: left;
width: 50%; }
.expandable-intro__col:nth-child(1) {
padding-right: 30px; }
.expandable-intro__col:nth-child(2) {
padding-left: 10px; }
@media (max-width: 767px) {
.expandable-intro__col {
float: none;
width: auto; }
.expandable-intro__col:nth-child(2) {
padding-left: 0; } }
.expandable-intro__visible-text {
display: inline; }
.expandable-intro__one-liner {
font-weight: 500;
letter-spacing: 0.9px;
text-transform: uppercase; }
.expandable-intro__text-toggle {
margin-top: 8px;
margin-bottom: 8px; }
.expandable-intro__text-toggle p {
margin-top: 8px; }
.expandable-intro__text-toggle.is-hidden {
display: none; }
.is-hidden ~ .expandable-intro__read-more {
margin-top: 8px; }
.expandable-text {
width: 65%;
margin-left: auto;
margin-right: auto;
padding: 16px; }
@media (max-width: 767px) {
.expandable-text {
width: 100%;
padding: 0; } }
.expandable-text p:first-child {
margin-top: 1.2em; }
.expandable-text a {
margin-top: 16px; }
.expandable-text__text-toggle.is-hidden {
display: none; }
.product-feed {
position: relative;
width: inherit;
overflow: hidden;
padding: 10px 0; }
@media (min-width: 992px) {
.product-feed {
padding: 20px 0; } }
@media (min-width: 1200px) {
.product-feed {
padding: 25px 0; } }
@media (min-width: 1350px) {
.product-feed {
padding: 40px 0; } }
.product-feed .product-feed__container {
margin: 0;
display: flex;
flex-wrap: wrap;
margin: 0 -12px; }
.product-feed .product-feed__container.loading .product-feed__card .product-feed__card--image-container {
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite; }
.product-feed .product-feed__container .product-feed__card {
position: relative;
padding: 12px 12px 0;
flex: 1 0 auto;
width: 100%; }
.product-feed .product-feed__container .product-feed__card::after {
content: "";
position: absolute;
top: 24px;
right: 24px;
height: 100%;
width: 20%;
background-repeat: no-repeat;
background-size: contain;
background-position: top right; }
@media (min-width: 491px) {
.product-feed .product-feed__container .product-feed__card {
flex: 1 0 50%;
max-width: 50%; } }
@media (min-width: 768px) {
.product-feed .product-feed__container .product-feed__card {
flex: 1 0 25%;
max-width: 25%; } }
@media (min-width: 1200px) {
.product-feed .product-feed__container .product-feed__card {
flex: 1 0 25%;
max-width: 25%; } }
.product-feed .product-feed__container .product-feed__card .link-label {
margin-top: 16px; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--image-container {
height: 0;
position: relative;
overflow: hidden;
padding-bottom: 100%;
background-color: #ececec; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--image-container img {
object-fit: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--link {
position: absolute;
display: block;
outline: none;
text-decoration: none;
padding: 12px 12px 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--text {
position: relative;
padding: 8px 0 16px; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--text h4 {
margin-bottom: 8px;
font-size: 1.625rem;
line-height: 30px; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--text div.product-feed__card--title {
height: 2rem;
width: 50%;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background-color: #bbbbbb;
border-radius: 5px; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--text div.product-feed__card--title + div {
margin-top: .5rem;
height: 1rem;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background-color: #ececec;
border-radius: 5px;
width: 75%; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--text h5 {
margin-top: 0;
text-transform: none; }
.product-feed .product-feed__container .product-feed__card .product-feed__card--text p {
margin-top: 8px;
color: #6e6b68; }
.product-feed .product-feed__container .product-feed__big-card {
position: relative;
padding: 12px 12px 0;
flex: 1 0 auto;
width: 100%; }
.product-feed .product-feed__container .product-feed__big-card--bottom-section {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
font-size: 16px; }
@media (min-width: 768px) {
.product-feed .product-feed__container .product-feed__big-card {
flex: 1 0 50%;
max-width: 50%; } }
@media (min-width: 1200px) {
.product-feed .product-feed__container .product-feed__big-card {
flex: 1 0 50%;
max-width: 50%; } }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--image-container {
height: 0;
position: relative;
overflow: hidden;
padding-bottom: calc((100% - 24px) / 2);
background-color: #ececec; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--image-container img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--text {
position: relative;
padding: 8px 0 16px; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--text h4 {
margin-bottom: 8px;
font-size: 1.625rem;
line-height: 30px; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--text div.product-feed__big-card--title {
height: 2rem;
width: 50%;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
border-radius: 5px; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--text div.product-feed__big-card--title + div {
margin-top: .5rem;
height: 1rem;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
border-radius: 5px;
width: 75%; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--text p {
margin-top: 8px;
color: #6e6b68; }
.product-feed .product-feed__container .product-feed__big-card .product-feed__big-card--cta:hover .product-feed__big-card--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
@keyframes pulse {
0% {
filter: brightness(1); }
50% {
filter: brightness(0.9); }
100% {
filter: brightness(1); } }
.products-widget .feed {
padding: 0; }
.products-widget__title {
margin-bottom: 20px; }
@media (max-width: 991px) {
.products-widget__title {
margin-bottom: 10px; } }
.offset-image {
min-height: 262px;
padding: 0 80px; }
@media (max-width: 1349px) {
.offset-image {
min-height: 240px;
padding: 0 64px; } }
@media (max-width: 1199px) {
.offset-image {
min-height: 200px;
padding: 0 48px; } }
@media (max-width: 991px) {
.offset-image {
min-height: 176px;
padding: 0 32px; } }
@media (max-width: 767px) {
.offset-image {
min-height: 0;
padding: 0 24px; } }
.offset-image__wrap {
position: relative;
padding-top: 50px;
padding-bottom: 50px; }
.offset-image__wrap:before, .offset-image__wrap:after {
content: " ";
display: table; }
.offset-image__wrap:after {
clear: both; }
@media (max-width: 1349px) {
.offset-image__wrap {
padding-top: 40px;
padding-bottom: 40px; } }
@media (max-width: 1199px) {
.offset-image__wrap {
padding-top: 30px;
padding-bottom: 30px; } }
@media (max-width: 991px) {
.offset-image__wrap {
padding-top: 25px;
padding-bottom: 25px; } }
@media (max-width: 767px) {
.offset-image--top .offset-image__wrap {
padding-top: 0; } }
.offset-image__img {
display: block;
object-fit: contain;
position: absolute;
top: 0;
width: 262px;
height: 262px; }
@media (max-width: 1349px) {
.offset-image__img {
width: 240px;
height: 240px; } }
@media (max-width: 1199px) {
.offset-image__img {
width: 200px;
height: 200px; } }
@media (max-width: 991px) {
.offset-image__img {
width: 176px;
height: 176px;
margin-left: 10px; } }
@media (max-width: 767px) {
.offset-image__img {
top: auto;
width: 176px;
height: 176px;
margin-left: 0; } }
.offset-image--top .offset-image__img {
top: -60px; }
@media (max-width: 1349px) {
.offset-image--top .offset-image__img {
top: -50px; } }
@media (max-width: 1199px) {
.offset-image--top .offset-image__img {
top: -40px; } }
@media (max-width: 991px) {
.offset-image--top .offset-image__img {
top: -30px; } }
@media (max-width: 767px) {
.offset-image--top .offset-image__img {
top: -20px; } }
.offset-image--left .offset-image__img,
.offset-image--right .offset-image__img {
position: absolute;
width: auto; }
.offset-image--left .offset-image__img {
float: left;
margin-right: 60px; }
@media (max-width: 1199px) {
.offset-image--left .offset-image__img {
margin-right: 50px; } }
@media (max-width: 991px) {
.offset-image--left .offset-image__img {
margin-right: 30px; } }
@media (max-width: 767px) {
.offset-image--left .offset-image__img {
margin-right: 13px; } }
.offset-image--right .offset-image__img {
float: right;
right: 0;
margin-left: 60px; }
@media (max-width: 1199px) {
.offset-image--right .offset-image__img {
margin-left: 50px; } }
@media (max-width: 991px) {
.offset-image--right .offset-image__img {
margin-left: 30px; } }
@media (max-width: 767px) {
.offset-image--right .offset-image__img {
margin-left: 13px; } }
.offset-image--top.offset-image--left .offset-image__img,
.offset-image--top.offset-image--right .offset-image__img {
top: -50px;
margin-bottom: -110px; }
@media (max-width: 1349px) {
.offset-image--top.offset-image--left .offset-image__img,
.offset-image--top.offset-image--right .offset-image__img {
top: -40px;
margin-bottom: -90px; } }
@media (max-width: 1199px) {
.offset-image--top.offset-image--left .offset-image__img,
.offset-image--top.offset-image--right .offset-image__img {
top: -30px;
margin-bottom: -70px; } }
@media (max-width: 991px) {
.offset-image--top.offset-image--left .offset-image__img,
.offset-image--top.offset-image--right .offset-image__img {
top: -25px;
margin-bottom: -55px; } }
@media (max-width: 767px) {
.offset-image--top.offset-image--left .offset-image__img,
.offset-image--top.offset-image--right .offset-image__img {
top: -20px;
margin-bottom: 0; } }
@media (max-width: 767px) {
.offset-image--top.offset-image--offset .offset-image__img {
top: -30px; } }
.offset-image__title {
display: block;
margin-bottom: 20px;
padding-left: 322px; }
@media (max-width: 1349px) {
.offset-image__title {
padding-left: 300px; } }
@media (max-width: 1199px) {
.offset-image__title {
padding-left: 250px; } }
@media (max-width: 991px) {
.offset-image__title {
padding-left: 206px; } }
@media (max-width: 767px) {
.offset-image__title {
display: table-cell;
height: 176px;
max-width: 409px;
padding-left: 189px;
vertical-align: middle; } }
.offset-image--left .offset-image__title {
padding-left: 0; }
@media (max-width: 767px) {
.offset-image--left .offset-image__title {
padding-left: 200px; } }
.offset-image--right .offset-image__title {
padding-left: 0; }
@media (max-width: 767px) {
.offset-image--top.offset-image--offset .offset-image__title {
height: 146px; } }
.offset-image--offset .offset-image__title {
padding-left: 462px;
padding-right: 120px; }
@media (max-width: 1349px) {
.offset-image--offset .offset-image__title {
padding-left: 400px;
padding-right: 0; } }
@media (max-width: 1199px) {
.offset-image--offset .offset-image__title {
padding-left: 330px; } }
@media (max-width: 991px) {
.offset-image--offset .offset-image__title {
padding-left: 206px; } }
@media (max-width: 767px) {
.offset-image--offset .offset-image__title {
padding-left: 189px; } }
.offset-image__text {
display: block;
margin-bottom: 0;
padding-left: 330px;
padding-right: 70px;
overflow: hidden; }
@media (max-width: 1349px) {
.offset-image__text {
padding-left: 308px; } }
@media (max-width: 1199px) {
.offset-image__text {
padding-left: 268px; } }
@media (max-width: 991px) {
.offset-image__text {
padding-left: 244px; } }
@media (max-width: 767px) {
.offset-image__text {
padding-left: 0; } }
.offset-image--offset .offset-image__text {
padding-left: 462px;
padding-right: 120px; }
@media (max-width: 1349px) {
.offset-image--offset .offset-image__text {
padding-left: 400px;
padding-right: 0; } }
@media (max-width: 1199px) {
.offset-image--offset .offset-image__text {
padding-left: 330px; } }
@media (max-width: 991px) {
.offset-image--offset .offset-image__text {
padding-left: 206px; } }
@media (max-width: 767px) {
.offset-image--offset .offset-image__text {
padding-left: 0; } }
.offset-image--right .offset-image__text {
padding-left: 0;
padding-right: 330px; }
@media (max-width: 1349px) {
.offset-image--right .offset-image__text {
padding-right: 308px; } }
@media (max-width: 1199px) {
.offset-image--right .offset-image__text {
padding-right: 268px; } }
@media (max-width: 991px) {
.offset-image--right .offset-image__text {
padding-right: 244px; } }
@media (max-width: 767px) {
.offset-image--right .offset-image__text {
padding-right: 0; } }
.offset-image__author {
display: block;
margin-top: 16px;
text-align: right;
padding-left: 300px;
padding-right: 0;
overflow: hidden; }
@media (max-width: 1349px) {
.offset-image__author {
padding-left: 300px; } }
@media (max-width: 1199px) {
.offset-image__author {
padding-left: 250px; } }
@media (max-width: 991px) {
.offset-image__author {
padding-left: 206px; } }
@media (max-width: 767px) {
.offset-image__author {
padding-left: 0;
text-align: left; } }
.offset-image__author .offset-image--left {
padding-left: 0; }
.offset-image--right .offset-image__author {
padding-left: 0; }
@media (max-width: 1199px) {
.offset-image--right .offset-image__author {
text-align: left; } }
@media (max-width: 991px) {
.offset-image--right .offset-image__author {
text-align: left; } }
@media (max-width: 767px) {
.offset-image--right .offset-image__author {
text-align: left; } }
.portrait-quote {
padding: 80px;
background-color: #fff;
overflow: hidden; }
@media (max-width: 1349px) {
.portrait-quote {
padding: 60px; } }
@media (max-width: 1199px) {
.portrait-quote {
padding: 50px; } }
@media (max-width: 991px) {
.portrait-quote {
padding: 30px; } }
@media (max-width: 767px) {
.portrait-quote {
padding: 20px; } }
.portrait-quote__row {
white-space: nowrap;
margin: 0 -space(medium); }
.portrait-quote__cell {
position: relative;
padding: 0 24px; }
.portrait-quote__photo, .portrait-quote__texts {
display: inline-block;
vertical-align: middle;
white-space: normal; }
.portrait-quote__photo {
width: 20%; }
.portrait-quote__photo img {
width: 100%;
vertical-align: top; }
.portrait-quote__texts {
width: 60%; }
.portrait-quote__quote {
font-size: 16px;
margin: 0; }
.portrait-quote__cite {
color: #a2a6a8; }
.portrait-quote--right .portrait-quote__photo .portrait-quote__cell {
left: 400%; }
.portrait-quote--right .portrait-quote__cite {
text-align: right; }
@media (max-width: 1349px) {
.portrait-quote__quote {
font-size: 14px; } }
@media (max-width: 1199px) {
.portrait-quote__quote {
font-size: 13px; } }
@media (max-width: 991px) {
.portrait-quote__quote {
font-size: 12px; }
.portrait-quote__texts {
width: 80%; }
.portrait-quote--right .portrait-quote__texts {
margin-left: -20%; } }
@media (max-width: 767px) {
.portrait-quote__photo {
display: block;
margin-bottom: 12px;
width: 100%; }
.portrait-quote__photo img {
max-width: 88px; }
.portrait-quote__texts {
width: 100%; }
.portrait-quote--right .portrait-quote__photo .portrait-quote__cell {
left: initial;
text-align: right; }
.portrait-quote--right .portrait-quote__texts {
margin-left: 0; } }
.product-downloads {
overflow: hidden;
position: relative; }
.product-downloads--margins {
margin: 40px 0; }
@media (max-width: 1349px) {
.product-downloads--margins {
margin: 30px 0; } }
@media (max-width: 1199px) {
.product-downloads--margins {
margin: 20px 0; } }
.product-downloads__main, .product-downloads__info {
float: left;
margin-bottom: -9919px;
padding-bottom: 9999px; }
@media (max-width: 1349px) {
.product-downloads__main, .product-downloads__info {
margin-bottom: -9939px; } }
@media (max-width: 1199px) {
.product-downloads__main, .product-downloads__info {
margin-bottom: -9959px; } }
@media (max-width: 991px) {
.product-downloads__main, .product-downloads__info {
float: none;
margin-bottom: 0;
padding-bottom: 20px; } }
.product-downloads__main {
background-color: #fff;
padding-top: 55px;
padding-left: 80px;
padding-right: 80px;
width: 100%; }
@media (max-width: 1349px) {
.product-downloads__main {
padding-top: 45px;
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.product-downloads__main {
padding-top: 36px;
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.product-downloads__main {
padding-top: 30px;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 991px) {
.product-downloads__main {
padding-left: 20px;
padding-right: 20px; } }
.product-downloads__info {
background-color: transparent;
padding-top: 128px;
padding-left: 50px;
padding-right: 70px;
width: 26%; }
@media (max-width: 1349px) {
.product-downloads__info {
padding-top: 102px;
padding-left: 40px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.product-downloads__info {
padding-top: 90px;
padding-left: 32px;
padding-right: 45px; } }
@media (max-width: 991px) {
.product-downloads__info {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
width: auto; } }
.product-downloads__info-title {
font-size: inherit;
font-weight: 500;
letter-spacing: inherit;
margin-bottom: 20px; }
.product-downloads__info-cta {
float: right;
margin-top: 20px; }
@media (max-width: 991px) {
.product-downloads__info-cta {
display: block;
float: none;
margin-top: 15px; } }
.product-downloads__list-cols {
margin-top: 40px;
margin-left: -8px;
margin-right: -8px; }
.product-downloads__list-cols:before, .product-downloads__list-cols:after {
content: " ";
display: table; }
.product-downloads__list-cols:after {
clear: both; }
@media (max-width: 1349px) {
.product-downloads__list-cols {
margin-top: 30px; } }
@media (max-width: 767px) {
.product-downloads__list-cols {
margin-top: 0; } }
.product-downloads__list-col {
float: left;
padding: 0 8px 24px;
width: 25%; }
.product-downloads__list-col--break-row {
clear: left; }
@media (max-width: 767px) {
.product-downloads__list-col {
float: none;
margin-top: 28px;
width: auto; }
.product-downloads__list-col:first-child {
margin-top: 20px; } }
.product-downloads--info .product-downloads__main {
width: 74%; }
@media (max-width: 991px) {
.product-downloads--info .product-downloads__main {
width: auto; } }
.product-downloads--info .product-downloads__list-col {
width: 33.33333%; }
@media (max-width: 767px) {
.product-downloads--info .product-downloads__list-col {
width: auto; } }
.map-popup {
white-space: normal; }
.map-popup h5 {
font-size: 12px;
line-height: 16px; }
.map-popup p {
margin-top: .3em;
font-size: 11px;
line-height: 15px; }
.material-about {
padding: 80px;
background-color: #fff; }
@media (max-width: 1349px) {
.material-about {
padding: 60px; } }
@media (max-width: 1199px) {
.material-about {
padding: 50px; } }
@media (max-width: 991px) {
.material-about {
padding: 30px; } }
@media (max-width: 767px) {
.material-about {
padding: 20px; } }
.material-about__body {
margin-top: 46px;
margin-bottom: 66px; }
.material-about__body-container {
display: flex;
flex-flow: row wrap; }
.material-about__body-container dl {
margin: -2px 0 0; }
.material-about__body-heading {
margin-bottom: 18px;
flex-basis: calc(99.9% * 0.33333 - (100px - 100px * 0.33333));
max-width: calc(99.9% * 0.33333 - (100px - 100px * 0.33333));
width: calc(99.9% * 0.33333 - (100px - 100px * 0.33333));
margin-right: 100px; }
@media (max-width: 1349px) {
.material-about__body-heading {
flex-basis: calc(99.9% * 0.33333 - (60px - 60px * 0.33333));
max-width: calc(99.9% * 0.33333 - (60px - 60px * 0.33333));
width: calc(99.9% * 0.33333 - (60px - 60px * 0.33333));
margin-right: 60px; } }
@media (max-width: 1199px) {
.material-about__body-heading {
flex-basis: calc(99.9% * 0.33333 - (40px - 40px * 0.33333));
max-width: calc(99.9% * 0.33333 - (40px - 40px * 0.33333));
width: calc(99.9% * 0.33333 - (40px - 40px * 0.33333));
margin-right: 40px; } }
@media (max-width: 991px) {
.material-about__body-heading {
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px; } }
.material-about__body-col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.33333 - (100px - 100px * 0.33333));
max-width: calc(99.9% * 0.33333 - (100px - 100px * 0.33333));
width: calc(99.9% * 0.33333 - (100px - 100px * 0.33333));
margin-right: 100px; }
.material-about__body-col:nth-child(3n) {
margin-right: 0; }
@media (max-width: 1349px) {
.material-about__body-col {
flex-basis: calc(99.9% * 0.33333 - (60px - 60px * 0.33333));
max-width: calc(99.9% * 0.33333 - (60px - 60px * 0.33333));
width: calc(99.9% * 0.33333 - (60px - 60px * 0.33333));
margin-right: 60px; } }
@media (max-width: 1199px) {
.material-about__body-col {
flex-basis: calc(99.9% * 0.33333 - (40px - 40px * 0.33333));
max-width: calc(99.9% * 0.33333 - (40px - 40px * 0.33333));
width: calc(99.9% * 0.33333 - (40px - 40px * 0.33333));
margin-right: 40px; } }
@media (max-width: 991px) {
.material-about__body-col {
flex-basis: calc(99.9% * 0.5 - (20px - 20px * 0.5));
max-width: calc(99.9% * 0.5 - (20px - 20px * 0.5));
width: calc(99.9% * 0.5 - (20px - 20px * 0.5));
margin-right: 20px; }
.material-about__body-col:nth-child(1) {
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px;
margin-bottom: 30px; } }
@media (max-width: 767px) {
.material-about__body-col {
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px; } }
.material-about__body-col p:first-child {
margin-top: 0; }
@media (max-width: 767px) {
.material-about__standards .border-grid {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -20px; } }
.material-header__variants {
background-color: #faf8f6; }
.material-header__variants {
width: inherit;
padding-top: 32px;
padding-bottom: 32px;
position: relative;
z-index: 2;
border-top: 1px solid #B6A284;
border-bottom: 1px solid #B6A284; }
@media (max-width: 1349px) {
.material-header__variants {
padding-top: 10px;
padding-bottom: 10px; } }
@media (max-width: 1199px) {
.material-header__variants {
padding-top: 8px;
padding-bottom: 8px; } }
@media (max-width: 991px) {
.material-header__variants {
padding-top: 3px;
padding-bottom: 3px; } }
@media (max-width: 767px) {
.material-header__variants {
padding-top: 0;
padding-bottom: 0px; } }
.material-header__title {
font-size: 44px;
line-height: 57.2px;
font-weight: 300; }
@media (max-width: 767px) {
.material-header__title {
display: none; } }
@media (max-width: 767px) {
.material-info {
display: none; } }
.material-info__title {
margin-bottom: 1em; }
.material-info__cols {
display: flex; }
.material-info__cols:before, .material-info__cols:after {
content: " ";
display: table; }
.material-info__cols:after {
clear: both; }
.material-info__col-left {
float: left;
padding-right: 24px;
width: 25%; }
@media (max-width: 991px) {
.material-info__col-left {
width: 40%; } }
.material-info__col-right {
float: left;
padding-left: 24px;
width: 75%;
display: flex; }
@media (max-width: 991px) {
.material-info__col-right {
width: 60%; } }
.material-info__info p {
margin-top: 0; }
.material-info__images {
margin-left: -4px;
margin-right: -4px;
margin-top: 1em; }
.material-info__images:before, .material-info__images:after {
content: " ";
display: table; }
.material-info__images:after {
clear: both; }
.material-info__images > * {
padding: 4px 4px; }
.material-info__images > *:nth-child(2n + 1) {
clear: left; }
.material-info__images > * {
float: left;
max-width: 50%; }
.material-info__images img {
width: 100%;
vertical-align: top; }
.material-info__specifications {
min-height: 100%;
width: 100%;
background-color: #faf8f6;
overflow: hidden;
padding: 24px 12px 24px 24px; }
.material-info__specifications p {
margin: 3px 0 0; }
.material-info__specifications-row {
margin-left: -30px;
margin-right: -30px; }
.material-info__specifications-row:before, .material-info__specifications-row:after {
content: " ";
display: table; }
.material-info__specifications-row:after {
clear: both; }
@media (max-width: 1349px) {
.material-info__specifications-row {
margin-left: -20px;
margin-right: -20px; } }
@media (max-width: 1199px) {
.material-info__specifications-row {
margin-left: -10px;
margin-right: -10px; } }
.material-info__specifications-col {
float: left;
padding-left: 30px;
padding-right: 30px;
width: 33.33333%; }
@media (max-width: 1349px) {
.material-info__specifications-col {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 1199px) {
.material-info__specifications-col {
padding-left: 10px;
padding-right: 10px; } }
@media (max-width: 991px) {
.material-info__specifications-col {
width: 50%; }
.material-info__specifications-col:last-child {
clear: left;
float: none;
padding-top: 2em;
width: 100%; } }
.material-info__specifications-item {
margin-top: 2em; }
.material-info__specifications-item:first-child {
margin-top: 0; }
.materials-block {
background: white;
text-align: center;
padding: 135px 0 120px; }
@media (max-width: 1349px) {
.materials-block {
padding: 115px 0 100px; } }
@media (max-width: 1199px) {
.materials-block {
padding: 86px 0 70px; } }
@media (max-width: 991px) {
.materials-block {
padding: 66px 0 50px; } }
@media (max-width: 767px) {
.materials-block {
padding: 42px 24px 44px; } }
.materials-block__content {
max-width: 896px;
margin: 0 auto; }
@media (max-width: 1349px) {
.materials-block__content {
max-width: 777px; } }
@media (max-width: 1199px) {
.materials-block__content {
max-width: 644px; } }
@media (max-width: 991px) {
.materials-block__content {
max-width: 499px; } }
@media (max-width: 767px) {
.materials-block__content {
max-width: 280px; } }
.materials-block__title {
margin-bottom: 48px; }
@media (max-width: 1349px) {
.materials-block__title {
margin-bottom: 40px; } }
@media (max-width: 1199px) {
.materials-block__title {
margin-bottom: 36px; } }
@media (max-width: 991px) {
.materials-block__title {
margin-bottom: 32px; } }
@media (max-width: 767px) {
.materials-block__title {
margin-bottom: 26px; } }
.materials-block__info {
margin-bottom: 76px; }
@media (max-width: 1349px) {
.materials-block__info {
margin-bottom: 60px; } }
@media (max-width: 1199px) {
.materials-block__info {
margin-bottom: 45px; }
.materials-block__info .icon {
height: 37px;
margin-bottom: 11px; } }
@media (max-width: 991px) {
.materials-block__info {
margin-bottom: 28px; }
.materials-block__info .icon {
height: 28px;
margin-bottom: 10px; } }
@media (max-width: 767px) {
.materials-block__info {
margin-bottom: 40px; } }
.materials-block__info-grid {
margin-left: -10px;
margin-right: -10px;
margin-left: -38px;
margin-right: -38px; }
.materials-block__info-grid:before, .materials-block__info-grid:after {
content: " ";
display: table; }
.materials-block__info-grid:after {
clear: both; }
.materials-block__info-grid > * {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 25%; }
.materials-block__info-grid > *:nth-child(4n + 1) {
clear: both; }
.materials-block__info-grid > * {
padding: 38px 38px; }
@media (max-width: 1349px) {
.materials-block__info-grid {
margin-left: -33px;
margin-right: -33px; }
.materials-block__info-grid > * {
padding: 33px 33px; }
.materials-block__info-grid .icon {
height: 44px; } }
@media (max-width: 1199px) {
.materials-block__info-grid {
margin-left: -27px;
margin-right: -27px; }
.materials-block__info-grid > * {
padding: 27px 27px; } }
@media (max-width: 991px) {
.materials-block__info-grid {
margin-left: -22px;
margin-right: -22px; }
.materials-block__info-grid > * {
padding: 22px 22px; } }
@media (max-width: 767px) {
.materials-block__info-grid {
margin-left: -10px;
margin-right: -10px;
margin-left: -20px;
margin-right: -20px; }
.materials-block__info-grid > *:nth-child(4n + 1) {
clear: none; }
.materials-block__info-grid:before, .materials-block__info-grid:after {
content: " ";
display: table; }
.materials-block__info-grid:after {
clear: both; }
.materials-block__info-grid > * {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 50%; }
.materials-block__info-grid > *:nth-child(2n + 1) {
clear: both; }
.materials-block__info-grid > * {
padding: 20px 20px; } }
.materials-block__info-grid h2 {
margin-bottom: 0.7em; }
.materials-block__info-grid .icon {
height: 50px;
margin-bottom: 15px; }
.materials-block__kcs-teaser {
align-items: center;
display: flex;
justify-content: space-around;
margin-bottom: 28px;
margin-left: auto;
margin-right: auto;
width: 70%; }
@media (max-width: 991px) {
.materials-block__kcs-teaser {
margin-bottom: 16px;
width: auto; } }
@media (max-width: 767px) {
.materials-block__kcs-teaser {
flex-flow: column; } }
.materials-block__kcs-teaser img {
height: auto;
width: 140px; }
@media (max-width: 1199px) {
.materials-block__kcs-teaser img {
width: 100px; } }
@media (max-width: 767px) {
.materials-block__kcs-teaser img {
margin-bottom: 24px; } }
.materials-intro {
padding: 80px;
background: white;
overflow: hidden; }
@media (max-width: 1349px) {
.materials-intro {
padding: 60px; } }
@media (max-width: 1199px) {
.materials-intro {
padding: 50px; } }
@media (max-width: 991px) {
.materials-intro {
padding: 30px; } }
@media (max-width: 767px) {
.materials-intro {
padding: 20px; } }
.materials-intro__grid {
margin-left: -10px;
margin-right: -10px; }
.materials-intro__grid:before, .materials-intro__grid:after {
content: " ";
display: table; }
.materials-intro__grid:after {
clear: both; }
.materials-intro__grid > * {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 50%; }
.materials-intro__video {
overflow: hidden;
white-space: nowrap; }
.materials-intro__video-button {
display: inline-block;
vertical-align: bottom;
width: 50%; }
.materials-intro__video-button img {
width: 100%;
vertical-align: top; }
.materials-intro__video-description {
display: inline-block;
width: 50%;
max-width: 200px;
padding-left: 15px;
white-space: normal; }
.materials-intro__video-description h6 {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0.3em; }
.materials-intro__video-description p {
margin: 0; }
.materials-intro__texts {
margin-left: -20px;
margin-right: -20px; }
.materials-intro__texts:before, .materials-intro__texts:after {
content: " ";
display: table; }
.materials-intro__texts:after {
clear: both; }
.materials-intro__texts > * {
float: left;
padding-left: 20px;
padding-right: 20px;
width: 50%; }
.materials-intro__texts .button {
display: block;
margin-top: 1em; }
@media (max-width: 991px) {
.materials-intro__video-button {
width: 100%;
display: block; }
.materials-intro__video-description {
width: 100%;
max-width: 100%;
display: block;
padding: 14px 0 0 0; }
.materials-intro__video-description h6 {
display: none; }
.materials-intro__text-col {
width: 100%; }
.materials-intro__text-col + .materials-intro__text-col {
margin-top: 1em; } }
@media (max-width: 767px) {
.materials-intro {
padding: 0; }
.materials-intro:before {
display: none; }
.materials-intro__video {
width: 100%; }
.materials-intro__video-description {
display: none; }
.materials-intro__texts {
width: 100%;
margin: 0;
padding: 20px; } }
.materials-properties {
display: flex; }
.materials-properties__table {
width: 100%; }
.materials-properties__table th, .materials-properties__table td {
text-align: left;
border-bottom: none;
padding: 16px 8px; }
.materials-properties__table tr:nth-child(odd) {
background-color: #ECE7E0; }
.material-inspiration {
padding: 80px 16px; }
.material-inspiration__container {
background: #faf8f6;
margin-top: 32px; }
.material-inspiration__title {
margin-bottom: 32px;
font-size: 44px;
line-height: 51.56px;
font-weight: 300; }
.material-inspiration__preamble {
width: 871px;
font-size: 20px;
line-height: 27px;
letter-spacing: 0.8px;
margin-bottom: 32px; }
@media (max-width: 767px) {
.material-inspiration__preamble {
width: 75%;
padding: 4px; } }
.material-inspiration__image-container {
position: relative;
display: grid;
grid-auto-rows: auto;
grid-template-columns: repeat(4, 1fr);
overflow: hidden;
width: 100%;
height: 100%;
gap: 16px; }
@media (max-width: 1199px) {
.material-inspiration__image-container {
grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px) {
.material-inspiration__image-container {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
.material-inspiration__image-container {
grid-template-columns: repeat(1, 1fr); } }
.material-inspiration__image-item img {
width: 100%;
height: 100%;
object-fit: contain;
background: #ebebeb;
cursor: pointer; }
.material-tags-list {
display: flex;
flex-flow: row wrap;
width: 100%;
gap: 10px;
margin-bottom: 32px; }
.material-tags-list li {
text-align: center;
display: flex; }
.material-tags-list li:not(:last-of-type) {
margin-right: 20px; }
.material-tags-list li.active a {
background-color: #b6a284;
border: 2px solid #b6a284;
margin: unset; }
.material-tags-list li a {
padding: 8px 16px;
background-color: transparent;
border: 1px solid #9D9B99;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
margin: 1px;
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 500;
line-height: 16px; }
.material-tags-list li a:hover {
margin: 0px;
border: 2px solid #b6a284; }
.material-filter-tags {
display: flex;
flex-flow: row wrap;
width: 100%;
gap: 10px;
margin-bottom: 32px; }
.material-filter-tags li {
text-align: center;
display: flex; }
.material-filter-tags li:not(:last-of-type) {
margin-right: 15px; }
.material-filter-tags li a {
padding: 8px 16px;
background-color: transparent;
border: 1px solid #9D9B99;
border-radius: 20px;
overflow: hidden;
cursor: pointer;
margin: 1px;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 400;
line-height: 16px; }
.material-filter-tags li a:hover {
margin: 0px;
border: 2px solid #b6a284; }
.material-filter-tags li a.active {
background: #dad0c1;
border: 2px solid #b6a284;
border-radius: 20px;
margin: 0px; }
.multiselect {
max-width: 400px;
height: 57px;
position: relative; }
.multiselect__toggle {
background-color: #dad0c1;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border: none;
cursor: pointer;
display: block;
outline: none;
padding: 20px 30px;
position: relative;
text-align: left;
width: 100%;
height: 100%;
display: flex;
align-items: center; }
@media (max-width: 767px) {
.multiselect__toggle {
padding: 15px 20px; } }
.multiselect__toggle:before, .multiselect__toggle:after {
content: '';
background-color: #1d1d1b;
position: absolute;
top: 50%;
right: 30px; }
@media (max-width: 767px) {
.multiselect__toggle:before, .multiselect__toggle:after {
right: 20px; } }
.multiselect__toggle:before {
width: 11px;
height: 1px;
transform: translateY(-50%); }
.multiselect__toggle:after {
width: 1px;
height: 11px;
transform: translate(-5px, -50%); }
.multiselect--expanded .multiselect__toggle:after {
display: none; }
.multiselect__reset {
font-weight: 400;
font-size: 12px;
margin-left: 12px; }
.multiselect__dropdown {
background-color: #dad0c1;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
max-height: 240px;
overflow: scroll; }
.multiselect .multiselect__dropdown {
display: none; }
.multiselect__dropdown ul {
padding: 0 30px 20px; }
@media (max-width: 767px) {
.multiselect__dropdown ul {
padding: 0 20px 15px; } }
.multiselect__dropdown ul ul {
padding-left: 20px;
padding-bottom: 0; }
.multiselect--expanded .multiselect__dropdown {
display: flex;
position: absolute;
top: 56px;
left: 0;
width: 100%;
z-index: 2; }
@media (max-width: 767px) {
.multiselect--expanded .multiselect__dropdown {
top: 46px; } }
.multiselect__option .form-item {
margin-bottom: 0; }
.multiselect__option .form-item__input--checkbox:checked ~ span {
font-weight: bold; }
.filter-menu {
height: 57px;
position: relative;
border-top: 2px solid #dad0c1;
z-index: 1; }
@media (max-width: 767px) {
.filter-menu {
padding-top: 0px; } }
.filter-menu__title {
text-transform: uppercase;
line-height: 22px;
font-weight: 400;
font-size: 16px; }
.filter-menu__toggle {
background-color: #ece7e0;
cursor: pointer;
position: relative;
text-align: left;
width: 100%;
border: none;
padding: 0px;
box-sizing: border-box;
position: relative;
top: 20px;
margin: 0px; }
.filter-menu__toggle:before, .filter-menu__toggle:after {
content: '';
background-color: #1d1d1b;
position: absolute;
top: 40%;
right: 14px; }
@media (max-width: 767px) {
.filter-menu__toggle:before, .filter-menu__toggle:after {
top: 50%; } }
.filter-menu__toggle:before {
width: 11px;
height: 1px;
transform: translate(7px, -50%) rotate(-45deg); }
.filter-menu--expanded .filter-menu__toggle:before {
transform: translate(7px, -50%) rotate(45deg); }
.filter-menu__toggle:after {
width: 1px;
height: 11px;
transform: translate(-5px, -50%) rotate(-45deg); }
.filter-menu--expanded .filter-menu__toggle:after {
transform: translate(-5px, -50%) rotate(45deg); }
.filter-menu__reset {
font-weight: 400;
font-size: 12px;
margin-left: 12px; }
.filter-menu__dropdown {
background-color: #ece7e0;
overflow: hidden; }
.filter-menu .filter-menu__dropdown {
display: none; }
.filter-menu__dropdown ul li:last-child {
margin-bottom: 24px; }
.filter-menu--expanded .filter-menu__dropdown {
display: flex;
position: absolute;
top: 56px;
left: 0;
width: 100%;
z-index: 0; }
.filter-option-list {
display: flex;
flex-direction: column;
width: inherit; }
.filter-option-list .filter-option-list {
margin-left: 16px; }
.filter-option-list__option {
margin-bottom: 8px; }
.filter-option-list__option:first-child {
margin-top: 10px; }
.filter-option-list__option-item {
position: relative;
margin-bottom: 0; }
.filter-option-list__label {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 14px; }
.filter-option-list__label-text {
margin-top: 0px; }
.filter-option-list__checkbox-bakground {
position: absolute;
top: 4px;
background: #b6a284;
width: 24px;
height: 24px;
border-radius: 6px;
background: transparent;
border: 2px solid #b6a284;
box-sizing: border-box; }
.filter-option-list__checkbox {
position: relative; }
.filter-option-list__checkbox-icon {
fill: none;
position: absolute;
width: 20px;
height: 20px;
top: 6px;
left: 2px;
z-index: 1;
visibility: hidden; }
.filter-option-list__input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
font-family: inherit;
font-size: inherit;
color: inherit;
width: 24px;
height: 24px;
margin: 0;
margin-top: 4px;
padding: 0;
border: 0; }
.filter-option-list__input:checked + .filter-option-list__checkbox-icon {
stroke: #fff;
visibility: visible; }
.filter-option-list__input:checked ~ .filter-option-list__checkbox-bakground {
background: #b6a284; }
.feed {
min-height: 300px;
position: relative; }
.feed + .feed {
margin-top: 34px; }
@media (max-width: 767px) {
.feed {
padding: 0 8px; }
.feed__grid {
margin: 0; } }
@media (max-width: 767px) {
.feed__title {
padding: 20px; } }
.feed__grid {
margin: 0 -12px;
display: flex;
flex-wrap: wrap; }
@media (max-width: 1199px) {
.feed__grid {
margin-left: -8px;
margin-right: -8px; } }
@media (max-width: 767px) {
.feed__grid {
margin-left: 0;
margin-right: 0;
display: block; } }
.feed__grid .feed__grid-item--left {
float: left; }
.feed__grid .feed__grid-item--right {
float: right; }
.feed__grid .feed__grid-item--clear {
clear: both; }
.feed__grid .feed__grid-item--split {
float: left; }
.feed__grid .feed__grid-item--split > div {
margin: 40px -68px; }
.feed__grid .inspiration-card:nth-child(1),
.feed__grid .inspiration-card:nth-child(2),
.feed__grid .inspiration-card--cols-4:nth-child(3),
.feed__grid .inspiration-card--cols-4:nth-child(4) {
padding-top: 0px; }
.feed__category {
position: relative; }
.feed__category:before, .feed__category:after {
content: " ";
display: table; }
.feed__category:after {
clear: both; }
.feed__category + .feed__category {
margin-top: 56px; }
@media (max-width: 1349px) {
.feed__category + .feed__category {
margin-top: 48px; } }
@media (max-width: 1199px) {
.feed__category + .feed__category {
margin-top: 42px; } }
@media (max-width: 991px) {
.feed__category + .feed__category {
margin-top: 36px; } }
@media (max-width: 767px) {
.feed__category + .feed__category {
margin-top: 0; } }
.feed--loading .feed__category {
display: none; }
.feed__category.loading h4 {
height: 2rem;
width: 12rem;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background-color: #bbbbbb;
border-radius: 5px; }
.feed__category.loading .material-card .material-card__image {
background-color: #ececec;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite; }
.feed__category.loading .material-card .material-card__text {
margin-top: 16px;
height: 1rem;
animation-name: pulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background-color: #ececec;
border-radius: 5px;
width: 33%; }
.feed__category-title {
position: absolute;
bottom: 100%;
left: 0;
transform: rotate(90deg);
transform-origin: left bottom;
margin-bottom: 0; }
@media (max-width: 767px) {
.feed__category-title {
background-color: #a2a6a8;
color: #fff;
padding: 7px 20px;
position: relative;
bottom: auto;
left: auto;
transform: none; } }
.feed__material-colour-title {
position: relative;
font-size: 44px;
line-height: 48px;
font-weight: 300; }
.feed__no-results {
text-align: center; }
.feed .loader {
display: none;
margin-top: 70px; }
.feed--loading .loader {
display: block; }
.feed .material-info {
clear: both;
padding: 60px 10px 20px; }
.feed .material-info:first-child {
padding-top: 30px; }
.feed__grid--material {
margin-top: 32px; }
.feed__meta {
overflow: hidden;
margin-top: -20px;
text-align: right;
font-weight: 500; }
.feed__meta-right {
float: right;
display: flex;
align-items: center; }
.feed__grid-switch {
opacity: 0.5;
margin-left: 20px;
padding: 0px;
appearance: none;
border: none;
background: transparent; }
.feed__grid-switch--active, .feed__grid-switch--active:hover {
opacity: 1; }
.feed .case-feed-enter-active,
.feed .case-feed-leave-active {
transition: all 0.25s ease-in-out; }
.feed .case-feed-enter-to,
.feed .case-feed-leave {
opacity: 1; }
.feed .case-feed-enter,
.feed .case-feed-leave-to {
opacity: 0; }
@media (max-width: 1349px) {
.feed__grid .feed__grid-item--split > div {
margin: 25px -48px; } }
@media (max-width: 1199px) {
.feed__grid .feed__grid-item--split > div {
margin: 20px -42px; } }
@media (max-width: 991px) {
.feed__grid .feed__grid-item--split > div {
margin: 10px -22px; } }
@media (max-width: 767px) {
.feed__grid .feed__grid-item--split > div {
margin: 0; }
.feed__grid .feed__grid-item--left,
.feed__grid .feed__grid-item--right,
.feed__grid .feed__grid-item--split {
float: none; }
.feed__grid.feed__grid--material {
margin-top: 16px;
display: flex;
justify-content: space-between; }
.feed__meta {
margin-bottom: 24px; }
.feed__meta-right {
display: none; } }
@keyframes pulse {
0% {
filter: brightness(1); }
50% {
filter: brightness(0.9); }
100% {
filter: brightness(1); } }
.range {
cursor: pointer;
position: relative;
width: 100px;
height: 20px;
margin: 0 26px;
user-select: none; }
@media (max-width: 1349px) {
.range {
width: 68px; } }
@media (max-width: 767px) {
.range {
width: auto;
max-width: 100%; } }
.range--lg {
width: auto;
height: 41px;
max-width: 352px;
margin: 0 54px; }
@media (max-width: 1199px) {
.range--lg {
height: 30px;
max-width: 255px;
margin: 0 40px; } }
@media (max-width: 991px) {
.range--lg {
height: 20px;
max-width: 178px;
margin: 0 26px; } }
@media (max-width: 767px) {
.range--lg {
max-width: 100%;
margin-left: 32px; } }
.range__low, .range__high {
display: block;
position: absolute;
top: 0;
left: 0;
width: 26px;
height: inherit; }
.range--lg .range__low, .range--lg .range__high {
width: 54px; }
@media (max-width: 1199px) {
.range--lg .range__low, .range--lg .range__high {
width: 40px; } }
@media (max-width: 991px) {
.range--lg .range__low, .range--lg .range__high {
width: 26px; } }
.range__low svg, .range__high svg {
width: inherit;
height: inherit; }
.range__low {
left: 0;
margin-left: -26px;
cursor: pointer; }
.range--lg .range__low {
margin-left: -54px; }
@media (max-width: 1199px) {
.range--lg .range__low {
margin-left: -40px; } }
@media (max-width: 991px) {
.range--lg .range__low {
margin-left: -26px; } }
.range__high {
left: 100%;
margin-left: 0; }
.range__high svg {
transform: rotate(-180deg); }
.range__handle-value {
position: absolute;
top: 0;
left: 0;
width: 20px;
line-height: 20px;
text-align: center;
margin: 0; }
.range--lg .range__handle-value {
width: 41px;
line-height: 41px; }
@media (max-width: 1199px) {
.range--lg .range__handle-value {
width: 30px;
line-height: 30px; } }
@media (max-width: 991px) {
.range--lg .range__handle-value {
width: 20px;
line-height: 20px; } }
.range__high .range__handle-value {
left: auto;
right: 0; }
.range__track {
position: absolute;
top: 7px;
left: 0;
right: 0;
height: 6px; }
.range--lg .range__track {
top: 15px;
height: 10px; }
@media (max-width: 1199px) {
.range--lg .range__track {
top: 11.5px;
height: 7px; } }
@media (max-width: 991px) {
.range--lg .range__track {
top: 7px;
height: 6px; } }
.range__indicator {
position: relative;
background-color: #b7d698;
height: inherit;
width: 100%; }
.range__indicator:before, .range__indicator:after {
content: '';
position: absolute;
display: inline-block;
top: 0;
width: 6px;
height: inherit;
background-color: #b7d698; }
.range--lg .range__indicator:before, .range--lg .range__indicator:after {
width: 10px; }
@media (max-width: 1199px) {
.range--lg .range__indicator:before, .range--lg .range__indicator:after {
width: 7px; } }
@media (max-width: 991px) {
.range--lg .range__indicator:before, .range--lg .range__indicator:after {
width: 6px; } }
.range__indicator:before {
left: -6px; }
.range--lg .range__indicator:before {
left: -10px; }
@media (max-width: 1199px) {
.range--lg .range__indicator:before {
left: -7px; } }
@media (max-width: 991px) {
.range--lg .range__indicator:before {
left: -6px; } }
.range__indicator:after {
right: -6px; }
.range--lg .range__indicator:after {
right: -10px; }
@media (max-width: 1199px) {
.range--lg .range__indicator:after {
right: -7px; } }
@media (max-width: 991px) {
.range--lg .range__indicator:after {
right: -6px; } }
.filter-search-field {
border-bottom: solid 1px #fff;
overflow: hidden;
position: relative;
padding-left: 26px;
width: 0;
transition: width 400ms ease-in-out; }
.filter-search-field--expanded {
border-color: #faf8f6;
padding-bottom: 0;
width: 400px; }
.filter-search-field__toggle {
border: 0;
background-color: transparent;
outline: none;
padding: 8px;
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%); }
.filter-search-field__input {
border: 0;
padding: 10px 20px 10px 10px;
line-height: 1.8;
outline: none;
height: 42px;
font-size: 12px;
width: 100%; }
.filter-search-field__close {
display: none;
background-color: transparent;
border: 0;
padding: 8px;
outline: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -5px;
width: 28px;
height: 28px; }
.filter-search-field__close:before, .filter-search-field__close:after {
content: '';
display: block;
background-color: #1d1d1b;
width: 16px;
height: 1px;
position: absolute; }
.filter-search-field__close:before {
transform: rotate(45deg); }
.filter-search-field__close:after {
transform: rotate(-45deg); }
.filter-search-field--expanded .filter-search-field__close {
display: block; }
.filter-drawer__filter-container {
margin-right: 16px; }
.filter-drawer__filter-container .filter-menu:last-of-type {
border-bottom: 2px solid #dad0c1; }
.filter-drawer__filter-container .filter-menu:last-of-type .filter-menu__toggle {
top: 17px; }
.filter-drawer__filter-container .filter-menu--expanded:last-of-type {
border-bottom: unset; }
.filter-drawer__filter-container .filter-menu--expanded:last-of-type .filter-menu__dropdown {
border-bottom: 2px solid #dad0c1; }
.filter-drawer__single-filter-group {
border-top: 2px solid #dad0c1;
border-bottom: 2px solid #dad0c1;
padding: 16px 0px; }
.filter-drawer__button-container {
margin-right: 16px;
margin-top: 80px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
.filter-drawer__button-container button:not(:last-child) {
margin-right: 24px; }
.filter-drawer__button-container .button-secondary,
.filter-drawer__button-container .button-tertiary {
margin-bottom: 16px; }
@media (max-width: 767px) {
.filter-drawer__button-container {
margin-top: 60px; } }
@media (max-width: 320px) {
.filter-drawer__button-container .button-tertiary {
font-size: 12px;
padding: 12px; }
.filter-drawer__button-container .button-secondary {
font-size: 12px;
padding: 12px; } }
.filter-drawer__button-text {
margin: 0px 16px; }
.filter-tags__container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
@media (max-width: 768px) {
.filter-tags__container {
margin-top: 24px; } }
.filter-tags__tag {
border: unset;
background: #ece7e0;
border-radius: 20px;
margin: 8px 10px 8px 0px;
height: 28px;
color: #1d1d1b; }
@media (max-width: 991px) {
.filter-tags__tag {
margin: 8px;
margin-left: 0px; } }
.filter-tags__text {
position: relative;
margin: 0px 32px 0px 16px; }
.filter-tags__text:before, .filter-tags__text:after {
content: '';
background-color: #1d1d1b;
position: absolute;
right: -17px;
top: 50%;
border-radius: 1px; }
.filter-tags__text:before {
width: 9px;
height: 1px;
transform: translateY(-50%) rotate(45deg); }
.filter-tags__text:after {
width: 1px;
height: 9px;
transform: translate(-4px, -50%) rotate(45deg); }
.flash {
margin: 20px 0;
padding: 15px 25px; }
.flash--error {
background-color: #d22630;
color: #fff; }
.flash p:first-child {
margin-top: 0; }
.assets-card {
float: left;
padding: 12px 12px 0;
position: relative;
width: 16.66667%; }
@media (max-width: 1199px) {
.assets-card {
padding: 8px 8px 0;
width: 25%; } }
@media (max-width: 767px) {
.assets-card {
width: 50%; } }
.assets-card__link {
display: block;
outline: none;
text-decoration: none; }
.assets-card__link:hover {
opacity: 1;
text-decoration: underline; }
.assets-card__image-container {
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative; }
.assets-card__image {
position: absolute;
max-width: 100%;
max-height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.assets-card__text {
padding-top: 16px;
min-height: 68px;
text-align: center; }
.assets-card__text, .assets-card__title, .assets-card__subtitle {
font-size: 12px;
font-weight: normal;
letter-spacing: inherit;
text-transform: none;
word-wrap: break-word; }
@media (max-width: 1199px) {
.assets-card__text, .assets-card__title, .assets-card__subtitle {
font-size: 11px; } }
.assets-card__title {
margin-bottom: 2px; }
.assets-card__subtitle {
color: #a2a6a8; }
.assets-card__subtitle {
margin-top: 0; }
.inspiration-card {
padding: 12px 12px 0;
position: relative;
width: 50%;
flex-grow: 0;
flex-shrink: 0;
padding: 32px 12px 0;
cursor: pointer; }
.inspiration-card__link {
display: block;
outline: none;
text-decoration: none; }
.inspiration-card__link:hover {
opacity: 1; }
.inspiration-card__image-container {
height: 0;
position: relative;
overflow: hidden; }
.inspiration-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.inspiration-card__title {
margin-bottom: 16px; }
.inspiration-card__subtitle {
margin-top: 0; }
@media (max-width: 1199px) {
.inspiration-card {
padding: 8px 8px 0; } }
@media (max-width: 767px) {
.inspiration-card {
float: none;
height: auto;
padding: 0;
width: auto;
position: relative;
flex: 0 1 auto; }
.inspiration-card:before, .inspiration-card:after {
content: " ";
display: table; }
.inspiration-card:after {
clear: both; } }
.inspiration-card__image-container {
padding-bottom: 56.43%; }
@media (max-width: 767px) {
.inspiration-card__text {
padding-bottom: 16px; } }
.inspiration-card__title {
margin-top: 16px;
margin-bottom: 8px; }
.inspiration-card__subtitle {
display: flex;
justify-content: space-between; }
.inspiration-card .lazy-load {
opacity: 0; }
.inspiration-card .lazy-loaded {
transition: all 0.3s ease-in;
opacity: 1; }
.inspiration-card--cols-4 {
width: 25%;
flex: 0 1 25%; }
.inspiration-card__mark {
position: absolute;
display: block;
right: 0;
top: 2em;
padding: 0.8em;
text-transform: uppercase;
color: #fff;
font-weight: 700; }
.inspiration-card__mark-springgreen {
background-color: #b7d698; }
.inspiration-card__mark-aquamarine {
background-color: #a9dae7; }
.inspiration-card__mark-flamingopink {
background-color: #fad0c8; }
@media (max-width: 767px) {
.inspiration-card--cols-4 {
width: auto;
flex: 0 1 auto; } }
.cases-filter-drawer-feed .inspiration-card__image img {
width: 100%;
height: 100%;
object-fit: cover; }
.cases-tags-list {
display: flex;
flex-flow: row wrap;
width: 100%;
gap: 10px;
margin-bottom: 32px; }
.cases-tags-list li {
text-align: center;
display: flex; }
.cases-tags-list li.active a {
background-color: #ece7e0;
border: 2px solid #b6a284;
margin: unset; }
.cases-tags-list li a {
padding: 8px 16px;
background-color: transparent;
border: 1px solid #9d9b99;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
margin: 1px;
font-size: 0.875rem;
text-transform: uppercase; }
.cases-tags-list li a:hover {
margin: 0px;
border: 2px solid #b6a284; }
.material-card {
padding: 12px 12px 0;
position: relative;
width: 20%;
flex-grow: 0;
flex-shrink: 0;
cursor: pointer;
margin-bottom: 20px;
padding: 0 12px 12px; }
.material-card__link {
display: block;
outline: none;
text-decoration: none; }
.material-card__link:hover {
opacity: 1; }
.material-card__image-container {
height: 0;
position: relative;
overflow: hidden; }
.material-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.material-card__title {
margin-bottom: 16px; }
.material-card__subtitle {
margin-top: 0; }
@media (max-width: 1199px) {
.material-card {
padding: 8px 8px 0; } }
@media (max-width: 767px) {
.material-card {
float: none;
height: auto;
padding: 0;
width: auto;
position: relative;
flex: 0 1 auto; }
.material-card:before, .material-card:after {
content: " ";
display: table; }
.material-card:after {
clear: both; }
.material-card__image-container {
float: left;
width: 50%;
height: auto; }
.material-card__text {
padding: 0 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 50%; }
.material-card:nth-child(even) .material-card__image-container {
float: right; }
.material-card:nth-child(even) .material-card__text {
right: auto;
left: 0;
text-align: right; } }
@media (min-width: 1200px) {
.material-card:nth-child(5n + 1) {
clear: left; } }
@media (max-width: 1349px) {
.material-card {
padding: 0 12px 12px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.material-card {
width: 25%; }
.material-card:nth-child(4n + 1) {
clear: left; } }
@media (min-width: 768px) and (max-width: 991px) {
.material-card {
width: 33.33333%; }
.material-card:nth-child(3n + 1) {
clear: left; } }
@media (max-width: 767px) {
.material-card {
width: 50%;
padding: 8px 0;
margin: 0 -8px; }
.material-card .material-card__image-container {
width: 100%;
float: unset !important; }
.material-card .material-card__text {
position: relative;
transform: unset;
width: 100%;
text-align: left !important; }
.material-card .material-card__text h4 {
color: #1d1d1b; } }
.material-card__image-container {
padding-bottom: 100%; }
.material-card__new {
color: #fff;
background: #1d1d1b;
font-size: 0.75rem;
font-weight: bold;
letter-spacing: 0.2px;
position: absolute;
top: 0;
left: 0;
padding: 8px 16px; }
.material-card__new--dark {
color: #1d1d1b;
background: #fff; }
.material-card__title {
color: #1d1d1b;
margin-bottom: 0;
padding: 0;
text-transform: none; }
.material-card__text {
padding-top: 16px;
position: relative;
transform: unset;
text-align: left !important; }
.search-hit-card {
color: #a2a6a8;
margin: 26px 0; }
.search-hit-card:hover {
cursor: pointer;
opacity: 0.5; }
.search-hit-card--product {
margin: 20px 0;
display: flex;
align-items: center; }
@media (max-width: 1199px) {
.search-hit-card--product {
align-items: flex-start; } }
@media (max-width: 767px) {
.search-hit-card--product {
align-items: center;
margin: 0 -20px; } }
@media (max-width: 767px) {
.search-hit-card--product:nth-child(even) .search-hit-card__image-container {
order: 2; }
.search-hit-card--product:nth-child(even) .search-hit-card__text {
order: 1;
text-align: right; } }
.search-hit-card__title {
margin-bottom: 8px; }
.search-hit-card__sub-title, .search-hit-card__title {
color: #1d1d1b;
margin-top: 0; }
.search-hit-card__image-container {
flex-shrink: 0;
flex-grow: 0;
width: 200px;
height: 200px;
min-height: 1px; }
@media (max-width: 1199px) {
.search-hit-card__image-container {
width: 160px;
height: 160px; } }
@media (max-width: 991px) {
.search-hit-card__image-container {
width: 120px;
height: 120px; } }
@media (max-width: 767px) {
.search-hit-card__image-container {
width: 50%;
height: auto; } }
.search-hit-card__image {
display: block;
height: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto; }
@media (max-width: 767px) {
.search-hit-card__image {
height: auto;
width: 100%; } }
.search-hit-card em {
color: #1d1d1b;
font-style: normal; }
.search-hit-card__image-container + .search-hit-card__text {
margin-left: 40px; }
@media (max-width: 1349px) {
.search-hit-card__image-container + .search-hit-card__text {
margin-left: 30px; } }
@media (max-width: 1199px) {
.search-hit-card__image-container + .search-hit-card__text {
margin-left: 20px; } }
@media (max-width: 991px) {
.search-hit-card__image-container + .search-hit-card__text {
margin-left: 15px; } }
@media (max-width: 767px) {
.search-hit-card__image-container + .search-hit-card__text {
margin-left: 0;
padding: 0 20px;
width: 50%; } }
.search-hit-card__text a {
color: #00a0d8;
text-decoration: none;
word-break: break-all; }
.search-hit-card__text a.link-label-small {
margin-left: 10px; }
@media (max-width: 1199px) {
.search-hit-card__excerpt {
margin-top: 0; } }
.search-hit-card__keyword-list {
margin: 8px -5px 15px -5px; }
@media (max-width: 991px) {
.search-hit-card__keyword-list {
display: none; } }
.search-hit-card__keyword-list > li {
display: inline-block;
padding: 3px 5px; }
.search-hit-card__keyword-list em {
font-weight: bold; }
.search-hit-card__links-container {
margin: 10px -10px; }
@media (max-width: 767px) {
.search-hit-card__links-container {
margin: 5px 0; } }
.search-hit-card__link {
display: inline-block;
margin-left: 10px;
margin-right: 10px; }
@media (max-width: 767px) {
.search-hit-card__link {
margin: 0; }
.search-hit-card__link.icon-link {
padding-left: 0; }
.search-hit-card__link.search-hit-card__link--hidden-xs {
display: none; }
.search-hit-card__link svg {
display: none; } }
.staff-card {
padding: 12px 12px 0;
position: relative;
width: 25%;
flex-grow: 0;
flex-shrink: 0; }
.staff-card__link {
display: block;
outline: none;
text-decoration: none; }
.staff-card__link:hover {
opacity: 1; }
.staff-card__image-container {
height: 0;
position: relative;
overflow: hidden; }
.staff-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.staff-card__title {
margin-bottom: 16px; }
.staff-card__subtitle {
margin-top: 0; }
@media (max-width: 1199px) {
.staff-card {
padding: 8px 8px 0; } }
@media (max-width: 767px) {
.staff-card {
float: none;
height: auto;
padding: 0;
width: auto;
position: relative;
flex: 0 1 auto; }
.staff-card:before, .staff-card:after {
content: " ";
display: table; }
.staff-card:after {
clear: both; }
.staff-card__image-container {
float: left;
width: 50%;
height: auto; }
.staff-card__text {
padding: 0 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 50%; }
.staff-card:nth-child(even) .staff-card__image-container {
float: right; }
.staff-card:nth-child(even) .staff-card__text {
right: auto;
left: 0;
text-align: right; } }
.staff-card:nth-child(4n + 1) {
clear: left; }
@media (max-width: 767px) {
.staff-card:nth-child(4n + 1) {
clear: none; } }
.staff-card__image-container {
padding-bottom: 66.548%; }
@media (max-width: 767px) {
.staff-card__image-container {
padding-bottom: 33.274%; } }
.staff-card__image-placeholder {
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
width: 150px;
height: 150px;
background-color: #f8f8f8;
background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIxMTYgNjkgNTAgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik0xNTcuNzY1NjI1LDExMC44NTkzNzUgQzE1NS43NSwxMTAuMTQwNjI1IDE1Mi44NTkzNzUsMTA5Ljg5MDYyNSAxNTEuMDE1NjI1LDEwOS40ODQzNzUgQzE0OS45NTMxMjUsMTA5LjI1IDE0OC40MDYyNSwxMDguNjU2MjUgMTQ3Ljg5MDYyNSwxMDguMDQ2ODc1IEMxNDcuMzc1LDEwNy40MjE4NzUgMTQ3LjY4NzUsMTAxLjY1NjI1IDE0Ny42ODc1LDEwMS42NTYyNSBDMTQ3LjY4NzUsMTAxLjY1NjI1IDE0OC42NDA2MjUsMTAwLjE1NjI1IDE0OS4xNTYyNSw5OC44NDM3NSBDMTQ5LjY3MTg3NSw5Ny41MzEyNSAxNTAuMjM0Mzc1LDkzLjkzNzUgMTUwLjIzNDM3NSw5My45Mzc1IEMxNTAuMjM0Mzc1LDkzLjkzNzUgMTUxLjI5Njg3NSw5My45Mzc1IDE1MS42NzE4NzUsOTIuMDc4MTI1IEMxNTIuMDc4MTI1LDkwLjA0Njg3NSAxNTIuNzAzMTI1LDg5LjIwMzEyNSAxNTIuNjI1LDg3LjY4NzUgQzE1Mi41NDY4NzUsODYuMjgxMjUgMTUxLjgxMjUsODYuMjAzMTI1IDE1MS43MzQzNzUsODYuMjAzMTI1IEMxNTEuNzM0Mzc1LDg2LjIwMzEyNSAxNTIuNSw4NC4wNzgxMjUgMTUyLjYwOTM3NSw3OS41NzgxMjUgQzE1Mi43MzQzNzUsNzQuMjUgMTQ4LjY1NjI1LDY5IDE0MSw2OSBDMTMzLjM0Mzc1LDY5IDEyOS4yODEyNSw3NC4yMzQzNzUgMTI5LjM5MDYyNSw3OS41NjI1IEMxMjkuNDg0Mzc1LDg0LjA0Njg3NSAxMzAuMjY1NjI1LDg2LjE4NzUgMTMwLjI2NTYyNSw4Ni4xODc1IEMxMzAuMTg3NSw4Ni4xODc1IDEyOS40NTMxMjUsODYuMjY1NjI1IDEyOS4zNzUsODcuNjcxODc1IEMxMjkuMjk2ODc1LDg5LjE4NzUgMTI5LjkzNzUsOTAgMTMwLjMyODEyNSw5Mi4wMzEyNSBDMTMwLjcwMzEyNSw5My44OTA2MjUgMTMxLjc2NTYyNSw5My45MDYyNSAxMzEuNzY1NjI1LDkzLjkwNjI1IEMxMzEuNzY1NjI1LDkzLjkwNjI1IDEzMi4zMjgxMjUsOTcuNTE1NjI1IDEzMi44NDM3NSw5OC44MjgxMjUgQzEzMy4zNTkzNzUsMTAwLjE1NjI1IDEzNC4zMTI1LDEwMS42NDA2MjUgMTM0LjMxMjUsMTAxLjY0MDYyNSBDMTM0LjMxMjUsMTAxLjY0MDYyNSAxMzQuNjI1LDEwNy40MDYyNSAxMzQuMTA5Mzc1LDEwOC4wMzEyNSBDMTMzLjU5Mzc1LDEwOC42NTYyNSAxMzIuMDQ2ODc1LDEwOS4yMzQzNzUgMTMwLjk4NDM3NSwxMDkuNDY4NzUgQzEyOS4xMjUsMTA5Ljg3NSAxMjYuMjUsMTEwLjE0MDYyNSAxMjQuMjM0Mzc1LDExMC44NTkzNzUgQzEyMi4yMTg3NSwxMTEuNTc4MTI1IDExNiwxMTQgMTE2LDExOSBMMTQxLDExOSBMMTY2LDExOSBDMTY2LDExNCAxNTkuNzgxMjUsMTExLjU3ODEyNSAxNTcuNzY1NjI1LDExMC44NTkzNzUgWiIgaWQ9IlNoYXBlIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNEMEQzRDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC4yMDQ5OTA2NzIiPjwvcGF0aD4NCjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: center center; }
@media (max-width: 767px) {
.staff-card__image-placeholder {
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } }
.staff-card__image {
display: block;
top: auto;
bottom: 0;
left: 0;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%; }
@media (max-width: 767px) {
.staff-card__image {
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } }
.staff-card__text {
margin-top: 10px; }
@media (max-width: 767px) {
.staff-card__text {
margin-top: 0; } }
.staff-card__text p {
margin: 0; }
@media (max-width: 767px) {
.staff-card__text p {
line-height: 1.6; } }
.staff-card__name {
text-transform: capitalize; }
@media (max-width: 767px) {
.staff-card__phone, .staff-card__mail {
display: block; } }
.staff-card__phone {
text-decoration: none; }
.staff-card__phone + .staff-card__mail-wrap:before {
content: '· '; }
@media (max-width: 767px) {
.staff-card__phone + .staff-card__mail-wrap:before {
display: none; } }
.staff-card__mail-wrap + .staff-card__mail-wrap:before {
content: '· '; }
@media (max-width: 767px) {
.staff-card__mail-wrap + .staff-card__mail-wrap:before {
display: none; } }
.tip-card {
padding: 12px 12px 0;
position: relative;
width: 25%;
flex-grow: 0;
flex-shrink: 0;
padding-bottom: 10px; }
.tip-card__link {
display: block;
outline: none;
text-decoration: none; }
.tip-card__link:hover {
opacity: 1; }
.tip-card__image-container {
height: 0;
position: relative;
overflow: hidden; }
.tip-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.tip-card__title {
margin-bottom: 16px; }
.tip-card__subtitle {
margin-top: 0; }
@media (max-width: 1199px) {
.tip-card {
padding: 8px 8px 0; } }
@media (max-width: 767px) {
.tip-card {
float: none;
height: auto;
padding: 0;
width: auto;
position: relative;
flex: 0 1 auto; }
.tip-card:before, .tip-card:after {
content: " ";
display: table; }
.tip-card:after {
clear: both; } }
@media (max-width: 1199px) {
.tip-card {
padding-bottom: 5px; } }
@media (max-width: 991px) {
.tip-card {
width: 33.33333%; } }
@media (max-width: 767px) {
.tip-card {
margin: 10px;
padding-top: 0;
padding-bottom: 0;
width: auto; } }
.tip-card__inner {
background-color: #fff;
border-bottom: solid 4px;
overflow: hidden;
padding: 26px;
position: relative; }
@media (max-width: 1199px) {
.tip-card__inner {
padding: 18px; } }
@media (max-width: 767px) {
.tip-card__inner {
padding: 20px; } }
.tip-card--aquamarine .tip-card__inner {
border-bottom-color: #a9dae7; }
.tip-card--lemonyellow .tip-card__inner {
border-bottom-color: #f6eb61; }
.tip-card--mistygrey .tip-card__inner {
border-bottom-color: #d0d3d4; }
.tip-card--graphitegrey .tip-card__inner {
border-bottom-color: #a2a6a8; }
.tip-card--polargreen .tip-card__inner {
border-bottom-color: #e0edd5; }
.tip-card--springgreen .tip-card__inner {
border-bottom-color: #b7d698; }
.tip-card--chilired .tip-card__inner {
border-bottom-color: #d22630; }
.tip-card--salmon .tip-card__inner {
border-bottom-color: #e6baa8; }
.tip-card--cinnamon .tip-card__inner {
border-bottom-color: #6d4f47; }
.tip-card--flamingopink .tip-card__inner {
border-bottom-color: #fad0c8; }
.tip-card--kingfisherblue .tip-card__inner {
border-bottom-color: #00a0d8; }
.tip-card--sdw20green .tip-card__inner {
border-bottom-color: #244f3e; }
.tip-card--slate .tip-card__inner {
border-bottom-color: #3d3935; }
.tip-card--slate100 .tip-card__inner {
border-bottom-color: #3d3935; }
.tip-card--slate75 .tip-card__inner {
border-bottom-color: #6e6b68; }
.tip-card--slate50 .tip-card__inner {
border-bottom-color: #9d9b99; }
.tip-card--slate25 .tip-card__inner {
border-bottom-color: #cecdcc; }
.tip-card--slate7 .tip-card__inner {
border-bottom-color: #f1f1f1; }
.tip-card--eveningsky .tip-card__inner {
border-bottom-color: #284458; }
.tip-card--eveningsky100 .tip-card__inner {
border-bottom-color: #284458; }
.tip-card--eveningsky75 .tip-card__inner {
border-bottom-color: #5e7382; }
.tip-card--eveningsky50 .tip-card__inner {
border-bottom-color: #93a1ab; }
.tip-card--eveningsky25 .tip-card__inner {
border-bottom-color: #c9d0d5; }
.tip-card--eveningsky7 .tip-card__inner {
border-bottom-color: #f0f2f3; }
.tip-card--organicgreen .tip-card__inner {
border-bottom-color: #2e483e; }
.tip-card--organicgreen100 .tip-card__inner {
border-bottom-color: #2e483e; }
.tip-card--organicgreen75 .tip-card__inner {
border-bottom-color: #62766e; }
.tip-card--organicgreen50 .tip-card__inner {
border-bottom-color: #96a39e; }
.tip-card--organicgreen25 .tip-card__inner {
border-bottom-color: #cad1ce; }
.tip-card--organicgreen7 .tip-card__inner {
border-bottom-color: #f0f2f1; }
.tip-card--sand .tip-card__inner {
border-bottom-color: #b6a284; }
.tip-card--sand100 .tip-card__inner {
border-bottom-color: #b6a284; }
.tip-card--sand75 .tip-card__inner {
border-bottom-color: #c8b9a3; }
.tip-card--sand50 .tip-card__inner {
border-bottom-color: #dad0c1; }
.tip-card--sand25 .tip-card__inner {
border-bottom-color: #ece7e0; }
.tip-card--sand7 .tip-card__inner {
border-bottom-color: #faf8f6; }
.tip-card--rhubarb .tip-card__inner {
border-bottom-color: #dd7975; }
.tip-card--rhubarb100 .tip-card__inner {
border-bottom-color: #dd7975; }
.tip-card--rhubarb75 .tip-card__inner {
border-bottom-color: #e69b98; }
.tip-card--rhubarb50 .tip-card__inner {
border-bottom-color: #edbbb9; }
.tip-card--rhubarb25 .tip-card__inner {
border-bottom-color: #f6dddc; }
.tip-card--rhubarb7 .tip-card__inner {
border-bottom-color: #fcf5f5; }
.tip-card--chantarelle .tip-card__inner {
border-bottom-color: #d9c756; }
.tip-card--chantarelle100 .tip-card__inner {
border-bottom-color: #d9c756; }
.tip-card--chantarelle75 .tip-card__inner {
border-bottom-color: #e3d580; }
.tip-card--chantarelle50 .tip-card__inner {
border-bottom-color: #ebe2aa; }
.tip-card--chantarelle25 .tip-card__inner {
border-bottom-color: #f5f1d4; }
.tip-card--chantarelle7 .tip-card__inner {
border-bottom-color: #fcfbf3; }
.tip-card--white .tip-card__inner {
border-bottom-color: #fff; }
.tip-card--black .tip-card__inner {
border-bottom-color: #1d1d1b; }
.tip-card--pagebackground .tip-card__inner {
border-bottom-color: #faf8f6; }
.tip-card--grey .tip-card__inner {
border-bottom-color: #ebebeb; }
.tip-card--none .tip-card__inner {
border-bottom-color: rgba(0, 0, 0, 0); }
.tip-card__inner:before {
content: '';
float: left;
padding-bottom: 43%;
width: 1px; }
@media (max-width: 1199px) {
.tip-card__inner:before {
padding-bottom: 52%; } }
@media (max-width: 767px) {
.tip-card__inner:before {
padding-bottom: 31%; } }
.tip-card__link {
text-decoration: none; }
.tip-card__link:hover {
opacity: 0.7; }
.tip-card__category {
position: absolute;
bottom: 15px;
right: 26px;
margin: 0; }
@media (max-width: 1199px) {
.tip-card__category {
right: 18px;
bottom: 10px; } }
.tip-card--aquamarine .tip-card__category {
color: #a9dae7; }
.tip-card--lemonyellow .tip-card__category {
color: #f6eb61; }
.tip-card--mistygrey .tip-card__category {
color: #d0d3d4; }
.tip-card--graphitegrey .tip-card__category {
color: #a2a6a8; }
.tip-card--polargreen .tip-card__category {
color: #e0edd5; }
.tip-card--springgreen .tip-card__category {
color: #b7d698; }
.tip-card--chilired .tip-card__category {
color: #d22630; }
.tip-card--salmon .tip-card__category {
color: #e6baa8; }
.tip-card--cinnamon .tip-card__category {
color: #6d4f47; }
.tip-card--flamingopink .tip-card__category {
color: #fad0c8; }
.tip-card--kingfisherblue .tip-card__category {
color: #00a0d8; }
.tip-card--sdw20green .tip-card__category {
color: #244f3e; }
.tip-card--slate .tip-card__category {
color: #3d3935; }
.tip-card--slate100 .tip-card__category {
color: #3d3935; }
.tip-card--slate75 .tip-card__category {
color: #6e6b68; }
.tip-card--slate50 .tip-card__category {
color: #9d9b99; }
.tip-card--slate25 .tip-card__category {
color: #cecdcc; }
.tip-card--slate7 .tip-card__category {
color: #f1f1f1; }
.tip-card--eveningsky .tip-card__category {
color: #284458; }
.tip-card--eveningsky100 .tip-card__category {
color: #284458; }
.tip-card--eveningsky75 .tip-card__category {
color: #5e7382; }
.tip-card--eveningsky50 .tip-card__category {
color: #93a1ab; }
.tip-card--eveningsky25 .tip-card__category {
color: #c9d0d5; }
.tip-card--eveningsky7 .tip-card__category {
color: #f0f2f3; }
.tip-card--organicgreen .tip-card__category {
color: #2e483e; }
.tip-card--organicgreen100 .tip-card__category {
color: #2e483e; }
.tip-card--organicgreen75 .tip-card__category {
color: #62766e; }
.tip-card--organicgreen50 .tip-card__category {
color: #96a39e; }
.tip-card--organicgreen25 .tip-card__category {
color: #cad1ce; }
.tip-card--organicgreen7 .tip-card__category {
color: #f0f2f1; }
.tip-card--sand .tip-card__category {
color: #b6a284; }
.tip-card--sand100 .tip-card__category {
color: #b6a284; }
.tip-card--sand75 .tip-card__category {
color: #c8b9a3; }
.tip-card--sand50 .tip-card__category {
color: #dad0c1; }
.tip-card--sand25 .tip-card__category {
color: #ece7e0; }
.tip-card--sand7 .tip-card__category {
color: #faf8f6; }
.tip-card--rhubarb .tip-card__category {
color: #dd7975; }
.tip-card--rhubarb100 .tip-card__category {
color: #dd7975; }
.tip-card--rhubarb75 .tip-card__category {
color: #e69b98; }
.tip-card--rhubarb50 .tip-card__category {
color: #edbbb9; }
.tip-card--rhubarb25 .tip-card__category {
color: #f6dddc; }
.tip-card--rhubarb7 .tip-card__category {
color: #fcf5f5; }
.tip-card--chantarelle .tip-card__category {
color: #d9c756; }
.tip-card--chantarelle100 .tip-card__category {
color: #d9c756; }
.tip-card--chantarelle75 .tip-card__category {
color: #e3d580; }
.tip-card--chantarelle50 .tip-card__category {
color: #ebe2aa; }
.tip-card--chantarelle25 .tip-card__category {
color: #f5f1d4; }
.tip-card--chantarelle7 .tip-card__category {
color: #fcfbf3; }
.tip-card--white .tip-card__category {
color: #fff; }
.tip-card--black .tip-card__category {
color: #1d1d1b; }
.tip-card--pagebackground .tip-card__category {
color: #faf8f6; }
.tip-card--grey .tip-card__category {
color: #ebebeb; }
.tip-card--none .tip-card__category {
color: rgba(0, 0, 0, 0); }
.inline-form {
background-color: transparent;
padding: 80px; }
.inline-form form {
width: 50%;
margin: auto; }
@media (max-width: 1349px) {
.inline-form {
padding: 60px; } }
@media (max-width: 1199px) {
.inline-form {
padding: 50px; } }
@media (max-width: 991px) {
.inline-form {
padding: 30px; } }
@media (max-width: 767px) {
.inline-form {
padding: 20px; } }
.inline-form .form-field + .form-field {
margin-top: 20px; }
.inline-form--theme-aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.inline-form--theme-lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.inline-form--theme-mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.inline-form--theme-graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.inline-form--theme-polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.inline-form--theme-springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.inline-form--theme-chilired {
background-color: #d22630;
color: #fff; }
.inline-form--theme-salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.inline-form--theme-cinnamon {
background-color: #6d4f47;
color: #fff; }
.inline-form--theme-flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.inline-form--theme-kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.inline-form--theme-sdw20green {
background-color: #244f3e;
color: #fff; }
.inline-form--theme-slate {
background-color: #3d3935;
color: #fff; }
.inline-form--theme-slate100 {
background-color: #3d3935;
color: #fff; }
.inline-form--theme-slate75 {
background-color: #6e6b68;
color: #fff; }
.inline-form--theme-slate50 {
background-color: #9d9b99;
color: #fff; }
.inline-form--theme-slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.inline-form--theme-slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.inline-form--theme-eveningsky {
background-color: #284458;
color: #fff; }
.inline-form--theme-eveningsky100 {
background-color: #284458;
color: #fff; }
.inline-form--theme-eveningsky75 {
background-color: #5e7382;
color: #fff; }
.inline-form--theme-eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.inline-form--theme-eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.inline-form--theme-eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.inline-form--theme-organicgreen {
background-color: #2e483e;
color: #fff; }
.inline-form--theme-organicgreen100 {
background-color: #2e483e;
color: #fff; }
.inline-form--theme-organicgreen75 {
background-color: #62766e;
color: #fff; }
.inline-form--theme-organicgreen50 {
background-color: #96a39e;
color: #fff; }
.inline-form--theme-organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.inline-form--theme-organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.inline-form--theme-sand {
background-color: #b6a284;
color: #1d1d1b; }
.inline-form--theme-sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.inline-form--theme-sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.inline-form--theme-sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.inline-form--theme-sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.inline-form--theme-sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.inline-form--theme-rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.inline-form--theme-rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.inline-form--theme-rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.inline-form--theme-rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.inline-form--theme-rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.inline-form--theme-rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.inline-form--theme-chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.inline-form--theme-chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.inline-form--theme-chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.inline-form--theme-chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.inline-form--theme-chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.inline-form--theme-chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.inline-form--theme-white {
background-color: #fff;
color: #1d1d1b; }
.inline-form--theme-black {
background-color: #1d1d1b;
color: #fff; }
.inline-form--theme-pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.inline-form--theme-grey {
background-color: #ebebeb;
color: #1d1d1b; }
.inline-form--theme-none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
@media (max-width: 767px) {
.inline-form form {
width: 100%; } }
.inspiration-widget {
background-color: #faf8f6;
padding-bottom: 50px;
overflow: hidden; }
@media (max-width: 1349px) {
.inspiration-widget {
padding-bottom: 40px; } }
@media (max-width: 1199px) {
.inspiration-widget {
padding-bottom: 30px; } }
.inspiration-widget--white {
background-color: #fff; }
.inspiration-widget__head {
position: relative;
padding-bottom: 13%; }
@media (max-width: 991px) {
.inspiration-widget__head {
min-height: 90px;
padding-bottom: 0; } }
.inspiration-widget--theme-aquamarine .inspiration-widget__head {
background-color: #a9dae7; }
.inspiration-widget--theme-lemonyellow .inspiration-widget__head {
background-color: #f6eb61; }
.inspiration-widget--theme-mistygrey .inspiration-widget__head {
background-color: #d0d3d4; }
.inspiration-widget--theme-graphitegrey .inspiration-widget__head {
background-color: #a2a6a8; }
.inspiration-widget--theme-polargreen .inspiration-widget__head {
background-color: #e0edd5; }
.inspiration-widget--theme-springgreen .inspiration-widget__head {
background-color: #b7d698; }
.inspiration-widget--theme-chilired .inspiration-widget__head {
background-color: #d22630; }
.inspiration-widget--theme-salmon .inspiration-widget__head {
background-color: #e6baa8; }
.inspiration-widget--theme-cinnamon .inspiration-widget__head {
background-color: #6d4f47; }
.inspiration-widget--theme-flamingopink .inspiration-widget__head {
background-color: #fad0c8; }
.inspiration-widget--theme-kingfisherblue .inspiration-widget__head {
background-color: #00a0d8; }
.inspiration-widget--theme-sdw20green .inspiration-widget__head {
background-color: #244f3e; }
.inspiration-widget--theme-slate .inspiration-widget__head {
background-color: #3d3935; }
.inspiration-widget--theme-slate100 .inspiration-widget__head {
background-color: #3d3935; }
.inspiration-widget--theme-slate75 .inspiration-widget__head {
background-color: #6e6b68; }
.inspiration-widget--theme-slate50 .inspiration-widget__head {
background-color: #9d9b99; }
.inspiration-widget--theme-slate25 .inspiration-widget__head {
background-color: #cecdcc; }
.inspiration-widget--theme-slate7 .inspiration-widget__head {
background-color: #f1f1f1; }
.inspiration-widget--theme-eveningsky .inspiration-widget__head {
background-color: #284458; }
.inspiration-widget--theme-eveningsky100 .inspiration-widget__head {
background-color: #284458; }
.inspiration-widget--theme-eveningsky75 .inspiration-widget__head {
background-color: #5e7382; }
.inspiration-widget--theme-eveningsky50 .inspiration-widget__head {
background-color: #93a1ab; }
.inspiration-widget--theme-eveningsky25 .inspiration-widget__head {
background-color: #c9d0d5; }
.inspiration-widget--theme-eveningsky7 .inspiration-widget__head {
background-color: #f0f2f3; }
.inspiration-widget--theme-organicgreen .inspiration-widget__head {
background-color: #2e483e; }
.inspiration-widget--theme-organicgreen100 .inspiration-widget__head {
background-color: #2e483e; }
.inspiration-widget--theme-organicgreen75 .inspiration-widget__head {
background-color: #62766e; }
.inspiration-widget--theme-organicgreen50 .inspiration-widget__head {
background-color: #96a39e; }
.inspiration-widget--theme-organicgreen25 .inspiration-widget__head {
background-color: #cad1ce; }
.inspiration-widget--theme-organicgreen7 .inspiration-widget__head {
background-color: #f0f2f1; }
.inspiration-widget--theme-sand .inspiration-widget__head {
background-color: #b6a284; }
.inspiration-widget--theme-sand100 .inspiration-widget__head {
background-color: #b6a284; }
.inspiration-widget--theme-sand75 .inspiration-widget__head {
background-color: #c8b9a3; }
.inspiration-widget--theme-sand50 .inspiration-widget__head {
background-color: #dad0c1; }
.inspiration-widget--theme-sand25 .inspiration-widget__head {
background-color: #ece7e0; }
.inspiration-widget--theme-sand7 .inspiration-widget__head {
background-color: #faf8f6; }
.inspiration-widget--theme-rhubarb .inspiration-widget__head {
background-color: #dd7975; }
.inspiration-widget--theme-rhubarb100 .inspiration-widget__head {
background-color: #dd7975; }
.inspiration-widget--theme-rhubarb75 .inspiration-widget__head {
background-color: #e69b98; }
.inspiration-widget--theme-rhubarb50 .inspiration-widget__head {
background-color: #edbbb9; }
.inspiration-widget--theme-rhubarb25 .inspiration-widget__head {
background-color: #f6dddc; }
.inspiration-widget--theme-rhubarb7 .inspiration-widget__head {
background-color: #fcf5f5; }
.inspiration-widget--theme-chantarelle .inspiration-widget__head {
background-color: #d9c756; }
.inspiration-widget--theme-chantarelle100 .inspiration-widget__head {
background-color: #d9c756; }
.inspiration-widget--theme-chantarelle75 .inspiration-widget__head {
background-color: #e3d580; }
.inspiration-widget--theme-chantarelle50 .inspiration-widget__head {
background-color: #ebe2aa; }
.inspiration-widget--theme-chantarelle25 .inspiration-widget__head {
background-color: #f5f1d4; }
.inspiration-widget--theme-chantarelle7 .inspiration-widget__head {
background-color: #fcfbf3; }
.inspiration-widget--theme-white .inspiration-widget__head {
background-color: #fff; }
.inspiration-widget--theme-black .inspiration-widget__head {
background-color: #1d1d1b; }
.inspiration-widget--theme-pagebackground .inspiration-widget__head {
background-color: #faf8f6; }
.inspiration-widget--theme-grey .inspiration-widget__head {
background-color: #ebebeb; }
.inspiration-widget--theme-none .inspiration-widget__head {
background-color: rgba(0, 0, 0, 0); }
.inspiration-widget__title {
display: block;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: center;
padding-left: 80px;
padding-right: 80px; }
@media (max-width: 1349px) {
.inspiration-widget__title {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.inspiration-widget__title {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.inspiration-widget__title {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.inspiration-widget__title {
padding-left: 20px;
padding-right: 20px; } }
.inspiration-widget--theme-aquamarine .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-lemonyellow .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-mistygrey .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-graphitegrey .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-polargreen .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-springgreen .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chilired .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-salmon .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-cinnamon .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-flamingopink .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-kingfisherblue .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-sdw20green .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-slate .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-slate100 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-slate75 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-slate50 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-slate25 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-slate7 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-eveningsky .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-eveningsky100 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-eveningsky75 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-eveningsky50 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-eveningsky25 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-eveningsky7 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-organicgreen .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-organicgreen100 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-organicgreen75 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-organicgreen50 .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-organicgreen25 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-organicgreen7 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-sand .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-sand100 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-sand75 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-sand50 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-sand25 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-sand7 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-rhubarb .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-rhubarb100 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-rhubarb75 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-rhubarb50 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-rhubarb25 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-rhubarb7 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chantarelle .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chantarelle100 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chantarelle75 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chantarelle50 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chantarelle25 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-chantarelle7 .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-white .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-black .inspiration-widget__title {
color: #fff; }
.inspiration-widget--theme-pagebackground .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-grey .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget--theme-none .inspiration-widget__title {
color: #1d1d1b; }
.inspiration-widget__list {
position: relative;
margin-top: -3%;
margin-right: -16px;
margin-left: -16px;
padding: 0 140px;
z-index: 2;
font-size: 0;
text-align: center; }
.inspiration-widget__list:before, .inspiration-widget__list:after {
content: " ";
display: table; }
.inspiration-widget__list:after {
clear: both; }
@media (max-width: 1349px) {
.inspiration-widget__list {
padding: 0 110px; } }
@media (max-width: 1199px) {
.inspiration-widget__list {
margin-right: -12px;
margin-left: -12px;
padding: 0 80px; } }
@media (max-width: 991px) {
.inspiration-widget__list {
margin-top: -20px;
margin-right: -4px;
margin-left: -4px;
padding: 0 65px; } }
@media (max-width: 767px) {
.inspiration-widget__list {
padding: 0 8px; } }
.inspiration-widget__item {
cursor: pointer;
display: inline-block;
width: 25%;
margin-left: -0.157px;
padding: 0 16px 32px; }
@media (max-width: 1199px) {
.inspiration-widget__item {
padding: 0 12px 24px; } }
@media (max-width: 991px) {
.inspiration-widget__item {
padding: 0 4px 8px; } }
@media (max-width: 767px) {
.inspiration-widget__item {
width: 50%; } }
.inspiration-widget__item-image-container {
overflow: hidden;
position: relative; }
.inspiration-widget__item-image {
display: block;
width: 100%;
height: auto; }
.inspiration-widget__foot {
text-align: center; }
.inspiration-widget__foot-text {
padding: 0 50px 13px; }
.inspiration-widget__foot-text p {
margin-top: 0; }
.inspiration-widget__button {
display: inline-block; }
@media (max-width: 767px) {
.inspiration-widget__foot-text {
margin-top: 20px; } }
.kcs-teaser {
background-color: #faf8f6;
margin: 28px 0 30px;
display: flex;
padding: 0 16px; }
.kcs-teaser.is-hidden {
display: none; }
.product-info-block .kcs-teaser {
background-color: transparent; }
.kcs-teaser__link {
align-items: center;
color: inherit;
display: flex;
justify-content: space-around;
padding: 20px;
text-decoration: none; }
@media (max-width: 991px) {
.kcs-teaser__link {
padding: 15px; } }
.product-info-block .kcs-teaser__link {
padding: 10px 0; }
.kcs-teaser__link:hover {
opacity: 1; }
.kcs-teaser__image {
height: 100px;
width: auto;
padding: 0 8px; }
@media (max-width: 991px) {
.kcs-teaser__image {
height: auto;
margin-right: 10px;
width: 80px; } }
.kcs-teaser__text {
align-items: center;
display: flex; }
.kcs-teaser__text span {
width: 100%; }
.kcs-teaser__text span:hover {
opacity: 0.5; }
@media (min-width: 768px) {
.kcs-teaser__text {
margin-left: 26px; } }
.kcs-teaser__text-arrow {
fill: #a2a6a8;
height: 11px;
margin-left: 10px;
width: 6px; }
.signup-block {
padding: 80px;
text-align: center;
background-color: #faf8f6;
color: #a2a6a8; }
@media (max-width: 1349px) {
.signup-block {
padding: 60px; } }
@media (max-width: 1199px) {
.signup-block {
padding: 50px; } }
@media (max-width: 991px) {
.signup-block {
padding: 30px; } }
@media (max-width: 767px) {
.signup-block {
padding: 20px; } }
.signup-block.background-color--aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.signup-block.background-color--lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.signup-block.background-color--mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.signup-block.background-color--graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.signup-block.background-color--polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.signup-block.background-color--springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.signup-block.background-color--chilired {
background-color: #d22630;
color: #fff; }
.signup-block.background-color--salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.signup-block.background-color--cinnamon {
background-color: #6d4f47;
color: #fff; }
.signup-block.background-color--flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.signup-block.background-color--kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.signup-block.background-color--sdw20green {
background-color: #244f3e;
color: #fff; }
.signup-block.background-color--slate {
background-color: #3d3935;
color: #fff; }
.signup-block.background-color--slate100 {
background-color: #3d3935;
color: #fff; }
.signup-block.background-color--slate75 {
background-color: #6e6b68;
color: #fff; }
.signup-block.background-color--slate50 {
background-color: #9d9b99;
color: #fff; }
.signup-block.background-color--slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.signup-block.background-color--slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.signup-block.background-color--eveningsky {
background-color: #284458;
color: #fff; }
.signup-block.background-color--eveningsky100 {
background-color: #284458;
color: #fff; }
.signup-block.background-color--eveningsky75 {
background-color: #5e7382;
color: #fff; }
.signup-block.background-color--eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.signup-block.background-color--eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.signup-block.background-color--eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.signup-block.background-color--organicgreen {
background-color: #2e483e;
color: #fff; }
.signup-block.background-color--organicgreen100 {
background-color: #2e483e;
color: #fff; }
.signup-block.background-color--organicgreen75 {
background-color: #62766e;
color: #fff; }
.signup-block.background-color--organicgreen50 {
background-color: #96a39e;
color: #fff; }
.signup-block.background-color--organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.signup-block.background-color--organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.signup-block.background-color--sand {
background-color: #b6a284;
color: #1d1d1b; }
.signup-block.background-color--sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.signup-block.background-color--sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.signup-block.background-color--sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.signup-block.background-color--sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.signup-block.background-color--sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.signup-block.background-color--rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.signup-block.background-color--rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.signup-block.background-color--rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.signup-block.background-color--rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.signup-block.background-color--rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.signup-block.background-color--rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.signup-block.background-color--chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.signup-block.background-color--chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.signup-block.background-color--chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.signup-block.background-color--chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.signup-block.background-color--chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.signup-block.background-color--chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.signup-block.background-color--white {
background-color: #fff;
color: #1d1d1b; }
.signup-block.background-color--black {
background-color: #1d1d1b;
color: #fff; }
.signup-block.background-color--pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.signup-block.background-color--grey {
background-color: #ebebeb;
color: #1d1d1b; }
.signup-block.background-color--none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.signup-block .EPiServerForms .Form__Element__Caption.form-field__label {
color: inherit;
margin-right: 20px;
margin-bottom: 0; }
@media (max-width: 767px) {
.signup-block .EPiServerForms .Form__Element__Caption.form-field__label {
margin-right: 0;
margin-bottom: 5px;
width: 100%; } }
.signup-block .EPiServerForms .Form__Element {
white-space: nowrap;
margin-bottom: 0; }
@media (max-width: 767px) {
.signup-block .EPiServerForms .Form__Element {
width: 100%;
white-space: normal; } }
.signup-block .EPiServerForms .Form__Element:after {
content: "";
height: 100%; }
@media (max-width: 767px) {
.signup-block .EPiServerForms .Form__Element:after {
content: none; } }
.signup-block .EPiServerForms .Form__Element > *:not(script),
.signup-block .EPiServerForms .Form__Element .Form__Element__Caption, .signup-block .EPiServerForms .Form__Element:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
@media (max-width: 767px) {
.signup-block .EPiServerForms .Form__Element > *:not(script),
.signup-block .EPiServerForms .Form__Element .Form__Element__Caption, .signup-block .EPiServerForms .Form__Element:after {
display: block; } }
.signup-block .EPiServerForms .Form__Element.FormParagraphText {
display: block;
margin-top: 10px; }
.signup-block .EPiServerForms .button.Form__Element {
margin-left: 20px; }
@media (max-width: 767px) {
.signup-block .EPiServerForms .button.Form__Element {
margin-left: 0; } }
.signup-block input[type=text] {
width: 490px; }
@media (max-width: 1349px) {
.signup-block input[type=text] {
width: 340px; } }
@media (max-width: 1199px) {
.signup-block input[type=text] {
width: 300px; } }
@media (max-width: 767px) {
.signup-block input[type=text] {
width: 100%;
margin-bottom: 10px; } }
@media (max-width: 767px) {
.signup-block .button {
margin-left: 0px; } }
.signup-block .FormParagraphText p {
color: inherit;
font-size: 13px; }
@media (max-width: 767px) {
.signup-block .FormParagraphText p {
font-size: 11px; } }
.widget-header {
margin-bottom: 50px; }
.widget-header--filter {
display: flex;
align-items: baseline; }
.widget-header__title {
margin-bottom: 0; }
.widget-header__filter {
margin: 0 0 0 55px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap; }
.widget-header__filter-option + .widget-header__filter-option {
margin-left: 55px; }
.widget-header__filter-option--inactive {
opacity: 0.5; }
.social-media-links:before, .social-media-links:after {
content: " ";
display: table; }
.social-media-links:after {
clear: both; }
.social-media-links a {
display: block;
float: left; }
.social-media-links a :hover {
opacity: 0.7; }
.social-media-links a + a {
margin-left: 40px; }
.social-media-links--tight a + a {
margin-left: 20px; }
.social-media-links .icon {
vertical-align: top;
width: 30px;
height: 30px;
fill: #9d9b99; }
.carousel {
position: relative;
z-index: 1; }
.carousel--has-childitems {
padding-bottom: 160px; }
@media (max-width: 1349px) {
.carousel--has-childitems {
padding-bottom: 140px; } }
@media (max-width: 1199px) {
.carousel--has-childitems {
padding-bottom: 131px; } }
@media (max-width: 991px) {
.carousel--has-childitems {
padding-bottom: 120px; } }
@media (max-width: 767px) {
.carousel--has-childitems {
padding-bottom: 118px; } }
.carousel--white-bg {
background-color: #fff; }
.carousel__container {
position: relative;
padding-bottom: 50%;
overflow: hidden; }
@media (max-width: 767px) {
.carousel__container {
padding-bottom: 87.5%; } }
.carousel--has-childitems .carousel__container {
overflow: visible; }
.carousel--brand-stroke .carousel__container:before {
transform-origin: top;
transform: scaleY(0);
transition: transform 0.5s ease-out;
z-index: 3; }
.images-has-loaded .carousel--brand-stroke .carousel__container:before {
transform: scaleY(1); }
.carousel--brand-stroke.images-has-loaded .carousel__container:before {
transform: scaleY(1); }
.carousel--onethird .carousel__container {
padding-bottom: 75%; }
@media (max-width: 767px) {
.carousel--onethird .carousel__container {
padding-bottom: 50%; } }
.carousel--half .carousel__container {
padding-bottom: 100%; }
@media (max-width: 767px) {
.carousel--half .carousel__container {
padding-bottom: 50%; } }
.carousel--twothirds .carousel__container {
padding-bottom: 55.55556%; }
@media (max-width: 1199px) {
.carousel--twothirds .carousel__container {
padding-bottom: 56%; } }
@media (max-width: 767px) {
.carousel--twothirds .carousel__container {
padding-bottom: 81.25%; } }
.banner-combo__stacked--tworows .carousel__container {
padding-bottom: 55.55556%; }
@media (max-width: 1199px) {
.banner-combo__stacked--tworows .carousel__container {
float: left;
width: 50%;
padding-bottom: 28%; } }
@media (max-width: 767px) {
.banner-combo__stacked--tworows .carousel__container {
width: 100%;
padding-bottom: 50%; } }
.banner-combo__stacked--threerows .carousel__container {
padding-bottom: 37.03733%; }
@media (max-width: 1199px) {
.banner-combo__stacked--threerows .carousel__container {
float: left;
width: 33.33333%;
padding-bottom: 24%; } }
@media (max-width: 767px) {
.banner-combo__stacked--threerows .carousel__container {
width: 100%;
padding-bottom: 50%; } }
.carousel__loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.2s;
z-index: 1; }
.images-has-loaded .carousel__loader {
opacity: 0; }
.carousel__prev, .carousel__next {
position: absolute;
top: 50%;
margin-top: -40px;
cursor: pointer;
opacity: 0;
z-index: 3;
border-right: 40px solid rgba(0, 0, 0, 0.2);
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
outline: 0;
transition: opacity 0.5s ease-out 1s, border 0.5s; }
@media (max-width: 1349px) {
.carousel__prev, .carousel__next {
margin-top: -35px;
border-right-width: 35px;
border-top-width: 35px;
border-bottom-width: 35px; } }
@media (max-width: 1199px) {
.carousel__prev, .carousel__next {
margin-top: -30px;
border-right-width: 30px;
border-top-width: 30px;
border-bottom-width: 30px; } }
@media (max-width: 991px) {
.carousel__prev, .carousel__next {
margin-top: -22px;
border-right-width: 22px;
border-top-width: 22px;
border-bottom-width: 22px; } }
@media (max-width: 767px) {
.carousel__prev, .carousel__next {
display: none; } }
@media (min-width: 768px) {
.carousel__prev:hover, .carousel__next:hover {
border-right-color: black; } }
.images-has-loaded .carousel__prev,
.container--preview .carousel__prev, .images-has-loaded .carousel__next,
.container--preview .carousel__next {
opacity: 1; }
.carousel__prev.is-hidden, .carousel__next.is-hidden {
display: none; }
.carousel__prev svg, .carousel__next svg {
position: absolute;
top: 50%;
left: 22px;
fill: #fff;
width: 8px;
height: 15px;
margin-top: -7.5px; }
@media (max-width: 1349px) {
.carousel__prev svg, .carousel__next svg {
width: 7px;
height: 13px;
left: 20px;
margin-top: -6.5px; } }
@media (max-width: 1199px) {
.carousel__prev svg, .carousel__next svg {
width: 6px;
height: 11px;
left: 17px;
margin-top: -5.5px; } }
@media (max-width: 991px) {
.carousel__prev svg, .carousel__next svg {
width: 5px;
height: 9px;
left: 13px;
margin-top: -4.5px; } }
.carousel__prev {
transform: rotate(180deg); }
.carousel--brand-stroke .carousel__prev {
left: 24px; }
@media (max-width: 1199px) {
.carousel--brand-stroke .carousel__prev {
left: 16px; } }
@media (max-width: 767px) {
.carousel--brand-stroke .carousel__prev {
left: 8px; } }
.carousel__next {
right: 0; }
.carousel__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease-out 0.5s;
-webkit-transform: translate3d(0, 0, 0); }
.container--preview .carousel__item--first {
opacity: 1;
z-index: 2; }
.container--preview .carousel__item--first h1,
.container--preview .carousel__item--first h2,
.container--preview .carousel__item--first h3,
.container--preview .carousel__item--first h4,
.container--preview .carousel__item--first h5,
.container--preview .carousel__item--first p,
.container--preview .carousel__item--first strong {
left: 0;
opacity: 1;
transition: left 0.5s ease-out 1s, opacity 0.5s ease-out 1s; }
.carousel__item .brand-stroke:before {
display: none; }
.carousel__item h1,
.carousel__item h2,
.carousel__item h3,
.carousel__item h4,
.carousel__item h5,
.carousel__item p,
.carousel__item strong {
position: relative;
display: inline-block;
width: 100%;
left: -20px;
opacity: 0;
transition: left 0.5s ease-out, opacity 0.5s ease-out;
-webkit-transform: translate3d(0, 0, 0);
will-change: margin, opacity; }
.images-has-loaded .carousel__item--first, .carousel__item.is-active {
opacity: 1;
z-index: 2; }
.images-has-loaded .carousel__item--first h1,
.images-has-loaded .carousel__item--first h2,
.images-has-loaded .carousel__item--first h3,
.images-has-loaded .carousel__item--first h4,
.images-has-loaded .carousel__item--first h5,
.images-has-loaded .carousel__item--first p,
.images-has-loaded .carousel__item--first strong, .carousel__item.is-active h1,
.carousel__item.is-active h2,
.carousel__item.is-active h3,
.carousel__item.is-active h4,
.carousel__item.is-active h5,
.carousel__item.is-active p,
.carousel__item.is-active strong {
left: 0;
opacity: 1;
transition: left 0.5s ease-out 1s, opacity 0.5s ease-out 1s; }
.carousel__item.is-inactive {
z-index: 1; }
.carousel__item.is-inactive h1,
.carousel__item.is-inactive h2,
.carousel__item.is-inactive h3,
.carousel__item.is-inactive h4,
.carousel__item.is-inactive h5,
.carousel__item.is-inactive p,
.carousel__item.is-inactive strong {
left: -20px; }
.carousel__indicators {
display: block;
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%, 0);
opacity: 0;
z-index: 3;
transition: opacity 0.5s ease-out 1s; }
@media (max-width: 1349px) {
.carousel__indicators {
bottom: 30px; } }
@media (max-width: 1199px) {
.carousel__indicators {
bottom: 20px; } }
@media (max-width: 991px) {
.carousel__indicators {
bottom: 15px; } }
.images-has-loaded .carousel__indicators,
.container--preview .carousel__indicators {
opacity: 1; }
.banner-combo__stacked--tworows .carousel__indicators {
bottom: 15px; }
.banner-combo__stacked--threerows .carousel__indicators {
bottom: 5px; }
@media (max-width: 767px) {
.banner-combo__stacked--threerows .carousel__indicators {
bottom: 15px; } }
.carousel__indicator {
display: block;
float: left;
padding: 10px 5px;
cursor: pointer; }
@media (max-width: 1199px) {
.carousel__indicator {
padding: 10px 4px; } }
@media (max-width: 991px) {
.carousel__indicator {
padding: 10px 3.5px; } }
@media (max-width: 767px) {
.carousel__indicator {
padding: 10px 3px; } }
.carousel__indicator-dot {
width: 30px;
height: 2px;
background-color: rgba(0, 0, 0, 0.2);
transition: background-color 0.5s ease-out; }
@media (max-width: 1199px) {
.carousel__indicator-dot {
width: 25px; } }
@media (max-width: 991px) {
.carousel__indicator-dot {
width: 22px; } }
@media (max-width: 767px) {
.carousel__indicator-dot {
width: 20px; } }
.is-active .carousel__indicator-dot {
background-color: #fff; }
.carousel--onethird {
float: left;
width: 33.33333%; }
@media (max-width: 767px) {
.carousel--onethird {
float: none;
width: auto; } }
.carousel--half {
float: left;
width: 50%; }
@media (max-width: 767px) {
.carousel--half {
float: none;
width: auto; } }
.carousel--twothirds {
float: left;
width: 66.66667%; }
@media (max-width: 1199px) {
.carousel--twothirds {
float: none;
width: auto; } }
.brand-stroke > .carousel:first-of-type .carousel__prev {
left: 24px; }
@media (max-width: 1199px) {
.brand-stroke > .carousel:first-of-type .carousel__prev {
left: 16px; } }
@media (max-width: 767px) {
.brand-stroke > .carousel:first-of-type .carousel__prev {
left: 8px; } }
@media (max-width: 1199px) {
.brand-stroke .banner-combo__stacked > .carousel:first-of-type .carousel__prev {
left: 16px; } }
@media (max-width: 767px) {
.brand-stroke .banner-combo__stacked > .carousel:first-of-type .carousel__prev {
left: 8px; } }
.drawer {
--width: 380px;
--animation-duration: 0.5s;
position: fixed;
width: var(--width);
height: 100vh;
background: #ece7e0;
z-index: 110;
top: 0px;
left: calc(-1 * var(--width));
animation: slide-out var(--animation-duration) ease-in-out;
padding: 48px 32px 80px 48px; }
@keyframes slide-out {
0% {
left: 0px; }
100% {
left: calc(-1 * var(--width)); } }
.drawer--slide-in {
animation: slide-in var(--animation-duration) ease-in-out;
left: 0px; }
@keyframes slide-in {
0% {
left: calc(-1 * var(--width)); }
100% {
left: 0px; } }
@media (max-width: 767px) {
.drawer {
animation: unset;
width: 100vw;
padding: 48px 32px 80px 48px; } }
.drawer__content {
height: auto;
max-height: 65%; }
.drawer__content .simplebar-track.vertical {
right: 0px; }
.drawer__top-container {
display: flex;
justify-content: space-between;
width: 100%;
height: auto;
margin-bottom: 56px; }
.drawer__close-button {
position: relative;
width: 21px;
height: 21px;
background: transparent;
padding: 0px;
margin-top: 8px;
border-color: transparent;
margin-right: 24px; }
.drawer__close-button:before, .drawer__close-button:after {
content: '';
background-color: #1d1d1b;
position: absolute;
left: -1px;
border-radius: 1px; }
.drawer__close-button:before {
width: 20px;
height: 2px;
transform: translateY(-50%) rotate(45deg); }
.drawer__close-button:after {
width: 2px;
height: 20px;
transform: translate(9px, -50%) rotate(45deg); }
.anchor-link-bar {
border-top: 1px solid #dad0c1;
border-bottom: 1px solid #dad0c1;
background-color: #faf8f6; }
.anchor-link-bar__wrapper {
height: 72px; }
.anchor-link-bar--sticky {
position: fixed;
top: 50px;
left: 0;
right: 0;
z-index: 10;
margin: 0; }
@media (max-width: 767px) {
.anchor-link-bar--sticky {
top: 88px; } }
.anchor-link-bar--sticky > * {
position: static; }
.anchor-link-bar--sticky .anchor-link-bar__anchors {
transition: margin 0.3s ease-out;
margin: 0; }
.anchor-link-bar__anchors {
display: flex;
margin: 0 40px;
transition: margin 0.3s ease-in-out;
box-shadow: 0 0 1px #faf8f6; }
@media (max-width: 767px) {
.anchor-link-bar__anchors {
margin: 0 24px; } }
.anchor-link-bar__anchors.anchor-link-bar__anchors--center {
justify-content: center; }
.anchor-link-bar__anchor-item {
margin: 24px 32px 24px 0; }
@media (max-width: 767px) {
.anchor-link-bar__anchor-item {
margin: 8px 32px 8px 0; } }
.anchor-link-bar__anchor-item a {
text-decoration: none;
text-transform: uppercase;
font-size: 16px; }
@media (max-width: 767px) {
.anchor-link-bar__anchor-item a {
font-size: 13px; } }
.back-link {
position: relative;
display: block;
min-height: 77px;
background-color: #faf8f6; }
@media (max-width: 1199px) {
.back-link {
min-height: 70px; } }
@media (max-width: 991px) {
.back-link {
min-height: 62px; } }
@media (max-width: 767px) {
.back-link {
min-height: 50px; } }
.back-link__body {
padding: 0 80px;
line-height: 77px; }
@media (max-width: 1349px) {
.back-link__body {
padding: 0 68px; } }
@media (max-width: 1199px) {
.back-link__body {
padding: 0 50px;
line-height: 70px; } }
@media (max-width: 991px) {
.back-link__body {
padding: 0 44px;
line-height: 62px; } }
@media (max-width: 767px) {
.back-link__body {
padding: 0 24px;
line-height: 50px; } }
.back-link__icon {
display: inline-block;
margin-bottom: -3px;
margin-right: 20px;
transform: rotate(180deg); }
.large-image-text img {
width: 100%; }
.large-image-text__text-container {
display: flex;
flex-direction: column;
margin-top: 32px;
word-break: break-word; }
.large-image-text__text-container > p {
max-width: 50%;
margin: 0;
margin-bottom: 32px; }
@media (max-width: 767px) {
.large-image-text__text-container > p {
max-width: 100%; } }
.search-field {
font-size: 16px;
position: relative;
width: 100%; }
@media (max-width: 767px) {
.search-field--no-bg {
padding-left: 20px;
padding-right: 20px; } }
.search-field__inner {
position: relative; }
.search-field__magnifier.icon {
position: absolute;
top: 50%;
left: 45px;
width: 35px;
height: 36px;
transform: translateY(-50%); }
@media (max-width: 1199px) {
.search-field__magnifier.icon {
left: 36px;
width: 30px;
height: 31px; } }
@media (max-width: 991px) {
.search-field__magnifier.icon {
left: 28px;
width: 27px;
height: 28px; } }
@media (max-width: 767px) {
.search-field__magnifier.icon {
left: 16px;
width: 20px;
height: 21px; } }
.search-field--tight .search-field__magnifier.icon {
left: 29px;
width: 26px;
height: 26px; }
@media (max-width: 1199px) {
.search-field--tight .search-field__magnifier.icon {
left: 29px;
width: 24px;
height: 24px; } }
@media (max-width: 991px) {
.search-field--tight .search-field__magnifier.icon {
left: 28px;
width: 20px;
height: 20px; } }
@media (max-width: 767px) {
.search-field--tight .search-field__magnifier.icon {
left: 16px;
width: 16px;
height: 16px; } }
.search-field--no-bg .search-field__magnifier.icon {
left: 0; }
.search-field__clear, .search-field__button {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.search-field__clear {
background-color: transparent;
border: none;
line-height: 1;
font-size: 1px;
right: 32px;
outline: none;
z-index: 2;
cursor: pointer;
padding: 15px; }
.search-field__clear:hover {
opacity: 0.5; }
@media (max-width: 1199px) {
.search-field__clear {
right: 20px; } }
@media (max-width: 991px) {
.search-field__clear {
right: 10px; } }
@media (max-width: 767px) {
.search-field__clear--hide-xs {
display: none; } }
.search-field--tight .search-field__clear {
right: 23px; }
@media (max-width: 1199px) {
.search-field--tight .search-field__clear {
right: 16px; } }
@media (max-width: 991px) {
.search-field--tight .search-field__clear {
right: 10px; } }
.search-field__clear svg {
fill: #1d1d1b;
width: 18px;
height: 18px; }
.search-field__button {
display: none;
opacity: 0;
right: 106px;
z-index: 1;
transition: all 150ms ease-in-out; }
@media (max-width: 1199px) {
.search-field__button {
right: 86px; } }
@media (max-width: 991px) {
.search-field__button {
right: 68px; } }
@media (max-width: 767px) {
.search-field__button {
display: none !important; } }
.search-field--tight .search-field__button {
right: 90px; }
@media (max-width: 1199px) {
.search-field--tight .search-field__button {
right: 76px; } }
@media (max-width: 991px) {
.search-field--tight .search-field__button {
right: 64px; } }
@media (max-width: 767px) {
.search-field--tight .search-field__button {
display: none !important; } }
.search-field__button--visible {
opacity: 1; }
.search-field__input {
border: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
color: #a2a6a8;
padding: 41px 38px 40px 110px;
outline: none; }
.search-field__input::-ms-clear {
display: none; }
@media (max-width: 1199px) {
.search-field__input {
padding: 34px 32px 34px 92px; } }
@media (max-width: 991px) {
.search-field__input {
padding: 26px 28px 26px 78px; } }
@media (max-width: 767px) {
.search-field__input {
padding: 20px 0 20px 50px; } }
.search-field--tight .search-field__input {
padding: 31px 38px 30px 88px; }
@media (max-width: 1199px) {
.search-field--tight .search-field__input {
padding: 24px 32px 24px 80px; } }
@media (max-width: 991px) {
.search-field--tight .search-field__input {
padding: 20px 28px 20px 70px; } }
@media (max-width: 767px) {
.search-field--tight .search-field__input {
padding: 15px 0 16px 46px; } }
.search-field--no-bg .search-field__input {
border-bottom: solid 2px #1d1d1b;
padding-left: 64px; }
@media (max-width: 1199px) {
.search-field--no-bg .search-field__input {
padding-left: 50px; } }
@media (max-width: 991px) {
.search-field--no-bg .search-field__input {
padding-left: 36px; } }
.search-modal {
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 767px) {
.search-modal {
display: block; } }
@media (max-width: 767px) {
.search-modal.modal {
background-color: transparent;
padding-top: 50px; } }
.search-modal__container {
padding: 30px;
width: 1105px;
max-width: 100%; }
@media (max-width: 991px) {
.search-modal__container {
width: 100%; } }
@media (max-width: 767px) {
.search-modal__container {
background-color: #fff;
height: 100%;
padding: 0; }
.search-modal__container:before {
top: -50px;
transform: scaleX(0);
transform-origin: left; }
.search-modal.is-active .search-modal__container:before {
width: 15px;
transform: scaleX(1);
transition: transform 300ms ease-out; } }
@media (max-width: 767px) {
.search-modal .search-field {
padding: 20px 25px; } }
.search-modal .quick-links {
margin-top: 20px; }
@media (max-width: 767px) {
.search-modal .quick-links {
margin-top: 0; } }
@media (max-width: 767px) {
.search-modal .quick-links .link-group__list {
margin-left: 6px; } }
@media (max-width: 767px) {
.search-modal__close {
background-color: #fff;
top: -23px;
right: 9px; } }
@media (max-width: 767px) {
.search-modal__close svg {
width: 14px;
height: 14px; } }
.slider__dots {
bottom: 10px;
position: absolute;
text-align: center;
width: 100%; }
.slider__dots > li {
display: inline-block;
margin: 0 3px;
height: 9px;
width: 9px; }
.slider__dots > li button {
background-color: #a2a6a8;
border: none;
border-radius: 100%;
height: 100%;
width: 100%;
opacity: 0.5;
padding: 0;
text-indent: -9999px; }
.slider__dots > li.slick-active button {
opacity: 1; }
.slider__item[data-image]:hover {
cursor: pointer;
opacity: 0.8; }
@media (max-width: 767px) {
.slider__item-inner {
height: 0;
overflow: hidden;
padding-bottom: 99.5%;
position: relative; }
.slider__item-inner.video {
padding-bottom: 99.5%; }
.slider__item-inner img {
height: auto;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%); } }
.border-grid {
display: flex;
flex-flow: row wrap;
background-color: #fff;
border-top: solid 1px #d0d3d4; }
.border-grid__col {
border-right: solid 1px #d0d3d4;
border-bottom: solid 1px #d0d3d4;
padding: 20px 20px 30px; }
.border-grid--cols-1 .border-grid__col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px; }
.border-grid--cols-1 .border-grid__col:nth-child(1n) {
margin-right: 0; }
@media (min-width: 1200px) {
.border-grid--cols-1 .border-grid__col:nth-child(1n) {
border-right: 0; }
.border-grid--cols-1 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1),
.border-grid--cols-1 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1) ~ .border-grid__col {
border-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1199px) {
.border-grid--cols-1 .border-grid__col {
flex-basis: calc(99.9% * Infinity/12);
max-width: calc(99.9% * Infinity/12);
width: calc(99.9% * Infinity/12);
margin-right: 0px;
padding: 15px 15px 20px; }
.border-grid--cols-1 .border-grid__col:nth-child(0n) {
border-right: 0; }
.border-grid--cols-1 .border-grid__col:nth-child(0n+1):nth-last-child(-n+0),
.border-grid--cols-1 .border-grid__col:nth-child(0n+1):nth-last-child(-n+0) ~ .border-grid__col {
border-bottom: 0; } }
@media (max-width: 767px) {
.border-grid--cols-1 .border-grid__col {
flex-basis: calc(99.9% * Infinity/12);
max-width: calc(99.9% * Infinity/12);
width: calc(99.9% * Infinity/12);
margin-right: 0px;
padding: 15px; }
.border-grid--cols-1 .border-grid__col:nth-child(0n) {
border-right: 0; }
.border-grid--cols-1 .border-grid__col:nth-child(0n+1):nth-last-child(-n+0),
.border-grid--cols-1 .border-grid__col:nth-child(0n+1):nth-last-child(-n+0) ~ .border-grid__col {
border-bottom: 0; } }
.border-grid--cols-2 .border-grid__col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.5);
max-width: calc(99.9% * 0.5);
width: calc(99.9% * 0.5);
margin-right: 0px; }
.border-grid--cols-2 .border-grid__col:nth-child(2n) {
margin-right: 0; }
@media (min-width: 1200px) {
.border-grid--cols-2 .border-grid__col:nth-child(2n) {
border-right: 0; }
.border-grid--cols-2 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2),
.border-grid--cols-2 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2) ~ .border-grid__col {
border-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1199px) {
.border-grid--cols-2 .border-grid__col {
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px;
padding: 15px 15px 20px; }
.border-grid--cols-2 .border-grid__col:nth-child(1n) {
border-right: 0; }
.border-grid--cols-2 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1),
.border-grid--cols-2 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1) ~ .border-grid__col {
border-bottom: 0; } }
@media (max-width: 767px) {
.border-grid--cols-2 .border-grid__col {
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px;
padding: 15px; }
.border-grid--cols-2 .border-grid__col:nth-child(1n) {
border-right: 0; }
.border-grid--cols-2 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1),
.border-grid--cols-2 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1) ~ .border-grid__col {
border-bottom: 0; } }
.border-grid--cols-3 .border-grid__col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.33333);
max-width: calc(99.9% * 0.33333);
width: calc(99.9% * 0.33333);
margin-right: 0px; }
.border-grid--cols-3 .border-grid__col:nth-child(3n) {
margin-right: 0; }
@media (min-width: 1200px) {
.border-grid--cols-3 .border-grid__col:nth-child(3n) {
border-right: 0; }
.border-grid--cols-3 .border-grid__col:nth-child(3n+1):nth-last-child(-n+3),
.border-grid--cols-3 .border-grid__col:nth-child(3n+1):nth-last-child(-n+3) ~ .border-grid__col {
border-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1199px) {
.border-grid--cols-3 .border-grid__col {
flex-basis: calc(99.9% * 0.5);
max-width: calc(99.9% * 0.5);
width: calc(99.9% * 0.5);
margin-right: 0px;
padding: 15px 15px 20px; }
.border-grid--cols-3 .border-grid__col:nth-child(2n) {
border-right: 0; }
.border-grid--cols-3 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2),
.border-grid--cols-3 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2) ~ .border-grid__col {
border-bottom: 0; } }
@media (max-width: 767px) {
.border-grid--cols-3 .border-grid__col {
flex-basis: calc(99.9% * 1);
max-width: calc(99.9% * 1);
width: calc(99.9% * 1);
margin-right: 0px;
padding: 15px; }
.border-grid--cols-3 .border-grid__col:nth-child(1n) {
border-right: 0; }
.border-grid--cols-3 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1),
.border-grid--cols-3 .border-grid__col:nth-child(1n+1):nth-last-child(-n+1) ~ .border-grid__col {
border-bottom: 0; } }
.border-grid--cols-4 .border-grid__col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.25);
max-width: calc(99.9% * 0.25);
width: calc(99.9% * 0.25);
margin-right: 0px; }
.border-grid--cols-4 .border-grid__col:nth-child(4n) {
margin-right: 0; }
@media (min-width: 1200px) {
.border-grid--cols-4 .border-grid__col:nth-child(4n) {
border-right: 0; }
.border-grid--cols-4 .border-grid__col:nth-child(4n+1):nth-last-child(-n+4),
.border-grid--cols-4 .border-grid__col:nth-child(4n+1):nth-last-child(-n+4) ~ .border-grid__col {
border-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1199px) {
.border-grid--cols-4 .border-grid__col {
flex-basis: calc(99.9% * 0.33333);
max-width: calc(99.9% * 0.33333);
width: calc(99.9% * 0.33333);
margin-right: 0px;
padding: 15px 15px 20px; }
.border-grid--cols-4 .border-grid__col:nth-child(3n) {
border-right: 0; }
.border-grid--cols-4 .border-grid__col:nth-child(3n+1):nth-last-child(-n+3),
.border-grid--cols-4 .border-grid__col:nth-child(3n+1):nth-last-child(-n+3) ~ .border-grid__col {
border-bottom: 0; } }
@media (max-width: 767px) {
.border-grid--cols-4 .border-grid__col {
flex-basis: calc(99.9% * 0.5);
max-width: calc(99.9% * 0.5);
width: calc(99.9% * 0.5);
margin-right: 0px;
padding: 15px; }
.border-grid--cols-4 .border-grid__col:nth-child(2n) {
border-right: 0; }
.border-grid--cols-4 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2),
.border-grid--cols-4 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2) ~ .border-grid__col {
border-bottom: 0; } }
.border-grid--cols-5 .border-grid__col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 0.2);
max-width: calc(99.9% * 0.2);
width: calc(99.9% * 0.2);
margin-right: 0px; }
.border-grid--cols-5 .border-grid__col:nth-child(5n) {
margin-right: 0; }
@media (min-width: 1200px) {
.border-grid--cols-5 .border-grid__col:nth-child(5n) {
border-right: 0; }
.border-grid--cols-5 .border-grid__col:nth-child(5n+1):nth-last-child(-n+5),
.border-grid--cols-5 .border-grid__col:nth-child(5n+1):nth-last-child(-n+5) ~ .border-grid__col {
border-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1199px) {
.border-grid--cols-5 .border-grid__col {
flex-basis: calc(99.9% * 0.33333);
max-width: calc(99.9% * 0.33333);
width: calc(99.9% * 0.33333);
margin-right: 0px;
padding: 15px 15px 20px; }
.border-grid--cols-5 .border-grid__col:nth-child(3n) {
border-right: 0; }
.border-grid--cols-5 .border-grid__col:nth-child(3n+1):nth-last-child(-n+3),
.border-grid--cols-5 .border-grid__col:nth-child(3n+1):nth-last-child(-n+3) ~ .border-grid__col {
border-bottom: 0; } }
@media (max-width: 767px) {
.border-grid--cols-5 .border-grid__col {
flex-basis: calc(99.9% * 0.5);
max-width: calc(99.9% * 0.5);
width: calc(99.9% * 0.5);
margin-right: 0px;
padding: 15px; }
.border-grid--cols-5 .border-grid__col:nth-child(2n) {
border-right: 0; }
.border-grid--cols-5 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2),
.border-grid--cols-5 .border-grid__col:nth-child(2n+1):nth-last-child(-n+2) ~ .border-grid__col {
border-bottom: 0; } }
.category-header {
position: relative;
width: inherit; }
.category-header--sticky {
height: 140px; }
@media (max-width: 1349px) {
.category-header--sticky {
height: 120px; } }
@media (max-width: 1199px) {
.category-header--sticky {
height: 110px; } }
@media (max-width: 991px) {
.category-header--sticky {
height: 85px; } }
@media (max-width: 767px) {
.category-header--sticky {
height: 85px; } }
.category-header__sticky-trigger {
position: absolute;
bottom: 0;
width: 1px;
height: 77px; }
@media (max-width: 1349px) {
.category-header__sticky-trigger {
height: 74px; } }
@media (max-width: 1199px) {
.category-header__sticky-trigger {
height: 70px; } }
@media (max-width: 991px) {
.category-header__sticky-trigger {
height: 62px; } }
@media (max-width: 767px) {
.category-header__sticky-trigger {
top: 0;
height: 85px; } }
.category-header__container {
position: relative;
width: inherit;
padding: 0 80px;
z-index: 2;
background-color: #faf8f6;
font-size: 0;
backface-visibility: hidden;
white-space: nowrap; }
@media (max-width: 1349px) {
.category-header__container {
padding: 0 60px; } }
@media (max-width: 1199px) {
.category-header__container {
padding: 0 50px; } }
@media (max-width: 991px) {
.category-header__container {
padding: 0 30px; } }
@media (max-width: 767px) {
.category-header__container {
padding: 0 20px 0 28px;
z-index: 8; } }
.category-header--sticky .category-header__container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9;
height: 77px; }
@media (max-width: 1349px) {
.category-header--sticky .category-header__container {
height: 74px; } }
@media (max-width: 1199px) {
.category-header--sticky .category-header__container {
height: 70px; } }
@media (max-width: 991px) {
.category-header--sticky .category-header__container {
height: 62px; } }
@media (max-width: 767px) {
.category-header--sticky .category-header__container {
height: 85px;
position: fixed; } }
.category-header__wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
text-align: center; }
.category-header__arrow {
position: absolute;
top: 15px;
bottom: 15px;
width: 20px;
background-color: #faf8f6;
cursor: pointer;
z-index: 2; }
@media (max-width: 767px) {
.category-header__arrow {
display: block;
top: 15px;
bottom: 15px; } }
.category-header--no-subpages .category-header__arrow {
display: none; }
.category-header__arrow.is-hidden {
border: 0; }
.category-header__arrow--left {
left: 24px;
border-right: 1px solid #d0d3d4; }
@media (max-width: 1199px) {
.category-header__arrow--left {
left: 16px; } }
@media (max-width: 767px) {
.category-header__arrow--left {
left: 8px; } }
.category-header__arrow--right {
right: 0;
border-left: 1px solid #d0d3d4; }
.category-header__arrow--active {
display: block; }
.category-header__arrow-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -5px; }
.is-hidden .category-header__arrow-icon {
opacity: 0; }
.category-header__list {
position: relative;
display: inline-block;
white-space: nowrap;
transition: transform 0.2s; }
.category-header--no-subpages .category-header__list {
float: right; }
.category-header__item {
display: inline-block;
text-align: center; }
.category-header__item--offset {
margin-left: 50px; }
@media (max-width: 767px) {
.category-header__item--offset {
margin-left: 30px; } }
.category-header__link {
display: table-cell;
vertical-align: bottom;
padding-right: 35px;
padding-left: 35px;
padding-bottom: 25px;
height: 140px;
text-decoration: none;
transition: opacity 0.1s;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent; }
@media (max-width: 1349px) {
.category-header__link {
height: 120px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 20px; } }
@media (max-width: 1199px) {
.category-header__link {
height: 110px;
padding-right: 20px;
padding-left: 20px; } }
@media (max-width: 991px) {
.category-header__link {
height: 85px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 10px; } }
@media (min-width: 768px) {
.category-header__link:hover {
opacity: 0.5; } }
.category-header__link--inactive {
opacity: 0.2; }
@media (min-width: 768px) {
.category-header__link--inactive:hover {
opacity: 0.5; } }
.category-header--sticky .category-header__link {
padding-bottom: 0;
height: 77px;
vertical-align: middle; }
@media (max-width: 1349px) {
.category-header--sticky .category-header__link {
height: 74px; } }
@media (max-width: 1199px) {
.category-header--sticky .category-header__link {
height: 70px;
padding-right: 15px;
padding-left: 15px; } }
@media (max-width: 991px) {
.category-header--sticky .category-header__link {
height: 62px; } }
@media (max-width: 767px) {
.category-header--sticky .category-header__link {
top: 50px;
height: 85px;
padding-bottom: 10px;
vertical-align: bottom;
z-index: 10; } }
.category-header__icon {
display: inline-block;
max-height: 52px;
width: auto; }
@media (max-width: 1349px) {
.category-header__icon {
max-height: 42px; } }
@media (max-width: 1199px) {
.category-header__icon {
max-height: 36px; } }
@media (max-width: 991px) {
.category-header__icon {
max-height: 31px; } }
@media (min-width: 768px) {
.category-header--sticky .category-header__icon {
display: none; } }
.category-header__counter {
color: #313639;
font-size: 36px;
line-height: 1;
font-weight: 300;
letter-spacing: 1px; }
@media (max-width: 1349px) {
.category-header__counter {
font-size: 32px; } }
@media (max-width: 1199px) {
.category-header__counter {
font-size: 28px; } }
@media (max-width: 991px) {
.category-header__counter {
font-size: 20px; } }
@media (min-width: 768px) {
.category-header--sticky .category-header__counter {
display: none; } }
.category-header__item-title {
color: #000;
font-size: 11px;
font-weight: 400;
line-height: 2;
letter-spacing: 0.8px;
display: block;
padding-top: 11px;
white-space: nowrap; }
@media (max-width: 1199px) {
.category-header__item-title {
font-size: 10px;
letter-spacing: 0.7px;
padding-top: 9px; } }
.category-header--sticky .category-header__item-title {
padding-top: 0; }
@media (max-width: 767px) {
.category-header--sticky .category-header__item-title {
padding-top: 9px; } }
.loader {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg); }
.images-has-loaded .loader {
display: none; }
@media (min-width: 768px) {
.loader--image-viewer {
margin: 100px; } }
.loader__cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.loader__cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: loader-cube-angle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.page-theme-aquamarine .loader__cube:before {
background-color: #a9dae7; }
.page-theme-lemonyellow .loader__cube:before {
background-color: #f6eb61; }
.page-theme-mistygrey .loader__cube:before {
background-color: #d0d3d4; }
.page-theme-graphitegrey .loader__cube:before {
background-color: #a2a6a8; }
.page-theme-polargreen .loader__cube:before {
background-color: #e0edd5; }
.page-theme-springgreen .loader__cube:before {
background-color: #b7d698; }
.page-theme-chilired .loader__cube:before {
background-color: #d22630; }
.page-theme-salmon .loader__cube:before {
background-color: #e6baa8; }
.page-theme-cinnamon .loader__cube:before {
background-color: #6d4f47; }
.page-theme-flamingopink .loader__cube:before {
background-color: #fad0c8; }
.page-theme-kingfisherblue .loader__cube:before {
background-color: #00a0d8; }
.page-theme-sdw20green .loader__cube:before {
background-color: #244f3e; }
.page-theme-slate .loader__cube:before {
background-color: #3d3935; }
.page-theme-slate100 .loader__cube:before {
background-color: #3d3935; }
.page-theme-slate75 .loader__cube:before {
background-color: #6e6b68; }
.page-theme-slate50 .loader__cube:before {
background-color: #9d9b99; }
.page-theme-slate25 .loader__cube:before {
background-color: #cecdcc; }
.page-theme-slate7 .loader__cube:before {
background-color: #f1f1f1; }
.page-theme-eveningsky .loader__cube:before {
background-color: #284458; }
.page-theme-eveningsky100 .loader__cube:before {
background-color: #284458; }
.page-theme-eveningsky75 .loader__cube:before {
background-color: #5e7382; }
.page-theme-eveningsky50 .loader__cube:before {
background-color: #93a1ab; }
.page-theme-eveningsky25 .loader__cube:before {
background-color: #c9d0d5; }
.page-theme-eveningsky7 .loader__cube:before {
background-color: #f0f2f3; }
.page-theme-organicgreen .loader__cube:before {
background-color: #2e483e; }
.page-theme-organicgreen100 .loader__cube:before {
background-color: #2e483e; }
.page-theme-organicgreen75 .loader__cube:before {
background-color: #62766e; }
.page-theme-organicgreen50 .loader__cube:before {
background-color: #96a39e; }
.page-theme-organicgreen25 .loader__cube:before {
background-color: #cad1ce; }
.page-theme-organicgreen7 .loader__cube:before {
background-color: #f0f2f1; }
.page-theme-sand .loader__cube:before {
background-color: #b6a284; }
.page-theme-sand100 .loader__cube:before {
background-color: #b6a284; }
.page-theme-sand75 .loader__cube:before {
background-color: #c8b9a3; }
.page-theme-sand50 .loader__cube:before {
background-color: #dad0c1; }
.page-theme-sand25 .loader__cube:before {
background-color: #ece7e0; }
.page-theme-sand7 .loader__cube:before {
background-color: #faf8f6; }
.page-theme-rhubarb .loader__cube:before {
background-color: #dd7975; }
.page-theme-rhubarb100 .loader__cube:before {
background-color: #dd7975; }
.page-theme-rhubarb75 .loader__cube:before {
background-color: #e69b98; }
.page-theme-rhubarb50 .loader__cube:before {
background-color: #edbbb9; }
.page-theme-rhubarb25 .loader__cube:before {
background-color: #f6dddc; }
.page-theme-rhubarb7 .loader__cube:before {
background-color: #fcf5f5; }
.page-theme-chantarelle .loader__cube:before {
background-color: #d9c756; }
.page-theme-chantarelle100 .loader__cube:before {
background-color: #d9c756; }
.page-theme-chantarelle75 .loader__cube:before {
background-color: #e3d580; }
.page-theme-chantarelle50 .loader__cube:before {
background-color: #ebe2aa; }
.page-theme-chantarelle25 .loader__cube:before {
background-color: #f5f1d4; }
.page-theme-chantarelle7 .loader__cube:before {
background-color: #fcfbf3; }
.page-theme-white .loader__cube:before {
background-color: #fff; }
.page-theme-black .loader__cube:before {
background-color: #1d1d1b; }
.page-theme-pagebackground .loader__cube:before {
background-color: #faf8f6; }
.page-theme-grey .loader__cube:before {
background-color: #ebebeb; }
.page-theme-none .loader__cube:before {
background-color: rgba(0, 0, 0, 0); }
.loader__cube.loader__cube--2 {
transform: scale(1.1) rotateZ(90deg); }
.loader__cube.loader__cube--3 {
transform: scale(1.1) rotateZ(180deg); }
.loader__cube.loader__cube--4 {
transform: scale(1.1) rotateZ(270deg); }
.loader__cube.loader__cube--2:before {
animation-delay: 0.3s; }
.loader__cube.loader__cube--3:before {
animation-delay: 0.6s; }
.loader__cube.loader__cube--4:before {
animation-delay: 0.9s; }
@keyframes loader-cube-angle {
0%,
10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%,
75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%,
100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
.responsive-table {
position: relative; }
.responsive-table__fixed-column {
background-color: #fff;
width: auto;
position: absolute;
top: 0;
left: 0;
z-index: 1; }
.responsive-table__fixed-column td, .responsive-table__fixed-column th {
border-bottom-color: #fff;
border-right: solid 1px #d0d3d4; }
.responsive-table__scroll-wrapper {
overflow: auto;
min-height: 0%; }
@media (max-width: 991px) {
.responsive-table__scroll-wrapper {
margin-right: -30px; } }
@media (max-width: 767px) {
.responsive-table__scroll-wrapper {
margin-right: -20px; } }
[data-simplebar] {
position: relative;
z-index: 0;
overflow: hidden;
-webkit-overflow-scrolling: touch;
/* Trigger native scrolling for mobile, if not supported, plugin is used. */ }
[data-simplebar="init"] {
display: flex; }
.simplebar-scroll-content {
overflow-x: hidden;
overflow-y: scroll;
min-width: 100%;
max-height: inherit;
box-sizing: content-box; }
.simplebar-content {
overflow-x: scroll;
overflow-y: hidden;
box-sizing: border-box;
min-height: 100%; }
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 11px; }
.simplebar-scrollbar {
position: absolute;
right: 2px;
border-radius: 2px;
min-height: 10px;
width: 10px;
opacity: 0;
transition: opacity 0.2s linear;
background: #1d1d1b;
background-clip: padding-box; }
.simplebar-track:hover .simplebar-scrollbar {
/* When hovered, remove all transitions from drag handle */
opacity: 0.2;
transition: opacity 0 linear; }
.simplebar-track .simplebar-scrollbar.visible {
opacity: 0.2; }
.simplebar-track.horizontal {
left: 0;
width: auto;
height: 11px; }
.simplebar-track.vertical {
top: 0;
right: 28px; }
.horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto; }
.quick-links {
background-color: rgba(29, 29, 27, 0.7);
font-size: 14px;
overflow: hidden;
color: #fff;
padding: 48px 48px; }
@media (max-width: 991px) {
.quick-links {
font-size: 12px;
padding: 24px 16px; } }
@media (max-width: 767px) {
.quick-links {
height: 100%;
font-weight: normal;
padding: 24px 16px; } }
@media (max-width: 767px) {
.search-modal .quick-links {
padding: 16px; } }
.quick-links__title {
margin-bottom: 20px;
text-transform: none;
letter-spacing: 0.8px;
font-size: 14px;
font-weight: 300; }
@media (max-width: 767px) {
.quick-links__title {
color: #a2a6a8;
font-size: inherit;
font-weight: normal;
letter-spacing: normal;
margin-bottom: 5px; } }
.spec-check {
display: flex; }
.spec-check__text {
padding-left: 10px; }
.spec-check__name, .spec-check__description {
margin: 0; }
.spec-check--disabled .spec-check__name, .spec-check--disabled .spec-check__description {
color: #888c8c; }
.split-header {
padding-left: 80px;
padding-right: 80px;
background-color: #d0d3d4;
padding-top: 100px;
padding-bottom: 85px;
position: relative;
text-align: center; }
@media (max-width: 1349px) {
.split-header {
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1199px) {
.split-header {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 991px) {
.split-header {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.split-header {
padding-left: 20px;
padding-right: 20px; } }
.split-header__title, .split-header__container {
position: relative;
z-index: 2; }
.split-header__title, .split-header__content {
margin: 0 auto;
max-width: 70%; }
.split-header__title {
margin-bottom: 0.8em; }
.split-header__content .split-header__grid {
margin-left: -10px;
margin-right: -10px; }
.split-header__content .split-header__grid:before, .split-header__content .split-header__grid:after {
content: " ";
display: table; }
.split-header__content .split-header__grid:after {
clear: both; }
.split-header__content .split-header__grid > * {
float: left;
width: 25%;
padding: 20px; }
.split-header__content .split-header__grid h2 {
margin-bottom: 0.7em; }
.split-header__content .split-header__grid h2 .icon {
height: 1em; }
.split-header__content .split-header__cta:before, .split-header__content .split-header__cta:after {
content: " ";
display: table; }
.split-header__content .split-header__cta:after {
clear: both; }
.split-header__content .split-header__cta p {
margin: 0;
width: 50%;
padding-right: 40px;
float: left;
text-align: left; }
.split-header__content .split-header__cta a {
float: right; }
.split-header:after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50%;
z-index: 1; }
@media (max-width: 1349px) {
.split-header {
padding-top: 90px;
padding-bottom: 80px; }
.split-header__content .split-header__cta p {
padding-right: 30px; } }
@media (max-width: 1199px) {
.split-header {
padding-top: 75px;
padding-bottom: 65px; }
.split-header__content .split-header__cta p {
padding-right: 20px; } }
@media (max-width: 991px) {
.split-header {
padding-top: 65px;
padding-bottom: 55px; }
.split-header__content .split-header__cta p {
padding-right: 10px; } }
@media (max-width: 767px) {
.split-header {
padding: 0; }
.split-header__title {
padding: 40px 20px;
margin-bottom: 0; }
.split-header__content {
padding: 20px; }
.split-header__title, .split-header__content {
max-width: 90%; }
.split-header__content .split-header__grid {
margin-left: -5px;
margin-right: -5px; }
.split-header__content .split-header__grid:before, .split-header__content .split-header__grid:after {
content: " ";
display: table; }
.split-header__content .split-header__grid:after {
clear: both; }
.split-header__content .split-header__grid > * {
padding: 10px;
width: 50%; }
.split-header__content .split-header__cta p {
display: none; }
.split-header__content .split-header__cta a {
float: none; }
.split-header:before, .split-header:after {
display: none; } }
.split-headline {
display: flex;
justify-content: space-between;
align-items: flex-end; }
.split-headline h1, .split-headline .h1, .split-headline .large-image-block__text-title,
.split-headline h2, .split-headline .h2,
.split-headline h3, .split-headline .h3 {
margin-bottom: 0; }
.split-headline p {
margin-top: 0; }
.headline-bar {
background: #fff;
padding: 62px;
text-align: center; }
.headline-bar--thin {
padding: 3em; }
.headline-bar--no-padding-bottom {
padding-bottom: 0; }
@media (max-width: 1349px) {
.headline-bar {
padding: 52px; } }
@media (max-width: 1199px) {
.headline-bar {
padding: 42px; } }
@media (max-width: 991px) {
.headline-bar {
padding: 32px; } }
@media (max-width: 767px) {
.headline-bar {
padding: 22px; } }
.page-theme-aquamarine .headline-bar--theme-page {
background-color: #a9dae7;
color: #1d1d1b; }
.page-theme-lemonyellow .headline-bar--theme-page {
background-color: #f6eb61;
color: #1d1d1b; }
.page-theme-mistygrey .headline-bar--theme-page {
background-color: #d0d3d4;
color: #1d1d1b; }
.page-theme-graphitegrey .headline-bar--theme-page {
background-color: #a2a6a8;
color: #fff; }
.page-theme-polargreen .headline-bar--theme-page {
background-color: #e0edd5;
color: #1d1d1b; }
.page-theme-springgreen .headline-bar--theme-page {
background-color: #b7d698;
color: #1d1d1b; }
.page-theme-chilired .headline-bar--theme-page {
background-color: #d22630;
color: #fff; }
.page-theme-salmon .headline-bar--theme-page {
background-color: #e6baa8;
color: #1d1d1b; }
.page-theme-cinnamon .headline-bar--theme-page {
background-color: #6d4f47;
color: #fff; }
.page-theme-flamingopink .headline-bar--theme-page {
background-color: #fad0c8;
color: #1d1d1b; }
.page-theme-kingfisherblue .headline-bar--theme-page {
background-color: #00a0d8;
color: #fff; }
.page-theme-sdw20green .headline-bar--theme-page {
background-color: #244f3e;
color: #fff; }
.page-theme-slate .headline-bar--theme-page {
background-color: #3d3935;
color: #fff; }
.page-theme-slate100 .headline-bar--theme-page {
background-color: #3d3935;
color: #fff; }
.page-theme-slate75 .headline-bar--theme-page {
background-color: #6e6b68;
color: #fff; }
.page-theme-slate50 .headline-bar--theme-page {
background-color: #9d9b99;
color: #fff; }
.page-theme-slate25 .headline-bar--theme-page {
background-color: #cecdcc;
color: #1d1d1b; }
.page-theme-slate7 .headline-bar--theme-page {
background-color: #f1f1f1;
color: #1d1d1b; }
.page-theme-eveningsky .headline-bar--theme-page {
background-color: #284458;
color: #fff; }
.page-theme-eveningsky100 .headline-bar--theme-page {
background-color: #284458;
color: #fff; }
.page-theme-eveningsky75 .headline-bar--theme-page {
background-color: #5e7382;
color: #fff; }
.page-theme-eveningsky50 .headline-bar--theme-page {
background-color: #93a1ab;
color: #fff; }
.page-theme-eveningsky25 .headline-bar--theme-page {
background-color: #c9d0d5;
color: #1d1d1b; }
.page-theme-eveningsky7 .headline-bar--theme-page {
background-color: #f0f2f3;
color: #1d1d1b; }
.page-theme-organicgreen .headline-bar--theme-page {
background-color: #2e483e;
color: #fff; }
.page-theme-organicgreen100 .headline-bar--theme-page {
background-color: #2e483e;
color: #fff; }
.page-theme-organicgreen75 .headline-bar--theme-page {
background-color: #62766e;
color: #fff; }
.page-theme-organicgreen50 .headline-bar--theme-page {
background-color: #96a39e;
color: #fff; }
.page-theme-organicgreen25 .headline-bar--theme-page {
background-color: #cad1ce;
color: #1d1d1b; }
.page-theme-organicgreen7 .headline-bar--theme-page {
background-color: #f0f2f1;
color: #1d1d1b; }
.page-theme-sand .headline-bar--theme-page {
background-color: #b6a284;
color: #1d1d1b; }
.page-theme-sand100 .headline-bar--theme-page {
background-color: #b6a284;
color: #1d1d1b; }
.page-theme-sand75 .headline-bar--theme-page {
background-color: #c8b9a3;
color: #1d1d1b; }
.page-theme-sand50 .headline-bar--theme-page {
background-color: #dad0c1;
color: #1d1d1b; }
.page-theme-sand25 .headline-bar--theme-page {
background-color: #ece7e0;
color: #1d1d1b; }
.page-theme-sand7 .headline-bar--theme-page {
background-color: #faf8f6;
color: #1d1d1b; }
.page-theme-rhubarb .headline-bar--theme-page {
background-color: #dd7975;
color: #1d1d1b; }
.page-theme-rhubarb100 .headline-bar--theme-page {
background-color: #dd7975;
color: #1d1d1b; }
.page-theme-rhubarb75 .headline-bar--theme-page {
background-color: #e69b98;
color: #1d1d1b; }
.page-theme-rhubarb50 .headline-bar--theme-page {
background-color: #edbbb9;
color: #1d1d1b; }
.page-theme-rhubarb25 .headline-bar--theme-page {
background-color: #f6dddc;
color: #1d1d1b; }
.page-theme-rhubarb7 .headline-bar--theme-page {
background-color: #fcf5f5;
color: #1d1d1b; }
.page-theme-chantarelle .headline-bar--theme-page {
background-color: #d9c756;
color: #1d1d1b; }
.page-theme-chantarelle100 .headline-bar--theme-page {
background-color: #d9c756;
color: #1d1d1b; }
.page-theme-chantarelle75 .headline-bar--theme-page {
background-color: #e3d580;
color: #1d1d1b; }
.page-theme-chantarelle50 .headline-bar--theme-page {
background-color: #ebe2aa;
color: #1d1d1b; }
.page-theme-chantarelle25 .headline-bar--theme-page {
background-color: #f5f1d4;
color: #1d1d1b; }
.page-theme-chantarelle7 .headline-bar--theme-page {
background-color: #fcfbf3;
color: #1d1d1b; }
.page-theme-white .headline-bar--theme-page {
background-color: #fff;
color: #1d1d1b; }
.page-theme-black .headline-bar--theme-page {
background-color: #1d1d1b;
color: #fff; }
.page-theme-pagebackground .headline-bar--theme-page {
background-color: #faf8f6;
color: #1d1d1b; }
.page-theme-grey .headline-bar--theme-page {
background-color: #ebebeb;
color: #1d1d1b; }
.page-theme-none .headline-bar--theme-page {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.headline-bar--theme-aquamarine {
background-color: #a9dae7;
color: #1d1d1b; }
.headline-bar--theme-lemonyellow {
background-color: #f6eb61;
color: #1d1d1b; }
.headline-bar--theme-mistygrey {
background-color: #d0d3d4;
color: #1d1d1b; }
.headline-bar--theme-graphitegrey {
background-color: #a2a6a8;
color: #fff; }
.headline-bar--theme-polargreen {
background-color: #e0edd5;
color: #1d1d1b; }
.headline-bar--theme-springgreen {
background-color: #b7d698;
color: #1d1d1b; }
.headline-bar--theme-chilired {
background-color: #d22630;
color: #fff; }
.headline-bar--theme-salmon {
background-color: #e6baa8;
color: #1d1d1b; }
.headline-bar--theme-cinnamon {
background-color: #6d4f47;
color: #fff; }
.headline-bar--theme-flamingopink {
background-color: #fad0c8;
color: #1d1d1b; }
.headline-bar--theme-kingfisherblue {
background-color: #00a0d8;
color: #fff; }
.headline-bar--theme-sdw20green {
background-color: #244f3e;
color: #fff; }
.headline-bar--theme-slate {
background-color: #3d3935;
color: #fff; }
.headline-bar--theme-slate100 {
background-color: #3d3935;
color: #fff; }
.headline-bar--theme-slate75 {
background-color: #6e6b68;
color: #fff; }
.headline-bar--theme-slate50 {
background-color: #9d9b99;
color: #fff; }
.headline-bar--theme-slate25 {
background-color: #cecdcc;
color: #1d1d1b; }
.headline-bar--theme-slate7 {
background-color: #f1f1f1;
color: #1d1d1b; }
.headline-bar--theme-eveningsky {
background-color: #284458;
color: #fff; }
.headline-bar--theme-eveningsky100 {
background-color: #284458;
color: #fff; }
.headline-bar--theme-eveningsky75 {
background-color: #5e7382;
color: #fff; }
.headline-bar--theme-eveningsky50 {
background-color: #93a1ab;
color: #fff; }
.headline-bar--theme-eveningsky25 {
background-color: #c9d0d5;
color: #1d1d1b; }
.headline-bar--theme-eveningsky7 {
background-color: #f0f2f3;
color: #1d1d1b; }
.headline-bar--theme-organicgreen {
background-color: #2e483e;
color: #fff; }
.headline-bar--theme-organicgreen100 {
background-color: #2e483e;
color: #fff; }
.headline-bar--theme-organicgreen75 {
background-color: #62766e;
color: #fff; }
.headline-bar--theme-organicgreen50 {
background-color: #96a39e;
color: #fff; }
.headline-bar--theme-organicgreen25 {
background-color: #cad1ce;
color: #1d1d1b; }
.headline-bar--theme-organicgreen7 {
background-color: #f0f2f1;
color: #1d1d1b; }
.headline-bar--theme-sand {
background-color: #b6a284;
color: #1d1d1b; }
.headline-bar--theme-sand100 {
background-color: #b6a284;
color: #1d1d1b; }
.headline-bar--theme-sand75 {
background-color: #c8b9a3;
color: #1d1d1b; }
.headline-bar--theme-sand50 {
background-color: #dad0c1;
color: #1d1d1b; }
.headline-bar--theme-sand25 {
background-color: #ece7e0;
color: #1d1d1b; }
.headline-bar--theme-sand7 {
background-color: #faf8f6;
color: #1d1d1b; }
.headline-bar--theme-rhubarb {
background-color: #dd7975;
color: #1d1d1b; }
.headline-bar--theme-rhubarb100 {
background-color: #dd7975;
color: #1d1d1b; }
.headline-bar--theme-rhubarb75 {
background-color: #e69b98;
color: #1d1d1b; }
.headline-bar--theme-rhubarb50 {
background-color: #edbbb9;
color: #1d1d1b; }
.headline-bar--theme-rhubarb25 {
background-color: #f6dddc;
color: #1d1d1b; }
.headline-bar--theme-rhubarb7 {
background-color: #fcf5f5;
color: #1d1d1b; }
.headline-bar--theme-chantarelle {
background-color: #d9c756;
color: #1d1d1b; }
.headline-bar--theme-chantarelle100 {
background-color: #d9c756;
color: #1d1d1b; }
.headline-bar--theme-chantarelle75 {
background-color: #e3d580;
color: #1d1d1b; }
.headline-bar--theme-chantarelle50 {
background-color: #ebe2aa;
color: #1d1d1b; }
.headline-bar--theme-chantarelle25 {
background-color: #f5f1d4;
color: #1d1d1b; }
.headline-bar--theme-chantarelle7 {
background-color: #fcfbf3;
color: #1d1d1b; }
.headline-bar--theme-white {
background-color: #fff;
color: #1d1d1b; }
.headline-bar--theme-black {
background-color: #1d1d1b;
color: #fff; }
.headline-bar--theme-pagebackground {
background-color: #faf8f6;
color: #1d1d1b; }
.headline-bar--theme-grey {
background-color: #ebebeb;
color: #1d1d1b; }
.headline-bar--theme-none {
background-color: rgba(0, 0, 0, 0);
color: #1d1d1b; }
.headline-bar > * {
margin: 0; }
.headline-bar h1,
.headline-bar h2,
.headline-bar h3,
.headline-bar h4,
.headline-bar h5 {
color: inherit; }
.anchor {
visibility: hidden;
text-indent: -9999px;
font-size: 0; }
.anchor--edit {
display: block;
width: 100%;
height: auto;
padding: 20px;
margin: 20px 0;
visibility: visible;
background-color: #d22630;
color: #fff;
font-size: 2em;
text-indent: 0; }
.anchor-header {
position: relative;
height: 61px;
width: 100%; }
@media (max-width: 1349px) {
.anchor-header {
height: 58px; } }
@media (max-width: 1199px) {
.anchor-header {
height: 54px; } }
@media (max-width: 991px) {
.anchor-header {
height: 52px; } }
@media (max-width: 767px) {
.anchor-header {
height: 50px; } }
.anchor-header .container {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
margin: 0; }
.anchor-header--sticky .container {
margin: 0 auto; }
@media (max-width: calc(1350px + (16px * 2))) {
.anchor-header--sticky .container {
margin: 0 16px; } }
.anchor-header__container {
display: flex;
align-items: center;
position: relative;
z-index: 2;
background-color: #faf8f6;
font-size: 0;
backface-visibility: hidden;
white-space: nowrap; }
@media (max-width: 767px) {
.anchor-header__container {
width: 100%;
z-index: 8; } }
.anchor-header--sticky .anchor-header__container {
position: fixed;
top: 0;
left: 0;
right: 0;
width: inherit;
z-index: 9; }
@media (max-width: 767px) {
.anchor-header--sticky .anchor-header__container {
top: auto;
position: fixed; } }
.anchor-header__snap-scroll {
position: relative;
width: 100%;
margin-left: 80px;
margin-right: 30px; }
@media (max-width: 1349px) {
.anchor-header__snap-scroll {
margin-left: 70px; } }
@media (max-width: 1199px) {
.anchor-header__snap-scroll {
margin-left: 50px; } }
@media (max-width: 991px) {
.anchor-header__snap-scroll {
margin-left: 30px; } }
@media (max-width: 767px) {
.anchor-header__snap-scroll {
margin: 0 20px 0 25px; } }
.anchor-header__wrap {
height: 61px;
overflow: hidden;
position: relative; }
@media (max-width: 1349px) {
.anchor-header__wrap {
height: 58px; } }
@media (max-width: 1199px) {
.anchor-header__wrap {
height: 54px; } }
@media (max-width: 991px) {
.anchor-header__wrap {
height: 52px; } }
@media (max-width: 767px) {
.anchor-header__wrap {
height: 50px; } }
.anchor-header__inner-wrap {
height: 100%;
position: absolute;
min-width: 100%; }
.anchor-header--sticky .breadcrumbs {
transform: translateX(65px);
transition: all 400ms ease-out; }
@media (max-width: 1349px) {
.anchor-header--sticky .breadcrumbs {
transform: translateX(82px); } }
@media (max-width: 1199px) {
.anchor-header--sticky .breadcrumbs {
transform: translateX(88px); } }
@media (max-width: 991px) {
.anchor-header--sticky .breadcrumbs {
transform: translateX(80px); } }
@media (max-width: 767px) {
.anchor-header--sticky .breadcrumbs {
transform: translateX(0); } }
.anchor-header__buttons {
white-space: nowrap;
height: 100%;
text-align: left; }
.anchor-header__buttons:after {
content: "";
height: 100%; }
.anchor-header__buttons > *, .anchor-header__buttons:after {
white-space: normal;
display: inline-block;
vertical-align: middle; }
.anchor-header__buttons > * + * {
margin-left: 10px; }
.anchor-header__buttons--mobile {
display: none;
position: absolute;
z-index: 7;
right: 10px;
top: 50px; }
@media (max-width: 767px) {
.anchor-header__buttons--mobile {
display: block; } }
@media (max-width: 490px) {
.anchor-header__buttons--mobile .button-secondary {
padding: 11px 12px; } }
@media (max-width: 320px) {
.anchor-header__buttons--mobile li {
margin-left: 0px; }
.anchor-header__buttons--mobile .button-secondary {
padding: 8px 8px; } }
.anchor-header__anchors {
align-items: center;
display: flex;
justify-content: flex-end;
height: 100%;
min-width: 100%;
transition: transform 0.2s; }
.anchor-header__anchor-item:first-of-type a {
padding-left: 0; }
.anchor-header__anchor-item a {
padding: 0 19px; }
.anchor-header__anchor-item a {
text-decoration: none;
white-space: nowrap; }
.anchor-header__arrow {
position: absolute;
top: 15px;
bottom: 15px;
width: 20px;
background-color: #faf8f6;
cursor: pointer;
z-index: 2; }
@media (max-width: 767px) {
.anchor-header__arrow {
top: 0;
bottom: 0; } }
.anchor-header--no-subpages .anchor-header__arrow {
display: none; }
.anchor-header__arrow.is-hidden {
border: 0;
display: none; }
.anchor-header__arrow--left {
left: -20px;
border-right: 1px solid #d0d3d4; }
.anchor-header__arrow--right {
right: -20px;
border-left: 1px solid #d0d3d4; }
.anchor-header__arrow--active {
display: block; }
.anchor-header__arrow-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -5px; }
.is-hidden .anchor-header__arrow-icon {
opacity: 0; }
@media (max-width: 1349px) {
.anchor-header__anchor-item a {
padding: 0 19px; } }
@media (max-width: 1199px) {
.anchor-header__anchor-item a {
padding: 0 14px; } }
@media (max-width: 991px) {
.anchor-header__anchor-item a {
padding: 0 9px;
font-size: 9px; } }
@media (max-width: 767px) {
.anchor-header__anchors {
float: none; }
.anchor-header__anchor-item a {
font-size: 11px; }
.anchor-header__title, .anchor-header__buttons:not(.anchor-header__buttons--mobile) {
display: none; } }
.logo {
display: inline-block; }
.logo__link {
display: block; }
.logo__image {
display: block;
max-width: 100%; }
.logo-collection {
background-color: #faf8f6; }
.logo-collection--white {
background-color: #fff; }
.logo-collection__container {
width: 73%;
margin: 0 auto;
padding: 40px 0; }
@media (max-width: 1349px) {
.logo-collection__container {
padding: 30px 0; } }
@media (max-width: 1199px) {
.logo-collection__container {
padding: 25px 0; } }
@media (max-width: 991px) {
.logo-collection__container {
padding: 15px 0; } }
@media (max-width: 767px) {
.logo-collection__container {
width: 100%;
padding: 10px 0; } }
.logo-collection__headline {
padding-top: 20px;
padding-bottom: 40px;
color: #a2a6a8;
text-align: center; }
@media (max-width: 1349px) {
.logo-collection__headline {
padding-bottom: 33px; } }
@media (max-width: 1199px) {
.logo-collection__headline {
padding-bottom: 30px; } }
@media (max-width: 991px) {
.logo-collection__headline {
padding-bottom: 20px; } }
@media (max-width: 767px) {
.logo-collection__headline {
padding-bottom: 17px; } }
.logo-collection__list {
display: table;
table-layout: fixed;
width: 100%;
text-align: center;
font-size: 0; }
@media (max-width: 767px) {
.logo-collection__list {
display: block;
width: auto; } }
.logo-collection__item {
display: table-cell;
padding: 0 20px 20px;
vertical-align: middle;
opacity: .5; }
.logo-collection__item .logo {
max-width: 100%; }
@media (max-width: 1349px) {
.logo-collection__item {
padding: 0 30px 30px; } }
@media (max-width: 1199px) {
.logo-collection__item {
padding: 0 25px 25px; } }
@media (max-width: 991px) {
.logo-collection__item {
padding: 0 15px 15px; } }
@media (max-width: 767px) {
.logo-collection__item {
display: inline-block;
width: 33.33333%;
padding: 0 20px 20px; } }
.cookie {
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 900;
width: 100%; }
.cookie.is-hidden {
display: none !important; }
.cookie__body {
position: relative;
padding: 10px 40px;
background-color: #fff;
display: flex;
align-items: center; }
@media (max-width: 991px) {
.cookie__body {
padding: 10px 20px; } }
.cookie button {
flex-grow: 0;
flex-shrink: 0; }
.cookie__message {
flex-grow: 1;
flex-shrink: 1;
padding: 5px; }
.cookie__message a {
text-decoration: none; }
.cookie__message svg {
line-height: 14px;
vertical-align: baseline;
margin-left: 6px;
width: 10px;
height: 10px; }
.product-tile-slider {
display: flex;
height: 675px; }
@media (max-width: 1199px) {
.product-tile-slider {
height: 550px; } }
@media (max-width: 991px) {
.product-tile-slider {
height: unset;
flex-wrap: wrap;
margin-right: 0; } }
.product-tile-slider__bottom-container {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
background-color: #ece7e0;
flex: 1 0 50%;
justify-content: flex-end; }
.product-tile-slider__text-container {
display: grid;
flex-direction: column;
position: relative;
z-index: 2;
background-color: #ece7e0;
flex: 1 0 50%;
padding: 48px; }
.product-tile-slider__text-container h2 {
font-size: 90px;
line-height: 95px; }
@media (max-width: 767px) {
.product-tile-slider__text-container h2 {
font-size: 50px;
line-height: 54px; } }
.product-tile-slider__text-container a {
margin-top: 24px; }
@media (max-width: 991px) {
.product-tile-slider__text-container {
flex-basis: 100%;
min-height: 325px;
max-width: unset;
margin-right: 0;
padding: 24px; }
.product-tile-slider__text-container > * {
max-width: 75%; } }
@media (max-width: 490px) {
.product-tile-slider__text-container > * {
max-width: unset; } }
.product-tile-slider__slider {
display: block;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
position: relative;
z-index: 1; }
.product-tile-slider__slider-container {
position: relative;
flex: 1 0 50%;
width: 50%;
max-width: 50%;
display: block;
overflow: unset; }
@media (max-width: 991px) {
.product-tile-slider__slider-container {
flex-basis: 100%;
min-height: 325px;
max-width: 100%;
width: 100%;
padding: 16px 0; } }
@media (min-width: 992px) {
.product-tile-slider__slider {
position: absolute;
left: 0;
right: calc(50% - calc(var(--vw, 1vw) * 50));
padding-left: 48px; } }
@media (max-width: 991px) {
.product-tile-slider__slider {
max-height: 350px; } }
.product-tile-slider__slider--tile-container, .product-tile-slider__slider .slick-track {
display: flex;
align-items: center;
overflow-x: scroll;
height: 95%;
/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */ }
.product-tile-slider__slider--tile-container::-webkit-scrollbar, .product-tile-slider__slider .slick-track::-webkit-scrollbar {
display: none; }
@media (max-width: 991px) {
.product-tile-slider__slider--tile-container, .product-tile-slider__slider .slick-track {
display: block;
max-height: 350px;
flex-basis: 100%;
overflow-x: scroll; }
.product-tile-slider__slider--tile-container::-webkit-scrollbar, .product-tile-slider__slider .slick-track::-webkit-scrollbar {
-webkit-appearance: none;
height: 3px; }
.product-tile-slider__slider--tile-container::-webkit-scrollbar-thumb, .product-tile-slider__slider .slick-track::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } }
@media (max-width: 490px) {
.product-tile-slider__slider--tile-container, .product-tile-slider__slider .slick-track {
max-height: 275px; } }
.product-tile-slider__slider--tile-container .tile, .product-tile-slider__slider .slick-track .tile {
display: flex !important; }
@media (max-width: 991px) {
.product-tile-slider__slider--tile-container .tile, .product-tile-slider__slider .slick-track .tile {
max-height: 350px; } }
@media (max-width: 490px) {
.product-tile-slider__slider--tile-container .tile, .product-tile-slider__slider .slick-track .tile {
max-height: 275px; } }
.product-tile-slider__slider--tile-container .slick-slide, .product-tile-slider__slider .slick-track .slick-slide {
flex: 0 1 60%;
max-width: 550px;
margin: 0 8px; }
.product-tile-slider__slider--tile-container .slick-slide:first-child, .product-tile-slider__slider .slick-track .slick-slide:first-child {
margin-left: 0; }
.product-tile-slider__slider--tile-container .slick-slide__text-container, .product-tile-slider__slider .slick-track .slick-slide__text-container {
padding: 0; }
.product-tile-slider__slider--tile-container .slick-slide__text-container h3, .product-tile-slider__slider .slick-track .slick-slide__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-top: 16px;
margin-bottom: 8px; }
.product-tile-slider__slider--tile-container .slick-slide__text-container--link > span, .product-tile-slider__slider .slick-track .slick-slide__text-container--link > span {
display: none; }
@media (max-width: 1349px) {
.product-tile-slider__slider--tile-container .slick-slide, .product-tile-slider__slider .slick-track .slick-slide {
flex: 1 0 60%; } }
@media (max-width: 1199px) {
.product-tile-slider__slider--tile-container .slick-slide, .product-tile-slider__slider .slick-track .slick-slide {
flex: 1 0 90%;
max-width: 420px; } }
@media (max-width: 991px) {
.product-tile-slider__slider--tile-container .slick-slide, .product-tile-slider__slider .slick-track .slick-slide {
flex: 1 0 60%; } }
@media (max-width: 490px) {
.product-tile-slider__slider--tile-container .slick-slide, .product-tile-slider__slider .slick-track .slick-slide {
flex: 1 0 75%; } }
.product-tile-slider__slider--button-container {
display: flex; }
@media (max-width: 991px) {
.product-tile-slider__slider--button-container {
display: none; } }
.product-tile-slider__slider--button-container .icon {
width: 12px;
height: 24px; }
.product-tile-slider__slider--button-container .icon:hover {
cursor: pointer; }
.product-tile-slider__slider--button-container .icon--chevron-left {
transform: rotate(180deg);
margin-right: 16px; }
.product-tile {
display: flex;
flex-direction: column;
overflow: hidden; }
.product-tile__image-container {
overflow: hidden;
z-index: 0;
flex: auto; }
.product-tile__image-container .tile-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
@media (max-width: 1199px) {
.product-tile__image-container {
max-width: 420px; } }
@media (max-width: 991px) {
.product-tile__image-container {
max-width: 275px; } }
@media (max-width: 767px) {
.product-tile__image-container {
max-width: 220px; } }
.product-tile__text-container {
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px;
padding-left: 0; }
@media (max-width: 767px) {
.product-tile__text-container {
padding: 12px;
padding-left: 0; } }
.product-tile__text-container--bottom-section {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
font-size: 16px; }
.product-tile__text-container h2,
.product-tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 12px; }
@media (max-width: 767px) {
.product-tile__text-container h2,
.product-tile__text-container h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-bottom: 6px; } }
@media (max-width: 991px) {
.product-tile__text-container h2,
.product-tile__text-container h3 {
margin-bottom: 6px; } }
.product-tile:hover .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.product-tile:focus .tile__text-container--link {
text-decoration: underline; }
.product-tile:focus .tile__text-container--link svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.job-listing {
background-color: #F0F2F1; }
.job-listing__header {
display: flex;
justify-content: center;
padding: 62px; }
.job-listing__header h2 {
margin: 0px; }
.job-listing__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
justify-content: center;
margin: auto;
padding-bottom: 62px;
max-width: 1350px; }
@media (max-width: 1200px) {
.job-listing__container {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 992px) {
.job-listing__container {
grid-template-columns: repeat(2, 1fr);
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 768px) {
.job-listing__container {
grid-template-columns: repeat(1, 1fr);
padding-left: 20px;
padding-right: 20px; } }
.job-listing__list-item {
border: 2px solid #000000;
border-radius: 5px;
height: auto; }
.job-listing__list-item--text {
margin-top: 20px;
margin-left: 20px; }
.job-listing__list-item--location {
margin-top: 5px; }
@media (max-width: 768px) {
.job-listing__list-item--location {
font-size: 16px; } }
.job-listing__list-item--bottom-text {
display: flex;
flex-direction: column;
margin-top: 15px;
font-size: 14px;
line-height: 18px;
font-weight: 300; }
.job-listing__list-item--apply {
display: flex;
justify-content: end;
margin-right: 20px;
gap: 8px;
font-size: 16px;
line-height: 19px;
align-items: center;
font-weight: 300;
margin-bottom: 10px; }
.job-listing__list-item:hover {
background-color: #c9d0d5; }
.job-listing__list-item:hover .job-listing__list-item--apply svg {
margin-left: 24px;
transition: 0.4s ease-in-out; }
.job-listing__bottom-section {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 62px; }
.job-listing__bottom-section h3 {
margin: 0px; }
.job-listing__bottom-section--spontaneous-text {
text-align: center; }
.job-listing__bottom-section--spontaneous-text h3 {
margin-top: 24px; }
.job-listing__bottom-section p {
margin-bottom: 24px;
max-width: 616px;
text-align: center; }
@media (max-width: 768px) {
.job-listing__bottom-section p {
max-width: 416px; } }