*
*/
.o-ratio--2\:1:before {
padding-bottom: 50%;
}
.o-ratio--3\:2:before {
padding-bottom: 66.6666666667%;
}
.o-ratio--3\:4:before {
padding-bottom: 133.3333333333%;
}
.o-ratio--4\:3:before {
padding-bottom: 75%;
}
.o-ratio--16\:9:before {
padding-bottom: 56.25%;
}
.o-ratio--21\:9:before {
padding-bottom: 42.8571428571%;
}
/* Contain modifier.
========================================================================== */
/**
* Only works with image content.
* Contains the image to the boundaries, without cropping or stretching it.
*/
.o-ratio--img-contain > .o-ratio__content:before {
height: auto;
margin: auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
/*
Objects: Flexbox
---
Flexbox system. Control the widths with utility classes
*/
.o-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.o-flex::before, .o-flex::after {
content: normal;
}
.o-flex--inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0 {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1 {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1 {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.o-flex__child--pull-end {
margin-left: auto;
}
.o-flex__child--pull-start {
margin-right: auto;
}
/* responsive utilities
========================================================================== */
@media (min-width: 22.5em) {
.o-flex\@mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@mobile::before, .o-flex\@mobile::after {
content: normal;
}
.o-flex--inline\@mobile {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@mobile {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@mobile {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@mobile {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@mobile {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@mobile {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@mobile {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@mobile {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@mobile {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@mobile {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@mobile {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@mobile {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@mobile {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@mobile {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@mobile {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@mobile {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@mobile {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@mobile {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@mobile {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@mobile {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@mobile {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@mobile {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@mobile {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@mobile {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@mobile {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@mobile {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@mobile {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@mobile {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@mobile {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@mobile {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@mobile {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@mobile {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@mobile {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 46.25em) {
.o-flex\@tablet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@tablet::before, .o-flex\@tablet::after {
content: normal;
}
.o-flex--inline\@tablet {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@tablet {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@tablet {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@tablet {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@tablet {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@tablet {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@tablet {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@tablet {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@tablet {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@tablet {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@tablet {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@tablet {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@tablet {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@tablet {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@tablet {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@tablet {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@tablet {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@tablet {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@tablet {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@tablet {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@tablet {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@tablet {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@tablet {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@tablet {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@tablet {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@tablet {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@tablet {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@tablet {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@tablet {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@tablet {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@tablet {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@tablet {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@tablet {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@tablet {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@tablet {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 61.25em) {
.o-flex\@desktop {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@desktop::before, .o-flex\@desktop::after {
content: normal;
}
.o-flex--inline\@desktop {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@desktop {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@desktop {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@desktop {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@desktop {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@desktop {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@desktop {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@desktop {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@desktop {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@desktop {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@desktop {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@desktop {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@desktop {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@desktop {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@desktop {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@desktop {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@desktop {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@desktop {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@desktop {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@desktop {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@desktop {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@desktop {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@desktop {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@desktop {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@desktop {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@desktop {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@desktop {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@desktop {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@desktop {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@desktop {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@desktop {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@desktop {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@desktop {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@desktop {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@desktop {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 78.75em) {
.o-flex\@large {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@large::before, .o-flex\@large::after {
content: normal;
}
.o-flex--inline\@large {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@large {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@large {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@large {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@large {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@large {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@large {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@large {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@large {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@large {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@large {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@large {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@large {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@large {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@large {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@large {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@large {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@large {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@large {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@large {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@large {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@large {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@large {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@large {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@large {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@large {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@large {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@large {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@large {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@large {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@large {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@large {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@large {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@large {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@large {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 100em) {
.o-flex\@wide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@wide::before, .o-flex\@wide::after {
content: normal;
}
.o-flex--inline\@wide {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@wide {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@wide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@wide {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@wide {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@wide {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@wide {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@wide {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@wide {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@wide {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@wide {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@wide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@wide {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@wide {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@wide {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@wide {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@wide {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@wide {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@wide {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@wide {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@wide {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@wide {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@wide {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@wide {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@wide {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@wide {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@wide {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@wide {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@wide {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@wide {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@wide {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@wide {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@wide {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@wide {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@wide {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 112.5em) {
.o-flex\@huge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@huge::before, .o-flex\@huge::after {
content: normal;
}
.o-flex--inline\@huge {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@huge {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@huge {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@huge {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@huge {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@huge {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@huge {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@huge {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@huge {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@huge {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@huge {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@huge {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@huge {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@huge {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@huge {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@huge {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@huge {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@huge {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@huge {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@huge {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@huge {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@huge {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@huge {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@huge {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@huge {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@huge {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@huge {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@huge {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@huge {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@huge {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@huge {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@huge {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@huge {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@huge {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@huge {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media all {
.o-flex\@ {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.o-flex\@::before, .o-flex\@::after {
content: normal;
}
.o-flex--inline\@ {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.o-flex--row\@ {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.o-flex--column\@ {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.o-flex--row-reverse\@ {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.o-flex--column-reverse\@ {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.o-flex--wrap\@ {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-flex--nowrap\@ {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.o-flex--wrap-reverse\@ {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.o-flex__child--fill\@ {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.o-flex__child--grow-0\@ {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.o-flex__child--grow-1\@ {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.o-flex__child--shrink-0\@ {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__child--shrink-1\@ {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.o-flex--justify-content-start\@ {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.o-flex--justify-content-end\@ {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.o-flex--justify-content-center\@ {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.o-flex--justify-content-between\@ {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.o-flex--justify-content-around\@ {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.o-flex--align-items-start\@ {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.o-flex--align-items-end\@ {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.o-flex--align-items-center\@ {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-flex--align-items-baseline\@ {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.o-flex--align-items-stretch\@ {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.o-flex--align-content-start\@ {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.o-flex--align-content-end\@ {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.o-flex--align-content-center\@ {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.o-flex--align-content-between\@ {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.o-flex--align-content-around\@ {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.o-flex--align-content-stretch\@ {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.o-flex__child--align-self-auto\@ {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.o-flex__child--align-self-start\@ {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.o-flex__child--align-self-end\@ {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.o-flex__child--align-self-center\@ {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.o-flex__child--align-self-baseline\@ {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
.o-flex__child--align-self-stretch\@ {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
.o-flex__img {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.o-flex__body {
position: relative;
padding: 6px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
/* Size variants
========================================================================== */
.o-fit {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
height: 100%;
width: 100%;
}
.o-fit--contain {
-o-object-fit: contain;
object-fit: contain;
}
.o-fit--pos-center-left {
-o-object-position: center left;
object-position: center left;
}
.o-list {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
.o-list--inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-list--middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.o-list-bare__item {
display: inherit;
/*EPI Fix user agent stylesheet display: list-item causes bullets in edit mode;*/
}
.o-icon-list {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
.o-icon-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
line-height: 1.5;
margin: 0 0 6px 0;
}
.o-icon-list__icon {
width: 25px;
height: 25px;
margin: 0 12px 0 0;
}
.o-mask {
display: block;
position: relative;
overflow: hidden;
}
.o-mask > picture,
.o-mask > video,
.o-mask > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.o-mask .c-img-none {
position: absolute;
top: 0;
right: 0;
bottom: 0;
right: 0;
}
.o-mask--narrow {
padding-top: 35%;
}
.o-mask--rectangle {
padding-top: 50%;
}
.o-mask--square {
padding-top: 100%;
}
.o-mask--circle {
padding-top: 100%;
border-radius: 100%;
}
.c-banner {
position: relative;
height: 100%;
overflow: hidden;
}
.c-banner__video {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.c-banner__video video {
display: none;
}
.c-banner__video.active video {
display: inline-block;
}
.c-banner__video.active .c-banner-video__image {
display: none;
}
.c-banner-video__image {
position: relative;
width: 100%;
}
.c-banner-video__image a {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-banner__media-wrapper {
position: relative;
}
.c-banner__content-wrapper {
z-index: 2;
}
@media (max-width: 61.24em) {
.c-banner__content-wrapper {
padding: 0;
max-width: 100%;
}
}
.c-banner__content {
padding: 24px;
}
.c-banner__content p:last-child {
margin-bottom: 0;
}
.c-banner__cta-wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
padding: 48px;
}
.c-banner .c-btn--image {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.c-banner .c-btn--image:hover {
opacity: 0.7;
}
.c-banner__intro {
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.2;
font-weight: 600;
}
.c-banner--article .c-banner__content {
padding-bottom: 0;
}
.c-banner--centered .c-banner__content {
text-align: center;
padding-bottom: 24px;
}
@media (min-width: 61.25em) {
.c-banner--article .c-banner__content {
padding-bottom: 6px;
}
.c-banner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
min-height: 550px;
}
.c-banner__media-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.c-banner__content-wrapper {
margin-left: auto;
margin-right: auto;
}
.c-banner__content-wrapper[class*=o-wrapper] {
width: 100%;
}
.c-banner__content {
width: 55%;
margin: 48px 0 0;
padding: 12px 24px;
color: var(--brand__color-text);
border-top-right-radius: 25px;
}
.c-banner__title {
margin-bottom: 12px;
}
.c-banner__author {
color: #353750;
}
.o-wrapper .c-banner {
min-height: 365px;
}
.o-wrapper .c-banner .c-banner__media-wrapper {
width: 100%;
}
.o-wrapper .c-banner .c-banner__content-wrapper {
width: 100%;
}
.o-wrapper .c-banner .c-banner__content {
border-top-right-radius: 10px;
}
.o-wrapper .c-banner--video {
min-height: 550px;
}
.c-banner--article {
color: #353750;
}
.c-banner--article .c-banner__content {
padding-left: 0;
padding-right: 0;
padding-bottom: 48px;
max-width: 500px;
}
.c-banner--dark {
color: #fff;
--brand__color-text: currentColor;
--brand__color-title: currentColor;
}
.c-banner--centered {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-banner--centered .c-banner__title {
font-size: 59px;
font-size: 3.6875rem;
line-height: 1.2;
}
.c-banner--centered .c-banner__content {
padding: 24px 0;
margin: auto;
max-width: 650px;
}
}
.c-banner--hero {
position: relative;
}
.c-banner--hero video {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left top;
object-position: left top;
width: 100%;
}
.c-banner--hero .c-banner__content {
padding: 24px;
z-index: 3;
}
.c-banner--hero .c-banner__content-wrapper {
position: relative;
width: 100%;
}
.c-banner--hero .c-banner__content-wrapper .c-banner__content {
margin-top: 0;
}
.c-banner--hero .c-banner__media-wrapper {
position: relative;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media (min-width: 61.25em) {
.c-banner--hero .c-banner__media-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.c-btn {
font-size: 16px;
font-size: 1rem;
line-height: 1;
display: inline-block;
background: none;
text-align: center;
color: var(--brand__color-title);
font-family: "Tondo", "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
-webkit-transition: padding 0.2s ease-in-out;
transition: padding 0.2s ease-in-out;
white-space: nowrap;
margin: 2px 4px 2px 0;
text-decoration: underline;
font-weight: bold;
letter-spacing: 0.4px;
border: none;
outline: none;
}
.c-btn--primary {
font-size: 14px;
font-size: 0.875rem;
line-height: 2.85;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
padding: 0 20px;
display: inline-block;
border: 2px solid #353750;
border-radius: 4px;
background-color: #353750;
font-weight: 400;
letter-spacing: 0.4px;
}
.c-btn--primary:hover {
color: #FFF;
padding: 0 30px;
}
.c-btn--primary.disabled, .c-btn--primary:disabled {
opacity: 0.4;
pointer-events: none;
cursor: auto;
}
.c-btn--primary .c-btn__icon {
height: 20px;
}
.c-btn--secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 2.85;
text-decoration: none;
color: #353750;
text-transform: uppercase;
padding: 0 20px;
display: inline-block;
border: 2px solid #FFF;
border-radius: 4px;
background-color: #FFF;
font-weight: 400;
letter-spacing: 0.4px;
}
.c-btn--secondary:hover {
color: #353750;
padding: 0 30px;
}
.c-btn--secondary.disabled, .c-btn--secondary:disabled {
opacity: 0.4;
pointer-events: none;
cursor: auto;
}
.c-btn--secondary .c-btn__icon {
height: 20px;
}
.c-btn--ghost {
font-size: 14px;
font-size: 0.875rem;
line-height: 2.85;
text-decoration: none;
color: var(--brand__color-title);
text-transform: uppercase;
border: 2px solid var(--brand__color-title);
border-color: var(--brand__color-button);
border-radius: 4px;
font-weight: 600;
padding: 0 20px;
letter-spacing: 0.4px;
}
.c-btn--ghost:hover {
padding: 0 30px;
-webkit-animation: hoverGhostButton 5s ease-in-out;
animation: hoverGhostButton 5s ease-in-out;
opacity: 0.6;
}
.c-btn--ghost.disabled, .c-btn--ghost:disabled {
opacity: 0.4;
pointer-events: none;
cursor: auto;
}
.c-btn--ghost .c-btn__icon {
height: 20px;
}
.c-btn--image {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5;
color: #fff;
border: none;
}
.c-btn--image:hover {
text-decoration: none;
}
.c-btn--image.disabled, .c-btn--image:disabled {
opacity: 0.4;
pointer-events: none;
cursor: auto;
}
.c-btn--image .c-btn__icon {
max-height: 100px;
}
.c-btn--icon {
text-decoration: none;
}
.c-btn--icon .c-btn__label {
text-decoration: underline;
}
.c-btn--icon .c-btn__info {
opacity: 0.5;
padding-left: 6px;
}
.c-btn__icon {
margin: 0 6px 0 0;
vertical-align: middle;
display: inline-block !important;
}
.c-btn__label + .c-btn__icon {
margin: 0 0 0 6px;
}
.c-btn--manage-cookie {
font-weight: normal;
text-transform: uppercase;
}
.c-breadcrumb {
padding-top: 24px;
padding-bottom: 12px;
}
.c-breadcrumb:first-child {
padding-bottom: 0;
}
.c-breadcrumb:only-child {
padding-bottom: 12px;
}
.c-breadcrumb-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.c-breadcrumb-item {
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
letter-spacing: 0.4px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 30px;
font-weight: 700;
}
@media (min-width: 61.25em) {
.c-breadcrumb-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.c-breadcrumb-item:after {
content: ">";
color: var(--brand__color-text);
font-size: 13px;
font-size: 0.8125rem;
line-height: 30px;
font-weight: 400;
padding: 0 6px;
}
}
@media (max-width: 61.24em) {
.c-breadcrumb-item:nth-last-child(2) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-breadcrumb-item:nth-last-child(2):before {
content: ">";
color: var(--brand__color-text);
padding: 0 12px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 30px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
padding-right: 0;
display: inline-block;
vertical-align: middle;
}
@supports (-webkit-touch-callout: none) {
.c-breadcrumb-item:nth-last-child(2):before {
margin-top: -5px;
}
}
.c-breadcrumb-item:nth-last-child(2):after {
content: "";
display: none;
}
}
@media (min-width: 61.25em) {
.c-breadcrumb-item:last-child {
display: block;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
.c-breadcrumb-item:last-child:after {
content: "";
display: none;
}
}
.c-breadcrumb-item__cta {
font-weight: 400;
text-decoration: none;
}
.c-breadcrumb-item__cta:hover {
text-decoration: underline;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.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);
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;
}
.c-carousel {
position: relative;
height: 100%;
overflow: hidden;
}
.c-carousel.o-wrapper [class*=o-wrapper] {
padding: 0;
}
.c-carousel__slide {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.c-carousel .slick-arrow {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-carousel .slick-prev {
right: 40px;
}
@media (min-width: 61.25em) {
.c-carousel .slick-arrow {
position: absolute;
top: 50%;
right: auto;
bottom: 0;
left: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-carousel .slick-prev {
left: 0;
}
.c-carousel .slick-next {
right: 0;
}
}
.slick-arrow {
cursor: pointer;
display: block !important;
z-index: 2;
background-color: transparent;
border: none;
height: calc(30px + (24px * 2));
width: calc(30px + (24px * 2));
opacity: 0.75;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
padding: 24px;
outline: none;
}
.slick-arrow:before {
display: none;
}
.slick-arrow:hover, .slick-arrow:focus {
opacity: 1;
}
.slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
}
.slick-dots li {
width: 15px;
height: 15px;
border-radius: 100%;
background-color: #FFFFFF;
text-indent: -999px;
list-style: none;
margin: 0 6px;
}
.slick-dots li.slick-active {
background-color: #353750;
}
.slick-slider {
margin-left: 0;
}
.c-page-header__heading {
padding-top: 24px;
padding-bottom: 24px;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
}
@media (min-width: 61.25em) {
.c-page-header__heading {
padding-top: 48px;
}
}
.c-page-header__heading * {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.c-page-header__heading p:last-child {
margin-bottom: 0;
}
.c-page-header .c-tags {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
.c-page-header .c-meta {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
.c-page-header--article h1 {
margin-bottom: 17px;
}
.c-page-header--ventures {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-page-header--ventures .c-page-header__banner {
position: relative;
}
.c-page-header--ventures .c-banner {
height: 150px;
}
@media (min-width: 61.25em) {
.c-page-header--ventures .c-banner {
min-height: 150px;
}
}
.c-page-header--ventures .c-curve-wrapper {
-webkit-transform: rotate(-180deg) scaleX(-1);
transform: rotate(-180deg) scaleX(-1);
}
.c-page-header--ventures .c-curve-wrapper .c-curve__svg {
top: -1px;
bottom: auto;
}
.c-page-header--ventures .c-page-header__heading {
padding-bottom: 48px;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=search],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
padding: 15px 15px 12px;
height: auto;
border-radius: 4px;
font-family: "Tondo";
}
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
outline: 0;
border-color: #B8DFC6;
}
select:focus {
outline: 0;
border-color: #B8DFC6;
}
.c-label {
display: block;
margin-bottom: 6px;
}
.c-field__input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.c-field__icon {
position: absolute;
left: 12px;
}
.c-field__icon ~ input {
padding-left: 40px;
}
.c-field--search {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-field--search__input {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.c-field--search__cta {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-input-checkbox input[type=checkbox] {
outline: 1px solid #353750;
border-radius: 2px;
margin-top: -3px;
margin-right: 6px;
height: 15px;
width: 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
cursor: pointer;
}
.c-input-checkbox input[type=checkbox]:checked {
background-color: #353750;
border: 2px solid #FFFFFF;
}
.c-input-checkbox label {
cursor: pointer;
}
.EPiServerForms .Form__Element {
margin-bottom: 24px;
}
.EPiServerForms .Form__Element__Caption {
color: #353750;
font-size: 16px;
font-weight: 600;
display: block;
padding-bottom: 3px;
}
.EPiServerForms .Form__Element__ValidationError {
color: #D43F3E;
padding-top: 3px;
display: block;
font-size: 16px;
}
.EPiServerForms .FormSubmitButton, .EPiServerForms .FormResetButton {
font-size: 14px;
text-decoration: none;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 24px;
display: inline-block;
border: 2px solid #353750;
border-radius: 4px;
background-color: #353750;
font-weight: 400;
letter-spacing: 0.4px;
line-height: 2.85;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.EPiServerForms .FormSubmitButton.disabled, .EPiServerForms .FormSubmitButton:disabled, .EPiServerForms .FormResetButton.disabled, .EPiServerForms .FormResetButton:disabled {
opacity: 0.4;
pointer-events: none;
cursor: auto;
}
.EPiServerForms .FormSubmitButton:focus, .EPiServerForms .FormResetButton:focus {
outline: 0;
}
.EPiServerForms .FormSubmitButton:hover, .EPiServerForms .FormResetButton:hover {
padding-left: 36px;
padding-right: 36px;
}
.EPiServerForms .FormChoice label {
display: block;
margin-top: 6px;
}
@media (min-width: 46.25em) {
.EPiServerForms .FormChoice label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.EPiServerForms .FormChoice label:not(:last-child) {
padding-right: 24px;
}
}
.EPiServerForms .FormChoice label input {
margin-top: -3px;
margin-right: 8px;
height: 15px;
width: 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
cursor: pointer;
}
.EPiServerForms .FormChoice label input[type=checkbox] {
outline: 1px solid #353750;
border-radius: 2px;
}
.EPiServerForms .FormChoice label input[type=checkbox]:hover {
cursor: pointer;
}
.EPiServerForms .FormChoice label input[type=checkbox]:hover ~ span {
cursor: pointer;
}
.EPiServerForms .FormChoice label input[type=checkbox]:hover:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.EPiServerForms .FormChoice label input[type=checkbox]:hover:disabled ~ span {
cursor: not-allowed;
opacity: 0.5;
}
.EPiServerForms .FormChoice label input[type=checkbox]:checked {
background-color: #353750;
border: 2px solid #FFFFFF;
}
.EPiServerForms .FormChoice label input[type=checkbox]:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.EPiServerForms .FormChoice label input[type=checkbox]:disabled ~ span {
cursor: not-allowed;
opacity: 0.5;
}
.EPiServerForms .FormChoice label input[type=radio] {
border-radius: 15px;
-webkit-box-shadow: 0 0 0 1px #353750;
box-shadow: 0 0 0 1px #353750;
border: 2px solid #FFFFFF;
}
.EPiServerForms .FormChoice label input[type=radio]:checked {
background-color: #353750;
}
.EPiServerForms .FormChoice label input[type=radio]:focus {
outline: 0;
}
.EPiServerForms .FormSelection {
position: relative;
background: #fff;
}
.EPiServerForms .FormSelection:after {
position: absolute;
top: 50%;
right: 12px;
content: "❮";
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #353750;
pointer-events: none;
margin-top: 3px;
}
.EPiServerForms .FormSelection select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 2;
position: relative;
padding: 15px 15px 12px;
background: transparent;
height: 47px;
}
.EPiServerForms .FormSelection select[multiple] {
background: #fff;
min-height: 124px;
padding: 15px 15px 12px;
}
.EPiServerForms .FormSelection select[multiple] + .Form__Element__ValidationError {
right: 20px;
}
.EPiServerForms .FormSelection select::-ms-expand {
display: none;
}
.EPiServerForms .FormCaptcha__Refresh {
font-size: 16px;
font-size: 1rem;
line-height: 1;
display: inline-block;
background: none;
text-align: center;
color: var(--brand__color-title);
font-family: "Tondo", "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
-webkit-transition: padding 0.2s ease-in-out;
transition: padding 0.2s ease-in-out;
white-space: nowrap;
margin: 2px 4px 2px 0;
text-decoration: underline;
font-weight: bold;
letter-spacing: 0.4px;
border: none;
outline: none;
font-size: 14px;
font-size: 0.875rem;
line-height: 2.85;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
padding: 0 20px;
display: inline-block;
border: 2px solid #353750;
border-radius: 4px;
background-color: #353750;
font-weight: 400;
letter-spacing: 0.4px;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.EPiServerForms .FormCaptcha__Refresh:hover {
color: #FFF;
padding: 0 30px;
}
.EPiServerForms .FormCaptcha__Refresh.disabled, .EPiServerForms .FormCaptcha__Refresh:disabled {
opacity: 0.4;
pointer-events: none;
cursor: auto;
}
.EPiServerForms .FormCaptcha__Refresh .c-btn__icon {
height: 20px;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message {
margin-top: 48px;
margin-bottom: 48px;
padding: 0;
background-color: #FFFFFF;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h1, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h2, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h3, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h4, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message h5 {
color: #60b77f;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message section, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message p, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message div {
color: #60b77f;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message section:last-child, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message p:last-child, .EPiServerForms .Form__Status .Form__Status__Message.Form__Success__Message div:last-child {
margin-bottom: 0;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message {
margin-top: 48px;
margin-bottom: 48px;
padding: 0;
background-color: #FFFFFF;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message h1, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message h2, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message h3, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message h4, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message h5 {
color: #D43F3E;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message section, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message p, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message div {
color: #D43F3E;
}
.EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message section:last-child, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message p:last-child, .EPiServerForms .Form__Status .Form__Status__Message.Form__Warning__Message div:last-child {
margin-bottom: 0;
}
.c-media {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-media__section {
position: relative;
}
.c-media__obj-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
overflow: hidden;
}
.c-media__cta-wrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
padding: 3px;
text-align: center;
}
.c-media__cta-wrapper:empty {
display: none;
}
.c-media__body-wrapper ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
line-height: 2.4em;
margin-bottom: 24px;
}
@media (max-width: 61.24em) {
.c-media__obj-wrapper {
padding: 0 24px;
}
.o-wrapper .c-media__obj-wrapper {
padding: 0;
}
.c-media--mobile-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.c-media__body-wrapper {
padding: 24px;
}
}
@media (min-width: 61.25em) {
.c-media {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-media__section {
width: 50%;
}
.c-media__section:only-child {
width: 100%;
}
.c-media__section:only-child .c-media__body {
padding-right: 0;
padding-left: 0;
}
.c-media__section:only-child .c-media__obj-wrapper,
.c-media__section:only-child .c-media__cta-wrapper {
padding-right: 0;
padding-left: 0;
}
.c-media__obj-wrapper {
padding: 0 0 0 0;
height: auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.c-media__cta-wrapper {
padding: 0 0 0 0;
}
.c-media__body-wrapper {
padding: 0 0 0 24px;
}
.c-media__body {
padding-left: calc(100% - 1200px/2 + 24px);
padding-right: 0;
}
}
@media (min-width: 100em) {
.c-media__cta-wrapper,
.c-media__obj-wrapper {
padding: 0 0 0 0;
}
}
@media (min-width: 61.25em) {
.c-media__section + .c-media__section .c-media__obj-wrapper,
.c-media__section + .c-media__section .c-media__cta-wrapper {
padding: 0 0 0 0;
}
}
@media (min-width: 100em) {
.c-media__section + .c-media__section .c-media__obj-wrapper,
.c-media__section + .c-media__section .c-media__cta-wrapper {
padding: 0 0 0 0;
}
}
@media (min-width: 61.25em) {
.c-media__section + .c-media__section .c-media__body-wrapper {
padding: 0 24px 0 0;
}
.c-media__section + .c-media__section .c-media__body-wrapper .c-media__body {
padding-right: calc(100% - 1200px/2 + 24px);
padding-left: 0;
}
}
.o-wrapper .c-media__body-wrapper {
padding: 24px 0;
}
@media (min-width: 61.25em) {
.o-wrapper .c-media__obj-wrapper,
.o-wrapper .c-media__cta-wrapper {
padding: 0 0 0 0;
}
}
@media (min-width: 100em) {
.o-wrapper .c-media__obj-wrapper,
.o-wrapper .c-media__cta-wrapper {
padding: 0 0 0 0;
}
}
@media (min-width: 61.25em) {
.o-wrapper .c-media__section + .c-media__section .c-media__obj-wrapper,
.o-wrapper .c-media__section + .c-media__section .c-media__cta-wrapper {
padding: 0 0 0 0;
}
}
@media (min-width: 100em) {
.o-wrapper .c-media__section + .c-media__section .c-media__obj-wrapper,
.o-wrapper .c-media__section + .c-media__section .c-media__cta-wrapper {
padding: 0 0 0 0;
}
}
.c-media {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.c-media__obj-wrapper {
display: inline;
}
.c-media--media-text .c-media__section:nth-of-type(2) {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-media--text-media .c-media__section:nth-of-type(1) {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-media__body ul,
.c-media__body ol {
margin-left: 17px;
}
.c-media__body ul li,
.c-media__body ol li {
line-height: 1.2em;
padding-bottom: 6px;
}
.c-media__body ul {
list-style-type: disc;
}
.c-media__body ol {
list-style-type: numbers;
}
.c-media__body blockquote {
font-style: italic;
font-family: "FSKimWeb";
font-weight: 600;
color: #353750;
padding: 0px 10px;
margin: 12px 0;
}
.c-madia--small .c-media__body-wrapper {
padding: 6px 0 0 !important;
}
@media (min-width: 61.25em) {
.c-media--media-text .c-media__section {
width: 55%;
}
.c-media--media-text .c-media__section:nth-of-type(2) {
width: 45%;
}
.c-media--media-text .c-media__section:nth-of-type(2) .c-media__body-wrapper {
padding-right: 24px;
}
}
@media screen and (min-width: 61.25em) and (min-width: 1200px) {
.c-media--media-text .c-media__section:nth-of-type(2) .c-media__body-wrapper {
padding-right: calc((100vw - 1200px) / 2 + 24px);
}
}
@media (min-width: 61.25em) {
.c-media--text-media .c-media__section {
width: 45%;
}
.c-media--text-media .c-media__section .c-media__body-wrapper {
padding-left: 24px;
}
}
@media screen and (min-width: 61.25em) and (min-width: 1200px) {
.c-media--text-media .c-media__section .c-media__body-wrapper {
padding-left: calc((100vw - 1200px) / 2 + 24px);
}
}
@media (min-width: 61.25em) {
.c-media--text-media .c-media__section:nth-of-type(2) {
width: 55%;
padding: 0;
}
}
@media (min-width: 61.25em) {
.c-media__body {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 61.25em) {
.c-media__body-wrapper {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 61.25em) {
.c-media__body-wrapper,
.c-media__section + .c-media__section .c-media__body-wrapper {
padding-left: 96px;
padding-right: 96px;
}
}
@media (min-width: 61.25em) {
.c-madia--small {
margin-bottom: 24px;
}
.c-madia--small .c-media__body-wrapper {
padding: 6px 24px !important;
}
}
@media (min-width: 61.25em) {
.o-wrapper > .c-media .c-media--media-text .c-media__section,
.o-wrapper > .c-media .c-media--text-media .c-media__section {
width: 50%;
}
.o-wrapper > .c-media .c-media--media-text .c-media__section:only-child,
.o-wrapper > .c-media .c-media--text-media .c-media__section:only-child {
width: 100%;
}
.o-wrapper > .c-media .c-media__body-wrapper,
.o-wrapper > .c-media .c-media__section + .c-media__section .c-media__body-wrapper {
padding-left: 48px;
padding-right: 48px;
}
}
@media screen and (min-width: 1200px) {
.c-media--media-text .c-media__body-wrapper {
padding-right: calc((100vw - 1200px) / 2 + 24px);
}
.c-media--text-media .c-media__body-wrapper {
padding-left: calc((100vw - 1200px) / 2 + 24px);
}
}
@media (max-width: 61.24em) {
.c-media__obj-wrapper {
padding: 0;
}
}
.c-media__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.c-media-obj-wrapper__link {
display: block;
}
.c-quote__body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-quote__body h3 {
font-style: italic;
}
.c-quote__body p {
color: var(--brand__color-title);
margin-bottom: 0;
}
.c-image-grid .c-image-grid__item {
margin-bottom: 24px;
}
.c-image-grid .o-wrapper--small .c-image-grid__item {
margin-bottom: 12px;
}
.c-image-grid .o-wrapper--tiny .c-image-grid__item {
margin-bottom: 6px;
}
.c-image-grid__heading {
margin-bottom: 24px;
}
.c-image-grid__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 12px;
}
.c-image-grid-item__image {
margin-bottom: 12px;
text-align: center;
min-height: 1px;
}
.c-image-grid-item__image img {
height: auto;
width: auto;
}
.c-image-grid-item__image img.o-fit {
width: 100%;
}
.c-image-grid-item__body {
margin-right: 6px;
}
.c-image-text-row__heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 24px;
}
.c-image-text-row-heading__title {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5;
font-weight: 600;
}
.c-image-text-row-heading__link {
margin-left: auto;
}
.c-image-text-row__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 24px;
}
@media (min-width: 61.25em) {
.c-image-text-row__item {
margin-bottom: 0;
}
}
.c-image-text-row-item__image {
margin-bottom: 24px;
}
.c-image-text-row-item__details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-image-text-row-item-details__title {
font-weight: 600;
margin-bottom: 6px;
}
.c-image-text-row-item-details__description {
margin-bottom: 6px;
}
.c-image-text-row-item-details__link {
margin-bottom: 6px;
}
.c-svg {
fill: var(--brand__color-title);
}
.c-svg--stroke path {
stroke: #414042;
}
.c-svg--fill path {
fill: #414042;
}
.c-svg--fill-brand {
fill: #353750 !important;
}
.c-svg--stroke-brand {
stroke: #353750 !important;
}
.c-svg--brand {
fill: #353750 !important;
stroke: #353750 !important;
}
.c-svg--fill-brand-invert {
fill: #FFF !important;
}
.c-svg--stroke-brand-invert {
stroke: #FFF !important;
}
.c-svg--brand-invert {
fill: #FFF !important;
stroke: #FFF !important;
}
.c-svg--fill-accent1 {
fill: #D43F3E !important;
}
.c-svg--stroke-accent1 {
stroke: #D43F3E !important;
}
.c-svg--accent1 {
fill: #D43F3E !important;
stroke: #D43F3E !important;
}
.c-svg--fill-accent2 {
fill: #FF7D5E !important;
}
.c-svg--stroke-accent2 {
stroke: #FF7D5E !important;
}
.c-svg--accent2 {
fill: #FF7D5E !important;
stroke: #FF7D5E !important;
}
.c-svg--fill-accent3 {
fill: #FDBA63 !important;
}
.c-svg--stroke-accent3 {
stroke: #FDBA63 !important;
}
.c-svg--accent3 {
fill: #FDBA63 !important;
stroke: #FDBA63 !important;
}
.c-svg--fill-accent4 {
fill: #E3B2AF !important;
}
.c-svg--stroke-accent4 {
stroke: #E3B2AF !important;
}
.c-svg--accent4 {
fill: #E3B2AF !important;
stroke: #E3B2AF !important;
}
.c-svg--fill-accent5 {
fill: #E7E4CF !important;
}
.c-svg--stroke-accent5 {
stroke: #E7E4CF !important;
}
.c-svg--accent5 {
fill: #E7E4CF !important;
stroke: #E7E4CF !important;
}
.c-svg--fill-accent6 {
fill: #B8DFC6 !important;
}
.c-svg--stroke-accent6 {
stroke: #B8DFC6 !important;
}
.c-svg--accent6 {
fill: #B8DFC6 !important;
stroke: #B8DFC6 !important;
}
.c-svg--fill-gray {
fill: #414042 !important;
}
.c-svg--stroke-gray {
stroke: #414042 !important;
}
.c-svg--gray {
fill: #414042 !important;
stroke: #414042 !important;
}
.c-svg--fill-gray-light {
fill: #A7A9AC !important;
}
.c-svg--stroke-gray-light {
stroke: #A7A9AC !important;
}
.c-svg--gray-light {
fill: #A7A9AC !important;
stroke: #A7A9AC !important;
}
.c-svg--fill-gray-lighter {
fill: #E6E7E8 !important;
}
.c-svg--stroke-gray-lighter {
stroke: #E6E7E8 !important;
}
.c-svg--gray-lighter {
fill: #E6E7E8 !important;
stroke: #E6E7E8 !important;
}
.c-svg--fill-gray-lightest {
fill: #F2F2F2 !important;
}
.c-svg--stroke-gray-lightest {
stroke: #F2F2F2 !important;
}
.c-svg--gray-lightest {
fill: #F2F2F2 !important;
stroke: #F2F2F2 !important;
}
.c-svg--nostroke {
stroke: none;
}
.c-svg--ghost {
fill: none;
}
.c-curve {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 300px;
vertical-align: middle;
overflow: hidden;
position: absolute;
z-index: 2;
pointer-events: none;
text-align: left;
}
.c-curve__svg {
display: inline-block;
position: absolute;
top: -1px;
left: 0;
margin-left: -1px;
margin-right: -1px;
width: 105%;
}
.c-curve-wrapper {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
pointer-events: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
height: 300px;
}
.c-curve-wrapper .c-curve {
padding-top: 300px;
padding-bottom: 0;
}
.c-curve-wrapper .c-curve__svg {
position: absolute;
bottom: 0;
top: auto;
}
.c-homepage .c-banner--hero {
min-height: 40vh;
}
.c-homepage .c-banner--hero img {
width: auto;
}
.c-homepage .c-banner--hero .c-banner__content h1, .c-homepage .c-banner--hero .c-banner__content h2 {
color: #FFFFFF;
margin-bottom: 6px;
}
.c-homepage .c-banner--hero .c-banner__content-wrapper {
position: relative;
height: 180px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: calc((100% - 1200px) / 2);
position: absolute;
top: "";
right: "";
bottom: 0;
left: "";
}
.c-homepage .c-banner--hero .c-banner__content-wrapper .c-banner__content {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
}
@media (min-width: 61.25em) {
.c-homepage .c-banner--hero {
min-height: 85vh;
}
.c-homepage .c-banner--hero .c-banner__content-wrapper {
width: 1200px;
position: absolute;
top: "";
right: "";
bottom: 0;
left: "";
}
}
@media (max-width: 61.24em) {
.c-homepage .c-banner--hero {
min-height: 1px;
}
.c-homepage .c-banner--hero .c-banner__media-wrapper {
display: block;
}
.c-homepage .c-banner--hero .c-banner__media-wrapper .o-fit {
-o-object-fit: contain;
object-fit: contain;
height: auto;
max-width: 100%;
}
.c-homepage .c-banner--hero .c-banner__content-wrapper, .c-homepage .c-banner--hero .c-banner__content {
width: 100%;
position: relative;
margin-top: -100px;
}
}
@media (max-width: 46.24em) {
.c-homepage .c-banner--hero .c-banner__content-wrapper, .c-homepage .c-banner--hero .c-banner__content {
margin-top: -45px;
}
}
.c-homepage-text-image__text {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.3;
}
@media (max-width: 46.24em) {
.c-homepage-text-image__text {
text-align: center;
padding-top: 24px;
padding-bottom: 24px;
}
}
@media (max-width: 61.24em) {
.c-homepage-text-image__text {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
}
}
.c-homepage-text-image__image {
text-align: center;
}
.c-homepage__title {
padding-top: 48px;
padding-bottom: calc(24px * 1.7);
text-align: center;
margin-bottom: 0;
}
.c-homepage-section--challenges .c-homepage__title {
padding-top: 80px;
}
@media (min-width: 61.25em) {
.c-homepage-section--challenges .c-homepage__title {
padding-top: 160px;
}
}
.c-homepage-section--challenges .o-grid__cell section {
height: 100%;
}
.c-homepage-section--challenges .o-grid__cell section .c-media {
height: 100%;
}
.c-homepage-challenges__wrapper {
position: relative;
z-index: 4;
}
.c-story-news-teaser-homepage__title {
text-align: center;
margin-bottom: 24px;
}
@media (min-width: 61.25em) {
.c-story-news-teaser-homepage__title {
margin-bottom: 48px;
}
}
@media (max-width: 61.24em) {
.c-story-news-teaser-homepage .o-mask {
padding-top: 50% !important;
}
}
.c-story-news-teaser-homepage .c-article {
height: auto !important;
}
.c-story-news-teaser-homepage .c-article__body {
padding-bottom: 24px;
margin-bottom: 0;
}
.c-story-news-teaser-homepage .c-article__bg {
height: 100%;
background-color: #FFFFFF;
}
.c-challenges .c-media {
background-color: #FFFFFF;
}
.c-challenges .c-component {
height: 100%;
}
.c-challenges .c-media__body-wrapper {
padding: 24px 0;
}
@media (min-width: 61.25em) {
.c-challenges .c-media__body-wrapper {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (max-width: 61.24em) {
.c-challenges {
height: 100%;
}
.c-challenges .c-media {
background-color: #FFFFFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
}
.c-challenges .c-media.c-media--mobile-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.c-challenges .c-media--media-text .c-media__section {
width: 30%;
}
.c-challenges .c-media--media-text .c-media__section:nth-of-type(2) {
width: 70%;
padding-left: 24px;
padding-right: 24px;
}
.c-challenges .c-media--text-media .c-media__section {
width: 70%;
padding-left: 24px;
padding-right: 24px;
}
.c-challenges .c-media--text-media .c-media__section:nth-of-type(2) {
width: 30%;
padding: 0;
}
}
.c-media-obj-wrapper__link {
height: 100%;
width: 100%;
}
.c-brands__title {
text-align: center;
padding-bottom: 24px;
}
.c-brands__brand {
text-align: center;
margin-bottom: 24px;
}
.c-brands-brand__link {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.c-brands-brand__link:hover {
opacity: 0.6;
}
.c-brands--primary {
padding-bottom: 24px;
}
@media (max-width: 46.24em) {
.c-brands--primary {
padding-bottom: 12px;
}
}
.c-brands--secondary {
padding-bottom: 12px;
}
.c-brands--secondary .o-grid {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
max-height: 999px;
opacity: 1;
}
.c-brands--secondary .c-brands__btn-show {
display: none;
}
.c-brands--secondary .c-brands__btn-hide {
display: inline-block;
}
.c-brands--secondary .c-brands__brand {
margin-bottom: calc(12px * 1.5);
}
@media (max-width: 46.24em) {
.c-brands--secondary .c-brands__brand {
width: 33.3333%;
text-align: center;
}
}
.c-brands--secondary .c-brands-brand__image {
max-height: 25px;
width: auto;
}
@media (max-width: 46.24em) {
.c-brands--secondary.collapsed .o-grid {
max-height: 0;
opacity: 0;
overflow: hidden;
padding-bottom: 0;
}
}
.c-brands--secondary.collapsed .c-brands__btn-show {
display: inline-block;
}
.c-brands--secondary.collapsed .c-brands__btn-hide {
display: none;
}
.c-snapshot__tab {
text-align: center;
margin-bottom: 24px;
}
@media (min-width: 46.25em) {
.c-snapshot__tab {
margin-bottom: 24px;
}
}
@media (max-width: 46.24em) {
.c-snapshot__tab:not(:last-child) .c-snapshot-tab__txt {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 24px;
}
}
.c-snapshot-tab__name {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 6px;
}
.c-snapshot-tab__stock-info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-snapshot-tab__stock-info {
margin-bottom: 6px;
}
.c-snapshot-tab__txt {
text-transform: uppercase;
opacity: 0.8;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color 0.2s;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.fancybox-button {
background-color: transparent;
width: 75px;
height: 75px;
padding: 24px;
}
.fancybox-button svg path {
fill: #FFFFFF;
}
.fancybox-button:hover {
opacity: 0.7;
}
@font-face {
font-family: "lg";
src: url(/Module/Projects/Mese/FredCom/Components/_Shared/Views/fonts/lightgallery/lg.ttf?io9a6k) format("truetype"), url(/Module/Projects/Mese/FredCom/Components/_Shared/Views/fonts/lightgallery/lg.woff?io9a6k) format("woff"), url(/Module/Projects/Mese/FredCom/Components/_Shared/Views/fonts/lightgallery/lg.svg?io9a6k#lg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "lg" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-container {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.lg-next,
.lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
outline: none;
border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
opacity: 0 !important;
cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
display: none;
}
.lg-next {
right: 20px;
}
.lg-next:before {
content: "";
}
.lg-prev {
left: 20px;
}
.lg-prev:after {
content: "";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lg-media-overlap .lg-toolbar {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
will-change: color;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: "";
}
.lg-toolbar .lg-maximize {
font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
content: "";
}
.lg-toolbar .lg-download:after {
content: "";
}
.lg-sub-html {
color: #eee;
font-size: 16px;
padding: 10px 40px;
text-align: center;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
.lg-sub-html a {
color: inherit;
}
.lg-sub-html a:hover {
text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-error-msg {
font-size: 14px;
color: #999;
}
.lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
height: 47px;
vertical-align: middle;
}
.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
opacity: 0;
-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
-webkit-transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
opacity: 1;
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-container {
display: none;
}
.lg-container.lg-show {
display: block;
}
.lg-on {
scroll-behavior: unset;
}
.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
opacity: 0;
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0.001;
outline: none;
will-change: auto;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
opacity: 1;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
outline: none;
}
.lg-outer .lg-inner {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
-webkit-transition: opacity 0s;
transition: opacity 0s;
white-space: nowrap;
}
.lg-outer .lg-item {
will-change: transform, opacity;
display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
background: url(/Module/Projects/Mese/FredCom/Components/_Shared/Views/images/loading.gif) no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-outer .lg-img-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
font-size: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-object {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: relative;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play-button {
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button {
opacity: 1;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer[data-lg-slide-type=video] .lg-download, .lg-outer[data-lg-slide-type=iframe] .lg-download {
opacity: 0.75;
pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
position: absolute;
top: 50%;
left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
opacity: 1;
-webkit-transition: opacity 0.2s ease-out 0.15s;
transition: opacity 0.2s ease-out 0.15s;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
will-change: auto;
-webkit-transition: opacity 333ms ease-in 0s;
transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
opacity: 0.7;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-container {
display: none;
}
.lg-container.lg-show {
display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
position: absolute;
}
.lg-inline .lg-backdrop {
z-index: 1;
}
.lg-inline .lg-outer {
z-index: 2;
}
.lg-inline .lg-maximize:after {
content: "";
}
.lg-components {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
will-change: transform;
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
transition: -webkit-transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s, -webkit-transform 0.35s ease-out 0s;
z-index: 1080;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-outer .lg-video-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-video-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-video-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-video-object {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
z-index: 3;
}
.lg-outer .lg-video-poster {
z-index: 1;
}
.lg-outer .lg-has-video .lg-video-object {
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
opacity: 0 !important;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
opacity: 1;
}
@-webkit-keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@-webkit-keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lg-video-play-button {
width: 18%;
max-width: 140px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
cursor: pointer;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
will-change: opacity, transform;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
}
.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
opacity: 1;
}
.lg-video-play-icon-bg {
fill: none;
stroke-width: 3%;
stroke: #fcfcfc;
opacity: 0.6;
will-change: opacity;
-webkit-transition: opacity 0.12s ease-in;
transition: opacity 0.12s ease-in;
}
.lg-video-play-icon-circle {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
fill: none;
stroke-width: 3%;
stroke: rgba(30, 30, 30, 0.9);
stroke-opacity: 1;
stroke-linecap: round;
stroke-dasharray: 200;
stroke-dashoffset: 200;
}
.lg-video-play-icon {
position: absolute;
width: 25%;
max-width: 120px;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 0.6;
will-change: opacity;
-webkit-transition: opacity 0.12s ease-in;
transition: opacity 0.12s ease-in;
}
.lg-video-play-icon .lg-video-play-icon-inner {
fill: #fcfcfc;
}
.lg-video-loading .lg-video-play-icon-circle {
-webkit-animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}
.lg-video-loaded .lg-video-play-button {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.7);
transform: translate(-50%, -50%) scale(0.7);
}
.c-cta-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 46.25em) {
.c-cta-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.c-cta-block-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.c-cta-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.c-cta-block__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
@media (min-width: 61.25em) {
.c-cta-wrapper.c-cta-wrapper--fullWidth .c-rich-text {
width: 70%;
}
}
@media (min-width: 61.25em) {
.c-cta-wrapper.c-cta-wrapper--twoColumn .c-cta-block-wrapper {
width: 50%;
}
}
@media (min-width: 61.25em) {
.c-cta-wrapper.c-cta-wrapper--twoColumn .c-cta-block-wrapper:nth-child(even) .c-cta-block__item {
padding-right: calc(100% - 1200px/2 + 48px);
padding-left: 96px;
}
}
.c-cta-wrapper.c-cta-wrapper--twoColumn .c-cta-block {
padding-left: 24px;
padding-right: 24px;
}
@media (min-width: 61.25em) {
.c-cta-wrapper.c-cta-wrapper--twoColumn .c-cta-block__item {
padding-left: calc(100% - 1200px/2 + 48px);
padding-right: 96px;
}
}
@media (max-width: 61.24em) {
.c-reverse-column-until-desktop {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.c-cta--contact {
padding: 36px 48px;
height: 100%;
}
.c-cta--contact .c-cta__button:hover * {
opacity: 0.7;
}
.c-cta--side-block {
padding: 36px 24px;
}
.c-cta__division {
font-family: "Tondo";
margin-bottom: 24px;
}
.c-rich-text {
height: 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-rich-text span {
display: inline-block;
}
.c-rich-text > *:not(a):not(img) {
width: 100%;
}
.c-rich-text ul,
.c-rich-text ol {
margin-left: 17px;
}
.c-rich-text ul li,
.c-rich-text ol li {
line-height: 1.2em;
padding-bottom: 6px;
}
.c-rich-text ul {
list-style-type: disc;
}
.c-rich-text ol {
list-style-type: numbers;
}
.c-rich-text div {
width: 100%;
}
.c-rich-text div:nth-child(3) {
margin-top: auto;
padding-top: 24px;
}
.c-rich-text div:last-child p:last-child {
margin-bottom: 0;
}
.c-rich-text blockquote {
font-style: italic;
font-size: 28px;
font-size: 1.75rem;
line-height: 1.2;
font-family: "FSKimWeb";
font-weight: 600;
color: #353750;
padding: 0px 10px;
}
@media (max-width: 46.24em) {
.c-rich-text h1 br,
.c-rich-text h2 br,
.c-rich-text h3 br,
.c-rich-text h4 br,
.c-rich-text h5 br,
.c-rich-text h6 br {
display: none;
}
}
.c-footer {
padding-top: 24px;
padding-bottom: 12px;
font-size: 14px;
position: relative;
z-index: 120;
}
@media (min-width: 61.25em) {
.c-footer {
padding-top: 48px;
padding-bottom: 48px;
}
}
.c-footer a:not(.c-btn) {
text-decoration: none;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.c-footer a:not(.c-btn):hover {
opacity: 0.6;
}
.c-footer__main {
margin-bottom: 24px;
}
@media (max-width: 61.24em) {
.c-footer__main {
margin-bottom: 12px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.c-footer__main ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
.c-footer__main li {
padding: 6px 0;
padding-right: 6px;
}
.c-footer__main .c-btn {
margin-bottom: 12px;
width: 100%;
}
.c-footer-main__logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 6px 0;
margin-bottom: 24px;
text-decoration: none;
}
.c-footer-main__title {
font-family: "Tondo";
font-size: 20px;
font-size: 1.25rem;
line-height: 1.3;
}
.c-footer-main__logo-img {
max-width: 250px;
}
.c-footer-main__panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.c-footer-main-panel__nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 61.24em) {
.c-footer-main-panel__nav {
margin-bottom: 24px !important;
}
}
@media (max-width: 46.24em) {
.c-footer-main-panel-nav__links {
margin-bottom: 24px !important;
}
}
.c-footer-main-panel__social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: auto;
}
@media (min-width: 46.25em) {
.c-footer-main-panel__social {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.c-footer-main-panel-social__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.c-footer-main-panel-social__list li {
padding-right: 12px;
}
.c-footer-main-panel-social__list li:last-child {
padding-right: 0;
}
@media (max-width: 61.24em) {
.c-footer-main-panel-social__list {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.c-footer__global {
padding-top: 6px;
padding-bottom: 6px;
}
.c-footer-global__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-footer-global__item {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.3;
padding-top: 6px;
padding-bottom: 6px;
}
.c-footer-global__item:after {
content: "|";
position: relative;
right: 0;
padding: 0 6px;
}
.c-footer-global__item:last-child:after {
display: none;
content: "";
}
@media (min-width: 46.25em) {
.c-footer-global__item {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
padding-top: 0;
padding-bottom: 0;
}
}
.c-footer__disclaimer {
padding-bottom: 24px;
text-align: center;
}
.c-article {
padding-bottom: 24px;
}
.c-article__media {
position: relative;
overflow: hidden;
}
.c-article__body {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
padding: 12px 24px 0;
margin-bottom: 24px;
}
.c-article__tags {
padding-bottom: 12px;
}
.c-article__tag {
text-transform: uppercase;
color: #A7A9AC;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 700;
}
.c-article__tag:not(:last-child):after {
content: ", ";
}
.c-article__link {
display: inline;
text-decoration: none;
}
.c-article__link:hover .c-article__title {
opacity: 0.6;
}
@media (min-width: 46.25em) and (max-width: 78.74em) {
.c-article--press-release {
height: 100%;
}
}
.c-article--press-release .c-article__body {
position: relative;
height: 100%;
padding: 24px !important;
}
@media (min-width: 78.75em) {
.c-article--press-release .c-article__body {
height: 240px;
}
}
.c-article--press-release .c-article__type {
text-transform: uppercase;
margin-bottom: 6px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
font-weight: bold;
}
.c-story-news-teaser-homepage .c-article:first-child .c-article__title {
margin-bottom: 12px;
}
.c-story-news-teaser-homepage .c-article:first-child .c-article__body {
padding: 24px 48px 48px 48px;
}
.c-story-news-teaser-homepage .c-article .c-btn {
display: block;
text-align: left;
}
.c-story-news-teaser .c-article .c-article__body, .c-story-news-overview .c-article .c-article__body {
padding-left: 0;
padding-right: 0;
}
.c-story-news-teaser__row .c-article--press-release {
position: relative;
}
.c-story-news-teaser__row .c-article--press-release .c-article__title {
padding-bottom: 24px;
}
@media (min-width: 78.75em) {
.c-story-news-teaser__row .c-article--press-release .c-article__title {
padding-bottom: 0;
}
}
.c-story-news-teaser__row .c-article--press-release .c-article__body {
display: block;
}
.c-article__btn .c-btn {
display: inline-block;
}
@media (min-width: 46.25em) {
.c-article:not(.c-article--press-release) {
height: 100%;
}
.c-article__bg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100%;
}
.c-article__bg .c-article__body {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.c-article__bg .c-article__media {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.c-header-wrapper {
display: block;
height: 50px;
position: fixed;
width: 100%;
top: 0;
z-index: 121;
background-color: #FFFFFF;
}
@media (min-width: 78.75em) {
.c-header-wrapper {
height: 80px;
-webkit-box-shadow: 0px 5px 10px rgba(115, 109, 109, 0.2);
box-shadow: 0px 5px 10px rgba(115, 109, 109, 0.2);
}
}
.c-header-wrapper.show-list {
height: 100%;
}
@media (max-width: 78.74em) {
.c-header-wrapper.show-list .c-header {
height: 100%;
background-color: #353750;
}
.c-header-wrapper.show-list .c-header-nav-heading__logo .c-svg {
fill: #FFFFFF !important;
}
.c-header-wrapper.show-list .c-header-nav-heading-menu__link .bar1 {
display: none;
}
.c-header-wrapper.show-list .c-header-nav-heading-menu__link .bar2 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-header-wrapper.show-list .c-header-nav-heading-menu__link .bar3 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-header-wrapper.show-list .c-header-nav-heading-menu__link .bar2, .c-header-wrapper.show-list .c-header-nav-heading-menu__link .bar3 {
background-color: #FFFFFF;
top: 23px;
}
.c-header-wrapper.show-list .c-header-nav__list {
display: block;
}
.c-header-wrapper.show-list .c-language-selector {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.c-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.c-header a:not(.c-btn) {
text-decoration: none;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.c-header a:not(.c-btn):hover {
opacity: 0.6;
}
@media (min-width: 78.75em) {
.c-header {
height: 100%;
padding-left: 24px;
padding-right: 24px;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
background-color: unset;
}
}
.c-header__nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 78.75em) {
.c-header__nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.c-header-nav__heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 24px;
padding-right: 24px;
-webkit-box-shadow: 0px 5px 10px rgba(115, 109, 109, 0.2);
box-shadow: 0px 5px 10px rgba(115, 109, 109, 0.2);
z-index: 1;
}
@media (min-width: 78.75em) {
.c-header-nav__heading {
padding-left: 0;
padding-right: 0;
-webkit-box-shadow: unset;
box-shadow: unset;
}
}
.c-header-nav-heading__logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-header-nav-heading__logo a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 50px;
line-height: 0;
}
@media (min-width: 78.75em) {
.c-header-nav-heading__logo {
padding-right: 24px;
}
.c-header-nav-heading__logo a {
height: 80px;
}
}
.c-header-nav-heading__menu {
display: block;
width: 70px;
height: 50px;
margin-bottom: auto;
position: absolute;
top: 0;
right: 0;
}
.c-header-nav-heading__menu button {
background: none;
}
.c-header-nav-heading__menu button:focus {
outline: none;
}
.c-header-nav-heading-menu__link {
display: block;
padding-left: 24px;
padding-right: 24px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
position: relative;
width: 100%;
height: 100%;
border: 0;
}
.c-header-nav-heading-menu__link .bar1, .c-header-nav-heading-menu__link .bar2, .c-header-nav-heading-menu__link .bar3 {
position: absolute;
width: 21px;
height: 2px;
background-color: #353750;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.c-header-nav-heading-menu__link .bar1 {
top: 16px;
}
.c-header-nav-heading-menu__link .bar2 {
top: 22px;
}
.c-header-nav-heading-menu__link .bar3 {
top: 28px;
}
.c-header-nav__list {
display: none;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #353750;
height: calc(100% - 50px);
overflow-y: scroll;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.c-header-nav__list::-webkit-scrollbar {
width: 0;
height: 0;
}
@media (min-width: 78.75em) {
.c-header-nav__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
min-height: 100%;
overflow: visible;
background-color: #FFFFFF;
}
}
.c-header-nav__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.c-header-nav__item:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.c-header-nav__item.is-active .c-header-nav-item__dropdown {
display: block;
}
.c-header-nav__item.is-active .c-header-nav-item-button__icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 78.75em) {
.c-header-nav__item {
padding: 0 24px;
border: none;
position: relative;
}
.c-header-nav__item:hover {
cursor: pointer;
}
.c-header-nav__item--is-dropdown:hover .c-header-nav-item__dropdown {
display: block;
}
}
.c-header-nav-item__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 24px;
}
@media (min-width: 78.75em) {
.c-header-nav-item__link {
position: relative;
padding: 0;
text-align: center;
}
.c-header-nav-item__link--is-dropdown:after {
position: absolute;
content: "";
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 10px;
border-top: 2px solid #353750;
}
.c-header-nav-item__link--is-dropdown:hover:after {
-webkit-transition: opacity, width 0.3s ease-in-out;
transition: opacity, width 0.3s ease-in-out;
opacity: 0.6;
width: 20px;
}
}
.c-header-nav-item-link__text {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.4117647059;
font-family: "FSKimWeb";
font-weight: 600;
letter-spacing: 0.04em;
text-decoration: none;
color: #fff;
}
.c-header-nav-item-link__text br {
display: none;
}
@media (min-width: 78.75em) {
.c-header-nav-item-link__text br {
display: block;
}
}
@media (min-width: 78.75em) {
.c-header-nav-item-link__text {
color: #353750;
font-size: 14px;
font-size: 0.875rem;
line-height: 17px;
}
}
.c-header-nav-item-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
height: 100%;
}
.c-header-nav-item-button {
background-color: #353750;
border: none;
outline: none;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
}
.c-header-nav-item-button:hover {
opacity: 0.7;
cursor: pointer;
}
.c-header-nav-item-button__icon {
background-color: rgba(255, 255, 255, 0.2);
padding: 12px;
}
.c-header-nav-item__dropdown {
display: none;
}
@media (min-width: 78.75em) {
.c-header-nav-item__dropdown {
height: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 80px;
position: absolute;
min-width: 250px;
z-index: 10;
-webkit-box-shadow: 0px 5px 15px #736d6d;
box-shadow: 0px 5px 15px #736d6d;
}
.c-header-nav-item__dropdown:before {
content: "";
position: absolute;
top: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 0px;
line-height: 0%;
width: 0px;
border-bottom: 10px solid #353750;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
}
.c-header-nav-item-dropdown__list {
display: block;
}
@media (min-width: 78.75em) {
.c-header-nav-item-dropdown__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.c-header-nav-item-dropdown__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 78.75em) {
.c-header-nav-item-dropdown__item {
background-color: #353750;
border-bottom: none;
}
}
.c-header-nav-item-dropdown__item--primary {
display: none;
}
@media (min-width: 78.75em) {
.c-header-nav-item-dropdown__item--primary {
display: block;
font-weight: 700;
background-color: #353750;
border-bottom: 1px solid #AEB0C8;
}
}
.c-header-nav-item-dropdown-item__link {
display: block;
width: 100%;
font-family: "FSKimWeb";
letter-spacing: 0.04em;
color: #FFFFFF;
padding: 24px;
padding-left: 48px;
}
.c-header-nav-item-dropdown-item__link:hover {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
}
.c-header-nav-item-dropdown-item__link br {
display: none;
}
@media (min-width: 78.75em) {
.c-header-nav-item-dropdown-item__link {
text-align: center;
padding: 12px 24px;
}
}
.c-tags__tag {
text-transform: uppercase;
color: #A7A9AC;
font-weight: 600;
display: inline-block;
}
.c-tags__tag:not(:last-child) {
margin-right: 24px;
}
.c-tag {
text-transform: uppercase;
color: #FF7D5E;
font-weight: 600;
font-size: 12px;
}
.c-story-news-teaser, .c-story-news-teaser__row {
position: relative;
}
.c-story-news-teaser .c-article__body .c-btn, .c-story-news-teaser__row .c-article__body .c-btn {
display: inline-block;
text-align: left;
}
.c-story-news-teaser .o-mask, .c-story-news-teaser__row .o-mask {
padding-top: 65%;
}
.c-story-news-teaser__heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 12px;
}
.c-story-news-teaser__heading h3 {
padding-right: 24px;
}
.c-story-news-teaser__heading a {
margin-left: auto;
margin-bottom: 12px;
}
.c-cookie.is-active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-cookie-management-popup.is-active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-cookie-management .Form__Element, .c-cookie-management-popup .Form__Element {
margin-bottom: 12px;
}
.c-cookie, .c-cookie-management-popup {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 20px 40px rgba(115, 109, 109, 0.85);
box-shadow: 0px 20px 40px rgba(115, 109, 109, 0.85);
}
.c-cookie--center, .c-cookie-management-popup--center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-cookie--bottom-right, .c-cookie-management-popup--bottom-right {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-cookie__content {
position: relative;
width: 90%;
height: auto;
}
@media (min-width: 61.25em) {
.c-cookie__content {
height: auto;
width: 500px;
}
}
.c-cookie-wrapper {
padding: 24px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
.c-cookie__body {
text-align: center;
}
.c-cookie__cta-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-cookie__cta {
padding: 12px;
}
.c-cookie-management-popup__body {
position: relative;
width: 90%;
height: auto;
}
@media (min-width: 61.25em) {
.c-cookie-management-popup__body {
height: auto;
width: 500px;
}
}
.c-cookie-management-popup__content {
padding: 24px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
.c-rich-text-column__title {
padding-bottom: 12px;
}
.c-rich-text-column__grid {
position: relative;
z-index: 1;
}
.c-rich-text-column__button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 6px;
}
.c-rich-text-column__body {
height: 100%;
}
.c-rich-text-column__body--color {
padding: 48px 24px;
}
.c-rich-text-column__grid .o-grid__cell {
margin-bottom: 24px;
}
.c-fact-number {
position: relative;
overflow: hidden;
}
.c-fact-number:before {
content: "";
width: 30vw;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
}
.c-fact-number:after {
content: "";
width: 55vw;
height: 200%;
border-radius: 50%;
display: block;
position: absolute;
bottom: 0;
top: -5px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-width: 46.24em) {
.c-fact-number:after {
width: 52vw;
height: 180%;
}
}
.c-fact-number .c-rich-text {
position: relative;
z-index: 2;
}
.c-fact-number.u-bg-color-brand:before, .c-fact-number.u-bg-color-brand:after {
background: #020203;
}
.c-fact-number.u-bg-color-invert:before, .c-fact-number.u-bg-color-invert:after {
background: #bfbfbf;
}
.c-fact-number.u-bg-color-accent1:before, .c-fact-number.u-bg-color-accent1:after {
background: #781b1b;
}
.c-fact-number.u-bg-color-accent2:before, .c-fact-number.u-bg-color-accent2:after {
background: #de2b00;
}
.c-fact-number.u-bg-color-accent3:before, .c-fact-number.u-bg-color-accent3:after {
background: #de7e03;
}
.c-fact-number.u-bg-color-accent4:before, .c-fact-number.u-bg-color-accent4:after {
background: #c25751;
}
.c-fact-number.u-bg-color-accent5:before, .c-fact-number.u-bg-color-accent5:after {
background: #bdb47a;
}
.c-fact-number.u-bg-color-accent6:before, .c-fact-number.u-bg-color-accent6:after {
background: #60b77f;
}
.c-fact-number.u-bg-color-gray:before, .c-fact-number.u-bg-color-gray:after {
background: #010101;
}
.c-fact-number.u-bg-color-gray-light:before, .c-fact-number.u-bg-color-gray-light:after {
background: #67696d;
}
.c-fact-number.u-bg-color-gray-lighter:before, .c-fact-number.u-bg-color-gray-lighter:after {
background: #a4a7ab;
}
.c-fact-number.u-bg-color-gray-lightest:before, .c-fact-number.u-bg-color-gray-lightest:after {
background: #b2b2b2;
}
.c-fact-number.u-bg-color-component-alternate:before, .c-fact-number.u-bg-color-component-alternate:after {
background: #a4a7ab;
}
@media (max-width: 61.24em) {
.c-fact-figures__item:not(:last-child) {
margin-bottom: 48px;
}
}
.c-fact-figures__item > div {
height: 85%;
}
.c-fact-figures__rich-text {
background-color: rgba(255, 255, 255, 0.2);
padding: 24px;
}
.c-fact-figures__rich-text .c-rich-text img {
display: inline-block;
max-width: 100%;
}
.c-fact-figures-item__button {
text-align: center;
margin-top: 24px;
}
.c-social-media {
position: relative;
}
.c-social-media .o-wrapper {
text-align: center;
}
.c-social-media__text {
color: var(--brand__color-title);
}
.addthis_toolbox a, .c-social-media__items a {
padding: 0 calc(6px / 4);
}
.c-story-news-overview__footer {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 24px;
}
.c-story-news-overview__footer:before {
content: "";
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
border-top: 1px solid #E6E7E8;
}
.c-story-news-overview .c-story-news-teaser__row .o-grid--curve .c-article--press-release .c-article__type {
padding-top: 24px;
}
.c-image {
position: relative;
}
.c-image__caption {
border-top-right-radius: 30px;
position: absolute;
bottom: 0;
left: 0;
padding: 12px 24px 12px 12px;
width: 75%;
}
.c-image__caption p {
margin-bottom: 0;
}
.c-preview-component {
position: relative;
}
.c-preview-component__grid {
position: relative;
}
.c-preview-component__grid .o-grid__cell {
margin-bottom: 24px;
}
.c-preview-component-grid__body {
position: relative;
height: 100%;
}
.c-preview-component-grid__body--color {
padding: 24px 24px;
}
.c-preview-component-grid__body h5 {
padding-bottom: 24px;
}
.c-preview-component-grid__body p {
padding-bottom: 48px;
}
.c-preview-component-grid__body a {
position: absolute;
bottom: 24px;
}
.o-grid--curve .c-preview-component-grid__body--color {
padding: 24px;
padding-top: 48px;
}
@media (min-width: 46.25em) {
.c-member-wrapper {
margin-bottom: 24px;
}
}
.c-member {
position: relative;
height: 100%;
}
.c-member.has-overlay .c-member-item__details {
padding-right: 24px;
padding-top: 24px;
padding-bottom: 24px;
}
.c-member.has-overlay:hover {
cursor: pointer;
}
.c-member hr {
margin-top: 24px;
}
@media (min-width: 46.25em) {
.c-member {
padding: 12px;
}
.c-member.has-overlay:hover {
background-color: #E6E7E8;
}
.c-member hr {
display: none;
}
}
.c-member__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 46.25em) {
.c-member__item {
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.c-member-item__details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
padding: 0 0 0 24px;
}
@media (min-width: 46.25em) {
.c-member-item__details {
padding: 24px;
}
}
@media (min-width: 46.25em) {
.c-member-item__details {
padding-bottom: 0;
}
}
.c-member-items-details__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.c-member__info {
display: none;
}
.c-member__info.active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 9999;
}
.c-member__info.active:hover {
cursor: default;
}
.c-member__name {
margin-bottom: 6px;
}
@media (min-width: 46.25em) {
.c-member__name {
text-align: center;
}
}
.c-member__function {
font-weight: bold;
}
.c-member__info .c-member__function {
color: #414042;
}
@media (min-width: 46.25em) {
.c-member__function {
text-align: center;
}
}
.c-member__popup-indicator {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 12px;
}
.c-member__popup-indicator:hover svg {
cursor: pointer;
}
@media (max-width: 46.24em) {
.c-member__img {
max-width: 30%;
margin-bottom: 0;
}
}
.c-member__img img {
border-radius: 100%;
overflow: hidden;
}
.c-member__description {
padding-top: 24px;
}
.c-member__text {
padding-top: 24px;
}
.c-member__social {
padding: 24px 0;
}
.c-member-social__link {
padding-right: 6px;
}
.c-member-items-details__content .c-member__social {
margin-top: auto;
padding-top: 12px;
padding-bottom: 0;
}
.c-member-items-details__content .c-member__social .c-member-social__link {
padding-left: 3px;
padding-right: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.c-member-items-details__content .c-member__social .c-member-social__link .c-svg {
fill: #353750;
}
.c-member-items-details__content .c-member__social .c-member-social__link:hover {
opacity: 0.7;
}
@media (max-width: 46.24em) {
.c-member {
border: 2px solid #eeeeee;
}
.c-member .c-member__item {
position: relative;
background-color: #FDBA63;
padding: 12px;
padding-bottom: 24px;
}
.c-member .c-member__toggle-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-member .c-member__info {
display: block;
padding: 12px;
}
.c-member .c-member__info[class*=u-bg-color-] {
background-color: #FFFFFF !important;
}
.c-member .c-member__info:hover {
cursor: default;
}
.c-member.collapsed {
border: none;
}
.c-member.collapsed .c-member__item {
background-color: #FFFFFF;
}
.c-member.collapsed .c-member__toggle-icon {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.c-member.collapsed .c-member__info {
display: none;
opacity: 0.4;
}
.c-member.collapsed .c-member__function {
color: #A7A9AC;
}
}
.c-member__info-tablet-wrapper {
width: 90%;
z-index: 9999;
overflow-y: scroll;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.c-member__info-tablet-wrapper::-webkit-scrollbar {
width: 0;
height: 0;
}
@media (min-width: 61.25em) {
.c-member__info-tablet-wrapper {
width: 900px;
}
}
.c-member__info-tablet {
display: block;
position: relative;
}
.c-member-info__close {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 24px;
}
.c-member-info__close:hover {
cursor: pointer;
}
.c-member-info__heading-wrapper {
position: relative;
}
.c-member-info__heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.c-member-info-heading__img {
width: 100%;
height: 100%;
}
.c-member-info-heading__info {
margin-top: 48px;
margin-bottom: 12px;
padding: 24px;
}
.c-member-info-heading__info .c-member__name, .c-member-info-heading__info .c-member__function {
text-align: left;
}
.c-member-info__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
background-color: #FFFFFF;
}
@media (min-width: 46.25em) {
.c-member-info__content .o-grid {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
}
@media (min-width: 61.25em) {
.c-member-info__content .o-grid {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
}
.c-member-info__content .c-member__social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.c-member-info-content__text {
padding: 24px;
}
@media (min-width: 46.25em) {
.c-member-info-content__text {
max-height: 40vh;
overflow-y: auto;
}
}
@media (min-width: 61.25em) {
.c-member-info-content__text {
max-height: 60vh;
}
}
.c-member-info-content__text .c-rich-text p:last-child {
margin-bottom: 0;
}
.c-board-of-directors__heading {
padding-bottom: 48px;
}
.c-board-of-directors__heading h2, .c-board-of-directors__heading p {
margin-bottom: 0;
}
.c-board-of-directors__heading p {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
}
.c-board-of-directors__overview h5 {
margin-bottom: 24px;
}
.c-board-of-directors__list {
padding-top: 24px;
padding-bottom: 24px;
}
.c-board-of-directors__list:last-child {
padding-bottom: 0;
}
.c-board-of-directors__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 24px;
}
.c-board-of-directors-item__image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 80px;
height: 80px;
margin-right: 24px;
}
.c-board-of-directors-item__image img {
border-radius: 50%;
}
.c-board-of-directors-item__name {
font-weight: bold;
}
.c-stock-information__actual {
position: relative;
}
.c-stock-information-actual__txt {
width: 90%;
position: absolute;
top: 32%;
right: 0;
bottom: 0;
left: 5%;
}
.c-stock-information-actual__price {
font-size: 60px;
font-size: 3.75rem;
line-height: 1.1;
font-family: "FSKimWeb";
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.c-stock-information-actual__currency {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.2;
}
.c-stock-information-actual__variation {
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
}
.c-stock-information__variation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 46.25em) {
.c-stock-information__variation {
padding-left: 48px;
padding-right: 24px;
}
}
@media (max-width: 46.24em) {
.c-stock-information__variation {
margin-top: 12px;
}
}
.c-stock-information-variation__price {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.2;
font-family: "FSKimWeb";
font-weight: 900;
}
.c-stock-information-variation__currency {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.2;
}
.c-stock-information-variation__percentage {
text-transform: uppercase;
opacity: 0.7;
padding-left: 12px;
}
.c-stock-information-variation__icon {
padding-left: 6px;
}
.c-document-groups__item {
margin-bottom: 24px;
padding: 24px;
}
.c-document-groups__item:last-child {
margin-bottom: 0;
}
.c-document-groups__item .o-grid__cell .c-document-groups-item__block {
border-bottom: 1px solid var(--brand__color-title);
padding-top: 12px;
padding-bottom: 12px;
}
.c-document-groups__item .o-grid__cell:first-child .c-document-groups-item__block {
padding-top: 0;
}
.c-document-groups__item .o-grid__cell:last-child .c-document-groups-item__block {
border-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 46.25em) {
.c-document-groups__item .o-grid__cell .c-document-groups-item__block {
border-right: 1px solid var(--brand__color-title);
border-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.c-document-groups__item .o-grid__cell:last-child .c-document-groups-item__block {
border-right: 0;
padding-right: 0;
}
}
.c-document-groups-item__button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24px;
}
.c-document-groups-item__block {
height: 100%;
padding-right: 24px;
}
.c-document-groups-item__block h5 {
margin-bottom: 12px;
}
.c-document {
padding: 18px;
border: 1px solid #E6E7E8;
}
.c-document:not(:first-of-type) {
border-top: 0;
}
.c-document__title {
font-size: 18px;
}
@media (max-width: 61.24em) {
.c-document__title {
margin-bottom: 6px;
}
}
.c-document__download {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
}
@media all {
.c-document__download {
margin-bottom: 6px;
}
}
.c-annual-general-meetings__item {
margin-top: 3px;
}
.c-annual-general-meetings-item__year {
padding: 24px;
}
.c-annual-general-meetings-item__year h3 {
margin-bottom: 0;
}
.c-annual-general-meetings__documents {
padding: 0 24px 48px;
}
.c-collapse {
position: relative;
display: block;
}
.c-collapse.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
[class*=c-collapse-until-] {
pointer-events: none;
}
[class*=c-collapse-until-] .c-collapse__panel {
max-height: 1500px;
}
[class*=c-collapse-until-] .c-collapse__trigger .c-svg {
display: none;
}
@media (max-width: 22.49em) {
.c-collapse-until-mobile {
position: relative;
display: block;
}
.c-collapse-until-mobile.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse-until-mobile.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse-until-mobile .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse-until-mobile .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.c-collapse-until-mobile.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-until-mobile .c-collapse__trigger .c-svg {
display: block;
}
}
@media (min-width: 22.5em) {
.c-collapse-visible\@mobile.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-visible\@mobile .c-collapse__trigger .c-svg {
display: none;
}
}
@media (max-width: 46.24em) {
.c-collapse-until-tablet {
position: relative;
display: block;
}
.c-collapse-until-tablet.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse-until-tablet.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse-until-tablet .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse-until-tablet .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.c-collapse-until-tablet.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-until-tablet .c-collapse__trigger .c-svg {
display: block;
}
}
@media (min-width: 46.25em) {
.c-collapse-visible\@tablet.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-visible\@tablet .c-collapse__trigger .c-svg {
display: none;
}
}
@media (max-width: 61.24em) {
.c-collapse-until-desktop {
position: relative;
display: block;
}
.c-collapse-until-desktop.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse-until-desktop.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse-until-desktop .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse-until-desktop .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.c-collapse-until-desktop.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-until-desktop .c-collapse__trigger .c-svg {
display: block;
}
}
@media (min-width: 61.25em) {
.c-collapse-visible\@desktop.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-visible\@desktop .c-collapse__trigger .c-svg {
display: none;
}
}
@media (max-width: 78.74em) {
.c-collapse-until-large {
position: relative;
display: block;
}
.c-collapse-until-large.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse-until-large.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse-until-large .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse-until-large .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.c-collapse-until-large.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-until-large .c-collapse__trigger .c-svg {
display: block;
}
}
@media (min-width: 78.75em) {
.c-collapse-visible\@large.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-visible\@large .c-collapse__trigger .c-svg {
display: none;
}
}
@media (max-width: 99.99em) {
.c-collapse-until-wide {
position: relative;
display: block;
}
.c-collapse-until-wide.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse-until-wide.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse-until-wide .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse-until-wide .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.c-collapse-until-wide.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-until-wide .c-collapse__trigger .c-svg {
display: block;
}
}
@media (min-width: 100em) {
.c-collapse-visible\@wide.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-visible\@wide .c-collapse__trigger .c-svg {
display: none;
}
}
@media (max-width: 112.49em) {
.c-collapse-until-huge {
position: relative;
display: block;
}
.c-collapse-until-huge.collapsed .c-collapse__trigger .c-svg {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
transition: transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms, -webkit-transform 0.15s cubic-bezier(0.43, 0.64, 0.94) 0ms;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.c-collapse-until-huge.collapsed .c-collapse__panel {
max-height: 0;
overflow: hidden;
width: 100%;
}
.c-collapse-until-huge .c-collapse__trigger {
cursor: pointer;
pointer-events: inherit;
}
.c-collapse-until-huge .c-collapse__panel.show {
max-height: 1500px;
-webkit-transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
transition: max-height 0.15s cubic-bezier(0.43, 0.64, 1.04) 0ms;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.c-collapse-until-huge.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-until-huge .c-collapse__trigger .c-svg {
display: block;
}
}
@media (min-width: 112.5em) {
.c-collapse-visible\@huge.collapsed .c-collapse__panel {
max-height: 1500px;
}
.c-collapse-visible\@huge .c-collapse__trigger .c-svg {
display: none;
}
}
.c-latest-reports {
position: relative;
}
.c-latest-reports .c-btn--icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-latest-reports__leading-item {
padding-right: 24px;
border: 1px solid #E6E7E8;
}
.c-latest-reports__leading-item .c-latest-reports__item {
padding: 0;
padding-top: 24px;
border: none;
}
@media (min-width: 46.25em) {
.c-latest-reports__leading-item .c-latest-reports__item {
padding: 24px 0;
}
}
.c-latest-reports__leading-item .c-download-section {
margin-top: auto;
padding: 24px 12px;
}
@media (max-width: 61.24em) {
.c-latest-reports__leading-item {
margin-bottom: 24px;
}
.c-latest-reports__leading-item .o-grid {
padding: 24px;
}
}
.c-latest-reports__item-wrapper {
margin-bottom: 24px;
}
@media (min-width: 61.25em) {
.c-latest-reports__item-wrapper .c-latest-reports__item {
padding: 12px;
}
}
.c-latest-reports__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 24px;
border: 1px solid #E6E7E8;
}
@media (min-width: 61.25em) {
.c-latest-reports__item {
padding: 24px 12px;
}
}
.c-latest-reports__item h5 {
margin-bottom: 12px;
}
.c-latest-reports-item__link {
margin-top: 12px;
}
.c-latest-reports-item__link:hover {
opacity: 0.6;
}
.c-download-section.u-bg-color-gray-lighter .c-download-section__list {
margin-bottom: 0;
}
.c-download-section__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-download-section__item {
display: inline-block;
}
.c-download-section__item:last-child .c-document__download {
margin-bottom: 0;
}
.c-download-section__item h5 {
margin-bottom: 12px;
}
.c-download-section__item:hover {
opacity: 0.6;
}
.c-download-section-item__icon {
padding-right: 6px;
}
.c-download-section-item__title {
text-decoration: underline;
font-weight: 700;
padding-right: 6px;
}
.c-download-section-item__extension {
color: #A7A9AC;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
.c-google-maps {
height: 600px;
width: 100%;
}
.c-google-maps button.gm-ui-hover-effect {
top: 0 !important;
right: 0 !important;
color: #353750;
width: 50px !important;
height: 50px !important;
}
.c-google-maps button.gm-ui-hover-effect img {
width: auto !important;
height: auto !important;
}
.c-google-maps__info {
padding: 12px;
}
@media (max-width: 46.24em) {
.c-google-maps__info .o-grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.c-google-maps__info .c-rich-text p {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-family: "Tondo";
}
@media (max-width: 46.24em) {
.c-google-maps__info h3 {
padding-right: 50px;
}
}
.c-google-maps-info-content__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.c-google-maps-info-content__item:last-child {
margin-bottom: 0;
}
.c-google-maps-info-content__item a {
padding-left: 6px;
}
.c-google-maps-info-content__item a:hover {
opacity: 0.6;
}
.c-google-maps-info-content__img img {
max-width: 100% !important;
height: auto;
}
.c-google-maps-info-content-item__link-tel {
text-decoration: none;
}
.c-key-financial-figures .c-key-financial-figures-wrapper {
padding: 48px 24px;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 48px;
}
.c-key-financial-figures table {
width: 100%;
margin-bottom: 0;
}
.c-key-financial-figures table thead tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.c-key-financial-figures table thead th {
text-align: right;
color: #353750;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5;
}
.c-key-financial-figures table thead th:first-child {
text-align: left;
}
.c-key-financial-figures table tbody tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
}
.c-key-financial-figures table tbody tr td {
text-align: right;
padding-left: 12px;
padding-top: 6px;
padding-bottom: 6px;
color: #A7A9AC;
}
.c-key-financial-figures table tbody tr td:first-child {
text-align: left;
padding-left: 0;
color: #A7A9AC;
}
.c-key-financial-figures table tbody tr.highlighted td {
color: #414042;
}
.c-api-stock__info {
border: 1px solid #E6E7E8;
}
.c-api-stock__info .o-grid__cell {
padding-top: 9px;
padding-bottom: 6px;
border-bottom: 1px solid #E6E7E8;
}
.c-api-stock__info .o-grid__cell:nth-last-child(-n+2) {
border-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 46.25em) {
.c-api-stock__info .o-grid__cell:nth-last-child(-n+4) {
border-bottom: 0;
padding-bottom: 0;
}
}
.c-api-stock-info-label {
color: #353750;
font-weight: 600;
}
.c-api-stock-info-value {
color: #A7A9AC;
}
@media (max-width: 46.24em) {
.c-api-stock-info-value {
text-align: right;
display: inherit;
}
}
.c-api-stock__stock-price {
border: 1px solid #E6E7E8;
padding: 24px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.c-api-stock-stock-price--decreasing {
border-color: #FF7D5E;
}
.c-api-stock-stock-price--decreasing .c-api-stock-stock-price__actual {
color: #FF7D5E;
}
.c-api-stock-stock-price--increasing {
border-color: #B8DFC6;
}
.c-api-stock-stock-price--increasing .c-api-stock-stock-price__actual {
color: #B8DFC6;
}
.c-api-stock__date {
color: #A7A9AC;
font-size: 14px;
padding-left: 19px;
}
@media (min-width: 46.25em) {
.c-api-stock__periods {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-api-stock-periods__item {
color: #353750;
padding: 16.8px 24px;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
cursor: pointer;
}
.c-api-stock-periods__item:hover {
background-color: #B8DFC6;
}
.c-api-stock-periods__item.active {
background-color: #B8DFC6;
}
}
@media (min-width: 61.25em) {
.c-api-stock-periods__item {
padding: 24px 31.2px;
}
}
.c-timeline__item {
position: relative;
overflow: hidden;
margin-top: 24px;
}
.c-timeline__item .c-rich-text {
display: block;
}
.c-timeline__year {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5;
font-family: "FSKimWeb";
color: #353750;
text-align: center;
}
.c-timeline-year__icon {
position: relative;
}
.c-timeline-year-icon__marker {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #353750;
display: block;
margin: 6px auto 0;
}
.c-timeline-item__wrapper {
margin-top: 12px;
}
@media (min-width: 46.25em) {
.c-timeline-item__wrapper {
margin-top: 24px;
}
}
.c-timeline-article__container {
position: relative;
}
.c-timeline-article__txt .c-rich-text {
padding: 24px 24px 36px;
}
.c-sdg-icons img {
display: block;
margin-bottom: 12px;
}
@media (max-width: 61.24em) {
.c-timeline {
overflow: hidden;
}
.c-sdg-icons {
margin-top: 12px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-timeline-item-wrapper--right {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (max-width: 46.24em) {
.c-sdg-icons {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-timeline-article__img {
max-height: 200px;
}
}
@media (min-width: 61.25em) and (max-width: 85.9375em) {
.c-timeline-item__wrapper {
margin-left: 75px;
}
}
.c-timeline-nav__item {
font-family: "FSKimWeb";
color: #353750;
margin-bottom: 6px;
text-align: center;
cursor: pointer;
}
.c-timeline-nav__item:after {
-webkit-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
content: "";
width: 15px;
height: 2px;
border-bottom: 1px solid #FFFFFF;
background-color: #353750;
display: block;
margin: 3px auto 0;
}
.c-timeline-nav__item:hover:after {
border-bottom-color: #353750;
}
@media (min-width: 61.25em) {
.c-timeline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-timeline-nav {
position: -webkit-sticky;
position: sticky;
top: 80px;
left: 0;
padding: 24px;
height: 100%;
width: 105px;
z-index: 119;
}
.c-timeline-nav__wrapper {
margin-top: calc(100% + 80px);
position: relative;
}
.c-timeline-nav__wrapper .slick-arrow {
padding: 12px 0;
height: auto;
width: auto;
color: #414042;
}
.c-timeline-nav__wrapper .slick-arrow:focus {
color: #414042;
opacity: 1;
outline: 0;
}
.c-timeline-nav__wrapper .slick-arrow.slick-disabled {
opacity: 0.2;
}
.c-timeline-nav__wrapper .c-btn__label {
font-size: 14px;
display: block;
vertical-align: middle;
}
}
@media (max-width: 61.24em) {
.c-timeline-nav {
position: fixed;
top: 0;
right: 65px;
z-index: 121;
}
.c-timeline-nav .c-btn--collapse {
line-height: 48px;
vertical-align: middle;
padding: 9px 0 6px;
border: 0;
background-color: transparent;
height: 50px;
cursor: pointer;
}
.c-timeline-nav .c-btn--collapse:focus {
outline: 0;
}
.c-timeline-nav__wrapper {
background-color: #FFFFFF;
width: 100%;
left: 0;
position: fixed;
top: 50px;
z-index: 119;
padding: 24px 0;
display: none;
-webkit-box-shadow: 0px 5px 10px rgba(115, 109, 109, 0.2);
box-shadow: 0px 5px 10px rgba(115, 109, 109, 0.2);
}
.c-timeline-nav__wrapper.show {
display: block;
}
.c-timeline-nav__wrapper > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-timeline-nav__item {
margin-bottom: 12px;
}
}
@media (min-width: 61.25em) and (max-width: 99.99em) {
.c-timeline-nav {
top: 0;
}
.c-timeline-nav__wrapper {
margin-top: 80px;
}
}
.c-header__search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999;
margin-left: auto;
position: absolute;
top: 0;
right: 70px;
}
.c-header__search.is-active {
--header-search-panel--display: flex;
}
.c-header__search.is-active .c-header__dropdown-icon {
-webkit-transform: scale(-1);
transform: scale(-1);
}
.c-header__dropdown-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background-color: #F2F2F2;
padding: 12px;
border-radius: 5px;
}
.c-header__search-panel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: var(--header-search-panel--display, none);
position: absolute;
padding: 24px;
top: 100%;
right: 0;
min-width: 500px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
background-color: #F2F2F2;
}
@media (max-width: 46.24em) {
.c-header__search {
margin: 3px 0;
}
.c-header__search label {
display: none;
}
.c-header__search-panel {
width: 100vw;
min-width: auto;
left: auto;
right: -70px;
top: calc(100% + 6px);
}
.c-header__dropdown-btn {
background-color: rgba(242, 242, 242, 0.8);
padding: 8px 12px;
}
}
@media (min-width: 78.75em) {
.c-header__search {
position: relative;
right: auto;
padding: 24px 0;
}
}
.c-language-selector {
display: none;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px;
margin: 24px;
z-index: 999;
}
@media (min-width: 78.75em) {
.c-language-selector {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 24px;
margin: 0;
}
}
.c-language-selector.is-active .c-language-selector__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-language-selector.is-active .c-language-selector-button__icon-dropdown {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: 6px;
margin-right: 0;
}
.c-language-selector-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background-color: #F2F2F2;
padding: 12px;
border-radius: 5px;
}
.c-language-selector-button__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 6px;
}
.c-language-selector-button__icon-dropdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 6px;
}
.c-language-selector-button__label {
font-weight: normal;
text-decoration: none;
font-family: "FSKimWeb";
}
.c-language-selector__list {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: 0;
bottom: 70px;
left: 0;
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
border-radius: 4px;
z-index: 100;
}
@media (min-width: 78.75em) {
.c-language-selector__list {
position: absolute;
top: 70px;
right: 0;
left: 0;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
}
.c-language-selector-item {
border-bottom: 1px solid #E6E7E8;
background-color: #F2F2F2;
}
.c-language-selector-item:first-child {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.c-language-selector-item:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.c-language-selector-item__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 12px;
}
.c-language-selector-item__text {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
font-weight: 600;
font-family: "FSKimWeb";
}
.c-language-detector {
display: none;
position: absolute;
right: 24px;
top: 80px;
width: 300px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
@media (min-width: 78.75em) {
.c-language-detector {
display: block;
}
}
.c-language-detector:before {
content: "";
position: absolute;
top: -10px;
right: 12px;
font-size: 0px;
line-height: 0%;
width: 0px;
border-bottom: 10px solid #353750;
border-left: 10px solid #0000;
border-right: 10px solid #0000;
}
.c-language-detector__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 12px;
}
.c-language-detector__text {
text-align: center;
}
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
-webkit-transition-duration: 350ms;
transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
-webkit-transition-duration: 450ms;
transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
-webkit-transition-duration: 550ms;
transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
-webkit-transition-delay: 550ms;
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
-webkit-transition-duration: 650ms;
transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
-webkit-transition-delay: 650ms;
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
-webkit-transition-duration: 700ms;
transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
-webkit-transition-delay: 700ms;
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
-webkit-transition-delay: 750ms;
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
-webkit-transition-delay: 800ms;
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
-webkit-transition-duration: 850ms;
transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
-webkit-transition-delay: 850ms;
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
-webkit-transition-duration: 900ms;
transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
-webkit-transition-duration: 950ms;
transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
-webkit-transition-delay: 950ms;
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
-webkit-transition-duration: 1050ms;
transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
-webkit-transition-delay: 1050ms;
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
-webkit-transition-duration: 1100ms;
transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
-webkit-transition-delay: 1100ms;
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
-webkit-transition-duration: 1150ms;
transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
-webkit-transition-delay: 1150ms;
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
-webkit-transition-duration: 1250ms;
transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
-webkit-transition-delay: 1250ms;
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
-webkit-transition-duration: 1300ms;
transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
-webkit-transition-delay: 1300ms;
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
-webkit-transition-duration: 1350ms;
transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
-webkit-transition-delay: 1350ms;
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
-webkit-transition-duration: 1400ms;
transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
-webkit-transition-delay: 1400ms;
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
-webkit-transition-duration: 1450ms;
transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
-webkit-transition-delay: 1450ms;
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
-webkit-transition-duration: 1500ms;
transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
-webkit-transition-duration: 1550ms;
transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
-webkit-transition-delay: 1550ms;
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
-webkit-transition-duration: 1600ms;
transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
-webkit-transition-delay: 1600ms;
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
-webkit-transition-duration: 1650ms;
transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
-webkit-transition-delay: 1650ms;
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
-webkit-transition-duration: 1700ms;
transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
-webkit-transition-delay: 1700ms;
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
-webkit-transition-duration: 1750ms;
transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
-webkit-transition-delay: 1750ms;
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
-webkit-transition-duration: 1800ms;
transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
-webkit-transition-duration: 1850ms;
transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
-webkit-transition-delay: 1850ms;
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
-webkit-transition-duration: 1900ms;
transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
-webkit-transition-delay: 1900ms;
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
-webkit-transition-duration: 1950ms;
transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
-webkit-transition-delay: 1950ms;
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
-webkit-transition-duration: 2000ms;
transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
-webkit-transition-delay: 2000ms;
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
-webkit-transition-duration: 2050ms;
transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
-webkit-transition-delay: 2050ms;
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
-webkit-transition-duration: 2100ms;
transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
-webkit-transition-delay: 2100ms;
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
-webkit-transition-duration: 2150ms;
transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
-webkit-transition-delay: 2150ms;
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
-webkit-transition-duration: 2200ms;
transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
-webkit-transition-delay: 2200ms;
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
-webkit-transition-duration: 2250ms;
transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
-webkit-transition-delay: 2250ms;
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
-webkit-transition-duration: 2300ms;
transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
-webkit-transition-delay: 2300ms;
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
-webkit-transition-duration: 2350ms;
transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
-webkit-transition-delay: 2350ms;
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
-webkit-transition-duration: 2400ms;
transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
-webkit-transition-duration: 2450ms;
transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
-webkit-transition-delay: 2450ms;
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
-webkit-transition-duration: 2500ms;
transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
-webkit-transition-delay: 2500ms;
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
-webkit-transition-duration: 2550ms;
transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
-webkit-transition-delay: 2550ms;
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
-webkit-transition-duration: 2600ms;
transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
-webkit-transition-delay: 2600ms;
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
-webkit-transition-duration: 2650ms;
transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
-webkit-transition-delay: 2650ms;
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
-webkit-transition-duration: 2700ms;
transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
-webkit-transition-delay: 2700ms;
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
-webkit-transition-duration: 2750ms;
transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
-webkit-transition-delay: 2750ms;
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
-webkit-transition-duration: 2800ms;
transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
-webkit-transition-delay: 2800ms;
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
-webkit-transition-duration: 2850ms;
transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
-webkit-transition-delay: 2850ms;
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
-webkit-transition-duration: 2900ms;
transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
-webkit-transition-delay: 2900ms;
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
-webkit-transition-duration: 2950ms;
transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
-webkit-transition-delay: 2950ms;
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
-webkit-transition-duration: 3000ms;
transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
-webkit-transition-delay: 3000ms;
transition-delay: 3000ms;
}
body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/**
* Fade animations:
* fade
* fade-up, fade-down, fade-left, fade-right
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
*/
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
[data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0);
}
/**
* Zoom animations:
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
*/
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
[data-aos=zoom-in] {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
[data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2);
}
/**
* Slide animations
*/
[data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
[data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
/**
* Flip animations:
* flip-left, flip-right, flip-up, flip-down
*/
[data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
.c-engagement-flow__steps {
padding-top: 25px;
}
@media (min-width: 61.25em) and (max-width: 99.99em) {
.c-engagement-flow__steps {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 61.25em) {
.c-engagement-flow__steps.steps-3 .o-grid__cell:first-child {
margin-left: 12.5%;
}
.c-engagement-flow__steps.steps-3 .c-step__content {
padding-top: 24px;
}
.c-engagement-flow__steps.steps-5 .c-step__image .c-svg {
max-width: calc(100% + 2px);
}
.c-engagement-flow__steps.steps-6 .c-step__image .c-svg {
max-width: calc(100% + 1.5px);
}
}
@media (min-width: 61.25em) and (min-width: 100em) {
.c-engagement-flow__steps.steps-6 .c-step__image .c-svg {
max-width: calc(100% + 2px);
}
}
@media (min-width: 61.25em) {
.c-engagement-flow__steps .o-grid__cell:first-child .c-step__number {
position: absolute;
top: calc(50% - (50px / 2));
right: auto;
bottom: auto;
left: -25px;
}
.c-engagement-flow__steps .o-grid__cell:last-child .c-step__number {
position: absolute;
top: calc(50% - (50px / 2));
right: -25px;
bottom: auto;
left: auto;
}
}
.c-step {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 61.25em) {
.c-step {
height: 100%;
}
}
.c-step:not(:last-child) {
margin-bottom: 48px;
}
@media (min-width: 61.25em) {
.c-step:not(:last-child) {
margin-bottom: 0;
}
}
.c-step__image {
position: relative;
text-align: center;
}
.c-step__image .c-svg {
max-width: 250px;
height: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -12px;
}
@media (min-width: 61.25em) {
.c-step__image:last-child .c-step__number {
position: absolute;
top: calc(50% - (50px / 2));
right: -25px;
bottom: auto;
left: auto;
}
.c-step__image--odd .c-step__number {
top: auto;
bottom: -22.7272727273px;
}
.c-step__image .c-svg {
max-width: calc(100% + 2px);
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@media (min-width: 61.25em) and (min-width: 100em) {
.c-step__image .c-svg {
max-width: calc(100% + 3px);
}
}
.c-step__number {
position: absolute;
top: -25px;
right: auto;
bottom: auto;
left: calc(50% - (50px / 2));
z-index: 2;
width: 50px;
height: 50px;
border-radius: 50px;
line-height: 50px;
text-align: center;
background-color: var(--brand__color-title);
color: #FFFFFF;
font-family: "FSKimWeb";
font-size: 26px;
}
@media (min-width: 61.25em) {
.c-step__number {
position: absolute;
top: -33.3333333333px;
right: auto;
bottom: auto;
left: calc(50% - (50px / 2));
z-index: 2;
}
}
.c-step__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.c-step__content {
padding-bottom: 48px;
}
@media (min-width: 61.25em) {
.c-step__content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.c-step__content .c-rich-text {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 61.25em) {
.c-step__content {
padding: 48px 24px 0;
}
}
@media (min-width: 61.25em) {
.c-steps--5 .c-step__image .c-svg {
max-width: calc(100% + 2px);
}
.c-steps--6 .c-step__image .c-svg {
max-width: calc(100% + 1.5px);
}
}
@media (min-width: 61.25em) and (min-width: 100em) {
.c-steps--6 .c-step__image .c-svg {
max-width: calc(100% + 2px);
}
}
.u-bg-color-brand .c-step__number {
color: #353750;
}
.u-bg-color-accent1 .c-step__number {
color: #353750;
}
.u-bg-color-accent2 .c-step__number {
color: #353750;
}
.u-bg-color-gray .c-step__number {
color: #353750;
}
.u-bg-color-gray-light .c-step__number {
color: #353750;
}
.c-impact-mark--mono {
--brand__color-loop: #FFFFFF;
}
.c-impact-mark--simple {
--brand__color-loop: #414042;
--brand__color-loop--first: #A7A9AC;
--brand__color-loop--second: #E6E7E8;
}
iframe {
width: 1px;
min-width: 100%;
}
.c-celebration {
position: relative;
height: 700px;
}
@media (min-width: 61.25em) {
.c-celebration {
height: 820px;
}
}
.c-celebration iframe {
width: 100%;
height: var(--brand__celebration-iframe--height, 700px);
border: none;
}
@media (min-width: 61.25em) {
.c-celebration iframe {
--brand__celebration-iframe--height: 820px;
}
}
.c-heading-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
width: 100%;
margin-bottom: 6px;
}
.c-heading-line::after {
content: "";
display: inline-block;
height: 0px;
width: 100%;
margin-left: 10px;
margin-right: -100%;
border-top: 1px solid #A7A9AC;
}
.c-heading-line--right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-heading-line--right::after {
content: none;
}
.c-heading-line--right::before {
content: "";
display: inline-block;
height: 0px;
width: 100%;
margin-right: 10px;
margin-left: -100%;
border-top: 1px solid #A7A9AC;
}
.c-heading-underline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
border-bottom: 1px solid #A7A9AC;
padding-bottom: 5px;
--brand-h4--margin-bottom: 0;
--brand-h2--margin-bottom: 0;
--brand-h3--margin-bottom: 0;
margin-bottom: 24px;
}
.c-heading-underline__link {
white-space: nowrap;
text-transform: uppercase;
font-size: 75%;
margin-bottom: 4px;
}
.c-heading-underline__link:after {
content: " ";
border: solid #939faa;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 0 5px 5px 0;
-webkit-transform: var(--list-collapse-before--transform, rotate(-45deg));
transform: var(--list-collapse-before--transform, rotate(-45deg));
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
margin-left: 5px;
}
.c-heading-underline__link:hover, .c-heading-underline__link:focus {
--list-collapse-before--transform: rotate(-45deg) translate3D(5px, 5px, 0px);
}
.c-heading-underline h2 ~ .c-heading-underline__link {
font-size: 85%;
}
.c-card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 24px;
--brand-h4--margin-bottom: 5px;
--brand-h5--margin-bottom: 0px;
--brand-h6--margin-bottom: 0px;
}
.c-card__media {
grid-area: media;
width: var(--card--media--width, 100%);
max-width: var(--card--media--max-width, auto);
}
.c-card__media-wrapper {
position: relative;
z-index: 6;
}
.c-card__media-link {
width: 100%;
position: unset !important;
text-decoration: none;
}
.c-card__media-link::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
}
.c-card__media-link:focus, .c-card__media-link:hover {
--card-media-icon--transform: scale(1.15);
}
.c-card__media-icon {
position: absolute;
left: 12px;
bottom: 24px;
-webkit-transform: var(--card-media-icon--transform, none);
transform: var(--card-media-icon--transform, none);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.c-card__body {
grid-area: body;
width: 100%;
padding: var(--card--body--padding, 6px 0 0);
}
.c-card__date {
font-size: 14px;
color: #A7A9AC;
}
.c-card__title {
grid-area: title;
}
.c-card__intro {
overflow: hidden;
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
white-space: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2;
margin-bottom: 6px;
}
.c-card__logo {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
max-height: 40px;
opacity: 0.6;
}
.c-card__link {
position: unset !important;
text-decoration: none;
}
.c-card__link::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
}
@media (min-width: 46.25em) {
.c-card {
margin-bottom: 0;
}
}
.c-card--small {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
--card--media--width: 30%;
--card--body--padding: 0;
--card--media--max-width: 200px;
--brand-h5--margin-bottom: 0;
}
.c-card--small:last-child {
margin-bottom: 0;
}
.c-card--small .c-card__media + .c-card__body {
--card--body--padding: 0 0 0 20px;
}
.c-card--small .c-card__date {
margin-top: -2px;
font-size: 12px;
}
.c-card--small .c-card__title {
margin-top: 2px;
}
.c-card--search {
display: grid;
grid-template-columns: 1fr minMax(auto, 80px);
grid-template-areas: "title title" "body media";
grid-template-rows: auto 1fr;
place-items: start left;
grid-column-gap: 24px;
grid-row-gap: 3px;
margin-bottom: 24px;
}
.c-card--search .c-card__link {
text-decoration: underline;
}
.c-card--search .c-card__title,
.c-card--search .c-card__body {
grid-column: 1/span 2;
}
@media (max-width: 46.24em) {
.c-card--search .c-card__media::before {
padding-bottom: 100%;
}
.c-card--search .c-card__media ~ .c-card__title,
.c-card--search .c-card__media ~ .c-card__body {
grid-column: 1;
}
}
@media (min-width: 46.25em) {
.c-card--search {
grid-template-areas: "media title" "media body";
grid-template-columns: minMax(auto, 200px) 1fr;
}
.c-card--search .c-card__media ~ .c-card__title,
.c-card--search .c-card__media ~ .c-card__body {
grid-column: 2;
}
}
.c-card--doc {
grid-template-columns: 1fr minMax(auto, 56px);
}
@media (min-width: 46.25em) {
.c-card--doc {
grid-template-columns: minMax(auto, 56px) 1fr;
}
}
.c-list__amount {
color: #FF7D5E;
font-weight: 600;
}
.c-list__item {
padding: var(--list-item--padding, 2px 0);
}
.c-list__subitems {
display: inline-block;
font-weight: normal;
padding-bottom: 12px;
padding-left: 24px;
}
.c-list__summary {
cursor: pointer;
padding: 3px 0;
list-style-type: none;
/* Firefox */
-webkit-text-decoration: var(--list-collapse-summary--text-decoration, underline);
text-decoration: var(--list-collapse-summary--text-decoration, underline);
font-weight: var(--list-collapse-summary--font-weight, normal);
/* Chrome */
}
.c-list__summary::-webkit-details-marker {
display: none;
}
.c-list__summary::marker {
display: none;
}
.c-list__summary::-moz-list-bullet {
list-style-type: none;
display: block;
}
.c-list__summary::before {
content: " ";
border: solid #939faa;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 0 5px 5px 0;
-webkit-transform: var(--list-collapse-before--transform, rotate(-45deg));
transform: var(--list-collapse-before--transform, rotate(-45deg));
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
margin-right: 10px;
}
.c-list--filter .is-active {
font-weight: 600;
}
.c-list--collapse {
--list-item--padding: 2px 0;
}
.c-list--collapse[open] {
--list-collapse-summary--text-decoration: none;
--list-collapse-summary--font-weight: 600;
--list-collapse-before--transform: rotate(45deg) translateY(-3px);
}
.c-search-result__info {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
margin-bottom: 24px;
}
.c-search-result__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 24px;
}
.c-search-result__paging-info {
margin-bottom: 12px;
}
.c-search-top {
padding: 48px 24px;
}
@media (min-width: 46.25em) {
.c-search-top {
padding: 0 48px 48px;
}
}
.c-paging {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 auto;
}
.c-paging__item {
margin: 0 3px;
}
.c-paging__item a,
.c-paging__item button {
width: 35px;
height: 35px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
background-color: #E6E7E8;
line-height: 1;
font-size: 20px;
border-radius: 5px;
}
.c-paging__item a.is-active, .c-paging__item a:focus, .c-paging__item a:hover {
background-color: #353750;
color: #ffff;
}
.c-paging__item:last-child button, .c-paging__item:first-child button {
background-color: transparent;
opacity: 0.6;
margin-top: -1px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.c-paging__item:last-child button:focus, .c-paging__item:last-child button:hover, .c-paging__item:first-child button:focus, .c-paging__item:first-child button:hover {
opacity: 1;
}
.c-paging__item:last-child button[disabled], .c-paging__item:last-child button:disabled, .c-paging__item:first-child button[disabled], .c-paging__item:first-child button:disabled {
pointer-events: none;
opacity: 0.4;
}
.c-paging__item:last-child:last-child button:focus, .c-paging__item:last-child:last-child button:hover, .c-paging__item:first-child:last-child button:focus, .c-paging__item:first-child:last-child button:hover {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
.c-paging__item:last-child:first-child button:focus, .c-paging__item:last-child:first-child button:hover, .c-paging__item:first-child:first-child button:focus, .c-paging__item:first-child:first-child button:hover {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
.c-paging__item:last-child a, .c-paging__item:first-child a {
background-color: transparent;
}
.c-paging__item:last-child a:focus, .c-paging__item:last-child a:hover, .c-paging__item:first-child a:focus, .c-paging__item:first-child a:hover {
background-color: transparent;
}
/* ==========================================================================
#COLORS
========================================================================== */
/**
* Utility classes to put text color and background colors values onto elements. The below loop
* will generate us a suite of classes like:
*
* .u-color-primary {}
* .u-color-gray {}
* .u-bg-color-primary {}
* .u-bg-color-gray {}
*/
/* stylelint-disable string-quotes */
.u-color-brand {
color: #353750 !important;
}
.u-color-brand-invert {
color: #FFF !important;
}
.u-color-accent1 {
color: #D43F3E !important;
}
.u-color-accent2 {
color: #FF7D5E !important;
}
.u-color-accent3 {
color: #FDBA63 !important;
}
.u-color-accent4 {
color: #E3B2AF !important;
}
.u-color-accent5 {
color: #E7E4CF !important;
}
.u-color-accent6 {
color: #B8DFC6 !important;
}
.u-color-gray {
color: #414042 !important;
}
.u-color-gray-light {
color: #A7A9AC !important;
}
.u-color-gray-lighter {
color: #E6E7E8 !important;
}
.u-color-gray-lightest {
color: #F2F2F2 !important;
}
.u-bg-color-brand,
[class*=u-bg-color-] .u-bg-color-brand {
background-color: #353750 !important;
--brand__color-text: #FFFFFF;
--brand__color-title: #353750;
--brand__color-title: #FFFFFF;
}
.u-bg-color-invert,
[class*=u-bg-color-] .u-bg-color-invert {
background-color: #FFF !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-accent1,
[class*=u-bg-color-] .u-bg-color-accent1 {
background-color: #D43F3E !important;
--brand__color-text: #FFFFFF;
--brand__color-title: #353750;
--brand__color-title: #FFFFFF;
}
.u-bg-color-accent2,
[class*=u-bg-color-] .u-bg-color-accent2 {
background-color: #FF7D5E !important;
--brand__color-text: #FFFFFF;
--brand__color-title: #353750;
--brand__color-title: #FFFFFF;
}
.u-bg-color-accent3,
[class*=u-bg-color-] .u-bg-color-accent3 {
background-color: #FDBA63 !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-accent4,
[class*=u-bg-color-] .u-bg-color-accent4 {
background-color: #E3B2AF !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-accent5,
[class*=u-bg-color-] .u-bg-color-accent5 {
background-color: #E7E4CF !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-accent6,
[class*=u-bg-color-] .u-bg-color-accent6 {
background-color: #B8DFC6 !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-gray,
[class*=u-bg-color-] .u-bg-color-gray {
background-color: #414042 !important;
--brand__color-text: #FFFFFF;
--brand__color-title: #353750;
--brand__color-title: #FFFFFF;
}
.u-bg-color-gray-light,
[class*=u-bg-color-] .u-bg-color-gray-light {
background-color: #A7A9AC !important;
--brand__color-text: #FFFFFF;
--brand__color-title: #353750;
--brand__color-title: #FFFFFF;
}
.u-bg-color-gray-lighter,
[class*=u-bg-color-] .u-bg-color-gray-lighter {
background-color: #E6E7E8 !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-gray-lightest,
[class*=u-bg-color-] .u-bg-color-gray-lightest {
background-color: #F2F2F2 !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-component-alternate,
[class*=u-bg-color-] .u-bg-color-component-alternate {
background-color: #E6E7E8 !important;
--brand__color-text: #414042;
--brand__color-title: #353750;
}
.u-bg-color-accent5 {
--brand__color-title: #414042;
}
/* ==========================================================================
#COLORS IE11
========================================================================== */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-brand h1, .u-bg-color-brand h2, .u-bg-color-brand h3, .u-bg-color-brand h4, .u-bg-color-brand h5, .u-bg-color-brand h6, .u-bg-color-brand a:not([class*=c-btn--]), .u-bg-color-brand button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-brand h1,
[class*=u-bg-color-] .u-bg-color-brand h2,
[class*=u-bg-color-] .u-bg-color-brand h3,
[class*=u-bg-color-] .u-bg-color-brand h4,
[class*=u-bg-color-] .u-bg-color-brand h5,
[class*=u-bg-color-] .u-bg-color-brand h6,
[class*=u-bg-color-] .u-bg-color-brand a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-brand button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-brand p, .u-bg-color-brand ol, .u-bg-color-brand ul, .u-bg-color-brand li, .u-bg-color-brand div,
[class*=u-bg-color-] .u-bg-color-brand p,
[class*=u-bg-color-] .u-bg-color-brand ol,
[class*=u-bg-color-] .u-bg-color-brand ul,
[class*=u-bg-color-] .u-bg-color-brand li,
[class*=u-bg-color-] .u-bg-color-brand div {
color: #FFFFFF;
}
.u-bg-color-brand .c-svg,
[class*=u-bg-color-] .u-bg-color-brand .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-brand h1, .u-bg-color-brand h2, .u-bg-color-brand h3, .u-bg-color-brand h4, .u-bg-color-brand h5, .u-bg-color-brand h6, .u-bg-color-brand p, .u-bg-color-brand ol, .u-bg-color-brand ul, .u-bg-color-brand li, .u-bg-color-brand a:not([class*=c-btn--]), .u-bg-color-brand button:not([class*=c-btn--]), .u-bg-color-brand div,
[class*=u-bg-color-] .u-bg-color-brand h1,
[class*=u-bg-color-] .u-bg-color-brand h2,
[class*=u-bg-color-] .u-bg-color-brand h3,
[class*=u-bg-color-] .u-bg-color-brand h4,
[class*=u-bg-color-] .u-bg-color-brand h5,
[class*=u-bg-color-] .u-bg-color-brand h6,
[class*=u-bg-color-] .u-bg-color-brand p,
[class*=u-bg-color-] .u-bg-color-brand ol,
[class*=u-bg-color-] .u-bg-color-brand ul,
[class*=u-bg-color-] .u-bg-color-brand li,
[class*=u-bg-color-] .u-bg-color-brand a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-brand button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-brand div {
color: #FFFFFF;
}
.u-bg-color-brand .c-svg,
[class*=u-bg-color-] .u-bg-color-brand .c-svg {
fill: #FFFFFF;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-invert h1, .u-bg-color-invert h2, .u-bg-color-invert h3, .u-bg-color-invert h4, .u-bg-color-invert h5, .u-bg-color-invert h6, .u-bg-color-invert a:not([class*=c-btn--]), .u-bg-color-invert button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-invert h1,
[class*=u-bg-color-] .u-bg-color-invert h2,
[class*=u-bg-color-] .u-bg-color-invert h3,
[class*=u-bg-color-] .u-bg-color-invert h4,
[class*=u-bg-color-] .u-bg-color-invert h5,
[class*=u-bg-color-] .u-bg-color-invert h6,
[class*=u-bg-color-] .u-bg-color-invert a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-invert button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-invert p, .u-bg-color-invert ol, .u-bg-color-invert ul, .u-bg-color-invert li, .u-bg-color-invert div,
[class*=u-bg-color-] .u-bg-color-invert p,
[class*=u-bg-color-] .u-bg-color-invert ol,
[class*=u-bg-color-] .u-bg-color-invert ul,
[class*=u-bg-color-] .u-bg-color-invert li,
[class*=u-bg-color-] .u-bg-color-invert div {
color: #414042;
}
.u-bg-color-invert .c-svg,
[class*=u-bg-color-] .u-bg-color-invert .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent1 h1, .u-bg-color-accent1 h2, .u-bg-color-accent1 h3, .u-bg-color-accent1 h4, .u-bg-color-accent1 h5, .u-bg-color-accent1 h6, .u-bg-color-accent1 a:not([class*=c-btn--]), .u-bg-color-accent1 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent1 h1,
[class*=u-bg-color-] .u-bg-color-accent1 h2,
[class*=u-bg-color-] .u-bg-color-accent1 h3,
[class*=u-bg-color-] .u-bg-color-accent1 h4,
[class*=u-bg-color-] .u-bg-color-accent1 h5,
[class*=u-bg-color-] .u-bg-color-accent1 h6,
[class*=u-bg-color-] .u-bg-color-accent1 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent1 button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-accent1 p, .u-bg-color-accent1 ol, .u-bg-color-accent1 ul, .u-bg-color-accent1 li, .u-bg-color-accent1 div,
[class*=u-bg-color-] .u-bg-color-accent1 p,
[class*=u-bg-color-] .u-bg-color-accent1 ol,
[class*=u-bg-color-] .u-bg-color-accent1 ul,
[class*=u-bg-color-] .u-bg-color-accent1 li,
[class*=u-bg-color-] .u-bg-color-accent1 div {
color: #FFFFFF;
}
.u-bg-color-accent1 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent1 .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent1 h1, .u-bg-color-accent1 h2, .u-bg-color-accent1 h3, .u-bg-color-accent1 h4, .u-bg-color-accent1 h5, .u-bg-color-accent1 h6, .u-bg-color-accent1 p, .u-bg-color-accent1 ol, .u-bg-color-accent1 ul, .u-bg-color-accent1 li, .u-bg-color-accent1 a:not([class*=c-btn--]), .u-bg-color-accent1 button:not([class*=c-btn--]), .u-bg-color-accent1 div,
[class*=u-bg-color-] .u-bg-color-accent1 h1,
[class*=u-bg-color-] .u-bg-color-accent1 h2,
[class*=u-bg-color-] .u-bg-color-accent1 h3,
[class*=u-bg-color-] .u-bg-color-accent1 h4,
[class*=u-bg-color-] .u-bg-color-accent1 h5,
[class*=u-bg-color-] .u-bg-color-accent1 h6,
[class*=u-bg-color-] .u-bg-color-accent1 p,
[class*=u-bg-color-] .u-bg-color-accent1 ol,
[class*=u-bg-color-] .u-bg-color-accent1 ul,
[class*=u-bg-color-] .u-bg-color-accent1 li,
[class*=u-bg-color-] .u-bg-color-accent1 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent1 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent1 div {
color: #FFFFFF;
}
.u-bg-color-accent1 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent1 .c-svg {
fill: #FFFFFF;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent2 h1, .u-bg-color-accent2 h2, .u-bg-color-accent2 h3, .u-bg-color-accent2 h4, .u-bg-color-accent2 h5, .u-bg-color-accent2 h6, .u-bg-color-accent2 a:not([class*=c-btn--]), .u-bg-color-accent2 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent2 h1,
[class*=u-bg-color-] .u-bg-color-accent2 h2,
[class*=u-bg-color-] .u-bg-color-accent2 h3,
[class*=u-bg-color-] .u-bg-color-accent2 h4,
[class*=u-bg-color-] .u-bg-color-accent2 h5,
[class*=u-bg-color-] .u-bg-color-accent2 h6,
[class*=u-bg-color-] .u-bg-color-accent2 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent2 button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-accent2 p, .u-bg-color-accent2 ol, .u-bg-color-accent2 ul, .u-bg-color-accent2 li, .u-bg-color-accent2 div,
[class*=u-bg-color-] .u-bg-color-accent2 p,
[class*=u-bg-color-] .u-bg-color-accent2 ol,
[class*=u-bg-color-] .u-bg-color-accent2 ul,
[class*=u-bg-color-] .u-bg-color-accent2 li,
[class*=u-bg-color-] .u-bg-color-accent2 div {
color: #FFFFFF;
}
.u-bg-color-accent2 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent2 .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent2 h1, .u-bg-color-accent2 h2, .u-bg-color-accent2 h3, .u-bg-color-accent2 h4, .u-bg-color-accent2 h5, .u-bg-color-accent2 h6, .u-bg-color-accent2 p, .u-bg-color-accent2 ol, .u-bg-color-accent2 ul, .u-bg-color-accent2 li, .u-bg-color-accent2 a:not([class*=c-btn--]), .u-bg-color-accent2 button:not([class*=c-btn--]), .u-bg-color-accent2 div,
[class*=u-bg-color-] .u-bg-color-accent2 h1,
[class*=u-bg-color-] .u-bg-color-accent2 h2,
[class*=u-bg-color-] .u-bg-color-accent2 h3,
[class*=u-bg-color-] .u-bg-color-accent2 h4,
[class*=u-bg-color-] .u-bg-color-accent2 h5,
[class*=u-bg-color-] .u-bg-color-accent2 h6,
[class*=u-bg-color-] .u-bg-color-accent2 p,
[class*=u-bg-color-] .u-bg-color-accent2 ol,
[class*=u-bg-color-] .u-bg-color-accent2 ul,
[class*=u-bg-color-] .u-bg-color-accent2 li,
[class*=u-bg-color-] .u-bg-color-accent2 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent2 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent2 div {
color: #FFFFFF;
}
.u-bg-color-accent2 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent2 .c-svg {
fill: #FFFFFF;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent3 h1, .u-bg-color-accent3 h2, .u-bg-color-accent3 h3, .u-bg-color-accent3 h4, .u-bg-color-accent3 h5, .u-bg-color-accent3 h6, .u-bg-color-accent3 a:not([class*=c-btn--]), .u-bg-color-accent3 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent3 h1,
[class*=u-bg-color-] .u-bg-color-accent3 h2,
[class*=u-bg-color-] .u-bg-color-accent3 h3,
[class*=u-bg-color-] .u-bg-color-accent3 h4,
[class*=u-bg-color-] .u-bg-color-accent3 h5,
[class*=u-bg-color-] .u-bg-color-accent3 h6,
[class*=u-bg-color-] .u-bg-color-accent3 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent3 button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-accent3 p, .u-bg-color-accent3 ol, .u-bg-color-accent3 ul, .u-bg-color-accent3 li, .u-bg-color-accent3 div,
[class*=u-bg-color-] .u-bg-color-accent3 p,
[class*=u-bg-color-] .u-bg-color-accent3 ol,
[class*=u-bg-color-] .u-bg-color-accent3 ul,
[class*=u-bg-color-] .u-bg-color-accent3 li,
[class*=u-bg-color-] .u-bg-color-accent3 div {
color: #414042;
}
.u-bg-color-accent3 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent3 .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent4 h1, .u-bg-color-accent4 h2, .u-bg-color-accent4 h3, .u-bg-color-accent4 h4, .u-bg-color-accent4 h5, .u-bg-color-accent4 h6, .u-bg-color-accent4 a:not([class*=c-btn--]), .u-bg-color-accent4 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent4 h1,
[class*=u-bg-color-] .u-bg-color-accent4 h2,
[class*=u-bg-color-] .u-bg-color-accent4 h3,
[class*=u-bg-color-] .u-bg-color-accent4 h4,
[class*=u-bg-color-] .u-bg-color-accent4 h5,
[class*=u-bg-color-] .u-bg-color-accent4 h6,
[class*=u-bg-color-] .u-bg-color-accent4 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent4 button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-accent4 p, .u-bg-color-accent4 ol, .u-bg-color-accent4 ul, .u-bg-color-accent4 li, .u-bg-color-accent4 div,
[class*=u-bg-color-] .u-bg-color-accent4 p,
[class*=u-bg-color-] .u-bg-color-accent4 ol,
[class*=u-bg-color-] .u-bg-color-accent4 ul,
[class*=u-bg-color-] .u-bg-color-accent4 li,
[class*=u-bg-color-] .u-bg-color-accent4 div {
color: #414042;
}
.u-bg-color-accent4 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent4 .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent5 h1, .u-bg-color-accent5 h2, .u-bg-color-accent5 h3, .u-bg-color-accent5 h4, .u-bg-color-accent5 h5, .u-bg-color-accent5 h6, .u-bg-color-accent5 a:not([class*=c-btn--]), .u-bg-color-accent5 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent5 h1,
[class*=u-bg-color-] .u-bg-color-accent5 h2,
[class*=u-bg-color-] .u-bg-color-accent5 h3,
[class*=u-bg-color-] .u-bg-color-accent5 h4,
[class*=u-bg-color-] .u-bg-color-accent5 h5,
[class*=u-bg-color-] .u-bg-color-accent5 h6,
[class*=u-bg-color-] .u-bg-color-accent5 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent5 button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-accent5 p, .u-bg-color-accent5 ol, .u-bg-color-accent5 ul, .u-bg-color-accent5 li, .u-bg-color-accent5 div,
[class*=u-bg-color-] .u-bg-color-accent5 p,
[class*=u-bg-color-] .u-bg-color-accent5 ol,
[class*=u-bg-color-] .u-bg-color-accent5 ul,
[class*=u-bg-color-] .u-bg-color-accent5 li,
[class*=u-bg-color-] .u-bg-color-accent5 div {
color: #414042;
}
.u-bg-color-accent5 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent5 .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-accent6 h1, .u-bg-color-accent6 h2, .u-bg-color-accent6 h3, .u-bg-color-accent6 h4, .u-bg-color-accent6 h5, .u-bg-color-accent6 h6, .u-bg-color-accent6 a:not([class*=c-btn--]), .u-bg-color-accent6 button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent6 h1,
[class*=u-bg-color-] .u-bg-color-accent6 h2,
[class*=u-bg-color-] .u-bg-color-accent6 h3,
[class*=u-bg-color-] .u-bg-color-accent6 h4,
[class*=u-bg-color-] .u-bg-color-accent6 h5,
[class*=u-bg-color-] .u-bg-color-accent6 h6,
[class*=u-bg-color-] .u-bg-color-accent6 a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-accent6 button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-accent6 p, .u-bg-color-accent6 ol, .u-bg-color-accent6 ul, .u-bg-color-accent6 li, .u-bg-color-accent6 div,
[class*=u-bg-color-] .u-bg-color-accent6 p,
[class*=u-bg-color-] .u-bg-color-accent6 ol,
[class*=u-bg-color-] .u-bg-color-accent6 ul,
[class*=u-bg-color-] .u-bg-color-accent6 li,
[class*=u-bg-color-] .u-bg-color-accent6 div {
color: #414042;
}
.u-bg-color-accent6 .c-svg,
[class*=u-bg-color-] .u-bg-color-accent6 .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-gray h1, .u-bg-color-gray h2, .u-bg-color-gray h3, .u-bg-color-gray h4, .u-bg-color-gray h5, .u-bg-color-gray h6, .u-bg-color-gray a:not([class*=c-btn--]), .u-bg-color-gray button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray h1,
[class*=u-bg-color-] .u-bg-color-gray h2,
[class*=u-bg-color-] .u-bg-color-gray h3,
[class*=u-bg-color-] .u-bg-color-gray h4,
[class*=u-bg-color-] .u-bg-color-gray h5,
[class*=u-bg-color-] .u-bg-color-gray h6,
[class*=u-bg-color-] .u-bg-color-gray a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-gray p, .u-bg-color-gray ol, .u-bg-color-gray ul, .u-bg-color-gray li, .u-bg-color-gray div,
[class*=u-bg-color-] .u-bg-color-gray p,
[class*=u-bg-color-] .u-bg-color-gray ol,
[class*=u-bg-color-] .u-bg-color-gray ul,
[class*=u-bg-color-] .u-bg-color-gray li,
[class*=u-bg-color-] .u-bg-color-gray div {
color: #FFFFFF;
}
.u-bg-color-gray .c-svg,
[class*=u-bg-color-] .u-bg-color-gray .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-gray h1, .u-bg-color-gray h2, .u-bg-color-gray h3, .u-bg-color-gray h4, .u-bg-color-gray h5, .u-bg-color-gray h6, .u-bg-color-gray p, .u-bg-color-gray ol, .u-bg-color-gray ul, .u-bg-color-gray li, .u-bg-color-gray a:not([class*=c-btn--]), .u-bg-color-gray button:not([class*=c-btn--]), .u-bg-color-gray div,
[class*=u-bg-color-] .u-bg-color-gray h1,
[class*=u-bg-color-] .u-bg-color-gray h2,
[class*=u-bg-color-] .u-bg-color-gray h3,
[class*=u-bg-color-] .u-bg-color-gray h4,
[class*=u-bg-color-] .u-bg-color-gray h5,
[class*=u-bg-color-] .u-bg-color-gray h6,
[class*=u-bg-color-] .u-bg-color-gray p,
[class*=u-bg-color-] .u-bg-color-gray ol,
[class*=u-bg-color-] .u-bg-color-gray ul,
[class*=u-bg-color-] .u-bg-color-gray li,
[class*=u-bg-color-] .u-bg-color-gray a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray div {
color: #FFFFFF;
}
.u-bg-color-gray .c-svg,
[class*=u-bg-color-] .u-bg-color-gray .c-svg {
fill: #FFFFFF;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-gray-light h1, .u-bg-color-gray-light h2, .u-bg-color-gray-light h3, .u-bg-color-gray-light h4, .u-bg-color-gray-light h5, .u-bg-color-gray-light h6, .u-bg-color-gray-light a:not([class*=c-btn--]), .u-bg-color-gray-light button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-light h1,
[class*=u-bg-color-] .u-bg-color-gray-light h2,
[class*=u-bg-color-] .u-bg-color-gray-light h3,
[class*=u-bg-color-] .u-bg-color-gray-light h4,
[class*=u-bg-color-] .u-bg-color-gray-light h5,
[class*=u-bg-color-] .u-bg-color-gray-light h6,
[class*=u-bg-color-] .u-bg-color-gray-light a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-light button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-gray-light p, .u-bg-color-gray-light ol, .u-bg-color-gray-light ul, .u-bg-color-gray-light li, .u-bg-color-gray-light div,
[class*=u-bg-color-] .u-bg-color-gray-light p,
[class*=u-bg-color-] .u-bg-color-gray-light ol,
[class*=u-bg-color-] .u-bg-color-gray-light ul,
[class*=u-bg-color-] .u-bg-color-gray-light li,
[class*=u-bg-color-] .u-bg-color-gray-light div {
color: #FFFFFF;
}
.u-bg-color-gray-light .c-svg,
[class*=u-bg-color-] .u-bg-color-gray-light .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-gray-light h1, .u-bg-color-gray-light h2, .u-bg-color-gray-light h3, .u-bg-color-gray-light h4, .u-bg-color-gray-light h5, .u-bg-color-gray-light h6, .u-bg-color-gray-light p, .u-bg-color-gray-light ol, .u-bg-color-gray-light ul, .u-bg-color-gray-light li, .u-bg-color-gray-light a:not([class*=c-btn--]), .u-bg-color-gray-light button:not([class*=c-btn--]), .u-bg-color-gray-light div,
[class*=u-bg-color-] .u-bg-color-gray-light h1,
[class*=u-bg-color-] .u-bg-color-gray-light h2,
[class*=u-bg-color-] .u-bg-color-gray-light h3,
[class*=u-bg-color-] .u-bg-color-gray-light h4,
[class*=u-bg-color-] .u-bg-color-gray-light h5,
[class*=u-bg-color-] .u-bg-color-gray-light h6,
[class*=u-bg-color-] .u-bg-color-gray-light p,
[class*=u-bg-color-] .u-bg-color-gray-light ol,
[class*=u-bg-color-] .u-bg-color-gray-light ul,
[class*=u-bg-color-] .u-bg-color-gray-light li,
[class*=u-bg-color-] .u-bg-color-gray-light a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-light button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-light div {
color: #FFFFFF;
}
.u-bg-color-gray-light .c-svg,
[class*=u-bg-color-] .u-bg-color-gray-light .c-svg {
fill: #FFFFFF;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-gray-lighter h1, .u-bg-color-gray-lighter h2, .u-bg-color-gray-lighter h3, .u-bg-color-gray-lighter h4, .u-bg-color-gray-lighter h5, .u-bg-color-gray-lighter h6, .u-bg-color-gray-lighter a:not([class*=c-btn--]), .u-bg-color-gray-lighter button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-lighter h1,
[class*=u-bg-color-] .u-bg-color-gray-lighter h2,
[class*=u-bg-color-] .u-bg-color-gray-lighter h3,
[class*=u-bg-color-] .u-bg-color-gray-lighter h4,
[class*=u-bg-color-] .u-bg-color-gray-lighter h5,
[class*=u-bg-color-] .u-bg-color-gray-lighter h6,
[class*=u-bg-color-] .u-bg-color-gray-lighter a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-lighter button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-gray-lighter p, .u-bg-color-gray-lighter ol, .u-bg-color-gray-lighter ul, .u-bg-color-gray-lighter li, .u-bg-color-gray-lighter div,
[class*=u-bg-color-] .u-bg-color-gray-lighter p,
[class*=u-bg-color-] .u-bg-color-gray-lighter ol,
[class*=u-bg-color-] .u-bg-color-gray-lighter ul,
[class*=u-bg-color-] .u-bg-color-gray-lighter li,
[class*=u-bg-color-] .u-bg-color-gray-lighter div {
color: #414042;
}
.u-bg-color-gray-lighter .c-svg,
[class*=u-bg-color-] .u-bg-color-gray-lighter .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-gray-lightest h1, .u-bg-color-gray-lightest h2, .u-bg-color-gray-lightest h3, .u-bg-color-gray-lightest h4, .u-bg-color-gray-lightest h5, .u-bg-color-gray-lightest h6, .u-bg-color-gray-lightest a:not([class*=c-btn--]), .u-bg-color-gray-lightest button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-lightest h1,
[class*=u-bg-color-] .u-bg-color-gray-lightest h2,
[class*=u-bg-color-] .u-bg-color-gray-lightest h3,
[class*=u-bg-color-] .u-bg-color-gray-lightest h4,
[class*=u-bg-color-] .u-bg-color-gray-lightest h5,
[class*=u-bg-color-] .u-bg-color-gray-lightest h6,
[class*=u-bg-color-] .u-bg-color-gray-lightest a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-gray-lightest button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-gray-lightest p, .u-bg-color-gray-lightest ol, .u-bg-color-gray-lightest ul, .u-bg-color-gray-lightest li, .u-bg-color-gray-lightest div,
[class*=u-bg-color-] .u-bg-color-gray-lightest p,
[class*=u-bg-color-] .u-bg-color-gray-lightest ol,
[class*=u-bg-color-] .u-bg-color-gray-lightest ul,
[class*=u-bg-color-] .u-bg-color-gray-lightest li,
[class*=u-bg-color-] .u-bg-color-gray-lightest div {
color: #414042;
}
.u-bg-color-gray-lightest .c-svg,
[class*=u-bg-color-] .u-bg-color-gray-lightest .c-svg {
fill: #353750;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.u-bg-color-component-alternate h1, .u-bg-color-component-alternate h2, .u-bg-color-component-alternate h3, .u-bg-color-component-alternate h4, .u-bg-color-component-alternate h5, .u-bg-color-component-alternate h6, .u-bg-color-component-alternate a:not([class*=c-btn--]), .u-bg-color-component-alternate button:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-component-alternate h1,
[class*=u-bg-color-] .u-bg-color-component-alternate h2,
[class*=u-bg-color-] .u-bg-color-component-alternate h3,
[class*=u-bg-color-] .u-bg-color-component-alternate h4,
[class*=u-bg-color-] .u-bg-color-component-alternate h5,
[class*=u-bg-color-] .u-bg-color-component-alternate h6,
[class*=u-bg-color-] .u-bg-color-component-alternate a:not([class*=c-btn--]),
[class*=u-bg-color-] .u-bg-color-component-alternate button:not([class*=c-btn--]) {
color: #353750;
}
.u-bg-color-component-alternate p, .u-bg-color-component-alternate ol, .u-bg-color-component-alternate ul, .u-bg-color-component-alternate li, .u-bg-color-component-alternate div,
[class*=u-bg-color-] .u-bg-color-component-alternate p,
[class*=u-bg-color-] .u-bg-color-component-alternate ol,
[class*=u-bg-color-] .u-bg-color-component-alternate ul,
[class*=u-bg-color-] .u-bg-color-component-alternate li,
[class*=u-bg-color-] .u-bg-color-component-alternate div {
color: #414042;
}
.u-bg-color-component-alternate .c-svg,
[class*=u-bg-color-] .u-bg-color-component-alternate .c-svg {
fill: #353750;
}
}
/* ==========================================================================
#SPACINGS
========================================================================== */
/**
* Utility classes to put specific spacing values onto elements. The below loop
* will generate us a suite of classes like:
*
* .u-margin-top {}
* .u-padding-left-large {}
* .u-margin-right-small {}
* .u-padding {}
* .u-padding-right-none {}
* .u-padding-horizontal {}
* .u-padding-vertical-small {}
*/
.u-padding {
padding: 24px !important;
}
.u-padding-tiny {
padding: 6px !important;
}
.u-padding-small {
padding: 12px !important;
}
.u-padding-large {
padding: 48px !important;
}
.u-padding-huge {
padding: 96px !important;
}
.u-padding-none {
padding: 0 !important;
}
.u-padding-top {
padding-top: 24px !important;
}
.u-padding-top-tiny {
padding-top: 6px !important;
}
.u-padding-top-small {
padding-top: 12px !important;
}
.u-padding-top-large {
padding-top: 48px !important;
}
.u-padding-top-huge {
padding-top: 96px !important;
}
.u-padding-top-none {
padding-top: 0 !important;
}
.u-padding-right {
padding-right: 24px !important;
}
.u-padding-right-tiny {
padding-right: 6px !important;
}
.u-padding-right-small {
padding-right: 12px !important;
}
.u-padding-right-large {
padding-right: 48px !important;
}
.u-padding-right-huge {
padding-right: 96px !important;
}
.u-padding-right-none {
padding-right: 0 !important;
}
.u-padding-bottom {
padding-bottom: 24px !important;
}
.u-padding-bottom-tiny {
padding-bottom: 6px !important;
}
.u-padding-bottom-small {
padding-bottom: 12px !important;
}
.u-padding-bottom-large {
padding-bottom: 48px !important;
}
.u-padding-bottom-huge {
padding-bottom: 96px !important;
}
.u-padding-bottom-none {
padding-bottom: 0 !important;
}
.u-padding-left {
padding-left: 24px !important;
}
.u-padding-left-tiny {
padding-left: 6px !important;
}
.u-padding-left-small {
padding-left: 12px !important;
}
.u-padding-left-large {
padding-left: 48px !important;
}
.u-padding-left-huge {
padding-left: 96px !important;
}
.u-padding-left-none {
padding-left: 0 !important;
}
.u-padding-horizontal {
padding-left: 24px !important;
padding-right: 24px !important;
}
.u-padding-horizontal-tiny {
padding-left: 6px !important;
padding-right: 6px !important;
}
.u-padding-horizontal-small {
padding-left: 12px !important;
padding-right: 12px !important;
}
.u-padding-horizontal-large {
padding-left: 48px !important;
padding-right: 48px !important;
}
.u-padding-horizontal-huge {
padding-left: 96px !important;
padding-right: 96px !important;
}
.u-padding-horizontal-none {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-padding-vertical {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.u-padding-vertical-tiny {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.u-padding-vertical-small {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.u-padding-vertical-large {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.u-padding-vertical-huge {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.u-padding-vertical-none {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-margin {
margin: 24px !important;
}
.u-margin-tiny {
margin: 6px !important;
}
.u-margin-small {
margin: 12px !important;
}
.u-margin-large {
margin: 48px !important;
}
.u-margin-huge {
margin: 96px !important;
}
.u-margin-none {
margin: 0 !important;
}
.u-margin-top {
margin-top: 24px !important;
}
.u-margin-top-tiny {
margin-top: 6px !important;
}
.u-margin-top-small {
margin-top: 12px !important;
}
.u-margin-top-large {
margin-top: 48px !important;
}
.u-margin-top-huge {
margin-top: 96px !important;
}
.u-margin-top-none {
margin-top: 0 !important;
}
.u-margin-right {
margin-right: 24px !important;
}
.u-margin-right-tiny {
margin-right: 6px !important;
}
.u-margin-right-small {
margin-right: 12px !important;
}
.u-margin-right-large {
margin-right: 48px !important;
}
.u-margin-right-huge {
margin-right: 96px !important;
}
.u-margin-right-none {
margin-right: 0 !important;
}
.u-margin-bottom {
margin-bottom: 24px !important;
}
.u-margin-bottom-tiny {
margin-bottom: 6px !important;
}
.u-margin-bottom-small {
margin-bottom: 12px !important;
}
.u-margin-bottom-large {
margin-bottom: 48px !important;
}
.u-margin-bottom-huge {
margin-bottom: 96px !important;
}
.u-margin-bottom-none {
margin-bottom: 0 !important;
}
.u-margin-left {
margin-left: 24px !important;
}
.u-margin-left-tiny {
margin-left: 6px !important;
}
.u-margin-left-small {
margin-left: 12px !important;
}
.u-margin-left-large {
margin-left: 48px !important;
}
.u-margin-left-huge {
margin-left: 96px !important;
}
.u-margin-left-none {
margin-left: 0 !important;
}
.u-margin-horizontal {
margin-left: 24px !important;
margin-right: 24px !important;
}
.u-margin-horizontal-tiny {
margin-left: 6px !important;
margin-right: 6px !important;
}
.u-margin-horizontal-small {
margin-left: 12px !important;
margin-right: 12px !important;
}
.u-margin-horizontal-large {
margin-left: 48px !important;
margin-right: 48px !important;
}
.u-margin-horizontal-huge {
margin-left: 96px !important;
margin-right: 96px !important;
}
.u-margin-horizontal-none {
margin-left: 0 !important;
margin-right: 0 !important;
}
.u-margin-vertical {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.u-margin-vertical-tiny {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.u-margin-vertical-small {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.u-margin-vertical-large {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.u-margin-vertical-huge {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.u-margin-vertical-none {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-padding-top-enormous {
padding-top: 96px;
}
@media (min-width: 46.25em) {
.u-padding-top-enormous {
padding-top: calc(24px * 6);
}
}
/* ==========================================================================
#RESPONSIVE-SPACINGS
========================================================================== */
/**
* Utility classes enhancing the normal spacing classes by adding responsiveness
* to them. By default, there are not responsive spacings defined. You can
* generate responsive spacings by adding entries to the following three Sass
* maps, e.g.:
*
* $inuit-responsive-spacing-directions: (
* null: null,
* bottom: bottom,
* );
*
* $inuit-responsive-spacing-properties: (
* "margin": "margin",
* );
*
* $inuit-responsive-spacing-sizes: (
* "-small": $inuit-global-spacing-unit-small,
* );
*
* This would bring us the following classes:
*
* .u-margin-small@mobile {}
* .u-margin-small@tablet {}
* .u-margin-small@desktop {}
* .u-margin-small@wide {}
* .u-margin-bottom-small@mobile {}
* .u-margin-bottom-small@tablet {}
* .u-margin-bottom-small@desktop {}
* .u-margin-bottom-small@wide {}
*
* You can change the generated CSS classes by further extending the Sass maps.
* If you want every ‘normal’ spacing (those from `utilities.spacings`) also as
* a responsive version, you can just mirror the ‘normal’ spacings:
*
* $inuit-responsive-spacing-directions: $inuit-spacing-directions !default;
*
* $inuit-responsive-spacing-properties: $inuit-spacing-properties !default;
*
* $inuit-responsive-spacing-sizes: $inuit-spacing-sizes !default;
*
* BUT BE AWARE: This can generate a huge chunk of extra CSS, depending on the
* amount of breakpoints you defined. So please check your CSS’ output and
* filesize!
*/
/* stylelint-disable max-nesting-depth */
@media (min-width: 22.5em) {
.u-padding\@mobile {
padding: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding\@tablet {
padding: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding\@desktop {
padding: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding\@large {
padding: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding\@wide {
padding: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding\@huge {
padding: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-tiny\@mobile {
padding: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-tiny\@tablet {
padding: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-tiny\@desktop {
padding: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-tiny\@large {
padding: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-tiny\@wide {
padding: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-tiny\@huge {
padding: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-small\@mobile {
padding: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-small\@tablet {
padding: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-small\@desktop {
padding: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-small\@large {
padding: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-small\@wide {
padding: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-small\@huge {
padding: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-large\@mobile {
padding: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-large\@tablet {
padding: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-large\@desktop {
padding: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-large\@large {
padding: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-large\@wide {
padding: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-large\@huge {
padding: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-huge\@mobile {
padding: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-huge\@tablet {
padding: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-huge\@desktop {
padding: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-huge\@large {
padding: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-huge\@wide {
padding: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-huge\@huge {
padding: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-none\@mobile {
padding: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-none\@tablet {
padding: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-none\@desktop {
padding: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-none\@large {
padding: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-none\@wide {
padding: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-none\@huge {
padding: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-auto\@mobile {
padding: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-auto\@tablet {
padding: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-auto\@desktop {
padding: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-auto\@large {
padding: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-auto\@wide {
padding: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-auto\@huge {
padding: auto !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top\@mobile {
padding-top: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top\@tablet {
padding-top: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top\@desktop {
padding-top: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top\@large {
padding-top: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding-top\@wide {
padding-top: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top\@huge {
padding-top: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top-tiny\@mobile {
padding-top: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top-tiny\@tablet {
padding-top: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top-tiny\@desktop {
padding-top: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top-tiny\@large {
padding-top: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-top-tiny\@wide {
padding-top: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top-tiny\@huge {
padding-top: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top-small\@mobile {
padding-top: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top-small\@tablet {
padding-top: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top-small\@desktop {
padding-top: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top-small\@large {
padding-top: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-top-small\@wide {
padding-top: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top-small\@huge {
padding-top: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top-large\@mobile {
padding-top: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top-large\@tablet {
padding-top: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top-large\@desktop {
padding-top: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top-large\@large {
padding-top: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-top-large\@wide {
padding-top: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top-large\@huge {
padding-top: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top-huge\@mobile {
padding-top: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top-huge\@tablet {
padding-top: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top-huge\@desktop {
padding-top: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top-huge\@large {
padding-top: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-top-huge\@wide {
padding-top: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top-huge\@huge {
padding-top: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top-none\@mobile {
padding-top: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top-none\@tablet {
padding-top: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top-none\@desktop {
padding-top: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top-none\@large {
padding-top: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-top-none\@wide {
padding-top: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top-none\@huge {
padding-top: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-top-auto\@mobile {
padding-top: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-top-auto\@tablet {
padding-top: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-top-auto\@desktop {
padding-top: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-top-auto\@large {
padding-top: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-top-auto\@wide {
padding-top: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-top-auto\@huge {
padding-top: auto !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right\@mobile {
padding-right: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right\@tablet {
padding-right: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right\@desktop {
padding-right: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right\@large {
padding-right: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding-right\@wide {
padding-right: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right\@huge {
padding-right: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right-tiny\@mobile {
padding-right: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right-tiny\@tablet {
padding-right: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right-tiny\@desktop {
padding-right: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right-tiny\@large {
padding-right: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-right-tiny\@wide {
padding-right: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right-tiny\@huge {
padding-right: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right-small\@mobile {
padding-right: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right-small\@tablet {
padding-right: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right-small\@desktop {
padding-right: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right-small\@large {
padding-right: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-right-small\@wide {
padding-right: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right-small\@huge {
padding-right: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right-large\@mobile {
padding-right: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right-large\@tablet {
padding-right: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right-large\@desktop {
padding-right: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right-large\@large {
padding-right: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-right-large\@wide {
padding-right: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right-large\@huge {
padding-right: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right-huge\@mobile {
padding-right: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right-huge\@tablet {
padding-right: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right-huge\@desktop {
padding-right: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right-huge\@large {
padding-right: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-right-huge\@wide {
padding-right: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right-huge\@huge {
padding-right: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right-none\@mobile {
padding-right: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right-none\@tablet {
padding-right: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right-none\@desktop {
padding-right: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right-none\@large {
padding-right: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-right-none\@wide {
padding-right: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right-none\@huge {
padding-right: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-right-auto\@mobile {
padding-right: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-right-auto\@tablet {
padding-right: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-right-auto\@desktop {
padding-right: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-right-auto\@large {
padding-right: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-right-auto\@wide {
padding-right: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-right-auto\@huge {
padding-right: auto !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom\@mobile {
padding-bottom: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom\@tablet {
padding-bottom: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom\@desktop {
padding-bottom: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom\@large {
padding-bottom: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom\@wide {
padding-bottom: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom\@huge {
padding-bottom: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom-tiny\@mobile {
padding-bottom: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom-tiny\@tablet {
padding-bottom: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom-tiny\@desktop {
padding-bottom: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom-tiny\@large {
padding-bottom: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom-tiny\@wide {
padding-bottom: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom-tiny\@huge {
padding-bottom: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom-small\@mobile {
padding-bottom: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom-small\@tablet {
padding-bottom: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom-small\@desktop {
padding-bottom: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom-small\@large {
padding-bottom: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom-small\@wide {
padding-bottom: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom-small\@huge {
padding-bottom: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom-large\@mobile {
padding-bottom: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom-large\@tablet {
padding-bottom: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom-large\@desktop {
padding-bottom: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom-large\@large {
padding-bottom: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom-large\@wide {
padding-bottom: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom-large\@huge {
padding-bottom: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom-huge\@mobile {
padding-bottom: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom-huge\@tablet {
padding-bottom: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom-huge\@desktop {
padding-bottom: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom-huge\@large {
padding-bottom: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom-huge\@wide {
padding-bottom: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom-huge\@huge {
padding-bottom: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom-none\@mobile {
padding-bottom: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom-none\@tablet {
padding-bottom: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom-none\@desktop {
padding-bottom: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom-none\@large {
padding-bottom: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom-none\@wide {
padding-bottom: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom-none\@huge {
padding-bottom: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-bottom-auto\@mobile {
padding-bottom: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-bottom-auto\@tablet {
padding-bottom: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-bottom-auto\@desktop {
padding-bottom: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-bottom-auto\@large {
padding-bottom: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-bottom-auto\@wide {
padding-bottom: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-bottom-auto\@huge {
padding-bottom: auto !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left\@mobile {
padding-left: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left\@tablet {
padding-left: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left\@desktop {
padding-left: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left\@large {
padding-left: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding-left\@wide {
padding-left: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left\@huge {
padding-left: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left-tiny\@mobile {
padding-left: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left-tiny\@tablet {
padding-left: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left-tiny\@desktop {
padding-left: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left-tiny\@large {
padding-left: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-left-tiny\@wide {
padding-left: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left-tiny\@huge {
padding-left: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left-small\@mobile {
padding-left: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left-small\@tablet {
padding-left: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left-small\@desktop {
padding-left: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left-small\@large {
padding-left: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-left-small\@wide {
padding-left: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left-small\@huge {
padding-left: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left-large\@mobile {
padding-left: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left-large\@tablet {
padding-left: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left-large\@desktop {
padding-left: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left-large\@large {
padding-left: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-left-large\@wide {
padding-left: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left-large\@huge {
padding-left: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left-huge\@mobile {
padding-left: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left-huge\@tablet {
padding-left: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left-huge\@desktop {
padding-left: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left-huge\@large {
padding-left: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-left-huge\@wide {
padding-left: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left-huge\@huge {
padding-left: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left-none\@mobile {
padding-left: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left-none\@tablet {
padding-left: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left-none\@desktop {
padding-left: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left-none\@large {
padding-left: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-left-none\@wide {
padding-left: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left-none\@huge {
padding-left: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-left-auto\@mobile {
padding-left: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-left-auto\@tablet {
padding-left: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-left-auto\@desktop {
padding-left: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-left-auto\@large {
padding-left: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-left-auto\@wide {
padding-left: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-left-auto\@huge {
padding-left: auto !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal\@mobile {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal\@tablet {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal\@desktop {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal\@large {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal\@wide {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal\@huge {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal-tiny\@mobile {
padding-left: 6px !important;
padding-right: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal-tiny\@tablet {
padding-left: 6px !important;
padding-right: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal-tiny\@desktop {
padding-left: 6px !important;
padding-right: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal-tiny\@large {
padding-left: 6px !important;
padding-right: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal-tiny\@wide {
padding-left: 6px !important;
padding-right: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal-tiny\@huge {
padding-left: 6px !important;
padding-right: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal-small\@mobile {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal-small\@tablet {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal-small\@desktop {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal-small\@large {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal-small\@wide {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal-small\@huge {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal-large\@mobile {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal-large\@tablet {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal-large\@desktop {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal-large\@large {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal-large\@wide {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal-large\@huge {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal-huge\@mobile {
padding-left: 96px !important;
padding-right: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal-huge\@tablet {
padding-left: 96px !important;
padding-right: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal-huge\@desktop {
padding-left: 96px !important;
padding-right: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal-huge\@large {
padding-left: 96px !important;
padding-right: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal-huge\@wide {
padding-left: 96px !important;
padding-right: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal-huge\@huge {
padding-left: 96px !important;
padding-right: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal-none\@mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal-none\@tablet {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal-none\@desktop {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal-none\@large {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal-none\@wide {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal-none\@huge {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-horizontal-auto\@mobile {
padding-left: auto !important;
padding-right: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-horizontal-auto\@tablet {
padding-left: auto !important;
padding-right: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-horizontal-auto\@desktop {
padding-left: auto !important;
padding-right: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-horizontal-auto\@large {
padding-left: auto !important;
padding-right: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-horizontal-auto\@wide {
padding-left: auto !important;
padding-right: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-horizontal-auto\@huge {
padding-left: auto !important;
padding-right: auto !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical\@mobile {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical\@tablet {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical\@desktop {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical\@large {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical\@wide {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical\@huge {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical-tiny\@mobile {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical-tiny\@tablet {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical-tiny\@desktop {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical-tiny\@large {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical-tiny\@wide {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical-tiny\@huge {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical-small\@mobile {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical-small\@tablet {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical-small\@desktop {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical-small\@large {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical-small\@wide {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical-small\@huge {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical-large\@mobile {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical-large\@tablet {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical-large\@desktop {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical-large\@large {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical-large\@wide {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical-large\@huge {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical-huge\@mobile {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical-huge\@tablet {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical-huge\@desktop {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical-huge\@large {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical-huge\@wide {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical-huge\@huge {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical-none\@mobile {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical-none\@tablet {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical-none\@desktop {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical-none\@large {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical-none\@wide {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical-none\@huge {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-padding-vertical-auto\@mobile {
padding-top: auto !important;
padding-bottom: auto !important;
}
}
@media (min-width: 46.25em) {
.u-padding-vertical-auto\@tablet {
padding-top: auto !important;
padding-bottom: auto !important;
}
}
@media (min-width: 61.25em) {
.u-padding-vertical-auto\@desktop {
padding-top: auto !important;
padding-bottom: auto !important;
}
}
@media (min-width: 78.75em) {
.u-padding-vertical-auto\@large {
padding-top: auto !important;
padding-bottom: auto !important;
}
}
@media (min-width: 100em) {
.u-padding-vertical-auto\@wide {
padding-top: auto !important;
padding-bottom: auto !important;
}
}
@media (min-width: 112.5em) {
.u-padding-vertical-auto\@huge {
padding-top: auto !important;
padding-bottom: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin\@mobile {
margin: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin\@tablet {
margin: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin\@desktop {
margin: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin\@large {
margin: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin\@wide {
margin: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin\@huge {
margin: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-tiny\@mobile {
margin: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-tiny\@tablet {
margin: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-tiny\@desktop {
margin: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-tiny\@large {
margin: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-tiny\@wide {
margin: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-tiny\@huge {
margin: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-small\@mobile {
margin: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-small\@tablet {
margin: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-small\@desktop {
margin: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-small\@large {
margin: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-small\@wide {
margin: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-small\@huge {
margin: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-large\@mobile {
margin: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-large\@tablet {
margin: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-large\@desktop {
margin: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-large\@large {
margin: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-large\@wide {
margin: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-large\@huge {
margin: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-huge\@mobile {
margin: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-huge\@tablet {
margin: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-huge\@desktop {
margin: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-huge\@large {
margin: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-huge\@wide {
margin: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-huge\@huge {
margin: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-none\@mobile {
margin: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-none\@tablet {
margin: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-none\@desktop {
margin: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-none\@large {
margin: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-none\@wide {
margin: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-none\@huge {
margin: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-auto\@mobile {
margin: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-auto\@tablet {
margin: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-auto\@desktop {
margin: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-auto\@large {
margin: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-auto\@wide {
margin: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-auto\@huge {
margin: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top\@mobile {
margin-top: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top\@tablet {
margin-top: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top\@desktop {
margin-top: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top\@large {
margin-top: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin-top\@wide {
margin-top: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top\@huge {
margin-top: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top-tiny\@mobile {
margin-top: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top-tiny\@tablet {
margin-top: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top-tiny\@desktop {
margin-top: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top-tiny\@large {
margin-top: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-top-tiny\@wide {
margin-top: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top-tiny\@huge {
margin-top: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top-small\@mobile {
margin-top: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top-small\@tablet {
margin-top: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top-small\@desktop {
margin-top: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top-small\@large {
margin-top: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-top-small\@wide {
margin-top: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top-small\@huge {
margin-top: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top-large\@mobile {
margin-top: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top-large\@tablet {
margin-top: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top-large\@desktop {
margin-top: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top-large\@large {
margin-top: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-top-large\@wide {
margin-top: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top-large\@huge {
margin-top: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top-huge\@mobile {
margin-top: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top-huge\@tablet {
margin-top: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top-huge\@desktop {
margin-top: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top-huge\@large {
margin-top: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-top-huge\@wide {
margin-top: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top-huge\@huge {
margin-top: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top-none\@mobile {
margin-top: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top-none\@tablet {
margin-top: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top-none\@desktop {
margin-top: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top-none\@large {
margin-top: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-top-none\@wide {
margin-top: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top-none\@huge {
margin-top: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-top-auto\@mobile {
margin-top: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-top-auto\@tablet {
margin-top: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-top-auto\@desktop {
margin-top: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-top-auto\@large {
margin-top: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-top-auto\@wide {
margin-top: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-top-auto\@huge {
margin-top: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right\@mobile {
margin-right: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right\@tablet {
margin-right: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right\@desktop {
margin-right: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right\@large {
margin-right: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin-right\@wide {
margin-right: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right\@huge {
margin-right: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right-tiny\@mobile {
margin-right: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right-tiny\@tablet {
margin-right: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right-tiny\@desktop {
margin-right: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right-tiny\@large {
margin-right: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-right-tiny\@wide {
margin-right: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right-tiny\@huge {
margin-right: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right-small\@mobile {
margin-right: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right-small\@tablet {
margin-right: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right-small\@desktop {
margin-right: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right-small\@large {
margin-right: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-right-small\@wide {
margin-right: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right-small\@huge {
margin-right: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right-large\@mobile {
margin-right: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right-large\@tablet {
margin-right: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right-large\@desktop {
margin-right: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right-large\@large {
margin-right: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-right-large\@wide {
margin-right: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right-large\@huge {
margin-right: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right-huge\@mobile {
margin-right: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right-huge\@tablet {
margin-right: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right-huge\@desktop {
margin-right: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right-huge\@large {
margin-right: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-right-huge\@wide {
margin-right: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right-huge\@huge {
margin-right: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right-none\@mobile {
margin-right: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right-none\@tablet {
margin-right: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right-none\@desktop {
margin-right: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right-none\@large {
margin-right: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-right-none\@wide {
margin-right: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right-none\@huge {
margin-right: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-right-auto\@mobile {
margin-right: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-right-auto\@tablet {
margin-right: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-right-auto\@desktop {
margin-right: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-right-auto\@large {
margin-right: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-right-auto\@wide {
margin-right: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-right-auto\@huge {
margin-right: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom\@mobile {
margin-bottom: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom\@tablet {
margin-bottom: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom\@desktop {
margin-bottom: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom\@large {
margin-bottom: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom\@wide {
margin-bottom: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom\@huge {
margin-bottom: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom-tiny\@mobile {
margin-bottom: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom-tiny\@tablet {
margin-bottom: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom-tiny\@desktop {
margin-bottom: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom-tiny\@large {
margin-bottom: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom-tiny\@wide {
margin-bottom: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom-tiny\@huge {
margin-bottom: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom-small\@mobile {
margin-bottom: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom-small\@tablet {
margin-bottom: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom-small\@desktop {
margin-bottom: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom-small\@large {
margin-bottom: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom-small\@wide {
margin-bottom: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom-small\@huge {
margin-bottom: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom-large\@mobile {
margin-bottom: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom-large\@tablet {
margin-bottom: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom-large\@desktop {
margin-bottom: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom-large\@large {
margin-bottom: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom-large\@wide {
margin-bottom: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom-large\@huge {
margin-bottom: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom-huge\@mobile {
margin-bottom: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom-huge\@tablet {
margin-bottom: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom-huge\@desktop {
margin-bottom: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom-huge\@large {
margin-bottom: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom-huge\@wide {
margin-bottom: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom-huge\@huge {
margin-bottom: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom-none\@mobile {
margin-bottom: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom-none\@tablet {
margin-bottom: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom-none\@desktop {
margin-bottom: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom-none\@large {
margin-bottom: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom-none\@wide {
margin-bottom: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom-none\@huge {
margin-bottom: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-bottom-auto\@mobile {
margin-bottom: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-bottom-auto\@tablet {
margin-bottom: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-bottom-auto\@desktop {
margin-bottom: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-bottom-auto\@large {
margin-bottom: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-bottom-auto\@wide {
margin-bottom: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-bottom-auto\@huge {
margin-bottom: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left\@mobile {
margin-left: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left\@tablet {
margin-left: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left\@desktop {
margin-left: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left\@large {
margin-left: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin-left\@wide {
margin-left: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left\@huge {
margin-left: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left-tiny\@mobile {
margin-left: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left-tiny\@tablet {
margin-left: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left-tiny\@desktop {
margin-left: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left-tiny\@large {
margin-left: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-left-tiny\@wide {
margin-left: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left-tiny\@huge {
margin-left: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left-small\@mobile {
margin-left: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left-small\@tablet {
margin-left: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left-small\@desktop {
margin-left: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left-small\@large {
margin-left: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-left-small\@wide {
margin-left: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left-small\@huge {
margin-left: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left-large\@mobile {
margin-left: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left-large\@tablet {
margin-left: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left-large\@desktop {
margin-left: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left-large\@large {
margin-left: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-left-large\@wide {
margin-left: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left-large\@huge {
margin-left: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left-huge\@mobile {
margin-left: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left-huge\@tablet {
margin-left: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left-huge\@desktop {
margin-left: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left-huge\@large {
margin-left: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-left-huge\@wide {
margin-left: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left-huge\@huge {
margin-left: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left-none\@mobile {
margin-left: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left-none\@tablet {
margin-left: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left-none\@desktop {
margin-left: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left-none\@large {
margin-left: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-left-none\@wide {
margin-left: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left-none\@huge {
margin-left: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-left-auto\@mobile {
margin-left: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-left-auto\@tablet {
margin-left: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-left-auto\@desktop {
margin-left: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-left-auto\@large {
margin-left: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-left-auto\@wide {
margin-left: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-left-auto\@huge {
margin-left: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal\@mobile {
margin-left: 24px !important;
margin-right: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal\@tablet {
margin-left: 24px !important;
margin-right: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal\@desktop {
margin-left: 24px !important;
margin-right: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal\@large {
margin-left: 24px !important;
margin-right: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal\@wide {
margin-left: 24px !important;
margin-right: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal\@huge {
margin-left: 24px !important;
margin-right: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal-tiny\@mobile {
margin-left: 6px !important;
margin-right: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal-tiny\@tablet {
margin-left: 6px !important;
margin-right: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal-tiny\@desktop {
margin-left: 6px !important;
margin-right: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal-tiny\@large {
margin-left: 6px !important;
margin-right: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal-tiny\@wide {
margin-left: 6px !important;
margin-right: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal-tiny\@huge {
margin-left: 6px !important;
margin-right: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal-small\@mobile {
margin-left: 12px !important;
margin-right: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal-small\@tablet {
margin-left: 12px !important;
margin-right: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal-small\@desktop {
margin-left: 12px !important;
margin-right: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal-small\@large {
margin-left: 12px !important;
margin-right: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal-small\@wide {
margin-left: 12px !important;
margin-right: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal-small\@huge {
margin-left: 12px !important;
margin-right: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal-large\@mobile {
margin-left: 48px !important;
margin-right: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal-large\@tablet {
margin-left: 48px !important;
margin-right: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal-large\@desktop {
margin-left: 48px !important;
margin-right: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal-large\@large {
margin-left: 48px !important;
margin-right: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal-large\@wide {
margin-left: 48px !important;
margin-right: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal-large\@huge {
margin-left: 48px !important;
margin-right: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal-huge\@mobile {
margin-left: 96px !important;
margin-right: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal-huge\@tablet {
margin-left: 96px !important;
margin-right: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal-huge\@desktop {
margin-left: 96px !important;
margin-right: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal-huge\@large {
margin-left: 96px !important;
margin-right: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal-huge\@wide {
margin-left: 96px !important;
margin-right: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal-huge\@huge {
margin-left: 96px !important;
margin-right: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal-none\@mobile {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal-none\@tablet {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal-none\@desktop {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal-none\@large {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal-none\@wide {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal-none\@huge {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-horizontal-auto\@mobile {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-horizontal-auto\@tablet {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-horizontal-auto\@desktop {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-horizontal-auto\@large {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-horizontal-auto\@wide {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-horizontal-auto\@huge {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical\@mobile {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical\@tablet {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical\@desktop {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical\@large {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical\@wide {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical\@huge {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical-tiny\@mobile {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical-tiny\@tablet {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical-tiny\@desktop {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical-tiny\@large {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical-tiny\@wide {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical-tiny\@huge {
margin-top: 6px !important;
margin-bottom: 6px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical-small\@mobile {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical-small\@tablet {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical-small\@desktop {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical-small\@large {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical-small\@wide {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical-small\@huge {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical-large\@mobile {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical-large\@tablet {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical-large\@desktop {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical-large\@large {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical-large\@wide {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical-large\@huge {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical-huge\@mobile {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical-huge\@tablet {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical-huge\@desktop {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical-huge\@large {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical-huge\@wide {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical-huge\@huge {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical-none\@mobile {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical-none\@tablet {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical-none\@desktop {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical-none\@large {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical-none\@wide {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical-none\@huge {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 22.5em) {
.u-margin-vertical-auto\@mobile {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 46.25em) {
.u-margin-vertical-auto\@tablet {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 61.25em) {
.u-margin-vertical-auto\@desktop {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 78.75em) {
.u-margin-vertical-auto\@large {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 100em) {
.u-margin-vertical-auto\@wide {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 112.5em) {
.u-margin-vertical-auto\@huge {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
/* stylelint-enable max-nesting-depth */
.u-txt-upper {
text-transform: uppercase !important;
}
.u-txt-lower {
text-transform: lowercase !important;
}
.u-txt-center {
text-align: center !important;
}
.u-txt-right {
text-align: right !important;
}
.u-txt-left {
text-align: left !important;
}
.u-txt-justify {
text-align: justify !important;
text-justify: inter-word !important;
}
.u-underline-none {
text-decoration: none !important;
}
.u-txt-underline {
text-decoration: underline;
}
.u-txt-italic {
font-style: italic;
}
.u-txt-nowrap {
white-space: nowrap;
}
/* ==========================================================================
#WIDTHS
========================================================================== */
/**
* inuitcss generates a series of utility classes that give a fluid width to
* whichever element they’re applied, e.g.:
*
*
![]()
*
* These classes are most commonly used in conjunction with our layout system,
* e.g.:
*
*
*
* By default, inuitcss will also generate responsive variants of each of these
* classes by using your Sass MQ configuration, e.g.:
*
*
*
* Optionally, inuitcss can generate offset classes which can push and pull
* elements left and right by a specified amount, e.g.:
*
*
*
* This is useful for making very granular changes to the rendered order of
* items in a layout.
*
* N.B. This option is turned off by default.
*/
/**
* A series of width helper classes that you can use to size things like grid
* systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
* your markup:
*
*
*
* The following will generate widths helper classes based on the fractions
* defined in the `$inuit-fractions` list.
*/
.u-1\/1 {
width: 100% !important;
}
.u-1\/2 {
width: 50% !important;
}
.u-2\/2 {
width: 100% !important;
}
.u-1\/3 {
width: 33.3333333333% !important;
}
.u-2\/3 {
width: 66.6666666667% !important;
}
.u-3\/3 {
width: 100% !important;
}
.u-1\/4 {
width: 25% !important;
}
.u-2\/4 {
width: 50% !important;
}
.u-3\/4 {
width: 75% !important;
}
.u-4\/4 {
width: 100% !important;
}
.u-1\/5 {
width: 20% !important;
}
.u-2\/5 {
width: 40% !important;
}
.u-3\/5 {
width: 60% !important;
}
.u-4\/5 {
width: 80% !important;
}
.u-5\/5 {
width: 100% !important;
}
.u-1\/6 {
width: 16.6666666667% !important;
}
.u-2\/6 {
width: 33.3333333333% !important;
}
.u-3\/6 {
width: 50% !important;
}
.u-4\/6 {
width: 66.6666666667% !important;
}
.u-5\/6 {
width: 83.3333333333% !important;
}
.u-6\/6 {
width: 100% !important;
}
/**
* If we’re using Sass-MQ, automatically generate grid system(s) for each of our
* defined breakpoints, and give them a Responsive Suffix, e.g.:
*
*
*/
@media (min-width: 22.5em) {
.u-1\/1\@mobile {
width: 100% !important;
}
.u-1\/2\@mobile {
width: 50% !important;
}
.u-2\/2\@mobile {
width: 100% !important;
}
.u-1\/3\@mobile {
width: 33.3333333333% !important;
}
.u-2\/3\@mobile {
width: 66.6666666667% !important;
}
.u-3\/3\@mobile {
width: 100% !important;
}
.u-1\/4\@mobile {
width: 25% !important;
}
.u-2\/4\@mobile {
width: 50% !important;
}
.u-3\/4\@mobile {
width: 75% !important;
}
.u-4\/4\@mobile {
width: 100% !important;
}
.u-1\/5\@mobile {
width: 20% !important;
}
.u-2\/5\@mobile {
width: 40% !important;
}
.u-3\/5\@mobile {
width: 60% !important;
}
.u-4\/5\@mobile {
width: 80% !important;
}
.u-5\/5\@mobile {
width: 100% !important;
}
.u-1\/6\@mobile {
width: 16.6666666667% !important;
}
.u-2\/6\@mobile {
width: 33.3333333333% !important;
}
.u-3\/6\@mobile {
width: 50% !important;
}
.u-4\/6\@mobile {
width: 66.6666666667% !important;
}
.u-5\/6\@mobile {
width: 83.3333333333% !important;
}
.u-6\/6\@mobile {
width: 100% !important;
}
}
@media (min-width: 46.25em) {
.u-1\/1\@tablet {
width: 100% !important;
}
.u-1\/2\@tablet {
width: 50% !important;
}
.u-2\/2\@tablet {
width: 100% !important;
}
.u-1\/3\@tablet {
width: 33.3333333333% !important;
}
.u-2\/3\@tablet {
width: 66.6666666667% !important;
}
.u-3\/3\@tablet {
width: 100% !important;
}
.u-1\/4\@tablet {
width: 25% !important;
}
.u-2\/4\@tablet {
width: 50% !important;
}
.u-3\/4\@tablet {
width: 75% !important;
}
.u-4\/4\@tablet {
width: 100% !important;
}
.u-1\/5\@tablet {
width: 20% !important;
}
.u-2\/5\@tablet {
width: 40% !important;
}
.u-3\/5\@tablet {
width: 60% !important;
}
.u-4\/5\@tablet {
width: 80% !important;
}
.u-5\/5\@tablet {
width: 100% !important;
}
.u-1\/6\@tablet {
width: 16.6666666667% !important;
}
.u-2\/6\@tablet {
width: 33.3333333333% !important;
}
.u-3\/6\@tablet {
width: 50% !important;
}
.u-4\/6\@tablet {
width: 66.6666666667% !important;
}
.u-5\/6\@tablet {
width: 83.3333333333% !important;
}
.u-6\/6\@tablet {
width: 100% !important;
}
}
@media (min-width: 61.25em) {
.u-1\/1\@desktop {
width: 100% !important;
}
.u-1\/2\@desktop {
width: 50% !important;
}
.u-2\/2\@desktop {
width: 100% !important;
}
.u-1\/3\@desktop {
width: 33.3333333333% !important;
}
.u-2\/3\@desktop {
width: 66.6666666667% !important;
}
.u-3\/3\@desktop {
width: 100% !important;
}
.u-1\/4\@desktop {
width: 25% !important;
}
.u-2\/4\@desktop {
width: 50% !important;
}
.u-3\/4\@desktop {
width: 75% !important;
}
.u-4\/4\@desktop {
width: 100% !important;
}
.u-1\/5\@desktop {
width: 20% !important;
}
.u-2\/5\@desktop {
width: 40% !important;
}
.u-3\/5\@desktop {
width: 60% !important;
}
.u-4\/5\@desktop {
width: 80% !important;
}
.u-5\/5\@desktop {
width: 100% !important;
}
.u-1\/6\@desktop {
width: 16.6666666667% !important;
}
.u-2\/6\@desktop {
width: 33.3333333333% !important;
}
.u-3\/6\@desktop {
width: 50% !important;
}
.u-4\/6\@desktop {
width: 66.6666666667% !important;
}
.u-5\/6\@desktop {
width: 83.3333333333% !important;
}
.u-6\/6\@desktop {
width: 100% !important;
}
}
@media (min-width: 78.75em) {
.u-1\/1\@large {
width: 100% !important;
}
.u-1\/2\@large {
width: 50% !important;
}
.u-2\/2\@large {
width: 100% !important;
}
.u-1\/3\@large {
width: 33.3333333333% !important;
}
.u-2\/3\@large {
width: 66.6666666667% !important;
}
.u-3\/3\@large {
width: 100% !important;
}
.u-1\/4\@large {
width: 25% !important;
}
.u-2\/4\@large {
width: 50% !important;
}
.u-3\/4\@large {
width: 75% !important;
}
.u-4\/4\@large {
width: 100% !important;
}
.u-1\/5\@large {
width: 20% !important;
}
.u-2\/5\@large {
width: 40% !important;
}
.u-3\/5\@large {
width: 60% !important;
}
.u-4\/5\@large {
width: 80% !important;
}
.u-5\/5\@large {
width: 100% !important;
}
.u-1\/6\@large {
width: 16.6666666667% !important;
}
.u-2\/6\@large {
width: 33.3333333333% !important;
}
.u-3\/6\@large {
width: 50% !important;
}
.u-4\/6\@large {
width: 66.6666666667% !important;
}
.u-5\/6\@large {
width: 83.3333333333% !important;
}
.u-6\/6\@large {
width: 100% !important;
}
}
@media (min-width: 100em) {
.u-1\/1\@wide {
width: 100% !important;
}
.u-1\/2\@wide {
width: 50% !important;
}
.u-2\/2\@wide {
width: 100% !important;
}
.u-1\/3\@wide {
width: 33.3333333333% !important;
}
.u-2\/3\@wide {
width: 66.6666666667% !important;
}
.u-3\/3\@wide {
width: 100% !important;
}
.u-1\/4\@wide {
width: 25% !important;
}
.u-2\/4\@wide {
width: 50% !important;
}
.u-3\/4\@wide {
width: 75% !important;
}
.u-4\/4\@wide {
width: 100% !important;
}
.u-1\/5\@wide {
width: 20% !important;
}
.u-2\/5\@wide {
width: 40% !important;
}
.u-3\/5\@wide {
width: 60% !important;
}
.u-4\/5\@wide {
width: 80% !important;
}
.u-5\/5\@wide {
width: 100% !important;
}
.u-1\/6\@wide {
width: 16.6666666667% !important;
}
.u-2\/6\@wide {
width: 33.3333333333% !important;
}
.u-3\/6\@wide {
width: 50% !important;
}
.u-4\/6\@wide {
width: 66.6666666667% !important;
}
.u-5\/6\@wide {
width: 83.3333333333% !important;
}
.u-6\/6\@wide {
width: 100% !important;
}
}
@media (min-width: 112.5em) {
.u-1\/1\@huge {
width: 100% !important;
}
.u-1\/2\@huge {
width: 50% !important;
}
.u-2\/2\@huge {
width: 100% !important;
}
.u-1\/3\@huge {
width: 33.3333333333% !important;
}
.u-2\/3\@huge {
width: 66.6666666667% !important;
}
.u-3\/3\@huge {
width: 100% !important;
}
.u-1\/4\@huge {
width: 25% !important;
}
.u-2\/4\@huge {
width: 50% !important;
}
.u-3\/4\@huge {
width: 75% !important;
}
.u-4\/4\@huge {
width: 100% !important;
}
.u-1\/5\@huge {
width: 20% !important;
}
.u-2\/5\@huge {
width: 40% !important;
}
.u-3\/5\@huge {
width: 60% !important;
}
.u-4\/5\@huge {
width: 80% !important;
}
.u-5\/5\@huge {
width: 100% !important;
}
.u-1\/6\@huge {
width: 16.6666666667% !important;
}
.u-2\/6\@huge {
width: 33.3333333333% !important;
}
.u-3\/6\@huge {
width: 50% !important;
}
.u-4\/6\@huge {
width: 66.6666666667% !important;
}
.u-5\/6\@huge {
width: 83.3333333333% !important;
}
.u-6\/6\@huge {
width: 100% !important;
}
}
/* ==========================================================================
#HEADINGS
========================================================================== */
/**
* Redefine all of our basic heading styles against utility classes so as to
* allow for double stranded heading hierarchy, e.g. we semantically need an H2,
* but we want it to be sized like an H1:
*
*
*
*/
.u-h1 {
font-size: 36px !important;
font-size: 2.25rem !important;
line-height: 1.1666666667 !important;
}
.u-h2 {
font-size: 28px !important;
font-size: 1.75rem !important;
line-height: 1.2857142857 !important;
}
.u-h3 {
font-size: 24px !important;
font-size: 1.5rem !important;
line-height: 1.25 !important;
}
.u-h4 {
font-size: 20px !important;
font-size: 1.25rem !important;
line-height: 1.5 !important;
}
.u-h5 {
font-size: 18px !important;
font-size: 1.125rem !important;
line-height: 1.3333333333 !important;
}
.u-h6 {
font-size: 16px !important;
font-size: 1rem !important;
line-height: 1.5 !important;
}
@media (min-width: 22.5em) {
.u-hide-mobile {
display: none !important;
}
}
@media (max-width: 22.49em) {
.u-hide-until-mobile {
display: none !important;
}
}
@media (min-width: 46.25em) {
.u-hide-tablet {
display: none !important;
}
}
@media (max-width: 46.24em) {
.u-hide-until-tablet {
display: none !important;
}
}
@media (min-width: 61.25em) {
.u-hide-desktop {
display: none !important;
}
}
@media (max-width: 61.24em) {
.u-hide-until-desktop {
display: none !important;
}
}
@media (min-width: 78.75em) {
.u-hide-large {
display: none !important;
}
}
@media (max-width: 78.74em) {
.u-hide-until-large {
display: none !important;
}
}
@media (min-width: 100em) {
.u-hide-wide {
display: none !important;
}
}
@media (max-width: 99.99em) {
.u-hide-until-wide {
display: none !important;
}
}
@media (min-width: 112.5em) {
.u-hide-huge {
display: none !important;
}
}
@media (max-width: 112.49em) {
.u-hide-until-huge {
display: none !important;
}
}
.u-show {
display: block;
}
.u-scroll-none\@mobile {
position: fixed;
height: 100%;
overflow-y: hidden;
overflow-x: hidden;
}
@media (min-width: 61.25em) {
.u-scroll-none\@mobile {
overflow-y: unset;
overflow-x: unset;
position: relative;
height: auto;
}
}