html,body {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
width: 100%;
min-width: 100%;
overflow-x: hidden;
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
.aos-enabled [data-aos][data-aos][data-aos-duration="50"],
.aos-enabled[data-aos-duration="50"] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms
}
.aos-enabled [data-aos][data-aos][data-aos-delay="50"],
.aos-enabled[data-aos-delay="50"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="50"].aos-animate,
.aos-enabled[data-aos-delay="50"] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms
}
.aos-enabled [data-aos][data-aos][data-aos-duration="100"],
.aos-enabled[data-aos-duration="100"] [data-aos] {
-webkit-transition-duration: .1s;
transition-duration: .1s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="100"],
.aos-enabled[data-aos-delay="100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="100"].aos-animate,
.aos-enabled[data-aos-delay="100"] [data-aos].aos-animate {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="150"],
.aos-enabled[data-aos-duration="150"] [data-aos] {
-webkit-transition-duration: .15s;
transition-duration: .15s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="150"],
.aos-enabled[data-aos-delay="150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="150"].aos-animate,
.aos-enabled[data-aos-delay="150"] [data-aos].aos-animate {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="200"],
.aos-enabled[data-aos-duration="200"] [data-aos] {
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="200"],
.aos-enabled[data-aos-delay="200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="200"].aos-animate,
.aos-enabled[data-aos-delay="200"] [data-aos].aos-animate {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="250"],
.aos-enabled[data-aos-duration="250"] [data-aos] {
-webkit-transition-duration: .25s;
transition-duration: .25s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="250"],
.aos-enabled[data-aos-delay="250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="250"].aos-animate,
.aos-enabled[data-aos-delay="250"] [data-aos].aos-animate {
-webkit-transition-delay: .25s;
transition-delay: .25s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="300"],
.aos-enabled[data-aos-duration="300"] [data-aos] {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="300"],
.aos-enabled[data-aos-delay="300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="300"].aos-animate,
.aos-enabled[data-aos-delay="300"] [data-aos].aos-animate {
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="350"],
.aos-enabled[data-aos-duration="350"] [data-aos] {
-webkit-transition-duration: .35s;
transition-duration: .35s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="350"],
.aos-enabled[data-aos-delay="350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="350"].aos-animate,
.aos-enabled[data-aos-delay="350"] [data-aos].aos-animate {
-webkit-transition-delay: .35s;
transition-delay: .35s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="400"],
.aos-enabled[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: .4s;
transition-duration: .4s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="400"],
.aos-enabled[data-aos-delay="400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="400"].aos-animate,
.aos-enabled[data-aos-delay="400"] [data-aos].aos-animate {
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="450"],
.aos-enabled[data-aos-duration="450"] [data-aos] {
-webkit-transition-duration: .45s;
transition-duration: .45s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="450"],
.aos-enabled[data-aos-delay="450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="450"].aos-animate,
.aos-enabled[data-aos-delay="450"] [data-aos].aos-animate {
-webkit-transition-delay: .45s;
transition-delay: .45s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="500"],
.aos-enabled[data-aos-duration="500"] [data-aos] {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="500"],
.aos-enabled[data-aos-delay="500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="500"].aos-animate,
.aos-enabled[data-aos-delay="500"] [data-aos].aos-animate {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="550"],
.aos-enabled[data-aos-duration="550"] [data-aos] {
-webkit-transition-duration: .55s;
transition-duration: .55s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="550"],
.aos-enabled[data-aos-delay="550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="550"].aos-animate,
.aos-enabled[data-aos-delay="550"] [data-aos].aos-animate {
-webkit-transition-delay: .55s;
transition-delay: .55s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="600"],
.aos-enabled[data-aos-duration="600"] [data-aos] {
-webkit-transition-duration: .6s;
transition-duration: .6s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="600"],
.aos-enabled[data-aos-delay="600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="600"].aos-animate,
.aos-enabled[data-aos-delay="600"] [data-aos].aos-animate {
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="650"],
.aos-enabled[data-aos-duration="650"] [data-aos] {
-webkit-transition-duration: .65s;
transition-duration: .65s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="650"],
.aos-enabled[data-aos-delay="650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="650"].aos-animate,
.aos-enabled[data-aos-delay="650"] [data-aos].aos-animate {
-webkit-transition-delay: .65s;
transition-delay: .65s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="700"],
.aos-enabled[data-aos-duration="700"] [data-aos] {
-webkit-transition-duration: .7s;
transition-duration: .7s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="700"],
.aos-enabled[data-aos-delay="700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="700"].aos-animate,
.aos-enabled[data-aos-delay="700"] [data-aos].aos-animate {
-webkit-transition-delay: .7s;
transition-delay: .7s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="750"],
.aos-enabled[data-aos-duration="750"] [data-aos] {
-webkit-transition-duration: .75s;
transition-duration: .75s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="750"],
.aos-enabled[data-aos-delay="750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="750"].aos-animate,
.aos-enabled[data-aos-delay="750"] [data-aos].aos-animate {
-webkit-transition-delay: .75s;
transition-delay: .75s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="800"],
.aos-enabled[data-aos-duration="800"] [data-aos] {
-webkit-transition-duration: .8s;
transition-duration: .8s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="800"],
.aos-enabled[data-aos-delay="800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="800"].aos-animate,
.aos-enabled[data-aos-delay="800"] [data-aos].aos-animate {
-webkit-transition-delay: .8s;
transition-delay: .8s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="850"],
.aos-enabled[data-aos-duration="850"] [data-aos] {
-webkit-transition-duration: .85s;
transition-duration: .85s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="850"],
.aos-enabled[data-aos-delay="850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="850"].aos-animate,
.aos-enabled[data-aos-delay="850"] [data-aos].aos-animate {
-webkit-transition-delay: .85s;
transition-delay: .85s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="900"],
.aos-enabled[data-aos-duration="900"] [data-aos] {
-webkit-transition-duration: .9s;
transition-duration: .9s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="900"],
.aos-enabled[data-aos-delay="900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="900"].aos-animate,
.aos-enabled[data-aos-delay="900"] [data-aos].aos-animate {
-webkit-transition-delay: .9s;
transition-delay: .9s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="950"],
.aos-enabled[data-aos-duration="950"] [data-aos] {
-webkit-transition-duration: .95s;
transition-duration: .95s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="950"],
.aos-enabled[data-aos-delay="950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="950"].aos-animate,
.aos-enabled[data-aos-delay="950"] [data-aos].aos-animate {
-webkit-transition-delay: .95s;
transition-delay: .95s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1000"],
.aos-enabled[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1000"],
.aos-enabled[data-aos-delay="1000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
.aos-enabled[data-aos-delay="1000"] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1050"],
.aos-enabled[data-aos-duration="1050"] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1050"],
.aos-enabled[data-aos-delay="1050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
.aos-enabled[data-aos-delay="1050"] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1100"],
.aos-enabled[data-aos-duration="1100"] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1100"],
.aos-enabled[data-aos-delay="1100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
.aos-enabled[data-aos-delay="1100"] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1150"],
.aos-enabled[data-aos-duration="1150"] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1150"],
.aos-enabled[data-aos-delay="1150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
.aos-enabled[data-aos-delay="1150"] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1200"],
.aos-enabled[data-aos-duration="1200"] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1200"],
.aos-enabled[data-aos-delay="1200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
.aos-enabled[data-aos-delay="1200"] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1250"],
.aos-enabled[data-aos-duration="1250"] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1250"],
.aos-enabled[data-aos-delay="1250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
.aos-enabled[data-aos-delay="1250"] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1300"],
.aos-enabled[data-aos-duration="1300"] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1300"],
.aos-enabled[data-aos-delay="1300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
.aos-enabled[data-aos-delay="1300"] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1350"],
.aos-enabled[data-aos-duration="1350"] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1350"],
.aos-enabled[data-aos-delay="1350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
.aos-enabled[data-aos-delay="1350"] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1400"],
.aos-enabled[data-aos-duration="1400"] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1400"],
.aos-enabled[data-aos-delay="1400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
.aos-enabled[data-aos-delay="1400"] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1450"],
.aos-enabled[data-aos-duration="1450"] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1450"],
.aos-enabled[data-aos-delay="1450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
.aos-enabled[data-aos-delay="1450"] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1500"],
.aos-enabled[data-aos-duration="1500"] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1500"],
.aos-enabled[data-aos-delay="1500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
.aos-enabled[data-aos-delay="1500"] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1550"],
.aos-enabled[data-aos-duration="1550"] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1550"],
.aos-enabled[data-aos-delay="1550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
.aos-enabled[data-aos-delay="1550"] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1600"],
.aos-enabled[data-aos-duration="1600"] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1600"],
.aos-enabled[data-aos-delay="1600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
.aos-enabled[data-aos-delay="1600"] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1650"],
.aos-enabled[data-aos-duration="1650"] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1650"],
.aos-enabled[data-aos-delay="1650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
.aos-enabled[data-aos-delay="1650"] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1700"],
.aos-enabled[data-aos-duration="1700"] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1700"],
.aos-enabled[data-aos-delay="1700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
.aos-enabled[data-aos-delay="1700"] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1750"],
.aos-enabled[data-aos-duration="1750"] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1750"],
.aos-enabled[data-aos-delay="1750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
.aos-enabled[data-aos-delay="1750"] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1800"],
.aos-enabled[data-aos-duration="1800"] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1800"],
.aos-enabled[data-aos-delay="1800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
.aos-enabled[data-aos-delay="1800"] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1850"],
.aos-enabled[data-aos-duration="1850"] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1850"],
.aos-enabled[data-aos-delay="1850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
.aos-enabled[data-aos-delay="1850"] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1900"],
.aos-enabled[data-aos-duration="1900"] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1900"],
.aos-enabled[data-aos-delay="1900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
.aos-enabled[data-aos-delay="1900"] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="1950"],
.aos-enabled[data-aos-duration="1950"] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1950"],
.aos-enabled[data-aos-delay="1950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
.aos-enabled[data-aos-delay="1950"] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2000"],
.aos-enabled[data-aos-duration="2000"] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2000"],
.aos-enabled[data-aos-delay="2000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
.aos-enabled[data-aos-delay="2000"] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2050"],
.aos-enabled[data-aos-duration="2050"] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2050"],
.aos-enabled[data-aos-delay="2050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
.aos-enabled[data-aos-delay="2050"] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2100"],
.aos-enabled[data-aos-duration="2100"] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2100"],
.aos-enabled[data-aos-delay="2100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
.aos-enabled[data-aos-delay="2100"] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2150"],
.aos-enabled[data-aos-duration="2150"] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2150"],
.aos-enabled[data-aos-delay="2150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
.aos-enabled[data-aos-delay="2150"] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2200"],
.aos-enabled[data-aos-duration="2200"] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2200"],
.aos-enabled[data-aos-delay="2200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
.aos-enabled[data-aos-delay="2200"] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2250"],
.aos-enabled[data-aos-duration="2250"] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2250"],
.aos-enabled[data-aos-delay="2250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
.aos-enabled[data-aos-delay="2250"] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2300"],
.aos-enabled[data-aos-duration="2300"] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2300"],
.aos-enabled[data-aos-delay="2300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
.aos-enabled[data-aos-delay="2300"] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2350"],
.aos-enabled[data-aos-duration="2350"] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2350"],
.aos-enabled[data-aos-delay="2350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
.aos-enabled[data-aos-delay="2350"] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2400"],
.aos-enabled[data-aos-duration="2400"] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2400"],
.aos-enabled[data-aos-delay="2400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
.aos-enabled[data-aos-delay="2400"] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2450"],
.aos-enabled[data-aos-duration="2450"] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2450"],
.aos-enabled[data-aos-delay="2450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
.aos-enabled[data-aos-delay="2450"] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2500"],
.aos-enabled[data-aos-duration="2500"] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2500"],
.aos-enabled[data-aos-delay="2500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
.aos-enabled[data-aos-delay="2500"] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2550"],
.aos-enabled[data-aos-duration="2550"] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2550"],
.aos-enabled[data-aos-delay="2550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
.aos-enabled[data-aos-delay="2550"] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2600"],
.aos-enabled[data-aos-duration="2600"] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2600"],
.aos-enabled[data-aos-delay="2600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
.aos-enabled[data-aos-delay="2600"] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2650"],
.aos-enabled[data-aos-duration="2650"] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2650"],
.aos-enabled[data-aos-delay="2650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
.aos-enabled[data-aos-delay="2650"] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2700"],
.aos-enabled[data-aos-duration="2700"] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2700"],
.aos-enabled[data-aos-delay="2700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
.aos-enabled[data-aos-delay="2700"] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2750"],
.aos-enabled[data-aos-duration="2750"] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2750"],
.aos-enabled[data-aos-delay="2750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
.aos-enabled[data-aos-delay="2750"] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2800"],
.aos-enabled[data-aos-duration="2800"] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2800"],
.aos-enabled[data-aos-delay="2800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
.aos-enabled[data-aos-delay="2800"] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2850"],
.aos-enabled[data-aos-duration="2850"] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2850"],
.aos-enabled[data-aos-delay="2850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
.aos-enabled[data-aos-delay="2850"] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2900"],
.aos-enabled[data-aos-duration="2900"] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2900"],
.aos-enabled[data-aos-delay="2900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
.aos-enabled[data-aos-delay="2900"] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="2950"],
.aos-enabled[data-aos-duration="2950"] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2950"],
.aos-enabled[data-aos-delay="2950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
.aos-enabled[data-aos-delay="2950"] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s
}
.aos-enabled [data-aos][data-aos][data-aos-duration="3000"],
.aos-enabled[data-aos-duration="3000"] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s
}
.aos-enabled [data-aos][data-aos][data-aos-delay="3000"],
.aos-enabled[data-aos-delay="3000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}
.aos-enabled [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
.aos-enabled[data-aos-delay="3000"] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s
}
.aos-enabled [data-aos][data-aos][data-aos-easing=linear],
.aos-enabled[data-aos-easing=linear] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease],
.aos-enabled[data-aos-easing=ease] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in],
.aos-enabled[data-aos-easing=ease-in] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-out],
.aos-enabled[data-aos-easing=ease-out] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-out],
.aos-enabled[data-aos-easing=ease-in-out] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-back],
.aos-enabled[data-aos-easing=ease-in-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-out-back],
.aos-enabled[data-aos-easing=ease-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-out-back],
.aos-enabled[data-aos-easing=ease-in-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-sine],
.aos-enabled[data-aos-easing=ease-in-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-out-sine],
.aos-enabled[data-aos-easing=ease-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
.aos-enabled[data-aos-easing=ease-in-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-quad],
.aos-enabled[data-aos-easing=ease-in-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-out-quad],
.aos-enabled[data-aos-easing=ease-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
.aos-enabled[data-aos-easing=ease-in-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-cubic],
.aos-enabled[data-aos-easing=ease-in-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-out-cubic],
.aos-enabled[data-aos-easing=ease-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
.aos-enabled[data-aos-easing=ease-in-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-quart],
.aos-enabled[data-aos-easing=ease-in-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-out-quart],
.aos-enabled[data-aos-easing=ease-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
.aos-enabled [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
.aos-enabled[data-aos-easing=ease-in-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.aos-enabled [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
}
.aos-enabled [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.aos-enabled [data-aos=fade-up] {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px)
}
.aos-enabled [data-aos=fade-down] {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px)
}
.aos-enabled [data-aos=fade-right] {
-webkit-transform: translate(-100px);
-ms-transform: translate(-100px);
transform: translate(-100px)
}
.aos-enabled [data-aos=fade-left] {
-webkit-transform: translate(100px);
-ms-transform: translate(100px);
transform: translate(100px)
}
.aos-enabled [data-aos=fade-up-right] {
-webkit-transform: translate(-100px, 100px);
-ms-transform: translate(-100px, 100px);
transform: translate(-100px, 100px)
}
.aos-enabled [data-aos=fade-up-left] {
-webkit-transform: translate(100px, 100px);
-ms-transform: translate(100px, 100px);
transform: translate(100px, 100px)
}
.aos-enabled [data-aos=fade-down-right] {
-webkit-transform: translate(-100px, -100px);
-ms-transform: translate(-100px, -100px);
transform: translate(-100px, -100px)
}
.aos-enabled [data-aos=fade-down-left] {
-webkit-transform: translate(100px, -100px);
-ms-transform: translate(100px, -100px);
transform: translate(100px, -100px)
}
.aos-enabled [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
}
.aos-enabled [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translate(0) scale(1);
-ms-transform: translate(0) scale(1);
transform: translate(0) scale(1)
}
.aos-enabled [data-aos=zoom-in] {
-webkit-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.6)
}
.aos-enabled [data-aos=zoom-in-up] {
-webkit-transform: translateY(100px) scale(.6);
-ms-transform: translateY(100px) scale(.6);
transform: translateY(100px) scale(.6)
}
.aos-enabled [data-aos=zoom-in-down] {
-webkit-transform: translateY(-100px) scale(.6);
-ms-transform: translateY(-100px) scale(.6);
transform: translateY(-100px) scale(.6)
}
.aos-enabled [data-aos=zoom-in-right] {
-webkit-transform: translate(-100px) scale(.6);
-ms-transform: translate(-100px) scale(.6);
transform: translate(-100px) scale(.6)
}
.aos-enabled [data-aos=zoom-in-left] {
-webkit-transform: translate(100px) scale(.6);
-ms-transform: translate(100px) scale(.6);
transform: translate(100px) scale(.6)
}
.aos-enabled [data-aos=zoom-out] {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.aos-enabled [data-aos=zoom-out-up] {
-webkit-transform: translateY(100px) scale(1.2);
-ms-transform: translateY(100px) scale(1.2);
transform: translateY(100px) scale(1.2)
}
.aos-enabled [data-aos=zoom-out-down] {
-webkit-transform: translateY(-100px) scale(1.2);
-ms-transform: translateY(-100px) scale(1.2);
transform: translateY(-100px) scale(1.2)
}
.aos-enabled [data-aos=zoom-out-right] {
-webkit-transform: translate(-100px) scale(1.2);
-ms-transform: translate(-100px) scale(1.2);
transform: translate(-100px) scale(1.2)
}
.aos-enabled [data-aos=zoom-out-left] {
-webkit-transform: translate(100px) scale(1.2);
-ms-transform: translate(100px) scale(1.2);
transform: translate(100px) scale(1.2)
}
.aos-enabled [data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.aos-enabled [data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.aos-enabled [data-aos=slide-up] {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.aos-enabled [data-aos=slide-down] {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.aos-enabled [data-aos=slide-right] {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.aos-enabled [data-aos=slide-left] {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.aos-enabled [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
}
.aos-enabled [data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}
.aos-enabled [data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
.aos-enabled [data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg)
}
.aos-enabled [data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
.aos-enabled [data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg)
}
.aos-enabled [data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}
.aos-enabled [data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg)
}
.aos-enabled [data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}
.tablesaw {
width: 100%;
max-width: 100%;
empty-cells: show;
border-collapse: collapse;
border: 0;
padding: 0
}
.tablesaw * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tablesaw-btn {
border: 1px solid #ccc;
border-radius: .25em;
background: 0 0;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
color: #4a4a4a;
cursor: pointer;
display: inline-block;
margin: 0;
padding: .5em .85em .4em .85em;
position: relative;
text-align: center;
text-decoration: none;
text-transform: capitalize;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
a.tablesaw-btn {
color: #1c95d4
}
.tablesaw-btn:hover {
text-decoration: none
}
.tablesaw-btn:active {
background-color: #ddd
}
@supports (box-shadow: none) {
.tablesaw-btn:focus {
background-color: #fff;
outline: 0
}
.tablesaw-btn:focus {
-webkit-box-shadow: 0 0 .35em #4faeef !important;
box-shadow: 0 0 .35em #4faeef !important
}
}
.tablesaw-btn-select select {
background: 0 0;
border: 0;
display: inline-block;
position: absolute;
left: 0;
top: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 2;
min-height: 1em;
opacity: 0;
color: transparent
}
.tablesaw-btn select option {
background: #fff;
color: #000
}
.tablesaw-btn {
display: inline-block;
width: auto;
height: auto;
position: relative;
top: 0
}
.tablesaw-btn.btn-small {
font-size: 1.0625em;
line-height: 19px;
padding: .3em 1em .3em 1em
}
.tablesaw-btn.btn-micro {
font-size: .8125em;
padding: .4em .7em .25em .7em
}
.tablesaw-btn-select {
padding-right: 1.5em;
text-align: left;
display: inline-block;
color: #4d4d4d;
padding-right: 2.5em;
min-width: 7.25em
}
.tablesaw-btn-select:after {
content: " ";
position: absolute;
background: 0 0;
background-repeat: no-repeat;
background-position: .25em .45em;
content: "\25bc";
font-size: .55em;
padding-top: 1.2em;
padding-left: 1em;
left: auto;
right: 0;
margin: 0;
top: 0;
bottom: 0;
width: 1.8em
}
.tablesaw-btn-select.btn-small:after,
.tablesaw-btn-select.btn-micro:after {
width: 1.2em;
font-size: .5em;
padding-top: 1em;
padding-right: .5em;
line-height: 1.65;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
border-left-width: 0
}
.tablesaw-advance .tablesaw-btn {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0 1px 0 #fff;
border-radius: .25em
}
.tablesaw-advance .tablesaw-btn.btn-micro {
font-size: .8125em;
padding: .3em .7em .25em .7em
}
.tablesaw-advance a.tablesaw-nav-btn:first-child {
margin-left: 0
}
.tablesaw-advance a.tablesaw-nav-btn:last-child {
margin-right: 0
}
.tablesaw-advance a.tablesaw-nav-btn {
display: inline-block;
overflow: hidden;
width: 1.8em;
height: 1.8em;
background-position: 50% 50%;
margin-left: .25em;
margin-right: .25em;
position: relative;
text-indent: -9999px
}
.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-advance a.tablesaw-nav-btn.up:before {
content: "\0020";
overflow: hidden;
width: 0;
height: 0;
position: absolute
}
.tablesaw-advance a.tablesaw-nav-btn.down:before {
left: .5em;
top: .65em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid gray
}
.tablesaw-advance a.tablesaw-nav-btn.up:before {
left: .5em;
top: .65em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid gray
}
.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before {
top: .45em;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent
}
.tablesaw-advance a.tablesaw-nav-btn.left:before {
left: .6em;
border-right: 5px solid gray
}
.tablesaw-advance a.tablesaw-nav-btn.right:before {
left: .7em;
border-left: 5px solid gray
}
.tablesaw-advance a.tablesaw-nav-btn.disabled {
opacity: .25;
cursor: default;
pointer-events: none
}
.tablesaw-bar {
clear: both
}
.tablesaw-bar * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tablesaw-bar-section {
float: left
}
.tablesaw-bar-section label {
font-size: .875em;
padding: .5em 0;
clear: both;
display: block;
color: #888;
margin-right: .5em;
text-transform: uppercase
}
.tablesaw-btn,
.tablesaw-enhanced .tablesaw-btn {
margin-top: .5em;
margin-bottom: .5em
}
.tablesaw-btn-select,
.tablesaw-enhanced .tablesaw-btn-select {
margin-bottom: 0
}
.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
margin-left: .4em;
margin-top: 0;
text-transform: uppercase;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0;
font-size: 1em;
padding-left: .3em
}
.tablesaw-bar .tablesaw-bar-section .btn-select {
min-width: 0
}
.tablesaw-bar .tablesaw-bar-section .btn-select:after {
padding-top: .9em
}
.tablesaw-bar .tablesaw-bar-section select {
color: #888;
text-transform: none;
background: 0 0
}
.tablesaw-bar-section~table {
clear: both
}
.tablesaw-bar-section .abbreviated {
display: inline
}
.tablesaw-bar-section .longform {
display: none
}
@media (min-width: 24em) {
.tablesaw-bar-section .abbreviated {
display: none
}
.tablesaw-bar-section .longform {
display: inline
}
}
.tablesaw th,
.tablesaw td {
padding: .5em .7em;
text-align: left;
vertical-align: middle
}
.tablesaw-sortable-btn {
padding: .5em .7em
}
.tablesaw thead th {
text-align: left
}
.tablesaw-row-border tr {
border-bottom: 1px solid #dfdfdf
}
.tablesaw-row-zebra tr:nth-child(2n) {
background-color: #f8f8f8
}
.tablesaw caption {
text-align: left;
margin: .59375em 0
}
.tablesaw-swipe .tablesaw-swipe-cellpersist {
border-right: 2px solid #e4e1de
}
.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
border-right-width: 1px
}
.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
-webkit-box-shadow: 3px 0 4px -1px #e4e1de;
box-shadow: 3px 0 4px -1px #e4e1de
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none
}
@media only all {
.tablesaw-stack {
clear: both
}
.tablesaw-stack td,
.tablesaw-stack th {
text-align: left;
display: block
}
.tablesaw-stack tr {
clear: both;
display: table-row
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: inline-block;
padding: 0 .6em 0 0;
width: 30%
}
.tablesaw-stack th .tablesaw-cell-label-top,
.tablesaw-stack td .tablesaw-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0
}
.tablesaw-cell-label {
display: block
}
.tablesaw-stack tbody th.group {
margin-top: -1px
}
.tablesaw-stack th.group b.tablesaw-cell-label {
display: none !important
}
}
@media (max-width: 39.9375em) {
.tablesaw-stack tbody tr {
display: block;
width: 100%;
border-bottom: 1px solid #dfdfdf
}
.tablesaw-stack thead td,
.tablesaw-stack thead th {
display: none
}
.tablesaw-stack tbody td,
.tablesaw-stack tbody th {
display: block;
float: left;
clear: left;
width: 100%
}
.tablesaw-cell-label {
vertical-align: top
}
.tablesaw-cell-content {
display: inline-block;
max-width: 67%
}
.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
display: block;
width: 100%;
max-width: 100%;
padding: 0
}
.tablesaw-stack td:empty,
.tablesaw-stack th:empty {
display: none
}
}
@media (min-width: 40em) {
.tablesaw-stack tr {
display: table-row
}
.tablesaw-stack td,
.tablesaw-stack th,
.tablesaw-stack thead td,
.tablesaw-stack thead th {
display: table-cell;
margin: 0
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none !important
}
}
.tablesaw-fix-persist {
table-layout: fixed
}
@media only all {
.tablesaw-swipe th.tablesaw-swipe-cellhidden,
.tablesaw-swipe td.tablesaw-swipe-cellhidden {
display: none
}
}
.tablesaw-overflow {
position: relative;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.tablesaw-overflow>.tablesaw {
margin-top: 2px
}
.tablesaw-columntoggle-btn span {
text-indent: -9999px;
display: inline-block
}
.tablesaw-columntoggle-btnwrap {
position: relative
}
.tablesaw-columntoggle-btnwrap .dialog-content {
padding: .5em
}
.tablesaw-columntoggle tbody td {
line-height: 1.5
}
.tablesaw-columntoggle-popup {
display: none
}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
display: block;
position: absolute;
top: 2em;
right: 0;
background-color: #fff;
padding: .5em .8em;
border: 1px solid #ccc;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
border-radius: .2em;
z-index: 1
}
.tablesaw-columntoggle-popup fieldset {
margin: 0
}
@media only all {
.tablesaw-columntoggle th.tablesaw-priority-6,
.tablesaw-columntoggle td.tablesaw-priority-6,
.tablesaw-columntoggle th.tablesaw-priority-5,
.tablesaw-columntoggle td.tablesaw-priority-5,
.tablesaw-columntoggle th.tablesaw-priority-4,
.tablesaw-columntoggle td.tablesaw-priority-4,
.tablesaw-columntoggle th.tablesaw-priority-3,
.tablesaw-columntoggle td.tablesaw-priority-3,
.tablesaw-columntoggle th.tablesaw-priority-2,
.tablesaw-columntoggle td.tablesaw-priority-2,
.tablesaw-columntoggle th.tablesaw-priority-1,
.tablesaw-columntoggle td.tablesaw-priority-1,
.tablesaw-columntoggle th.tablesaw-priority-0,
.tablesaw-columntoggle td.tablesaw-priority-0 {
display: none
}
}
.tablesaw-columntoggle-btnwrap .dialog-content {
top: 0 !important;
right: 1em;
left: auto !important;
width: 12em;
max-width: 18em;
margin: -.5em auto 0
}
.tablesaw-columntoggle-btnwrap .dialog-content:focus {
outline-style: none
}
@media (min-width: 20em) {
.tablesaw-columntoggle th.tablesaw-priority-1,
.tablesaw-columntoggle td.tablesaw-priority-1 {
display: table-cell
}
}
@media (min-width: 30em) {
.tablesaw-columntoggle th.tablesaw-priority-2,
.tablesaw-columntoggle td.tablesaw-priority-2 {
display: table-cell
}
}
@media (min-width: 40em) {
.tablesaw-columntoggle th.tablesaw-priority-3,
.tablesaw-columntoggle td.tablesaw-priority-3 {
display: table-cell
}
.tablesaw-columntoggle tbody td {
line-height: 2
}
}
@media (min-width: 50em) {
.tablesaw-columntoggle th.tablesaw-priority-4,
.tablesaw-columntoggle td.tablesaw-priority-4 {
display: table-cell
}
}
@media (min-width: 60em) {
.tablesaw-columntoggle th.tablesaw-priority-5,
.tablesaw-columntoggle td.tablesaw-priority-5 {
display: table-cell
}
}
@media (min-width: 70em) {
.tablesaw-columntoggle th.tablesaw-priority-6,
.tablesaw-columntoggle td.tablesaw-priority-6 {
display: table-cell
}
}
@media only all {
.tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
.tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
display: none
}
.tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
.tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
display: table-cell
}
}
.tablesaw-columntoggle-popup .btn-group>label {
display: block;
padding: .2em 0;
white-space: nowrap;
cursor: default
}
.tablesaw-columntoggle-popup .btn-group>label input {
margin-right: .8em
}
.tablesaw-sortable-head {
position: relative;
vertical-align: top
}
.tablesaw .tablesaw-sortable-head {
padding: 0
}
.tablesaw-sortable-btn {
min-width: 100%;
color: inherit;
background: 0 0;
border: 0;
text-align: inherit;
font: inherit;
text-transform: inherit
}
.tablesaw-sortable-arrow:after {
display: inline-block;
width: 10px;
height: 14px;
content: " ";
margin-left: .3125em
}
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
content: "\0020"
}
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
content: "\2191"
}
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
content: "\2193"
}
.tablesaw-advance {
float: right
}
.tablesaw-advance.minimap {
margin-right: .4em
}
.tablesaw-advance-dots {
float: left;
margin: 0;
padding: 0;
list-style: none
}
.tablesaw-advance-dots li {
display: table-cell;
margin: 0;
padding: .4em .2em
}
.tablesaw-advance-dots li i {
width: .25em;
height: .25em;
background: #555;
border-radius: 100%;
display: inline-block
}
.tablesaw-advance-dots-hide {
opacity: .25;
cursor: default;
pointer-events: none
}
body::before {
display: none
}
@media (min-width: 20em) {
body::before {
content: "screen320"
}
}
@media (min-width: 25em) {
body::before {
content: "screen400"
}
}
@media (min-width: 30em) {
body::before {
content: "screen480"
}
}
@media (min-width: 37.5em) {
body::before {
content: "screen600"
}
}
@media (min-width: 40em) {
body::before {
content: "screen640"
}
}
@media (min-width: 45em) {
body::before {
content: "screen720"
}
}
@media (min-width: 48em) {
body::before {
content: "screen768"
}
}
@media (min-width: 49.375em) {
body::before {
content: "screen790"
}
}
@media (min-width: 60em) {
body::before {
content: "screen960"
}
}
@media (min-width: 62em) {
body::before {
content: "screen992"
}
}
@media (min-width: 62.5em) {
body::before {
content: "screen1000"
}
}
@media (min-width: 67.5em) {
body::before {
content: "screen1080"
}
}
@media (min-width: 71.25em) {
body::before {
content: "screen1140"
}
}
@media (min-width: 75em) {
body::before {
content: "screen1200"
}
}
@media (min-width: 87.5em) {
body::before {
content: "screen1400"
}
}
@media (min-width: 100em) {
body::before {
content: "screen1600"
}
}
@media (min-width: 112.5em) {
body::before {
content: "screen1800"
}
}
body {
width: 100%
}
html {
overflow-x: hidden;
scroll-behavior: smooth
}
.main {
width: 100%;
margin-top: 140px;
position: relative;
overflow: hidden
}
.component {
position: relative;
margin: 0 auto;
width: 91.66667vw;
padding: 80px 0
}
.component+.component {
padding: 0 0 80px
}
.component--no-padding {
padding: 0 !important
}
.component--full-width {
width: calc(100vw - (100vw - 100%))
}
.component--wide {
position: relative;
width: 100%
}
@media (min-width: 45em) {
.main {
margin-top: 140px
}
}
@media (min-width: 48em) {
.main {
margin-top: 140px
}
}
@media (min-width: 71.25em) {
.main {
margin-top: 140px
}
}
@media (min-width: 75em) {
.component--narrow {
width: 44.79167vw
}
}
@media (min-width: 62.5em) {
.component {
padding: 2.86458vw 0
}
.component+.component {
padding: 0 0 80px
}
.component--narrow {
width: 60.41667vw
}
}
@media (min-width: 48em) {
.component--narrow {
width: 76.04167vw
}
}
*,
:before,
:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-text-size-adjust: none;
text-rendering: optimizeLegibility;
text-shadow: 0 0 1px rgba(0, 0, 0, .1)
}
img,
iframe {
max-width: 100%
}
svg {
display: inline-block;
font-size: 0;
line-height: 0;
pointer-events: none
}
use {
pointer-events: none
}
button {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: 0 0
}
figure {
margin: 0
}
input,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0
}
select {
background-color: transparent;
border-radius: 0
}
select::-ms-expand {
display: none
}
input::-ms-clear {
display: none
}
.hidden,
.hide {
display: none !important
}
@media (max-width: 59.99em) {
.hide-mobile {
display: none
}
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.no-transform {
-webkit-transition: none !important;
transition: none !important
}
.inactive {
opacity: .6;
pointer-events: none
}
:focus,
:active {
outline-style: none
}
[data-a11y] :focus {
outline-style: solid;
outline-style: auto
}
.object-fit-cover,
.article-banner__image,
.content-blocks__image,
.split-image-text-panel__image {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
@font-face {
font-family: "Publico Headline";
src: url(../fonts/PublicoHeadline-Bold-Web.woff) format("woff"), url(../fonts/PublicoHeadline-Bold-Web.ttf) format("ttf"), url(/assets/fonts/PublicoHeadline-Bold-Web.otf) format("otf")
}
@font-face {
font-family: "SourceSansPro";
font-weight: 400;
src: url(../fonts/SourceSansPro-Regular.woff) format("woff"), url(../fonts/SourceSansPro-Regular.ttf) format("ttf")
}
@font-face {
font-family: "SourceSansPro";
font-weight: 600;
src: url(../fonts/SourceSansPro-Semibold.woff) format("woff"), url(../fonts/SourceSansPro-Semibold.ttf) format("ttf")
}
@font-face {
font-family: "SourceSansPro";
font-weight: 700;
src: url(../fonts/SourceSansPro-Bold.woff) format("woff"), url(../fonts/SourceSansPro-Bold.ttf) format("ttf")
}
html,
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 16px;
font-family: "SourceSansPro", Arial, sans-serif
}
.typo-78 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 2.875rem;
line-height: 1.13em;
letter-spacing: -.01em
}
@media (min-width: 48em) {
.typo-78 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.typo-78 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.typo-78 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: -.01em
}
}
.typo-62 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.1em;
letter-spacing: -.01em
}
@media (min-width: 48em) {
.typo-62 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.typo-62 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.typo-62 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: -.01em
}
}
.typo-48 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.875rem;
line-height: 1.13em;
letter-spacing: -.01em
}
@media (min-width: 48em) {
.typo-48 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.typo-48 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.typo-48 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: -.01em
}
}
.typo-36 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.17em;
letter-spacing: -.01em
}
@media (min-width: 48em) {
.typo-36 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.typo-36 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.typo-36 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
.typo-28,
h5 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: -.01em
}
@media (min-width: 48em) {
.typo-28,
h5 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.typo-28,
h5 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.typo-28,
h5 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
.typo-24,
.quote-summary__heading,
h6 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0
}
@media (min-width: 48em) {
.typo-24,
.quote-summary__heading,
h6 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.typo-24,
.quote-summary__heading,
h6 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.typo-24,
.quote-summary__heading,
h6 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
.typo-20,
.quote-summary__bar dd {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.typo-20,
.quote-summary__bar dd {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.typo-20,
.quote-summary__bar dd {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.typo-20,
.quote-summary__bar dd {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.typo-18,
.document-list th,
.quote-product-selector__title,
.quote-summary__table tfoot th,
.quote-summary__table tbody th,
.quote-summary__table tfoot tr:first-child th {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.typo-18,
.document-list th,
.quote-product-selector__title,
.quote-summary__table tfoot th,
.quote-summary__table tbody th,
.quote-summary__table tfoot tr:first-child th {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.typo-18,
.document-list th,
.quote-product-selector__title,
.quote-summary__table tfoot th,
.quote-summary__table tbody th,
.quote-summary__table tfoot tr:first-child th {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.typo-18,
.document-list th,
.quote-product-selector__title,
.quote-summary__table tfoot th,
.quote-summary__table tbody th,
.quote-summary__table tfoot tr:first-child th {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.typo-16,
.document-list td,
.quote-product-selector__description,
.quote-summary__intro,
.quote-summary__table-options-btn,
.quote-summary__table th,
.quote-summary__table td {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.typo-16,
.document-list td,
.quote-product-selector__description,
.quote-summary__intro,
.quote-summary__table-options-btn,
.quote-summary__table th,
.quote-summary__table td {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-16,
.document-list td,
.quote-product-selector__description,
.quote-summary__intro,
.quote-summary__table-options-btn,
.quote-summary__table th,
.quote-summary__table td {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-16,
.document-list td,
.quote-product-selector__description,
.quote-summary__intro,
.quote-summary__table-options-btn,
.quote-summary__table th,
.quote-summary__table td {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.typo-14,
.document-list .document-list__downloadall a,
.quote-awards__content p,
.quote-summary__discounts strong,
.quote-summary__employees-list li,
.quote-terms,
small {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.typo-14,
.document-list .document-list__downloadall a,
.quote-awards__content p,
.quote-summary__discounts strong,
.quote-summary__employees-list li,
.quote-terms,
small {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-14,
.document-list .document-list__downloadall a,
.quote-awards__content p,
.quote-summary__discounts strong,
.quote-summary__employees-list li,
.quote-terms,
small {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-14,
.document-list .document-list__downloadall a,
.quote-awards__content p,
.quote-summary__discounts strong,
.quote-summary__employees-list li,
.quote-terms,
small {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.typo-13,
.quote-summary__discounts small,
.quote-summary__bar dt {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.typo-13,
.quote-summary__discounts small,
.quote-summary__bar dt {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-13,
.quote-summary__discounts small,
.quote-summary__bar dt {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-13,
.quote-summary__discounts small,
.quote-summary__bar dt {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.typo-78-serif,
h1 {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 2.875rem;
line-height: 1.13em;
letter-spacing: .02em;
margin-bottom: 21px
}
@media (min-width: 48em) {
.typo-78-serif,
h1 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-78-serif,
h1 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-78-serif,
h1 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.typo-78-serif,
h1 {
margin-bottom: 28px
}
}
.typo-62-serif,
h2 {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.1em;
letter-spacing: .02em;
margin-bottom: 16px
}
@media (min-width: 48em) {
.typo-62-serif,
h2 {
font-size: 3rem;
line-height: 1.16em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-62-serif,
h2 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-62-serif,
h2 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.typo-62-serif,
h2 {
margin-bottom: 26px
}
}
.typo-48-serif,
h3 {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.875rem;
line-height: 1.13em;
letter-spacing: .02em;
margin-bottom: 13px
}
@media (min-width: 48em) {
.typo-48-serif,
h3 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-48-serif,
h3 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-48-serif,
h3 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.typo-48-serif,
h3 {
margin-bottom: 18px
}
}
.typo-36-serif,
h4 {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.17em;
letter-spacing: .02em;
margin-bottom: 11px
}
@media (min-width: 48em) {
.typo-36-serif,
h4 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.typo-36-serif,
h4 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.typo-36-serif,
h4 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.typo-36-serif,
h4 {
margin-bottom: 17px
}
}
.typo-28-serif,
h5 {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 16px
}
@media (min-width: 48em) {
.typo-28-serif,
h5 {
font-size: 1.75rem;
line-height: 1.14em
}
}
@media (min-width: 48em) {
.typo-28-serif,
h5 {
margin-bottom: 13px
}
}
.typo-24-serif {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0
}
@media (min-width: 48em) {
.typo-24-serif {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.typo-24-serif {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.typo-24-serif {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
p {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
p {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
p {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
p {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
p+p {
margin-top: 1.5em
}
a {
color: #00008f;
font-size: inherit;
display: inline-block
}
a:focus,
a:hover {
color: #00005b
}
button {
font-family: "SourceSansPro", Arial, sans-serif
}
ul>li,
ol>li {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
margin: 5px
}
@media (min-width: 48em) {
ul>li,
ol>li {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
ul>li,
ol>li {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
ul>li,
ol>li {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
ul>li a,
ol>li a {
text-decoration: underline
}
ul {
list-style: disc;
margin-left: 15px;
margin-bottom: 10px;
text-align: left
}
ol {
list-style: decimal;
margin-left: 15px;
margin-bottom: 10px;
text-align: left
}
article {
width: 100%;
height: auto
}
blockquote {
width: 100%;
height: auto;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em;
margin-bottom: 30px
}
@media (min-width: 48em) {
blockquote {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
blockquote {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
blockquote {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
code {
width: 100%;
height: auto
}
pre {
widows: 100%;
height: auto;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
pre {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
pre {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
pre {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
time {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
time {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
time {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
time {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
figure {
width: 100%;
height: auto
}
figcaption {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
figcaption {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
figcaption {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
figcaption {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
dl {
width: 100%;
height: auto
}
dt {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
margin: 10px 10px 0 10px
}
@media (min-width: 48em) {
dt {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
dt {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
dt {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
dd {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin: 0 15px 20px 10px
}
@media (min-width: 48em) {
dd {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
dd {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
dd {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.typo--bold,
.contact-box__link,
.document-list th,
.document-list .document-list__downloadall a,
.quote-product-selector__title,
.quote-summary__table-options-btn,
.quote-summary__table th,
.quote-summary__table tfoot tr:first-child th,
.quote-summary__table tr.savings td,
.quote-summary__manage-select-title,
.quote-summary__manage-checkbox-title {
font-weight: 700 !important
}
.typo--normal {
font-weight: 400 !important
}
.typo--semibold,
.document-list td,
.quote-summary__discounts strong {
font-weight: 600 !important
}
.typo--semibold+p,
.document-list td+p,
.quote-summary__discounts strong+p {
margin-top: 0
}
.typo--serif,
.ordered-list-linker li::before,
.quote-summary__bar dd {
font-family: "Publico Headline", Georgia, serif
}
.typo--sans {
font-family: "SourceSansPro", Arial, sans-serif
}
.typo--center {
text-align: center
}
@media (max-width: 29.99em) {
.mobile-remove-breaks br {
display: none
}
}
.marker-excluded li {
padding-left: 1.5em
}
.marker-excluded li::marker {
content: "x";
font-size: 1rem;
color: #ec4d33
}
.margin-top-large {
margin-top: 3rem
}
.margin-top-small {
margin-top: 1rem
}
.margin-top-md {
margin-top: 2rem
}
.richtext li::before {
background-color: #333
}
.force-acid [class^=scheme--],
.force-acid [class*=" scheme--"],
.scheme--acid {
background-color: #f0ff93;
color: #111b1d;
fill: #111b1d
}
.force-acid [class^=scheme--] button[data-pagination-item],
.force-acid [class*=" scheme--"] button[data-pagination-item],
.scheme--acid button[data-pagination-item] {
background: #111b1d
}
.force-acid [class^=scheme--] button[data-pagination-item][data-active=true],
.force-acid [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--acid button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-acid [class^=scheme--] [class*=__column]:after,
.force-acid [class^=scheme--] [class*=__column]:before,
.force-acid [class^=scheme--] [class*=__subtitle]:after,
.force-acid [class^=scheme--] [class*=__subtitle]:before,
.force-acid [class^=scheme--] li:after,
.force-acid [class^=scheme--] li:before,
.force-acid [class*=" scheme--"] [class*=__column]:after,
.force-acid [class*=" scheme--"] [class*=__column]:before,
.force-acid [class*=" scheme--"] [class*=__subtitle]:after,
.force-acid [class*=" scheme--"] [class*=__subtitle]:before,
.force-acid [class*=" scheme--"] li:after,
.force-acid [class*=" scheme--"] li:before,
.scheme--acid [class*=__column]:after,
.scheme--acid [class*=__column]:before,
.scheme--acid [class*=__subtitle]:after,
.scheme--acid [class*=__subtitle]:before,
.scheme--acid li:after,
.scheme--acid li:before {
color: #111b1d;
background-color: #111b1d
}
.force-acid [class^=scheme--] .feefo-review__actions:before,
.force-acid [class*=" scheme--"] .feefo-review__actions:before,
.scheme--acid .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 255, 147, 0)), to(#f0ff93));
background: linear-gradient(to bottom, rgba(240, 255, 147, 0), #f0ff93)
}
.force-acid [class^=scheme--] .loader,
.force-acid [class*=" scheme--"] .loader,
.scheme--acid .loader {
color: #111b1d
}
.force-acid [class^=scheme--] .loader__background,
.force-acid [class*=" scheme--"] .loader__background,
.scheme--acid .loader__background {
background: #f0ff93
}
.force-acid [class^=scheme--] [class*=__background-image]:after,
.force-acid [class^=scheme--] [class*=__background-image]:before,
.force-acid [class*=" scheme--"] [class*=__background-image]:after,
.force-acid [class*=" scheme--"] [class*=__background-image]:before,
.scheme--acid [class*=__background-image]:after,
.scheme--acid [class*=__background-image]:before {
background-color: #f0ff93
}
.force-acid [class^=scheme--] .background--scheme,
.force-acid [class*=" scheme--"] .background--scheme,
.scheme--acid .background--scheme {
background: #f0ff93
}
.force-acid [class^=scheme--] .typo--scheme,
.force-acid [class*=" scheme--"] .typo--scheme,
.scheme--acid .typo--scheme {
color: #111b1d
}
.force-acid [class^=scheme--] .typo--scheme:hover,
.force-acid [class^=scheme--] .typo--scheme:focus,
.force-acid [class*=" scheme--"] .typo--scheme:hover,
.force-acid [class*=" scheme--"] .typo--scheme:focus,
.scheme--acid .typo--scheme:hover,
.scheme--acid .typo--scheme:focus {
color: #111b1d
}
.force-acid [class^=scheme--] .typo-highlight--scheme,
.force-acid [class*=" scheme--"] .typo-highlight--scheme,
.scheme--acid .typo-highlight--scheme {
color: #111b1d
}
.force-acid [class^=scheme--] .typo-highlight--scheme:hover,
.force-acid [class^=scheme--] .typo-highlight--scheme:focus,
.force-acid [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-acid [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--acid .typo-highlight--scheme:hover,
.scheme--acid .typo-highlight--scheme:focus {
color: #111b1d
}
.force-acid [class^=scheme--] .svg-highlight--scheme,
.force-acid [class*=" scheme--"] .svg-highlight--scheme,
.scheme--acid .svg-highlight--scheme {
fill: #111b1d
}
.force-acid [class^=scheme--].form-panel__chevron:after,
.force-acid [class*=" scheme--"].form-panel__chevron:after,
.scheme--acid.form-panel__chevron:after {
background-color: #f0ff93
}
.force-acid [class^=scheme--] svg.photo-reel-navigation__image,
.force-acid [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--acid svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-acid [class^=scheme--] .country-selector__input,
.force-acid [class*=" scheme--"] .country-selector__input,
.scheme--acid .country-selector__input {
border-color: #111b1d
}
.force-acid [class^=scheme--] label:not([role=button]),
.force-acid [class*=" scheme--"] label:not([role=button]),
.scheme--acid label:not([role=button]) {
color: #111b1d
}
.force-acid [class^=scheme--] a:not(.btn):not(.anchor),
.force-acid [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--acid a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-acid [class^=scheme--] .anchor--external::after,
.force-acid [class*=" scheme--"] .anchor--external::after,
.scheme--acid .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-alabaster [class^=scheme--],
.force-alabaster [class*=" scheme--"],
.scheme--alabaster {
background-color: #fafafa;
color: #111b1d;
fill: #111b1d
}
.force-alabaster [class^=scheme--] button[data-pagination-item],
.force-alabaster [class*=" scheme--"] button[data-pagination-item],
.scheme--alabaster button[data-pagination-item] {
background: #111b1d
}
.force-alabaster [class^=scheme--] button[data-pagination-item][data-active=true],
.force-alabaster [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--alabaster button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-alabaster [class^=scheme--] [class*=__column]:after,
.force-alabaster [class^=scheme--] [class*=__column]:before,
.force-alabaster [class^=scheme--] [class*=__subtitle]:after,
.force-alabaster [class^=scheme--] [class*=__subtitle]:before,
.force-alabaster [class^=scheme--] li:after,
.force-alabaster [class^=scheme--] li:before,
.force-alabaster [class*=" scheme--"] [class*=__column]:after,
.force-alabaster [class*=" scheme--"] [class*=__column]:before,
.force-alabaster [class*=" scheme--"] [class*=__subtitle]:after,
.force-alabaster [class*=" scheme--"] [class*=__subtitle]:before,
.force-alabaster [class*=" scheme--"] li:after,
.force-alabaster [class*=" scheme--"] li:before,
.scheme--alabaster [class*=__column]:after,
.scheme--alabaster [class*=__column]:before,
.scheme--alabaster [class*=__subtitle]:after,
.scheme--alabaster [class*=__subtitle]:before,
.scheme--alabaster li:after,
.scheme--alabaster li:before {
color: #111b1d;
background-color: #111b1d
}
.force-alabaster [class^=scheme--] .feefo-review__actions:before,
.force-alabaster [class*=" scheme--"] .feefo-review__actions:before,
.scheme--alabaster .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(#fafafa));
background: linear-gradient(to bottom, rgba(250, 250, 250, 0), #fafafa)
}
.force-alabaster [class^=scheme--] .loader,
.force-alabaster [class*=" scheme--"] .loader,
.scheme--alabaster .loader {
color: #111b1d
}
.force-alabaster [class^=scheme--] .loader__background,
.force-alabaster [class*=" scheme--"] .loader__background,
.scheme--alabaster .loader__background {
background: #fafafa
}
.force-alabaster [class^=scheme--] [class*=__background-image]:after,
.force-alabaster [class^=scheme--] [class*=__background-image]:before,
.force-alabaster [class*=" scheme--"] [class*=__background-image]:after,
.force-alabaster [class*=" scheme--"] [class*=__background-image]:before,
.scheme--alabaster [class*=__background-image]:after,
.scheme--alabaster [class*=__background-image]:before {
background-color: #fafafa
}
.force-alabaster [class^=scheme--] .background--scheme,
.force-alabaster [class*=" scheme--"] .background--scheme,
.scheme--alabaster .background--scheme {
background: #fafafa
}
.force-alabaster [class^=scheme--] .typo--scheme,
.force-alabaster [class*=" scheme--"] .typo--scheme,
.scheme--alabaster .typo--scheme {
color: #111b1d
}
.force-alabaster [class^=scheme--] .typo--scheme:hover,
.force-alabaster [class^=scheme--] .typo--scheme:focus,
.force-alabaster [class*=" scheme--"] .typo--scheme:hover,
.force-alabaster [class*=" scheme--"] .typo--scheme:focus,
.scheme--alabaster .typo--scheme:hover,
.scheme--alabaster .typo--scheme:focus {
color: #111b1d
}
.force-alabaster [class^=scheme--] .typo-highlight--scheme,
.force-alabaster [class*=" scheme--"] .typo-highlight--scheme,
.scheme--alabaster .typo-highlight--scheme {
color: #111b1d
}
.force-alabaster [class^=scheme--] .typo-highlight--scheme:hover,
.force-alabaster [class^=scheme--] .typo-highlight--scheme:focus,
.force-alabaster [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-alabaster [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--alabaster .typo-highlight--scheme:hover,
.scheme--alabaster .typo-highlight--scheme:focus {
color: #111b1d
}
.force-alabaster [class^=scheme--] .svg-highlight--scheme,
.force-alabaster [class*=" scheme--"] .svg-highlight--scheme,
.scheme--alabaster .svg-highlight--scheme {
fill: #111b1d
}
.force-alabaster [class^=scheme--].form-panel__chevron:after,
.force-alabaster [class*=" scheme--"].form-panel__chevron:after,
.scheme--alabaster.form-panel__chevron:after {
background-color: #fafafa
}
.force-alabaster [class^=scheme--] svg.photo-reel-navigation__image,
.force-alabaster [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--alabaster svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-alabaster [class^=scheme--] .country-selector__input,
.force-alabaster [class*=" scheme--"] .country-selector__input,
.scheme--alabaster .country-selector__input {
border-color: #111b1d
}
.force-alabaster [class^=scheme--] label:not([role=button]),
.force-alabaster [class*=" scheme--"] label:not([role=button]),
.scheme--alabaster label:not([role=button]) {
color: #111b1d
}
.force-alabaster [class^=scheme--] a:not(.btn):not(.anchor),
.force-alabaster [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--alabaster a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-alabaster [class^=scheme--] .anchor--external::after,
.force-alabaster [class*=" scheme--"] .anchor--external::after,
.scheme--alabaster .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-apache [class^=scheme--],
.force-apache [class*=" scheme--"],
.scheme--apache {
background-color: #8a7333;
color: #fff;
fill: #fff
}
.force-apache [class^=scheme--] button[data-pagination-item],
.force-apache [class*=" scheme--"] button[data-pagination-item],
.scheme--apache button[data-pagination-item] {
background: #fff
}
.force-apache [class^=scheme--] button[data-pagination-item][data-active=true],
.force-apache [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--apache button[data-pagination-item][data-active=true] {
background: #fff
}
.force-apache [class^=scheme--] [class*=__column]:after,
.force-apache [class^=scheme--] [class*=__column]:before,
.force-apache [class^=scheme--] [class*=__subtitle]:after,
.force-apache [class^=scheme--] [class*=__subtitle]:before,
.force-apache [class^=scheme--] li:after,
.force-apache [class^=scheme--] li:before,
.force-apache [class*=" scheme--"] [class*=__column]:after,
.force-apache [class*=" scheme--"] [class*=__column]:before,
.force-apache [class*=" scheme--"] [class*=__subtitle]:after,
.force-apache [class*=" scheme--"] [class*=__subtitle]:before,
.force-apache [class*=" scheme--"] li:after,
.force-apache [class*=" scheme--"] li:before,
.scheme--apache [class*=__column]:after,
.scheme--apache [class*=__column]:before,
.scheme--apache [class*=__subtitle]:after,
.scheme--apache [class*=__subtitle]:before,
.scheme--apache li:after,
.scheme--apache li:before {
color: #fff;
background-color: #fff
}
.force-apache [class^=scheme--] .feefo-review__actions:before,
.force-apache [class*=" scheme--"] .feefo-review__actions:before,
.scheme--apache .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(138, 115, 51, 0)), to(#8a7333));
background: linear-gradient(to bottom, rgba(138, 115, 51, 0), #8a7333)
}
.force-apache [class^=scheme--] .loader,
.force-apache [class*=" scheme--"] .loader,
.scheme--apache .loader {
color: #fff
}
.force-apache [class^=scheme--] .loader__background,
.force-apache [class*=" scheme--"] .loader__background,
.scheme--apache .loader__background {
background: #8a7333
}
.force-apache [class^=scheme--] [class*=__background-image]:after,
.force-apache [class^=scheme--] [class*=__background-image]:before,
.force-apache [class*=" scheme--"] [class*=__background-image]:after,
.force-apache [class*=" scheme--"] [class*=__background-image]:before,
.scheme--apache [class*=__background-image]:after,
.scheme--apache [class*=__background-image]:before {
background-color: #8a7333
}
.force-apache [class^=scheme--] .background--scheme,
.force-apache [class*=" scheme--"] .background--scheme,
.scheme--apache .background--scheme {
background: #8a7333
}
.force-apache [class^=scheme--] .typo--scheme,
.force-apache [class*=" scheme--"] .typo--scheme,
.scheme--apache .typo--scheme {
color: #fff
}
.force-apache [class^=scheme--] .typo--scheme:hover,
.force-apache [class^=scheme--] .typo--scheme:focus,
.force-apache [class*=" scheme--"] .typo--scheme:hover,
.force-apache [class*=" scheme--"] .typo--scheme:focus,
.scheme--apache .typo--scheme:hover,
.scheme--apache .typo--scheme:focus {
color: #fff
}
.force-apache [class^=scheme--] .typo-highlight--scheme,
.force-apache [class*=" scheme--"] .typo-highlight--scheme,
.scheme--apache .typo-highlight--scheme {
color: #fff
}
.force-apache [class^=scheme--] .typo-highlight--scheme:hover,
.force-apache [class^=scheme--] .typo-highlight--scheme:focus,
.force-apache [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-apache [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--apache .typo-highlight--scheme:hover,
.scheme--apache .typo-highlight--scheme:focus {
color: #fff
}
.force-apache [class^=scheme--] .svg-highlight--scheme,
.force-apache [class*=" scheme--"] .svg-highlight--scheme,
.scheme--apache .svg-highlight--scheme {
fill: #fff
}
.force-apache [class^=scheme--].form-panel__chevron:after,
.force-apache [class*=" scheme--"].form-panel__chevron:after,
.scheme--apache.form-panel__chevron:after {
background-color: #8a7333
}
.force-apache [class^=scheme--] svg.photo-reel-navigation__image,
.force-apache [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--apache svg.photo-reel-navigation__image {
fill: #fff
}
.force-apache [class^=scheme--] .country-selector__input,
.force-apache [class*=" scheme--"] .country-selector__input,
.scheme--apache .country-selector__input {
border-color: #fff
}
.force-apache [class^=scheme--] label:not([role=button]),
.force-apache [class*=" scheme--"] label:not([role=button]),
.scheme--apache label:not([role=button]) {
color: #fff
}
.force-apache [class^=scheme--] a:not(.btn):not(.anchor),
.force-apache [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--apache a:not(.btn):not(.anchor) {
color: #fff
}
.force-apache [class^=scheme--] .anchor--external::after,
.force-apache [class*=" scheme--"] .anchor--external::after,
.scheme--apache .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-apache-400 [class^=scheme--],
.force-apache-400 [class*=" scheme--"],
.scheme--apache-400 {
background-color: #4b3e1b;
color: #fff;
fill: #fff
}
.force-apache-400 [class^=scheme--] button[data-pagination-item],
.force-apache-400 [class*=" scheme--"] button[data-pagination-item],
.scheme--apache-400 button[data-pagination-item] {
background: #fff
}
.force-apache-400 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-apache-400 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--apache-400 button[data-pagination-item][data-active=true] {
background: #fff
}
.force-apache-400 [class^=scheme--] [class*=__column]:after,
.force-apache-400 [class^=scheme--] [class*=__column]:before,
.force-apache-400 [class^=scheme--] [class*=__subtitle]:after,
.force-apache-400 [class^=scheme--] [class*=__subtitle]:before,
.force-apache-400 [class^=scheme--] li:after,
.force-apache-400 [class^=scheme--] li:before,
.force-apache-400 [class*=" scheme--"] [class*=__column]:after,
.force-apache-400 [class*=" scheme--"] [class*=__column]:before,
.force-apache-400 [class*=" scheme--"] [class*=__subtitle]:after,
.force-apache-400 [class*=" scheme--"] [class*=__subtitle]:before,
.force-apache-400 [class*=" scheme--"] li:after,
.force-apache-400 [class*=" scheme--"] li:before,
.scheme--apache-400 [class*=__column]:after,
.scheme--apache-400 [class*=__column]:before,
.scheme--apache-400 [class*=__subtitle]:after,
.scheme--apache-400 [class*=__subtitle]:before,
.scheme--apache-400 li:after,
.scheme--apache-400 li:before {
color: #fff;
background-color: #fff
}
.force-apache-400 [class^=scheme--] .feefo-review__actions:before,
.force-apache-400 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--apache-400 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(75, 62, 27, 0)), to(#4b3e1b));
background: linear-gradient(to bottom, rgba(75, 62, 27, 0), #4b3e1b)
}
.force-apache-400 [class^=scheme--] .loader,
.force-apache-400 [class*=" scheme--"] .loader,
.scheme--apache-400 .loader {
color: #fff
}
.force-apache-400 [class^=scheme--] .loader__background,
.force-apache-400 [class*=" scheme--"] .loader__background,
.scheme--apache-400 .loader__background {
background: #4b3e1b
}
.force-apache-400 [class^=scheme--] [class*=__background-image]:after,
.force-apache-400 [class^=scheme--] [class*=__background-image]:before,
.force-apache-400 [class*=" scheme--"] [class*=__background-image]:after,
.force-apache-400 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--apache-400 [class*=__background-image]:after,
.scheme--apache-400 [class*=__background-image]:before {
background-color: #4b3e1b
}
.force-apache-400 [class^=scheme--] .background--scheme,
.force-apache-400 [class*=" scheme--"] .background--scheme,
.scheme--apache-400 .background--scheme {
background: #4b3e1b
}
.force-apache-400 [class^=scheme--] .typo--scheme,
.force-apache-400 [class*=" scheme--"] .typo--scheme,
.scheme--apache-400 .typo--scheme {
color: #fff
}
.force-apache-400 [class^=scheme--] .typo--scheme:hover,
.force-apache-400 [class^=scheme--] .typo--scheme:focus,
.force-apache-400 [class*=" scheme--"] .typo--scheme:hover,
.force-apache-400 [class*=" scheme--"] .typo--scheme:focus,
.scheme--apache-400 .typo--scheme:hover,
.scheme--apache-400 .typo--scheme:focus {
color: #fff
}
.force-apache-400 [class^=scheme--] .typo-highlight--scheme,
.force-apache-400 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--apache-400 .typo-highlight--scheme {
color: #fff
}
.force-apache-400 [class^=scheme--] .typo-highlight--scheme:hover,
.force-apache-400 [class^=scheme--] .typo-highlight--scheme:focus,
.force-apache-400 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-apache-400 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--apache-400 .typo-highlight--scheme:hover,
.scheme--apache-400 .typo-highlight--scheme:focus {
color: #fff
}
.force-apache-400 [class^=scheme--] .svg-highlight--scheme,
.force-apache-400 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--apache-400 .svg-highlight--scheme {
fill: #fff
}
.force-apache-400 [class^=scheme--].form-panel__chevron:after,
.force-apache-400 [class*=" scheme--"].form-panel__chevron:after,
.scheme--apache-400.form-panel__chevron:after {
background-color: #4b3e1b
}
.force-apache-400 [class^=scheme--] svg.photo-reel-navigation__image,
.force-apache-400 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--apache-400 svg.photo-reel-navigation__image {
fill: #fff
}
.force-apache-400 [class^=scheme--] .country-selector__input,
.force-apache-400 [class*=" scheme--"] .country-selector__input,
.scheme--apache-400 .country-selector__input {
border-color: #fff
}
.force-apache-400 [class^=scheme--] label:not([role=button]),
.force-apache-400 [class*=" scheme--"] label:not([role=button]),
.scheme--apache-400 label:not([role=button]) {
color: #fff
}
.force-apache-400 [class^=scheme--] a:not(.btn):not(.anchor),
.force-apache-400 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--apache-400 a:not(.btn):not(.anchor) {
color: #fff
}
.force-apache-400 [class^=scheme--] .anchor--external::after,
.force-apache-400 [class*=" scheme--"] .anchor--external::after,
.scheme--apache-400 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-aqua-green [class^=scheme--],
.force-aqua-green [class*=" scheme--"],
.scheme--aqua-green {
background-color: #9fd9b4;
color: #111b1d;
fill: #111b1d
}
.force-aqua-green [class^=scheme--] button[data-pagination-item],
.force-aqua-green [class*=" scheme--"] button[data-pagination-item],
.scheme--aqua-green button[data-pagination-item] {
background: #111b1d
}
.force-aqua-green [class^=scheme--] button[data-pagination-item][data-active=true],
.force-aqua-green [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--aqua-green button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-aqua-green [class^=scheme--] [class*=__column]:after,
.force-aqua-green [class^=scheme--] [class*=__column]:before,
.force-aqua-green [class^=scheme--] [class*=__subtitle]:after,
.force-aqua-green [class^=scheme--] [class*=__subtitle]:before,
.force-aqua-green [class^=scheme--] li:after,
.force-aqua-green [class^=scheme--] li:before,
.force-aqua-green [class*=" scheme--"] [class*=__column]:after,
.force-aqua-green [class*=" scheme--"] [class*=__column]:before,
.force-aqua-green [class*=" scheme--"] [class*=__subtitle]:after,
.force-aqua-green [class*=" scheme--"] [class*=__subtitle]:before,
.force-aqua-green [class*=" scheme--"] li:after,
.force-aqua-green [class*=" scheme--"] li:before,
.scheme--aqua-green [class*=__column]:after,
.scheme--aqua-green [class*=__column]:before,
.scheme--aqua-green [class*=__subtitle]:after,
.scheme--aqua-green [class*=__subtitle]:before,
.scheme--aqua-green li:after,
.scheme--aqua-green li:before {
color: #111b1d;
background-color: #111b1d
}
.force-aqua-green [class^=scheme--] .feefo-review__actions:before,
.force-aqua-green [class*=" scheme--"] .feefo-review__actions:before,
.scheme--aqua-green .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(159, 217, 180, 0)), to(#9fd9b4));
background: linear-gradient(to bottom, rgba(159, 217, 180, 0), #9fd9b4)
}
.force-aqua-green [class^=scheme--] .loader,
.force-aqua-green [class*=" scheme--"] .loader,
.scheme--aqua-green .loader {
color: #111b1d
}
.force-aqua-green [class^=scheme--] .loader__background,
.force-aqua-green [class*=" scheme--"] .loader__background,
.scheme--aqua-green .loader__background {
background: #9fd9b4
}
.force-aqua-green [class^=scheme--] [class*=__background-image]:after,
.force-aqua-green [class^=scheme--] [class*=__background-image]:before,
.force-aqua-green [class*=" scheme--"] [class*=__background-image]:after,
.force-aqua-green [class*=" scheme--"] [class*=__background-image]:before,
.scheme--aqua-green [class*=__background-image]:after,
.scheme--aqua-green [class*=__background-image]:before {
background-color: #9fd9b4
}
.force-aqua-green [class^=scheme--] .background--scheme,
.force-aqua-green [class*=" scheme--"] .background--scheme,
.scheme--aqua-green .background--scheme {
background: #9fd9b4
}
.force-aqua-green [class^=scheme--] .typo--scheme,
.force-aqua-green [class*=" scheme--"] .typo--scheme,
.scheme--aqua-green .typo--scheme {
color: #111b1d
}
.force-aqua-green [class^=scheme--] .typo--scheme:hover,
.force-aqua-green [class^=scheme--] .typo--scheme:focus,
.force-aqua-green [class*=" scheme--"] .typo--scheme:hover,
.force-aqua-green [class*=" scheme--"] .typo--scheme:focus,
.scheme--aqua-green .typo--scheme:hover,
.scheme--aqua-green .typo--scheme:focus {
color: #111b1d
}
.force-aqua-green [class^=scheme--] .typo-highlight--scheme,
.force-aqua-green [class*=" scheme--"] .typo-highlight--scheme,
.scheme--aqua-green .typo-highlight--scheme {
color: #111b1d
}
.force-aqua-green [class^=scheme--] .typo-highlight--scheme:hover,
.force-aqua-green [class^=scheme--] .typo-highlight--scheme:focus,
.force-aqua-green [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-aqua-green [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--aqua-green .typo-highlight--scheme:hover,
.scheme--aqua-green .typo-highlight--scheme:focus {
color: #111b1d
}
.force-aqua-green [class^=scheme--] .svg-highlight--scheme,
.force-aqua-green [class*=" scheme--"] .svg-highlight--scheme,
.scheme--aqua-green .svg-highlight--scheme {
fill: #111b1d
}
.force-aqua-green [class^=scheme--].form-panel__chevron:after,
.force-aqua-green [class*=" scheme--"].form-panel__chevron:after,
.scheme--aqua-green.form-panel__chevron:after {
background-color: #9fd9b4
}
.force-aqua-green [class^=scheme--] svg.photo-reel-navigation__image,
.force-aqua-green [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--aqua-green svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-aqua-green [class^=scheme--] .country-selector__input,
.force-aqua-green [class*=" scheme--"] .country-selector__input,
.scheme--aqua-green .country-selector__input {
border-color: #111b1d
}
.force-aqua-green [class^=scheme--] label:not([role=button]),
.force-aqua-green [class*=" scheme--"] label:not([role=button]),
.scheme--aqua-green label:not([role=button]) {
color: #111b1d
}
.force-aqua-green [class^=scheme--] a:not(.btn):not(.anchor),
.force-aqua-green [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--aqua-green a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-aqua-green [class^=scheme--] .anchor--external::after,
.force-aqua-green [class*=" scheme--"] .anchor--external::after,
.scheme--aqua-green .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-azalea [class^=scheme--],
.force-azalea [class*=" scheme--"],
.scheme--azalea {
background-color: #e196aa;
color: #111b1d;
fill: #111b1d
}
.force-azalea [class^=scheme--] button[data-pagination-item],
.force-azalea [class*=" scheme--"] button[data-pagination-item],
.scheme--azalea button[data-pagination-item] {
background: #111b1d
}
.force-azalea [class^=scheme--] button[data-pagination-item][data-active=true],
.force-azalea [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--azalea button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-azalea [class^=scheme--] [class*=__column]:after,
.force-azalea [class^=scheme--] [class*=__column]:before,
.force-azalea [class^=scheme--] [class*=__subtitle]:after,
.force-azalea [class^=scheme--] [class*=__subtitle]:before,
.force-azalea [class^=scheme--] li:after,
.force-azalea [class^=scheme--] li:before,
.force-azalea [class*=" scheme--"] [class*=__column]:after,
.force-azalea [class*=" scheme--"] [class*=__column]:before,
.force-azalea [class*=" scheme--"] [class*=__subtitle]:after,
.force-azalea [class*=" scheme--"] [class*=__subtitle]:before,
.force-azalea [class*=" scheme--"] li:after,
.force-azalea [class*=" scheme--"] li:before,
.scheme--azalea [class*=__column]:after,
.scheme--azalea [class*=__column]:before,
.scheme--azalea [class*=__subtitle]:after,
.scheme--azalea [class*=__subtitle]:before,
.scheme--azalea li:after,
.scheme--azalea li:before {
color: #111b1d;
background-color: #111b1d
}
.force-azalea [class^=scheme--] .feefo-review__actions:before,
.force-azalea [class*=" scheme--"] .feefo-review__actions:before,
.scheme--azalea .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 150, 170, 0)), to(#e196aa));
background: linear-gradient(to bottom, rgba(225, 150, 170, 0), #e196aa)
}
.force-azalea [class^=scheme--] .loader,
.force-azalea [class*=" scheme--"] .loader,
.scheme--azalea .loader {
color: #111b1d
}
.force-azalea [class^=scheme--] .loader__background,
.force-azalea [class*=" scheme--"] .loader__background,
.scheme--azalea .loader__background {
background: #e196aa
}
.force-azalea [class^=scheme--] [class*=__background-image]:after,
.force-azalea [class^=scheme--] [class*=__background-image]:before,
.force-azalea [class*=" scheme--"] [class*=__background-image]:after,
.force-azalea [class*=" scheme--"] [class*=__background-image]:before,
.scheme--azalea [class*=__background-image]:after,
.scheme--azalea [class*=__background-image]:before {
background-color: #e196aa
}
.force-azalea [class^=scheme--] .background--scheme,
.force-azalea [class*=" scheme--"] .background--scheme,
.scheme--azalea .background--scheme {
background: #e196aa
}
.force-azalea [class^=scheme--] .typo--scheme,
.force-azalea [class*=" scheme--"] .typo--scheme,
.scheme--azalea .typo--scheme {
color: #111b1d
}
.force-azalea [class^=scheme--] .typo--scheme:hover,
.force-azalea [class^=scheme--] .typo--scheme:focus,
.force-azalea [class*=" scheme--"] .typo--scheme:hover,
.force-azalea [class*=" scheme--"] .typo--scheme:focus,
.scheme--azalea .typo--scheme:hover,
.scheme--azalea .typo--scheme:focus {
color: #111b1d
}
.force-azalea [class^=scheme--] .typo-highlight--scheme,
.force-azalea [class*=" scheme--"] .typo-highlight--scheme,
.scheme--azalea .typo-highlight--scheme {
color: #111b1d
}
.force-azalea [class^=scheme--] .typo-highlight--scheme:hover,
.force-azalea [class^=scheme--] .typo-highlight--scheme:focus,
.force-azalea [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-azalea [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--azalea .typo-highlight--scheme:hover,
.scheme--azalea .typo-highlight--scheme:focus {
color: #111b1d
}
.force-azalea [class^=scheme--] .svg-highlight--scheme,
.force-azalea [class*=" scheme--"] .svg-highlight--scheme,
.scheme--azalea .svg-highlight--scheme {
fill: #111b1d
}
.force-azalea [class^=scheme--].form-panel__chevron:after,
.force-azalea [class*=" scheme--"].form-panel__chevron:after,
.scheme--azalea.form-panel__chevron:after {
background-color: #e196aa
}
.force-azalea [class^=scheme--] svg.photo-reel-navigation__image,
.force-azalea [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--azalea svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-azalea [class^=scheme--] .country-selector__input,
.force-azalea [class*=" scheme--"] .country-selector__input,
.scheme--azalea .country-selector__input {
border-color: #111b1d
}
.force-azalea [class^=scheme--] label:not([role=button]),
.force-azalea [class*=" scheme--"] label:not([role=button]),
.scheme--azalea label:not([role=button]) {
color: #111b1d
}
.force-azalea [class^=scheme--] a:not(.btn):not(.anchor),
.force-azalea [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--azalea a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-azalea [class^=scheme--] .anchor--external::after,
.force-azalea [class*=" scheme--"] .anchor--external::after,
.scheme--azalea .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-azure [class^=scheme--],
.force-azure [class*=" scheme--"],
.scheme--azure {
background-color: #3a43d0;
color: #fff;
fill: #fff
}
.force-azure [class^=scheme--] button[data-pagination-item],
.force-azure [class*=" scheme--"] button[data-pagination-item],
.scheme--azure button[data-pagination-item] {
background: #fff
}
.force-azure [class^=scheme--] button[data-pagination-item][data-active=true],
.force-azure [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--azure button[data-pagination-item][data-active=true] {
background: #fff
}
.force-azure [class^=scheme--] [class*=__column]:after,
.force-azure [class^=scheme--] [class*=__column]:before,
.force-azure [class^=scheme--] [class*=__subtitle]:after,
.force-azure [class^=scheme--] [class*=__subtitle]:before,
.force-azure [class^=scheme--] li:after,
.force-azure [class^=scheme--] li:before,
.force-azure [class*=" scheme--"] [class*=__column]:after,
.force-azure [class*=" scheme--"] [class*=__column]:before,
.force-azure [class*=" scheme--"] [class*=__subtitle]:after,
.force-azure [class*=" scheme--"] [class*=__subtitle]:before,
.force-azure [class*=" scheme--"] li:after,
.force-azure [class*=" scheme--"] li:before,
.scheme--azure [class*=__column]:after,
.scheme--azure [class*=__column]:before,
.scheme--azure [class*=__subtitle]:after,
.scheme--azure [class*=__subtitle]:before,
.scheme--azure li:after,
.scheme--azure li:before {
color: #fff;
background-color: #fff
}
.force-azure [class^=scheme--] .feefo-review__actions:before,
.force-azure [class*=" scheme--"] .feefo-review__actions:before,
.scheme--azure .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 67, 208, 0)), to(#3a43d0));
background: linear-gradient(to bottom, rgba(58, 67, 208, 0), #3a43d0)
}
.force-azure [class^=scheme--] .loader,
.force-azure [class*=" scheme--"] .loader,
.scheme--azure .loader {
color: #fff
}
.force-azure [class^=scheme--] .loader__background,
.force-azure [class*=" scheme--"] .loader__background,
.scheme--azure .loader__background {
background: #3a43d0
}
.force-azure [class^=scheme--] [class*=__background-image]:after,
.force-azure [class^=scheme--] [class*=__background-image]:before,
.force-azure [class*=" scheme--"] [class*=__background-image]:after,
.force-azure [class*=" scheme--"] [class*=__background-image]:before,
.scheme--azure [class*=__background-image]:after,
.scheme--azure [class*=__background-image]:before {
background-color: #3a43d0
}
.force-azure [class^=scheme--] .background--scheme,
.force-azure [class*=" scheme--"] .background--scheme,
.scheme--azure .background--scheme {
background: #3a43d0
}
.force-azure [class^=scheme--] .typo--scheme,
.force-azure [class*=" scheme--"] .typo--scheme,
.scheme--azure .typo--scheme {
color: #fff
}
.force-azure [class^=scheme--] .typo--scheme:hover,
.force-azure [class^=scheme--] .typo--scheme:focus,
.force-azure [class*=" scheme--"] .typo--scheme:hover,
.force-azure [class*=" scheme--"] .typo--scheme:focus,
.scheme--azure .typo--scheme:hover,
.scheme--azure .typo--scheme:focus {
color: #fff
}
.force-azure [class^=scheme--] .typo-highlight--scheme,
.force-azure [class*=" scheme--"] .typo-highlight--scheme,
.scheme--azure .typo-highlight--scheme {
color: #fff
}
.force-azure [class^=scheme--] .typo-highlight--scheme:hover,
.force-azure [class^=scheme--] .typo-highlight--scheme:focus,
.force-azure [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-azure [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--azure .typo-highlight--scheme:hover,
.scheme--azure .typo-highlight--scheme:focus {
color: #fff
}
.force-azure [class^=scheme--] .svg-highlight--scheme,
.force-azure [class*=" scheme--"] .svg-highlight--scheme,
.scheme--azure .svg-highlight--scheme {
fill: #fff
}
.force-azure [class^=scheme--].form-panel__chevron:after,
.force-azure [class*=" scheme--"].form-panel__chevron:after,
.scheme--azure.form-panel__chevron:after {
background-color: #3a43d0
}
.force-azure [class^=scheme--] svg.photo-reel-navigation__image,
.force-azure [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--azure svg.photo-reel-navigation__image {
fill: #fff
}
.force-azure [class^=scheme--] .country-selector__input,
.force-azure [class*=" scheme--"] .country-selector__input,
.scheme--azure .country-selector__input {
border-color: #fff
}
.force-azure [class^=scheme--] label:not([role=button]),
.force-azure [class*=" scheme--"] label:not([role=button]),
.scheme--azure label:not([role=button]) {
color: #fff
}
.force-azure [class^=scheme--] a:not(.btn):not(.anchor),
.force-azure [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--azure a:not(.btn):not(.anchor) {
color: #fff
}
.force-azure [class^=scheme--] .anchor--external::after,
.force-azure [class*=" scheme--"] .anchor--external::after,
.scheme--azure .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-axa-blue [class^=scheme--],
.force-axa-blue [class*=" scheme--"],
.scheme--axa-blue {
background-color: #00008f;
color: #fff;
fill: #fff
}
.force-axa-blue [class^=scheme--] button[data-pagination-item],
.force-axa-blue [class*=" scheme--"] button[data-pagination-item],
.scheme--axa-blue button[data-pagination-item] {
background: #fff
}
.force-axa-blue [class^=scheme--] button[data-pagination-item][data-active=true],
.force-axa-blue [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--axa-blue button[data-pagination-item][data-active=true] {
background: #fff
}
.force-axa-blue [class^=scheme--] [class*=__column]:after,
.force-axa-blue [class^=scheme--] [class*=__column]:before,
.force-axa-blue [class^=scheme--] [class*=__subtitle]:after,
.force-axa-blue [class^=scheme--] [class*=__subtitle]:before,
.force-axa-blue [class^=scheme--] li:after,
.force-axa-blue [class^=scheme--] li:before,
.force-axa-blue [class*=" scheme--"] [class*=__column]:after,
.force-axa-blue [class*=" scheme--"] [class*=__column]:before,
.force-axa-blue [class*=" scheme--"] [class*=__subtitle]:after,
.force-axa-blue [class*=" scheme--"] [class*=__subtitle]:before,
.force-axa-blue [class*=" scheme--"] li:after,
.force-axa-blue [class*=" scheme--"] li:before,
.scheme--axa-blue [class*=__column]:after,
.scheme--axa-blue [class*=__column]:before,
.scheme--axa-blue [class*=__subtitle]:after,
.scheme--axa-blue [class*=__subtitle]:before,
.scheme--axa-blue li:after,
.scheme--axa-blue li:before {
color: #fff;
background-color: #fff
}
.force-axa-blue [class^=scheme--] .feefo-review__actions:before,
.force-axa-blue [class*=" scheme--"] .feefo-review__actions:before,
.scheme--axa-blue .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 143, 0)), to(#00008f));
background: linear-gradient(to bottom, rgba(0, 0, 143, 0), #00008f)
}
.force-axa-blue [class^=scheme--] .loader,
.force-axa-blue [class*=" scheme--"] .loader,
.scheme--axa-blue .loader {
color: #fff
}
.force-axa-blue [class^=scheme--] .loader__background,
.force-axa-blue [class*=" scheme--"] .loader__background,
.scheme--axa-blue .loader__background {
background: #00008f
}
.force-axa-blue [class^=scheme--] [class*=__background-image]:after,
.force-axa-blue [class^=scheme--] [class*=__background-image]:before,
.force-axa-blue [class*=" scheme--"] [class*=__background-image]:after,
.force-axa-blue [class*=" scheme--"] [class*=__background-image]:before,
.scheme--axa-blue [class*=__background-image]:after,
.scheme--axa-blue [class*=__background-image]:before {
background-color: #00008f
}
.force-axa-blue [class^=scheme--] .background--scheme,
.force-axa-blue [class*=" scheme--"] .background--scheme,
.scheme--axa-blue .background--scheme {
background: #00008f
}
.force-axa-blue [class^=scheme--] .typo--scheme,
.force-axa-blue [class*=" scheme--"] .typo--scheme,
.scheme--axa-blue .typo--scheme {
color: #fff
}
.force-axa-blue [class^=scheme--] .typo--scheme:hover,
.force-axa-blue [class^=scheme--] .typo--scheme:focus,
.force-axa-blue [class*=" scheme--"] .typo--scheme:hover,
.force-axa-blue [class*=" scheme--"] .typo--scheme:focus,
.scheme--axa-blue .typo--scheme:hover,
.scheme--axa-blue .typo--scheme:focus {
color: #fff
}
.force-axa-blue [class^=scheme--] .typo-highlight--scheme,
.force-axa-blue [class*=" scheme--"] .typo-highlight--scheme,
.scheme--axa-blue .typo-highlight--scheme {
color: #fff
}
.force-axa-blue [class^=scheme--] .typo-highlight--scheme:hover,
.force-axa-blue [class^=scheme--] .typo-highlight--scheme:focus,
.force-axa-blue [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-axa-blue [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--axa-blue .typo-highlight--scheme:hover,
.scheme--axa-blue .typo-highlight--scheme:focus {
color: #fff
}
.force-axa-blue [class^=scheme--] .svg-highlight--scheme,
.force-axa-blue [class*=" scheme--"] .svg-highlight--scheme,
.scheme--axa-blue .svg-highlight--scheme {
fill: #fff
}
.force-axa-blue [class^=scheme--].form-panel__chevron:after,
.force-axa-blue [class*=" scheme--"].form-panel__chevron:after,
.scheme--axa-blue.form-panel__chevron:after {
background-color: #00008f
}
.force-axa-blue [class^=scheme--] svg.photo-reel-navigation__image,
.force-axa-blue [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--axa-blue svg.photo-reel-navigation__image {
fill: #fff
}
.force-axa-blue [class^=scheme--] .country-selector__input,
.force-axa-blue [class*=" scheme--"] .country-selector__input,
.scheme--axa-blue .country-selector__input {
border-color: #fff
}
.force-axa-blue [class^=scheme--] label:not([role=button]),
.force-axa-blue [class*=" scheme--"] label:not([role=button]),
.scheme--axa-blue label:not([role=button]) {
color: #fff
}
.force-axa-blue [class^=scheme--] a:not(.btn):not(.anchor),
.force-axa-blue [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--axa-blue a:not(.btn):not(.anchor) {
color: #fff
}
.force-axa-blue [class^=scheme--] .anchor--external::after,
.force-axa-blue [class*=" scheme--"] .anchor--external::after,
.scheme--axa-blue .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-cotton-candy [class^=scheme--],
.force-cotton-candy [class*=" scheme--"],
.scheme--cotton-candy {
background-color: #fad6de;
color: #111b1d;
fill: #111b1d
}
.force-cotton-candy [class^=scheme--] button[data-pagination-item],
.force-cotton-candy [class*=" scheme--"] button[data-pagination-item],
.scheme--cotton-candy button[data-pagination-item] {
background: #111b1d
}
.force-cotton-candy [class^=scheme--] button[data-pagination-item][data-active=true],
.force-cotton-candy [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--cotton-candy button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-cotton-candy [class^=scheme--] [class*=__column]:after,
.force-cotton-candy [class^=scheme--] [class*=__column]:before,
.force-cotton-candy [class^=scheme--] [class*=__subtitle]:after,
.force-cotton-candy [class^=scheme--] [class*=__subtitle]:before,
.force-cotton-candy [class^=scheme--] li:after,
.force-cotton-candy [class^=scheme--] li:before,
.force-cotton-candy [class*=" scheme--"] [class*=__column]:after,
.force-cotton-candy [class*=" scheme--"] [class*=__column]:before,
.force-cotton-candy [class*=" scheme--"] [class*=__subtitle]:after,
.force-cotton-candy [class*=" scheme--"] [class*=__subtitle]:before,
.force-cotton-candy [class*=" scheme--"] li:after,
.force-cotton-candy [class*=" scheme--"] li:before,
.scheme--cotton-candy [class*=__column]:after,
.scheme--cotton-candy [class*=__column]:before,
.scheme--cotton-candy [class*=__subtitle]:after,
.scheme--cotton-candy [class*=__subtitle]:before,
.scheme--cotton-candy li:after,
.scheme--cotton-candy li:before {
color: #111b1d;
background-color: #111b1d
}
.force-cotton-candy [class^=scheme--] .feefo-review__actions:before,
.force-cotton-candy [class*=" scheme--"] .feefo-review__actions:before,
.scheme--cotton-candy .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 214, 222, 0)), to(#fad6de));
background: linear-gradient(to bottom, rgba(250, 214, 222, 0), #fad6de)
}
.force-cotton-candy [class^=scheme--] .loader,
.force-cotton-candy [class*=" scheme--"] .loader,
.scheme--cotton-candy .loader {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] .loader__background,
.force-cotton-candy [class*=" scheme--"] .loader__background,
.scheme--cotton-candy .loader__background {
background: #fad6de
}
.force-cotton-candy [class^=scheme--] [class*=__background-image]:after,
.force-cotton-candy [class^=scheme--] [class*=__background-image]:before,
.force-cotton-candy [class*=" scheme--"] [class*=__background-image]:after,
.force-cotton-candy [class*=" scheme--"] [class*=__background-image]:before,
.scheme--cotton-candy [class*=__background-image]:after,
.scheme--cotton-candy [class*=__background-image]:before {
background-color: #fad6de
}
.force-cotton-candy [class^=scheme--] .background--scheme,
.force-cotton-candy [class*=" scheme--"] .background--scheme,
.scheme--cotton-candy .background--scheme {
background: #fad6de
}
.force-cotton-candy [class^=scheme--] .typo--scheme,
.force-cotton-candy [class*=" scheme--"] .typo--scheme,
.scheme--cotton-candy .typo--scheme {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] .typo--scheme:hover,
.force-cotton-candy [class^=scheme--] .typo--scheme:focus,
.force-cotton-candy [class*=" scheme--"] .typo--scheme:hover,
.force-cotton-candy [class*=" scheme--"] .typo--scheme:focus,
.scheme--cotton-candy .typo--scheme:hover,
.scheme--cotton-candy .typo--scheme:focus {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] .typo-highlight--scheme,
.force-cotton-candy [class*=" scheme--"] .typo-highlight--scheme,
.scheme--cotton-candy .typo-highlight--scheme {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] .typo-highlight--scheme:hover,
.force-cotton-candy [class^=scheme--] .typo-highlight--scheme:focus,
.force-cotton-candy [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-cotton-candy [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--cotton-candy .typo-highlight--scheme:hover,
.scheme--cotton-candy .typo-highlight--scheme:focus {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] .svg-highlight--scheme,
.force-cotton-candy [class*=" scheme--"] .svg-highlight--scheme,
.scheme--cotton-candy .svg-highlight--scheme {
fill: #111b1d
}
.force-cotton-candy [class^=scheme--].form-panel__chevron:after,
.force-cotton-candy [class*=" scheme--"].form-panel__chevron:after,
.scheme--cotton-candy.form-panel__chevron:after {
background-color: #fad6de
}
.force-cotton-candy [class^=scheme--] svg.photo-reel-navigation__image,
.force-cotton-candy [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--cotton-candy svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-cotton-candy [class^=scheme--] .country-selector__input,
.force-cotton-candy [class*=" scheme--"] .country-selector__input,
.scheme--cotton-candy .country-selector__input {
border-color: #111b1d
}
.force-cotton-candy [class^=scheme--] label:not([role=button]),
.force-cotton-candy [class*=" scheme--"] label:not([role=button]),
.scheme--cotton-candy label:not([role=button]) {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] a:not(.btn):not(.anchor),
.force-cotton-candy [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--cotton-candy a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-cotton-candy [class^=scheme--] .anchor--external::after,
.force-cotton-candy [class*=" scheme--"] .anchor--external::after,
.scheme--cotton-candy .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-dark-indigo [class^=scheme--],
.force-dark-indigo [class*=" scheme--"],
.scheme--dark-indigo {
background-color: #3b3fd8;
color: #fff;
fill: #fff
}
.force-dark-indigo [class^=scheme--] button[data-pagination-item],
.force-dark-indigo [class*=" scheme--"] button[data-pagination-item],
.scheme--dark-indigo button[data-pagination-item] {
background: #fff
}
.force-dark-indigo [class^=scheme--] button[data-pagination-item][data-active=true],
.force-dark-indigo [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--dark-indigo button[data-pagination-item][data-active=true] {
background: #fff
}
.force-dark-indigo [class^=scheme--] [class*=__column]:after,
.force-dark-indigo [class^=scheme--] [class*=__column]:before,
.force-dark-indigo [class^=scheme--] [class*=__subtitle]:after,
.force-dark-indigo [class^=scheme--] [class*=__subtitle]:before,
.force-dark-indigo [class^=scheme--] li:after,
.force-dark-indigo [class^=scheme--] li:before,
.force-dark-indigo [class*=" scheme--"] [class*=__column]:after,
.force-dark-indigo [class*=" scheme--"] [class*=__column]:before,
.force-dark-indigo [class*=" scheme--"] [class*=__subtitle]:after,
.force-dark-indigo [class*=" scheme--"] [class*=__subtitle]:before,
.force-dark-indigo [class*=" scheme--"] li:after,
.force-dark-indigo [class*=" scheme--"] li:before,
.scheme--dark-indigo [class*=__column]:after,
.scheme--dark-indigo [class*=__column]:before,
.scheme--dark-indigo [class*=__subtitle]:after,
.scheme--dark-indigo [class*=__subtitle]:before,
.scheme--dark-indigo li:after,
.scheme--dark-indigo li:before {
color: #fff;
background-color: #fff
}
.force-dark-indigo [class^=scheme--] .feefo-review__actions:before,
.force-dark-indigo [class*=" scheme--"] .feefo-review__actions:before,
.scheme--dark-indigo .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(59, 63, 216, 0)), to(#3b3fd8));
background: linear-gradient(to bottom, rgba(59, 63, 216, 0), #3b3fd8)
}
.force-dark-indigo [class^=scheme--] .loader,
.force-dark-indigo [class*=" scheme--"] .loader,
.scheme--dark-indigo .loader {
color: #fff
}
.force-dark-indigo [class^=scheme--] .loader__background,
.force-dark-indigo [class*=" scheme--"] .loader__background,
.scheme--dark-indigo .loader__background {
background: #3b3fd8
}
.force-dark-indigo [class^=scheme--] [class*=__background-image]:after,
.force-dark-indigo [class^=scheme--] [class*=__background-image]:before,
.force-dark-indigo [class*=" scheme--"] [class*=__background-image]:after,
.force-dark-indigo [class*=" scheme--"] [class*=__background-image]:before,
.scheme--dark-indigo [class*=__background-image]:after,
.scheme--dark-indigo [class*=__background-image]:before {
background-color: #3b3fd8
}
.force-dark-indigo [class^=scheme--] .background--scheme,
.force-dark-indigo [class*=" scheme--"] .background--scheme,
.scheme--dark-indigo .background--scheme {
background: #3b3fd8
}
.force-dark-indigo [class^=scheme--] .typo--scheme,
.force-dark-indigo [class*=" scheme--"] .typo--scheme,
.scheme--dark-indigo .typo--scheme {
color: #fff
}
.force-dark-indigo [class^=scheme--] .typo--scheme:hover,
.force-dark-indigo [class^=scheme--] .typo--scheme:focus,
.force-dark-indigo [class*=" scheme--"] .typo--scheme:hover,
.force-dark-indigo [class*=" scheme--"] .typo--scheme:focus,
.scheme--dark-indigo .typo--scheme:hover,
.scheme--dark-indigo .typo--scheme:focus {
color: #fff
}
.force-dark-indigo [class^=scheme--] .typo-highlight--scheme,
.force-dark-indigo [class*=" scheme--"] .typo-highlight--scheme,
.scheme--dark-indigo .typo-highlight--scheme {
color: #fff
}
.force-dark-indigo [class^=scheme--] .typo-highlight--scheme:hover,
.force-dark-indigo [class^=scheme--] .typo-highlight--scheme:focus,
.force-dark-indigo [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-dark-indigo [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--dark-indigo .typo-highlight--scheme:hover,
.scheme--dark-indigo .typo-highlight--scheme:focus {
color: #fff
}
.force-dark-indigo [class^=scheme--] .svg-highlight--scheme,
.force-dark-indigo [class*=" scheme--"] .svg-highlight--scheme,
.scheme--dark-indigo .svg-highlight--scheme {
fill: #fff
}
.force-dark-indigo [class^=scheme--].form-panel__chevron:after,
.force-dark-indigo [class*=" scheme--"].form-panel__chevron:after,
.scheme--dark-indigo.form-panel__chevron:after {
background-color: #3b3fd8
}
.force-dark-indigo [class^=scheme--] svg.photo-reel-navigation__image,
.force-dark-indigo [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--dark-indigo svg.photo-reel-navigation__image {
fill: #fff
}
.force-dark-indigo [class^=scheme--] .country-selector__input,
.force-dark-indigo [class*=" scheme--"] .country-selector__input,
.scheme--dark-indigo .country-selector__input {
border-color: #fff
}
.force-dark-indigo [class^=scheme--] label:not([role=button]),
.force-dark-indigo [class*=" scheme--"] label:not([role=button]),
.scheme--dark-indigo label:not([role=button]) {
color: #fff
}
.force-dark-indigo [class^=scheme--] a:not(.btn):not(.anchor),
.force-dark-indigo [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--dark-indigo a:not(.btn):not(.anchor) {
color: #fff
}
.force-dark-indigo [class^=scheme--] .anchor--external::after,
.force-dark-indigo [class*=" scheme--"] .anchor--external::after,
.scheme--dark-indigo .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-deep-sapphire [class^=scheme--],
.force-deep-sapphire [class*=" scheme--"],
.scheme--deep-sapphire {
background-color: #00005b;
color: #fff;
fill: #fff
}
.force-deep-sapphire [class^=scheme--] button[data-pagination-item],
.force-deep-sapphire [class*=" scheme--"] button[data-pagination-item],
.scheme--deep-sapphire button[data-pagination-item] {
background: #fff
}
.force-deep-sapphire [class^=scheme--] button[data-pagination-item][data-active=true],
.force-deep-sapphire [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--deep-sapphire button[data-pagination-item][data-active=true] {
background: #fff
}
.force-deep-sapphire [class^=scheme--] [class*=__column]:after,
.force-deep-sapphire [class^=scheme--] [class*=__column]:before,
.force-deep-sapphire [class^=scheme--] [class*=__subtitle]:after,
.force-deep-sapphire [class^=scheme--] [class*=__subtitle]:before,
.force-deep-sapphire [class^=scheme--] li:after,
.force-deep-sapphire [class^=scheme--] li:before,
.force-deep-sapphire [class*=" scheme--"] [class*=__column]:after,
.force-deep-sapphire [class*=" scheme--"] [class*=__column]:before,
.force-deep-sapphire [class*=" scheme--"] [class*=__subtitle]:after,
.force-deep-sapphire [class*=" scheme--"] [class*=__subtitle]:before,
.force-deep-sapphire [class*=" scheme--"] li:after,
.force-deep-sapphire [class*=" scheme--"] li:before,
.scheme--deep-sapphire [class*=__column]:after,
.scheme--deep-sapphire [class*=__column]:before,
.scheme--deep-sapphire [class*=__subtitle]:after,
.scheme--deep-sapphire [class*=__subtitle]:before,
.scheme--deep-sapphire li:after,
.scheme--deep-sapphire li:before {
color: #fff;
background-color: #fff
}
.force-deep-sapphire [class^=scheme--] .feefo-review__actions:before,
.force-deep-sapphire [class*=" scheme--"] .feefo-review__actions:before,
.scheme--deep-sapphire .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 91, 0)), to(#00005b));
background: linear-gradient(to bottom, rgba(0, 0, 91, 0), #00005b)
}
.force-deep-sapphire [class^=scheme--] .loader,
.force-deep-sapphire [class*=" scheme--"] .loader,
.scheme--deep-sapphire .loader {
color: #fff
}
.force-deep-sapphire [class^=scheme--] .loader__background,
.force-deep-sapphire [class*=" scheme--"] .loader__background,
.scheme--deep-sapphire .loader__background {
background: #00005b
}
.force-deep-sapphire [class^=scheme--] [class*=__background-image]:after,
.force-deep-sapphire [class^=scheme--] [class*=__background-image]:before,
.force-deep-sapphire [class*=" scheme--"] [class*=__background-image]:after,
.force-deep-sapphire [class*=" scheme--"] [class*=__background-image]:before,
.scheme--deep-sapphire [class*=__background-image]:after,
.scheme--deep-sapphire [class*=__background-image]:before {
background-color: #00005b
}
.force-deep-sapphire [class^=scheme--] .background--scheme,
.force-deep-sapphire [class*=" scheme--"] .background--scheme,
.scheme--deep-sapphire .background--scheme {
background: #00005b
}
.force-deep-sapphire [class^=scheme--] .typo--scheme,
.force-deep-sapphire [class*=" scheme--"] .typo--scheme,
.scheme--deep-sapphire .typo--scheme {
color: #fff
}
.force-deep-sapphire [class^=scheme--] .typo--scheme:hover,
.force-deep-sapphire [class^=scheme--] .typo--scheme:focus,
.force-deep-sapphire [class*=" scheme--"] .typo--scheme:hover,
.force-deep-sapphire [class*=" scheme--"] .typo--scheme:focus,
.scheme--deep-sapphire .typo--scheme:hover,
.scheme--deep-sapphire .typo--scheme:focus {
color: #fff
}
.force-deep-sapphire [class^=scheme--] .typo-highlight--scheme,
.force-deep-sapphire [class*=" scheme--"] .typo-highlight--scheme,
.scheme--deep-sapphire .typo-highlight--scheme {
color: #fff
}
.force-deep-sapphire [class^=scheme--] .typo-highlight--scheme:hover,
.force-deep-sapphire [class^=scheme--] .typo-highlight--scheme:focus,
.force-deep-sapphire [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-deep-sapphire [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--deep-sapphire .typo-highlight--scheme:hover,
.scheme--deep-sapphire .typo-highlight--scheme:focus {
color: #fff
}
.force-deep-sapphire [class^=scheme--] .svg-highlight--scheme,
.force-deep-sapphire [class*=" scheme--"] .svg-highlight--scheme,
.scheme--deep-sapphire .svg-highlight--scheme {
fill: #fff
}
.force-deep-sapphire [class^=scheme--].form-panel__chevron:after,
.force-deep-sapphire [class*=" scheme--"].form-panel__chevron:after,
.scheme--deep-sapphire.form-panel__chevron:after {
background-color: #00005b
}
.force-deep-sapphire [class^=scheme--] svg.photo-reel-navigation__image,
.force-deep-sapphire [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--deep-sapphire svg.photo-reel-navigation__image {
fill: #fff
}
.force-deep-sapphire [class^=scheme--] .country-selector__input,
.force-deep-sapphire [class*=" scheme--"] .country-selector__input,
.scheme--deep-sapphire .country-selector__input {
border-color: #fff
}
.force-deep-sapphire [class^=scheme--] label:not([role=button]),
.force-deep-sapphire [class*=" scheme--"] label:not([role=button]),
.scheme--deep-sapphire label:not([role=button]) {
color: #fff
}
.force-deep-sapphire [class^=scheme--] a:not(.btn):not(.anchor),
.force-deep-sapphire [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--deep-sapphire a:not(.btn):not(.anchor) {
color: #fff
}
.force-deep-sapphire [class^=scheme--] .anchor--external::after,
.force-deep-sapphire [class*=" scheme--"] .anchor--external::after,
.scheme--deep-sapphire .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-dune [class^=scheme--],
.force-dune [class*=" scheme--"],
.scheme--dune {
background-color: #fcd385;
color: #111b1d;
fill: #111b1d
}
.force-dune [class^=scheme--] button[data-pagination-item],
.force-dune [class*=" scheme--"] button[data-pagination-item],
.scheme--dune button[data-pagination-item] {
background: #111b1d
}
.force-dune [class^=scheme--] button[data-pagination-item][data-active=true],
.force-dune [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--dune button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-dune [class^=scheme--] [class*=__column]:after,
.force-dune [class^=scheme--] [class*=__column]:before,
.force-dune [class^=scheme--] [class*=__subtitle]:after,
.force-dune [class^=scheme--] [class*=__subtitle]:before,
.force-dune [class^=scheme--] li:after,
.force-dune [class^=scheme--] li:before,
.force-dune [class*=" scheme--"] [class*=__column]:after,
.force-dune [class*=" scheme--"] [class*=__column]:before,
.force-dune [class*=" scheme--"] [class*=__subtitle]:after,
.force-dune [class*=" scheme--"] [class*=__subtitle]:before,
.force-dune [class*=" scheme--"] li:after,
.force-dune [class*=" scheme--"] li:before,
.scheme--dune [class*=__column]:after,
.scheme--dune [class*=__column]:before,
.scheme--dune [class*=__subtitle]:after,
.scheme--dune [class*=__subtitle]:before,
.scheme--dune li:after,
.scheme--dune li:before {
color: #111b1d;
background-color: #111b1d
}
.force-dune [class^=scheme--] .feefo-review__actions:before,
.force-dune [class*=" scheme--"] .feefo-review__actions:before,
.scheme--dune .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 211, 133, 0)), to(#fcd385));
background: linear-gradient(to bottom, rgba(252, 211, 133, 0), #fcd385)
}
.force-dune [class^=scheme--] .loader,
.force-dune [class*=" scheme--"] .loader,
.scheme--dune .loader {
color: #111b1d
}
.force-dune [class^=scheme--] .loader__background,
.force-dune [class*=" scheme--"] .loader__background,
.scheme--dune .loader__background {
background: #fcd385
}
.force-dune [class^=scheme--] [class*=__background-image]:after,
.force-dune [class^=scheme--] [class*=__background-image]:before,
.force-dune [class*=" scheme--"] [class*=__background-image]:after,
.force-dune [class*=" scheme--"] [class*=__background-image]:before,
.scheme--dune [class*=__background-image]:after,
.scheme--dune [class*=__background-image]:before {
background-color: #fcd385
}
.force-dune [class^=scheme--] .background--scheme,
.force-dune [class*=" scheme--"] .background--scheme,
.scheme--dune .background--scheme {
background: #fcd385
}
.force-dune [class^=scheme--] .typo--scheme,
.force-dune [class*=" scheme--"] .typo--scheme,
.scheme--dune .typo--scheme {
color: #111b1d
}
.force-dune [class^=scheme--] .typo--scheme:hover,
.force-dune [class^=scheme--] .typo--scheme:focus,
.force-dune [class*=" scheme--"] .typo--scheme:hover,
.force-dune [class*=" scheme--"] .typo--scheme:focus,
.scheme--dune .typo--scheme:hover,
.scheme--dune .typo--scheme:focus {
color: #111b1d
}
.force-dune [class^=scheme--] .typo-highlight--scheme,
.force-dune [class*=" scheme--"] .typo-highlight--scheme,
.scheme--dune .typo-highlight--scheme {
color: #111b1d
}
.force-dune [class^=scheme--] .typo-highlight--scheme:hover,
.force-dune [class^=scheme--] .typo-highlight--scheme:focus,
.force-dune [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-dune [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--dune .typo-highlight--scheme:hover,
.scheme--dune .typo-highlight--scheme:focus {
color: #111b1d
}
.force-dune [class^=scheme--] .svg-highlight--scheme,
.force-dune [class*=" scheme--"] .svg-highlight--scheme,
.scheme--dune .svg-highlight--scheme {
fill: #111b1d
}
.force-dune [class^=scheme--].form-panel__chevron:after,
.force-dune [class*=" scheme--"].form-panel__chevron:after,
.scheme--dune.form-panel__chevron:after {
background-color: #fcd385
}
.force-dune [class^=scheme--] svg.photo-reel-navigation__image,
.force-dune [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--dune svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-dune [class^=scheme--] .country-selector__input,
.force-dune [class*=" scheme--"] .country-selector__input,
.scheme--dune .country-selector__input {
border-color: #111b1d
}
.force-dune [class^=scheme--] label:not([role=button]),
.force-dune [class*=" scheme--"] label:not([role=button]),
.scheme--dune label:not([role=button]) {
color: #111b1d
}
.force-dune [class^=scheme--] a:not(.btn):not(.anchor),
.force-dune [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--dune a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-dune [class^=scheme--] .anchor--external::after,
.force-dune [class*=" scheme--"] .anchor--external::after,
.scheme--dune .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-grey-300 [class^=scheme--],
.force-grey-300 [class*=" scheme--"],
.scheme--grey-300 {
background-color: #e5e5e5;
color: #111b1d;
fill: #111b1d
}
.force-grey-300 [class^=scheme--] button[data-pagination-item],
.force-grey-300 [class*=" scheme--"] button[data-pagination-item],
.scheme--grey-300 button[data-pagination-item] {
background: #111b1d
}
.force-grey-300 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-grey-300 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--grey-300 button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-grey-300 [class^=scheme--] [class*=__column]:after,
.force-grey-300 [class^=scheme--] [class*=__column]:before,
.force-grey-300 [class^=scheme--] [class*=__subtitle]:after,
.force-grey-300 [class^=scheme--] [class*=__subtitle]:before,
.force-grey-300 [class^=scheme--] li:after,
.force-grey-300 [class^=scheme--] li:before,
.force-grey-300 [class*=" scheme--"] [class*=__column]:after,
.force-grey-300 [class*=" scheme--"] [class*=__column]:before,
.force-grey-300 [class*=" scheme--"] [class*=__subtitle]:after,
.force-grey-300 [class*=" scheme--"] [class*=__subtitle]:before,
.force-grey-300 [class*=" scheme--"] li:after,
.force-grey-300 [class*=" scheme--"] li:before,
.scheme--grey-300 [class*=__column]:after,
.scheme--grey-300 [class*=__column]:before,
.scheme--grey-300 [class*=__subtitle]:after,
.scheme--grey-300 [class*=__subtitle]:before,
.scheme--grey-300 li:after,
.scheme--grey-300 li:before {
color: #111b1d;
background-color: #111b1d
}
.force-grey-300 [class^=scheme--] .feefo-review__actions:before,
.force-grey-300 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--grey-300 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), to(#e5e5e5));
background: linear-gradient(to bottom, rgba(229, 229, 229, 0), #e5e5e5)
}
.force-grey-300 [class^=scheme--] .loader,
.force-grey-300 [class*=" scheme--"] .loader,
.scheme--grey-300 .loader {
color: #111b1d
}
.force-grey-300 [class^=scheme--] .loader__background,
.force-grey-300 [class*=" scheme--"] .loader__background,
.scheme--grey-300 .loader__background {
background: #e5e5e5
}
.force-grey-300 [class^=scheme--] [class*=__background-image]:after,
.force-grey-300 [class^=scheme--] [class*=__background-image]:before,
.force-grey-300 [class*=" scheme--"] [class*=__background-image]:after,
.force-grey-300 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--grey-300 [class*=__background-image]:after,
.scheme--grey-300 [class*=__background-image]:before {
background-color: #e5e5e5
}
.force-grey-300 [class^=scheme--] .background--scheme,
.force-grey-300 [class*=" scheme--"] .background--scheme,
.scheme--grey-300 .background--scheme {
background: #e5e5e5
}
.force-grey-300 [class^=scheme--] .typo--scheme,
.force-grey-300 [class*=" scheme--"] .typo--scheme,
.scheme--grey-300 .typo--scheme {
color: #111b1d
}
.force-grey-300 [class^=scheme--] .typo--scheme:hover,
.force-grey-300 [class^=scheme--] .typo--scheme:focus,
.force-grey-300 [class*=" scheme--"] .typo--scheme:hover,
.force-grey-300 [class*=" scheme--"] .typo--scheme:focus,
.scheme--grey-300 .typo--scheme:hover,
.scheme--grey-300 .typo--scheme:focus {
color: #111b1d
}
.force-grey-300 [class^=scheme--] .typo-highlight--scheme,
.force-grey-300 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--grey-300 .typo-highlight--scheme {
color: #111b1d
}
.force-grey-300 [class^=scheme--] .typo-highlight--scheme:hover,
.force-grey-300 [class^=scheme--] .typo-highlight--scheme:focus,
.force-grey-300 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-grey-300 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--grey-300 .typo-highlight--scheme:hover,
.scheme--grey-300 .typo-highlight--scheme:focus {
color: #111b1d
}
.force-grey-300 [class^=scheme--] .svg-highlight--scheme,
.force-grey-300 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--grey-300 .svg-highlight--scheme {
fill: #111b1d
}
.force-grey-300 [class^=scheme--].form-panel__chevron:after,
.force-grey-300 [class*=" scheme--"].form-panel__chevron:after,
.scheme--grey-300.form-panel__chevron:after {
background-color: #e5e5e5
}
.force-grey-300 [class^=scheme--] svg.photo-reel-navigation__image,
.force-grey-300 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--grey-300 svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-grey-300 [class^=scheme--] .country-selector__input,
.force-grey-300 [class*=" scheme--"] .country-selector__input,
.scheme--grey-300 .country-selector__input {
border-color: #111b1d
}
.force-grey-300 [class^=scheme--] label:not([role=button]),
.force-grey-300 [class*=" scheme--"] label:not([role=button]),
.scheme--grey-300 label:not([role=button]) {
color: #111b1d
}
.force-grey-300 [class^=scheme--] a:not(.btn):not(.anchor),
.force-grey-300 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--grey-300 a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-grey-300 [class^=scheme--] .anchor--external::after,
.force-grey-300 [class*=" scheme--"] .anchor--external::after,
.scheme--grey-300 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-greyjoy [class^=scheme--],
.force-greyjoy [class*=" scheme--"],
.scheme--greyjoy {
background-color: #9fbeaf;
color: #111b1d;
fill: #111b1d
}
.force-greyjoy [class^=scheme--] button[data-pagination-item],
.force-greyjoy [class*=" scheme--"] button[data-pagination-item],
.scheme--greyjoy button[data-pagination-item] {
background: #111b1d
}
.force-greyjoy [class^=scheme--] button[data-pagination-item][data-active=true],
.force-greyjoy [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--greyjoy button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-greyjoy [class^=scheme--] [class*=__column]:after,
.force-greyjoy [class^=scheme--] [class*=__column]:before,
.force-greyjoy [class^=scheme--] [class*=__subtitle]:after,
.force-greyjoy [class^=scheme--] [class*=__subtitle]:before,
.force-greyjoy [class^=scheme--] li:after,
.force-greyjoy [class^=scheme--] li:before,
.force-greyjoy [class*=" scheme--"] [class*=__column]:after,
.force-greyjoy [class*=" scheme--"] [class*=__column]:before,
.force-greyjoy [class*=" scheme--"] [class*=__subtitle]:after,
.force-greyjoy [class*=" scheme--"] [class*=__subtitle]:before,
.force-greyjoy [class*=" scheme--"] li:after,
.force-greyjoy [class*=" scheme--"] li:before,
.scheme--greyjoy [class*=__column]:after,
.scheme--greyjoy [class*=__column]:before,
.scheme--greyjoy [class*=__subtitle]:after,
.scheme--greyjoy [class*=__subtitle]:before,
.scheme--greyjoy li:after,
.scheme--greyjoy li:before {
color: #111b1d;
background-color: #111b1d
}
.force-greyjoy [class^=scheme--] .feefo-review__actions:before,
.force-greyjoy [class*=" scheme--"] .feefo-review__actions:before,
.scheme--greyjoy .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(159, 190, 175, 0)), to(#9fbeaf));
background: linear-gradient(to bottom, rgba(159, 190, 175, 0), #9fbeaf)
}
.force-greyjoy [class^=scheme--] .loader,
.force-greyjoy [class*=" scheme--"] .loader,
.scheme--greyjoy .loader {
color: #111b1d
}
.force-greyjoy [class^=scheme--] .loader__background,
.force-greyjoy [class*=" scheme--"] .loader__background,
.scheme--greyjoy .loader__background {
background: #9fbeaf
}
.force-greyjoy [class^=scheme--] [class*=__background-image]:after,
.force-greyjoy [class^=scheme--] [class*=__background-image]:before,
.force-greyjoy [class*=" scheme--"] [class*=__background-image]:after,
.force-greyjoy [class*=" scheme--"] [class*=__background-image]:before,
.scheme--greyjoy [class*=__background-image]:after,
.scheme--greyjoy [class*=__background-image]:before {
background-color: #9fbeaf
}
.force-greyjoy [class^=scheme--] .background--scheme,
.force-greyjoy [class*=" scheme--"] .background--scheme,
.scheme--greyjoy .background--scheme {
background: #9fbeaf
}
.force-greyjoy [class^=scheme--] .typo--scheme,
.force-greyjoy [class*=" scheme--"] .typo--scheme,
.scheme--greyjoy .typo--scheme {
color: #111b1d
}
.force-greyjoy [class^=scheme--] .typo--scheme:hover,
.force-greyjoy [class^=scheme--] .typo--scheme:focus,
.force-greyjoy [class*=" scheme--"] .typo--scheme:hover,
.force-greyjoy [class*=" scheme--"] .typo--scheme:focus,
.scheme--greyjoy .typo--scheme:hover,
.scheme--greyjoy .typo--scheme:focus {
color: #111b1d
}
.force-greyjoy [class^=scheme--] .typo-highlight--scheme,
.force-greyjoy [class*=" scheme--"] .typo-highlight--scheme,
.scheme--greyjoy .typo-highlight--scheme {
color: #111b1d
}
.force-greyjoy [class^=scheme--] .typo-highlight--scheme:hover,
.force-greyjoy [class^=scheme--] .typo-highlight--scheme:focus,
.force-greyjoy [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-greyjoy [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--greyjoy .typo-highlight--scheme:hover,
.scheme--greyjoy .typo-highlight--scheme:focus {
color: #111b1d
}
.force-greyjoy [class^=scheme--] .svg-highlight--scheme,
.force-greyjoy [class*=" scheme--"] .svg-highlight--scheme,
.scheme--greyjoy .svg-highlight--scheme {
fill: #111b1d
}
.force-greyjoy [class^=scheme--].form-panel__chevron:after,
.force-greyjoy [class*=" scheme--"].form-panel__chevron:after,
.scheme--greyjoy.form-panel__chevron:after {
background-color: #9fbeaf
}
.force-greyjoy [class^=scheme--] svg.photo-reel-navigation__image,
.force-greyjoy [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--greyjoy svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-greyjoy [class^=scheme--] .country-selector__input,
.force-greyjoy [class*=" scheme--"] .country-selector__input,
.scheme--greyjoy .country-selector__input {
border-color: #111b1d
}
.force-greyjoy [class^=scheme--] label:not([role=button]),
.force-greyjoy [class*=" scheme--"] label:not([role=button]),
.scheme--greyjoy label:not([role=button]) {
color: #111b1d
}
.force-greyjoy [class^=scheme--] a:not(.btn):not(.anchor),
.force-greyjoy [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--greyjoy a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-greyjoy [class^=scheme--] .anchor--external::after,
.force-greyjoy [class*=" scheme--"] .anchor--external::after,
.scheme--greyjoy .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-igloo [class^=scheme--],
.force-igloo [class*=" scheme--"],
.scheme--igloo {
background-color: #b5d0ee;
color: #111b1d;
fill: #111b1d
}
.force-igloo [class^=scheme--] button[data-pagination-item],
.force-igloo [class*=" scheme--"] button[data-pagination-item],
.scheme--igloo button[data-pagination-item] {
background: #111b1d
}
.force-igloo [class^=scheme--] button[data-pagination-item][data-active=true],
.force-igloo [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--igloo button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-igloo [class^=scheme--] [class*=__column]:after,
.force-igloo [class^=scheme--] [class*=__column]:before,
.force-igloo [class^=scheme--] [class*=__subtitle]:after,
.force-igloo [class^=scheme--] [class*=__subtitle]:before,
.force-igloo [class^=scheme--] li:after,
.force-igloo [class^=scheme--] li:before,
.force-igloo [class*=" scheme--"] [class*=__column]:after,
.force-igloo [class*=" scheme--"] [class*=__column]:before,
.force-igloo [class*=" scheme--"] [class*=__subtitle]:after,
.force-igloo [class*=" scheme--"] [class*=__subtitle]:before,
.force-igloo [class*=" scheme--"] li:after,
.force-igloo [class*=" scheme--"] li:before,
.scheme--igloo [class*=__column]:after,
.scheme--igloo [class*=__column]:before,
.scheme--igloo [class*=__subtitle]:after,
.scheme--igloo [class*=__subtitle]:before,
.scheme--igloo li:after,
.scheme--igloo li:before {
color: #111b1d;
background-color: #111b1d
}
.force-igloo [class^=scheme--] .feefo-review__actions:before,
.force-igloo [class*=" scheme--"] .feefo-review__actions:before,
.scheme--igloo .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(181, 208, 238, 0)), to(#b5d0ee));
background: linear-gradient(to bottom, rgba(181, 208, 238, 0), #b5d0ee)
}
.force-igloo [class^=scheme--] .loader,
.force-igloo [class*=" scheme--"] .loader,
.scheme--igloo .loader {
color: #111b1d
}
.force-igloo [class^=scheme--] .loader__background,
.force-igloo [class*=" scheme--"] .loader__background,
.scheme--igloo .loader__background {
background: #b5d0ee
}
.force-igloo [class^=scheme--] [class*=__background-image]:after,
.force-igloo [class^=scheme--] [class*=__background-image]:before,
.force-igloo [class*=" scheme--"] [class*=__background-image]:after,
.force-igloo [class*=" scheme--"] [class*=__background-image]:before,
.scheme--igloo [class*=__background-image]:after,
.scheme--igloo [class*=__background-image]:before {
background-color: #b5d0ee
}
.force-igloo [class^=scheme--] .background--scheme,
.force-igloo [class*=" scheme--"] .background--scheme,
.scheme--igloo .background--scheme {
background: #b5d0ee
}
.force-igloo [class^=scheme--] .typo--scheme,
.force-igloo [class*=" scheme--"] .typo--scheme,
.scheme--igloo .typo--scheme {
color: #111b1d
}
.force-igloo [class^=scheme--] .typo--scheme:hover,
.force-igloo [class^=scheme--] .typo--scheme:focus,
.force-igloo [class*=" scheme--"] .typo--scheme:hover,
.force-igloo [class*=" scheme--"] .typo--scheme:focus,
.scheme--igloo .typo--scheme:hover,
.scheme--igloo .typo--scheme:focus {
color: #111b1d
}
.force-igloo [class^=scheme--] .typo-highlight--scheme,
.force-igloo [class*=" scheme--"] .typo-highlight--scheme,
.scheme--igloo .typo-highlight--scheme {
color: #111b1d
}
.force-igloo [class^=scheme--] .typo-highlight--scheme:hover,
.force-igloo [class^=scheme--] .typo-highlight--scheme:focus,
.force-igloo [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-igloo [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--igloo .typo-highlight--scheme:hover,
.scheme--igloo .typo-highlight--scheme:focus {
color: #111b1d
}
.force-igloo [class^=scheme--] .svg-highlight--scheme,
.force-igloo [class*=" scheme--"] .svg-highlight--scheme,
.scheme--igloo .svg-highlight--scheme {
fill: #111b1d
}
.force-igloo [class^=scheme--].form-panel__chevron:after,
.force-igloo [class*=" scheme--"].form-panel__chevron:after,
.scheme--igloo.form-panel__chevron:after {
background-color: #b5d0ee
}
.force-igloo [class^=scheme--] svg.photo-reel-navigation__image,
.force-igloo [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--igloo svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-igloo [class^=scheme--] .country-selector__input,
.force-igloo [class*=" scheme--"] .country-selector__input,
.scheme--igloo .country-selector__input {
border-color: #111b1d
}
.force-igloo [class^=scheme--] label:not([role=button]),
.force-igloo [class*=" scheme--"] label:not([role=button]),
.scheme--igloo label:not([role=button]) {
color: #111b1d
}
.force-igloo [class^=scheme--] a:not(.btn):not(.anchor),
.force-igloo [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--igloo a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-igloo [class^=scheme--] .anchor--external::after,
.force-igloo [class*=" scheme--"] .anchor--external::after,
.scheme--igloo .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-indigo [class^=scheme--],
.force-indigo [class*=" scheme--"],
.scheme--indigo {
background-color: #494df4;
color: #fff;
fill: #fff
}
.force-indigo [class^=scheme--] button[data-pagination-item],
.force-indigo [class*=" scheme--"] button[data-pagination-item],
.scheme--indigo button[data-pagination-item] {
background: #fff
}
.force-indigo [class^=scheme--] button[data-pagination-item][data-active=true],
.force-indigo [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--indigo button[data-pagination-item][data-active=true] {
background: #fff
}
.force-indigo [class^=scheme--] [class*=__column]:after,
.force-indigo [class^=scheme--] [class*=__column]:before,
.force-indigo [class^=scheme--] [class*=__subtitle]:after,
.force-indigo [class^=scheme--] [class*=__subtitle]:before,
.force-indigo [class^=scheme--] li:after,
.force-indigo [class^=scheme--] li:before,
.force-indigo [class*=" scheme--"] [class*=__column]:after,
.force-indigo [class*=" scheme--"] [class*=__column]:before,
.force-indigo [class*=" scheme--"] [class*=__subtitle]:after,
.force-indigo [class*=" scheme--"] [class*=__subtitle]:before,
.force-indigo [class*=" scheme--"] li:after,
.force-indigo [class*=" scheme--"] li:before,
.scheme--indigo [class*=__column]:after,
.scheme--indigo [class*=__column]:before,
.scheme--indigo [class*=__subtitle]:after,
.scheme--indigo [class*=__subtitle]:before,
.scheme--indigo li:after,
.scheme--indigo li:before {
color: #fff;
background-color: #fff
}
.force-indigo [class^=scheme--] .feefo-review__actions:before,
.force-indigo [class*=" scheme--"] .feefo-review__actions:before,
.scheme--indigo .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 77, 244, 0)), to(#494df4));
background: linear-gradient(to bottom, rgba(73, 77, 244, 0), #494df4)
}
.force-indigo [class^=scheme--] .loader,
.force-indigo [class*=" scheme--"] .loader,
.scheme--indigo .loader {
color: #fff
}
.force-indigo [class^=scheme--] .loader__background,
.force-indigo [class*=" scheme--"] .loader__background,
.scheme--indigo .loader__background {
background: #494df4
}
.force-indigo [class^=scheme--] [class*=__background-image]:after,
.force-indigo [class^=scheme--] [class*=__background-image]:before,
.force-indigo [class*=" scheme--"] [class*=__background-image]:after,
.force-indigo [class*=" scheme--"] [class*=__background-image]:before,
.scheme--indigo [class*=__background-image]:after,
.scheme--indigo [class*=__background-image]:before {
background-color: #494df4
}
.force-indigo [class^=scheme--] .background--scheme,
.force-indigo [class*=" scheme--"] .background--scheme,
.scheme--indigo .background--scheme {
background: #494df4
}
.force-indigo [class^=scheme--] .typo--scheme,
.force-indigo [class*=" scheme--"] .typo--scheme,
.scheme--indigo .typo--scheme {
color: #fff
}
.force-indigo [class^=scheme--] .typo--scheme:hover,
.force-indigo [class^=scheme--] .typo--scheme:focus,
.force-indigo [class*=" scheme--"] .typo--scheme:hover,
.force-indigo [class*=" scheme--"] .typo--scheme:focus,
.scheme--indigo .typo--scheme:hover,
.scheme--indigo .typo--scheme:focus {
color: #fff
}
.force-indigo [class^=scheme--] .typo-highlight--scheme,
.force-indigo [class*=" scheme--"] .typo-highlight--scheme,
.scheme--indigo .typo-highlight--scheme {
color: #fff
}
.force-indigo [class^=scheme--] .typo-highlight--scheme:hover,
.force-indigo [class^=scheme--] .typo-highlight--scheme:focus,
.force-indigo [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-indigo [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--indigo .typo-highlight--scheme:hover,
.scheme--indigo .typo-highlight--scheme:focus {
color: #fff
}
.force-indigo [class^=scheme--] .svg-highlight--scheme,
.force-indigo [class*=" scheme--"] .svg-highlight--scheme,
.scheme--indigo .svg-highlight--scheme {
fill: #fff
}
.force-indigo [class^=scheme--].form-panel__chevron:after,
.force-indigo [class*=" scheme--"].form-panel__chevron:after,
.scheme--indigo.form-panel__chevron:after {
background-color: #494df4
}
.force-indigo [class^=scheme--] svg.photo-reel-navigation__image,
.force-indigo [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--indigo svg.photo-reel-navigation__image {
fill: #fff
}
.force-indigo [class^=scheme--] .country-selector__input,
.force-indigo [class*=" scheme--"] .country-selector__input,
.scheme--indigo .country-selector__input {
border-color: #fff
}
.force-indigo [class^=scheme--] label:not([role=button]),
.force-indigo [class*=" scheme--"] label:not([role=button]),
.scheme--indigo label:not([role=button]) {
color: #fff
}
.force-indigo [class^=scheme--] a:not(.btn):not(.anchor),
.force-indigo [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--indigo a:not(.btn):not(.anchor) {
color: #fff
}
.force-indigo [class^=scheme--] .anchor--external::after,
.force-indigo [class*=" scheme--"] .anchor--external::after,
.scheme--indigo .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-logan [class^=scheme--],
.force-logan [class*=" scheme--"],
.scheme--logan {
background-color: #9190ac;
color: #111b1d;
fill: #111b1d
}
.force-logan [class^=scheme--] button[data-pagination-item],
.force-logan [class*=" scheme--"] button[data-pagination-item],
.scheme--logan button[data-pagination-item] {
background: #111b1d
}
.force-logan [class^=scheme--] button[data-pagination-item][data-active=true],
.force-logan [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--logan button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-logan [class^=scheme--] [class*=__column]:after,
.force-logan [class^=scheme--] [class*=__column]:before,
.force-logan [class^=scheme--] [class*=__subtitle]:after,
.force-logan [class^=scheme--] [class*=__subtitle]:before,
.force-logan [class^=scheme--] li:after,
.force-logan [class^=scheme--] li:before,
.force-logan [class*=" scheme--"] [class*=__column]:after,
.force-logan [class*=" scheme--"] [class*=__column]:before,
.force-logan [class*=" scheme--"] [class*=__subtitle]:after,
.force-logan [class*=" scheme--"] [class*=__subtitle]:before,
.force-logan [class*=" scheme--"] li:after,
.force-logan [class*=" scheme--"] li:before,
.scheme--logan [class*=__column]:after,
.scheme--logan [class*=__column]:before,
.scheme--logan [class*=__subtitle]:after,
.scheme--logan [class*=__subtitle]:before,
.scheme--logan li:after,
.scheme--logan li:before {
color: #111b1d;
background-color: #111b1d
}
.force-logan [class^=scheme--] .feefo-review__actions:before,
.force-logan [class*=" scheme--"] .feefo-review__actions:before,
.scheme--logan .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(145, 144, 172, 0)), to(#9190ac));
background: linear-gradient(to bottom, rgba(145, 144, 172, 0), #9190ac)
}
.force-logan [class^=scheme--] .loader,
.force-logan [class*=" scheme--"] .loader,
.scheme--logan .loader {
color: #111b1d
}
.force-logan [class^=scheme--] .loader__background,
.force-logan [class*=" scheme--"] .loader__background,
.scheme--logan .loader__background {
background: #9190ac
}
.force-logan [class^=scheme--] [class*=__background-image]:after,
.force-logan [class^=scheme--] [class*=__background-image]:before,
.force-logan [class*=" scheme--"] [class*=__background-image]:after,
.force-logan [class*=" scheme--"] [class*=__background-image]:before,
.scheme--logan [class*=__background-image]:after,
.scheme--logan [class*=__background-image]:before {
background-color: #9190ac
}
.force-logan [class^=scheme--] .background--scheme,
.force-logan [class*=" scheme--"] .background--scheme,
.scheme--logan .background--scheme {
background: #9190ac
}
.force-logan [class^=scheme--] .typo--scheme,
.force-logan [class*=" scheme--"] .typo--scheme,
.scheme--logan .typo--scheme {
color: #111b1d
}
.force-logan [class^=scheme--] .typo--scheme:hover,
.force-logan [class^=scheme--] .typo--scheme:focus,
.force-logan [class*=" scheme--"] .typo--scheme:hover,
.force-logan [class*=" scheme--"] .typo--scheme:focus,
.scheme--logan .typo--scheme:hover,
.scheme--logan .typo--scheme:focus {
color: #111b1d
}
.force-logan [class^=scheme--] .typo-highlight--scheme,
.force-logan [class*=" scheme--"] .typo-highlight--scheme,
.scheme--logan .typo-highlight--scheme {
color: #111b1d
}
.force-logan [class^=scheme--] .typo-highlight--scheme:hover,
.force-logan [class^=scheme--] .typo-highlight--scheme:focus,
.force-logan [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-logan [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--logan .typo-highlight--scheme:hover,
.scheme--logan .typo-highlight--scheme:focus {
color: #111b1d
}
.force-logan [class^=scheme--] .svg-highlight--scheme,
.force-logan [class*=" scheme--"] .svg-highlight--scheme,
.scheme--logan .svg-highlight--scheme {
fill: #111b1d
}
.force-logan [class^=scheme--].form-panel__chevron:after,
.force-logan [class*=" scheme--"].form-panel__chevron:after,
.scheme--logan.form-panel__chevron:after {
background-color: #9190ac
}
.force-logan [class^=scheme--] svg.photo-reel-navigation__image,
.force-logan [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--logan svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-logan [class^=scheme--] .country-selector__input,
.force-logan [class*=" scheme--"] .country-selector__input,
.scheme--logan .country-selector__input {
border-color: #111b1d
}
.force-logan [class^=scheme--] label:not([role=button]),
.force-logan [class*=" scheme--"] label:not([role=button]),
.scheme--logan label:not([role=button]) {
color: #111b1d
}
.force-logan [class^=scheme--] a:not(.btn):not(.anchor),
.force-logan [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--logan a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-logan [class^=scheme--] .anchor--external::after,
.force-logan [class*=" scheme--"] .anchor--external::after,
.scheme--logan .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-mercury [class^=scheme--],
.force-mercury [class*=" scheme--"],
.scheme--mercury {
background-color: #e5e5e5;
color: #111b1d;
fill: #111b1d
}
.force-mercury [class^=scheme--] button[data-pagination-item],
.force-mercury [class*=" scheme--"] button[data-pagination-item],
.scheme--mercury button[data-pagination-item] {
background: #111b1d
}
.force-mercury [class^=scheme--] button[data-pagination-item][data-active=true],
.force-mercury [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--mercury button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-mercury [class^=scheme--] [class*=__column]:after,
.force-mercury [class^=scheme--] [class*=__column]:before,
.force-mercury [class^=scheme--] [class*=__subtitle]:after,
.force-mercury [class^=scheme--] [class*=__subtitle]:before,
.force-mercury [class^=scheme--] li:after,
.force-mercury [class^=scheme--] li:before,
.force-mercury [class*=" scheme--"] [class*=__column]:after,
.force-mercury [class*=" scheme--"] [class*=__column]:before,
.force-mercury [class*=" scheme--"] [class*=__subtitle]:after,
.force-mercury [class*=" scheme--"] [class*=__subtitle]:before,
.force-mercury [class*=" scheme--"] li:after,
.force-mercury [class*=" scheme--"] li:before,
.scheme--mercury [class*=__column]:after,
.scheme--mercury [class*=__column]:before,
.scheme--mercury [class*=__subtitle]:after,
.scheme--mercury [class*=__subtitle]:before,
.scheme--mercury li:after,
.scheme--mercury li:before {
color: #111b1d;
background-color: #111b1d
}
.force-mercury [class^=scheme--] .feefo-review__actions:before,
.force-mercury [class*=" scheme--"] .feefo-review__actions:before,
.scheme--mercury .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 229, 229, 0)), to(#e5e5e5));
background: linear-gradient(to bottom, rgba(229, 229, 229, 0), #e5e5e5)
}
.force-mercury [class^=scheme--] .loader,
.force-mercury [class*=" scheme--"] .loader,
.scheme--mercury .loader {
color: #111b1d
}
.force-mercury [class^=scheme--] .loader__background,
.force-mercury [class*=" scheme--"] .loader__background,
.scheme--mercury .loader__background {
background: #e5e5e5
}
.force-mercury [class^=scheme--] [class*=__background-image]:after,
.force-mercury [class^=scheme--] [class*=__background-image]:before,
.force-mercury [class*=" scheme--"] [class*=__background-image]:after,
.force-mercury [class*=" scheme--"] [class*=__background-image]:before,
.scheme--mercury [class*=__background-image]:after,
.scheme--mercury [class*=__background-image]:before {
background-color: #e5e5e5
}
.force-mercury [class^=scheme--] .background--scheme,
.force-mercury [class*=" scheme--"] .background--scheme,
.scheme--mercury .background--scheme {
background: #e5e5e5
}
.force-mercury [class^=scheme--] .typo--scheme,
.force-mercury [class*=" scheme--"] .typo--scheme,
.scheme--mercury .typo--scheme {
color: #111b1d
}
.force-mercury [class^=scheme--] .typo--scheme:hover,
.force-mercury [class^=scheme--] .typo--scheme:focus,
.force-mercury [class*=" scheme--"] .typo--scheme:hover,
.force-mercury [class*=" scheme--"] .typo--scheme:focus,
.scheme--mercury .typo--scheme:hover,
.scheme--mercury .typo--scheme:focus {
color: #111b1d
}
.force-mercury [class^=scheme--] .typo-highlight--scheme,
.force-mercury [class*=" scheme--"] .typo-highlight--scheme,
.scheme--mercury .typo-highlight--scheme {
color: #111b1d
}
.force-mercury [class^=scheme--] .typo-highlight--scheme:hover,
.force-mercury [class^=scheme--] .typo-highlight--scheme:focus,
.force-mercury [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-mercury [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--mercury .typo-highlight--scheme:hover,
.scheme--mercury .typo-highlight--scheme:focus {
color: #111b1d
}
.force-mercury [class^=scheme--] .svg-highlight--scheme,
.force-mercury [class*=" scheme--"] .svg-highlight--scheme,
.scheme--mercury .svg-highlight--scheme {
fill: #111b1d
}
.force-mercury [class^=scheme--].form-panel__chevron:after,
.force-mercury [class*=" scheme--"].form-panel__chevron:after,
.scheme--mercury.form-panel__chevron:after {
background-color: #e5e5e5
}
.force-mercury [class^=scheme--] svg.photo-reel-navigation__image,
.force-mercury [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--mercury svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-mercury [class^=scheme--] .country-selector__input,
.force-mercury [class*=" scheme--"] .country-selector__input,
.scheme--mercury .country-selector__input {
border-color: #111b1d
}
.force-mercury [class^=scheme--] label:not([role=button]),
.force-mercury [class*=" scheme--"] label:not([role=button]),
.scheme--mercury label:not([role=button]) {
color: #111b1d
}
.force-mercury [class^=scheme--] a:not(.btn):not(.anchor),
.force-mercury [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--mercury a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-mercury [class^=scheme--] .anchor--external::after,
.force-mercury [class*=" scheme--"] .anchor--external::after,
.scheme--mercury .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-ocean-blue [class^=scheme--],
.force-ocean-blue [class*=" scheme--"],
.scheme--ocean-blue {
background-color: #4976ba;
color: #fff;
fill: #fff
}
.force-ocean-blue [class^=scheme--] button[data-pagination-item],
.force-ocean-blue [class*=" scheme--"] button[data-pagination-item],
.scheme--ocean-blue button[data-pagination-item] {
background: #fff
}
.force-ocean-blue [class^=scheme--] button[data-pagination-item][data-active=true],
.force-ocean-blue [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--ocean-blue button[data-pagination-item][data-active=true] {
background: #fff
}
.force-ocean-blue [class^=scheme--] [class*=__column]:after,
.force-ocean-blue [class^=scheme--] [class*=__column]:before,
.force-ocean-blue [class^=scheme--] [class*=__subtitle]:after,
.force-ocean-blue [class^=scheme--] [class*=__subtitle]:before,
.force-ocean-blue [class^=scheme--] li:after,
.force-ocean-blue [class^=scheme--] li:before,
.force-ocean-blue [class*=" scheme--"] [class*=__column]:after,
.force-ocean-blue [class*=" scheme--"] [class*=__column]:before,
.force-ocean-blue [class*=" scheme--"] [class*=__subtitle]:after,
.force-ocean-blue [class*=" scheme--"] [class*=__subtitle]:before,
.force-ocean-blue [class*=" scheme--"] li:after,
.force-ocean-blue [class*=" scheme--"] li:before,
.scheme--ocean-blue [class*=__column]:after,
.scheme--ocean-blue [class*=__column]:before,
.scheme--ocean-blue [class*=__subtitle]:after,
.scheme--ocean-blue [class*=__subtitle]:before,
.scheme--ocean-blue li:after,
.scheme--ocean-blue li:before {
color: #fff;
background-color: #fff
}
.force-ocean-blue [class^=scheme--] .feefo-review__actions:before,
.force-ocean-blue [class*=" scheme--"] .feefo-review__actions:before,
.scheme--ocean-blue .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 118, 186, 0)), to(#4976ba));
background: linear-gradient(to bottom, rgba(73, 118, 186, 0), #4976ba)
}
.force-ocean-blue [class^=scheme--] .loader,
.force-ocean-blue [class*=" scheme--"] .loader,
.scheme--ocean-blue .loader {
color: #fff
}
.force-ocean-blue [class^=scheme--] .loader__background,
.force-ocean-blue [class*=" scheme--"] .loader__background,
.scheme--ocean-blue .loader__background {
background: #4976ba
}
.force-ocean-blue [class^=scheme--] [class*=__background-image]:after,
.force-ocean-blue [class^=scheme--] [class*=__background-image]:before,
.force-ocean-blue [class*=" scheme--"] [class*=__background-image]:after,
.force-ocean-blue [class*=" scheme--"] [class*=__background-image]:before,
.scheme--ocean-blue [class*=__background-image]:after,
.scheme--ocean-blue [class*=__background-image]:before {
background-color: #4976ba
}
.force-ocean-blue [class^=scheme--] .background--scheme,
.force-ocean-blue [class*=" scheme--"] .background--scheme,
.scheme--ocean-blue .background--scheme {
background: #4976ba
}
.force-ocean-blue [class^=scheme--] .typo--scheme,
.force-ocean-blue [class*=" scheme--"] .typo--scheme,
.scheme--ocean-blue .typo--scheme {
color: #fff
}
.force-ocean-blue [class^=scheme--] .typo--scheme:hover,
.force-ocean-blue [class^=scheme--] .typo--scheme:focus,
.force-ocean-blue [class*=" scheme--"] .typo--scheme:hover,
.force-ocean-blue [class*=" scheme--"] .typo--scheme:focus,
.scheme--ocean-blue .typo--scheme:hover,
.scheme--ocean-blue .typo--scheme:focus {
color: #fff
}
.force-ocean-blue [class^=scheme--] .typo-highlight--scheme,
.force-ocean-blue [class*=" scheme--"] .typo-highlight--scheme,
.scheme--ocean-blue .typo-highlight--scheme {
color: #fff
}
.force-ocean-blue [class^=scheme--] .typo-highlight--scheme:hover,
.force-ocean-blue [class^=scheme--] .typo-highlight--scheme:focus,
.force-ocean-blue [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-ocean-blue [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--ocean-blue .typo-highlight--scheme:hover,
.scheme--ocean-blue .typo-highlight--scheme:focus {
color: #fff
}
.force-ocean-blue [class^=scheme--] .svg-highlight--scheme,
.force-ocean-blue [class*=" scheme--"] .svg-highlight--scheme,
.scheme--ocean-blue .svg-highlight--scheme {
fill: #fff
}
.force-ocean-blue [class^=scheme--].form-panel__chevron:after,
.force-ocean-blue [class*=" scheme--"].form-panel__chevron:after,
.scheme--ocean-blue.form-panel__chevron:after {
background-color: #4976ba
}
.force-ocean-blue [class^=scheme--] svg.photo-reel-navigation__image,
.force-ocean-blue [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--ocean-blue svg.photo-reel-navigation__image {
fill: #fff
}
.force-ocean-blue [class^=scheme--] .country-selector__input,
.force-ocean-blue [class*=" scheme--"] .country-selector__input,
.scheme--ocean-blue .country-selector__input {
border-color: #fff
}
.force-ocean-blue [class^=scheme--] label:not([role=button]),
.force-ocean-blue [class*=" scheme--"] label:not([role=button]),
.scheme--ocean-blue label:not([role=button]) {
color: #fff
}
.force-ocean-blue [class^=scheme--] a:not(.btn):not(.anchor),
.force-ocean-blue [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--ocean-blue a:not(.btn):not(.anchor) {
color: #fff
}
.force-ocean-blue [class^=scheme--] .anchor--external::after,
.force-ocean-blue [class*=" scheme--"] .anchor--external::after,
.scheme--ocean-blue .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-ocean-blue-400 [class^=scheme--],
.force-ocean-blue-400 [class*=" scheme--"],
.scheme--ocean-blue-400 {
background-color: #274168;
color: #fff;
fill: #fff
}
.force-ocean-blue-400 [class^=scheme--] button[data-pagination-item],
.force-ocean-blue-400 [class*=" scheme--"] button[data-pagination-item],
.scheme--ocean-blue-400 button[data-pagination-item] {
background: #fff
}
.force-ocean-blue-400 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-ocean-blue-400 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--ocean-blue-400 button[data-pagination-item][data-active=true] {
background: #fff
}
.force-ocean-blue-400 [class^=scheme--] [class*=__column]:after,
.force-ocean-blue-400 [class^=scheme--] [class*=__column]:before,
.force-ocean-blue-400 [class^=scheme--] [class*=__subtitle]:after,
.force-ocean-blue-400 [class^=scheme--] [class*=__subtitle]:before,
.force-ocean-blue-400 [class^=scheme--] li:after,
.force-ocean-blue-400 [class^=scheme--] li:before,
.force-ocean-blue-400 [class*=" scheme--"] [class*=__column]:after,
.force-ocean-blue-400 [class*=" scheme--"] [class*=__column]:before,
.force-ocean-blue-400 [class*=" scheme--"] [class*=__subtitle]:after,
.force-ocean-blue-400 [class*=" scheme--"] [class*=__subtitle]:before,
.force-ocean-blue-400 [class*=" scheme--"] li:after,
.force-ocean-blue-400 [class*=" scheme--"] li:before,
.scheme--ocean-blue-400 [class*=__column]:after,
.scheme--ocean-blue-400 [class*=__column]:before,
.scheme--ocean-blue-400 [class*=__subtitle]:after,
.scheme--ocean-blue-400 [class*=__subtitle]:before,
.scheme--ocean-blue-400 li:after,
.scheme--ocean-blue-400 li:before {
color: #fff;
background-color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .feefo-review__actions:before,
.force-ocean-blue-400 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--ocean-blue-400 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 65, 104, 0)), to(#274168));
background: linear-gradient(to bottom, rgba(39, 65, 104, 0), #274168)
}
.force-ocean-blue-400 [class^=scheme--] .loader,
.force-ocean-blue-400 [class*=" scheme--"] .loader,
.scheme--ocean-blue-400 .loader {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .loader__background,
.force-ocean-blue-400 [class*=" scheme--"] .loader__background,
.scheme--ocean-blue-400 .loader__background {
background: #274168
}
.force-ocean-blue-400 [class^=scheme--] [class*=__background-image]:after,
.force-ocean-blue-400 [class^=scheme--] [class*=__background-image]:before,
.force-ocean-blue-400 [class*=" scheme--"] [class*=__background-image]:after,
.force-ocean-blue-400 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--ocean-blue-400 [class*=__background-image]:after,
.scheme--ocean-blue-400 [class*=__background-image]:before {
background-color: #274168
}
.force-ocean-blue-400 [class^=scheme--] .background--scheme,
.force-ocean-blue-400 [class*=" scheme--"] .background--scheme,
.scheme--ocean-blue-400 .background--scheme {
background: #274168
}
.force-ocean-blue-400 [class^=scheme--] .typo--scheme,
.force-ocean-blue-400 [class*=" scheme--"] .typo--scheme,
.scheme--ocean-blue-400 .typo--scheme {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .typo--scheme:hover,
.force-ocean-blue-400 [class^=scheme--] .typo--scheme:focus,
.force-ocean-blue-400 [class*=" scheme--"] .typo--scheme:hover,
.force-ocean-blue-400 [class*=" scheme--"] .typo--scheme:focus,
.scheme--ocean-blue-400 .typo--scheme:hover,
.scheme--ocean-blue-400 .typo--scheme:focus {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .typo-highlight--scheme,
.force-ocean-blue-400 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--ocean-blue-400 .typo-highlight--scheme {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .typo-highlight--scheme:hover,
.force-ocean-blue-400 [class^=scheme--] .typo-highlight--scheme:focus,
.force-ocean-blue-400 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-ocean-blue-400 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--ocean-blue-400 .typo-highlight--scheme:hover,
.scheme--ocean-blue-400 .typo-highlight--scheme:focus {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .svg-highlight--scheme,
.force-ocean-blue-400 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--ocean-blue-400 .svg-highlight--scheme {
fill: #fff
}
.force-ocean-blue-400 [class^=scheme--].form-panel__chevron:after,
.force-ocean-blue-400 [class*=" scheme--"].form-panel__chevron:after,
.scheme--ocean-blue-400.form-panel__chevron:after {
background-color: #274168
}
.force-ocean-blue-400 [class^=scheme--] svg.photo-reel-navigation__image,
.force-ocean-blue-400 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--ocean-blue-400 svg.photo-reel-navigation__image {
fill: #fff
}
.force-ocean-blue-400 [class^=scheme--] .country-selector__input,
.force-ocean-blue-400 [class*=" scheme--"] .country-selector__input,
.scheme--ocean-blue-400 .country-selector__input {
border-color: #fff
}
.force-ocean-blue-400 [class^=scheme--] label:not([role=button]),
.force-ocean-blue-400 [class*=" scheme--"] label:not([role=button]),
.scheme--ocean-blue-400 label:not([role=button]) {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] a:not(.btn):not(.anchor),
.force-ocean-blue-400 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--ocean-blue-400 a:not(.btn):not(.anchor) {
color: #fff
}
.force-ocean-blue-400 [class^=scheme--] .anchor--external::after,
.force-ocean-blue-400 [class*=" scheme--"] .anchor--external::after,
.scheme--ocean-blue-400 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-pacific [class^=scheme--],
.force-pacific [class*=" scheme--"],
.scheme--pacific {
background-color: #00adc6;
color: #111b1d;
fill: #111b1d
}
.force-pacific [class^=scheme--] button[data-pagination-item],
.force-pacific [class*=" scheme--"] button[data-pagination-item],
.scheme--pacific button[data-pagination-item] {
background: #111b1d
}
.force-pacific [class^=scheme--] button[data-pagination-item][data-active=true],
.force-pacific [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--pacific button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-pacific [class^=scheme--] [class*=__column]:after,
.force-pacific [class^=scheme--] [class*=__column]:before,
.force-pacific [class^=scheme--] [class*=__subtitle]:after,
.force-pacific [class^=scheme--] [class*=__subtitle]:before,
.force-pacific [class^=scheme--] li:after,
.force-pacific [class^=scheme--] li:before,
.force-pacific [class*=" scheme--"] [class*=__column]:after,
.force-pacific [class*=" scheme--"] [class*=__column]:before,
.force-pacific [class*=" scheme--"] [class*=__subtitle]:after,
.force-pacific [class*=" scheme--"] [class*=__subtitle]:before,
.force-pacific [class*=" scheme--"] li:after,
.force-pacific [class*=" scheme--"] li:before,
.scheme--pacific [class*=__column]:after,
.scheme--pacific [class*=__column]:before,
.scheme--pacific [class*=__subtitle]:after,
.scheme--pacific [class*=__subtitle]:before,
.scheme--pacific li:after,
.scheme--pacific li:before {
color: #111b1d;
background-color: #111b1d
}
.force-pacific [class^=scheme--] .feefo-review__actions:before,
.force-pacific [class*=" scheme--"] .feefo-review__actions:before,
.scheme--pacific .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 173, 198, 0)), to(#00adc6));
background: linear-gradient(to bottom, rgba(0, 173, 198, 0), #00adc6)
}
.force-pacific [class^=scheme--] .loader,
.force-pacific [class*=" scheme--"] .loader,
.scheme--pacific .loader {
color: #111b1d
}
.force-pacific [class^=scheme--] .loader__background,
.force-pacific [class*=" scheme--"] .loader__background,
.scheme--pacific .loader__background {
background: #00adc6
}
.force-pacific [class^=scheme--] [class*=__background-image]:after,
.force-pacific [class^=scheme--] [class*=__background-image]:before,
.force-pacific [class*=" scheme--"] [class*=__background-image]:after,
.force-pacific [class*=" scheme--"] [class*=__background-image]:before,
.scheme--pacific [class*=__background-image]:after,
.scheme--pacific [class*=__background-image]:before {
background-color: #00adc6
}
.force-pacific [class^=scheme--] .background--scheme,
.force-pacific [class*=" scheme--"] .background--scheme,
.scheme--pacific .background--scheme {
background: #00adc6
}
.force-pacific [class^=scheme--] .typo--scheme,
.force-pacific [class*=" scheme--"] .typo--scheme,
.scheme--pacific .typo--scheme {
color: #111b1d
}
.force-pacific [class^=scheme--] .typo--scheme:hover,
.force-pacific [class^=scheme--] .typo--scheme:focus,
.force-pacific [class*=" scheme--"] .typo--scheme:hover,
.force-pacific [class*=" scheme--"] .typo--scheme:focus,
.scheme--pacific .typo--scheme:hover,
.scheme--pacific .typo--scheme:focus {
color: #111b1d
}
.force-pacific [class^=scheme--] .typo-highlight--scheme,
.force-pacific [class*=" scheme--"] .typo-highlight--scheme,
.scheme--pacific .typo-highlight--scheme {
color: #111b1d
}
.force-pacific [class^=scheme--] .typo-highlight--scheme:hover,
.force-pacific [class^=scheme--] .typo-highlight--scheme:focus,
.force-pacific [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-pacific [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--pacific .typo-highlight--scheme:hover,
.scheme--pacific .typo-highlight--scheme:focus {
color: #111b1d
}
.force-pacific [class^=scheme--] .svg-highlight--scheme,
.force-pacific [class*=" scheme--"] .svg-highlight--scheme,
.scheme--pacific .svg-highlight--scheme {
fill: #111b1d
}
.force-pacific [class^=scheme--].form-panel__chevron:after,
.force-pacific [class*=" scheme--"].form-panel__chevron:after,
.scheme--pacific.form-panel__chevron:after {
background-color: #00adc6
}
.force-pacific [class^=scheme--] svg.photo-reel-navigation__image,
.force-pacific [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--pacific svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-pacific [class^=scheme--] .country-selector__input,
.force-pacific [class*=" scheme--"] .country-selector__input,
.scheme--pacific .country-selector__input {
border-color: #111b1d
}
.force-pacific [class^=scheme--] label:not([role=button]),
.force-pacific [class*=" scheme--"] label:not([role=button]),
.scheme--pacific label:not([role=button]) {
color: #111b1d
}
.force-pacific [class^=scheme--] a:not(.btn):not(.anchor),
.force-pacific [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--pacific a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-pacific [class^=scheme--] .anchor--external::after,
.force-pacific [class*=" scheme--"] .anchor--external::after,
.scheme--pacific .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-pacific-blue-300 [class^=scheme--],
.force-pacific-blue-300 [class*=" scheme--"],
.scheme--pacific-blue-300 {
background-color: #b2e6ee;
color: #111b1d;
fill: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] button[data-pagination-item],
.force-pacific-blue-300 [class*=" scheme--"] button[data-pagination-item],
.scheme--pacific-blue-300 button[data-pagination-item] {
background: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-pacific-blue-300 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--pacific-blue-300 button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] [class*=__column]:after,
.force-pacific-blue-300 [class^=scheme--] [class*=__column]:before,
.force-pacific-blue-300 [class^=scheme--] [class*=__subtitle]:after,
.force-pacific-blue-300 [class^=scheme--] [class*=__subtitle]:before,
.force-pacific-blue-300 [class^=scheme--] li:after,
.force-pacific-blue-300 [class^=scheme--] li:before,
.force-pacific-blue-300 [class*=" scheme--"] [class*=__column]:after,
.force-pacific-blue-300 [class*=" scheme--"] [class*=__column]:before,
.force-pacific-blue-300 [class*=" scheme--"] [class*=__subtitle]:after,
.force-pacific-blue-300 [class*=" scheme--"] [class*=__subtitle]:before,
.force-pacific-blue-300 [class*=" scheme--"] li:after,
.force-pacific-blue-300 [class*=" scheme--"] li:before,
.scheme--pacific-blue-300 [class*=__column]:after,
.scheme--pacific-blue-300 [class*=__column]:before,
.scheme--pacific-blue-300 [class*=__subtitle]:after,
.scheme--pacific-blue-300 [class*=__subtitle]:before,
.scheme--pacific-blue-300 li:after,
.scheme--pacific-blue-300 li:before {
color: #111b1d;
background-color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .feefo-review__actions:before,
.force-pacific-blue-300 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--pacific-blue-300 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(178, 230, 238, 0)), to(#b2e6ee));
background: linear-gradient(to bottom, rgba(178, 230, 238, 0), #b2e6ee)
}
.force-pacific-blue-300 [class^=scheme--] .loader,
.force-pacific-blue-300 [class*=" scheme--"] .loader,
.scheme--pacific-blue-300 .loader {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .loader__background,
.force-pacific-blue-300 [class*=" scheme--"] .loader__background,
.scheme--pacific-blue-300 .loader__background {
background: #b2e6ee
}
.force-pacific-blue-300 [class^=scheme--] [class*=__background-image]:after,
.force-pacific-blue-300 [class^=scheme--] [class*=__background-image]:before,
.force-pacific-blue-300 [class*=" scheme--"] [class*=__background-image]:after,
.force-pacific-blue-300 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--pacific-blue-300 [class*=__background-image]:after,
.scheme--pacific-blue-300 [class*=__background-image]:before {
background-color: #b2e6ee
}
.force-pacific-blue-300 [class^=scheme--] .background--scheme,
.force-pacific-blue-300 [class*=" scheme--"] .background--scheme,
.scheme--pacific-blue-300 .background--scheme {
background: #b2e6ee
}
.force-pacific-blue-300 [class^=scheme--] .typo--scheme,
.force-pacific-blue-300 [class*=" scheme--"] .typo--scheme,
.scheme--pacific-blue-300 .typo--scheme {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .typo--scheme:hover,
.force-pacific-blue-300 [class^=scheme--] .typo--scheme:focus,
.force-pacific-blue-300 [class*=" scheme--"] .typo--scheme:hover,
.force-pacific-blue-300 [class*=" scheme--"] .typo--scheme:focus,
.scheme--pacific-blue-300 .typo--scheme:hover,
.scheme--pacific-blue-300 .typo--scheme:focus {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .typo-highlight--scheme,
.force-pacific-blue-300 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--pacific-blue-300 .typo-highlight--scheme {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .typo-highlight--scheme:hover,
.force-pacific-blue-300 [class^=scheme--] .typo-highlight--scheme:focus,
.force-pacific-blue-300 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-pacific-blue-300 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--pacific-blue-300 .typo-highlight--scheme:hover,
.scheme--pacific-blue-300 .typo-highlight--scheme:focus {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .svg-highlight--scheme,
.force-pacific-blue-300 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--pacific-blue-300 .svg-highlight--scheme {
fill: #111b1d
}
.force-pacific-blue-300 [class^=scheme--].form-panel__chevron:after,
.force-pacific-blue-300 [class*=" scheme--"].form-panel__chevron:after,
.scheme--pacific-blue-300.form-panel__chevron:after {
background-color: #b2e6ee
}
.force-pacific-blue-300 [class^=scheme--] svg.photo-reel-navigation__image,
.force-pacific-blue-300 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--pacific-blue-300 svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .country-selector__input,
.force-pacific-blue-300 [class*=" scheme--"] .country-selector__input,
.scheme--pacific-blue-300 .country-selector__input {
border-color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] label:not([role=button]),
.force-pacific-blue-300 [class*=" scheme--"] label:not([role=button]),
.scheme--pacific-blue-300 label:not([role=button]) {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] a:not(.btn):not(.anchor),
.force-pacific-blue-300 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--pacific-blue-300 a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-pacific-blue-300 [class^=scheme--] .anchor--external::after,
.force-pacific-blue-300 [class*=" scheme--"] .anchor--external::after,
.scheme--pacific-blue-300 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-st-tropaz [class^=scheme--],
.force-st-tropaz [class*=" scheme--"],
.scheme--st-tropaz {
background-color: #2425aa;
color: #fff;
fill: #fff
}
.force-st-tropaz [class^=scheme--] button[data-pagination-item],
.force-st-tropaz [class*=" scheme--"] button[data-pagination-item],
.scheme--st-tropaz button[data-pagination-item] {
background: #fff
}
.force-st-tropaz [class^=scheme--] button[data-pagination-item][data-active=true],
.force-st-tropaz [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--st-tropaz button[data-pagination-item][data-active=true] {
background: #fff
}
.force-st-tropaz [class^=scheme--] [class*=__column]:after,
.force-st-tropaz [class^=scheme--] [class*=__column]:before,
.force-st-tropaz [class^=scheme--] [class*=__subtitle]:after,
.force-st-tropaz [class^=scheme--] [class*=__subtitle]:before,
.force-st-tropaz [class^=scheme--] li:after,
.force-st-tropaz [class^=scheme--] li:before,
.force-st-tropaz [class*=" scheme--"] [class*=__column]:after,
.force-st-tropaz [class*=" scheme--"] [class*=__column]:before,
.force-st-tropaz [class*=" scheme--"] [class*=__subtitle]:after,
.force-st-tropaz [class*=" scheme--"] [class*=__subtitle]:before,
.force-st-tropaz [class*=" scheme--"] li:after,
.force-st-tropaz [class*=" scheme--"] li:before,
.scheme--st-tropaz [class*=__column]:after,
.scheme--st-tropaz [class*=__column]:before,
.scheme--st-tropaz [class*=__subtitle]:after,
.scheme--st-tropaz [class*=__subtitle]:before,
.scheme--st-tropaz li:after,
.scheme--st-tropaz li:before {
color: #fff;
background-color: #fff
}
.force-st-tropaz [class^=scheme--] .feefo-review__actions:before,
.force-st-tropaz [class*=" scheme--"] .feefo-review__actions:before,
.scheme--st-tropaz .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 37, 170, 0)), to(#2425aa));
background: linear-gradient(to bottom, rgba(36, 37, 170, 0), #2425aa)
}
.force-st-tropaz [class^=scheme--] .loader,
.force-st-tropaz [class*=" scheme--"] .loader,
.scheme--st-tropaz .loader {
color: #fff
}
.force-st-tropaz [class^=scheme--] .loader__background,
.force-st-tropaz [class*=" scheme--"] .loader__background,
.scheme--st-tropaz .loader__background {
background: #2425aa
}
.force-st-tropaz [class^=scheme--] [class*=__background-image]:after,
.force-st-tropaz [class^=scheme--] [class*=__background-image]:before,
.force-st-tropaz [class*=" scheme--"] [class*=__background-image]:after,
.force-st-tropaz [class*=" scheme--"] [class*=__background-image]:before,
.scheme--st-tropaz [class*=__background-image]:after,
.scheme--st-tropaz [class*=__background-image]:before {
background-color: #2425aa
}
.force-st-tropaz [class^=scheme--] .background--scheme,
.force-st-tropaz [class*=" scheme--"] .background--scheme,
.scheme--st-tropaz .background--scheme {
background: #2425aa
}
.force-st-tropaz [class^=scheme--] .typo--scheme,
.force-st-tropaz [class*=" scheme--"] .typo--scheme,
.scheme--st-tropaz .typo--scheme {
color: #fff
}
.force-st-tropaz [class^=scheme--] .typo--scheme:hover,
.force-st-tropaz [class^=scheme--] .typo--scheme:focus,
.force-st-tropaz [class*=" scheme--"] .typo--scheme:hover,
.force-st-tropaz [class*=" scheme--"] .typo--scheme:focus,
.scheme--st-tropaz .typo--scheme:hover,
.scheme--st-tropaz .typo--scheme:focus {
color: #fff
}
.force-st-tropaz [class^=scheme--] .typo-highlight--scheme,
.force-st-tropaz [class*=" scheme--"] .typo-highlight--scheme,
.scheme--st-tropaz .typo-highlight--scheme {
color: #fff
}
.force-st-tropaz [class^=scheme--] .typo-highlight--scheme:hover,
.force-st-tropaz [class^=scheme--] .typo-highlight--scheme:focus,
.force-st-tropaz [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-st-tropaz [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--st-tropaz .typo-highlight--scheme:hover,
.scheme--st-tropaz .typo-highlight--scheme:focus {
color: #fff
}
.force-st-tropaz [class^=scheme--] .svg-highlight--scheme,
.force-st-tropaz [class*=" scheme--"] .svg-highlight--scheme,
.scheme--st-tropaz .svg-highlight--scheme {
fill: #fff
}
.force-st-tropaz [class^=scheme--].form-panel__chevron:after,
.force-st-tropaz [class*=" scheme--"].form-panel__chevron:after,
.scheme--st-tropaz.form-panel__chevron:after {
background-color: #2425aa
}
.force-st-tropaz [class^=scheme--] svg.photo-reel-navigation__image,
.force-st-tropaz [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--st-tropaz svg.photo-reel-navigation__image {
fill: #fff
}
.force-st-tropaz [class^=scheme--] .country-selector__input,
.force-st-tropaz [class*=" scheme--"] .country-selector__input,
.scheme--st-tropaz .country-selector__input {
border-color: #fff
}
.force-st-tropaz [class^=scheme--] label:not([role=button]),
.force-st-tropaz [class*=" scheme--"] label:not([role=button]),
.scheme--st-tropaz label:not([role=button]) {
color: #fff
}
.force-st-tropaz [class^=scheme--] a:not(.btn):not(.anchor),
.force-st-tropaz [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--st-tropaz a:not(.btn):not(.anchor) {
color: #fff
}
.force-st-tropaz [class^=scheme--] .anchor--external::after,
.force-st-tropaz [class*=" scheme--"] .anchor--external::after,
.scheme--st-tropaz .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-teal [class^=scheme--],
.force-teal [class*=" scheme--"],
.scheme--teal {
background-color: #027180;
color: #fff;
fill: #fff
}
.force-teal [class^=scheme--] button[data-pagination-item],
.force-teal [class*=" scheme--"] button[data-pagination-item],
.scheme--teal button[data-pagination-item] {
background: #fff
}
.force-teal [class^=scheme--] button[data-pagination-item][data-active=true],
.force-teal [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--teal button[data-pagination-item][data-active=true] {
background: #fff
}
.force-teal [class^=scheme--] [class*=__column]:after,
.force-teal [class^=scheme--] [class*=__column]:before,
.force-teal [class^=scheme--] [class*=__subtitle]:after,
.force-teal [class^=scheme--] [class*=__subtitle]:before,
.force-teal [class^=scheme--] li:after,
.force-teal [class^=scheme--] li:before,
.force-teal [class*=" scheme--"] [class*=__column]:after,
.force-teal [class*=" scheme--"] [class*=__column]:before,
.force-teal [class*=" scheme--"] [class*=__subtitle]:after,
.force-teal [class*=" scheme--"] [class*=__subtitle]:before,
.force-teal [class*=" scheme--"] li:after,
.force-teal [class*=" scheme--"] li:before,
.scheme--teal [class*=__column]:after,
.scheme--teal [class*=__column]:before,
.scheme--teal [class*=__subtitle]:after,
.scheme--teal [class*=__subtitle]:before,
.scheme--teal li:after,
.scheme--teal li:before {
color: #fff;
background-color: #fff
}
.force-teal [class^=scheme--] .feefo-review__actions:before,
.force-teal [class*=" scheme--"] .feefo-review__actions:before,
.scheme--teal .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 113, 128, 0)), to(#027180));
background: linear-gradient(to bottom, rgba(2, 113, 128, 0), #027180)
}
.force-teal [class^=scheme--] .loader,
.force-teal [class*=" scheme--"] .loader,
.scheme--teal .loader {
color: #fff
}
.force-teal [class^=scheme--] .loader__background,
.force-teal [class*=" scheme--"] .loader__background,
.scheme--teal .loader__background {
background: #027180
}
.force-teal [class^=scheme--] [class*=__background-image]:after,
.force-teal [class^=scheme--] [class*=__background-image]:before,
.force-teal [class*=" scheme--"] [class*=__background-image]:after,
.force-teal [class*=" scheme--"] [class*=__background-image]:before,
.scheme--teal [class*=__background-image]:after,
.scheme--teal [class*=__background-image]:before {
background-color: #027180
}
.force-teal [class^=scheme--] .background--scheme,
.force-teal [class*=" scheme--"] .background--scheme,
.scheme--teal .background--scheme {
background: #027180
}
.force-teal [class^=scheme--] .typo--scheme,
.force-teal [class*=" scheme--"] .typo--scheme,
.scheme--teal .typo--scheme {
color: #fff
}
.force-teal [class^=scheme--] .typo--scheme:hover,
.force-teal [class^=scheme--] .typo--scheme:focus,
.force-teal [class*=" scheme--"] .typo--scheme:hover,
.force-teal [class*=" scheme--"] .typo--scheme:focus,
.scheme--teal .typo--scheme:hover,
.scheme--teal .typo--scheme:focus {
color: #fff
}
.force-teal [class^=scheme--] .typo-highlight--scheme,
.force-teal [class*=" scheme--"] .typo-highlight--scheme,
.scheme--teal .typo-highlight--scheme {
color: #fff
}
.force-teal [class^=scheme--] .typo-highlight--scheme:hover,
.force-teal [class^=scheme--] .typo-highlight--scheme:focus,
.force-teal [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-teal [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--teal .typo-highlight--scheme:hover,
.scheme--teal .typo-highlight--scheme:focus {
color: #fff
}
.force-teal [class^=scheme--] .svg-highlight--scheme,
.force-teal [class*=" scheme--"] .svg-highlight--scheme,
.scheme--teal .svg-highlight--scheme {
fill: #fff
}
.force-teal [class^=scheme--].form-panel__chevron:after,
.force-teal [class*=" scheme--"].form-panel__chevron:after,
.scheme--teal.form-panel__chevron:after {
background-color: #027180
}
.force-teal [class^=scheme--] svg.photo-reel-navigation__image,
.force-teal [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--teal svg.photo-reel-navigation__image {
fill: #fff
}
.force-teal [class^=scheme--] .country-selector__input,
.force-teal [class*=" scheme--"] .country-selector__input,
.scheme--teal .country-selector__input {
border-color: #fff
}
.force-teal [class^=scheme--] label:not([role=button]),
.force-teal [class*=" scheme--"] label:not([role=button]),
.scheme--teal label:not([role=button]) {
color: #fff
}
.force-teal [class^=scheme--] a:not(.btn):not(.anchor),
.force-teal [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--teal a:not(.btn):not(.anchor) {
color: #fff
}
.force-teal [class^=scheme--] .anchor--external::after,
.force-teal [class*=" scheme--"] .anchor--external::after,
.scheme--teal .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-teal-400 [class^=scheme--],
.force-teal-400 [class*=" scheme--"],
.scheme--teal-400 {
background-color: #014750;
color: #fff;
fill: #fff
}
.force-teal-400 [class^=scheme--] button[data-pagination-item],
.force-teal-400 [class*=" scheme--"] button[data-pagination-item],
.scheme--teal-400 button[data-pagination-item] {
background: #fff
}
.force-teal-400 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-teal-400 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--teal-400 button[data-pagination-item][data-active=true] {
background: #fff
}
.force-teal-400 [class^=scheme--] [class*=__column]:after,
.force-teal-400 [class^=scheme--] [class*=__column]:before,
.force-teal-400 [class^=scheme--] [class*=__subtitle]:after,
.force-teal-400 [class^=scheme--] [class*=__subtitle]:before,
.force-teal-400 [class^=scheme--] li:after,
.force-teal-400 [class^=scheme--] li:before,
.force-teal-400 [class*=" scheme--"] [class*=__column]:after,
.force-teal-400 [class*=" scheme--"] [class*=__column]:before,
.force-teal-400 [class*=" scheme--"] [class*=__subtitle]:after,
.force-teal-400 [class*=" scheme--"] [class*=__subtitle]:before,
.force-teal-400 [class*=" scheme--"] li:after,
.force-teal-400 [class*=" scheme--"] li:before,
.scheme--teal-400 [class*=__column]:after,
.scheme--teal-400 [class*=__column]:before,
.scheme--teal-400 [class*=__subtitle]:after,
.scheme--teal-400 [class*=__subtitle]:before,
.scheme--teal-400 li:after,
.scheme--teal-400 li:before {
color: #fff;
background-color: #fff
}
.force-teal-400 [class^=scheme--] .feefo-review__actions:before,
.force-teal-400 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--teal-400 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 71, 80, 0)), to(#014750));
background: linear-gradient(to bottom, rgba(1, 71, 80, 0), #014750)
}
.force-teal-400 [class^=scheme--] .loader,
.force-teal-400 [class*=" scheme--"] .loader,
.scheme--teal-400 .loader {
color: #fff
}
.force-teal-400 [class^=scheme--] .loader__background,
.force-teal-400 [class*=" scheme--"] .loader__background,
.scheme--teal-400 .loader__background {
background: #014750
}
.force-teal-400 [class^=scheme--] [class*=__background-image]:after,
.force-teal-400 [class^=scheme--] [class*=__background-image]:before,
.force-teal-400 [class*=" scheme--"] [class*=__background-image]:after,
.force-teal-400 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--teal-400 [class*=__background-image]:after,
.scheme--teal-400 [class*=__background-image]:before {
background-color: #014750
}
.force-teal-400 [class^=scheme--] .background--scheme,
.force-teal-400 [class*=" scheme--"] .background--scheme,
.scheme--teal-400 .background--scheme {
background: #014750
}
.force-teal-400 [class^=scheme--] .typo--scheme,
.force-teal-400 [class*=" scheme--"] .typo--scheme,
.scheme--teal-400 .typo--scheme {
color: #fff
}
.force-teal-400 [class^=scheme--] .typo--scheme:hover,
.force-teal-400 [class^=scheme--] .typo--scheme:focus,
.force-teal-400 [class*=" scheme--"] .typo--scheme:hover,
.force-teal-400 [class*=" scheme--"] .typo--scheme:focus,
.scheme--teal-400 .typo--scheme:hover,
.scheme--teal-400 .typo--scheme:focus {
color: #fff
}
.force-teal-400 [class^=scheme--] .typo-highlight--scheme,
.force-teal-400 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--teal-400 .typo-highlight--scheme {
color: #fff
}
.force-teal-400 [class^=scheme--] .typo-highlight--scheme:hover,
.force-teal-400 [class^=scheme--] .typo-highlight--scheme:focus,
.force-teal-400 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-teal-400 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--teal-400 .typo-highlight--scheme:hover,
.scheme--teal-400 .typo-highlight--scheme:focus {
color: #fff
}
.force-teal-400 [class^=scheme--] .svg-highlight--scheme,
.force-teal-400 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--teal-400 .svg-highlight--scheme {
fill: #fff
}
.force-teal-400 [class^=scheme--].form-panel__chevron:after,
.force-teal-400 [class*=" scheme--"].form-panel__chevron:after,
.scheme--teal-400.form-panel__chevron:after {
background-color: #014750
}
.force-teal-400 [class^=scheme--] svg.photo-reel-navigation__image,
.force-teal-400 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--teal-400 svg.photo-reel-navigation__image {
fill: #fff
}
.force-teal-400 [class^=scheme--] .country-selector__input,
.force-teal-400 [class*=" scheme--"] .country-selector__input,
.scheme--teal-400 .country-selector__input {
border-color: #fff
}
.force-teal-400 [class^=scheme--] label:not([role=button]),
.force-teal-400 [class*=" scheme--"] label:not([role=button]),
.scheme--teal-400 label:not([role=button]) {
color: #fff
}
.force-teal-400 [class^=scheme--] a:not(.btn):not(.anchor),
.force-teal-400 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--teal-400 a:not(.btn):not(.anchor) {
color: #fff
}
.force-teal-400 [class^=scheme--] .anchor--external::after,
.force-teal-400 [class*=" scheme--"] .anchor--external::after,
.scheme--teal-400 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-tosca [class^=scheme--],
.force-tosca [class*=" scheme--"],
.scheme--tosca {
background-color: #914146;
color: #fff;
fill: #fff
}
.force-tosca [class^=scheme--] button[data-pagination-item],
.force-tosca [class*=" scheme--"] button[data-pagination-item],
.scheme--tosca button[data-pagination-item] {
background: #fff
}
.force-tosca [class^=scheme--] button[data-pagination-item][data-active=true],
.force-tosca [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--tosca button[data-pagination-item][data-active=true] {
background: #fff
}
.force-tosca [class^=scheme--] [class*=__column]:after,
.force-tosca [class^=scheme--] [class*=__column]:before,
.force-tosca [class^=scheme--] [class*=__subtitle]:after,
.force-tosca [class^=scheme--] [class*=__subtitle]:before,
.force-tosca [class^=scheme--] li:after,
.force-tosca [class^=scheme--] li:before,
.force-tosca [class*=" scheme--"] [class*=__column]:after,
.force-tosca [class*=" scheme--"] [class*=__column]:before,
.force-tosca [class*=" scheme--"] [class*=__subtitle]:after,
.force-tosca [class*=" scheme--"] [class*=__subtitle]:before,
.force-tosca [class*=" scheme--"] li:after,
.force-tosca [class*=" scheme--"] li:before,
.scheme--tosca [class*=__column]:after,
.scheme--tosca [class*=__column]:before,
.scheme--tosca [class*=__subtitle]:after,
.scheme--tosca [class*=__subtitle]:before,
.scheme--tosca li:after,
.scheme--tosca li:before {
color: #fff;
background-color: #fff
}
.force-tosca [class^=scheme--] .feefo-review__actions:before,
.force-tosca [class*=" scheme--"] .feefo-review__actions:before,
.scheme--tosca .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(145, 65, 70, 0)), to(#914146));
background: linear-gradient(to bottom, rgba(145, 65, 70, 0), #914146)
}
.force-tosca [class^=scheme--] .loader,
.force-tosca [class*=" scheme--"] .loader,
.scheme--tosca .loader {
color: #fff
}
.force-tosca [class^=scheme--] .loader__background,
.force-tosca [class*=" scheme--"] .loader__background,
.scheme--tosca .loader__background {
background: #914146
}
.force-tosca [class^=scheme--] [class*=__background-image]:after,
.force-tosca [class^=scheme--] [class*=__background-image]:before,
.force-tosca [class*=" scheme--"] [class*=__background-image]:after,
.force-tosca [class*=" scheme--"] [class*=__background-image]:before,
.scheme--tosca [class*=__background-image]:after,
.scheme--tosca [class*=__background-image]:before {
background-color: #914146
}
.force-tosca [class^=scheme--] .background--scheme,
.force-tosca [class*=" scheme--"] .background--scheme,
.scheme--tosca .background--scheme {
background: #914146
}
.force-tosca [class^=scheme--] .typo--scheme,
.force-tosca [class*=" scheme--"] .typo--scheme,
.scheme--tosca .typo--scheme {
color: #fff
}
.force-tosca [class^=scheme--] .typo--scheme:hover,
.force-tosca [class^=scheme--] .typo--scheme:focus,
.force-tosca [class*=" scheme--"] .typo--scheme:hover,
.force-tosca [class*=" scheme--"] .typo--scheme:focus,
.scheme--tosca .typo--scheme:hover,
.scheme--tosca .typo--scheme:focus {
color: #fff
}
.force-tosca [class^=scheme--] .typo-highlight--scheme,
.force-tosca [class*=" scheme--"] .typo-highlight--scheme,
.scheme--tosca .typo-highlight--scheme {
color: #fff
}
.force-tosca [class^=scheme--] .typo-highlight--scheme:hover,
.force-tosca [class^=scheme--] .typo-highlight--scheme:focus,
.force-tosca [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-tosca [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--tosca .typo-highlight--scheme:hover,
.scheme--tosca .typo-highlight--scheme:focus {
color: #fff
}
.force-tosca [class^=scheme--] .svg-highlight--scheme,
.force-tosca [class*=" scheme--"] .svg-highlight--scheme,
.scheme--tosca .svg-highlight--scheme {
fill: #fff
}
.force-tosca [class^=scheme--].form-panel__chevron:after,
.force-tosca [class*=" scheme--"].form-panel__chevron:after,
.scheme--tosca.form-panel__chevron:after {
background-color: #914146
}
.force-tosca [class^=scheme--] svg.photo-reel-navigation__image,
.force-tosca [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--tosca svg.photo-reel-navigation__image {
fill: #fff
}
.force-tosca [class^=scheme--] .country-selector__input,
.force-tosca [class*=" scheme--"] .country-selector__input,
.scheme--tosca .country-selector__input {
border-color: #fff
}
.force-tosca [class^=scheme--] label:not([role=button]),
.force-tosca [class*=" scheme--"] label:not([role=button]),
.scheme--tosca label:not([role=button]) {
color: #fff
}
.force-tosca [class^=scheme--] a:not(.btn):not(.anchor),
.force-tosca [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--tosca a:not(.btn):not(.anchor) {
color: #fff
}
.force-tosca [class^=scheme--] .anchor--external::after,
.force-tosca [class*=" scheme--"] .anchor--external::after,
.scheme--tosca .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-tosca-400 [class^=scheme--],
.force-tosca-400 [class*=" scheme--"],
.scheme--tosca-400 {
background-color: #6a2f33;
color: #fff;
fill: #fff
}
.force-tosca-400 [class^=scheme--] button[data-pagination-item],
.force-tosca-400 [class*=" scheme--"] button[data-pagination-item],
.scheme--tosca-400 button[data-pagination-item] {
background: #fff
}
.force-tosca-400 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-tosca-400 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--tosca-400 button[data-pagination-item][data-active=true] {
background: #fff
}
.force-tosca-400 [class^=scheme--] [class*=__column]:after,
.force-tosca-400 [class^=scheme--] [class*=__column]:before,
.force-tosca-400 [class^=scheme--] [class*=__subtitle]:after,
.force-tosca-400 [class^=scheme--] [class*=__subtitle]:before,
.force-tosca-400 [class^=scheme--] li:after,
.force-tosca-400 [class^=scheme--] li:before,
.force-tosca-400 [class*=" scheme--"] [class*=__column]:after,
.force-tosca-400 [class*=" scheme--"] [class*=__column]:before,
.force-tosca-400 [class*=" scheme--"] [class*=__subtitle]:after,
.force-tosca-400 [class*=" scheme--"] [class*=__subtitle]:before,
.force-tosca-400 [class*=" scheme--"] li:after,
.force-tosca-400 [class*=" scheme--"] li:before,
.scheme--tosca-400 [class*=__column]:after,
.scheme--tosca-400 [class*=__column]:before,
.scheme--tosca-400 [class*=__subtitle]:after,
.scheme--tosca-400 [class*=__subtitle]:before,
.scheme--tosca-400 li:after,
.scheme--tosca-400 li:before {
color: #fff;
background-color: #fff
}
.force-tosca-400 [class^=scheme--] .feefo-review__actions:before,
.force-tosca-400 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--tosca-400 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(106, 47, 51, 0)), to(#6a2f33));
background: linear-gradient(to bottom, rgba(106, 47, 51, 0), #6a2f33)
}
.force-tosca-400 [class^=scheme--] .loader,
.force-tosca-400 [class*=" scheme--"] .loader,
.scheme--tosca-400 .loader {
color: #fff
}
.force-tosca-400 [class^=scheme--] .loader__background,
.force-tosca-400 [class*=" scheme--"] .loader__background,
.scheme--tosca-400 .loader__background {
background: #6a2f33
}
.force-tosca-400 [class^=scheme--] [class*=__background-image]:after,
.force-tosca-400 [class^=scheme--] [class*=__background-image]:before,
.force-tosca-400 [class*=" scheme--"] [class*=__background-image]:after,
.force-tosca-400 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--tosca-400 [class*=__background-image]:after,
.scheme--tosca-400 [class*=__background-image]:before {
background-color: #6a2f33
}
.force-tosca-400 [class^=scheme--] .background--scheme,
.force-tosca-400 [class*=" scheme--"] .background--scheme,
.scheme--tosca-400 .background--scheme {
background: #6a2f33
}
.force-tosca-400 [class^=scheme--] .typo--scheme,
.force-tosca-400 [class*=" scheme--"] .typo--scheme,
.scheme--tosca-400 .typo--scheme {
color: #fff
}
.force-tosca-400 [class^=scheme--] .typo--scheme:hover,
.force-tosca-400 [class^=scheme--] .typo--scheme:focus,
.force-tosca-400 [class*=" scheme--"] .typo--scheme:hover,
.force-tosca-400 [class*=" scheme--"] .typo--scheme:focus,
.scheme--tosca-400 .typo--scheme:hover,
.scheme--tosca-400 .typo--scheme:focus {
color: #fff
}
.force-tosca-400 [class^=scheme--] .typo-highlight--scheme,
.force-tosca-400 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--tosca-400 .typo-highlight--scheme {
color: #fff
}
.force-tosca-400 [class^=scheme--] .typo-highlight--scheme:hover,
.force-tosca-400 [class^=scheme--] .typo-highlight--scheme:focus,
.force-tosca-400 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-tosca-400 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--tosca-400 .typo-highlight--scheme:hover,
.scheme--tosca-400 .typo-highlight--scheme:focus {
color: #fff
}
.force-tosca-400 [class^=scheme--] .svg-highlight--scheme,
.force-tosca-400 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--tosca-400 .svg-highlight--scheme {
fill: #fff
}
.force-tosca-400 [class^=scheme--].form-panel__chevron:after,
.force-tosca-400 [class*=" scheme--"].form-panel__chevron:after,
.scheme--tosca-400.form-panel__chevron:after {
background-color: #6a2f33
}
.force-tosca-400 [class^=scheme--] svg.photo-reel-navigation__image,
.force-tosca-400 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--tosca-400 svg.photo-reel-navigation__image {
fill: #fff
}
.force-tosca-400 [class^=scheme--] .country-selector__input,
.force-tosca-400 [class*=" scheme--"] .country-selector__input,
.scheme--tosca-400 .country-selector__input {
border-color: #fff
}
.force-tosca-400 [class^=scheme--] label:not([role=button]),
.force-tosca-400 [class*=" scheme--"] label:not([role=button]),
.scheme--tosca-400 label:not([role=button]) {
color: #fff
}
.force-tosca-400 [class^=scheme--] a:not(.btn):not(.anchor),
.force-tosca-400 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--tosca-400 a:not(.btn):not(.anchor) {
color: #fff
}
.force-tosca-400 [class^=scheme--] .anchor--external::after,
.force-tosca-400 [class*=" scheme--"] .anchor--external::after,
.scheme--tosca-400 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-ui-silver [class^=scheme--],
.force-ui-silver [class*=" scheme--"],
.scheme--ui-silver {
background-color: #f3f3f7;
color: #17273e;
fill: #17273e
}
.force-ui-silver [class^=scheme--] button[data-pagination-item],
.force-ui-silver [class*=" scheme--"] button[data-pagination-item],
.scheme--ui-silver button[data-pagination-item] {
background: #17273e
}
.force-ui-silver [class^=scheme--] button[data-pagination-item][data-active=true],
.force-ui-silver [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--ui-silver button[data-pagination-item][data-active=true] {
background: #17273e
}
.force-ui-silver [class^=scheme--] [class*=__column]:after,
.force-ui-silver [class^=scheme--] [class*=__column]:before,
.force-ui-silver [class^=scheme--] [class*=__subtitle]:after,
.force-ui-silver [class^=scheme--] [class*=__subtitle]:before,
.force-ui-silver [class^=scheme--] li:after,
.force-ui-silver [class^=scheme--] li:before,
.force-ui-silver [class*=" scheme--"] [class*=__column]:after,
.force-ui-silver [class*=" scheme--"] [class*=__column]:before,
.force-ui-silver [class*=" scheme--"] [class*=__subtitle]:after,
.force-ui-silver [class*=" scheme--"] [class*=__subtitle]:before,
.force-ui-silver [class*=" scheme--"] li:after,
.force-ui-silver [class*=" scheme--"] li:before,
.scheme--ui-silver [class*=__column]:after,
.scheme--ui-silver [class*=__column]:before,
.scheme--ui-silver [class*=__subtitle]:after,
.scheme--ui-silver [class*=__subtitle]:before,
.scheme--ui-silver li:after,
.scheme--ui-silver li:before {
color: #17273e;
background-color: #17273e
}
.force-ui-silver [class^=scheme--] .feefo-review__actions:before,
.force-ui-silver [class*=" scheme--"] .feefo-review__actions:before,
.scheme--ui-silver .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 243, 247, 0)), to(#f3f3f7));
background: linear-gradient(to bottom, rgba(243, 243, 247, 0), #f3f3f7)
}
.force-ui-silver [class^=scheme--] .loader,
.force-ui-silver [class*=" scheme--"] .loader,
.scheme--ui-silver .loader {
color: #17273e
}
.force-ui-silver [class^=scheme--] .loader__background,
.force-ui-silver [class*=" scheme--"] .loader__background,
.scheme--ui-silver .loader__background {
background: #f3f3f7
}
.force-ui-silver [class^=scheme--] [class*=__background-image]:after,
.force-ui-silver [class^=scheme--] [class*=__background-image]:before,
.force-ui-silver [class*=" scheme--"] [class*=__background-image]:after,
.force-ui-silver [class*=" scheme--"] [class*=__background-image]:before,
.scheme--ui-silver [class*=__background-image]:after,
.scheme--ui-silver [class*=__background-image]:before {
background-color: #f3f3f7
}
.force-ui-silver [class^=scheme--] .background--scheme,
.force-ui-silver [class*=" scheme--"] .background--scheme,
.scheme--ui-silver .background--scheme {
background: #f3f3f7
}
.force-ui-silver [class^=scheme--] .typo--scheme,
.force-ui-silver [class*=" scheme--"] .typo--scheme,
.scheme--ui-silver .typo--scheme {
color: #17273e
}
.force-ui-silver [class^=scheme--] .typo--scheme:hover,
.force-ui-silver [class^=scheme--] .typo--scheme:focus,
.force-ui-silver [class*=" scheme--"] .typo--scheme:hover,
.force-ui-silver [class*=" scheme--"] .typo--scheme:focus,
.scheme--ui-silver .typo--scheme:hover,
.scheme--ui-silver .typo--scheme:focus {
color: #17273e
}
.force-ui-silver [class^=scheme--] .typo-highlight--scheme,
.force-ui-silver [class*=" scheme--"] .typo-highlight--scheme,
.scheme--ui-silver .typo-highlight--scheme {
color: #17273e
}
.force-ui-silver [class^=scheme--] .typo-highlight--scheme:hover,
.force-ui-silver [class^=scheme--] .typo-highlight--scheme:focus,
.force-ui-silver [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-ui-silver [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--ui-silver .typo-highlight--scheme:hover,
.scheme--ui-silver .typo-highlight--scheme:focus {
color: #17273e
}
.force-ui-silver [class^=scheme--] .svg-highlight--scheme,
.force-ui-silver [class*=" scheme--"] .svg-highlight--scheme,
.scheme--ui-silver .svg-highlight--scheme {
fill: #17273e
}
.force-ui-silver [class^=scheme--].form-panel__chevron:after,
.force-ui-silver [class*=" scheme--"].form-panel__chevron:after,
.scheme--ui-silver.form-panel__chevron:after {
background-color: #f3f3f7
}
.force-ui-silver [class^=scheme--] svg.photo-reel-navigation__image,
.force-ui-silver [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--ui-silver svg.photo-reel-navigation__image {
fill: #17273e
}
.force-ui-silver [class^=scheme--] .country-selector__input,
.force-ui-silver [class*=" scheme--"] .country-selector__input,
.scheme--ui-silver .country-selector__input {
border-color: #17273e
}
.force-ui-silver [class^=scheme--] label:not([role=button]),
.force-ui-silver [class*=" scheme--"] label:not([role=button]),
.scheme--ui-silver label:not([role=button]) {
color: #17273e
}
.force-ui-silver [class^=scheme--] a:not(.btn):not(.anchor),
.force-ui-silver [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--ui-silver a:not(.btn):not(.anchor) {
color: #17273e
}
.force-ui-silver [class^=scheme--] .anchor--external::after,
.force-ui-silver [class*=" scheme--"] .anchor--external::after,
.scheme--ui-silver .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-viridian-green [class^=scheme--],
.force-viridian-green [class*=" scheme--"],
.scheme--viridian-green {
background-color: #5b7b73;
color: #fff;
fill: #fff
}
.force-viridian-green [class^=scheme--] button[data-pagination-item],
.force-viridian-green [class*=" scheme--"] button[data-pagination-item],
.scheme--viridian-green button[data-pagination-item] {
background: #fff
}
.force-viridian-green [class^=scheme--] button[data-pagination-item][data-active=true],
.force-viridian-green [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--viridian-green button[data-pagination-item][data-active=true] {
background: #fff
}
.force-viridian-green [class^=scheme--] [class*=__column]:after,
.force-viridian-green [class^=scheme--] [class*=__column]:before,
.force-viridian-green [class^=scheme--] [class*=__subtitle]:after,
.force-viridian-green [class^=scheme--] [class*=__subtitle]:before,
.force-viridian-green [class^=scheme--] li:after,
.force-viridian-green [class^=scheme--] li:before,
.force-viridian-green [class*=" scheme--"] [class*=__column]:after,
.force-viridian-green [class*=" scheme--"] [class*=__column]:before,
.force-viridian-green [class*=" scheme--"] [class*=__subtitle]:after,
.force-viridian-green [class*=" scheme--"] [class*=__subtitle]:before,
.force-viridian-green [class*=" scheme--"] li:after,
.force-viridian-green [class*=" scheme--"] li:before,
.scheme--viridian-green [class*=__column]:after,
.scheme--viridian-green [class*=__column]:before,
.scheme--viridian-green [class*=__subtitle]:after,
.scheme--viridian-green [class*=__subtitle]:before,
.scheme--viridian-green li:after,
.scheme--viridian-green li:before {
color: #fff;
background-color: #fff
}
.force-viridian-green [class^=scheme--] .feefo-review__actions:before,
.force-viridian-green [class*=" scheme--"] .feefo-review__actions:before,
.scheme--viridian-green .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(91, 123, 115, 0)), to(#5b7b73));
background: linear-gradient(to bottom, rgba(91, 123, 115, 0), #5b7b73)
}
.force-viridian-green [class^=scheme--] .loader,
.force-viridian-green [class*=" scheme--"] .loader,
.scheme--viridian-green .loader {
color: #fff
}
.force-viridian-green [class^=scheme--] .loader__background,
.force-viridian-green [class*=" scheme--"] .loader__background,
.scheme--viridian-green .loader__background {
background: #5b7b73
}
.force-viridian-green [class^=scheme--] [class*=__background-image]:after,
.force-viridian-green [class^=scheme--] [class*=__background-image]:before,
.force-viridian-green [class*=" scheme--"] [class*=__background-image]:after,
.force-viridian-green [class*=" scheme--"] [class*=__background-image]:before,
.scheme--viridian-green [class*=__background-image]:after,
.scheme--viridian-green [class*=__background-image]:before {
background-color: #5b7b73
}
.force-viridian-green [class^=scheme--] .background--scheme,
.force-viridian-green [class*=" scheme--"] .background--scheme,
.scheme--viridian-green .background--scheme {
background: #5b7b73
}
.force-viridian-green [class^=scheme--] .typo--scheme,
.force-viridian-green [class*=" scheme--"] .typo--scheme,
.scheme--viridian-green .typo--scheme {
color: #fff
}
.force-viridian-green [class^=scheme--] .typo--scheme:hover,
.force-viridian-green [class^=scheme--] .typo--scheme:focus,
.force-viridian-green [class*=" scheme--"] .typo--scheme:hover,
.force-viridian-green [class*=" scheme--"] .typo--scheme:focus,
.scheme--viridian-green .typo--scheme:hover,
.scheme--viridian-green .typo--scheme:focus {
color: #fff
}
.force-viridian-green [class^=scheme--] .typo-highlight--scheme,
.force-viridian-green [class*=" scheme--"] .typo-highlight--scheme,
.scheme--viridian-green .typo-highlight--scheme {
color: #fff
}
.force-viridian-green [class^=scheme--] .typo-highlight--scheme:hover,
.force-viridian-green [class^=scheme--] .typo-highlight--scheme:focus,
.force-viridian-green [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-viridian-green [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--viridian-green .typo-highlight--scheme:hover,
.scheme--viridian-green .typo-highlight--scheme:focus {
color: #fff
}
.force-viridian-green [class^=scheme--] .svg-highlight--scheme,
.force-viridian-green [class*=" scheme--"] .svg-highlight--scheme,
.scheme--viridian-green .svg-highlight--scheme {
fill: #fff
}
.force-viridian-green [class^=scheme--].form-panel__chevron:after,
.force-viridian-green [class*=" scheme--"].form-panel__chevron:after,
.scheme--viridian-green.form-panel__chevron:after {
background-color: #5b7b73
}
.force-viridian-green [class^=scheme--] svg.photo-reel-navigation__image,
.force-viridian-green [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--viridian-green svg.photo-reel-navigation__image {
fill: #fff
}
.force-viridian-green [class^=scheme--] .country-selector__input,
.force-viridian-green [class*=" scheme--"] .country-selector__input,
.scheme--viridian-green .country-selector__input {
border-color: #fff
}
.force-viridian-green [class^=scheme--] label:not([role=button]),
.force-viridian-green [class*=" scheme--"] label:not([role=button]),
.scheme--viridian-green label:not([role=button]) {
color: #fff
}
.force-viridian-green [class^=scheme--] a:not(.btn):not(.anchor),
.force-viridian-green [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--viridian-green a:not(.btn):not(.anchor) {
color: #fff
}
.force-viridian-green [class^=scheme--] .anchor--external::after,
.force-viridian-green [class*=" scheme--"] .anchor--external::after,
.scheme--viridian-green .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-viridian-green-400 [class^=scheme--],
.force-viridian-green-400 [class*=" scheme--"],
.scheme--viridian-green-400 {
background-color: #32433f;
color: #fff;
fill: #fff
}
.force-viridian-green-400 [class^=scheme--] button[data-pagination-item],
.force-viridian-green-400 [class*=" scheme--"] button[data-pagination-item],
.scheme--viridian-green-400 button[data-pagination-item] {
background: #fff
}
.force-viridian-green-400 [class^=scheme--] button[data-pagination-item][data-active=true],
.force-viridian-green-400 [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--viridian-green-400 button[data-pagination-item][data-active=true] {
background: #fff
}
.force-viridian-green-400 [class^=scheme--] [class*=__column]:after,
.force-viridian-green-400 [class^=scheme--] [class*=__column]:before,
.force-viridian-green-400 [class^=scheme--] [class*=__subtitle]:after,
.force-viridian-green-400 [class^=scheme--] [class*=__subtitle]:before,
.force-viridian-green-400 [class^=scheme--] li:after,
.force-viridian-green-400 [class^=scheme--] li:before,
.force-viridian-green-400 [class*=" scheme--"] [class*=__column]:after,
.force-viridian-green-400 [class*=" scheme--"] [class*=__column]:before,
.force-viridian-green-400 [class*=" scheme--"] [class*=__subtitle]:after,
.force-viridian-green-400 [class*=" scheme--"] [class*=__subtitle]:before,
.force-viridian-green-400 [class*=" scheme--"] li:after,
.force-viridian-green-400 [class*=" scheme--"] li:before,
.scheme--viridian-green-400 [class*=__column]:after,
.scheme--viridian-green-400 [class*=__column]:before,
.scheme--viridian-green-400 [class*=__subtitle]:after,
.scheme--viridian-green-400 [class*=__subtitle]:before,
.scheme--viridian-green-400 li:after,
.scheme--viridian-green-400 li:before {
color: #fff;
background-color: #fff
}
.force-viridian-green-400 [class^=scheme--] .feefo-review__actions:before,
.force-viridian-green-400 [class*=" scheme--"] .feefo-review__actions:before,
.scheme--viridian-green-400 .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 67, 63, 0)), to(#32433f));
background: linear-gradient(to bottom, rgba(50, 67, 63, 0), #32433f)
}
.force-viridian-green-400 [class^=scheme--] .loader,
.force-viridian-green-400 [class*=" scheme--"] .loader,
.scheme--viridian-green-400 .loader {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] .loader__background,
.force-viridian-green-400 [class*=" scheme--"] .loader__background,
.scheme--viridian-green-400 .loader__background {
background: #32433f
}
.force-viridian-green-400 [class^=scheme--] [class*=__background-image]:after,
.force-viridian-green-400 [class^=scheme--] [class*=__background-image]:before,
.force-viridian-green-400 [class*=" scheme--"] [class*=__background-image]:after,
.force-viridian-green-400 [class*=" scheme--"] [class*=__background-image]:before,
.scheme--viridian-green-400 [class*=__background-image]:after,
.scheme--viridian-green-400 [class*=__background-image]:before {
background-color: #32433f
}
.force-viridian-green-400 [class^=scheme--] .background--scheme,
.force-viridian-green-400 [class*=" scheme--"] .background--scheme,
.scheme--viridian-green-400 .background--scheme {
background: #32433f
}
.force-viridian-green-400 [class^=scheme--] .typo--scheme,
.force-viridian-green-400 [class*=" scheme--"] .typo--scheme,
.scheme--viridian-green-400 .typo--scheme {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] .typo--scheme:hover,
.force-viridian-green-400 [class^=scheme--] .typo--scheme:focus,
.force-viridian-green-400 [class*=" scheme--"] .typo--scheme:hover,
.force-viridian-green-400 [class*=" scheme--"] .typo--scheme:focus,
.scheme--viridian-green-400 .typo--scheme:hover,
.scheme--viridian-green-400 .typo--scheme:focus {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] .typo-highlight--scheme,
.force-viridian-green-400 [class*=" scheme--"] .typo-highlight--scheme,
.scheme--viridian-green-400 .typo-highlight--scheme {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] .typo-highlight--scheme:hover,
.force-viridian-green-400 [class^=scheme--] .typo-highlight--scheme:focus,
.force-viridian-green-400 [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-viridian-green-400 [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--viridian-green-400 .typo-highlight--scheme:hover,
.scheme--viridian-green-400 .typo-highlight--scheme:focus {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] .svg-highlight--scheme,
.force-viridian-green-400 [class*=" scheme--"] .svg-highlight--scheme,
.scheme--viridian-green-400 .svg-highlight--scheme {
fill: #fff
}
.force-viridian-green-400 [class^=scheme--].form-panel__chevron:after,
.force-viridian-green-400 [class*=" scheme--"].form-panel__chevron:after,
.scheme--viridian-green-400.form-panel__chevron:after {
background-color: #32433f
}
.force-viridian-green-400 [class^=scheme--] svg.photo-reel-navigation__image,
.force-viridian-green-400 [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--viridian-green-400 svg.photo-reel-navigation__image {
fill: #fff
}
.force-viridian-green-400 [class^=scheme--] .country-selector__input,
.force-viridian-green-400 [class*=" scheme--"] .country-selector__input,
.scheme--viridian-green-400 .country-selector__input {
border-color: #fff
}
.force-viridian-green-400 [class^=scheme--] label:not([role=button]),
.force-viridian-green-400 [class*=" scheme--"] label:not([role=button]),
.scheme--viridian-green-400 label:not([role=button]) {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] a:not(.btn):not(.anchor),
.force-viridian-green-400 [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--viridian-green-400 a:not(.btn):not(.anchor) {
color: #fff
}
.force-viridian-green-400 [class^=scheme--] .anchor--external::after,
.force-viridian-green-400 [class*=" scheme--"] .anchor--external::after,
.scheme--viridian-green-400 .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-white [class^=scheme--],
.force-white [class*=" scheme--"],
.scheme--white {
background-color: #fff;
color: #111b1d;
fill: #111b1d
}
.force-white [class^=scheme--] button[data-pagination-item],
.force-white [class*=" scheme--"] button[data-pagination-item],
.scheme--white button[data-pagination-item] {
background: #111b1d
}
.force-white [class^=scheme--] button[data-pagination-item][data-active=true],
.force-white [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--white button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-white [class^=scheme--] [class*=__column]:after,
.force-white [class^=scheme--] [class*=__column]:before,
.force-white [class^=scheme--] [class*=__subtitle]:after,
.force-white [class^=scheme--] [class*=__subtitle]:before,
.force-white [class^=scheme--] li:after,
.force-white [class^=scheme--] li:before,
.force-white [class*=" scheme--"] [class*=__column]:after,
.force-white [class*=" scheme--"] [class*=__column]:before,
.force-white [class*=" scheme--"] [class*=__subtitle]:after,
.force-white [class*=" scheme--"] [class*=__subtitle]:before,
.force-white [class*=" scheme--"] li:after,
.force-white [class*=" scheme--"] li:before,
.scheme--white [class*=__column]:after,
.scheme--white [class*=__column]:before,
.scheme--white [class*=__subtitle]:after,
.scheme--white [class*=__subtitle]:before,
.scheme--white li:after,
.scheme--white li:before {
color: #111b1d;
background-color: #111b1d
}
.force-white [class^=scheme--] .feefo-review__actions:before,
.force-white [class*=" scheme--"] .feefo-review__actions:before,
.scheme--white .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
.force-white [class^=scheme--] .loader,
.force-white [class*=" scheme--"] .loader,
.scheme--white .loader {
color: #00008f
}
.force-white [class^=scheme--] .loader__background,
.force-white [class*=" scheme--"] .loader__background,
.scheme--white .loader__background {
background: #fff
}
.force-white [class^=scheme--] [class*=__background-image]:after,
.force-white [class^=scheme--] [class*=__background-image]:before,
.force-white [class*=" scheme--"] [class*=__background-image]:after,
.force-white [class*=" scheme--"] [class*=__background-image]:before,
.scheme--white [class*=__background-image]:after,
.scheme--white [class*=__background-image]:before {
background-color: #fff
}
.force-white [class^=scheme--] .background--scheme,
.force-white [class*=" scheme--"] .background--scheme,
.scheme--white .background--scheme {
background: #fff
}
.force-white [class^=scheme--] .typo--scheme,
.force-white [class*=" scheme--"] .typo--scheme,
.scheme--white .typo--scheme {
color: #111b1d
}
.force-white [class^=scheme--] .typo--scheme:hover,
.force-white [class^=scheme--] .typo--scheme:focus,
.force-white [class*=" scheme--"] .typo--scheme:hover,
.force-white [class*=" scheme--"] .typo--scheme:focus,
.scheme--white .typo--scheme:hover,
.scheme--white .typo--scheme:focus {
color: #111b1d
}
.force-white [class^=scheme--] .typo-highlight--scheme,
.force-white [class*=" scheme--"] .typo-highlight--scheme,
.scheme--white .typo-highlight--scheme {
color: #00008f
}
.force-white [class^=scheme--] .typo-highlight--scheme:hover,
.force-white [class^=scheme--] .typo-highlight--scheme:focus,
.force-white [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-white [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--white .typo-highlight--scheme:hover,
.scheme--white .typo-highlight--scheme:focus {
color: #00008f
}
.force-white [class^=scheme--] .svg-highlight--scheme,
.force-white [class*=" scheme--"] .svg-highlight--scheme,
.scheme--white .svg-highlight--scheme {
fill: #00008f
}
.force-white [class^=scheme--].form-panel__chevron:after,
.force-white [class*=" scheme--"].form-panel__chevron:after,
.scheme--white.form-panel__chevron:after {
background-color: #fff
}
.force-white [class^=scheme--] svg.photo-reel-navigation__image,
.force-white [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--white svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-white [class^=scheme--] .country-selector__input,
.force-white [class*=" scheme--"] .country-selector__input,
.scheme--white .country-selector__input {
border-color: #111b1d
}
.force-white [class^=scheme--] label:not([role=button]),
.force-white [class*=" scheme--"] label:not([role=button]),
.scheme--white label:not([role=button]) {
color: #111b1d
}
.force-white [class^=scheme--] a:not(.btn):not(.anchor),
.force-white [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--white a:not(.btn):not(.anchor) {
color: #00008f
}
.force-white [class^=scheme--] .anchor--external::after,
.force-white [class*=" scheme--"] .anchor--external::after,
.scheme--white .anchor--external::after {
content: url('data:image/svg+xml,')
}
.force-wild-sand [class^=scheme--],
.force-wild-sand [class*=" scheme--"],
.scheme--wild-sand {
background-color: #f5f5f5;
color: #111b1d;
fill: #111b1d
}
.force-wild-sand [class^=scheme--] button[data-pagination-item],
.force-wild-sand [class*=" scheme--"] button[data-pagination-item],
.scheme--wild-sand button[data-pagination-item] {
background: #111b1d
}
.force-wild-sand [class^=scheme--] button[data-pagination-item][data-active=true],
.force-wild-sand [class*=" scheme--"] button[data-pagination-item][data-active=true],
.scheme--wild-sand button[data-pagination-item][data-active=true] {
background: #111b1d
}
.force-wild-sand [class^=scheme--] [class*=__column]:after,
.force-wild-sand [class^=scheme--] [class*=__column]:before,
.force-wild-sand [class^=scheme--] [class*=__subtitle]:after,
.force-wild-sand [class^=scheme--] [class*=__subtitle]:before,
.force-wild-sand [class^=scheme--] li:after,
.force-wild-sand [class^=scheme--] li:before,
.force-wild-sand [class*=" scheme--"] [class*=__column]:after,
.force-wild-sand [class*=" scheme--"] [class*=__column]:before,
.force-wild-sand [class*=" scheme--"] [class*=__subtitle]:after,
.force-wild-sand [class*=" scheme--"] [class*=__subtitle]:before,
.force-wild-sand [class*=" scheme--"] li:after,
.force-wild-sand [class*=" scheme--"] li:before,
.scheme--wild-sand [class*=__column]:after,
.scheme--wild-sand [class*=__column]:before,
.scheme--wild-sand [class*=__subtitle]:after,
.scheme--wild-sand [class*=__subtitle]:before,
.scheme--wild-sand li:after,
.scheme--wild-sand li:before {
color: #111b1d;
background-color: #111b1d
}
.force-wild-sand [class^=scheme--] .feefo-review__actions:before,
.force-wild-sand [class*=" scheme--"] .feefo-review__actions:before,
.scheme--wild-sand .feefo-review__actions:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 0)), to(#f5f5f5));
background: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5)
}
.force-wild-sand [class^=scheme--] .loader,
.force-wild-sand [class*=" scheme--"] .loader,
.scheme--wild-sand .loader {
color: #111b1d
}
.force-wild-sand [class^=scheme--] .loader__background,
.force-wild-sand [class*=" scheme--"] .loader__background,
.scheme--wild-sand .loader__background {
background: #f5f5f5
}
.force-wild-sand [class^=scheme--] [class*=__background-image]:after,
.force-wild-sand [class^=scheme--] [class*=__background-image]:before,
.force-wild-sand [class*=" scheme--"] [class*=__background-image]:after,
.force-wild-sand [class*=" scheme--"] [class*=__background-image]:before,
.scheme--wild-sand [class*=__background-image]:after,
.scheme--wild-sand [class*=__background-image]:before {
background-color: #f5f5f5
}
.force-wild-sand [class^=scheme--] .background--scheme,
.force-wild-sand [class*=" scheme--"] .background--scheme,
.scheme--wild-sand .background--scheme {
background: #f5f5f5
}
.force-wild-sand [class^=scheme--] .typo--scheme,
.force-wild-sand [class*=" scheme--"] .typo--scheme,
.scheme--wild-sand .typo--scheme {
color: #111b1d
}
.force-wild-sand [class^=scheme--] .typo--scheme:hover,
.force-wild-sand [class^=scheme--] .typo--scheme:focus,
.force-wild-sand [class*=" scheme--"] .typo--scheme:hover,
.force-wild-sand [class*=" scheme--"] .typo--scheme:focus,
.scheme--wild-sand .typo--scheme:hover,
.scheme--wild-sand .typo--scheme:focus {
color: #111b1d
}
.force-wild-sand [class^=scheme--] .typo-highlight--scheme,
.force-wild-sand [class*=" scheme--"] .typo-highlight--scheme,
.scheme--wild-sand .typo-highlight--scheme {
color: #111b1d
}
.force-wild-sand [class^=scheme--] .typo-highlight--scheme:hover,
.force-wild-sand [class^=scheme--] .typo-highlight--scheme:focus,
.force-wild-sand [class*=" scheme--"] .typo-highlight--scheme:hover,
.force-wild-sand [class*=" scheme--"] .typo-highlight--scheme:focus,
.scheme--wild-sand .typo-highlight--scheme:hover,
.scheme--wild-sand .typo-highlight--scheme:focus {
color: #111b1d
}
.force-wild-sand [class^=scheme--] .svg-highlight--scheme,
.force-wild-sand [class*=" scheme--"] .svg-highlight--scheme,
.scheme--wild-sand .svg-highlight--scheme {
fill: #111b1d
}
.force-wild-sand [class^=scheme--].form-panel__chevron:after,
.force-wild-sand [class*=" scheme--"].form-panel__chevron:after,
.scheme--wild-sand.form-panel__chevron:after {
background-color: #f5f5f5
}
.force-wild-sand [class^=scheme--] svg.photo-reel-navigation__image,
.force-wild-sand [class*=" scheme--"] svg.photo-reel-navigation__image,
.scheme--wild-sand svg.photo-reel-navigation__image {
fill: #111b1d
}
.force-wild-sand [class^=scheme--] .country-selector__input,
.force-wild-sand [class*=" scheme--"] .country-selector__input,
.scheme--wild-sand .country-selector__input {
border-color: #111b1d
}
.force-wild-sand [class^=scheme--] label:not([role=button]),
.force-wild-sand [class*=" scheme--"] label:not([role=button]),
.scheme--wild-sand label:not([role=button]) {
color: #111b1d
}
.force-wild-sand [class^=scheme--] a:not(.btn):not(.anchor),
.force-wild-sand [class*=" scheme--"] a:not(.btn):not(.anchor),
.scheme--wild-sand a:not(.btn):not(.anchor) {
color: #111b1d
}
.force-wild-sand [class^=scheme--] .anchor--external::after,
.force-wild-sand [class*=" scheme--"] .anchor--external::after,
.scheme--wild-sand .anchor--external::after {
content: url('data:image/svg+xml,')
}
.matching-scheme-top {
padding-bottom: 40px !important
}
.matching-scheme-bottom {
padding-top: 40px !important
}
[data-figure-animation] {
opacity: 0
}
@-webkit-keyframes fadeInX {
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInX {
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.three-block-carousel-navigation {
padding: 40px 20px;
overflow: hidden
}
.three-block-carousel-navigation__container {
max-width: 1200px;
margin: 0 auto;
overflow: visible
}
.three-block-carousel {
max-width: 1200px;
width: 100%;
margin: 0 auto;
overflow: visible;
position: relative;
padding-left: 10px;
padding-right: 10px
}
.three-block-carousel-navigation__link-wrapper {
display: none
}
.three-block-carousel__wrapper {
margin-top: 40px;
margin-bottom: 50px;
display: block;
width: 100%;
overflow: visible !important
}
.three-block-carousel__wrapper:after {
content: "";
display: block;
clear: both
}
.three-block-carousel__wrapper>div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.three-block-carousel__item-wrapper {
padding: 0 10px;
height: 100%
}
.three-block-carousel__item {
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;
height: 100%
}
.three-block-carousel__item--with-border {
border: 3px solid #00008f
}
.three-block-carousel__tag {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: "normal";
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: inline-block;
border-bottom: 1px solid #333;
padding-bottom: 10px;
margin-bottom: 15px
}
@media (min-width: 48em) {
.three-block-carousel__tag {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.three-block-carousel__tag {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.three-block-carousel__tag {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.three-block-carousel__copy {
padding: 30px 30px 40px 30px;
background-color: #e5e5e5;
color: #333;
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.three-block-carousel__item--with-border .three-block-carousel__copy {
background-color: #fff
}
.three-block-carousel__item-sub-header {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: .04em
}
@media (min-width: 48em) {
.three-block-carousel__item-sub-header {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.three-block-carousel__item-sub-header {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.three-block-carousel__item-sub-header {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.three-block-carousel__cta {
display: table;
width: auto;
text-align: center;
margin: 30px auto 0 auto
}
.three-block-carousel__image {
display: block;
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.three-block-carousel__image:after {
display: block;
padding-top: 56.25%;
content: ""
}
@media (min-width: 48em) {
.three-block-carousel__cta {
text-align: right;
margin-top: 0;
padding-right: 25px;
position: absolute;
right: 0;
bottom: 0
}
}
@media (min-width: 60em) {
.three-block-carousel-navigation {
padding: 80px 40px
}
.three-block-carousel {
margin: 0;
padding: 0
}
.three-block-carousel__item-sub-header {
margin-bottom: 20px
}
.three-block-carousel__item-copy {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 20px
}
}
@media (min-width: 60em) and (min-width:48em) {
.three-block-carousel__item-copy {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 60em) and (min-width:62em) {
.three-block-carousel__item-copy {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 60em) and (min-width:75em) {
.three-block-carousel__item-copy {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 60em) {
.three-block-carousel-navigation__container {
max-width: 1280px;
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
}
.three-block-carousel {
overflow: hidden
}
.three-block-carousel__wrapper {
overflow: hidden !important
}
.three-block-carousel-navigation__link-wrapper {
width: 40px;
display: inherit
}
.three-block-carousel-navigation__next-link {
display: block;
width: 35px;
margin-left: 5px
}
.three-block-carousel-navigation__prev-link {
display: block;
width: 35px;
margin-right: 5px
}
.three-block-carousel-navigation__image {
width: 35px;
height: 35px
}
}
@media (min-width: 75em) {
.three-block-carousel-navigation__container {
max-width: 1330px;
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
}
.three-block-carousel-navigation__link-wrapper {
width: 65px
}
.three-block-carousel-navigation__next-link {
margin-left: 30px
}
.three-block-carousel-navigation__prev-link {
margin-right: 30px
}
}
.bg-image-panel {
max-width: 100%;
position: relative;
min-height: 400px
}
.bg-image-panel__wrapper {
width: 100%;
height: auto;
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1;
padding: 0 20px
}
.bg-image-panel__image {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 52.65%
}
.bg-image-panel__copy {
padding: 40px 0;
padding-top: 40px;
color: #333
}
.bg-image-panel__copy--right {
margin-left: auto
}
@media (min-width: 48em) {
.bg-image-panel {
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
}
.bg-image-panel__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 0
}
.bg-image-panel__copy {
color: #fff;
width: 50%
}
}
@media (min-width: 60em) {
.bg-image-panel {
padding: 0 40px
}
.bg-image-panel__wrapper {
padding: 0
}
}
.fifty-fifty-in-carousel {
width: 100%;
height: auto;
display: block;
overflow: hidden;
padding: 40px 0
}
.fifty-fifty-in-carousel .split-image-text-panel__content {
min-height: unset
}
.fifty-fifty-in-carousel__container {
max-width: 1200px;
margin: 0 auto;
overflow: visible;
display: block;
width: 100%;
height: auto
}
.fifty-fifty-in-carousel__carousel {
width: 100%;
padding: 0;
display: block;
overflow: visible !important
}
.fifty-fifty-in-carousel__carousel:after {
content: "";
display: block;
clear: both
}
.fifty-fifty-in-carousel__item {
width: 100%;
position: relative;
display: block;
padding: 0 20px
}
.fifty-fifty-in-carousel__controls {
position: relative
}
.fifty-fifty-in-carousel__control {
top: 20%;
position: absolute;
z-index: 50;
min-width: 10px;
opacity: .15
}
.fifty-fifty-in-carousel__control:hover {
opacity: 1
}
.fifty-fifty-in-carousel__control--prev {
left: -10%
}
.fifty-fifty-in-carousel__control--next {
right: -10%
}
.fifty-fifty-in-carousel__paginate-container {
padding-top: 50px
}
@media (min-width: 37.5em) {
.fifty-fifty-in-carousel {
padding: 40px 20px
}
.fifty-fifty-in-carousel__item {
padding: 0 15px
}
.fifty-fifty-in-carousel__container {
padding: 0 15px;
overflow: visible !important
}
}
@media (min-width: 62.5em) {
.fifty-fifty-in-carousel {
padding: 80px 40px;
overflow: hidden
}
.fifty-fifty-in-carousel__carousel {
width: 100%;
overflow: hidden !important
}
.fifty-fifty-in-carousel__container {
padding: 0;
width: 100%
}
.fifty-fifty-in-carousel__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
}
.fifty-fifty-in-carousel__control {
top: 30%
}
.fifty-fifty-in-carousel__control--prev {
left: 0
}
.fifty-fifty-in-carousel__control--next {
right: 0
}
}
.accordion-promo {
padding: 40px 20px
}
.accordion-promo__container {
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;
max-width: 1200px;
margin: 0 auto
}
.accordion-promo__container .accordion-group {
padding-left: 0;
padding-right: 0
}
.accordion-promo__col-large {
width: 100%
}
.accordion-promo__col-small {
width: 100%;
margin-top: 20px
}
.accordion-promo .accordion-group__container {
padding-left: 0;
padding-right: 0
}
.accordion-promo .accordion-group:first-of-type {
padding-top: 0
}
@media (min-width: 60em) {
.accordion-promo {
padding: 80px 40px
}
.accordion-promo__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.accordion-promo__col-large {
width: 70%;
padding-right: 60px
}
.accordion-promo__col-small {
width: 30%;
padding-top: 70px;
margin-top: 0
}
}
.accordion-group-cta-image .accordion-group__container {
max-width: 1030px
}
.accordion-cta-image .accordion-title {
font-size: 22px;
font-weight: 600
}
.accordion-cta-image .accordion-trigger__label {
padding: 25px 0
}
.accordion-cta-image .accordion-wellbeing__label {
padding: 15px 0
}
.accordion-cta-image .accordion-trigger__icon {
width: 20px;
height: 20px
}
.accordion-cta-image .accordion-view {
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;
max-width: 100%
}
.accordion-cta-image .accordion-ctas-container {
max-width: 860px;
padding-top: 10px
}
.accordion-cta-image .accordion-view--split {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.accordion-cta-image .accordion-view--split-flipped {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.accordion-image-container {
width: 100%;
height: 300px;
margin-top: 0 !important;
margin-bottom: 60px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-clip: content-box
}
.accordion-view--split .accordion-image-container {
height: 400px;
padding-left: 10%;
margin-top: 50px !important
}
.accordion-view--split-flipped .accordion-image-container {
padding-left: 0;
padding-right: 10%
}
.accordion-view--full-height-image .accordion-image-container {
height: auto
}
.accordion-view--split .accordion-ctas-container,
.accordion-view--split .accordion-image-container {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%
}
.accordion-cta-image .richtext h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px
}
.accordion-cta-image .richtext p {
font-size: 16px;
margin-top: 0 !important;
margin-bottom: 25px
}
.accordion-cta-image .richtext ul,
.accordion-cta-image .richtext ol {
padding: 0;
margin-top: 0 !important;
margin-bottom: 20px
}
.accordion-cta-image .richtext li {
font-size: 16px;
padding-left: 15px
}
.accordion-cta-image .richtext ol li {
padding-left: 20px
}
.accordion-cta-image .richtext li::before {
left: 2px;
width: 4px;
height: 4px
}
.accordion-cta-image .richtext ol li::before {
line-height: 1.3
}
@media (max-width: 1030px) {
.accordion-cta-image .accordion-title {
font-size: 20px
}
.accordion-view--split .accordion-image-container {
padding-left: 8%
}
.accordion-view--split-flipped .accordion-image-container {
padding-left: 0;
padding-right: 8%
}
}
@media (max-width: 768px) {
.accordion-cta-image .accordion-view--split {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.accordion-view--split .accordion-image-container {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
height: 300px;
padding-left: 0;
padding-right: 0;
margin-top: 20px !important
}
}
.accordion-group {
padding: 40px
}
.accordion-group:not(:last-of-type) {
padding-bottom: 0
}
.accordion-group__container {
max-width: 1200px;
margin: 0 auto
}
.accordion-wellbeing__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.accordion-wellbeing__wrapper {
width: 100%
}
.accordion-group__title {
padding-bottom: 0
}
.accordion-group-wellbeing__title {
font-size: 1.5rem
}
.accordion-wellbeing {
padding: 0 15px
}
button.accordion-trigger__label:after {
display: none
}
button.accordion-trigger__label:focus:after,
button.accordion-trigger__label:hover:after {
display: none
}
@media (min-width: 60em) {
.accordion-wellbeing {
padding: 10px 20px
}
.accordion-group-wellbeing__title {
font-size: 1.75rem
}
}
.accordion-trigger {
margin: 0;
padding: 0;
border-top: 1px solid #ccc
}
.accordion-trigger:first-of-type {
border-top: none
}
.accordion-trigger__label {
padding: 20px 0;
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: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0;
color: inherit;
background-color: transparent;
text-transform: none;
text-align: left
}
.accordion-wellbeing__label {
padding: 0
}
.accordion-wellbeing__label .accordion-trigger__icon {
width: 30px;
height: 30px
}
.accordion-trigger__label:hover,
.accordion-trigger__label:focus {
color: inherit
}
.accordion-trigger__label:hover {
cursor: pointer
}
.accordion-trigger__label span {
max-width: 880px
}
.accordion-trigger__icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 25px;
width: 25px;
margin-left: auto
}
.accordion-trigger__icon--large {
height: 35px;
width: 35px
}
.accordion-trigger__icon-image {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.accordion-trigger__label[aria-expanded=true] .accordion-trigger__icon-image {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.accordion-view {
padding: 0;
margin: 0;
max-width: 880px;
-webkit-transition: max-height 1.2s ease-in-out, visibility 0s ease-in-out;
transition: max-height 1.2s ease-in-out, visibility 0s ease-in-out;
overflow: hidden
}
.accordion-view ul {
padding: 0 !important
}
.accordion-view li {
margin-top: 5px !important;
padding-bottom: 0 !important
}
.accordion-view li:first-of-type {
margin-top: 0 !important
}
.accordion-view>:not(:first-child) {
margin-top: 24px
}
.accordion-view>:last-child {
margin-bottom: 24px !important
}
.accordion-view[aria-hidden=true] {
max-height: 0;
visibility: hidden;
-webkit-transition: max-height 1.2s cubic-bezier(0, 1, .3, 1), visibility 0s ease-in-out 1.2s;
transition: max-height 1.2s cubic-bezier(0, 1, .3, 1), visibility 0s ease-in-out 1.2s
}
.accordion-view[aria-hidden=false] {
max-height: 9999px;
visibility: visible
}
.accordion-view__cta {
margin-top: 24px;
margin-bottom: 30px
}
@media (min-width: 48em) {
.accordion-trigger__icon {
height: 30px;
width: 30px
}
.accordion-trigger__icon--large {
height: 55px;
width: 55px
}
}
@media (min-width: 62em) {
.accordion-trigger__label {
padding-top: 30px;
padding-bottom: 30px
}
.accordion-wellbeing__label {
padding-top: 20px;
padding-bottom: 0
}
}
.account-switcher {
position: relative;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px
}
.account-switcher__label,
.account-switcher__panel {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
color: #333
}
.account-switcher__label {
font-size: 14px;
font-weight: 600
}
.account-switcher__btn {
display: none
}
.account-switcher__title {
display: none
}
.account-switcher__link {
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;
gap: 6px;
font-size: 14px;
color: #333;
padding: 8px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-transform: none
}
.account-switcher__link:hover,
.account-switcher__link:focus {
color: #333
}
.account-switcher__link-title {
font-weight: 600
}
.account-switcher__link-number {
font-weight: 400
}
.account-switcher__link-icon {
position: absolute;
top: 50%;
right: 0;
width: 24px;
height: 24px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: #333
}
.account-switcher__link~.account-switcher__link {
border-top: 0
}
@media (min-width: 71.25em) {
.account-switcher__label {
display: none
}
.account-switcher__btn {
display: block;
color: #00008f;
letter-spacing: normal;
background-color: transparent;
min-width: auto;
padding: 0 10px;
margin: 0
}
.account-switcher__btn:hover,
.account-switcher__btn:focus {
color: #00008f
}
.account-switcher__btn[aria-expanded=true]+.account-switcher__panel {
display: block
}
.account-switcher__panel {
display: none;
position: absolute;
top: 100%;
width: 320px;
padding: 16px;
border: 2px solid #f0f0f0;
background-color: #fff;
z-index: 1
}
.account-switcher__title {
display: block;
font-size: 14px;
font-weight: 600
}
.account-switcher__title:not(:first-of-type) {
margin-bottom: 16px
}
.account-switcher__title+.account-switcher__link {
border-top: 1px solid #ccc
}
.account-switcher__link {
padding: 16px 0
}
.account-switcher__link:first-of-type {
border-width: 0
}
.account-switcher__link:first-of-type .account-switcher__link-icon {
display: none
}
}
.agh-quiz__wrapper {
background-color: #f5f5f5;
padding: 35px;
counter-reset: agh-text__column
}
.agh-quiz__text-container,
.agh-quiz__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1200px;
margin: 0 auto;
background-color: #f5f5f5;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.agh-quiz__container {
padding: 20px
}
.agh-quiz__text-container {
position: relative
}
.agh-quiz__cta-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.agh-quiz__cta-close {
text-decoration: none;
padding: 15px 30px;
display: block;
margin: 0
}
.agh-quiz__cta-title {
padding: 20px;
color: #00008f;
font-size: 14px;
font-weight: 600;
font-family: serif
}
.agh-quiz-text__column {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
text-align: center;
margin: 25px 10px
}
.agh-quiz-text__column::before {
counter-increment: agh-text__column;
content: counter(agh-text__column);
position: relative;
top: 0;
left: 50%;
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;
width: 40px;
height: 40px;
font-size: 24px;
font-weight: 600;
border-radius: 50px;
color: #fff;
background-color: #00adc6;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: serif
}
.agh-quiz-text__title {
color: #00008f
}
.agh-quiz__modal {
position: fixed;
z-index: 11;
left: 0;
top: 0;
padding-top: 61px;
width: 100%;
height: 100%;
overflow: auto;
background-color: #f5f5f5;
margin: auto;
z-index: 100
}
.agh-quiz__question-number {
display: none
}
.agh-quiz__question-title {
margin-bottom: 20px
}
.agh-quiz__question-subtitle {
margin-bottom: 25px;
font-weight: 600;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
font-size: 17px;
color: #00008f
}
.agh-quiz__question-subtitle-fade {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: opacity 500ms, -webkit-transform 500ms;
transition: opacity 500ms, -webkit-transform 500ms;
transition: transform 500ms, opacity 500ms;
transition: transform 500ms, opacity 500ms, -webkit-transform 500ms
}
.agh-quiz__options {
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
}
.agh-quiz__option {
padding: 20px 50px;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
margin: 10px 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase;
text-align: center;
font-weight: 600
}
.agh-quiz__option:focus:after,
.agh-quiz__option:hover:after {
width: 100%;
opacity: 1
}
.agh-quiz__option::after {
content: "";
width: 0;
height: 1000%;
position: absolute;
display: block;
opacity: 0;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(60deg);
transform: translate3d(-50%, -50%, 0) rotate(60deg);
-webkit-transition: width .3s, opacity .3s;
transition: width .3s, opacity .3s;
color: #fff;
z-index: -1
}
.agh-quiz__option-apache {
border: 2px solid #8a7333
}
.agh-quiz__option-apache::after {
background-color: #403517;
border-color: #403517
}
.agh-quiz__option-green {
border: 2px solid #5b7b73
}
.agh-quiz__option-green::after {
background-color: #30403c;
border-color: #30403c
}
.agh-quiz__option-azalea {
border: 2px solid #e196aa
}
.agh-quiz__option-azalea::after {
background-color: #ca476a;
border-color: #ca476a
}
.agh-quiz__option-logan {
border: 2px solid #9190ac
}
.agh-quiz__option-logan::after {
background-color: #5d5c7a;
border-color: #5d5c7a
}
.agh-quiz__option-selected {
background: #fff !important;
color: #00008f;
border: 2px solid #00008f !important;
-webkit-transition: border 500ms, color 200ms, background 500ms;
transition: border 500ms, color 200ms, background 500ms
}
.agh-quiz__option-selected:hover,
.agh-quiz__option-selected:focus,
.agh-quiz__option-selected::after {
color: #00008f;
background: #fff !important
}
.agh-quiz__cta {
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
}
.agh-quiz__previous-question {
margin-left: 2px
}
.agh-quiz__next-cta,
.agh-quiz__back-cta {
visibility: hidden;
margin: 10px 0;
min-width: 45%;
padding: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
.agh-quiz__next-cta:focus:after,
.agh-quiz__next-cta:hover:after,
.agh-quiz__back-cta:focus:after,
.agh-quiz__back-cta:hover:after {
width: 100%;
opacity: 1
}
.agh-quiz__next-cta::after,
.agh-quiz__back-cta::after {
content: "";
width: 0;
height: 1000%;
position: absolute;
display: block;
opacity: 0;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transition: width .3s, opacity .3s;
transition: width .3s, opacity .3s;
background-color: #00005b;
color: #fff;
z-index: -1
}
.agh-quiz__next-cta {
margin-left: auto;
padding-left: 30px
}
.agh-quiz__back-cta {
padding-left: 45px;
padding-right: 15px !important
}
.agh-quiz__back-cta .btn__arrow,
.agh-quiz__back-cta .search-results-list-search__header .btn__search,
.search-results-list-search__header .agh-quiz__back-cta .btn__search {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 11px !important;
display: block;
margin-right: 20px !important;
position: absolute;
left: 25px !important;
right: auto !important;
margin-left: auto !important
}
.agh-quiz__cta--show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
-webkit-transition: all 500ms !important;
transition: all 500ms !important
}
.agh-quiz__progress {
background-color: #e5e5e5;
max-width: 1200px;
margin: 0 auto;
display: none
}
.agh-quiz__progress-bar {
height: 2px;
background-color: #fff
}
.agh-quiz__progress-bar-inner {
height: 100%;
background-color: #00008f;
-webkit-transition: width 500ms;
transition: width 500ms
}
.agh-quiz__current-question,
.agh-quiz__current-question--mobile {
color: #ff1721
}
@media (min-width: 60em) {
.agh-quiz__wrapper {
padding: 50px
}
.agh-quiz__text-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.agh-quiz__cta-button {
display: none
}
.agh-quiz-text__column {
-webkit-flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
text-align: center;
margin: 50px 25px;
margin-top: 25px
}
.agh-quiz__container {
display: block;
margin: 0 auto;
max-width: 1200px;
background-color: #fff;
padding: 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.agh-quiz__text-container::before {
content: "";
height: 2px;
background-color: #00adc6;
width: 70%;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 24px);
-ms-transform: translate(-50%, 24px);
transform: translate(-50%, 24px)
}
.agh-quiz__question-number {
display: block;
margin-bottom: 30px;
color: #00008f;
font-weight: 600
}
.agh-quiz__question-title {
margin-bottom: 50px;
font-size: 36px
}
.agh-quiz__question-subtitle {
font-size: 20px
}
.agh-quiz__options {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.agh-quiz__option {
padding: 50px !important;
margin: 0;
margin-right: 20px
}
.agh-quiz__option:last-of-type {
margin-right: 0
}
.agh-quiz__next-cta {
margin-left: auto;
width: 23.5%;
min-width: auto;
padding-left: 55px
}
.agh-quiz__back-cta {
width: 23.5%;
min-width: auto;
padding-left: 55px;
padding-right: 45px !important
}
.agh-quiz__progress {
padding: 20px
}
}
@media (min-width: 62.5em) {
.agh-quiz__container {
padding: 50px
}
.agh-quiz__question-number {
display: block
}
}
@media (min-width: 75em) {
.agh-quiz__container {
padding: 100px
}
}
.hero-banner__agh-quiz {
width: 100%;
height: auto;
min-height: 580px;
background-position: center;
background-size: cover;
background-color: #00adc6
}
.hero-banner-quiz__container {
max-width: 1200px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.hero-banner-quiz__content {
text-align: center;
margin: 20px 0;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.hero-banner-quiz__title {
margin-top: 0;
margin-bottom: 15px !important
}
.hero-banner-quiz__subtitle {
font-size: 18px !important
}
.hero-banner-quiz__text {
margin-bottom: 35px
}
.hero-banner-quiz__img {
width: 250px;
margin: 0 auto;
display: block
}
.hero-banner-quiz__cta {
display: none
}
.hero-banner-quiz__cta-sticky {
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
.hero-banner-quiz__cta-sticky-show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: opacity 800ms, -webkit-transform 800ms;
transition: opacity 800ms, -webkit-transform 800ms;
transition: transform 800ms, opacity 800ms;
transition: transform 800ms, opacity 800ms, -webkit-transform 800ms;
z-index: 4
}
.hero-banner-quiz__cta-link {
text-decoration: none;
padding: 20px 30px;
width: 100%;
display: block;
margin: 0
}
@media (min-width: 60em) {
.hero-banner__agh-quiz {
background-image: linear-gradient(-50deg, #00adc6 62.4%, #027180 62.6%)
}
.hero-banner-quiz__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.hero-banner-quiz__content {
text-align: left;
margin: 80px 0
}
.hero-banner-quiz__title {
margin-bottom: 36px !important
}
.hero-banner-quiz__subtitle {
font-size: 28px !important
}
.hero-banner-quiz__img {
width: 400px
}
.hero-banner-quiz__cta {
position: relative;
display: block
}
.hero-banner-quiz__cta button {
margin-left: 0
}
.hero-banner-quiz__cta-sticky {
display: none
}
}
.agh-results__container {
background-color: #fad6de;
padding: 10px;
padding-bottom: 55px;
max-width: 1200px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #00008f;
display: none
}
.agh-quiz__modal-container {
display: none
}
.agh-results__cta-link {
text-decoration: none;
padding: 20px 30px;
width: 100%;
display: block;
margin: 0
}
.agh-results__score-wrapper {
padding: 30px
}
.agh-results__content {
position: relative;
text-align: center;
margin: 20px 0;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.agh-results__title {
text-align: center
}
.agh-results__subtitle {
text-align: center;
padding-top: 35px
}
.agh-results__img {
width: 200px;
margin: 0 auto;
display: block
}
.agh-results__content-above-container,
.agh-results__content-below-container {
display: none
}
.agh-results__score {
position: absolute;
color: #fff;
top: 30px;
left: 55%;
font-size: 3.5rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.agh-results__member-wrapper {
background: #fff;
text-align: center;
padding: 60px 15px
}
.agh-results__member-title {
color: #00008f
}
.agh-results__member-intro-subtitle {
font-weight: 700;
color: #333
}
.agh-results__member-intro-text {
color: #333
}
.agh-results__member-intro-subtext {
color: #00008f;
font-weight: 600;
padding-bottom: 10px
}
.agh-results__member-activate::before {
content: "";
height: 1px;
background-color: #00008f;
width: 80%;
left: 10%;
position: absolute;
-webkit-transform: translateY(-45px);
-ms-transform: translateY(-45px);
transform: translateY(-45px)
}
.agh-results__member-activate {
margin-top: 75px;
color: #00008f
}
.agh-results__member-outro-subtitle {
color: #333;
font-weight: 600;
padding-top: 30px
}
.agh-results__member-outro-content {
color: #333
}
.agh-results__member-outro-disclaimer {
padding-top: 40px
}
.agh-results__member-outro-disclaimer-one {
font-size: 14px;
padding-top: 10px
}
.agh-results__membership-wrapper {
background-color: #3b3fd8;
text-align: center;
padding: 50px
}
.agh-results__membership-title,
.agh-results__membership-content {
color: #fff
}
.agh-results__member-app-cta {
padding-top: 10px
}
.agh-results__faq-wrapper,
.agh-results__scale-wrapper {
text-align: center;
padding: 0 0 50px 0
}
.agh-results__faq-content,
.agh-results__scale-title {
margin: 0;
padding-bottom: 20px;
padding: 0 30px 15px 30px
}
.agh-results__scale-title {
font-weight: 600
}
.agh-results__faq-subtitle {
margin-top: 75px
}
.agh-results__faq-subtext {
font-weight: 600;
padding-top: 30px;
padding-bottom: 30px
}
.agh-results__scale {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
overflow-x: auto;
margin-right: -10px;
margin-left: -10px;
padding-left: 30px
}
.agh-results__scale-option {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100px;
-ms-flex: 1 0 100px;
flex: 1 0 100px;
border-right: 1px solid #ffb9bc;
background-color: #fff
}
.agh-results__scale-option:last-of-type {
border-right: none
}
.agh-results__scale-type {
padding: 15px 35px
}
.agh-results__scale-type p {
font-weight: 800
}
.agh-results__scale-none {
padding: 15px;
background-color: #ffb9bc
}
.agh-results__scale-mild {
padding: 15px;
background-color: #fc8c91
}
.agh-results__scale-mod {
padding: 15px;
background-color: #ff656c
}
.agh-results__scale-mod-severe {
padding: 15px;
background-color: #ff434b
}
.agh-results__scale-severe {
padding: 15px;
background-color: #ff1721
}
.agh-results__faq-scroll {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px
}
.agh-results__scroll-text {
font-weight: 800;
padding-right: 5px
}
.agh-results__scroll-icon {
width: 30px;
height: 30px
}
@media (min-width: 60em) {
.agh-quiz__modal-container {
display: block
}
.agh-results__container {
padding: 0 50px 50px 50px
}
.agh-results__score-wrapper {
padding: 100px 150px 30px 150px
}
.agh-results__member-wrapper {
padding: 60px 130px
}
.agh-results__member-activate {
margin-top: 100px
}
.agh-results__member-activate::before,
.agh-results__faq-subtitle::before {
content: "";
width: 30%;
left: 35%;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
.agh-results__member-outro-subtitle,
.agh-results__member-outro-disclaimer {
padding-top: 50px
}
.agh-results__member-outro-disclaimer-one {
padding-top: 20px
}
.agh-results__scale {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 75%;
margin: 0 auto;
padding-left: 0
}
.agh-results__scale-type {
padding: 10px 20px
}
.agh-results__score {
top: 25px;
left: 53%
}
.agh-results__faq-scroll {
display: none
}
.agh-results__faq-content,
.agh-results__scale-title {
padding: 0 150px 30px 150px
}
}
.site-header-nav .account-switcher {
position: static
}
.site-header-nav .account-switcher * {
line-height: 1
}
.site-header-nav .account-switcher__label {
display: block;
margin-bottom: 12px
}
.site-header-nav .account-switcher__label,
.site-header-nav .account-switcher__link {
padding-left: 12px;
padding-right: 12px
}
@media screen and (min-width: 1000px) {
.site-header-nav .account-switcher__label {
display: none
}
.site-header-nav .account-switcher__btn {
display: block;
color: #00008f;
letter-spacing: normal;
background-color: transparent;
height: 100%;
min-width: auto;
padding: 0 10px;
margin: 0
}
.site-header-nav .account-switcher__btn:hover,
.site-header-nav .account-switcher__btn:focus-visible,
.site-header-nav .account-switcher__btn[aria-expanded=true] {
color: #fff;
background-color: #00006d;
-webkit-transition: 200ms;
transition: 200ms
}
.site-header-nav .account-switcher__btn[aria-expanded=true] {
background-color: #00008f
}
.site-header-nav .account-switcher__btn[aria-expanded=true]+.account-switcher__panel {
display: block
}
.site-header-nav .account-switcher__panel {
display: none;
position: absolute;
top: 100%;
width: 320px;
padding: 16px;
border: 2px solid #f0f0f0;
background-color: #fff;
z-index: 2
}
.site-header-nav .account-switcher__title {
display: block;
font-size: 14px;
font-weight: 600
}
.site-header-nav .account-switcher__title:not(:first-of-type) {
margin-bottom: 16px
}
.site-header-nav .account-switcher__title+.account-switcher__link {
border-top: 1px solid #ccc
}
.site-header-nav .account-switcher__link {
padding: 16px 0
}
.site-header-nav .account-switcher__link:first-of-type {
border-width: 0
}
.site-header-nav .account-switcher__link:first-of-type .account-switcher__link-icon {
display: none
}
}
.main:has(.site-header-nav),
.component-documentation__preview:has(.site-header-nav) {
display: contents
}
.site-header-nav {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
background-color: #fff;
text-transform: none;
-webkit-filter: drop-shadow(0 2px 2px rgba(51, 51, 51, .15));
filter: drop-shadow(0 2px 2px rgba(51, 51, 51, .15))
}
.site-header-nav:has([aria-expanded=true]) {
-webkit-filter: none;
filter: none
}
.site-header-nav button {
background-color: transparent;
min-width: auto;
min-height: auto;
margin: 0;
text-transform: none;
letter-spacing: normal
}
.site-header-nav a {
text-decoration: none
}
.site-header-nav * {
letter-spacing: normal
}
.site-header-nav__container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px
}
.site-header-nav__inner {
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;
gap: 16px;
height: 90px
}
.site-header-nav__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;
margin-right: auto
}
.site-header-nav__logo-image {
width: 76px;
height: 76px
}
.site-header-nav__skip {
position: absolute;
top: 0;
height: 1px;
width: 1px;
z-index: 1;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
color: #00008f;
background-color: #fff
}
.site-header-nav__skip:focus {
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.site-header-nav__main {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: calc(100svh - 90px);
background-color: #fff;
padding: 0 20px;
overflow-y: auto;
visibility: hidden;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
-webkit-transition: visibility 200ms, -webkit-clip-path 200ms;
transition: visibility 200ms, -webkit-clip-path 200ms;
transition: clip-path 200ms, visibility 200ms;
transition: clip-path 200ms, visibility 200ms, -webkit-clip-path 200ms
}
.site-header-nav__main.show {
visibility: visible;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transition: visibility 0s, -webkit-clip-path 200ms;
transition: visibility 0s, -webkit-clip-path 200ms;
transition: clip-path 200ms, visibility 0s;
transition: clip-path 200ms, visibility 0s, -webkit-clip-path 200ms
}
.site-header-nav__main:has(.show) {
overflow: hidden
}
.site-header-nav__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;
padding: 0 0 24px;
margin: 0;
list-style: none
}
.site-header-nav__list-item {
margin: 0
}
.site-header-nav__list-btn,
.site-header-nav__sub-btn {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
width: 100%;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: #00008f;
padding: 24px 12px 24px;
border-bottom: 1px solid #00008f
}
.site-header-nav__list-btn:hover,
.site-header-nav__list-btn:focus,
.site-header-nav__sub-btn:hover,
.site-header-nav__sub-btn:focus {
color: #00008f
}
.site-header-nav__list-btn-icon,
.site-header-nav__sub-btn-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 18px;
height: 18px
}
.site-header-nav__list-btn:is(a),
.site-header-nav__sub-btn:is(a) {
position: relative
}
.site-header-nav__list-btn:is(a):active,
.site-header-nav__sub-btn:is(a):active {
color: #fff;
background-color: #3d3daa
}
.site-header-nav__list-btn:is(a):active::after,
.site-header-nav__sub-btn:is(a):active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background-color: #d24723
}
.site-header-nav__sub {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: #fff;
padding: 8px 20px 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 200ms, visibility 200ms;
transition: opacity 200ms, visibility 200ms;
overflow-y: auto;
z-index: 1
}
.site-header-nav__sub.show {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 200ms, visibility 0s;
transition: opacity 200ms, visibility 0s
}
.site-header-nav__sub:has(.show) {
overflow: hidden
}
.site-header-nav__sub.show>.site-header-nav__sub-intro {
overflow-x: hidden
}
.site-header-nav__sub.show>.site-header-nav__sub-intro>* {
opacity: 0;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
-webkit-animation: fadeInX 400ms 300ms forwards;
animation: fadeInX 400ms 300ms forwards
}
.site-header-nav__sub.show>.site-header-nav__sub-intro>:nth-child(1) {
-webkit-animation-delay: 150ms;
animation-delay: 150ms
}
.site-header-nav__sub.show>.site-header-nav__sub-intro>:nth-child(2) {
-webkit-animation-delay: 300ms;
animation-delay: 300ms
}
.site-header-nav__sub.show>.site-header-nav__sub-intro>:nth-child(3) {
-webkit-animation-delay: 450ms;
animation-delay: 450ms
}
.site-header-nav__sub.show>.site-header-nav__sub-intro>:nth-child(4) {
-webkit-animation-delay: 600ms;
animation-delay: 600ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item {
overflow-x: hidden
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(1) {
-webkit-animation-delay: 110ms;
animation-delay: 110ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(2) {
-webkit-animation-delay: 220ms;
animation-delay: 220ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(3) {
-webkit-animation-delay: 330ms;
animation-delay: 330ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(4) {
-webkit-animation-delay: 440ms;
animation-delay: 440ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(5) {
-webkit-animation-delay: 550ms;
animation-delay: 550ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(6) {
-webkit-animation-delay: 660ms;
animation-delay: 660ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(7) {
-webkit-animation-delay: 770ms;
animation-delay: 770ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(8) {
-webkit-animation-delay: 880ms;
animation-delay: 880ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(9) {
-webkit-animation-delay: 990ms;
animation-delay: 990ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item:nth-child(10) {
-webkit-animation-delay: 1100ms;
animation-delay: 1100ms
}
.site-header-nav__sub.show>.site-header-nav__sub-list>.site-header-nav__sub-item>.site-header-nav__sub-btn {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
text-align: left;
opacity: 0;
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
-webkit-animation: fadeInX 400ms forwards;
animation: fadeInX 400ms forwards;
-webkit-animation-delay: inherit;
animation-delay: inherit;
-webkit-transition-property: background-color;
transition-property: background-color
}
.site-header-nav__sub-back {
font-size: 16px;
line-height: 1.5;
padding: 0
}
.site-header-nav__sub-back-inner {
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;
gap: 13px;
font-weight: 600;
color: #00008f
}
.site-header-nav__sub-back-inner--desktop {
display: none
}
.site-header-nav__sub-back-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 16px;
height: 16px
}
.site-header-nav__sub-intro {
padding: 24px 0;
border-bottom: 1px solid #00008f
}
.site-header-nav__sub-intro .site-header-nav__defaqto {
display: none
}
.site-header-nav__sub-title {
font-family: "Publico Headline", Georgia, serif;
font-size: 28px;
color: #343c3d;
margin: 0
}
.site-header-nav__sub-desc {
font-size: 16px;
color: #111b1d;
margin: 16px 0 0
}
.site-header-nav__sub-ctas {
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;
gap: 16px;
margin-top: 16px
}
.site-header-nav__sub-cta {
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;
font-weight: 600;
color: #00008f;
-webkit-transition: 200ms;
transition: 200ms
}
.site-header-nav__sub-cta--discover {
font-size: 18px;
line-height: 1.5
}
.site-header-nav__sub-cta--discover:hover,
.site-header-nav__sub-cta--discover:focus {
color: #2425aa
}
.site-header-nav__sub-cta--call {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 44px;
font-size: 16px;
text-align: center;
color: #fff;
background-color: #00008f;
padding: 0 16px;
border-radius: 6px
}
.site-header-nav__sub-cta--call:hover,
.site-header-nav__sub-cta--call:focus {
color: #fff;
background-color: #2425aa
}
.site-header-nav__sub-cta-icon {
display: none
}
.site-header-nav__sub-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;
list-style: none;
padding: 0 0 24px;
margin: 0
}
.site-header-nav__sub-item {
margin: 0
}
.site-header-nav__sub-item:has(.site-header-nav__ctas:only-child) {
display: none
}
.site-header-nav__defaqto {
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;
gap: 8px;
padding-top: 16px;
padding-bottom: 24px;
color: #343c3d;
border-top: 1px solid #ccc
}
.site-header-nav__defaqto-title,
.site-header-nav__defaqto-desc {
margin: 0
}
.site-header-nav__defaqto-title {
font-size: 28px;
font-weight: 700;
line-height: 1
}
.site-header-nav__defaqto-desc {
font-size: 18px
}
.site-header-nav__defaqto-image {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
max-width: 100%;
margin-top: 8px
}
.site-header-nav__ctas {
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;
gap: 16px;
padding-bottom: 24px
}
.site-header-nav__cta {
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;
text-align: center;
gap: 8px;
font-size: 16px;
font-weight: 600;
line-height: 1;
height: 44px;
padding: 0 16px;
border-radius: 6px;
-webkit-transition: 200ms;
transition: 200ms
}
.site-header-nav__cta-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 24px;
height: 24px
}
.site-header-nav__cta--quote {
color: #fff;
background-color: #d24723
}
.site-header-nav__cta--quote:hover,
.site-header-nav__cta--quote:focus {
color: #fff;
background-color: #ec4d33
}
.site-header-nav__cta--contact {
color: #fff;
background-color: #00008f
}
.site-header-nav__cta--contact:hover,
.site-header-nav__cta--contact:focus {
color: #fff;
background-color: #2425aa
}
.site-header-nav__help {
background-color: #f0f0f0;
border-top: 1px solid #343c3d;
padding: 20px 24px;
margin: 0 -20px
}
.site-header-nav__help-inner {
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;
gap: 16px
}
.site-header-nav__help-title {
font-size: 20px;
font-weight: 700;
color: #343c3d;
margin: 0
}
.site-header-nav__help-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;
gap: 20px;
list-style: none;
padding: 0;
margin: 0
}
.site-header-nav__help-item {
margin: 0
}
.site-header-nav__help-link {
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;
gap: 8px;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: #00008f
}
.site-header-nav__help-link-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20px;
height: 20px
}
.site-header-nav__help-link span {
position: relative
}
.site-header-nav__help-link span::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 1px;
-webkit-transition: background-color 200ms;
transition: background-color 200ms
}
.site-header-nav__help-link:hover,
.site-header-nav__help-link:focus {
color: #00008f
}
.site-header-nav__help-link:hover span::after,
.site-header-nav__help-link:focus span::after {
background-color: #00008f
}
.site-header-nav__mobile-btn {
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;
width: 44px;
height: 60px;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
color: #00008f;
margin: 0;
padding: 0;
text-align: center
}
.site-header-nav__mobile-btn:hover,
.site-header-nav__mobile-btn:focus {
color: #00008f
}
.site-header-nav__mobile-btn .alt {
display: none
}
.site-header-nav__mobile-btn[aria-expanded=true] .site-header-nav__mobile-btn-text:not(.alt),
.site-header-nav__mobile-btn[aria-expanded=true] .site-header-nav__mobile-btn-icon:not(.alt) {
display: none
}
.site-header-nav__mobile-btn[aria-expanded=true] .alt {
display: block
}
.site-header-nav__mobile-btn-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25px;
height: 25px;
margin: auto
}
.site-header-nav__mobile-btn-icon.alt {
width: 18px;
height: 18px;
color: #d24723
}
.site-header-nav__login {
margin-left: auto
}
.site-header-nav__login-desktop {
display: none
}
@media screen and (min-width: 1000px) {
.site-header-nav {
-webkit-filter: none;
filter: none
}
.site-header-nav__container {
padding: 0 50px
}
.site-header-nav__inner {
gap: 0;
height: 95px
}
.site-header-nav__logo {
margin-right: 24px
}
.site-header-nav__logo-image {
width: 114px;
height: 76px
}
.site-header-nav__main {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
display: block;
position: static;
height: auto;
width: auto;
padding: 0;
-webkit-clip-path: none;
clip-path: none;
visibility: visible;
-webkit-transition: none;
transition: none;
margin-right: auto
}
.site-header-nav__main:has(.site-header-nav__details.show) .site-header-nav__sub-intro .site-header-nav__defaqto {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.site-header-nav__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
padding-bottom: 0
}
.site-header-nav__list-btn {
font-size: 14px;
height: 100%;
padding: 0 16px;
border: 0;
-webkit-transition: 200ms;
transition: 200ms
}
.site-header-nav__list-btn:hover,
.site-header-nav__list-btn:focus,
.site-header-nav__list-btn:is(a):active {
color: #fff;
background-color: #00006d
}
.site-header-nav__list-btn:hover::after,
.site-header-nav__list-btn:focus::after,
.site-header-nav__list-btn:is(a):active::after {
content: none
}
.site-header-nav__list-btn[aria-expanded=true] {
color: #fff;
background-color: #00008f
}
.site-header-nav__list-btn-icon {
display: none
}
.site-header-nav__sub {
top: 100%;
bottom: auto;
height: auto;
padding: 0;
background-color: #00008f;
overflow-y: visible
}
.site-header-nav__sub:has(.show) {
overflow: visible
}
.site-header-nav__sub:has(.show)>.site-header-nav__help {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 200ms 300ms, visibility 0s, -webkit-transform 200ms 300ms;
transition: opacity 200ms 300ms, visibility 0s, -webkit-transform 200ms 300ms;
transition: transform 200ms 300ms, opacity 200ms 300ms, visibility 0s;
transition: transform 200ms 300ms, opacity 200ms 300ms, visibility 0s, -webkit-transform 200ms 300ms
}
.site-header-nav__sub-back,
.site-header-nav__sub-intro {
display: none
}
.site-header-nav__sub-back {
position: absolute;
top: 25px;
right: clamp(50px, calc((var(--vw, 100svw) - (1200px - (50px*2)))/2), calc((var(--vw, 100svw) - (1200px - (50px*2)))/2));
z-index: 1;
font-size: 18px
}
.site-header-nav__sub-back-inner--mobile {
display: none
}
.site-header-nav__sub-back-inner--desktop {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: 10px
}
.site-header-nav__sub-back-icon {
width: 20px;
height: 20px
}
.site-header-nav__sub-desc {
font-size: 18px
}
.site-header-nav__sub-ctas {
gap: 24px
}
.site-header-nav__sub-cta {
gap: 15px
}
.site-header-nav__sub-cta--discover {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.site-header-nav__sub-cta--discover span {
position: relative
}
.site-header-nav__sub-cta--discover span::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 1px;
-webkit-transition: background-color 200ms;
transition: background-color 200ms
}
.site-header-nav__sub-cta--discover:hover span::after,
.site-header-nav__sub-cta--discover:focus span::after {
background-color: #00008f
}
.site-header-nav__sub-cta--call {
font-size: 18px;
height: 50px
}
.site-header-nav__sub-cta-icon {
display: block;
width: 12px;
height: 12px;
margin-top: 1px
}
.site-header-nav__sub-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 auto;
width: 100%;
max-width: 1200px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 0
}
.site-header-nav__sub-item>.site-header-nav__ctas {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.site-header-nav__sub-item:has(.site-header-nav__ctas:only-child) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.site-header-nav__sub-item:has(.site-header-nav__ctas:only-child):last-of-type {
margin-left: auto
}
.site-header-nav__sub-btn {
position: relative;
gap: 6px;
font-size: 16px;
color: #fff;
width: auto;
min-height: 88px !important;
padding: 0 12px;
border: 0;
-webkit-transition: 200ms;
transition: 200ms
}
.site-header-nav__sub-btn::after {
content: '';
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background-color: transparent;
-webkit-transition: background-color 200ms;
transition: background-color 200ms;
opacity: 1;
width: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.site-header-nav__sub-btn:hover,
.site-header-nav__sub-btn:focus {
color: #fff;
background-color: #00006d
}
.site-header-nav__sub-btn:hover::after,
.site-header-nav__sub-btn:focus::after {
background-color: #d24723
}
.site-header-nav__sub-btn[aria-expanded=true] {
background-color: #3d3daa
}
.site-header-nav__sub-btn[aria-expanded=true]::after {
background-color: #d24723
}
.site-header-nav__sub-btn[aria-expanded=true] .site-header-nav__sub-btn-icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.site-header-nav__sub-btn-icon {
width: 12px;
height: 12px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: 2px;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms
}
.site-header-nav__details {
display: grid;
grid-template-columns: .85fr 2.15fr;
height: calc(100vh - 183px);
background-color: #fff;
padding: 24px clamp(50px, calc((var(--vw, 100svw) - (1200px - (50px*2)))/2), calc((var(--vw, 100svw) - (1200px - (50px*2)))/2)) 105px;
margin: 0;
opacity: 1;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
-webkit-transition: visibility 200ms, -webkit-clip-path 200ms;
transition: visibility 200ms, -webkit-clip-path 200ms;
transition: clip-path 200ms, visibility 200ms;
transition: clip-path 200ms, visibility 200ms, -webkit-clip-path 200ms
}
.site-header-nav__details.show {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transition: visibility 0s, -webkit-clip-path 400ms ease-out;
transition: visibility 0s, -webkit-clip-path 400ms ease-out;
transition: clip-path 400ms ease-out, visibility 0s;
transition: clip-path 400ms ease-out, visibility 0s, -webkit-clip-path 400ms ease-out
}
.site-header-nav__details .site-header-nav__sub-intro {
display: block;
border: 0;
padding: 0;
overflow-y: auto
}
.site-header-nav__details .site-header-nav__sub-list {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
padding: 0 30px;
margin: 0;
margin-top: 68px;
border-right: 1px solid #e5e5e5
}
.site-header-nav__details .site-header-nav__sub-item {
margin-left: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.site-header-nav__details>.site-header-nav__sub-back {
display: block
}
.site-header-nav__details-sub {
top: 0;
left: 100%;
width: 100%;
height: 100%;
background-color: transparent
}
.site-header-nav__details-sub .site-header-nav__sub-intro {
display: none
}
.site-header-nav__details-sub .site-header-nav__sub-list {
margin-top: 0;
width: 100%;
height: 100%;
overflow-y: auto
}
.site-header-nav__details .site-header-nav__help,
.site-header-nav__details-sub .site-header-nav__help {
display: none !important
}
.site-header-nav__details .site-header-nav__sub-btn,
.site-header-nav__details-sub .site-header-nav__sub-btn {
color: #00008f;
min-height: 48px !important;
width: 100%;
padding-bottom: 3px
}
.site-header-nav__details .site-header-nav__sub-btn:hover,
.site-header-nav__details .site-header-nav__sub-btn:focus,
.site-header-nav__details .site-header-nav__sub-btn:is(a):active,
.site-header-nav__details-sub .site-header-nav__sub-btn:hover,
.site-header-nav__details-sub .site-header-nav__sub-btn:focus,
.site-header-nav__details-sub .site-header-nav__sub-btn:is(a):active {
color: #00008f;
background-color: transparent
}
.site-header-nav__details .site-header-nav__sub-btn:hover::after,
.site-header-nav__details .site-header-nav__sub-btn:focus::after,
.site-header-nav__details .site-header-nav__sub-btn:is(a):active::after,
.site-header-nav__details-sub .site-header-nav__sub-btn:hover::after,
.site-header-nav__details-sub .site-header-nav__sub-btn:focus::after,
.site-header-nav__details-sub .site-header-nav__sub-btn:is(a):active::after {
background-color: #d24723
}
.site-header-nav__details .site-header-nav__sub-btn[aria-expanded=true],
.site-header-nav__details-sub .site-header-nav__sub-btn[aria-expanded=true] {
color: #fff
}
.site-header-nav__details .site-header-nav__sub-btn[aria-expanded=true]:hover,
.site-header-nav__details .site-header-nav__sub-btn[aria-expanded=true]:focus,
.site-header-nav__details-sub .site-header-nav__sub-btn[aria-expanded=true]:hover,
.site-header-nav__details-sub .site-header-nav__sub-btn[aria-expanded=true]:focus {
background-color: #3d3daa
}
.site-header-nav__details .site-header-nav__sub-btn[aria-expanded=true] .site-header-nav__sub-btn-icon,
.site-header-nav__details-sub .site-header-nav__sub-btn[aria-expanded=true] .site-header-nav__sub-btn-icon {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.site-header-nav__details .site-header-nav__sub-btn-icon,
.site-header-nav__details-sub .site-header-nav__sub-btn-icon {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.site-header-nav__defaqto {
display: none;
padding-top: 24px;
margin-top: 24px
}
.site-header-nav__ctas {
display: none;
-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;
gap: 30px;
padding-bottom: 0
}
.site-header-nav__cta {
font-size: 14px;
height: 36px;
min-width: 158px
}
.site-header-nav__cta--contact {
color: #fff;
background-color: transparent;
border: 1px solid #fff
}
.site-header-nav__cta--contact:hover,
.site-header-nav__cta--contact:focus {
background-color: transparent
}
.site-header-nav__help {
position: fixed;
bottom: 0;
left: 0;
right: 0;
white-space: nowrap;
padding: 16px 50px 12px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: opacity 200ms, visibility 200ms, -webkit-transform 200ms;
transition: opacity 200ms, visibility 200ms, -webkit-transform 200ms;
transition: transform 200ms, opacity 200ms, visibility 200ms;
transition: transform 200ms, opacity 200ms, visibility 200ms, -webkit-transform 200ms;
z-index: 1
}
.site-header-nav__help-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 1200px;
padding: 0 50px
}
.site-header-nav__help-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 40px;
overflow-x: auto
}
.site-header-nav__mobile-btn {
display: none
}
.site-header-nav__mobile-btn-icon {
width: 16px;
height: 16px;
margin: 0;
border: 0
}
.site-header-nav__login {
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: 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;
gap: 12px;
width: auto;
min-width: 158px;
margin-left: 0;
height: 36px;
color: #fff;
background-color: #00008f;
padding: 0 16px;
border-radius: 6px;
-webkit-transition: 200ms;
transition: 200ms
}
.site-header-nav__login:hover,
.site-header-nav__login:focus {
color: #fff;
background-color: #2425aa
}
.site-header-nav__login-desktop {
display: inline
}
}
.site-header-nav__search {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 8px 20px 16px;
background-color: #fff;
z-index: 1;
visibility: hidden;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
-webkit-transition: visibility 200ms, -webkit-clip-path 200ms;
transition: visibility 200ms, -webkit-clip-path 200ms;
transition: clip-path 200ms, visibility 200ms;
transition: clip-path 200ms, visibility 200ms, -webkit-clip-path 200ms
}
.site-header-nav__search.show {
visibility: visible;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transition: visibility 0s, -webkit-clip-path 200ms;
transition: visibility 0s, -webkit-clip-path 200ms;
transition: clip-path 200ms, visibility 0s;
transition: clip-path 200ms, visibility 0s, -webkit-clip-path 200ms
}
.site-header-nav__search-input {
display: block;
font-family: "SourceSansPro", Arial, sans-serif;
font-size: 14px;
font-weight: 600;
color: #00008f;
width: 100%;
height: 44px;
padding: 0 40px 0 16px;
border-radius: 6px;
border: 1px solid #00008f;
text-overflow: ellipsis
}
.site-header-nav__search-input-wrapper {
position: relative
}
.site-header-nav__search-input-wrapper:focus-within:has(input:valid) .site-header-nav__search-input {
padding-right: 80px
}
.site-header-nav__search-input-wrapper:focus-within:has(input:valid) .site-header-nav__search-clear {
opacity: 1;
visibility: visible
}
.site-header-nav__search-input::-webkit-input-placeholder {
color: #00008f
}
.site-header-nav__search-input::-moz-placeholder {
color: #00008f
}
.site-header-nav__search-input::-ms-input-placeholder {
color: #00008f
}
.site-header-nav__search-input::placeholder {
color: #00008f
}
.site-header-nav__search-submit,
.site-header-nav__search-clear {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
padding: 0
}
.site-header-nav__search-submit-icon,
.site-header-nav__search-clear-icon {
color: #00008f;
margin: auto
}
.site-header-nav__search-submit-icon {
width: 17px;
height: 17px
}
.site-header-nav__search-clear {
right: 40px;
opacity: 0;
visibility: hidden;
-webkit-transition: 100ms;
transition: 100ms
}
.site-header-nav__search-clear-icon {
width: 15px;
height: 15px
}
@media screen and (min-width: 1000px) {
.site-header-nav__search {
-webkit-box-flex: 0;
-webkit-flex: 0 1 158px;
-ms-flex: 0 1 158px;
flex: 0 1 158px;
display: block;
position: static;
width: auto;
max-width: 240px;
margin-left: 30px;
padding: 0;
-webkit-clip-path: none;
clip-path: none;
visibility: visible;
-webkit-transition: none;
transition: none;
-webkit-transition: flex-grow 1s ease-out, -webkit-box-flex 1s ease-out, -webkit-flex-grow 1s ease-out;
transition: flex-grow 1s ease-out, -webkit-box-flex 1s ease-out, -webkit-flex-grow 1s ease-out;
transition: flex-grow 1s ease-out;
transition: flex-grow 1s ease-out, -webkit-box-flex 1s ease-out, -webkit-flex-grow 1s ease-out, -ms-flex-positive 1s ease-out
}
.site-header-nav__search-input {
height: 36px
}
.site-header-nav__search:focus-within {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
.anchor,
.quote-panel p a,
.quote-tool-container__message p a {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: .02em;
display: inline-block;
text-decoration: none;
-webkit-transition: color .3s;
transition: color .3s;
text-transform: uppercase;
cursor: pointer;
color: #00008f
}
@media (min-width: 37.5em) {
.anchor,
.quote-panel p a,
.quote-tool-container__message p a {
font-size: 14px;
letter-spacing: .02em
}
}
.anchor:hover,
.quote-panel p a:hover,
.quote-tool-container__message p a:hover,
.anchor:focus,
.quote-panel p a:focus,
.quote-tool-container__message p a:focus {
color: #00005b
}
.anchor__arrow {
display: inline-block;
width: 13px;
height: 13px;
vertical-align: middle;
margin-left: 12px;
position: relative;
padding-bottom: 15px
}
.anchor__arrow svg {
width: 13px;
height: 13px;
display: block;
font-size: inherit
}
.anchor--text {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
padding: 0 25px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px
}
@media (min-width: 48em) {
.anchor--text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.anchor--text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.anchor--text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.anchor--text small {
text-transform: none;
color: inherit
}
.anchor--icon .anchor__icon {
display: inline-block;
width: 18px;
height: 18px;
margin-left: 0;
margin-right: 11px;
margin-top: -4px;
vertical-align: middle;
position: relative
}
.anchor--icon .anchor__icon-image {
width: 100%;
height: 100%;
display: block
}
.anchor--flamingo,
.quote-panel p a,
.quote-tool-container__message p a {
color: #d24723
}
.anchor--flamingo:hover,
.quote-panel p a:hover,
.quote-tool-container__message p a:hover,
.anchor--flamingo:focus,
.quote-panel p a:focus,
.quote-tool-container__message p a:focus {
color: #ec4d33
}
.anchor--blue {
color: #00008f
}
.anchor--blue:hover,
.anchor--blue:focus {
color: #00005b
}
.anchor--white {
color: #fff;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.anchor--white:hover,
.anchor--white:focus {
color: #fff;
opacity: .65
}
.anchor--white svg {
color: #fff
}
.anchor--large {
line-height: 40px
}
.anchor--small .anchor__icon {
height: 14px;
width: 14px
}
.anchor--reverse {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px
}
.anchor--reverse .anchor__icon,
.anchor--reverse .anchor__arrow {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.anchor--btn {
display: inline-block;
position: relative;
width: auto;
padding: 0 25px;
line-height: 30px;
min-width: 180px;
overflow: hidden;
z-index: 0;
cursor: pointer;
margin-bottom: 5px
}
.anchor--external {
position: relative;
padding-right: .6em
}
.anchor--external::after {
content: url(/assets/images/svg/external.svg);
display: block;
position: absolute;
top: .1em;
right: 0;
width: 1em;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
color: currentColor
}
@media (min-width: 37.5em) {
.anchor--large {
line-height: 50px
}
}
.anchor--block-wrapper {
text-decoration: none;
color: inherit;
display: block
}
.anchor--block-wrapper:hover {
color: inherit
}
.anchor--cover-container {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0
}
[data-hero-carousel] .anchor--cover-container,
[data-reel-carousel] .anchor--cover-container,
[data-responsive-block-carousel] .anchor--cover-container {
display: none
}
.article-banner {
width: 100%;
height: auto;
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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: 170px 0 0 0;
position: relative;
margin-bottom: 45px
}
.article-banner__image-container {
width: 100%;
height: 170px;
position: absolute;
top: 0;
left: 0
}
.article-banner__image {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0
}
.article-banner__image-opacity {
height: 100%;
width: 100%;
position: absolute;
display: block;
background-color: #000;
opacity: 0;
display: none
}
.article-banner__content {
width: 100%;
background-color: #fff;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 1200px;
padding: 50px 20px 0 20px;
position: relative;
z-index: 1
}
.article-banner__author {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase;
width: 100%;
text-align: center;
margin-bottom: 30px;
color: #333
}
@media (min-width: 48em) {
.article-banner__author {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-banner__author {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-banner__author {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.article-banner__link {
color: #494df4;
text-decoration: none
}
.article-banner__title {
margin-top: 0;
text-align: center;
width: 100%;
height: auto;
margin-bottom: 45px
}
.article-banner__base {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom: -10px
}
.article-banner__base:before {
width: 90%;
height: 2px;
background-color: rgba(204, 204, 204, .6);
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 1
}
.article-banner__base-container {
text-transform: uppercase;
width: auto;
display: table;
height: auto;
padding: 0 40px;
margin: 0 auto;
background-color: #fff;
z-index: 1;
position: relative;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
text-align: center
}
.article-banner__subtitle {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #494df4;
margin-bottom: 0
}
@media (min-width: 48em) {
.article-banner__subtitle {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-banner__subtitle {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-banner__subtitle {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.article-banner__date {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase;
margin-bottom: 0;
color: #333
}
@media (min-width: 48em) {
.article-banner__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-banner__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-banner__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 45em) {
.article-banner {
padding: 255px 20px 0 20px;
margin-bottom: 90px
}
.article-banner__image-container {
height: 100%
}
.article-banner__image {
width: 100%;
height: 100%
}
.article-banner__image-opacity {
display: block
}
.article-banner__content {
padding: 60px 40px 0 40px;
width: 100%;
margin-left: 20px;
margin-right: 20px
}
.article-banner__author {
margin-bottom: 40px
}
.article-banner__title {
margin-bottom: 60px
}
}
@media (min-width: 60em) {
.article-banner {
padding-top: 320px;
margin-bottom: 100px
}
.article-banner__content {
padding: 40px 60px 0 60px
}
}
@media (min-width: 71.25em) {
.article-banner {
margin-bottom: 80px
}
.article-banner__content {
padding: 60px 60px 0 60px
}
.article-banner__title {
margin-bottom: 70px
}
}
.article-blocks {
padding: 40px 20px;
position: relative
}
.article-blocks__container {
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: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto
}
.article-blocks__card-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px
}
.article-blocks__full-click {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0
}
.article-blocks__card {
border-style: solid;
border-width: 3px;
padding: 60px 30px;
width: 100%
}
.article-blocks__card-tag {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: inline-block;
border: solid;
border-width: 0 0 2px 0;
padding-bottom: 5px;
margin-bottom: 30px
}
@media (min-width: 48em) {
.article-blocks__card-tag {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-blocks__card-tag {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-blocks__card-tag {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.article-blocks__card-title {
margin-bottom: 20px
}
.article-blocks__card-product {
margin: 45px 0 15px 0
}
.article-blocks__card-desc {
margin-bottom: 10px
}
.article-blocks__inner {
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-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.article-blocks__campaign {
width: 100%;
position: relative
}
.article-blocks__campaign-copy {
padding: 20px
}
.article-blocks__results {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
width: 100%;
max-width: 1200px;
margin: 0 auto 30px auto
}
@media (min-width: 48em) {
.article-blocks__results {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-blocks__results {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-blocks__results {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.article-blocks__results span {
display: inline-block
}
.article-blocks__results span+span:before {
margin: 0 10px;
content: "|"
}
.article-blocks__more {
display: block;
margin-top: 25px;
text-align: center;
width: 100%
}
.article-blocks__cta-wrapper {
margin-top: 30px
}
.article-blocks__card-wrapper--small {
width: 100%
}
.article-blocks__card-wrapper--small {
width: 100%;
border-style: none
}
.article-blocks__card--article {
border-color: #d24723
}
.article-blocks__card--article .article-blocks__card-tag {
color: #d24723
}
.article-blocks__campaign--background {
background-size: cover;
background-position: center;
padding-top: 52.56%
}
.article-blocks__card--factsheet {
border-color: #9190ac
}
.article-blocks__card--factsheet .article-blocks__card-tag {
color: #9190ac
}
.article-blocks__card--case {
border-color: #00adc6
}
.article-blocks__card--case .article-blocks__card-tag {
color: #00adc6
}
.article-blocks__card--recipe {
border-color: #8a7333
}
.article-blocks__card--recipe .article-blocks__card-tag {
color: #8a7333
}
.article-blocks__card--help {
border-color: #027180
}
.article-blocks__card--help .article-blocks__card-tag {
color: #027180
}
@media (min-width: 48em) {
.article-blocks__card-wrapper--small {
width: calc(50% - 10px)
}
.article-blocks__card-wrapper--large {
width: 100%
}
.article-blocks__campaign-copy {
padding: 35px 60px
}
.article-blocks__inner {
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
}
.article-blocks__card-desc {
margin-bottom: 25px
}
.article-blocks__campaign--background {
background-size: cover;
background-position: center;
padding-top: 0
}
}
@media (min-width: 60em) {
.article-blocks {
padding: 80px 40px;
padding-top: 40px
}
.article-blocks__card-wrapper--small {
width: calc(33.3333% - 20px)
}
}
@media (min-width: 60em) {
.article-blocks {
padding: 80px 40px;
padding-top: 40px
}
.article-blocks__card-wrapper--small {
width: calc(33.3333% - 20px)
}
}
.article-content {
width: 100%;
height: auto;
clear: both;
position: relative;
overflow: hidden
}
.article-content:after {
clear: both;
content: "";
display: block
}
.article-content+.article-content,
.article-content+.article-content__container {
margin-top: 1.5em
}
.article-content+.full-width-cta {
margin-top: 2rem
}
.article-content__container {
width: 100%;
height: auto;
max-width: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.article-content__content {
width: 100%;
height: auto;
display: block;
max-width: 100%;
padding: 0 40px
}
.article-content .article-content__intro {
font-weight: 700;
margin-bottom: 50px
}
.article-content ul,
.article-content ol {
margin: 0 auto 40px 40px;
padding: 0
}
.article-content--promo .article-content__content {
max-width: none;
padding: 0 40px;
width: 100%
}
.article-content--promo .article-promo a {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: .02em;
text-decoration: none
}
@media (min-width: 37.5em) {
.article-content--promo .article-promo a {
font-size: 14px;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.article-content .article-content__container {
padding: 0 40px
}
.article-content .article-content__container+.article-content .article-content__container {
margin-top: 16px
}
.article-content .article-content__content {
max-width: 768px;
padding: 0 40px;
margin: 0 auto
}
.article-content--promo .article-content__content {
padding: 0
}
.article-content--promo .article-content__content>* {
max-width: 768px;
padding: 0 40px;
margin-left: auto;
margin-right: auto
}
}
@media (min-width: 60em) {
.article-content__container {
padding: 0;
max-width: 1200px;
margin: 0 auto
}
.article-content--promo .article-content__content {
max-width: none !important;
padding: 0 0
}
}
@media (min-width: 75em) {
.article-content .article-content__content {
max-width: 768px;
padding: 0 40px;
margin: 0 auto
}
.article-content--promo .article-content__content>* {
max-width: 768px;
padding: 0 40px;
margin-left: auto;
margin-right: auto
}
}
.article-image {
width: 100%;
height: auto;
display: block;
max-width: 768px;
margin: 50px auto
}
.article-image__caption {
width: 100%;
height: auto;
margin: 0 auto;
max-width: 600px;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
text-align: center;
display: block;
padding: 0 40px
}
.article-image--full {
width: 100vw;
position: relative;
margin-left: -50vw;
max-width: none;
left: 50%
}
.article-image--gutters {
width: 100vw;
position: relative;
margin-left: -50vw;
max-width: none;
left: 50%;
padding: 0 40px
}
.article-image--half {
width: 49%;
padding: 0;
margin: 0;
display: inline-block;
position: relative;
margin-left: -25vw;
left: 25%;
max-width: none
}
@media (min-width: 45em) {
.article-image {
padding: 0 40px
}
.article-image {
margin: 80px auto
}
.article-image--full {
padding: 0;
margin-left: -50vw
}
.article-image--gutters {
margin-left: -50vw
}
.article-image--half {
padding: 0
}
.article-image__caption {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
}
@media (min-width: 60em) {
.article-image__caption {
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px)
}
}
.article-promo {
margin: 0 auto;
width: 100%;
height: auto;
padding: 0;
margin-top: 50px;
margin-bottom: 50px
}
.article-promo:before,
.article-promo:after {
width: 100%;
height: 1px;
background-color: rgba(204, 204, 204, .65);
content: "";
display: block
}
.article-promo:before {
margin-bottom: 40px
}
.article-promo:after {
margin-top: 40px;
margin-bottom: 15px
}
.article-promo .article-promo__image {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
margin-bottom: 30px
}
.article-promo .article-promo__title {
margin-bottom: 10px;
margin-top: 0
}
.article-promo .article-promo__text {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 0
}
@media (min-width: 48em) {
.article-promo .article-promo__text {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-promo .article-promo__text {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-promo .article-promo__text {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.article-promo__container {
width: 100%;
height: auto;
display: block;
padding: 0 20px
}
.article-promo__btn-wrapper {
margin-top: 20px;
width: 100%;
height: auto;
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-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.article-promo__btn {
margin-top: 15px
}
@media (min-width: 48em) {
.article-content--promo .article-content__content .article-promo {
float: right;
max-width: 350px;
margin-bottom: 0;
margin-top: 20px;
padding: 0 20px;
margin-left: 20px
}
.article-content--promo .article-content__content .article-promo .article-promo__image {
width: calc(100% - 40px)
}
.article-content--promo .article-content__content .article-promo .article-promo__title {
padding: 0 20px
}
.article-content--promo .article-content__content .article-promo .article-promo__text {
padding: 0 20px
}
.article-content--promo .article-content__content .article-promo__container {
padding: 0
}
.article-content--promo .article-content__content .article-promo__btn-wrapper {
padding: 0 20px
}
}
@media (min-width: 75em) {
.article-content--promo .article-content__content .article-promo {
max-width: 350px
}
.article-content--promo .article-content__content .article-promo__content {
padding: 0
}
}
.article-recommendations {
width: 100%;
height: auto;
padding: 40px 20px;
overflow: hidden
}
.article-recommendations__intro {
width: 100%;
max-width: 1200px;
margin: 0 auto
}
.article-recommendations__intro-title {
text-align: center;
margin-bottom: 40px
}
.article-recommendations-item__title-link {
text-decoration: none
}
.article-recommendations__content-wrapper {
width: 100%;
height: auto;
max-width: 1200px;
margin: 0 auto
}
.article-recommendations__content-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: -30px
}
.article-recommendations-item {
width: 100%;
padding: 0;
margin-bottom: 50px
}
.article-recommendations__content {
width: 100%;
height: auto
}
.article-recommendations-item__image {
width: 100%;
height: auto;
display: block;
margin-bottom: 20px
}
.article-recommendations-item__image:after {
display: block;
padding-top: 56.25%;
content: ""
}
.article-recommendations-item .anchor,
.article-recommendations-item .quote-panel p a,
.quote-panel p .article-recommendations-item a,
.article-recommendations-item .quote-tool-container__message p a,
.quote-tool-container__message p .article-recommendations-item a {
margin-top: 30px
}
@media (min-width: 48em) {
.article-recommendations-item {
width: 50%;
padding: 0 20px
}
.article-recommendations-item:nth-child(odd) {
padding-left: 0
}
.article-recommendations-item:nth-child(even) {
padding-right: 0
}
.article-recommendations__intro-title {
margin-top: 0
}
}
@media (min-width: 60em) {
.article-recommendations {
padding: 80px 40px
}
}
@media (min-width: 67.5em) {
.article-recommendations-item {
width: 25%
}
.article-recommendations-item:nth-child(1) {
padding-left: 0;
padding-right: 30px
}
.article-recommendations-item:nth-child(2) {
padding-left: 10px;
padding-right: 20px
}
.article-recommendations-item:nth-child(3) {
padding-left: 20px;
padding-right: 10px
}
.article-recommendations-item:nth-child(4) {
padding-left: 30px;
padding-right: 0
}
.article-recommendations__base-link {
text-align: right
}
}
.news-article-tabs {
max-width: 1200px;
margin: auto
}
.news-article-tabs__tabs {
height: 53px;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
pointer-events: none;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-x: auto;
padding-left: 0;
margin: 0
}
.news-article-tabs a.tab {
margin: 0;
background: #fff;
color: #00008f;
letter-spacing: 0;
text-transform: none;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
text-decoration: none;
min-width: 50px;
margin: 0 20px;
padding-top: 20px;
padding-bottom: 20px;
pointer-events: all
}
.news-article-tabs a.tab:after {
content: none
}
.tablink {
background-color: #555;
color: #fff;
float: left;
border: 0;
outline: 0;
cursor: pointer;
padding: 14px 16px;
font-size: 17px;
width: 150px
}
.tablink:hover {
background-color: #777
}
.tabcontent {
color: #333;
padding: 0;
height: 100%
}
.tablink.tab {
border-bottom: 2px solid #fff
}
.tablink.tab.active {
border-bottom: 2px solid #f07662
}
.new-article-tab-content__container {
background: #f5f5f5;
padding: 50px 30px 20px 30px;
margin-top: 20px
}
.tab-pane {
display: none
}
.tab-pane.active {
display: block
}
a.tablink.tab {
border-bottom: 2px solid #fff;
width: 70px;
text-align: center
}
.active a.tablink.tab {
border-bottom: 2px solid #f07662
}
@media (min-width: 48em) {
.new-article-tab-content__container {
background: #fff;
padding: 0;
margin-top: 0
}
.tabcontent {
padding: 20px 80px
}
.news-article-tabs a.tab {
min-width: 70px;
margin: 0 30px;
padding: 14px 5px
}
}
.article-tags {
width: 100%;
margin: 50px auto;
padding: 0 40px
}
.article-tags__content {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
width: 100%;
height: auto;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
max-width: 768px
}
@media (min-width: 48em) {
.article-tags__content {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.article-tags__content {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.article-tags__content {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.article-tags__content a {
text-decoration: none;
margin-right: 10px;
color: #d24723
}
.article-tags__content a:hover,
.article-tags__content a:focus {
color: #ec4d33
}
.article-tags__title {
margin-right: 10px;
font-weight: 400
}
@media (min-width: 48em) {
.article-tags__content {
padding: 0 40px
}
}
.back-to-top {
position: fixed;
bottom: 25px;
right: 25px;
width: 50px;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
z-index: 10
}
.back-to-top[data-back-to-top-show] {
opacity: 1
}
.back-to-top__spacer {
height: 500px
}
.back-to-top__button {
min-width: 20px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
margin: 0;
width: 100%
}
.back-to-top__button:hover:after,
.back-to-top__button:focus:after {
width: 150%
}
.back-to-top__icon {
fill: #fff;
width: 30px;
height: 30px
}
.block-panel {
width: 100%;
margin: 0 auto;
height: auto;
display: block;
overflow: hidden;
}
.block-panel__wrapper {
width: 100%;
display: block;
overflow: hidden;
margin-top: 50px
}
.block-panel__container {
width: 100%;
height: auto;
display: block;
margin: 0 auto
}
.block-panel__container:after {
content: "";
display: block;
clear: both
}
.block-panel__intro {
text-align: center
}
.block-panel__row {
max-width: 1200px;
width: 100%;
height: auto;
display: block;
margin: 0 auto
}
.block-panel__row:after {
content: "";
display: block;
clear: both
}
.block-panel__panel {
width: 100%;
padding: 0;
position: relative;
margin-bottom: 50px
}
.block-panel__panel.block-panel__panel-video {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%
}
.block-panel__panel.block-panel__panel-video .block-panel__panel-video-title,
.block-panel__panel.block-panel__panel-video p {
width: 100%;
display: block;
text-align: center
}
.block-panel__panel.block-panel__panel-video p {
margin-bottom: 20px
}
.block-panel__panel:last-of-type {
margin-bottom: 0
}
.block-panel__panel-video-richtext {
margin: 50px 0 0 0;
text-align: center
}
.block-panel__panel-video-container {
width: 100%;
position: relative;
margin-bottom: 30px;
padding-bottom: 56.25%
}
.block-panel__panel-video-container>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.block-panel__panel-video-container .btn+.btn {
margin-left: 0
}
.block-panel__panel-video-span {
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
}
.block-panel__panel-video-span .btn {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.block-panel__panel-title {
margin: 25px 0 10px 0
}
.block-panel__panel-desc {
margin-bottom: 15px
}
.block-panel__show-cta {
display: block;
margin-top: 50px;
width: 100%;
text-align: center
}
.block-panel__pagination-container {
margin-top: 30px
}
.block-panel__pagination-item {
width: 100%;
display: block
}
.block-panel__pagination-item:first-child,
.block-panel__pagination-item:last-child {
display: none
}
.block-panel__panel-image {
margin-bottom: 20px
}
@media (min-width: 37.5em) {
.block-panel__show-mobile {
display: none
}
.block-panel__container {
overflow: visible !important
}
}
@media (min-width: 60em) {
.block-panel {
padding: 40px 40px
}
.block-panel__panel {
width: 33.3333%;
padding: 0 15px;
margin-bottom: 0
}
.block-panel__panel:nth-child(3n+1):not(.block-panel__panel-video) {
padding-left: 0;
padding-right: 20px
}
.block-panel__panel:nth-child(3n+2):not(.block-panel__panel-video) {
padding-left: 10px;
padding-right: 10px
}
.block-panel__panel:nth-child(3n+3):not(.block-panel__panel-video) {
padding-left: 20px;
padding-right: 0
}
.block-panel__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start
}
.block-panel .block-panel__pagination-container {
display: none
}
}
@media (min-width: 75em) {
.block-panel__container {
max-width: 1200px
}
}
.breadcrumbs-blue {
width: 100%;
padding: 16px 22px;
min-height: 67px;
background-color: #fafafa
}
.breadcrumbs-blue__container {
max-width: 1200px;
margin: 0 auto;
display: block;
width: 100%;
height: auto
}
.breadcrumbs-blue__list {
padding: 0;
list-style: none;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.breadcrumbs-blue__item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
@media (min-width: 48em) {
.breadcrumbs-blue__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.breadcrumbs-blue__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.breadcrumbs-blue__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.breadcrumbs-blue__item:before {
content: "/";
display: block;
margin: 0 5px;
color: #7f7f7f
}
.breadcrumbs-blue__item:nth-child(1):before {
display: none
}
.breadcrumbs-blue__item a {
color: #00008f;
font-size: 16px
}
@media (min-width: 30em) {
.breadcrumbs {
padding: 10px 40px
}
}
@media (min-width: 62.5em) {
.breadcrumbs-blue__item a {
font-size: 23px
}
}
.breadcrumbs {
width: 100%;
position: absolute;
z-index: 1;
height: auto;
top: 0;
left: 0;
padding: 10px 20px;
z-index: 2
}
.breadcrumbs__container {
max-width: 1200px;
margin: 0 auto;
display: block;
width: 100%;
height: auto
}
.breadcrumbs__list {
padding: 0;
list-style: none;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.breadcrumbs__item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
@media (min-width: 48em) {
.breadcrumbs__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.breadcrumbs__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.breadcrumbs__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.breadcrumbs__item:before {
content: "/";
display: block;
margin: 0 5px;
color: #fff
}
.breadcrumbs__item:nth-child(1):before {
display: none
}
.breadcrumbs__item a {
color: #fff
}
@media (min-width: 30em) {
.breadcrumbs {
padding: 10px 40px
}
}
.hero-banner__broker-conference {
width: 100%;
height: auto;
min-height: 580px;
background-position: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.hero-banner-broker__container {
width: 100%;
height: auto;
max-width: 1200px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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
}
.hero-banner-broker__container hr {
width: 10%;
margin: 0 auto;
margin-bottom: 20px
}
.hero-banner__content-inner {
font-size: 1rem !important
}
.hero-countdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-top: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap
}
.hero-countdown button {
margin: 20px 20px;
color: currentColor;
border-color: currentColor
}
.hero-countdown.sticky-countdown--eea {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
padding: 22px 32px 28px
}
.hero-countdown__sticky {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
bottom: 0;
z-index: 10
}
.countdown-timer {
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: 0
}
.sticky-countdown--eea .countdown-timer {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 8px
}
.countdown-timer-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;
list-style-type: none;
text-transform: uppercase;
text-align: center;
font-weight: 400;
position: relative;
line-height: 1;
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
padding: 10px
}
.countdown-timer-list p {
font-size: .75rem
}
.sticky-countdown--eea .countdown-timer-list p {
line-height: 1.3333
}
.countdown-timer-list span {
font-size: 2.5rem;
text-align: center;
font-family: "Publico Headline", Georgia, serif;
line-height: 1
}
.sticky-countdown--eea .countdown-timer-list span {
font-size: 1.5rem
}
.countdown-timer-list:first-of-type {
display: none
}
.countdown-timer-list:last-of-type::before {
content: none
}
.sticky-countdown--eea .countdown-timer-list {
gap: 4px;
padding: 0;
margin: 0
}
.countdown-timer-list::before {
content: " ";
display: inline-block;
border-left: 1px solid currentColor;
height: 60%;
position: absolute;
top: 17px;
right: -7px
}
.sticky-countdown--eea .countdown-timer-list::before {
content: none
}
.countdown-close {
all: unset;
position: absolute;
top: 1.3rem;
right: 1.3rem;
width: .84rem;
height: .84rem;
margin: 0 !important;
cursor: pointer
}
.countdown-close svg {
width: 100%;
height: 100%
}
.countdown-cta {
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;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1px;
color: #3d3daa !important;
background-color: #fff;
padding: 20px 24px;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width: 40em) {
.hero-countdown.sticky-countdown--eea {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 58px;
padding: 22px 32px 28px
}
.sticky-countdown--eea .countdown-timer {
gap: 28px
}
.countdown-timer-list {
padding: 10px 20px
}
.countdown-timer-list span {
font-size: 2.5rem
}
.sticky-countdown--eea .countdown-timer-list span {
font-size: 2rem
}
.countdown-timer-list:first-of-type {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.google-maps-component {
width: 100%;
height: auto;
position: relative
}
.google-maps-component__container {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.google-maps-component__item {
padding: 40px 20px;
width: 100%
}
.google-maps-component__item-2 {
padding: 0 !important
}
.google-maps-component__item-container {
text-align: center;
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
}
.google-maps-component__item-container iframe {
display: none
}
.google-maps-component__image {
width: 100%;
padding-right: 20px;
height: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
padding-top: 56.25%
}
.google-maps-component__btn-wrapper {
margin: 0 auto;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
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-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.google-maps-component__btn-wrapper .btn,
.google-maps-component__btn-wrapper .anchor,
.google-maps-component__btn-wrapper .quote-panel p a,
.quote-panel p .google-maps-component__btn-wrapper a,
.google-maps-component__btn-wrapper .quote-tool-container__message p a,
.quote-tool-container__message p .google-maps-component__btn-wrapper a {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.google-maps-component__btn {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.google-maps-component__link-text,
.google-maps-component__link-text:hover,
.google-maps-component__link-text:visited {
text-decoration: none;
color: #fff
}
@media (min-width: 48em) {
.google-maps-component__item {
width: 50%
}
.google-maps-component__item:first-child {
padding-right: 60px
}
.google-maps-component__item:last-child {
padding-left: 60px
}
.google-maps-component__background {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.google-maps-component__btn-wrapper {
margin-top: 30px
}
.google-maps-component__item-container {
height: 100%
}
.google-maps-component__item-container iframe {
display: block;
height: 100%;
width: 100%
}
.google-maps-component__image {
display: none
}
}
@media (min-width: 60em) {
.google-maps-component__item {
padding: 80px 40px
}
}
.btn,
.btn-styles,
.FormSubmitButton,
.FormResetButton,
.FormFileUpload__Label,
button {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 2px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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: relative;
width: auto;
padding: 15px 25px;
min-height: 30px;
text-transform: uppercase;
min-width: 180px;
overflow: hidden;
background-color: #00008f;
color: #fff;
z-index: 0;
cursor: pointer;
margin: 10px;
text-decoration: none;
border-style: none;
text-align: center
}
@media (min-width: 37.5em) {
.btn,
.btn-styles,
.FormSubmitButton,
.FormResetButton,
.FormFileUpload__Label,
button {
font-size: 14px;
letter-spacing: 2px
}
}
.btn::after,
.btn-styles::after,
.FormSubmitButton::after,
.FormResetButton::after,
.FormFileUpload__Label::after,
button::after {
content: "";
width: 0;
height: 1000%;
position: absolute;
display: block;
opacity: 0;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transition: width .3s, opacity .3s;
transition: width .3s, opacity .3s;
background-color: #00005b;
color: #fff;
z-index: -1
}
.btn:hover,
.btn:focus,
.btn-styles:hover,
.FormSubmitButton:hover,
.FormResetButton:hover,
.FormFileUpload__Label:hover,
.btn-styles:focus,
.FormSubmitButton:focus,
.FormResetButton:focus,
.FormFileUpload__Label:focus,
button:hover,
button:focus {
color: #fff
}
.btn:focus:after,
.btn:hover:after {
width: 100%;
opacity: 1
}
.btn--arrow,
.search-results-list-search__header .btn--search.btn {
padding-right: 55px
}
.btn--arrow .btn__arrow,
.search-results-list-search__header .btn--search.btn .btn__arrow,
.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--arrow .btn__search,
.search-results-list-search__header .btn--search.btn .btn__search {
top: 2px;
display: block;
margin-left: 20px;
position: relative;
position: absolute;
right: 25px;
padding-top: 15px
}
.btn--arrow .btn__arrow-container,
.search-results-list-search__header .btn--search.btn .btn__arrow-container,
.btn--arrow .search-results-list-search__header .btn__search-container,
.search-results-list-search__header .btn--arrow .btn__search-container,
.search-results-list-search__header .btn--search.btn .btn__search-container {
width: 1em;
height: 1em;
position: relative
}
.btn--arrow .btn__arrow-image,
.search-results-list-search__header .btn--search.btn .btn__arrow-image {
width: 1em;
height: 1em;
font-size: inherit
}
.btn--icon {
padding-right: 75px
}
.btn--icon .btn__icon {
top: 0;
display: block;
margin-left: 20px;
position: absolute;
right: 50px;
padding-top: 15px;
height: 100%;
border-left: 2px #33337c solid
}
.btn--icon .btn__icon:hover,
.btn--icon .btn__icon:focus {
border-color: #3333a5
}
.btn--icon .btn__icon-container {
position: absolute;
right: -35px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
height: auto
}
.btn--icon .btn__icon-image {
width: 16px;
height: 16px;
fill: #fff
}
.btn--keyline,
.FormResetButton {
background-color: transparent;
color: #00008f;
border: 2px #00008f solid;
-webkit-transition: border .3s, color .3s;
transition: border .3s, color .3s
}
.btn--keyline:hover,
.FormResetButton:hover,
.btn--keyline:focus,
.FormResetButton:focus {
color: #fff;
border: 2px #3333a5 solid
}
.btn--keyline .btn__icon,
.FormResetButton .btn__icon {
border-left: 2px #33337c solid
}
.btn--keyline.btn--large.btn--arrow .btn__arrow,
.btn--large.btn--arrow.FormResetButton .btn__arrow,
.search-results-list-search__header .btn--large.FormResetButton.btn--search.btn .btn__arrow,
.search-results-list-search__header .btn--keyline.btn--large.btn--search.btn .btn__arrow,
.btn--keyline.btn--large.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--keyline.btn--large.btn--arrow .btn__search,
.btn--large.btn--arrow.FormResetButton .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--large.btn--arrow.FormResetButton .btn__search,
.search-results-list-search__header .btn--large.FormResetButton.btn--search.btn .btn__search,
.search-results-list-search__header .btn--keyline.btn--large.btn--search.btn .btn__search,
.btn--ghost.btn--large.btn--arrow .btn__arrow,
.search-results-list-search__header .btn--ghost.btn--large.btn--search.btn .btn__arrow,
.btn--ghost.btn--large.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--ghost.btn--large.btn--arrow .btn__search,
.search-results-list-search__header .btn--ghost.btn--large.btn--search.btn .btn__search {
padding-top: 15px
}
.btn--keyline.btn--medium.btn--arrow .btn__arrow,
.btn--medium.btn--arrow.FormResetButton .btn__arrow,
.search-results-list-search__header .btn--medium.FormResetButton.btn--search.btn .btn__arrow,
.search-results-list-search__header .btn--keyline.btn--medium.btn--search.btn .btn__arrow,
.btn--keyline.btn--medium.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--keyline.btn--medium.btn--arrow .btn__search,
.btn--medium.btn--arrow.FormResetButton .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--medium.btn--arrow.FormResetButton .btn__search,
.search-results-list-search__header .btn--medium.FormResetButton.btn--search.btn .btn__search,
.search-results-list-search__header .btn--keyline.btn--medium.btn--search.btn .btn__search,
.btn--ghost.btn--medium.btn--arrow .btn__arrow,
.search-results-list-search__header .btn--ghost.btn--medium.btn--search.btn .btn__arrow,
.btn--ghost.btn--medium.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--ghost.btn--medium.btn--arrow .btn__search,
.search-results-list-search__header .btn--ghost.btn--medium.btn--search.btn .btn__search {
padding-top: 10px
}
.btn--flamingo {
background-color: #d24723;
color: #fff
}
.btn--flamingo:after {
background-color: #ec4d33;
color: #fff
}
.btn--flamingo:hover,
.btn--flamingo:focus {
color: #fff
}
.btn--flamingo.btn--icon:hover .btn__icon,
.btn--flamingo.btn--icon:focus .btn__icon {
border-color: #fff
}
.btn--flamingo.btn--icon .btn__icon {
border-left: 2px solid #fff
}
.btn--flamingo.btn--keyline,
.btn--flamingo.FormResetButton {
background-color: transparent;
color: #d24723;
border: 2px #d24723 solid;
-webkit-transition: border .3s, color .3s;
transition: border .3s, color .3s
}
.btn--flamingo.btn--keyline:hover,
.btn--flamingo.FormResetButton:hover,
.btn--flamingo.btn--keyline:focus,
.btn--flamingo.FormResetButton:focus {
color: #fff;
border: 2px #ec4d33 solid
}
.btn--flamingo.btn--keyline:hover .btn__icon,
.btn--flamingo.FormResetButton:hover .btn__icon,
.btn--flamingo.btn--keyline:focus .btn__icon,
.btn--flamingo.FormResetButton:focus .btn__icon {
border-color: #f0715c
}
.btn--flamingo.btn--keyline .btn__icon,
.btn--flamingo.FormResetButton .btn__icon {
border-left: 2px solid #f39181
}
.btn--ghost {
background-color: transparent;
border: 2px solid #fff;
-webkit-transition: border .3, color .3;
transition: border .3, color .3
}
.btn--ghost:after {
background-color: #fff
}
.btn--ghost:hover,
.btn--ghost:focus {
color: #00008f
}
.btn--ghost.btn--icon .btn__icon {
border-color: #fff
}
.btn--ghost.btn--icon:hover,
.btn--ghost.btn--icon:focus {
border-color: #00008f
}
.btn--ghost.btn--icon:hover .btn__icon,
.btn--ghost.btn--icon:focus .btn__icon {
border-color: #00008f
}
.btn--small {
min-height: 30px;
padding-top: 10px;
padding-bottom: 10px
}
.btn--small .btn__icon-container {
width: 16px;
height: 16px
}
.btn--small.btn--arrow .btn__arrow,
.search-results-list-search__header .btn--small.btn--search.btn .btn__arrow,
.btn--small.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--small.btn--arrow .btn__search,
.search-results-list-search__header .btn--small.btn--search.btn .btn__search {
padding-top: 10px
}
.btn--small.btn--icon .btn__icon-container {
right: -32px
}
.btn--medium {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 13px;
letter-spacing: 2px;
min-height: 40px;
padding-top: 10px;
padding-bottom: 10px
}
@media (min-width: 37.5em) {
.btn--medium {
font-size: 14px;
letter-spacing: 1px
}
}
.btn--medium .btn__icon-container {
width: 16px;
height: 16px
}
.btn--medium.btn--arrow .btn__arrow,
.search-results-list-search__header .btn--medium.btn--search.btn .btn__arrow,
.btn--medium.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--medium.btn--arrow .btn__search,
.search-results-list-search__header .btn--medium.btn--search.btn .btn__search {
padding-top: 12px
}
.btn--medium.btn--icon .btn__icon-container {
right: -32px
}
.btn--large {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 2px;
min-height: 40px
}
@media (min-width: 37.5em) {
.btn--large {
font-size: 14px;
letter-spacing: 2px
}
}
.btn--large.btn--icon .btn__icon-image {
height: 20px;
width: 20px
}
.btn--reset {
margin: 0;
padding: 0;
min-width: 0;
min-height: auto;
text-transform: none;
background: 0 0;
color: inherit;
letter-spacing: 0;
font-size: inherit
}
.btn--reset:hover,
.btn--reset:focus {
color: inherit
}
.btn--reset:before,
.btn--reset:after {
display: none
}
@media (min-width: 37.5em) {
.btn+.btn {
margin-left: 10px
}
.btn--medium {
min-height: 40px
}
.btn--large {
min-height: 50px
}
.btn--large.btn--arrow .btn__arrow,
.search-results-list-search__header .btn--large.btn--search.btn .btn__arrow,
.btn--large.btn--arrow .search-results-list-search__header .btn__search,
.search-results-list-search__header .btn--large.btn--arrow .btn__search,
.search-results-list-search__header .btn--large.btn--search.btn .btn__search {
padding-top: 17px
}
}
.carousel-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.carousel-pagination .carousel-pagination__item {
min-width: 0;
min-height: 0;
width: 10px;
height: 10px;
display: block;
padding: 0;
margin: 0 15px;
border-radius: 100%;
background: #f5f5f5
}
.carousel-pagination .carousel-pagination__item:after {
display: none
}
@media only screen and (max-width: 599px) {
.three-block-carousel button[data-pagination-item] {
display: none
}
.three-block-carousel button[data-pagination-item][data-active=true] {
display: block
}
.three-block-carousel button[data-active=false][data-closest=false] {
display: none !important
}
.three-block-carousel .carousel-dot-container:before,
.three-block-carousel .carousel-dot-container:after {
content: " ";
border-radius: 100%;
height: 7px;
width: 7px;
background: #ccc;
outline: 0;
border: 0;
margin: 2px 4px;
-webkit-transition-property: width margin;
transition-property: width margin;
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.three-block-carousel .dot-left-remove::before {
width: 0;
margin: 2px 0;
-webkit-transition-property: width margin;
transition-property: width margin;
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.three-block-carousel .dot-right-remove::after {
width: 0;
margin: 2px 0;
-webkit-transition-property: width margin;
transition-property: width margin;
-webkit-transition-duration: .1s;
transition-duration: .1s
}
.three-block-carousel button[data-closest] {
display: inline-block
}
}
[data-pagination] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
[data-pagination-item] {
min-width: 0;
min-height: 0;
width: 10px;
height: 10px;
display: block;
padding: 0;
margin: 0 7px 0 7px;
border-radius: 100%;
opacity: .4;
background: #5f5f5f !important
}
[data-pagination-item]:after {
display: none
}
[data-pagination-item][data-active=true] {
opacity: 1
}
@media (min-width: 60em) {
[data-pagination-item] {
margin: 0 5px 0 5px
}
}
@media (min-width: 71.25em) {
[data-pagination-item] {
margin: 0 8px 0 8px
}
}
@media (min-width: 37.5em) {
button[data-pagination-item] {
display: block
}
#carousel-dot-container:before,
#carousel-dot-container:after {
display: none
}
}
.contact-box {
display: grid;
gap: 20px;
padding: 25px 40px;
background: #fff;
margin-bottom: 20px
}
.contact-box__title {
font-size: 1.5rem;
margin-bottom: 10px;
letter-spacing: 0
}
.contact-box__description {
font-size: 1.125rem;
color: #333
}
.contact-box__link {
text-decoration: none
}
@media (min-width: 60em) {
.contact-box {
grid-template-columns: repeat(2, 1fr);
padding: 40px 60px;
gap: 90px
}
}
.contact-form-panel {
width: 100%;
height: auto;
position: relative
}
.contact-form-panel__background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.contact-form-panel__background-item {
width: 50%;
height: auto
}
.contact-form-panel__container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0 0;
overflow: hidden
}
.contact-form-panel__item {
position: relative;
width: 100%;
padding: 8px 0;
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;
}
.contact-form-panel__item form {
width: 100%
}
.contact-form-panel__item:first-child {
z-index: 1
}
.contact-form-panel__item:last-child {
padding-top: 20px
}
.contact-form-panel__item-container {
padding: 0 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
min-height: unset;
}
.justify-center{
justify-content: center;
}
.contact-form-panel__item-container .Form__Title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.contact-form-panel__item-container .Form__Title {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.contact-form-panel__item-container .Form__Title {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.contact-form-panel__item-container .Form__Title {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.contact-form-panel {
width: 100%;
height: auto;
position: relative
}
.epi-form--hide-title .Form__Title {
display: none
}
.epi-form--hide-description .Form__Description {
display: none
}
@media (min-width: 48em) {
.contact-form-panel__background {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.contact-form-panel__item {
padding: 40px 0;
width: 50%
}
.contact-form-panel__item:last-child {
padding-top: 40px
}
.contact-form-panel__item-container {
margin-top: auto;
margin-bottom: auto;
padding: 0 40px
}
.contact-form-panel__item:first-child {
padding-right: 20px
}
.contact-form-panel__item:last-child {
padding-left: 20px
}
}
@media (min-width: 60em) {
.contact-form-panel {
padding: 0 40px
}
.contact-form-panel__item-container {
padding: 0
}
.contact-form-panel__item:first-child {
padding-right: 80px
}
.contact-form-panel__item:last-child {
padding-left: 80px
}
}
.contact-panel-item {
display: block;
text-decoration: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
padding-right: 20px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
background: #7f7f7f;
margin-bottom: 10px;
border-radius: 1%;
-webkit-box-shadow: 0 -1px 6px rgba(0, 0, 0, .05), 1px 0 6px rgba(0, 0, 0, .05), 0 1px 6px rgba(0, 0, 0, .05), -1px 0 6px rgba(0, 0, 0, .05);
box-shadow: 0 -1px 6px rgba(0, 0, 0, .05), 1px 0 6px rgba(0, 0, 0, .05), 0 1px 6px rgba(0, 0, 0, .05), -1px 0 6px rgba(0, 0, 0, .05);
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
.contact-panel-item:hover,
.contact-panel-item:focus {
outline: 0
}
.contact-panel-item__container {
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%
}
.contact-panel-item__container .anchor,
.contact-panel-item__container .quote-panel p a,
.quote-panel p .contact-panel-item__container a,
.contact-panel-item__container .quote-tool-container__message p a,
.quote-tool-container__message p .contact-panel-item__container a {
font-size: 18px;
font-weight: 100;
text-transform: none
}
.contact-panel-item__title {
color: #fff;
margin-bottom: 10px
}
.contact-panel-item-image__container {
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%
}
.contact-panel-item__description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0;
color: #fff;
margin-bottom: 20px;
margin-top: 40px
}
@media (min-width: 48em) {
.contact-panel-item__description {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.contact-panel-item__description {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.contact-panel-item__description {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
.contact-panel-item-wide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
padding-right: 25px;
padding-left: 25px;
padding-top: 40px;
padding-bottom: 40px
}
.contact-panel-item-wide__title {
margin: 0;
margin-bottom: 20px
}
.contact-panel-item-wide__description {
margin-bottom: 30px
}
.contact-panel-item__link,
.contact-panel-item-wide__link {
margin: 0;
margin-top: auto
}
.contact-panel-item--blue {
background-color: #00008f
}
.contact-panel-item--blue:hover,
.contact-panel-item--blue:focus {
background-color: #00005b
}
@media only screen and (max-width: 768px) {
.contact-panel-item__container {
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-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.contact-panel-item-image__container {
display: inline-block;
width: 80px;
-webkit-align-items: center;
text-align: center;
margin-right: 10px
}
.contact-panel-item__image {
width: 60px
}
.contact-panel-item-content__container {
display: inline-block;
width: 190px
}
.contact-panel-item__description {
margin-top: 0;
font-size: 1.3rem !important
}
}
@media (min-width: 48em) {
.contact-panel-item {
width: calc(33.3333% - 10px);
margin-left: 5px;
margin-right: 5px;
padding-top: 45px;
padding-bottom: 35px;
margin-bottom: 20px;
-webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, .05), 2px 0 10px rgba(0, 0, 0, .05), 0 2px 10px rgba(0, 0, 0, .05), -2px 0 10px rgba(0, 0, 0, .05);
box-shadow: 0 -2px 10px rgba(0, 0, 0, .05), 2px 0 10px rgba(0, 0, 0, .05), 0 2px 10px rgba(0, 0, 0, .05), -2px 0 10px rgba(0, 0, 0, .05)
}
.contact-panel-item-wide {
width: 100%
}
.contact-panel-item__title {
margin-bottom: 25px
}
.contact-panel-item__image {
width: 100px;
margin: auto
}
}
@media (min-width: 75em) {
.contact-panel-item {
width: calc(25% - 20px);
margin-left: 10px;
margin-right: 10px
}
.contact-panel-item-wide {
width: calc(50% - 14px)
}
}
.contact-panel {
padding: 40px 20px
}
.contact-panel__container {
margin: 0 auto;
max-width: 1200px;
max-width: calc(1200px + 20px);
margin-bottom: -2%
}
.contact-panel__title-small-print {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
margin-bottom: 10px
}
@media (min-width: 48em) {
.contact-panel__title-small-print {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.contact-panel__title-small-print {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.contact-panel__title-small-print {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.contact-panel__title {
margin-top: 0;
margin-bottom: 30px
}
.contact-panel__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;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media (min-width: 48em) {
.contact-panel__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.contact-panel__title {
margin-left: 10px
}
}
@media (min-width: 60em) {
.contact-panel {
padding: 40px
}
}
.content-blocks {
width: 100%;
margin: 0 auto;
height: auto;
display: block;
overflow: hidden;
padding: 40px 20px
}
.content-blocks__wrapper,
.content-blocks__wrapper--tablet-peak {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
max-width: 1200px
}
.content-blocks__container {
width: 100%;
height: auto;
display: block;
margin: 0 auto
}
.content-blocks__container:after {
content: "";
display: block;
clear: both
}
.content-blocks__container--no-carousel {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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;
margin: 0 auto
}
.content-blocks__item--no-carousel {
width: 100%;
padding: 20px 0;
position: relative;
display: block
}
.content-blocks__item {
width: 100%;
padding: 15px 0;
position: relative;
display: block
}
.content-blocks__item-wrapper {
width: 100%;
height: auto;
display: block;
border: 4px transparent solid;
-webkit-transition: .3s border-color ease;
transition: .3s border-color ease
}
.content-blocks__item-wrapper:hover,
.content-blocks__item-wrapper:focus {
border-color: #00008f
}
.content-blocks__item-container {
width: 100%;
height: auto;
display: block;
position: relative;
overflow: hidden;
padding-top: 100%
}
.content-blocks__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.content-blocks__content {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
padding: 20px 20px;
background-color: rgba(51, 51, 51, .7)
}
.content-blocks__title {
margin-bottom: 5px;
color: #fff
}
.content-blocks__text {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
color: #fff
}
@media (min-width: 48em) {
.content-blocks__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.content-blocks__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.content-blocks__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.content-blocks__btn-wrapper {
margin: auto;
margin-top: 24px;
text-align: inherit;
width: 100%;
max-width: 1200px;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.content-block-pagination-item:first-child,
.content-block-pagination-item:last-child {
display: none
}
.content-block-pagination {
margin-top: 30px
}
@media (min-width: 37.5em) {
.content-blocks__container {
overflow: visible !important
}
.content-blocks__item {
padding: 15px
}
.content-blocks__wrapper--tablet-peak {
padding: 0 20px
}
}
@media (min-width: 48em) {
.content-blocks__container--no-carousel {
max-width: 100%;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.content-blocks__item--no-carousel {
padding: 15px 15px;
width: 50%
}
.content-blocks__item--no-carousel:nth-child(odd) {
padding-left: 0
}
.content-blocks__item--no-carousel:nth-child(even) {
padding-right: 0
}
}
@media (min-width: 60em) {
.content-blocks {
padding: 80px 40px
}
.content-blocks__wrapper,
.content-blocks__wrapper--tablet-peak {
padding: 0;
margin-top: 40px
}
.content-blocks__container {
max-width: 100%;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.content-blocks__item {
width: 33.33333%;
padding: 15px 0
}
.content-blocks__item:nth-child(3n+1) {
padding-left: 0;
padding-right: 20px
}
.content-blocks__item:nth-child(3n+2) {
padding-left: 10px;
padding-right: 10px
}
.content-blocks__item:nth-child(3n+3) {
padding-left: 20px;
padding-right: 0
}
.content-blocks__item--no-carousel {
width: 33.3333%
}
.content-blocks__item--no-carousel:nth-child(odd) {
padding-left: 15px
}
.content-blocks__item--no-carousel:nth-child(even) {
padding-right: 15px
}
.content-blocks__item--no-carousel:nth-child(3n+1) {
padding-left: 0;
padding-right: 20px
}
.content-blocks__item--no-carousel:nth-child(3n+2) {
padding-left: 10px;
padding-right: 10px
}
.content-blocks__item--no-carousel:nth-child(3n+3) {
padding-right: 0;
padding-left: 20px
}
.content-block-pagination {
display: none
}
}
@media (min-width: 75em) {
.content-blocks__container {
max-width: 1200px
}
.content-blocks__item--no-carousel {
width: 25%
}
.content-blocks__item--no-carousel:nth-child(4n+1) {
padding-left: 0;
padding-right: 21px
}
.content-blocks__item--no-carousel:nth-child(4n+2) {
padding-left: 7px;
padding-right: 14px
}
.content-blocks__item--no-carousel:nth-child(4n+3) {
padding-left: 14px;
padding-right: 7px
}
.content-blocks__item--no-carousel:nth-child(4n+4) {
padding-right: 0;
padding-left: 21px
}
}
.content-link-list-wrapper {
width: 100%;
height: auto;
display: block;
overflow: hidden;
padding: 0 40px;
margin: 0 auto 60px auto
}
.content-link-list__container {
width: 100%;
height: auto;
max-width: 768px;
margin: 0 auto
}
.content-link-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
list-style: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 20px 0 10px 0
}
.content-link-list:after {
width: 100%;
height: 2px;
background-color: rgba(204, 204, 204, .6);
position: absolute;
content: "";
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.content-link-list__item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
margin-left: 15px;
margin-right: 15px
}
@media (min-width: 48em) {
.content-link-list__item {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.content-link-list__item {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.content-link-list__item {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 45em) {
.content-link-list__container {
padding-left: 40px;
padding-right: 40px
}
}
.cookie-warning {
max-width: 100%;
background: #5f5f5f;
display: none;
z-index: 100;
padding: 30px 0;
position: fixed;
top: 0;
left: 0;
bottom: auto;
overflow: hidden;
height: auto
}
.cookie-warning__row {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: top;
-webkit-align-items: top;
-ms-flex-align: top;
align-items: top;
width: 100%;
overflow: hidden;
-webkit-box-pack: top;
-webkit-justify-content: top;
-ms-flex-pack: top;
justify-content: top
}
.cookie-warning__col-small {
width: 100%;
height: auto;
display: block
}
.cookie-warning__col-large {
width: 100%;
height: auto;
display: block
}
.cookie-warning__title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
margin-bottom: 10px
}
@media (min-width: 48em) {
.cookie-warning__title {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.cookie-warning__title {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.cookie-warning__title {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.cookie-warning__copy p {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #fff
}
@media (min-width: 48em) {
.cookie-warning__copy p {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.cookie-warning__copy p {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.cookie-warning__copy p {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.cookie-warning__copy p a {
color: inherit
}
.cookie-warning__copy p+p {
margin-top: 10px
}
.cookie-warning__cta {
margin-top: 20px
}
.cookie-warning__cta .btn {
min-width: 135px;
margin-right: 20px;
margin-left: 0
}
.cookie-warning[data-cookie-warning=show] {
display: block
}
@media (min-width: 48em) {
.cookie-warning__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.cookie-warning__col-small {
width: 40%;
padding-left: 30px
}
.cookie-warning__col-large {
width: 60%
}
.cookie-warning__cta {
margin-top: 0;
text-align: right
}
.cookie-warning__cta .btn {
min-width: 90%;
display: inline-block;
margin-bottom: 0;
margin-right: 0
}
}
@media (min-width: 60em) {
.cookie-warning {
position: fixed;
bottom: 0;
top: auto;
width: 100%
}
.cookie-warning__col-small {
width: 30%;
padding-left: 30px
}
.cookie-warning__col-large {
width: 70%
}
.cookie-warning__cta {
margin-top: 20px
}
.cookie-warning__cta .btn {
min-width: 160px;
margin-bottom: 0;
margin-right: 0
}
}
.copy-to-clipboard__container {
width: 100%;
height: auto;
max-width: 960px;
margin: 0 auto;
padding: 50px
}
.copy-to-clipboard__container h4 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0;
font-family: 'SourceSansPro', Arial, sans-serif;
margin-left: 10px;
color: #333
}
.copy-to-clipboard__container .code-block {
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
font-family: 'SourceSansPro', Arial, sans-serif;
line-height: 24px;
margin: 0 10px 30px 10px
}
.country-selector {
display: block;
width: 100%;
padding: 30px 0;
margin: 0 auto;
padding: 40px 20px
}
.country-selector__wrapper {
max-width: 830px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 50px;
position: relative
}
.country-selector__image-container {
width: 100%;
height: auto;
display: block
}
.country-selector__image-container--centred,
.country-selector__icon-container--centred {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.country-selector__image {
width: 100%;
background-position: center center;
background-size: cover;
padding-top: 56.25%
}
.country-selector__content {
width: 100%;
padding-left: 0;
margin-top: 30px;
display: block
}
.country-selector__container {
max-width: 1200px;
text-align: center;
margin: 0 auto
}
.country-selector-details {
position: relative;
overflow: hidden
}
.country-selector__input-container {
text-align: center;
padding: 0;
display: inline-block
}
.country-selector__input {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: -.01em;
margin: 0 10px;
padding: 10px 10px 5px 10px;
background-color: transparent;
border: 0;
border-bottom: 2px solid;
color: inherit;
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
@media (min-width: 48em) {
.country-selector__input {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.country-selector__input {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.country-selector__input {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
.country-selector__input::-webkit-input-placeholder {
color: #7f7f7f
}
.country-selector__input:-moz-placeholder {
color: #7f7f7f
}
.country-selector__input::-moz-placeholder {
color: #7f7f7f
}
.country-selector__input:-ms-input-placeholder {
color: #7f7f7f
}
.country-selector__input:focus {
border-bottom-color: #d24723
}
.country-selector__suggestions-wrapper {
position: relative
}
.country-selector__suggestions {
position: absolute;
top: 0;
max-width: 200px;
width: 100%;
text-align: left;
margin: 0 10px;
z-index: 10;
padding: 0 5px;
background-color: #fff;
-webkit-box-shadow: 0 0 4px #ccc;
box-shadow: 0 0 4px #ccc
}
.country-selector__suggestions[aria-hidden=true] {
visibility: hidden
}
.country-selector__suggestions[aria-hidden=false] {
visibility: visible
}
.country-selector__search-result {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #7f7f7f;
cursor: pointer;
padding: 6px 5px;
margin: 0
}
@media (min-width: 48em) {
.country-selector__search-result {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.country-selector__search-result {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.country-selector__search-result {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.country-selector__search-result:last-child {
border-bottom: none
}
.country-selector__search-result--selected,
.country-selector__search-result:hover {
font-weight: 600;
color: #00008f
}
.country-selector__error-container,
.country-selector__loading-container {
margin: 0 auto;
position: relative;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 0;
text-align: center;
height: 0
}
.country-selector__error-container[aria-hidden=false],
.country-selector__loading-container[aria-hidden=false] {
opacity: 1;
height: auto
}
.country-selector__error {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
padding: 1em;
z-index: 2;
background-color: inherit;
border-radius: 12px;
opacity: inherit
}
@media (min-width: 48em) {
.country-selector__error {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.country-selector__error {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.country-selector__error {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.country-selector__loading {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
padding: 1em 0;
background-color: inherit;
opacity: inherit
}
@media (min-width: 48em) {
.country-selector__loading {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.country-selector__loading {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.country-selector__loading {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.country-selector__icon-container--centred {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.country-selector__image--icon {
width: 60%
}
@media (min-width: 30em) {
.country-selector__image-container {
width: 50%
}
.country-selector__image-container--centred,
.country-selector__icon-container--centred {
width: 50%
}
.country-selector__image--icon {
width: 50%
}
}
@media (min-width: 37.5em) {
.country-selector__input-container {
padding: 0 5px
}
}
@media (min-width: 48em) {
.country-selector__content {
padding-left: 0
}
.country-selector__input-container {
text-align: center;
margin-bottom: 0
}
.country-selector__content {
width: 50%;
padding-left: 40px;
margin-top: 0
}
.country-selector__image {
background-position: center center;
background-size: cover
}
.country-selector__image--icon {
width: 50%
}
.country-selector__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.country-selector__input,
.country-selector__suggestions {
max-width: 250px
}
}
@media (min-width: 60em) {
.country-selector {
padding: 80px 40px
}
.country-selector__content {
width: 50%
}
}
.decision-tree {
padding: 8px 0 32px
}
.decision-tree p,
.decision-tree ul {
margin-top: 0;
margin-bottom: 1.5rem
}
.decision-tree p:last-child,
.decision-tree ul:last-child {
margin-bottom: 0
}
.decision-tree__inner {
max-width: 1176px;
margin: 0 auto
}
.decision-tree__content {
padding: 24px 16px 32px
}
.decision-tree__main-title,
.decision-tree__panel-title {
font-size: 24px;
line-height: 1.333;
letter-spacing: normal;
text-align: center
}
.decision-tree__main-title {
margin-bottom: 40px
}
.decision-tree__panel-title {
margin-bottom: 16px
}
.decision-tree__panel-content {
display: grid;
gap: 32px;
padding: 16px
}
.decision-tree__panel-content a:not(.btn) {
color: #00008f !important;
text-decoration: none
}
.decision-tree__panel-image {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover
}
.decision-tree__panel-links {
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;
gap: 24px
}
.decision-tree__panel-link {
margin: 0 !important
}
.decision-tree__panel-supplemental small {
line-height: 1.333
}
.decision-tree__panel-supplemental .decision-tree__panel-links {
margin-top: 0
}
.decision-tree__tab-list {
display: grid;
gap: 16px
}
.decision-tree__tab {
all: unset;
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-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
text-align: center;
color: #111b1d;
background-color: #fff;
border: 2px solid #fff;
-webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .2));
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .2));
padding: 14px;
margin: 0;
cursor: pointer;
-webkit-transition: color 200ms, background-color 200ms, border-color 200ms;
transition: color 200ms, background-color 200ms, border-color 200ms
}
.decision-tree__tab::after {
content: none
}
.decision-tree__tab:hover,
.decision-tree__tab:focus {
color: #fff;
background-color: #00008f
}
.decision-tree__tab:hover,
.decision-tree__tab:focus,
.decision-tree__tab[aria-selected=true] {
border-color: #00008f
}
.decision-tree__tab-title {
font-size: 20px;
font-weight: 700;
line-height: 1.4
}
.decision-tree__tab-desc {
font-size: 16px;
font-weight: 600;
line-height: 1.5
}
.decision-tree__sub-panel {
display: none;
position: relative;
border: 2px solid #ccc;
border-left-width: 0;
border-right-width: 0
}
.decision-tree__sub-panel::after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 20px;
height: 20px;
background-color: #fafafa;
border: 2px solid #ccc;
border-bottom-width: 0;
border-left-width: 0;
-webkit-transform: translate(-50%, -12px) rotate(-45deg);
-ms-transform: translate(-50%, -12px) rotate(-45deg);
transform: translate(-50%, -12px) rotate(-45deg)
}
.decision-tree__sub-panel .decision-tree__sub-panel {
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0
}
.decision-tree__sub-panel .decision-tree__sub-panel::after {
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 2px;
border-left-width: 2px;
-webkit-transform: translate(-50%, -11px) rotate(-45deg);
-ms-transform: translate(-50%, -11px) rotate(-45deg);
transform: translate(-50%, -11px) rotate(-45deg)
}
.decision-tree__sub-panel .decision-tree__sub-panel--final {
border-width: 2px !important;
left: -2px;
width: calc(100% + 4px)
}
.decision-tree__sub-panel:has(.decision-tree__sub-panel--final.decision-tree__sub-panel--shown) {
border-bottom-width: 0
}
.decision-tree__sub-panel--shown {
display: block
}
.decision-tree__sub-panel--final {
border-color: #00008f
}
.decision-tree__sub-panel--final::after {
border-color: #00008f;
border: 0;
background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, #00008f), color-stop(50%, transparent));
background: linear-gradient(to top right, #00008f 50%, transparent 50%);
-webkit-transform: translate(-50%, -11px) rotate(-45deg);
-ms-transform: translate(-50%, -11px) rotate(-45deg);
transform: translate(-50%, -11px) rotate(-45deg)
}
.decision-tree__sub-panel--final .decision-tree__content {
padding: 0
}
.decision-tree__sub-panel--final .decision-tree__panel-title {
color: #00008f;
background-color: #d9f3f7;
padding: 32px 16px 24px;
margin: 0
}
@media (min-width: 48em) {
.decision-tree__tab-list {
grid-template-columns: repeat(2, 1fr)
}
.decision-tree__tab-list--3-col {
grid-template-columns: repeat(3, 1fr)
}
}
@media (min-width: 62em) {
.decision-tree {
padding: 32px 0 64px
}
.decision-tree__content {
padding: 32px
}
.decision-tree__main-title {
font-size: 32px;
line-height: 1.25;
margin-bottom: 80px
}
.decision-tree__panel-title {
margin-bottom: 24px
}
.decision-tree__panel-content {
gap: 48px;
padding: 48px 32px
}
.decision-tree__panel-content:has(.decision-tree__panel-image) {
grid-template-columns: repeat(2, 1fr)
}
.decision-tree__panel-image {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0
}
.decision-tree__panel-links {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 36px
}
.decision-tree__panel-supplemental {
grid-column: 1/-1
}
.decision-tree__tab-list {
gap: 32px
}
.decision-tree__tab {
padding: 30px
}
.decision-tree__sub-panel {
border-left-width: 2px;
border-right-width: 2px
}
.decision-tree__sub-panel--final .decision-tree__panel-title {
font-size: 40px;
line-height: 1.2;
padding: 48px 32px 32px
}
}
.document-library-block {
padding: 40px 20px
}
.document-library-block__container {
max-width: 1200px;
margin: 0 auto
}
.document-library-block__header {
text-align: center;
padding-bottom: 20px;
max-width: 768px;
margin: 0 auto
}
.document-library-block-heading {
margin-left: 40px
}
.document-library-block-header__title {
margin: 0
}
.document-library-block-header__content {
padding-top: 10px
}
.document-library-block-list {
padding: 0;
margin: 0
}
.document-library-block-list__item {
list-style: none;
margin: 0;
border-bottom: 1px solid #e5e5e5
}
.document-library-block-list__item:last-of-type {
border: 0
}
.document-library-block__footer {
padding-top: 20px;
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
}
.document-library-block__cta {
margin: 0 auto
}
.document-library-block__pagination {
margin: auto;
max-width: 100%
}
.document-library-block-download-icon {
fill: #00008f;
height: 18px;
width: 18px;
position: absolute;
margin-top: 0;
margin-left: 5px
}
.document-library-block-summary__container {
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;
padding-top: 20px;
padding-bottom: 20px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
min-height: 110px;
padding-left: 40px;
padding-right: 40px
}
.document-library-block-summary__container:hover,
.document-library-block-summary__container:focus {
background-color: rgba(95, 95, 95, .15);
outline: 0
}
.document-library-block-summary__date {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase
}
@media (min-width: 48em) {
.document-library-block-summary__date {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.document-library-block-summary__date {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.document-library-block-summary__date {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.document-library-block-summary__time {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase
}
@media (min-width: 48em) {
.document-library-block-summary__time {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.document-library-block-summary__time {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.document-library-block-summary__time {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.document-library-block-summary__title {
margin-bottom: 5px
}
.document-library-block-summary__description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.document-library-block-summary__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.document-library-block-summary__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.document-library-block-summary__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.document-library-block-summary__link {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #00008f;
min-width: 105%;
font-size: 18px !important
}
@media (min-width: 48em) {
.document-library-block-summary__link {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.document-library-block-summary__link {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.document-library-block-summary__link {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.document-library-block-summary__content a p {
margin-top: 10px !important
}
@media (min-width: 48em) {
.document-library-block__cta {
margin: auto 0 auto auto
}
.document-library-block__header {
padding-bottom: 40px
}
.document-library-block__footer {
padding-top: 40px
}
.document-library-block-summary__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 30px;
padding-bottom: 30px
}
.document-library-block-summary__date {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
width: 20%;
min-width: 200px;
padding: 0 30px;
margin-top: 5px;
text-transform: none
}
}
@media (min-width: 48em) and (min-width:48em) {
.document-library-block-summary__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:62em) {
.document-library-block-summary__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:75em) {
.document-library-block-summary__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.document-library-block-summary__title {
margin-bottom: 15px
}
.document-library-block-summary__description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:48em) {
.document-library-block-summary__description {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:62em) {
.document-library-block-summary__description {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:75em) {
.document-library-block-summary__description {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.document-library-block-summary__link {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:48em) {
.document-library-block-summary__link {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:62em) {
.document-library-block-summary__link {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:75em) {
.document-library-block-summary__link {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.document-library-block-summary__container:hover,
.document-library-block-summary__container:focus {
padding-left: 70px
}
}
@media (min-width: 48em) and (min-width:60em) {
.document-library-block {
padding: 80px 40px
}
}
.component-documentation {
padding: 20px 0
}
.component-documentation__content {
padding: 0 20px;
width: 100%;
height: auto;
margin-bottom: 20px
}
.component-documentaion__title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 1.5rem;
line-height: 1.17em;
letter-spacing: -.01em;
color: #333;
margin-bottom: 20px
}
@media (min-width: 48em) {
.component-documentaion__title {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.component-documentaion__title {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.component-documentaion__title {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
.component-documentaion__text {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.component-documentaion__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.component-documentaion__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.component-documentaion__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.component-documentaion__preview {
width: 100%;
height: auto;
display: block;
overflow: hidden
}
.component-documentation__markup {
height: auto;
display: block
}
.component-documentation__markup code {
width: 100%;
height: auto;
display: block
}
.component-documentation__modifiers {
width: 100%;
height: auto;
overflow: hidden
}
.component-documentation__modifiers li {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.component-documentation__modifiers li {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.component-documentation__modifiers li {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.component-documentation__modifiers li {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.component-documentation__modifiers li a {
color: #00008f
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding-left: 0
}
.extract-banner {
width: 100%;
height: auto;
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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: 170px 0 0 0;
position: relative;
margin-bottom: 0
}
.extract-banner__image {
width: 100%;
height: 170px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
z-index: 0;
top: 0;
left: 0
}
.extract-banner__image-opacity {
height: 100%;
width: 100%;
position: absolute;
display: block;
background-color: #000;
opacity: 0;
display: none
}
.extract-banner__content {
width: 100%;
background-color: #fff;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 1200px;
padding: 50px 20px 0 20px;
position: relative;
z-index: 1
}
.extract-banner__link {
color: #494df4;
text-decoration: none
}
.extract-banner__title {
margin-top: 0;
text-align: center;
width: 100%;
height: auto;
margin-bottom: 0
}
.extract-banner__base {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
z-index: 1;
margin-bottom: -10px
}
.extract-banner__base:before {
width: 90%;
height: 2px;
background-color: rgba(204, 204, 204, .6);
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 1
}
.extract-banner__base-container {
text-transform: uppercase;
width: auto;
display: table;
height: auto;
padding: 0 40px;
margin: 0 auto;
background-color: #fff;
z-index: 1;
position: relative;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
text-align: center
}
.extract-banner__subtitle {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #494df4;
margin-bottom: 0
}
@media (min-width: 48em) {
.extract-banner__subtitle {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.extract-banner__subtitle {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.extract-banner__subtitle {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.extract-banner__date {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase;
margin-bottom: 0;
color: #333
}
@media (min-width: 48em) {
.extract-banner__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.extract-banner__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.extract-banner__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media only screen and (max-width: 768px) {
.extract-banner__title {
font-size: 27px
}
}
@media (min-width: 45em) {
.extract-banner {
padding: 255px 20px 0 20px;
margin-bottom: 0
}
.extract-banner__image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed
}
.extract-banner__image-opacity {
display: block
}
.extract-banner__content {
padding: 60px 40px 0 40px;
width: 100%;
margin-left: 20px;
margin-right: 20px
}
.extract-banner__title {
margin-bottom: 10px;
font-size: 40px
}
}
@media (min-width: 60em) {
.extract-banner {
padding-top: 320px;
margin-bottom: 0
}
.extract-banner__content {
padding: 40px 60px 0 60px
}
}
@media (min-width: 71.25em) {
.extract-banner {
margin-bottom: 0
}
.extract-banner__content {
padding: 60px 60px 0 60px
}
.extract-banner__title {
margin-bottom: 10px
}
}
.feefo-filter {
width: 100%;
padding-bottom: 20px
}
.feefo-filter__container {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative
}
.feefo-filter__filter,
.feefo-filter__sort {
width: 50%;
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: normal;
-webkit-align-items: normal;
-ms-flex-align: normal;
align-items: normal;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.feefo-filter__sort {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.feefo .feefo-filter__select-container {
width: 95%
}
.feefo-filter__filter-form {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: #fff;
z-index: 2;
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
}
@supports (overscroll-behavior:contain) {
.feefo-filter__filter-form {
overscroll-behavior: contain
}
}
.feefo-filter__filter-form-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: auto;
padding: 15px
}
.feefo-filter__actions {
width: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
text-align: right;
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;
padding: 15px 30px;
border-bottom: 1px solid #e5e5e5;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.feefo-filter__column {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 15px;
padding-bottom: 15px !important;
padding-left: 15px
}
.feefo-filter__column+.feefo-filter__column .feefo-filter__column-inner {
padding-left: 0;
padding-top: 15px;
border: 0;
border-top: 1px solid #e5e5e5
}
.feefo-filter__column-inner {
height: 100%;
width: 100%
}
.feefo-filter__close {
width: 100%;
text-align: right;
-webkit-box-ordinal-group: -9;
-webkit-order: -10;
-ms-flex-order: -10;
order: -10;
padding: 15px 30px 0
}
.feefo-filter__close-btn {
width: 25px;
height: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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
}
.feefo-filter__close-btn:before,
.feefo-filter__close-btn:after {
position: absolute;
content: "";
display: block;
background: #d24723;
width: 100%;
height: 2px;
opacity: 1
}
.feefo-filter__close-btn:before {
left: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
.feefo-filter__close-btn:after {
left: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%;
z-index: 1
}
.feefo-filter__display {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feefo-filter__result-phrase {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
padding-right: 15px;
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-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media (min-width: 48em) {
.feefo-filter__result-phrase {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo-filter__result-phrase {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo-filter__result-phrase {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-filter__tags {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
padding-left: 15px;
list-style: none;
margin: -5px;
overflow: hidden
}
.feefo-filter__tag {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
background: #e5e5e5;
padding: .25em .7em;
border-radius: 5px;
line-height: 1em;
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-transition: background-color .15s ease-in-out;
transition: background-color .15s ease-in-out
}
@media (min-width: 48em) {
.feefo-filter__tag {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo-filter__tag {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo-filter__tag {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-filter__tag:hover {
background: #ccc
}
.feefo-filter__tag-cross {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
height: .8em;
width: .8em;
margin-left: 1em;
position: relative;
top: .05em
}
@media (min-width: 48em) {
.feefo-filter__tag-cross {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo-filter__tag-cross {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo-filter__tag-cross {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-filter__tag-cross:before,
.feefo-filter__tag-cross:after {
position: absolute;
content: "";
display: block;
background: #00008f;
width: 100%;
height: .1em;
opacity: 1;
left: 0;
top: 50%
}
.feefo-filter__tag-cross:before {
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%)
}
.feefo-filter__tag-cross:after {
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%)
}
[aria-hidden=true].feefo-filter__filter-form {
display: none
}
.feefo-filter__label--fakeselect {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
padding: 10px 20px;
border: 1px solid #ccc;
width: 100%;
outline-offset: -2px;
background: url(/assets/images/svg/arrow--down-select-box.svg) no-repeat 98% #fff;
background-size: 25px 25px;
text-align: left
}
@media (min-width: 48em) {
.feefo-filter__label--fakeselect {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo-filter__label--fakeselect {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo-filter__label--fakeselect {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-filter__label--fakeselect:hover {
border: 1px solid #00008f
}
.feefo-filter__label--fakeselect:focus {
border: 1px solid #00008f
}
.feefo-filter__label--fakeselect--error {
border: 1px solid #ff1721
}
[aria-expanded=true].feefo-filter__label--fakeselect {
border-color: #00008f
}
.feefo-filter__display--filter {
display: none
}
.feefo-filter__display--filter .feefo-filter__result-phrase {
border-right: 1px solid #e5e5e5
}
[data-feefo-filter-results=true] .feefo-filter__display--all {
display: none
}
[data-feefo-filter-results=true] .feefo-filter__display--filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media (max-width: 47.99em) {
.feefo-filter__actions .btn {
display: block;
margin: 0;
min-width: auto;
width: 48%;
padding: 15px 10px
}
}
@media (min-width: 48em) {
.feefo-filter__column {
width: auto;
padding-top: 15px
}
.feefo-filter__column+.feefo-filter__column .feefo-filter__column-inner {
padding-left: 15px;
padding-top: 0;
border: 0;
border-left: 1px solid #e5e5e5
}
.feefo-filter__actions {
padding-top: 0;
padding-bottom: 30px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
border-bottom: 0
}
.feefo-filter__sort {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.feefo-filter__select-container .feefo-filter__label--fakeselect,
.feefo-filter__select-container [data-feefo-sort-select] {
width: 200px
}
.feefo-filter__filter-form {
position: absolute;
top: 60px;
left: 0;
width: calc(100% - 2px);
height: auto;
border: 1px solid #00008f
}
.feefo-filter__filter-form::before {
content: "";
height: 21px;
width: 200px;
position: absolute;
top: -21px;
left: -1px;
background: #fff;
border: 1px solid;
border-top: 0;
border-bottom: 0
}
@supports (overscroll-behavior:unset) {
.feefo-filter__filter-form {
overscroll-behavior: unset
}
}
.feefo .feefo-filter__sort label,
.feefo .feefo-filter__sort select {
display: inline-block
}
.feefo-filter__close {
display: none
}
}
@media (min-width: 60em) {
.feefo-filter {
padding-bottom: 40px
}
}
.feefo__gauge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap;
-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
}
.feefo__gauge+.feefo__gauge {
margin-top: 7px
}
.feefo__rating {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
line-height: 1 !important;
margin: 0;
width: 65px;
color: #ccc;
fill: #ccc;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width: 48em) {
.feefo__rating {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo__rating {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo__rating {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo__rating-count {
width: 65px;
font-size: 13px;
color: #7f7f7f;
text-align: left
}
.gauge {
position: relative;
overflow: hidden;
width: 100%;
height: 8px;
background: #ccc;
border-radius: 5px;
margin: 0 10px
}
.gauge__fill {
position: absolute;
bottom: 0;
left: -100%;
background: gold;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.scheme--wild-sand .gauge {
background: #fff
}
.feefo-header {
padding-bottom: 20px
}
.feefo-header__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%
}
.feefo-header__column {
position: relative;
width: 100%
}
.feefo-header__column+.feefo-header__column {
margin-top: 30px
}
.feefo-header__average {
width: 100%;
color: gold;
text-align: center;
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;
font-size: 90px;
line-height: 1;
font-weight: 700;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif
}
.feefo__out-of {
color: #ccc;
font-size: .3em;
margin-left: 5px;
vertical-align: super
}
.feefo__logo {
width: 40%;
max-width: 150px;
margin: 0 auto;
margin-bottom: 15px
}
.feefo__disclaimer {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
max-width: 250px;
margin: 0 auto;
width: 100%;
max-height: 100%
}
@media (min-width: 48em) {
.feefo__disclaimer {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo__disclaimer {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo__disclaimer {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.feefo__based-on {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
color: #ff1721
}
@media (min-width: 48em) {
.feefo__based-on {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo__based-on {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo__based-on {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-header__gauges {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: normal;
-webkit-align-items: normal;
-ms-flex-align: normal;
align-items: normal;
min-width: 50%;
max-width: 350px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
margin-top: 30px
}
.feefo__average-stars {
width: 100%
}
.feefo-header__column--right {
text-align: center
}
@media (min-width: 48em) {
.feefo-header__average {
width: auto;
max-width: 50%
}
.feefo-header__column--left {
width: 66.66667%
}
.feefo-header__column--left::after {
content: "";
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
background: #e5e5e5 !important;
height: 90%
}
.feefo-header__column--right {
width: 33.33333%;
padding-left: 15px
}
.feefo-header__gauges {
margin: auto;
margin-top: auto
}
.feefo-header__column {
margin: 0 !important
}
.feefo-header__column--left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
}
@media (min-width: 62em) {
.feefo-header {
padding-bottom: 40px
}
}
.feefo-listing {
width: 100%;
position: relative;
padding-top: 20px
}
.feefo-listing::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
background: #e5e5e5
}
.feefo-listing__wrapper {
padding-bottom: 30px
}
.feefo-listing__container {
margin-bottom: 30px
}
[data-feefo-reviews="0"] .feefo-listing__container:after {
content: "0 results";
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
[data-feefo-reviews="0"] .feefo-listing__container:after {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
[data-feefo-reviews="0"] .feefo-listing__container:after {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
[data-feefo-reviews="0"] .feefo-listing__container:after {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-listing__loader .loader__item {
top: 50px
}
[data-feefo-loaded-listing=false] .feefo-listing__loader {
opacity: 1
}
[data-feefo-loaded-listing=false] .feefo-listing__container {
visibility: hidden
}
@media (min-width: 60em) {
.feefo-listing {
padding-top: 40px
}
}
.feefo-preview {
position: relative;
width: 100%;
padding-top: 20px
}
.feefo-preview::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
background: #e5e5e5
}
.feefo-preview__wrapper {
padding-bottom: 30px
}
.feefo-preview__container {
overflow: visible !important
}
.feefo-preview__container::after {
content: "";
display: block;
clear: both
}
.feefo__btn-wrapper {
text-align: center
}
.feefo__carousel-pagination-container {
padding-top: 30px
}
.scheme--wild-sand .feefo-preview {
padding: 10px
}
.scheme--wild-sand .feefo-preview::before {
content: none
}
[data-feefo-loaded-preview=false] .feefo-preview__loader {
opacity: 1
}
[data-feefo-loaded-preview=false] .feefo-preview__container {
visibility: hidden
}
@media (min-width: 60em) {
.feefo-preview {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 40px
}
.feefo-preview__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feefo__carousel-pagination-container {
display: none
}
}
.feefo-review {
width: 100%
}
.feefo-review+.feefo-review {
margin-top: 60px
}
.feefo-review__container {
width: 100%
}
.feefo-review__heading {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0;
line-height: 1em !important;
margin-bottom: .75em !important
}
@media (min-width: 48em) {
.feefo-review__heading {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.feefo-review__heading {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.feefo-review__heading {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
.feefo-review__rating {
width: 120px;
margin-bottom: .5em
}
.feefo-review__reviewer {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
line-height: 1 !important;
margin-bottom: 0 !important
}
@media (min-width: 48em) {
.feefo-review__reviewer {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.feefo-review__reviewer {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.feefo-review__reviewer {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.feefo-review__time {
opacity: .8
}
.feefo-review__content,
.feefo-review__comment-content {
margin-top: .5em;
max-height: 9999px;
-webkit-transition: max-height 1.2s ease-in;
transition: max-height 1.2s ease-in;
overflow: hidden
}
.feefo-review__content.has-actions,
.feefo-review__comment-content.has-actions {
padding-bottom: 20px
}
.feefo-review__comments {
margin-top: 30px
}
.feefo-review__comment {
padding: 15px 30px;
border: 1px solid #e5e5e5
}
.feefo-review__comment+.feefo-review__comment {
margin-top: 15px
}
.feefo-review__actions {
width: 100%;
position: relative
}
.feefo-review__actions::before {
content: "";
display: block;
position: absolute;
top: -30px;
left: 0;
height: 30px;
width: 100%
}
.feefo-review__action+.feefo-review__action {
margin-left: 30px
}
.feefo-review__read-less {
display: none
}
.feefo-review__read-icon {
height: 1rem;
width: 1rem;
margin-left: .5rem;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.feefo__pagination-container {
text-align: center
}
.feefo__pagination-container .pagination {
display: inline-block
}
.feefo-review--preview {
padding: 0 15px
}
.feefo-review--preview .feefo-review__container {
padding: 30px 15px;
height: 100%
}
.feefo-review--preview .feefo-review__content {
padding: 0
}
.feefo-review--preview+.feefo-review--preview {
margin: 0
}
.scheme--white .feefo-review--preview .feefo-review__container {
padding-top: 0;
padding-bottom: 0
}
.scheme--wild-sand .feefo-review--preview .feefo-review__container {
background: #fff
}
[aria-hidden=true].feefo-review__comments {
display: none
}
[aria-hidden=true].feefo-review__content,
[aria-hidden=true].feefo-review__comment-content {
max-height: 3em;
-webkit-transition: max-height .6s cubic-bezier(0, 1, .3, 1);
transition: max-height .6s cubic-bezier(0, 1, .3, 1)
}
[aria-expanded=true] .feefo-review__read-more {
display: none
}
[aria-expanded=true] .feefo-review__read-less {
display: inline
}
[aria-expanded=true] .feefo-review__read-icon {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
@media (min-width: 60em) {
.feefo-review--preview {
float: left;
width: calc(33.33333% - 30px + 1/3*30px)
}
.feefo-review--preview+.feefo-review--preview {
margin-left: 30px
}
}
@media (min-width: 62em) {
.feefo-review {
padding: 0
}
.feefo-review__comments {
padding-left: 30px
}
}
.feefo {
padding: 40px 20px;
position: relative
}
.feefo__container {
width: 100%;
max-width: 1200px;
margin: 0 auto
}
.feefo__title {
margin: 0;
padding-bottom: 20px
}
.feefo__btn {
display: inline-block;
margin: 0
}
.feefo-preview[aria-hidden=true],
.feefo__fullview[aria-hidden=true],
.feefo__btn-wrapper[aria-hidden=true] {
display: none
}
.feefo__title--center {
margin: 0 auto;
max-width: 768px;
text-align: center
}
[data-feefo-loaded=false] .feefo__loader {
opacity: 1
}
[data-feefo-loaded=false] .feefo__container {
visibility: hidden
}
[data-feefo-review-pages="1"] .feefo_showall-button-container,
[data-feefo-review-pages="1"] .feefo__pagination-container {
display: none
}
@media (min-width: 48em) {
.feefo__title {
padding-bottom: 40px
}
}
@media (min-width: 62em) {
.feefo {
padding: 80px 40px
}
}
.star-rating {
max-width: 150px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin: 0 auto
}
.star {
width: calc(20% - 5px);
height: 100%;
max-width: 30px;
max-height: 30px;
fill: gold;
margin-right: 5px
}
[data-star-rating="1"] :nth-child(n+2) {
fill: #ccc
}
[data-star-rating="2"] :nth-child(n+3) {
fill: #ccc
}
[data-star-rating="3"] :nth-child(n+4) {
fill: #ccc
}
[data-star-rating="4"] :nth-child(n+5) {
fill: #ccc
}
[data-star-rating="5"] :nth-child(n+6) {
fill: #ccc
}
.star--inline {
display: inline-block;
fill: currentColor;
font-size: inherit;
height: 1em;
width: 1em;
margin: 0;
margin-left: .2em
}
.floating-tab__link {
color: #fff !important;
cursor: pointer;
height: auto;
border-style: none;
text-align: center;
text-decoration: none
}
.floating-tab__link .floating-tab__container:focus,
.floating-tab__link .floating-tab__container:hover {
background-color: #00005b
}
.floating-tab__link span {
display: block
}
.floating-tab__container {
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(15%) rotate(270deg);
-ms-transform: translateY(-50%) translateX(15%) rotate(270deg);
transform: translateY(-50%) translateX(15%) rotate(270deg);
z-index: 200;
background-color: #00008f;
padding: 10px;
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;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top
}
.floating-tab__text {
margin-right: 10px;
font-size: .875rem;
text-transform: uppercase
}
.floating-tab__icon {
-webkit-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
transform: rotate(-270deg)
}
.site-footer {
width: 100%;
height: auto;
display: block
}
.site-footer__container {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 1200px;
margin: 0 auto;
padding: 20px 20px 10px 20px
}
.site-footer__container--sso {
padding: 15px 20px
}
.site-footer__column {
padding: 20px;
width: 100%
}
.site-footer__column--small {
padding: 0
}
.site-footer__section {
width: 100%;
height: auto;
display: block
}
.site-footer__title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
font-size: 16px;
color: #fff;
margin-bottom: 25px
}
@media (min-width: 48em) {
.site-footer__title {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.site-footer__title {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.site-footer__title {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.site-footer__title-drop-mobile {
display: none
}
.site-footer__link-list {
list-style: none;
width: 100%;
padding: 0;
margin: 0;
height: auto
}
.site-footer__link-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
width: 100%;
display: block;
margin-left: 0;
margin-top: 20px;
margin-bottom: 20px
}
@media (min-width: 48em) {
.site-footer__link-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.site-footer__link-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.site-footer__link-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.site-footer__link-item a {
color: #fff;
text-decoration: none;
-webkit-transition: .3s color ease;
transition: .3s color ease
}
.site-footer__link-item a:hover,
.site-footer__link-item a:focus {
color: rgba(255, 255, 255, .65)
}
.site-footer__social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.site-footer__social--sso {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.site-footer__social-item {
width: 25px;
height: 25px;
margin-right: 20px;
opacity: 1;
-webkit-transition: .3s opacity ease;
transition: .3s opacity ease
}
.site-footer__social-item:hover,
.site-footer__social-item:focus {
opacity: .65
}
.site-footer__social-item--sso {
margin-bottom: 0
}
.site-footer__social-image {
width: 100%;
height: 100%;
fill: #fff
}
.site-footer__sub-footer {
width: 100%;
height: auto;
padding: 10px 0 10px;
border-top: 1px rgba(255, 255, 255, .25) solid
}
.site-footer__sub-footer-container {
width: 100%;
max-width: 1200px;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0 40px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.site-footer__language {
width: 100%;
display: block;
height: auto;
text-align: center;
padding: 0;
margin: 0
}
.site-footer__language-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: inline-block;
margin-right: 5px;
margin-left: 0
}
@media (min-width: 48em) {
.site-footer__language-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.site-footer__language-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.site-footer__language-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.site-footer__language-item a {
text-decoration: none;
color: #fff;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.site-footer__language-item a:hover,
.site-footer__language-item a:focus {
color: #fff
}
.site-footer__language-item:after {
content: "|";
display: inline-block;
margin-left: 10px;
color: rgba(255, 255, 255, .65)
}
.site-footer__language-item:last-child:after {
display: none;
margin-left: 0
}
.site-footer__terms {
width: auto;
display: block;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0
}
.site-footer__terms-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: inline-block;
margin-left: 5px;
color: #fff
}
@media (min-width: 48em) {
.site-footer__terms-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.site-footer__terms-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.site-footer__terms-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.site-footer__terms-item a {
color: inherit;
text-decoration: none;
-webkit-transition: .3s color ease;
transition: .3s color ease
}
.site-footer__terms-item a:hover,
.site-footer__terms-item a:focus {
color: #fff
}
.site-footer__language-item--active a {
color: #fff
}
.site-footer__language-item--active:after {
color: #fff
}
.site-footer__column--social {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
width: 100%
}
.site-footer__column--social--sso {
width: auto;
margin: auto
}
@media (min-width: 30em) {
.site-footer__column {
width: 33%
}
.site-footer__social--sso {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.site-footer__column--social {
width: 100%
}
.site-footer__social-item {
width: 25px;
height: 25px;
margin-bottom: 15px
}
.site-footer__language {
width: auto;
height: auto
}
.site-footer__terms {
width: auto;
display: block;
margin-left: auto;
}
.site-footer__social-item--sso {
margin-bottom: 0
}
}
@media (min-width: 60em) {
.site-footer__column {
width: 25%
}
.site-footer__column--small {
width: 25%;
margin-left: auto;
margin-right: 0
}
.site-footer__title-drop-mobile {
display: block
}
.site-footer__column--social {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.site-footer__social-item--sso {
margin-bottom: 0
}
}
.form-call {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
padding-top: 10px
}
.form-call.hidden {
display: none
}
.form-call__input-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.form-call__input-wrapper .Form__Element.FormSelection {
margin: 0
}
.form-call__input {
display: inline-block;
position: relative;
padding: 10px 20px;
min-width: 200px;
font-family: "SourceSansPro", Arial, sans-serif;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
color: #000;
font-size: 18px;
border: 1px solid #ccc;
display: inline-block !important;
visibility: visible !important;
min-width: 200px;
cursor: pointer
}
.form-call__input::-webkit-calendar-picker-indicator {
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px
}
.form-call__input--date {
border-radius: 0;
background-color: #fff
}
.form-call__input--date::-webkit-clear-button {
display: none
}
.form-call__input--date::-webkit-inner-spin-button {
display: none
}
.form-call__input--date::-webkit-calendar-picker-indicator {
opacity: 0
}
.form-call__input--time::-webkit-calendar-picker-indicator {
opacity: 0
}
.form-call__input--time::after {
content: "";
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
border-color: #000;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
rotate: 45deg;
right: 35px
}
.form-call__submit {
margin: 0
}
.icon-calendar {
position: absolute;
right: 8px;
top: 6px;
width: 30px;
height: 30px;
pointer-events: none
}
.icon-arrow::after {
content: "";
position: relative;
display: inline-block;
width: 15px;
height: 15px;
border-color: #00008f;
border-bottom: 2px solid;
border-right: 2px solid;
rotate: 45deg;
right: -5px
}
.schedule-box {
margin: 0
}
.schedule-box__btn-edit {
color: #333;
margin: 0;
margin-left: 5px;
padding: 0;
min-width: auto;
letter-spacing: normal;
text-decoration: underline;
text-transform: none;
background: 0 0
}
.schedule-box__btn-edit:hover {
color: #333
}
.form-call__error {
display: none;
color: red;
margin: 0 !important;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.form-call__error.active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.form-panel__chevron:after {
content: "";
display: block;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 60px;
bottom: -10px;
z-index: 1
}
.FormTextbox__Input {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
padding: 10px 20px;
border: 1px solid #ccc;
width: 100%;
outline-offset: -2px
}
@media (min-width: 48em) {
.FormTextbox__Input {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.FormTextbox__Input {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.FormTextbox__Input {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.FormTextbox__Input:hover {
border: 1px solid #00008f
}
.FormTextbox__Input:focus {
border: 1px solid #00008f
}
.FormTextbox__Input--error {
border: 1px solid #ff1721
}
textarea.FormTextbox__Input {
resize: vertical
}
.FormSelection select {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
padding: 10px 20px;
border: 1px solid #ccc;
width: 100%;
outline-offset: -2px;
padding-right: 28px;
background: url(/assets/images/svg/arrow--down-select-box.svg) no-repeat 98% #fff;
background-size: 25px 25px
}
@media (min-width: 48em) {
.FormSelection select {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.FormSelection select {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.FormSelection select {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.FormSelection select:hover {
border: 1px solid #00008f
}
.FormSelection select:focus {
border: 1px solid #00008f
}
.FormSelection select--error {
border: 1px solid #ff1721
}
.Form__Element__Caption {
display: block;
padding-bottom: 10px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
color: #333
}
@media (min-width: 48em) {
.Form__Element__Caption {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.Form__Element__Caption {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.Form__Element__Caption {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.Form__Title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0;
color: #333;
margin-bottom: 20px
}
@media (min-width: 48em) {
.Form__Title {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.Form__Title {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.Form__Title {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
.Form__Description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
color: #333;
margin-bottom: 10px
}
@media (min-width: 48em) {
.Form__Description {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.Form__Description {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.Form__Description {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.FormRange__Min,
.FormRange__Max {
display: none
}
div.Form__Element {
padding-bottom: 20px
}
.EPiServerForms {
width: 100%
}
.FormSubmitButton,
.FormResetButton {
margin: 25px 25px 0 0;
display: inline
}
.FormSubmitButton:disabled,
.FormResetButton:disabled {
color: #7f7f7f;
background-color: #ccc !important
}
.FormSubmitButton:disabled::after,
.FormResetButton:disabled::after {
display: none
}
.FormSubmitButton:focus:after,
.FormResetButton:focus:after {
width: 100%;
opacity: 1
}
.FormInput_Password_Wrapper {
position: relative
}
.FormTextbox__Reveal {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
color: rgba(245, 245, 245, .8)
}
.FormTextbox__Reveal:hover {
color: #f5f5f5
}
.FormTextbox__Reveal svg {
width: 32px;
height: auto;
margin-left: auto
}
.Form__Element--inline .Form__Element__Caption {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
padding-bottom: 0
}
.Form__Element--inline select,
.Form__Element--inline input,
.Form__Element--inline textarea {
display: inline-block;
vertical-align: middle;
max-width: 57%;
width: auto
}
.FormSubmitButton:hover:after,
.FormResetButton:hover:after {
width: 100%;
opacity: 1
}
@media (pointer: fine) {
.FormSubmitButton:hover:after,
.FormResetButton:hover:after {
width: 100%;
opacity: 1
}
}
.FormResetButton:hover,
.FormResetButton:focus {
color: #333
}
.ValidationFail>textarea,
.ValidationFail>input[type=text],
.ValidationFail>input[type=number],
.ValidationFail>input[type=url],
.ValidationFail>select {
border: 1px solid #ff1721
}
.Form__NavigationBar {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
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-left: -10px
}
@media (min-width: 48em) {
.Form__NavigationBar {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.Form__NavigationBar {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.Form__NavigationBar {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
span.Form__Element__ValidationError,
.Form__Status__Message {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
color: #ff1721
}
@media (min-width: 48em) {
span.Form__Element__ValidationError,
.Form__Status__Message {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
span.Form__Element__ValidationError,
.Form__Status__Message {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
span.Form__Element__ValidationError,
.Form__Status__Message {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.Form__Status__Message {
margin-bottom: 20px
}
.Form__Status__Message.hide {
display: none
}
.Form__Element__Caption__Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.Form__Element__Caption__CTA {
margin-left: auto;
display: block;
padding-bottom: 10px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
color: #00008f;
text-decoration: none
}
@media (min-width: 48em) {
.Form__Element__Caption__CTA {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.Form__Element__Caption__CTA {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.Form__Element__Caption__CTA {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.FormChoice:not(.FormChoice--Image) label,
.checkbox-container label {
padding-left: 30px;
position: relative;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
color: #333;
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;
cursor: pointer
}
@media (min-width: 48em) {
.FormChoice:not(.FormChoice--Image) label,
.checkbox-container label {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.FormChoice:not(.FormChoice--Image) label,
.checkbox-container label {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.FormChoice:not(.FormChoice--Image) label,
.checkbox-container label {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.FormChoice:not(.FormChoice--Image) label:not(:last-child),
.checkbox-container label:not(:last-child) {
margin-bottom: 8px
}
.FormChoice:not(.FormChoice--Image) label:before,
.checkbox-container label:before {
content: "";
visibility: visible;
width: 20px;
height: 20px;
left: 0;
top: 0;
border: 1px solid #ccc;
position: absolute
}
.FormChoice:not(.FormChoice--Image) label:after,
.checkbox-container label:after {
top: 6px;
content: "";
visibility: visible;
left: 6px;
width: 8px;
height: 8px;
position: absolute;
background-color: transparent;
border: 1px solid transparent
}
.FormChoice:not(.FormChoice--Image) label:not([disabled]):not(.input-checked):hover::before,
.checkbox-container label:not([disabled]):not(.input-checked):hover::before {
border-color: #00008f
}
.FormChoice:not(.FormChoice--Image) label:not([disabled]):not(.input-checked):hover::after,
.checkbox-container label:not([disabled]):not(.input-checked):hover::after {
background-color: transparent;
border: 1px solid #00008f
}
.FormChoice:not(.FormChoice--Image) label.input-checked::after,
.checkbox-container label.input-checked::after {
border: 1px solid #00008f;
background-color: #00008f
}
.FormChoice:not(.FormChoice--Image) input[type=radio] {
display: none
}
.FormChoice:not(.FormChoice--Image) label:before {
border-radius: 50%
}
.FormChoice:not(.FormChoice--Image) label:after {
border-radius: 50%
}
.FormChoice__Input--Checkbox {
display: none
}
.checkbox-container input[type=checkbox] {
display: none
}
.Form__Element.FormRange>span {
position: relative;
display: block;
height: 45px
}
.FormRange__Input {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative;
border-left: 2px solid #00008f;
border-right: 2px solid #999;
--range: calc(var(--max) - var(--min));
--ratio: calc((var(--val) - var(--min)) / var(--range));
--sx: calc(0.5 *20px + var(--ratio) * (100% - 20px));
margin: 0;
padding: 0;
width: 300px;
height: 20px;
background: 0 0
}
.FormRange__Input,
.FormRange__Input::-webkit-slider-thumb {
-webkit-appearance: none
}
.FormRange__Input::-webkit-slider-runnable-track {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
width: 300px;
height: 4px;
background: #ccc
}
.js-enabled .FormRange__Input::-webkit-slider-runnable-track {
background: -webkit-gradient(linear, left top, left bottom, from(#00008f), to(#00008f)) 0/var(--sx) 100% no-repeat #ccc;
background: linear-gradient(#00008f, #00008f) 0/var(--sx) 100% no-repeat #ccc
}
.FormRange__Input::-moz-range-track {
box-sizing: border-box;
border: 0;
width: 300px;
height: 4px;
background: #ccc
}
.FormRange__Input::-ms-track {
box-sizing: border-box;
border: 0;
width: 300px;
height: 4px;
background: #ccc;
color: transparent
}
.FormRange__Input::-moz-range-progress {
height: 4px;
background: #00008f
}
.FormRange__Input::-ms-fill-lower {
height: 4px;
background: #00008f
}
.FormRange__Input::-webkit-slider-thumb {
margin-top: -8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #fff;
width: 20px;
height: 20px;
border-radius: 50%;
background: #00008f;
background-clip: padding-box
}
.FormRange__Input::-webkit-slider-thumb:active {
background: #fff;
border-color: #00008f
}
.FormRange__Input::-moz-range-thumb {
box-sizing: border-box;
border: 2px solid #fff;
width: 20px;
height: 20px;
border-radius: 50%;
background: #00008f;
background-clip: padding-box
}
.FormRange__Input::-moz-range-thumb:active {
background: #fff;
border-color: #00008f
}
.FormRange__Input::-ms-thumb {
margin-top: 0;
box-sizing: border-box;
border: 2px solid #fff;
width: 20px;
height: 20px;
border-radius: 50%;
background: #00008f;
background-clip: padding-box
}
.FormRange__Input::-ms-thumb:active {
background: #fff;
border-color: #00008f
}
.FormRange__Input::-ms-tooltip {
display: none
}
.FormRange__Input~.Range__current-value {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #333;
display: block;
position: absolute;
bottom: 0
}
@media (min-width: 48em) {
.FormRange__Input~.Range__current-value {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.FormRange__Input~.Range__current-value {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.FormRange__Input~.Range__current-value {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.FormChoice--Image__Item__Caption {
display: none
}
.FormChoice--Image__Item {
width: 100px;
height: 100px;
display: inline-block;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.FormChoice--Image__Item img {
height: 100%;
width: auto;
border: 1px solid #e5e5e5;
display: block;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.FormChoice--Image__Item img:hover {
border-color: #00008f
}
.FormChoice--Image__Item input[type=radio]:checked~img {
border: 1px solid #00008f
}
.FormFileUpload__Input {
display: none
}
.FormFileUpload__Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.FormFileUpload__Label {
margin: 0
}
.FormFileUpload__Label:focus:after,
.FormFileUpload__Label:hover:after {
width: 100%;
opacity: 1
}
.FormFileUpload__SelectedFile {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
padding: 10px 20px;
border: 1px solid #ccc;
width: 100%;
outline-offset: -2px
}
@media (min-width: 48em) {
.FormFileUpload__SelectedFile {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.FormFileUpload__SelectedFile {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.FormFileUpload__SelectedFile {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.FormFileUpload__SelectedFile:hover {
border: 1px solid #00008f
}
.FormFileUpload__SelectedFile:focus {
border: 1px solid #00008f
}
.FormFileUpload__SelectedFile--error {
border: 1px solid #ff1721
}
.FormCheckbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.FormCheckbox input[type=checkbox].FormCheckBox__Input {
visibility: hidden
}
.FormCheckbox input[type=checkbox].FormCheckBox__Input+.FormCheckBox__Label {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-left: 30px;
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;
padding-bottom: 0
}
@media (min-width: 48em) {
.FormCheckbox input[type=checkbox].FormCheckBox__Input+.FormCheckBox__Label {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.FormCheckbox input[type=checkbox].FormCheckBox__Input+.FormCheckBox__Label {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.FormCheckbox input[type=checkbox].FormCheckBox__Input+.FormCheckBox__Label {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.FormCheckbox input[type=checkbox].FormCheckBox__Input+.FormCheckBox__Label:before {
content: "";
height: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -30px;
border: #7f7f7f solid 1px;
width: 20px
}
@media (min-width: 48em) {
.form-panel__chevron:after {
top: 10%;
right: -20px;
bottom: auto;
left: auto;
height: 40px;
width: 40px
}
.checkbox-container label:not(:last-child),
.FormChoice:not(.FormChoice--Image) label:not(:last-child) {
margin-bottom: 4px
}
.checkbox-container label:after,
.FormChoice:not(.FormChoice--Image) label:after {
top: 10px
}
.checkbox-container label:before,
.FormChoice:not(.FormChoice--Image) label:before {
top: 4px
}
}
.full-width-cta {
display: block;
width: 100%;
height: auto;
padding: 40px 20px
}
.full-width-cta__container {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center
}
.full-width-cta__btn-wrapper {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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
}
.full-width-cta__btn {
min-width: 220px;
margin: 10px 10px 0 10px
}
@media (min-width: 48em) {
.full-width-cta__btn-wrapper {
margin-top: 30px
}
.full-width-cta__container {
max-width: 1024px
}
}
@media (min-width: 60em) {
.full-width-cta {
padding: 32px 40px
}
}
@media (min-width: 90em) {
.full-width-cta__container {
max-width: 1200px
}
}
.header {
width: 100%;
height: auto;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 99;
min-width: 320px
}
.hero-banner {
width: 100%;
height: auto;
min-height: 580px;
background-position: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.hero-banner__mask {
background-color: rgba(0, 0, 0, .2);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 580px;
z-index: 1
}
.hero-banner__img {
min-height: 580px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
position: absolute;
font-family: 'object-fit: cover;'
}
.hero-banner__container {
width: 100%;
height: auto;
max-width: 1200px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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
}
.hero-banner__content {
width: 100%;
height: auto;
margin: 80px 0;
padding: 20px 40px;
max-width: 960px;
text-align: center
}
.hero-banner__btn-wrapper {
margin-top: 30px;
text-align: inherit;
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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
}
.hero-banner__btn-wrapper a {
font-size: 16px;
font-weight: 700
}
.hero-banner__btn {
margin: 10px 10px
}
.hero-banner-text-wrapper .list-component__list,
.hero-banner-text-wrapper .richtext ol,
.richtext .hero-banner-text-wrapper ol,
.hero-banner-text-wrapper .richtext ul,
.richtext .hero-banner-text-wrapper ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1
}
.hero-banner--letterbox {
min-height: 400px
}
.hero-banner--letterbox .hero-banner__mask {
min-height: 400px
}
.hero-banner--slim {
min-height: 200px
}
.hero-banner--slim .hero-banner__mask {
min-height: 200px
}
.hero-banner--slim .hero-banner__btn-wrapper {
margin-top: 0
}
.hero-banner--large {
min-height: 0
}
.hero-banner--large .hero-banner__mask {
min-height: 0
}
.hero-banner--large .hero-banner__container {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
@media (min-width: 48em) {
.hero-banner__text {
max-width: 100%
}
.hero-banner--large {
min-height: 785px
}
.hero-banner--large .hero-banner__mask {
min-height: 785px
}
.hero-banner--large .hero-banner__container {
padding-top: 150px
}
.hero-banner--left .hero-banner__container {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.hero-banner--left .hero-banner__content {
text-align: left;
max-width: 500px
}
.hero-banner--left .hero-banner__btn-wrapper {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.hero-banner--left .hero-banner__btn,
.hero-banner--left .btn {
margin: 0 20px 0 0
}
.hero-banner--left .hero-banner__subtitle:after {
margin-left: 0
}
.hero-banner--right .hero-banner__container {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.hero-banner--right .hero-banner__content {
text-align: left;
max-width: 500px
}
.hero-banner--right .hero-banner__btn-wrapper {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.hero-banner--right .hero-banner__btn {
margin: 0 20px 0 0
}
.hero-banner--right .hero-banner__subtitle:after {
margin-left: 0
}
}
.hero-carousel {
width: 100%;
height: auto;
position: relative;
display: block;
overflow: hidden
}
.hero-carousel .hero-banner__content {
padding-top: 80px;
padding-bottom: 80px
}
.hero-carousel__wrapper {
width: 100%;
height: auto;
display: block
}
.hero-carousel__container {
width: 100%;
display: block;
height: auto;
overflow: hidden !important
}
.hero-carousel__container:after {
display: block;
content: "";
clear: both
}
.hero-carousel__item {
width: 100%;
height: auto;
display: block
}
.hero-carousel__item .hero-banner {
min-height: 70vh;
height: 100%
}
.hero-carousel__item .hero-banner__mask {
min-height: 70vh
}
.hero-carousel__item .hero-banner__content {
margin: 0 0 80px 0
}
.hero-carousel__pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 40px;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(19%, rgba(0, 0, 0, .057)), color-stop(34%, rgba(0, 0, 0, .102)), color-stop(47%, rgba(0, 0, 0, .141)), color-stop(56.5%, rgba(0, 0, 0, .1695)), color-stop(65%, rgba(0, 0, 0, .195)), color-stop(73%, rgba(0, 0, 0, .219)), color-stop(80.2%, rgba(0, 0, 0, .2406)), color-stop(86.1%, rgba(0, 0, 0, .2583)), color-stop(91%, rgba(0, 0, 0, .273)), color-stop(95.2%, rgba(0, 0, 0, .2856)), color-stop(98.2%, rgba(0, 0, 0, .2946)), to(rgba(0, 0, 0, .3)));
background: linear-gradient(transparent, rgba(0, 0, 0, .057) 19%, rgba(0, 0, 0, .102) 34%, rgba(0, 0, 0, .141) 47%, rgba(0, 0, 0, .1695) 56.5%, rgba(0, 0, 0, .195) 65%, rgba(0, 0, 0, .219) 73%, rgba(0, 0, 0, .2406) 80.2%, rgba(0, 0, 0, .2583) 86.1%, rgba(0, 0, 0, .273) 91%, rgba(0, 0, 0, .2856) 95.2%, rgba(0, 0, 0, .2946) 98.2%, rgba(0, 0, 0, .3));
display: block
}
.hero-carousel__pagination-wrapper {
width: 100%;
height: auto;
max-width: 1200px;
margin: 0 auto;
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-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.hero-carousel__pagination-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-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(33% - 15px);
padding: 10px 0
}
.hero-carousel__pagination-item:hover {
cursor: pointer
}
.hero-carousel__pagination-image-container {
width: 40%;
display: none;
background-size: cover;
background-position: center center
}
.hero-carousel__pagination-image {
background-size: cover;
background-position: center center
}
.hero-carousel__pagination-image:after {
content: "";
display: block;
height: auto;
padding-top: 56.25%
}
.hero-carousel__pagination-summary-wrapper {
width: 100%;
display: block
}
.hero-carousel__pagination-summary {
position: relative;
width: 100%;
height: 100%
}
.hero-carousel__pagination-progress-container {
background: rgba(255, 255, 255, .5);
display: block;
height: 2px;
margin-bottom: 10px;
border-radius: 3px;
position: absolute;
bottom: -10px;
width: 100%
}
.hero-carousel__pagination-progress {
display: block;
width: 0;
height: 2px;
background: #fff;
border-radius: 3px
}
.hero-carousel__pagination-title {
color: #fff;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
margin-bottom: 0;
display: none
}
@media (min-width: 48em) {
.hero-carousel__pagination-title {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.hero-carousel__pagination-title {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.hero-carousel__pagination-title {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.hero-carousel__pagination-mobile-title {
color: #fff;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 10px;
display: block
}
@media (min-width: 48em) {
.hero-carousel__pagination-mobile-title {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.hero-carousel__pagination-mobile-title {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.hero-carousel__pagination-mobile-title {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62.5em) {
.hero-carousel__pagination-title {
display: block
}
.hero-carousel__pagination-mobile-title {
display: none
}
.hero-carousel__pagination-image-container {
width: 40%;
display: block
}
.hero-carousel__pagination-summary-wrapper {
width: 60%
}
.hero-carousel__pagination-summary {
padding-left: 20px
}
.hero-carousel__pagination-item {
width: calc(33% - 20px)
}
.hero-carousel__pagination-progress-container {
position: initial;
margin-top: 10px
}
.hero-carousel__pagination {
padding-bottom: 10px
}
}
@media (min-width: 75em) {
.hero-carousel__pagination-item {
width: calc(33% - 50px)
}
.hero-carousel__pagination {
padding-bottom: 20px
}
}
.hotspot-default .hotspot-component__container {
position: relative
}
.hotspot-default .hotspot-component__container img {
width: 100%
}
.hotspot-default .data-point__container {
position: relative;
display: grid;
display: -ms-grid
}
.hotspot-default .data-point {
z-index: 9
}
.hotspot-default .hotspot-component-content__container {
position: absolute;
bottom: 0;
top: 0;
height: auto;
right: 70px;
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
}
.hotspot-default .hotspot-component-content__panel {
position: relative;
height: auto;
width: 410px;
color: #000;
background: 0 0;
padding: 70px 0 0 0
}
.hotspot-default .hotspot-component-content__navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 0;
color: #fff
}
.hotspot-default .hotspot-component-content-navigation__button {
width: 75px;
height: 70px;
background: #00008f;
display: inline-block;
text-align: center
}
.hotspot-default .hotspot-component-content-navigation__button svg {
width: 65px;
height: 70px;
fill: #fff
}
.hotspot-default .hotspot-component-content__copy {
width: 100%;
height: 100%;
margin: 0;
background: #fff
}
.hotspot-default .hotspot-component-content__inner {
background: #fff;
padding: 30px;
text-align: left;
font-family: arial;
width: auto;
height: auto
}
.hotspot-default .hotspot-component-content__inner h3 {
font-weight: 700;
color: #333;
text-align: left;
font-family: "SourceSansPro", Arial, sans-serif
}
.hotspot-default .hotspot-component-content__inner p {
font-weight: 100;
color: #333;
text-align: left;
font-family: "SourceSansPro", Arial, sans-serif;
margin-bottom: 30px;
margin-top: 10px
}
.hotspot-default .hotspot-component-content__inner a {
font-size: 14px;
font-weight: 700;
color: #ef7662;
font-family: "SourceSansPro", Arial, sans-serif;
text-decoration: none;
margin-top: 10px;
text-transform: uppercase
}
.hotspot-default .hotspot-component-content__inner a svg {
width: 11px;
height: 18px;
margin-left: 5px
}
.hotspot-default .hotspot-component-content-close__container {
position: absolute;
right: 62px;
top: 102px
}
.hotspot-default .hotspot-component-content-close__button {
position: relative;
width: 25px;
height: 25px;
cursor: pointer;
margin: 0 auto;
display: block;
position: absolute;
opacity: 1;
pointer-events: auto
}
.hotspot-default .hotspot-component-content-close__button:before,
.hotspot-default .hotspot-component-content-close__button:after {
position: absolute;
content: "";
display: block;
background: #d24723;
width: 100%;
height: 2px;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.hotspot-default .hotspot-component-content-close__button:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
.hotspot-default .hotspot-component-content-close__button:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
.hotspot-default .hotspot-component-content-close__button:hover {
cursor: pointer
}
.hotspot-default .hotspot-component-content-body__container {
height: 390px;
overflow-y: auto;
padding-right: 25px
}
.hotspot-default .hotspot-component-content-body__container::-webkit-scrollbar {
width: 4px
}
.hotspot-default .hotspot-component-content-body__container::-webkit-scrollbar-track {
border-radius: 10px
}
.hotspot-default .hotspot-component-content-body__container::-webkit-scrollbar-thumb {
border-radius: 0;
background: #e6e6e6
}
.hotspot-default .hotspot-component-content-body__container::-webkit-scrollbar-thumb:window-inactive {
background: #e6e6e6
}
.hotspot-default .anchor__arrow.hotspot-component-arrow {
margin-left: 6px;
padding-bottom: 18px
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .8
}
45% {
-webkit-transform: scale(1.75);
transform: scale(1.75);
opacity: 0
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .8
}
45% {
-webkit-transform: scale(1.75);
transform: scale(1.75);
opacity: 0
}
}
@-webkit-keyframes stop-pulsate {
0% {
opacity: .4
}
to {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
@keyframes stop-pulsate {
0% {
opacity: .4
}
to {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
.hotspot-default .hotspot-data__point {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 42px;
height: 42px
}
.hotspot-default .hotspot-data__point.data-point__active>.circle {
-webkit-transition: -webkit-transform .1s ease-out .1s;
transition: -webkit-transform .1s ease-out .1s;
transition: transform .1s ease-out .1s;
transition: transform .1s ease-out .1s, -webkit-transform .1s ease-out .1s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1
}
.hotspot-default .hotspot-data__point:hover span.ring {
-webkit-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite
}
.hotspot-default .hotspot-data__point .circle {
position: absolute;
width: 100%;
height: 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-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
border-radius: 50%;
opacity: .6;
-webkit-transition: opacity .2s ease-in, -webkit-transform .1s ease-out;
transition: opacity .2s ease-in, -webkit-transform .1s ease-out;
transition: opacity .2s ease-in, transform .1s ease-out;
transition: opacity .2s ease-in, transform .1s ease-out, -webkit-transform .1s ease-out;
color: #fff;
font-size: 1.5em;
padding: 0;
text-align: center;
line-height: 32px;
overflow: hidden;
font-size: 24px;
color: #000;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700
}
.hotspot-default .hotspot-data__point .circle:hover {
opacity: .8;
cursor: pointer
}
.hotspot-default .hotspot-data__point .circle:active {
-webkit-transform: scale(.875);
-ms-transform: scale(.875);
transform: scale(.875)
}
.hotspot-default .hotspot-data__point .circle:hover .ring {
-webkit-animation: none;
animation: none
}
.hotspot-default .hotspot-data__point .circle:active .ring {
-webkit-animation: stop-pulsate .3s;
animation: stop-pulsate .3s
}
.hotspot-default .hotspot-data__point .ring {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid #fff;
opacity: 0;
-webkit-animation: pulsate 3s ease-out infinite;
animation: pulsate 3s ease-out infinite
}
.hotspot-default .hotspot-data__point.data-point__active .circle {
background: #ff1721
}
.hotspot-default .hotspot-data__point.data-point__active .circle.mercury {
background: #e5e5e5
}
.hotspot-default .hotspot-data__point.data-point__active .circle.deep-sapphire {
background: #00005b
}
.hotspot-default .hotspot-data__point.data-point__active .circle.axa-blue {
background: #00008f
}
.hotspot-default .hotspot-data__point.data-point__active .circle.st-tropaz {
background: #2425aa
}
.hotspot-default .hotspot-data__point.data-point__active .circle.azure {
background: #3a43d0
}
.hotspot-default .hotspot-data__point.data-point__active .circle.dark-indigo {
background: #3b3fd8
}
.hotspot-default .hotspot-data__point.data-point__active .circle.indigo {
background: #494df4
}
.hotspot-default .hotspot-data__point.data-point__active .circle.azalea {
background: #e196aa
}
.hotspot-default .hotspot-data__point.data-point__active .circle.aqua-green {
background: #9fd9b4
}
.hotspot-default .hotspot-data__point.data-point__active .circle.logan {
background: #9190ac
}
.hotspot-default .hotspot-data__point.data-point__active .circle.viridian-green {
background: #5b7b73
}
.hotspot-default .hotspot-data__point.data-point__active .circle.pacific {
background: #00adc6
}
.hotspot-default .hotspot-data__point.data-point__active .circle.teal {
background: #027180
}
.hotspot-default .hotspot-data__point.data-point__active .circle.apache {
background: #8a7333
}
.hotspot-default .hotspot-data__point.data-point__active .circle.tosca {
background: #914146
}
.hotspot-default .hotspot-data__point.data-point__active .ring {
border: 2px solid #ff1721
}
.hotspot-default .hotspot-data__point.data-point__active .ring.mercury {
border: 2px solid #e5e5e5
}
.hotspot-default .hotspot-data__point.data-point__active .ring.deep-sapphire {
border: 2px solid #00005b
}
.hotspot-default .hotspot-data__point.data-point__active .ring.axa-blue {
border: 2px solid #00008f
}
.hotspot-default .hotspot-data__point.data-point__active .ring.st-tropaz {
border: 2px solid #2425aa
}
.hotspot-default .hotspot-data__point.data-point__active .ring.azure {
border: 2px solid #3a43d0
}
.hotspot-default .hotspot-data__point.data-point__active .ring.dark-indigo {
border: 2px solid #3b3fd8
}
.hotspot-default .hotspot-data__point.data-point__active .ring.indigo {
border: 2px solid #494df4
}
.hotspot-default .hotspot-data__point.data-point__active .ring.azalea {
border: 2px solid #e196aa
}
.hotspot-default .hotspot-data__point.data-point__active .ring.aqua-green {
border: 2px solid #9fd9b4
}
.hotspot-default .hotspot-data__point.data-point__active .ring.logan {
border: 2px solid #9190ac
}
.hotspot-default .hotspot-data__point.data-point__active .ring.viridian-green {
border: 2px solid #5b7b73
}
.hotspot-default .hotspot-data__point.data-point__active .ring.pacific {
border: 2px solid #00adc6
}
.hotspot-default .hotspot-data__point.data-point__active .ring.teal {
border: 2px solid #027180
}
.hotspot-default .hotspot-data__point.data-point__active .ring.apache {
border: 2px solid #8a7333
}
.hotspot-default .hotspot-data__point.data-point__active .ring.tosca {
border: 2px solid #914146
}
.hotspot-default .hotspot-data__point .circle.mercury {
background: #e5e5e5
}
.hotspot-default .hotspot-data__point .circle.deep-sapphire {
background: #00005b
}
.hotspot-default .hotspot-data__point .circle.axa-blue {
background: #00008f
}
.hotspot-default .hotspot-data__point .circle.st-tropaz {
background: #2425aa
}
.hotspot-default .hotspot-data__point .circle.azure {
background: #3a43d0
}
.hotspot-default .hotspot-data__point .circle.dark-indigo {
background: #3b3fd8
}
.hotspot-default .hotspot-data__point .circle.indigo {
background: #494df4
}
.hotspot-default .hotspot-data__point .circle.azalea {
background: #e196aa
}
.hotspot-default .hotspot-data__point .circle.aqua-green {
background: #9fd9b4
}
.hotspot-default .hotspot-data__point .circle.logan {
background: #9190ac
}
.hotspot-default .hotspot-data__point .circle.viridian-green {
background: #5b7b73
}
.hotspot-default .hotspot-data__point .circle.pacific {
background: #00adc6
}
.hotspot-default .hotspot-data__point .circle.teal {
background: #027180
}
.hotspot-default .hotspot-data__point .circle.apache {
background: #8a7333
}
.hotspot-default .hotspot-data__point .circle.tosca {
background: #914146
}
.hotspot-default .hotspot-data__point .ring.mercury {
border: 2px solid #e5e5e5
}
.hotspot-default .hotspot-data__point .ring.deep-sapphire {
border: 2px solid #00005b
}
.hotspot-default .hotspot-data__point .ring.axa-blue {
border: 2px solid #00008f
}
.hotspot-default .hotspot-data__point .ring.st-tropaz {
border: 2px solid #2425aa
}
.hotspot-default .hotspot-data__point .ring.azure {
border: 2px solid #3a43d0
}
.hotspot-default .hotspot-data__point .ring.dark-indigo {
border: 2px solid #3b3fd8
}
.hotspot-default .hotspot-data__point .ring.indigo {
border: 2px solid #494df4
}
.hotspot-default .hotspot-data__point .ring.azalea {
border: 2px solid #e196aa
}
.hotspot-default .hotspot-data__point .ring.aqua-green {
border: 2px solid #9fd9b4
}
.hotspot-default .hotspot-data__point .ring.logan {
border: 2px solid #9190ac
}
.hotspot-default .hotspot-data__point .ring.viridian-green {
border: 2px solid #5b7b73
}
.hotspot-default .hotspot-data__point .ring.pacific {
border: 2px solid #00adc6
}
.hotspot-default .hotspot-data__point .ring.teal {
border: 2px solid #027180
}
.hotspot-default .hotspot-data__point .ring.apache {
border: 2px solid #8a7333
}
.hotspot-default .hotspot-data__point .ring.tosca {
border: 2px solid #914146
}
.hotspot-default .mercury .circle {
color: #000
}
.hotspot-default .deep-sapphire .circle {
color: #000
}
.hotspot-default .axa-blue .circle {
color: #000
}
.hotspot-default .st-tropaz .circle {
color: #000
}
.hotspot-default .azure .circle {
color: #000
}
.hotspot-default .dark-indigo .circle {
color: #000
}
.hotspot-default .indigo .circle {
color: #000
}
.hotspot-default .azalea .circle {
color: #000
}
.hotspot-default .aqua-green .circle {
color: #000
}
.hotspot-default .logan .circle {
color: #000
}
.hotspot-default .viridian-green .circle {
color: #000
}
.hotspot-default .pacific .circle {
color: #000
}
.hotspot-default .teal .circle {
color: #000
}
.hotspot-default .apache .circle {
color: #000
}
.hotspot-default .tosca .circle {
color: #000
}
.hotspot-default .mercury.data-point__active .circle {
background: #8a7333 !important;
color: #000 !important
}
.hotspot-default .mercury.data-point__active .ring {
border: 2px solid #8a7333 !important
}
.hotspot-default .deep-sapphire.data-point__active .circle {
background: #00005b !important;
color: #000 !important
}
.hotspot-default .deep-sapphire.data-point__active .ring {
border: 2px solid #00005b !important
}
.hotspot-default .axa-blue.data-point__active .circle {
background: #00008f !important;
color: #000 !important
}
.hotspot-default .axa-blue.data-point__active .ring {
border: 2px solid #00008f !important
}
.hotspot-default .st-tropaz.data-point__active .circle {
background: #2425aa !important;
color: #000 !important
}
.hotspot-default .st-tropaz.data-point__active .ring {
border: 2px solid #2425aa !important
}
.hotspot-default .azure.data-point__active .circle {
background: #3a43d0 !important;
color: #000 !important
}
.hotspot-default .azure.data-point__active .ring {
border: 2px solid #3a43d0 !important
}
.hotspot-default .dark-indigo.data-point__active .circle {
background: #3b3fd8 !important;
color: #000 !important
}
.hotspot-default .dark-indigo.data-point__active .ring {
border: 2px solid #3b3fd8 !important
}
.hotspot-default .indigo.data-point__active .circle {
background: #494df4 !important;
color: #000 !important
}
.hotspot-default .indigo.data-point__active .ring {
border: 2px solid #494df4 !important
}
.hotspot-default .azalea.data-point__active .circle {
background: #e196aa !important;
color: #000 !important
}
.hotspot-default .azalea.data-point__active .ring {
border: 2px solid #e196aa !important
}
.hotspot-default .aqua-green.data-point__active .circle {
background: #9fd9b4 !important;
color: #000 !important
}
.hotspot-default .aqua-green.data-point__active .ring {
border: 2px solid #9fd9b4 !important
}
.hotspot-default .logan.data-point__active .circle {
background: #9190ac !important;
color: #000 !important
}
.hotspot-default .logan.data-point__active .ring {
border: 2px solid #9190ac !important
}
.hotspot-default .viridian-green.data-point__active .circle {
background: #5b7b73 !important;
color: #000 !important
}
.hotspot-default .viridian-green.data-point__active .ring {
border: 2px solid #5b7b73 !important
}
.hotspot-default .pacific.data-point__active .circle {
background: #00adc6 !important;
color: #000 !important
}
.hotspot-default .pacific.data-point__active .ring {
border: 2px solid #00adc6 !important
}
.hotspot-default .teal.data-point__active .circle {
background: #027180 !important;
color: #000 !important
}
.hotspot-default .teal.data-point__active .ring {
border: 2px solid #027180 !important
}
.hotspot-default .apache.data-point__active .circle {
background: #8a7333 !important;
color: #000 !important
}
.hotspot-default .apache.data-point__active .ring {
border: 2px solid #8a7333 !important
}
.hotspot-default .tosca.data-point__active .circle {
background: #914146 !important;
color: #000 !important
}
.hotspot-default .tosca.data-point__active .ring {
border: 2px solid #914146 !important
}
@media only screen and (max-width: 1700px) {
.hotspot-default .hotspot-component-content-body__container {
height: 300px
}
}
@media only screen and (max-width: 1400px) and (min-width:1151px) {
.hotspot-default .hotspot-component-content-body__container {
height: 270px
}
.hotspot-default .hotspot-component-content__panel {
padding: 50px 0 0 0
}
.hotspot-default .hotspot-component-content-navigation__button {
width: 55px;
height: 50px
}
.hotspot-default .hotspot-component-content-navigation__button svg {
width: 45px;
height: 50px
}
.hotspot-default .hotspot-component-content-close__container {
right: 50px;
top: 82px
}
.hotspot-default .hotspot-component-content__container {
right: 30px
}
.hotspot-default .hotspot-component-content__panel {
width: 360px
}
}
@media only screen and (max-width: 1150px) {
.hotspot-default .hotspot-component-content__container {
position: relative
}
.hotspot-default .hotspot-component-content__container {
right: 0;
width: 100%
}
.hotspot-default .hotspot-component-content__panel {
width: 100%
}
.hotspot-default .hotspot-component-content__navigation {
position: absolute;
top: -74px
}
.hotspot-default .hotspot-component-content__panel {
padding: 0
}
.hotspot-default .hotspot-component-content-close__container {
right: 62px;
top: 30px
}
.hotspot-default .hotspot-component-content__inner a {
font-size: 17px
}
.hotspot-default .hotspot-component-content__inner a svg {
width: 11px;
height: 15px;
margin-left: 5px
}
.hotspot-default .anchor__arrow.hotspot-component-arrow {
margin-left: 6px;
padding-bottom: 19px
}
.hotspot-default .hotspot-component-content-body__container {
height: auto
}
.hotspot-default .hotspot-component-content__navigation {
position: absolute;
top: -50px
}
.hotspot-default .hotspot-component-content-navigation__button {
width: 55px;
height: 50px
}
.hotspot-default .hotspot-component-content-navigation__button svg {
width: 45px;
height: 50px
}
.hotspot-default .hotspot-component-content__inner {
padding: 25px 30px
}
}
.hotspot-default .hotspot-component-content__inner h3 {
font-size: 1.25rem;
line-height: 1.5em
}
@media (min-width: 48em) {
.hotspot-default .hotspot-component-content__inner h3 {
font-size: 1.75rem;
line-height: 1.14em
}
}
.icon-list {
display: block;
margin: 0 auto;
overflow: hidden;
padding: 40px 0
}
.icon-list-wellbeing {
padding: 0
}
.icon-list__wrapper {
width: 100%;
height: auto;
display: block;
margin: 20px 0;
padding: 0 20px
}
.icon-list-wellbeing__wrapper {
margin: 0
}
.icon-list__container {
width: 100%;
margin: 0 auto;
height: auto;
display: block;
position: relative;
max-width: 1200px
}
.icon-list__item {
display: block;
padding: 0 40px;
margin: 20px 0 0 0
}
.icon-list__item-image {
display: block;
margin: 0 auto 20px auto;
width: 100px;
height: 100px
}
.icon-list-wellbeing__item {
display: none
}
.icon-list-wellbeing__item-image {
width: 90px;
height: 90px
}
.icon-list__cta {
display: block;
text-align: center;
margin: auto;
margin-top: 40px;
max-width: 1200px
}
.icon-list__cta button {
display: inline-block;
margin: 10px 10px 0 10px
}
.icon-list__pagination {
text-align: center;
margin: 20px 0;
padding-top: 40px
}
.icon-list__pagination-item:first-child,
.icon-list__pagination-item:last-child {
display: none
}
@media (min-width: 37.5em) {
.icon-list__wrapper {
padding: 0 40px
}
.icon-list__container {
overflow: visible !important
}
.icon-list-wellbeing__item {
display: block;
padding: 0;
margin: 0;
padding-right: 10px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.icon-list__cta+.icon-list__cta {
margin-left: 10px 10px 0 10px
}
}
@media (min-width: 48em) {
.icon-list {
display: block;
padding: 20px 0
}
.icon-list-wellbeing {
padding: 0
}
.icon-list__wrapper {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.icon-list__item {
padding: 0 10px 0 20px
}
}
@media (min-width: 60em) {
.icon-list__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.icon-list__item {
width: 33.3%;
padding: 20px 20px
}
.icon-list-wellbeing__item {
width: auto;
padding: 0;
padding-right: 10px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.icon-list__pagination {
display: none
}
.icon-list__cta {
margin-top: 30px
}
}
.ihp-details-table__table {
border: 1px solid #ccc
}
.tablesaw-stack td {
padding: 10px 20px
}
.tablesaw-stack .tablesaw-cell-content {
font-weight: 700
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
overflow: hidden;
text-overflow: ellipsis
}
.ihp-details-table {
width: 100%;
padding: 40px 20px
}
.ihp-details-table__wrapper {
max-width: 1200px;
margin: 0 auto;
height: auto
}
.ihp-details-table__wrapper .intro-text {
margin-bottom: 40px
}
.table__icon {
width: 15px;
height: 15px
}
.table__footer {
display: block;
margin-top: 20px;
text-align: center
}
.table__footer-copy {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.table__footer-copy {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.table__footer-copy {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.table__footer-copy {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.table__footer-phone {
display: inline-block;
margin: 0 35px 0 5px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.table__footer-phone {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.table__footer-phone {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.table__footer-phone {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 40em) {
.tablesaw-stack td {
padding-left: .7em
}
.ihp-details-table__table {
border-collapse: collapse
}
.ihp-details-table__table td {
border: 1px solid #ccc;
width: 20%;
text-align: center
}
.ihp-details-table__table td:first-child {
border-left: none;
text-align: left
}
.ihp-details-table__table td:last-child {
border-right: none
}
.ihp-details-table__table tr:last-child td {
border-bottom: none
}
.ihp-details-table__table th {
text-align: center !important
}
.ihp-details-table__table th:first-child {
border-bottom: 1px solid #ccc
}
.ihp-details-table__header--standard {
background-color: #15b2c5;
color: #fff;
padding: 20px 0
}
.ihp-details-table__header--comprehensive {
background-color: #898fab;
color: #fff;
padding: 20px 0
}
.ihp-details-table__header--prestige {
background-color: #923d48;
color: #fff;
padding: 20px 0
}
.ihp-details-table__header--prestige-plus {
background-color: #b2964c;
color: #fff;
padding: 20px 0 !important
}
.table__footer {
margin-top: 50px
}
}
@media (min-width: 60em) {
.ihp-details-table {
padding: 80px 40px
}
}
.image-component {
width: 100%;
max-width: unset;
margin: 50px auto;
display: block;
overflow: hidden
}
.image-component__image {
width: 100%;
height: auto;
max-width: 768px;
margin: 0 auto;
display: block
}
.image-component__caption {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-align: center;
margin: 15px 0;
color: #333;
max-width: 768px;
padding: 0 40px;
margin: 15px auto 0 auto;
display: block
}
@media (min-width: 48em) {
.image-component__caption {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.image-component__caption {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.image-component__caption {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.image-component--gutters {
max-width: calc(100% - 60px);
height: 0;
padding-bottom: 50%;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.image-component--gutters .image-component__image {
opacity: 0;
max-width: none;
padding: 0
}
.image-component--full {
max-width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.image-component--full .image-component__image {
opacity: 0;
max-width: none;
padding: 0
}
.image-component--full .image-component__caption {
width: 100%;
height: auto;
margin: 0;
position: absolute;
bottom: 20px;
color: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.image-component--half {
max-width: 100%;
padding: 0
}
.image-component--half .image-component__container {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.image-component--half .image-component__item {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
margin-bottom: 3px
}
.image-component--half .image-component__item:nth-child(2) {
margin-bottom: 0
}
.image-component--half .image-component__image {
opacity: 0;
max-width: none;
padding: 0
}
.image-component--half .image-component__caption {
width: 100%;
height: auto;
margin: 0;
position: absolute;
bottom: 20px;
color: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.image-component--full-to-thin {
height: 0;
padding-top: 56.25%;
padding-left: 0;
padding-right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.image-component--full-to-thin .image-component__image {
display: none;
max-width: none;
padding: 0
}
@media (min-width: 48em) {
.image-component {
margin: 80px auto;
padding-left: 40px;
padding-right: 40px
}
.image-component__image {
padding-left: 40px;
padding-right: 40px
}
.image-component__caption {
margin-top: 20px
}
.image-component--gutters {
background-image: unset;
max-width: calc(100% - 100px);
height: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.image-component--gutters .image-component__image {
display: block
}
.image-component--full-to-thin {
height: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
background-image: unset
}
.image-component--full-to-thin .image-component__image {
display: block
}
.image-component--half {
max-width: none;
padding-left: 0;
padding-right: 0;
background-image: unset
}
.image-component--half .image-component__item {
height: auto;
padding-bottom: 0;
margin: 0 1px 0 0;
width: calc(50% - 1px)
}
.image-component--half .image-component__item:after {
content: "";
display: block;
padding-top: 70%
}
.image-component--half .image-component__item:nth-child(2) {
width: 50%;
margin: 0
}
.image-component--half .image-component__image {
display: block;
padding: 0
}
.image-component--full {
padding-left: 0;
padding-right: 0;
background-image: unset
}
.image-component--full .image-component__caption {
bottom: 35px
}
}
@media (min-width: 60em) {
.image-component__caption {
margin-top: 15px
}
.image-component--half {
max-width: none
}
.image-component--gutters {
max-width: calc(100% - 80px)
}
.image-component--full {
max-width: none;
height: auto;
padding-bottom: 0
}
.image-component--full .image-component__image {
height: auto;
opacity: 1
}
}
@media (min-width: 71.25em) {
.image-component {
margin: 80px auto
}
}
.information-bar__link {
text-decoration: none;
color: #fff
}
.information-bar__container {
width: 100%;
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 40px auto;
padding: 0 40px
}
.information-bar-content__container {
background: #db306c;
color: #fff;
text-align: center;
padding: 20px;
width: calc(100% - 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
}
.information-bar-content__container p {
font-weight: 700;
color: #fff;
text-align: center;
width: 100%
}
.information-bar-icon__container {
width: 80px;
height: auto;
background: #db306c;
max-width: 80px
}
.information-bar-icon__container svg {
fill: #fff;
width: 80px;
height: 40px
}
.information-bar-icon__container.icon-left__container {
width: 100px;
max-width: 100px
}
.information-bar-icon__container.icon-left__container svg {
width: 100px
}
.information-bar-icon__container.icon-right__container {
border-left: 1px solid #fff
}
.information-bar-icon__wrapper {
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: 80px
}
.information-bar-icon__container .mobile-icon {
display: none
}
@media only screen and (max-width: 768px) {
.information-bar__container {
margin: 0;
padding: 0
}
.information-bar-icon__container.icon-left__container {
display: none
}
.information-bar-icon__container svg {
height: 30px
}
.information-bar-icon__container .mobile-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.information-bar-icon__wrapper.desktop {
border-top: 1px solid #fff
}
.information-bar-content__container {
width: calc(100% - 80px)
}
}
.intro-text {
width: 100%;
height: auto;
max-width: 960px;
margin: 0 auto;
padding: 0 20px
}
.intro-text__title {
text-align: center;
margin-bottom: 20px
}
.intro-text__text {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
text-align: center;
margin-bottom: 30px
}
@media (min-width: 48em) {
.intro-text__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.intro-text__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.intro-text__text {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 48em) {
.intro-text {
padding: 0 40px
}
}
.large-article {
padding: 40px 20px
}
.large-article__container {
max-width: 1200px;
margin: 0 auto;
display: block
}
.large-article__title {
text-align: center;
font-family: "Publico Headline", Georgia, serif;
font-weight: 400;
font-size: 2.875rem;
line-height: 1.13em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.large-article__title {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.large-article__title {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.large-article__title {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
.large-article__desc {
text-align: center
}
.large-article__row {
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: 20px 0
}
.large-article__card {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
-webkit-transition: margin ease 300ms;
transition: margin ease 300ms;
width: 100%;
margin: 10px 0;
padding: 0;
border: 0;
position: relative;
height: 100%
}
@media (min-width: 48em) {
.large-article__card {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.large-article__card {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.large-article__card {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.large-article__image {
width: 100%;
display: block
}
.large-article__card-rank {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
position: absolute;
top: 0;
left: 0;
color: #fff;
background-color: #3a43d0;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
pointer-events: none
}
@media (min-width: 48em) {
.large-article__card-rank {
font-size: 1.75rem;
line-height: 1.14em
}
}
.large-article__image-mask {
background-color: rgba(0, 0, 0, .3);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none
}
.large-article__content-wrapper {
position: absolute;
bottom: 40px;
padding: 0 20px;
pointer-events: none
}
.large-article__content-wrapper a {
pointer-events: all
}
.large-article__cta-wrapper {
padding-top: 10px
}
.large-article__card-tag {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: inline-block;
color: #fff;
border-bottom: 2px solid #fff;
padding-bottom: 10px;
margin-bottom: 10px
}
@media (min-width: 48em) {
.large-article__card-tag {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.large-article__card-tag {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.large-article__card-tag {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.large-article__card-title {
margin: 10px 0 20px 0;
color: #fff
}
.large-article__card-desc {
margin: 5px 0 20px 0;
color: #fff
}
@media (min-width: 48em) {
.large-article__card {
width: calc(50% - 10px);
margin: 10px 10px
}
.large-article__card:nth-child(odd) {
margin-left: 0
}
.large-article__card:nth-child(even) {
margin-right: 0
}
.large-article__row {
margin: 0;
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-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left
}
.large-article__card {
max-height: 450px;
overflow: hidden
}
.large-article__card-rank {
height: 70px;
width: 70px;
line-height: 70px
}
}
@media (min-width: 60em) {
.large-article {
padding: 80px 40px
}
.large-article__card {
width: calc(33.3333% - 14px)
}
.large-article__card:nth-child(3n+1) {
margin-left: 0;
margin-right: 10px
}
.large-article__card:nth-child(3n+2) {
margin-left: 10px;
margin-right: 10px
}
.large-article__card:nth-child(3n+3) {
margin-left: 10px;
margin-right: 0
}
}
.lh-nav__wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px 20px
}
.lh-nav__content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden
}
.lh-nav {
position: relative;
padding: 16px 0;
min-height: 88px
}
.lh-nav__list-wrapper--sticky {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
overflow-y: visible;
z-index: 10
}
.lh-nav__list-wrapper--sticky .lh-nav__list {
height: calc(100vh - 56px);
overflow-y: auto
}
.lh-nav__list {
list-style: none;
margin: 0;
background-color: #f5f5f5
}
.lh-nav__list[aria-hidden=true] {
display: none
}
.lh-nav__list-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
background-color: #f5f5f5;
border-top: 1px solid #fff
}
.lh-nav__heading {
font-family: "SourceSansPro", Arial, sans-serif;
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;
font-size: 18px;
font-weight: 700;
line-height: 1.15;
color: #fff;
height: 56px;
background-color: #027180;
padding-left: 15px;
margin-bottom: 0
}
.lh-nav__heading .lh-nav__btn {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-left: auto;
border-left-color: #fff;
background-color: #027180
}
.lh-nav__heading .lh-nav__btn:hover,
.lh-nav__heading .lh-nav__btn:focus {
background-color: #00adc6
}
.lh-nav__heading .lh-nav__btn-icon {
fill: #fff
}
.lh-nav__link {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
font-size: 16px;
line-height: 2.25;
padding: 10px 15px;
text-decoration: none;
background-color: #f5f5f5
}
.lh-nav__link:hover,
.lh-nav__link:focus {
background-color: #b5d0ee
}
.lh-nav__btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
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;
background-color: #f5f5f5;
border-left: 1px solid #ccc;
margin: 0;
padding: 0;
min-width: auto;
min-height: auto
}
.lh-nav__btn::after {
content: none !important
}
.lh-nav__btn:hover,
.lh-nav__btn:focus {
background-color: #b5d0ee
}
.lh-nav__btn-icon {
width: 30px;
height: 30px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
fill: #00008f
}
[aria-expanded=true] .lh-nav__btn-icon {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.lh-nav__sub-list {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
list-style: none;
margin: 0;
padding-left: 20px
}
.lh-nav__sub-list[aria-hidden=true] {
display: none
}
.lh-nav__sub-list .lh-nav__sub-list {
padding-left: 0
}
.lh-nav__sub-list .lh-nav__sub-list .lh-nav__sub-list-item {
border-left: 0
}
.lh-nav__sub-list-item {
border-left: 3px solid #00008f
}
@media (min-width: 60em) {
.lh-nav__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.lh-nav {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 300px;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
padding-top: 0
}
.lh-nav__heading .lh-nav__btn {
visibility: hidden
}
.lh-nav__list-wrapper {
position: absolute;
top: 0;
bottom: auto;
width: 300px;
margin: 0;
padding-top: 80px;
-webkit-transition: none;
transition: none
}
.lh-nav__list-wrapper--sticky {
position: fixed;
top: 0;
left: auto;
bottom: auto;
overflow-y: auto
}
.lh-nav__list-wrapper--sticky .lh-nav__list {
height: auto
}
.lh-nav__list-wrapper--sticky-end {
position: absolute;
top: auto;
bottom: 0
}
.lh-nav__content {
padding-top: 80px;
margin-left: 42px
}
}
.list-component {
padding: 40px 20px
}
.list-component__container {
max-width: 1200px;
margin: 0 auto
}
.list-component__title {
text-align: center;
margin-bottom: 30px
}
.list-component__item-title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.list-component__item-title {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.list-component__item-title {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.list-component__item-title {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.list-component__list,
.richtext ol,
.richtext ul {
margin: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px
}
.list-component__list li,
.richtext ol li,
.richtext ul li {
list-style: none;
position: relative;
margin: 0;
padding: 0 10px 20px 35px
}
.list-component__list li:before,
.richtext ol li:before,
.richtext ul li:before {
position: absolute
}
.list-component__list--bullet li:before,
.richtext ul li:before {
left: 10px;
top: 7px;
width: 8px;
height: 8px;
border-radius: 50%;
content: ""
}
.list-component__list--number,
.richtext ol {
counter-reset: number
}
.list-component__list--number li:before,
.richtext ol li:before {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
background: 0 0;
content: counter(number) ".";
counter-increment: number;
top: 0;
left: 10px;
width: 8px;
height: 8px
}
@media (min-width: 48em) {
.list-component__list--number li:before,
.richtext ol li:before {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.list-component__list--number li:before,
.richtext ol li:before {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.list-component__list--number li:before,
.richtext ol li:before {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.list-component__item--solid-cross--blue:before,
.list-component__list--solid-cross--blue li:before,
.list-component__item--solid-cross--black:before,
.list-component__list--solid-cross--black li:before,
.list-component__item--solid-cross--white:before,
.list-component__list--solid-cross--white li:before,
.list-component__item--tick--blue:before,
.list-component__list--tick--blue li:before,
.list-component__item--tick--black:before,
.list-component__list--tick--black li:before,
.list-component__item--tick--white:before,
.list-component__list--tick--white li:before {
content: "";
background-repeat: no-repeat;
background-position: center center;
background-color: transparent !important;
left: 5px;
top: -3px;
width: 18px;
height: 27px
}
.list-component__item--solid-cross--blue:before {
background-image: url(/assets/images/symbols/solid-cross--blue.svg) !important
}
.list-component__list--solid-cross--blue li:before {
background-image: url(/assets/images/symbols/solid-cross--blue.svg)
}
.list-component__item--solid-cross--black:before {
background-image: url(/assets/images/symbols/solid-cross--black.svg) !important
}
.list-component__list--solid-cross--black li:before {
background-image: url(/assets/images/symbols/solid-cross--black.svg)
}
.list-component__item--solid-cross--white:before {
background-image: url(/assets/images/symbols/solid-cross--white.svg) !important
}
.list-component__list--solid-cross--white li:before {
background-image: url(/assets/images/symbols/solid-cross--white.svg)
}
.list-component__item--tick--blue:before {
background-image: url(/assets/images/symbols/tick--blue.svg) !important
}
.list-component__list--tick--blue li:before {
background-image: url(/assets/images/symbols/tick--blue.svg)
}
.list-component__item--tick--black:before {
background-image: url(/assets/images/symbols/tick--black.svg) !important
}
.list-component__list--tick--black li:before {
background-image: url(/assets/images/symbols/tick--black.svg)
}
.list-component__item--tick--white:before {
background-image: url(/assets/images/symbols/tick--white.svg) !important
}
.list-component__list--tick--white li:before {
background-image: url(/assets/images/symbols/tick--white.svg)
}
@media (min-width: 48em) {
.list-component__list--bullet li:before,
.richtext ul li:before {
top: 10px
}
.list-component__list,
.richtext ol,
.richtext ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance
}
.list-component__item--solid-cross--blue:before {
top: 2px
}
.list-component__list--solid-cross--blue li:before {
top: 2px
}
.list-component__item--solid-cross--black:before {
top: 2px
}
.list-component__list--solid-cross--black li:before {
top: 2px
}
.list-component__item--solid-cross--white:before {
top: 2px
}
.list-component__list--solid-cross--white li:before {
top: 2px
}
.list-component__item--tick--blue:before {
top: 2px
}
.list-component__list--tick--blue li:before {
top: 2px
}
.list-component__item--tick--black:before {
top: 2px
}
.list-component__list--tick--black li:before {
top: 2px
}
.list-component__item--tick--white:before {
top: 2px
}
.list-component__list--tick--white li:before {
top: 2px
}
}
@media (min-width: 60em) {
.list-component {
padding: 80px 40px
}
}
.listicle__container {
position: relative
}
.listicle__container img {
width: 100%
}
.listicle-data__point {
display: inline-block;
text-align: center;
font-family: "Publico Headline", Georgia, serif;
margin: 0 2%
}
.letter {
color: #fff;
text-transform: uppercase
}
.clickable__data-point .letter {
cursor: pointer
}
.data-point__active .letter {
color: #fff
}
.listicle-content__arrow:hover {
cursor: pointer
}
.listicle-content__arrow {
width: 80px;
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
}
.listicle-content__arrow img {
width: 30px;
height: 48px
}
.listicle-content__arrow:hover {
cursor: pointer
}
.listicle-content__arrow svg {
fill: #fff
}
.listicle__views {
color: #fff;
height: auto;
background: red;
bottom: 0;
width: 100%;
background: 0 0;
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-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 29px;
font-family: arial;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.listicle__views p {
font-size: 27px;
line-height: 40px;
margin-bottom: 0
}
.listicle__view-data {
opacity: 0;
position: relative;
-webkit-transition: opacity .5s ease-out .3s;
transition: opacity .5s ease-out .3s
}
.listicle-content__container {
position: absolute;
bottom: 0;
width: 100%;
margin: auto
}
.listicle-content-inner__container {
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: 1130px;
margin: auto;
background: 0 0;
padding: 130px 0
}
.listicle-content__arrow {
width: 80px;
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
}
.listicle-content__arrow img {
width: 30px;
height: 48px
}
.listicle-content__inner {
width: calc(100% - 160px);
background: 0 0;
padding: 0 100px
}
.listicle-content__inner h3 {
font-weight: bolder;
color: #fff;
letter-spacing: 1px
}
.listicle-content__inner p {
text-align: left
}
.listicle-content__arrow svg {
width: 30px
}
.listicle__letter-container {
width: 100%;
text-align: center;
height: auto;
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: 0 2%
}
img.listicle__background-image {
display: block
}
.listicle-item__viewport {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
.listicle-item {
height: auto;
background: #000
}
.letter {
font-size: calc(45px + (90 - 45)*((100vw - 300px)/(1600 - 300)));
line-height: 1
}
.view2-content__container img {
width: 32px;
margin-top: 52px
}
.view2-content__container p {
margin-top: 5px
}
.listicle__views .view1-content__container {
padding-top: 3%
}
.listicle__views .view2-content__container {
padding-top: 3%
}
.listicle__container h3 {
font-family: "SourceSansPro", Arial, sans-serif
}
h3.hotspot-item__title {
text-align: center
}
p.hotspot-item__description {
color: #fff;
min-height: 100px
}
.listicle__overlay {
opacity: .5;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
height: 100%;
width: 100%;
position: absolute;
background: rgba(255, 255, 255, .22);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, .12)), color-stop(102%, black));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .12)), color-stop(102%, #000));
background: linear-gradient(to bottom, rgba(255, 255, 255, .12) 0, #000 102%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}
.listicle__container .data-point {
-webkit-transition: -webkit-transform .1s ease-out .1s;
transition: -webkit-transform .1s ease-out .1s;
transition: transform .1s ease-out .1s;
transition: transform .1s ease-out .1s, -webkit-transform .1s ease-out .1s
}
.listicle__container--view-2-active .letter {
cursor: pointer
}
.listicle__container--view-3-active .listicle-item__viewport {
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 9%
}
.listicle__container--view-3-active .letter {
opacity: .45;
cursor: pointer
}
.listicle__container--view-3-active .data-point__active {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.listicle__container--view-3-active .data-point__active .letter {
opacity: 1
}
.listicle__container--view-3-active .listicle__overlay {
opacity: 1
}
.listicle__container--view-3-active .listicle__view-data {
opacity: 1;
position: static;
z-index: 2;
visibility: visible
}
.listicle__container--view-3-active .view2-content__container {
display: none
}
@media only screen and (max-width: 1800px) {
.listicle-content-inner__container {
padding: 80px 0
}
}
@media only screen and (max-width: 1500px) {
.listicle-content-inner__container {
padding: 40px 0
}
}
@media only screen and (max-width: 1200px) {
.listicle-content-inner__container {
width: 100%
}
.listicle-content__inner {
padding: 0
}
.listicle-content__inner h3 {
font-size: 30px;
margin-bottom: 10px
}
.listicle-content__inner p {
text-align: center
}
}
@media only screen and (max-width: 1100px) {
.listicle-content-inner__container {
padding: 20px 0
}
.listicle-content__inner p.hotspot-item__description {
margin-bottom: 0
}
}
@media only screen and (max-width: 981px) {
.listicle__component-container {
position: relative
}
.listicle-content__container {
position: relative
}
.listicle-content__arrow {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
position: absolute;
top: 15px
}
.listicle-content__arrow.arrow__left {
left: 0;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.listicle-content__arrow.arrow__right {
right: 0;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.listicle-content__arrow img {
width: 15px;
height: 24px
}
.listicle-content__arrow svg {
width: 30px;
height: 30px
}
.listicle-content__inner {
width: 100%
}
.listicle-content__inner h3 {
margin-top: -9px
}
.listicle-content__inner p {
text-align: left;
margin-top: 35px
}
.listicle__view-data {
padding: 20px 40px;
position: absolute;
z-index: -1;
visibility: hidden;
margin-top: -100px
}
.listicle__container--view-3-active .data-point__active {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25)
}
}
@media only screen and (max-width: 767px) {
.listicle__container--view-3-active .listicle-item__viewport {
margin-top: 25%
}
.listicle__views p {
font-size: 1.125rem
}
}
@media only screen and (max-width: 600px) {
.view2-content__container img {
width: 30px
}
}
@media only screen and (max-width: 460px) {
.view2-content__container img {
width: 25px
}
}
.literature-filter {
margin-bottom: 2rem;
-webkit-transition: -webkit-filter 300ms;
transition: -webkit-filter 300ms;
transition: filter 300ms;
transition: filter 300ms, -webkit-filter 300ms
}
.literature-filter__trigger {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.literature-filter__trigger-btn {
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: .3125rem;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background: #fff;
padding: 1rem 0 1rem 1rem;
margin: 0;
border: 1px solid #ccc;
border-radius: 8px;
min-width: none;
min-height: auto;
text-transform: none;
font-weight: 400;
letter-spacing: normal;
overflow: visible
}
.literature-filter__trigger-btn[aria-expanded=true] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15));
filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15))
}
.literature-filter__trigger-title {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1.25rem;
color: #757575
}
.literature-filter__trigger-icon {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 3.5rem;
-ms-flex: 0 0 3.5rem;
flex: 0 0 3.5rem;
height: 2rem;
border-left: 1px solid #ccc
}
.literature-filter__trigger-icon::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: .625rem;
height: .3125rem;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #333;
-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
clip-path: polygon(0 0, 100% 0, 50% 100%)
}
[aria-expanded=true] .literature-filter__trigger-icon::after {
-webkit-transform: translate(-50%, -50%) rotate(-180deg);
-ms-transform: translate(-50%, -50%) rotate(-180deg);
transform: translate(-50%, -50%) rotate(-180deg)
}
.literature-filter__panel {
padding: .5rem 0;
margin-top: .25rem;
border: 1px solid #ccc;
border-radius: 8px;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
-webkit-filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15));
filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15))
}
.literature-filter__panel[aria-hidden=true] {
position: absolute;
visibility: hidden;
height: 0;
overflow: hidden
}
.literature-filter__panel-title {
font-family: "SourceSansPro", Arial, sans-serif;
font-size: 1.25rem;
font-weight: 400;
color: #3a5e94;
letter-spacing: normal;
padding: 1rem 1.5rem;
background-color: rgba(236, 241, 248, .5);
margin: 0
}
.literature-filter__panel-list {
list-style-type: none;
margin: 0
}
.literature-filter__panel-item {
position: relative;
margin: 0
}
.literature-filter__panel-input {
position: absolute
}
.literature-filter__panel-label {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #333;
padding: 1rem 2rem;
cursor: pointer;
-webkit-transition: background-color 200ms;
transition: background-color 200ms
}
.literature-filter__panel-label span {
font-size: 1rem;
-webkit-transition: background-color 200ms, -webkit-transform 200ms;
transition: background-color 200ms, -webkit-transform 200ms;
transition: background-color 200ms, transform 200ms;
transition: background-color 200ms, transform 200ms, -webkit-transform 200ms
}
.literature-filter__panel-label img {
opacity: 0;
-webkit-transition: opacity 100ms;
transition: opacity 100ms
}
input:checked+.literature-filter__panel-label,
input:hover+.literature-filter__panel-label {
background-color: #b5d0ee
}
input:checked+.literature-filter__panel-label span,
input:hover+.literature-filter__panel-label span {
-webkit-transform: translateX(.5rem);
-ms-transform: translateX(.5rem);
transform: translateX(.5rem)
}
input:checked+.literature-filter__panel-label img {
opacity: 1
}
.literature-library {
background-color: #fafafa
}
.literature-library__container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem
}
.literature-library__content {
display: none
}
.literature-library__content.show {
display: block
}
@media (min-width: 62em) {
.literature-library__container {
padding: 0 4rem
}
}
.literature-listing {
color: #333;
padding-bottom: 2rem
}
.literature-listing__heading {
font-family: "SourceSansPro", Arial, sans-serif;
font-size: 1.25rem;
margin: 1rem 0
}
.literature-listing__list {
list-style: none;
margin: 0
}
.literature-listing__document {
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;
gap: 2rem;
line-height: 1.25;
padding: 2rem;
margin: 0;
background-color: #f7f7fa;
border: 1px solid #ccc;
border-radius: .5rem;
-webkit-transition: -webkit-filter 300ms;
transition: -webkit-filter 300ms;
transition: filter 300ms;
transition: filter 300ms, -webkit-filter 300ms
}
.literature-listing__document:hover {
-webkit-filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15));
filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15))
}
.literature-listing__document+.literature-listing__document {
margin-top: 1rem
}
.literature-listing__document-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: .625rem
}
.literature-listing__document-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.literature-listing__document-heading {
font-family: "SourceSansPro", Arial, sans-serif;
font-size: 1.25rem;
letter-spacing: normal;
margin: 0
}
.literature-listing__document-desc {
font-size: .875rem;
letter-spacing: normal;
margin-top: .5rem
}
.literature-listing__document-more {
font-size: 1rem;
font-weight: 600;
color: #3a5e94;
letter-spacing: normal;
margin-top: .5rem;
text-decoration: none
}
.literature-listing__document-more:hover,
.literature-listing__document-more:focus {
color: #3a5e94
}
.literature-listing__document-tooltip {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.literature-listing__document-tooltip-btn {
background: 0 0;
padding: 0;
margin: 0;
min-width: auto;
min-height: auto
}
.literature-listing__document-tooltip-btn:hover+[role=tooltip],
.literature-listing__document-tooltip-btn:focus+[role=tooltip] {
visibility: visible
}
.literature-listing__document-tooltip-wrapper {
visibility: hidden;
position: absolute;
top: -1.75rem;
right: calc(100% + 1.5rem);
width: 50vw;
max-width: 500px;
padding: 1.5rem;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: .5rem;
-webkit-filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15));
filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15))
}
.literature-listing__document-tooltip-wrapper::before {
content: '';
position: absolute;
top: 1.7rem;
right: -.62rem;
width: 1.25rem;
height: 1.25rem;
background-color: #fafafa;
border: 1px solid #ccc;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.literature-listing__document-tooltip-list {
list-style: none;
margin: 0
}
.literature-listing__document-tooltip-item {
font-size: .875rem;
letter-spacing: normal;
margin: 0
}
.literature-listing__document-tooltip-item:not(:first-of-type) {
margin-top: .8rem
}
.literature-listing__document-tooltip-item span {
font-weight: 700;
color: #3a5e94
}
.literature-listing__document-download-link {
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;
gap: .5rem;
font-size: 1rem;
font-weight: 600;
color: #3a5e94;
letter-spacing: normal;
text-decoration: none
}
.literature-listing__document-download-link:hover,
.literature-listing__document-download-link:focus {
color: #3a5e94
}
.literature-listing__document-download-info {
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;
gap: .75rem;
font-size: 1rem;
font-weight: 400;
color: #333
}
.literature-listing__more {
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
}
.literature-listing__more.hide {
display: none
}
.literature-listing__more-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;
gap: .875rem;
background: 0 0;
padding: 1rem;
margin: 0;
margin-top: 2rem;
min-width: auto;
min-height: auto;
font-size: 1rem;
font-weight: 600;
color: #3a5e94;
background-color: #fff;
text-transform: none;
letter-spacing: normal
}
.literature-listing__more-btn:hover,
.literature-listing__more-btn:focus {
color: #3a5e94
}
.literature-listing__section--more {
display: none
}
.literature-listing__section--more.show {
display: block
}
@media (min-width: 62em) {
.literature-listing {
padding-bottom: 6rem
}
.literature-listing__document {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.literature-listing__document-tooltip-wrapper {
left: 2.5rem;
right: auto
}
.literature-listing__document-tooltip-wrapper::before {
right: auto;
left: -.62rem;
-webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
clip-path: polygon(0 0, 100% 0, 0 100%)
}
.literature-listing__document-download-link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
}
.literature-top-3__list {
display: grid;
gap: 1rem;
list-style: none;
margin: 0;
margin-bottom: 1.5rem
}
.literature-top-3__item {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0
}
.literature-top-3__item-icon {
width: 1.875rem;
height: 1.875rem;
margin: .3125rem
}
.literature-top-3__item-link {
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;
gap: .5rem;
height: 100%;
background-color: #f7f7fa;
border: 1px solid #ccc;
border-radius: .5rem;
padding: 1rem;
color: #333;
text-align: center;
text-decoration: none
}
.literature-top-3__item-link:hover,
.literature-top-3__item-link:focus {
color: #333
}
.literature-top-3__item-title {
font-family: "SourceSansPro", Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.25;
letter-spacing: normal;
margin: 0
}
.literature-top-3__item-desc {
font-size: 1rem;
line-height: 1.25
}
@media (min-width: 62em) {
.literature-top-3__list {
grid-template-columns: repeat(3, 1fr)
}
}
.literature-type {
color: #333;
padding-top: 2rem;
padding-bottom: 2rem
}
.literature-type__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;
gap: 2rem;
list-style: none;
margin: 0
}
.literature-type__item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0;
-webkit-transition: flex-grow 300ms, -webkit-box-flex 300ms, -webkit-flex-grow 300ms;
transition: flex-grow 300ms, -webkit-box-flex 300ms, -webkit-flex-grow 300ms;
transition: flex-grow 300ms;
transition: flex-grow 300ms, -webkit-box-flex 300ms, -webkit-flex-grow 300ms, -ms-flex-positive 300ms
}
.literature-type__title {
font-size: 1.5rem;
line-height: 1.33;
margin: 0;
margin-bottom: 1.5rem;
text-align: center
}
.literature-type__input {
position: absolute
}
.literature-type__label {
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-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
gap: .5rem;
padding: 2rem;
border: 2px solid transparent;
background-color: #fff;
cursor: pointer;
-webkit-transition: border-color 200ms, -webkit-filter 200ms;
transition: border-color 200ms, -webkit-filter 200ms;
transition: border-color 200ms, filter 200ms;
transition: border-color 200ms, filter 200ms, -webkit-filter 200ms;
-webkit-filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15));
filter: drop-shadow(0 .125rem .125rem rgba(51, 51, 51, .15))
}
input:checked+.literature-type__label {
border-color: #00008f;
-webkit-filter: drop-shadow(0 .25rem .25rem rgba(51, 51, 51, .15));
filter: drop-shadow(0 .25rem .25rem rgba(51, 51, 51, .15))
}
[data-a11y] input:focus+.literature-type__label {
border-color: #333
}
.literature-type__label-icon {
width: 3.125rem
}
.literature-type__label-title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4
}
.literature-type__label-desc {
font-size: 1rem;
line-height: 1.25
}
@media (min-width: 62em) {
.literature-type {
padding-top: 6rem;
padding-bottom: 5.5rem
}
.literature-type__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
.loader {
position: relative;
height: 200px;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
pointer-events: none
}
.loader__background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .8
}
.loader__item {
z-index: 1;
position: absolute;
height: 60px;
width: 60px;
border-radius: 60px;
border: 3px solid;
top: calc(50% - 30px);
left: calc(50% - 30px);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader 1s linear infinite;
animation: loader 1s linear infinite
}
.loader__item:after {
content: "";
position: absolute;
top: -7px;
left: 20px;
width: 11px;
height: 11px;
border-radius: 10px;
background-color: currentColor
}
.loader--absolute {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0
}
.loader--show {
opacity: 1;
pointer-events: initial
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.login-overlay {
width: 100%;
position: relative;
height: auto;
display: block;
background: #fff;
z-index: 0
}
.login-overlay__container {
overflow: hidden;
position: relative;
margin: 0 auto
}
.login-overlay[aria-expanded=false] {
pointer-events: none
}
.login-overlay[aria-expanded=false] .login-overlay__container {
max-height: 0;
-webkit-transition: max-height 1.2s cubic-bezier(0, 1, .3, 1);
transition: max-height 1.2s cubic-bezier(0, 1, .3, 1)
}
.login-overlay[aria-expanded=true] {
pointer-events: all;
border-bottom: 1px #e5e5e5 solid;
border-top: 1px #e5e5e5 solid
}
.login-overlay[aria-expanded=true] .login-overlay__container {
max-height: 9999px;
-webkit-transition: max-height 1.2s ease-in-out;
transition: max-height 1.2s ease-in-out
}
.login-overlay__close {
margin: 0;
padding: 0;
min-width: 0;
min-height: auto;
text-transform: none;
background: 0 0;
color: initial;
position: absolute;
right: 45px;
top: 55px;
height: 16px;
width: 16px;
font-size: 10px
}
.login-overlay__close:hover,
.login-overlay__close:focus {
color: initial
}
.login-overlay__close:before,
.login-overlay__close:after {
display: none
}
.login-overlay__close .login-overlay__close-icon {
width: 100%
}
@media (min-width: 48em) {
.login-overlay__close {
top: 85px
}
}
@media (min-width: 75em) {
.login-overlay__container {
max-width: 1200px;
margin: 0 auto
}
}
.login-panel-item {
display: block;
text-decoration: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
padding-right: 25px;
padding-left: 25px;
padding-top: 30px;
padding-bottom: 30px;
background: #7f7f7f;
margin-bottom: 10px;
border-radius: 1%;
-webkit-box-shadow: 0 -1px 6px rgba(0, 0, 0, .05), 1px 0 6px rgba(0, 0, 0, .05), 0 1px 6px rgba(0, 0, 0, .05), -1px 0 6px rgba(0, 0, 0, .05);
box-shadow: 0 -1px 6px rgba(0, 0, 0, .05), 1px 0 6px rgba(0, 0, 0, .05), 0 1px 6px rgba(0, 0, 0, .05), -1px 0 6px rgba(0, 0, 0, .05);
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
.login-panel-item:hover,
.login-panel-item:focus {
outline: 0
}
.login-panel-item__container {
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%
}
.login-panel-item__title {
color: #fff;
margin-bottom: 10px
}
.login-panel-item__description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #fff;
margin-bottom: 30px
}
@media (min-width: 48em) {
.login-panel-item__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.login-panel-item__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.login-panel-item__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.login-panel-item-wide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word;
padding-right: 25px;
padding-left: 25px;
padding-top: 40px;
padding-bottom: 40px
}
.login-panel-item-wide__title {
margin: 0;
margin-bottom: 20px
}
.login-panel-item-wide__description {
margin-bottom: 30px
}
.login-panel-item__link,
.login-panel-item-wide__link {
margin: 0;
margin-top: auto
}
.login-panel-item--blue {
background-color: #00008f
}
.login-panel-item--blue:hover,
.login-panel-item--blue:focus {
background-color: #00005b
}
@media (min-width: 48em) {
.login-panel-item {
width: calc(33.3333% - 10px);
padding-top: 45px;
padding-bottom: 45px;
margin-bottom: 20px;
-webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, .05), 2px 0 10px rgba(0, 0, 0, .05), 0 2px 10px rgba(0, 0, 0, .05), -2px 0 10px rgba(0, 0, 0, .05);
box-shadow: 0 -2px 10px rgba(0, 0, 0, .05), 2px 0 10px rgba(0, 0, 0, .05), 0 2px 10px rgba(0, 0, 0, .05), -2px 0 10px rgba(0, 0, 0, .05)
}
.login-panel-item-wide {
width: 100%
}
.login-panel-item__title {
margin-bottom: 25px
}
}
@media (min-width: 75em) {
.login-panel-item {
width: calc(25% - 20px)
}
.login-panel-item-wide {
width: calc(50% - 14px)
}
}
.login-panel {
padding: 40px 20px
}
.login-panel__container {
margin: 0 auto;
max-width: 1200px;
margin-bottom: -2%
}
.login-panel__title-small-print {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
margin-bottom: 10px
}
@media (min-width: 48em) {
.login-panel__title-small-print {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.login-panel__title-small-print {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.login-panel__title-small-print {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.login-panel__title {
margin-top: 0;
margin-bottom: 30px
}
.login-panel__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;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 48em) {
.login-panel__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
}
@media (min-width: 60em) {
.login-panel {
padding: 80px 40px
}
}
[data-paginationArrow] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
[data-paginationArrow-item] {
min-width: 0;
min-height: 0;
width: 10px;
height: 10px;
display: block;
padding: 0;
margin: 0 7px 0 7px;
border-radius: 100%;
opacity: .4
}
[data-paginationArrow-item]:after {
display: none
}
[data-paginationArrow-item][data-active=true] {
opacity: 1
}
@media (min-width: 60em) {
[data-paginationArrow-item] {
margin: 0 5px 0 5px
}
}
@media (min-width: 71.25em) {
[data-paginationArrow-item] {
margin: 0 8px 0 8px
}
}
@media (min-width: 37.5em) {
button[data-paginationArrow-item] {
display: block
}
#carousel-arrow-container:before,
#carousel-arrow-container:after {
display: none
}
}
.main-article-card__wrapper {
padding: 40px 20px
}
.main-article-card__wrapper .main-article-card {
padding: 30px 0
}
.main-article-card__wrapper .main-article-card:last-child {
padding-bottom: 0
}
.main-article-card {
width: 100%;
height: auto;
display: block;
padding: 50px 0;
overflow: hidden
}
.main-article-card__container {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.main-article-card__image-container {
width: 100%;
height: auto
}
.main-article-card__image {
width: 100%;
padding-right: 20px;
height: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
padding-top: 56.25%
}
.main-article-card__content {
position: relative;
width: 100%;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.main-article-card__content h1,
.main-article-card__content h2,
.main-article-card__content h3,
.main-article-card__content h4,
.main-article-card__content h5,
.main-article-card__content h6 {
width: 100%
}
.main-article-card__content-tagline {
margin: 64px 0 12px
}
.main-article-card__tag {
color: #8daad6
}
.time-tag {
color: #fff;
margin-left: 22px
}
.main-article-card__heading {
margin-top: 25px
}
.main-article-card__text {
font-size: 20px
}
.main-article-card__content-container {
width: 100%;
padding: 0 40px
}
.main-article-card__btn {
border: 1px solid #fff
}
.main-article-card__btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
margin-left: -10px
}
.main-article-card__btn-wrapper .anchor--btn,
.main-article-card__btn-wrapper .anchor,
.main-article-card__btn-wrapper .quote-panel p a,
.quote-panel p .main-article-card__btn-wrapper a,
.main-article-card__btn-wrapper .quote-tool-container__message p a,
.quote-tool-container__message p .main-article-card__btn-wrapper a {
margin: 10px
}
.main-article-card--flip .main-article-card__image {
padding-left: 20px;
padding-right: 0
}
.main-article-card--flip .main-article-card__content {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.main-article-card--square .main-article-card__image-wrapper {
width: 100%
}
.main-article-card--square .main-article-card__image {
max-height: none;
height: 0
}
.main-article-card--square .main-article-card__image:after {
content: "";
display: block;
padding-bottom: 100%
}
.main-article-card__image--icon {
background-size: 50%;
background-position: center center
}
@media (min-width: 20em) {
.main-article-card__content {
padding-top: 30px
}
.main-article-card__content .main-article-card__heading.typo-62 {
font-size: 44px
}
.main-article-card__content .main-article-card__btn {
margin-bottom: 46px
}
}
@media (min-width: 62.5em) {
.main-article-card {
padding: 40px 20px
}
.main-article-card__container {
max-width: 1200px;
margin: 0 auto
}
.main-article-card__image-container {
width: 50%
}
.main-article-card__image {
width: 100%
}
.main-article-card__content {
width: 50%;
padding-left: 60px;
padding-right: 0;
padding-top: 0
}
.main-article-card__content .main-article-card__heading.typo-62 {
font-size: 64px
}
.main-article-card--flip .main-article-card__content {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
padding-left: 0;
padding-right: 60px
}
.main-article-card__wrapper .intro-text {
margin-bottom: 40px
}
.main-article-card__wrapper .main-article-card {
padding-top: 0;
padding-bottom: 60px
}
.main-article-card__wrapper .main-article-card--square {
padding: 0
}
.main-article-card--square .main-article-card__image-container {
width: 50%
}
.main-article-card--square .main-article-card__image-container .main-article-card__image {
width: 100%;
max-height: none;
padding: 0;
min-height: none;
height: 100%
}
.main-article-card--square .main-article-card__image-container .main-article-card__image:after {
content: "";
display: block;
padding-bottom: 100%
}
.main-article-card--square .main-article-card__content {
width: 50%;
padding-left: 50px;
padding-right: 0
}
.main-article-card--square-flip .main-article-card__content {
padding-left: 0;
padding-right: 60px;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1
}
.main-article-card--square-flip .main-article-card__image--icon {
background-size: 35%;
background-position: 90% center
}
.main-article-card__image {
margin-bottom: 0
}
}
.mega-menu-mobile {
position: absolute;
top: -100%;
width: 100%;
background-color: #fff;
overflow: hidden;
display: block;
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
z-index: 0;
pointer-events: none;
border-top: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid
}
.mega-menu-mobile [data-primary-nav-item]>a {
line-height: 35px;
padding-top: 15px;
padding-bottom: 15px
}
[data-active].mega-menu-mobile {
display: block;
pointer-events: all;
visibility: visible;
position: relative;
top: 0
}
.mega-menu-mobile__list {
max-width: 750px;
margin: 0 auto;
list-style: none;
padding-left: 0;
padding: 40px 20px 60px 20px;
height: auto;
overflow-y: auto;
overflow-x: hidden
}
.mega-menu-mobile-tray__info {
color: #333;
overflow: hidden
}
.mega-menu-mobile-tray__info .anchor--axa-blue {
display: inline-block;
color: #00008f;
margin-top: 10px
}
.mega-menu-mobile-tray__info .anchor--axa-blue::before {
display: none;
visibility: hidden
}
.mega-menu-mobile__list-item {
font-family: "Publico Headline", Georgia, serif;
font-weight: 500;
font-size: 25px;
line-height: .01em;
width: 100%;
height: auto;
padding-right: 0;
margin-left: 0;
position: relative;
border-bottom: 1px #ccc solid;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
margin-top: 0;
display: block;
overflow: hidden
}
.mega-menu-mobile__list-item a {
color: #00008f;
padding-right: 40px;
width: 100%;
display: block
}
.mega-menu-mobile__list-item a .mega-menu-mobile__list-item-plus {
width: 25px;
height: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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;
position: absolute;
right: 0;
top: 20px;
opacity: 1;
-webkit-transition: .3s opacity ease;
transition: .3s opacity ease
}
.mega-menu-mobile__list-item a .mega-menu-mobile__list-item-plus-icon {
fill: #ccc;
width: 20px;
height: 20px
}
.mega-menu-mobile__list-item a:before {
position: absolute;
left: 0;
top: 22px;
display: block;
content: "";
width: 20px;
height: 20px;
opacity: 0;
-webkit-transition: .3s opacity ease;
transition: .3s opacity ease;
-webkit-transition-delay: .1s;
transition-delay: .1s;
background-image: url(/assets/images/svg/mega-nav-arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 90% auto
}
[data-active].mega-menu-mobile__list-item {
border-bottom: none
}
[data-active].mega-menu-mobile__list-item a:before {
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 1
}
[data-active].mega-menu-mobile__list-item .mega-menu-mobile__list-item-plus {
opacity: 0
}
.mega-menu-mobile__tray {
width: 100%;
height: auto;
max-height: 0;
visibility: hidden
}
.mega-menu-mobile__tray-container {
width: 100%;
height: auto;
display: block;
padding: 0 0 0 0
}
.mega-menu-mobile__tray-nav {
width: 100%;
height: auto;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
list-style: none;
padding-left: 0;
margin: 0
}
.mega-menu-mobile__tray-nav-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
font-size: 16px;
width: auto;
padding-left: 0;
margin: 0
}
@media (min-width: 48em) {
.mega-menu-mobile__tray-nav-item {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu-mobile__tray-nav-item {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu-mobile__tray-nav-item {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.mega-menu-mobile__tray-nav-item a {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
font-size: 16px;
width: auto;
display: table;
text-transform: none;
padding: 15px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-transition: .3s ease all;
transition: .3s ease all
}
@media (min-width: 48em) {
.mega-menu-mobile__tray-nav-item a {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu-mobile__tray-nav-item a {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu-mobile__tray-nav-item a {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.mega-menu-mobile__tray-nav-item a:after,
.mega-menu-mobile__tray-nav-item a:before {
display: none
}
[data-active].mega-menu-mobile__tray-nav-item>:first-child {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
[data-active].mega-menu-mobile__tray-nav-item svg {
opacity: 0
}
.mega-menu-mobile__subnav {
width: 100%;
position: absolute;
top: 30px;
left: 0;
list-style: none;
min-height: 100%;
padding-left: 0;
margin-left: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
opacity: 0
}
.mega-menu-mobile__subnav-item {
margin-left: 0
}
.mega-menu-mobile__subnav-item a {
padding: 8px 0
}
.mega-menu-mobile__base {
width: 100%;
height: auto;
padding: 10px 20px;
background-color: #ccc
}
.mega-menu-mobile__base-list {
padding: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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
}
.mega-menu-mobile__base-item a {
color: #fff
}
[data-active].mega-menu-mobile__base-item a {
color: #00008f
}
@media (min-width: 37.5em) {
.mega-menu-mobile__list {
padding: 60px 40px
}
.mega-menu-mobile__list-item-plus {
top: 20px !important
}
}
@media (min-width: 48em) {
.mega-menu-mobile__list-item {
padding-bottom: 0;
padding-top: 0
}
.mega-menu-mobile__list-item a:before {
top: 21px
}
}
@media (min-width: 71.25em) {
.mega-menu-mobile {
display: none
}
}
.main-navbar__search {
width: 40px;
height: 40px;
margin-right: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: relative
}
.main-navbar__search-input {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: -.01em;
color: #00008f;
position: absolute;
top: 0;
right: 50px;
height: 100%;
width: 0;
border-style: none;
max-width: 768px;
padding: 0;
outline: 0;
-webkit-transition: .3s width ease;
transition: .3s width ease
}
@media (min-width: 48em) {
.main-navbar__search-input {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.main-navbar__search-input {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.main-navbar__search-input {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
.main-navbar__search-trigger,
.main-navbar__search-submit {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
background: 0 0;
min-height: auto;
min-width: auto
}
.main-navbar__search-icon {
color: #ccc;
width: 20px;
height: 20px;
cursor: pointer;
margin: 0 auto;
display: block;
opacity: 1
}
.main-navbar__search-icon-close {
position: relative;
width: 25px;
height: 25px;
cursor: pointer;
margin: 0 auto;
display: block;
position: absolute;
opacity: 0;
pointer-events: none
}
.main-navbar__search-icon-close:before,
.main-navbar__search-icon-close:after {
position: absolute;
content: "";
display: block;
background: #d24723;
width: 100%;
height: 2px;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.main-navbar__search-icon-close:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
.main-navbar__search-icon-close:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
.main-navbar__search-submit {
display: none;
margin-top: 3px
}
.main-navbar__search-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 13px
}
.main-navbar__search-input[aria-hidden=true] {
display: block !important
}
.main-navbar__search-input[aria-hidden=false] {
width: calc(100vw - 90px);
max-width: 1140px;
padding-left: 20px;
padding-right: 20px
}
[data-menu-search-open] .mega-menu__list {
opacity: 0;
pointer-events: none
}
[data-menu-search-open] .mega-menu__active {
opacity: 0 !important
}
[data-menu-search-open] .main-navbar__logo {
opacity: 0
}
[data-menu-search-open] .main-navbar__search {
position: absolute;
top: 15px;
right: 0
}
[data-menu-search-open] .main-navbar__search-trigger {
margin-right: 15px
}
[data-menu-search-open] .main-navbar__mobile-trigger {
display: none
}
[data-menu-search-open] .main-navbar__spacer {
opacity: 0
}
[data-menu-search-open] .main-navbar__search-icon {
display: none
}
[data-menu-search-open] .main-navbar__search-icon-close {
position: relative;
top: 0;
opacity: 1;
pointer-events: auto
}
[data-menu-search-open] .mega-menu__tracker {
opacity: 0 !important
}
[data-menu-search-open] .main-navbar__search-submit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
[data-menu-search-open] .main-navbar__search-submit .main-navbar__search-icon {
display: block
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.main-navbar__search-buttons {
width: 65px
}
.main-navbar__search-trigger {
margin-top: -8px !important
}
.main-navbar__search-submit {
margin-top: -6px !important
}
}
@media (min-width: 30em) {
.main-navbar__search-input[aria-hidden=false] {
width: calc(100vw - 100px)
}
}
@media (min-width: 71.25em) {
.main-navbar__search-trigger {
margin-top: -3px
}
.main-navbar__search-submit {
margin-top: 0
}
[data-menu-search-open] .main-navbar__logo {
opacity: 1
}
[data-menu-search-open] .main-navbar__search {
position: relative;
top: 0
}
[data-menu-search-open] .main-navbar__search-trigger {
position: relative;
right: 0
}
.main-navbar__search-input[aria-hidden=false] {
width: 60vw;
max-width: 750px
}
}
.mega-menu-tray {
width: 100vw;
height: auto;
background-color: #fff;
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
overflow: hidden;
z-index: -2;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
display: block;
border-top: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid
}
.mega-menu-tray__content {
width: 100%;
height: auto;
max-width: 1140px;
margin: 0 auto;
display: block;
padding: 60px 40px 60px 40px;
overflow: hidden;
position: relative
}
.mega-menu-tray__container {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative
}
.mega-menu-tray__column {
width: 36%;
height: auto;
padding: 0;
display: block
}
.mega-menu-tray__column:nth-child(1) {
width: 38%;
padding-right: 2%
}
.mega-menu-tray__column:nth-child(2) {
width: 26%
}
.mega-menu-tray__link {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 16px !important;
letter-spacing: .02em
}
@media (min-width: 37.5em) {
.mega-menu-tray__link {
font-size: 16px !important;
letter-spacing: .02em
}
}
.mega-menu-tray__info {
width: 100%;
height: auto;
display: block;
padding: 0 10px 0 0;
text-transform: none;
color: #333
}
.mega-menu-tray__info .anchor,
.mega-menu-tray__info .quote-panel p a,
.quote-panel p .mega-menu-tray__info a,
.mega-menu-tray__info .quote-tool-container__message p a,
.quote-tool-container__message p .mega-menu-tray__info a {
margin-top: 30px
}
.mega-menu__item .mega-menu-tray__info-link {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
padding: 0;
text-transform: none
}
@media (min-width: 48em) {
.mega-menu__item .mega-menu-tray__info-link {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu__item .mega-menu-tray__info-link {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu__item .mega-menu-tray__info-link {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.mega-menu-tray__promo {
width: 100%;
height: auto;
padding: 0 20px
}
.mega-menu-tray__promo a {
padding: 0
}
.mega-menu-tray__promo-image {
width: 100%;
height: auto
}
.mega-menu-tray__promo-title {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0;
color: #333;
text-transform: none;
margin-top: 20px
}
@media (min-width: 48em) {
.mega-menu-tray__promo-title {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.mega-menu-tray__promo-title {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.mega-menu-tray__promo-title {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
.mega-menu-tray__promo-title a {
color: inherit
}
.mega-menu-tray__nav {
width: 100%;
list-style: none;
position: relative;
overflow: visible;
margin: 0
}
.mega-menu-tray__nav-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: none;
margin: 10px 0
}
@media (min-width: 48em) {
.mega-menu-tray__nav-item {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu-tray__nav-item {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu-tray__nav-item {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.mega-menu-tray__nav-item .anchor,
.mega-menu-tray__nav-item .quote-panel p a,
.quote-panel p .mega-menu-tray__nav-item a,
.mega-menu-tray__nav-item .quote-tool-container__message p a,
.quote-tool-container__message p .mega-menu-tray__nav-item a {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin: 10px 0;
text-transform: none;
font-weight: 400
}
@media (min-width: 48em) {
.mega-menu-tray__nav-item .anchor,
.mega-menu-tray__nav-item .quote-panel p a,
.quote-panel p .mega-menu-tray__nav-item a,
.mega-menu-tray__nav-item .quote-tool-container__message p a,
.quote-tool-container__message p .mega-menu-tray__nav-item a {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu-tray__nav-item .anchor,
.mega-menu-tray__nav-item .quote-panel p a,
.quote-panel p .mega-menu-tray__nav-item a,
.mega-menu-tray__nav-item .quote-tool-container__message p a,
.quote-tool-container__message p .mega-menu-tray__nav-item a {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu-tray__nav-item .anchor,
.mega-menu-tray__nav-item .quote-panel p a,
.quote-panel p .mega-menu-tray__nav-item a,
.mega-menu-tray__nav-item .quote-tool-container__message p a,
.quote-tool-container__message p .mega-menu-tray__nav-item a {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.mega-menu-tray__nav-item .anchor:focus,
.mega-menu-tray__nav-item .quote-panel p a:focus,
.quote-panel p .mega-menu-tray__nav-item a:focus,
.mega-menu-tray__nav-item .quote-tool-container__message p a:focus,
.quote-tool-container__message p .mega-menu-tray__nav-item a:focus {
opacity: 1
}
[data-open].mega-menu-tray__column [data-active].anchor,
[data-open].mega-menu-tray__column .quote-panel p a[data-active],
.quote-panel p [data-open].mega-menu-tray__column a[data-active],
[data-open].mega-menu-tray__column .quote-tool-container__message p a[data-active],
.quote-tool-container__message p [data-open].mega-menu-tray__column a[data-active] {
opacity: 1;
font-weight: 700
}
[data-open].mega-menu-tray__column [data-active] .mega-menu-tray__subnav-item .anchor,
[data-open].mega-menu-tray__column [data-active] .mega-menu-tray__subnav-item .quote-panel p a,
.quote-panel p [data-open].mega-menu-tray__column [data-active] .mega-menu-tray__subnav-item a,
[data-open].mega-menu-tray__column [data-active] .mega-menu-tray__subnav-item .quote-tool-container__message p a,
.quote-tool-container__message p [data-open].mega-menu-tray__column [data-active] .mega-menu-tray__subnav-item a {
opacity: 1
}
.mega-menu-tray__back-button {
width: 40px;
height: 40px;
background-color: #fff;
position: absolute;
left: -53%;
border-radius: 100%;
top: 2%;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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;
border: 1px #00008f solid
}
.mega-menu-tray__back-button .mega-menu-tray__back-button-icon {
width: 15px;
height: 15px;
display: block;
fill: #00008f
}
.mega-menu-tray__subnav {
width: 130%;
height: auto;
min-height: 100%;
border-left: #e5e5e5 1px solid;
position: absolute;
top: -10px;
left: 115%;
opacity: 0;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
display: none;
list-style: none;
padding-left: 0;
margin: 0
}
.mega-menu-tray__subnav-wrapper {
width: 100%;
height: auto;
min-height: 100%
}
.mega-menu-tray__subnav-container {
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.mega-menu-tray__subnav--extended {
width: 260%;
margin-left: 20%;
padding-left: 30%
}
.mega-menu-tray__subnav--extended .mega-menu-tray__subnav-column {
width: 48%;
padding: 0 1%
}
.mega-menu-tray__subnav-column {
width: 100%;
list-style: none;
margin: 0
}
.mega-menu-tray__subnav-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
list-style: none;
position: relative;
overflow: visible;
margin: 0 10px
}
@media (min-width: 48em) {
.mega-menu-tray__subnav-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu-tray__subnav-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu-tray__subnav-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.mega-menu-tray__subnav[data-nav-level-2=active] {
left: 110%;
opacity: 1
}
.main-navbar {
width: 100%;
height: auto;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
padding-bottom: 10px
}
.main-navbar__wrapper {
width: 100%;
height: auto;
max-width: 1140px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 10px 0 10px 25px
}
.main-navbar__wrapper--sso {
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;
padding: 10px 25px 10px 25px
}
.main-navbar__logo {
height: auto;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.main-navbar__logo-image {
max-width: 100%;
height: auto;
max-height: 52px
}
.main-navbar__logout {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.main-navbar__logout p a {
font-size: 16px;
text-decoration: none
}
.main-navbar__container {
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
width: calc(100% - 155px);
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-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;
padding-top: 5px
}
.mega-menu {
width: calc(100% - 70px);
display: none
}
.mega-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
list-style: none;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 5px;
width: 100%;
padding-left: 0;
margin: 0;
opacity: 1;
-webkit-transition: .3s opacity ease;
transition: .3s opacity ease
}
.mega-menu__item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #00008f;
width: auto;
height: auto;
text-transform: uppercase;
line-height: 100%;
padding-bottom: 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
margin: 0
}
@media (min-width: 48em) {
.mega-menu__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.mega-menu__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.mega-menu__item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.mega-menu__item a {
text-decoration: none
}
.mega-menu__item:last-of-type {
padding-right: 10px
}
.mega-menu__tracker {
width: 150px;
height: 3px;
background-color: #ec4d33;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: -5px;
opacity: 0;
-webkit-transition: .3s width ease, opacity .3s ease, .3s -webkit-transform ease;
transition: .3s width ease, opacity .3s ease, .3s -webkit-transform ease;
transition: .3s transform ease, .3s width ease, opacity .3s ease;
transition: .3s transform ease, .3s width ease, opacity .3s ease, .3s -webkit-transform ease;
pointer-events: none
}
.main-navbar__spacer {
width: 1px;
height: 30px;
margin-right: 0;
background-color: #ccc
}
.main-navbar__mobile-trigger {
width: 25px;
height: 20px;
min-width: auto;
min-height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 20px;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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: 0;
background-color: transparent
}
.main-navbar__mobile-trigger__icon {
display: block;
background: #d24723;
width: 100%;
height: 2px
}
.main-navbar__mobile-trigger__icon:before,
.main-navbar__mobile-trigger__icon:after {
position: absolute;
content: "";
display: block;
background: #d24723;
width: 100%;
height: 2px;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.main-navbar__mobile-trigger__icon:before {
top: 0;
left: 0
}
.main-navbar__mobile-trigger__icon:after {
bottom: 0;
left: 0
}
[data-active].main-navbar__mobile-trigger .main-navbar__mobile-trigger__icon {
background-color: transparent
}
[data-active].main-navbar__mobile-trigger .main-navbar__mobile-trigger__icon:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, 45deg) translateY(-50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
[data-active].main-navbar__mobile-trigger .main-navbar__mobile-trigger__icon:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
transform: rotate3d(0, 0, 1, -45deg) translateY(-50%);
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 50%
}
[data-primary-nav-item] {
line-height: 65px;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
outline: 0;
cursor: pointer;
color: #00008f
}
[data-primary-nav-item]:hover {
color: #00005b
}
@media (min-width: 30em) {
.main-navbar__logo {
padding-top: 0
}
.main-navbar__container {
width: calc(100% - 230px)
}
.main-navbar__logout {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
}
@media (min-width: 48em) {
.main-navbar__wrapper {
padding-left: 40px
}
}
@media (min-width: 71.25em) {
.main-navbar__wrapper {
padding: 0 0 0 40px
}
.main-navbar__wrapper--sso {
padding: 10px 0 10px 25px
}
.main-navbar__logo {
margin-top: 0
}
.mega-menu {
display: block
}
.main-navbar__spacer {
margin-right: 10px
}
.main-navbar__mobile-trigger {
display: none
}
.main-navbar {
z-index: auto;
padding-bottom: 0
}
}
.meta-nav {
width: 100%;
height: auto;
background-color: #e5e5e5;
position: relative;
z-index: 1;
display: block
}
.meta-nav__wrapper {
width: 100%;
height: auto;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: flex-end;
-ms-flex-pack: justify;
justify-content: flex-end;
padding: 0
}
.meta-nav__menu {
width: 100%;
overflow: auto
}
.meta-nav__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-x: scroll;
padding-left: 0;
margin: 0
}
.meta-nav__list-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
-webkit-transition: background-color .3s ease, color .3s ease;
transition: background-color .3s ease, color .3s ease
}
@media (min-width: 48em) {
.meta-nav__list-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.meta-nav__list-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.meta-nav__list-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.meta-nav__list-item:hover {
background-color: #fff
}
.meta-nav__list-item:hover a {
color: #333
}
.meta-nav__list-item a {
padding: 15px 15px 15px 15px;
display: block;
color: #333;
text-decoration: none
}
.meta-nav__group {
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: auto;
height: auto;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%
}
.meta-nav__highlight {
width: auto;
height: auto;
display: block;
padding: 0;
margin: 0
}
.meta-nav__highlight-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
display: block;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease
}
@media (min-width: 48em) {
.meta-nav__highlight-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.meta-nav__highlight-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.meta-nav__highlight-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.meta-nav__highlight-item:hover {
background-color: #fff
}
.meta-nav__highlight-item:hover a {
color: #333
}
.meta-nav__highlight-item:last-child {
position: relative
}
.meta-nav__highlight-item:last-child:after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
background-color: #e5e5e5;
height: 50%;
right: 7px
}
.meta-nav__highlight-item a {
padding: 15px 25px 15px 25px;
display: block;
color: #333
}
.meta-nav__language {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
min-width: 45px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.meta-nav__language:after {
content: "";
display: block;
width: 12px;
height: 18px;
background-image: url(/assets/images/svg/arrow-select-down.svg);
background-size: 12px 18px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
cursor: pointer
}
.meta-nav__language-trigger {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #333;
width: 100%;
height: auto;
border-style: none;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
padding: 15px 25px 15px 10px;
cursor: pointer;
background: 0 0;
min-width: 0;
margin: 0
}
@media (min-width: 48em) {
.meta-nav__language-trigger {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.meta-nav__language-trigger {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.meta-nav__language-trigger {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.meta-nav__language-trigger:hover,
.meta-nav__language-trigger:focus {
color: #999
}
.meta-nav__language-trigger:after {
display: none
}
.meta-nav__language-list {
position: absolute;
top: 44px;
left: 0;
right: 0;
min-width: 60px;
background-color: #e5e5e5;
padding: 0;
margin: auto;
list-style: none;
-webkit-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .3);
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 1.2s ease-in-out, visibility 0s ease-in-out;
transition: max-height 1.2s ease-in-out, visibility 0s ease-in-out
}
.meta-nav__language-item {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.meta-nav__language-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.meta-nav__language-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.meta-nav__language-item {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.meta-nav__language-item a {
color: #333;
padding: 5px 10px 5px 5px;
display: block
}
.meta-nav__language-item:focus a,
.meta-nav__language-item:hover a {
color: #00008f
}
[data-active].meta-nav__language-item a {
color: #00008f
}
[aria-hidden=true].meta-nav__language:after {
-webkit-transform: translateY(-50%) rotate(0);
-ms-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0)
}
[aria-hidden=true].meta-nav__language .meta-nav__language-list {
max-height: 0;
visibility: hidden;
-webkit-transition: max-height .8s cubic-bezier(0, 1, .3, 1), visibility 0s ease-in-out .8s;
transition: max-height .8s cubic-bezier(0, 1, .3, 1), visibility 0s ease-in-out .8s
}
[aria-hidden=false].meta-nav__language:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg)
}
[aria-hidden=false].meta-nav__language .meta-nav__language-list {
max-height: 9999px;
visibility: visible
}
.meta-nav__list-item--active {
background-color: #fff
}
@media (min-width: 71.25em) {
.meta-nav__list {
overflow: auto
}
.meta-nav__list-item {
white-space: normal
}
.meta-nav__menu {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%
}
.meta-nav__group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.meta-nav__wrapper {
padding: 0 10px 0 25px
}
}
.multi-list-block__header-bar {
width: 100%;
height: 100px;
background: #027180;
margin-bottom: -50px
}
.multi-list-block {
max-width: 1200px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
overflow: hidden;
padding: 0
}
.multi-list-block__block {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 40px 45px
}
.multi-list-block__block h5 {
margin-bottom: 40px;
font-size: 36px;
color: red
}
.multi-list-block__block-list {
list-style: none
}
.multi-list-block__wrapper {
width: 100%;
margin: 0;
padding: 0
}
.multi-list-block__item {
display: block;
width: 20%;
padding: 0;
margin: 0;
text-decoration: none
}
.multi-list-block__item :hover {
cursor: pointer
}
.multi-list-block__item p {
color: #333
}
.multi-list-block-item__toggle {
padding-bottom: 35px;
border-bottom: 5px solid #027180
}
.multi-list-block-item__toggle p {
color: #027180
}
.multi-list-block-item__toggle svg {
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 20px;
height: 30px;
fill: #027180
}
.multi-list-shown__container h5 {
color: #027180
}
.multi-list-shown__container li a {
color: #027180
}
.three-block-carousel-navigation__image--dropdown {
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 25px;
height: 25px;
color: #3a43d0
}
.multi-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
overflow: hidden;
padding: 40px 0
}
.multi-list__block {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 40px 45px 100px 45px
}
.multi-list__block h5 {
margin-bottom: 40px;
font-size: 36px
}
.multi-list__block-list {
list-style: none
}
ul.multi-list__block-list li a {
font-size: 20px
}
ul.multi-list__block-list li {
margin-bottom: 10px
}
.multi-list__wrapper {
width: 100%;
height: auto;
display: block;
margin: 20px 0;
padding: 0 20px
}
.multi-list__container {
width: 100%;
margin: 0 auto;
height: auto;
display: block;
position: relative;
max-width: 1200px
}
.hidden {
display: none
}
.multi-list__item {
display: block;
padding: 0 40px;
margin: 20px 0 0 0;
text-decoration: none
}
.multi-list__item :hover {
cursor: pointer
}
.multi-list__item-image {
display: block;
margin: 0 auto 20px auto;
width: 100px;
height: 100px
}
@media (min-width: 37.5em) {
.multi-list__wrapper {
padding: 0 40px
}
.multi-list__container {
overflow: visible !important
}
.multi-list__cta+.multi-list__cta {
margin-left: 10px 10px 0 10px
}
}
@media (min-width: 48em) {
.multi-list {
display: block;
padding: 80px 0
}
.multi-list__wrapper {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.multi-list__item {
padding: 0 10px 0 20px
}
.multi-list__block {
width: 33%
}
.multi-list__block:nth-child(2n+2) {
background: #fafafa
}
}
@media (min-width: 60em) {
.multi-list__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.multi-list__container--distributed {
-webkit-box-pack: unset;
-webkit-justify-content: unset;
-ms-flex-pack: unset;
justify-content: unset
}
.multi-list__container--narrow {
margin: 0;
max-width: 1200px
}
.multi-list__item {
width: 17.6%;
padding: 20px 35px
}
.multi-list__item strong {
display: inline-block
}
.multi-list__item svg {
display: inline-block;
fill: #00008f
}
.multi-list__pagination {
display: none
}
.multi-list__cta {
margin-top: 30px
}
}
@media only screen and (max-width: 768px) {
.multi-list__wrapper {
padding: 0
}
.multi-list {
background: #f5f5f5
}
.multi-list__block h5 {
margin-bottom: 20px
}
ul.multi-list__block-list li {
margin-left: 0
}
}
@media only screen and (max-width: 960px) {
.multi-list-block__header-bar {
width: 90px;
height: 100%;
position: absolute
}
.multi-list-block__item {
width: 100%;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 30px 0 40px;
z-index: 999;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.multi-list-block__item img {
margin-right: 30px
}
.multi-list-block__item p {
text-align: left
}
.multi-list__item-image {
margin: 20px auto 20px auto
}
.multi-list-block-item__toggle {
border-bottom: none
}
.multi-list-block__item p {
font-size: 20px
}
#products-toggle {
border-right: 6px solid #027080
}
.multi-list__block {
width: 100%;
padding: 40px 45px 30px 45px
}
#product-section {
background: #fafafa;
padding-top: 30px;
padding-bottom: 30px
}
.multi-list__block h5 {
margin-bottom: 20px
}
}
.hero-banner__my-hub {
width: 100%;
height: auto;
min-height: 580px;
background-position: center;
background-size: cover
}
.hero-banner-hub__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.hero-banner-hub__container .hero-banner__content {
text-align: left
}
.my-hub__form-wrapper {
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: 0 auto;
background-color: #fff;
display: flex;
width: 90%;
border: 1px solid #ccc;
margin-top: -300px
}
.my-hub__form-inner {
width: 85% !important;
margin: 0 auto
}
.my-hub__title {
margin: 30px 20px 0 10px;
color: #00008f
}
.my-hub-text__column {
width: 100%;
height: auto;
margin-bottom: 20px
}
.my-hub-text__column:last-of-type {
margin-bottom: 0
}
.my-hub__text-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;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #00008f;
padding: 20px 0;
font-weight: 600
}
.my-hub__text-content p {
margin-left: 10px;
font-weight: 600
}
.my-hub__text-content a {
margin-top: 0 !important;
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;
text-decoration: none
}
.my-hub__text-content a .anchor__arrow {
margin-left: 5px
}
.my-hub__text-content:last-of-type {
border-bottom: none
}
.my-hub__v1 {
display: none
}
.my-hub__icon {
width: 30px;
height: 30px
}
.my-hub__cta {
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
}
.my-hub__cta .btn {
margin: 30px 0 20px 0 !important
}
@media (min-width: 60em) {
.hero-banner-hub__container {
width: 100%;
height: auto;
max-width: 100%;
margin-left: 50px
}
.my-hub__form-wrapper {
margin: 5%;
margin-top: -200px
}
.my-hub__form-inner {
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: 95% !important
}
.my-hub__title {
margin: 50px 0 30px 20px
}
.my-hub__text-container {
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.my-hub__v1 {
display: block;
border-left: 2px solid #a7a7a7;
opacity: .65;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
height: 275px
}
.my-hub__text-content {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.my-hub__text-content p {
margin-left: 20px
}
.my-hub-text__column {
width: 45%;
margin-right: 10px
}
.my-hub-text__column:last-of-type {
margin-left: 10px;
margin-right: 0
}
.my-hub__cta .btn {
margin: 30px 0 20px 0 !important;
width: 30%
}
}
.news-letter {
background-color: #4976ba;
width: 100%;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-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;
padding: 50px 20px
}
.news-letter__title {
color: #fff;
display: block;
width: 100%;
text-align: center;
margin-bottom: 30px
}
.news-letter__form {
width: auto;
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.news-letter__form-email {
border-style: none;
height: 44px;
min-width: 100%;
padding-left: 10px;
padding-bottom: 0;
color: #00008f
}
.news-letter__form-email::-webkit-input-placeholder {
font-size: 14px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
color: #999
}
.news-letter__form-email::-moz-placeholder {
font-size: 14px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
color: #999
}
.news-letter__form-email::-ms-input-placeholder {
font-size: 14px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
color: #999
}
.news-letter__form-email::placeholder {
font-size: 14px;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
color: #999
}
.news-letter__form-submit {
width: 100%;
margin-top: 10px;
margin-bottom: 0;
display: block
}
@media (min-width: 45em) {
.news-letter {
padding: 30px 20px 40px 20px
}
.news-letter__form {
width: auto;
margin-top: 0
}
.news-letter__title {
margin-right: 20px;
width: auto;
text-align: left
}
.news-letter__form-email {
min-width: 300px;
padding-bottom: 0
}
.news-letter__form-submit {
margin-left: -5px;
width: auto;
margin-top: 0
}
}
@media (min-width: 60em) {
.news-letter {
padding: 20px
}
.news-letter__title {
margin-bottom: 0
}
}
.pagination-container {
margin: auto;
width: 100%
}
.pagination__items {
overflow-x: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding: 0;
margin: 0;
border-bottom: 1px solid #e5e5e5
}
.pagination__items--blue {
overflow-x: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding: 0;
margin: 0
}
.pagination__item {
margin: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.pagination__link {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #999;
padding: 15px;
min-width: 25px;
text-align: center
}
@media (min-width: 48em) {
.pagination__link {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.pagination__link {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.pagination__link {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.pagination__link:hover,
.pagination__link:focus {
color: #d24723;
border-bottom: 2px solid #d24723
}
.pagination__link--blue {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #00008f;
padding: 15px;
min-width: 25px;
text-align: center
}
@media (min-width: 48em) {
.pagination__link--blue {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.pagination__link--blue {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.pagination__link--blue {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
.pagination__link--blue:hover,
.pagination__link--blue:focus {
color: #d24723;
border-bottom: 2px solid #d24723
}
.pagination__link[aria-current] {
color: #d24723;
border-bottom: 2px solid #d24723
}
.pagination__link--blue[aria-current] {
color: #d24723;
border-bottom: 2px solid #d24723
}
.pagination__link[aria-disabled=true] {
color: #e5e5e5;
pointer-events: none
}
.pagination__icon-next,
.pagination__icon-prev {
padding: 0;
margin: 0;
width: 10px;
height: 10px
}
.pagination__icon-prev {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.pagination__link--arrow {
color: #d24723;
padding: 15px 0;
margin: 0
}
.pagination__link--arrow:hover,
.pagination__link--arrow:focus {
border-bottom: 0
}
.pagination__link--blue--arrow {
color: #00008f;
padding: 15px 0;
margin: 0
}
.pagination__link--blue--arrow:hover,
.pagination__link--blue--arrow:focus {
border-bottom: 0
}
.pagination__link--previous {
text-align: left
}
.pagination__link--next {
text-align: right
}
.photo-reel {
padding: 40px 20px;
width: 100%;
display: block;
overflow: hidden
}
.photo-reel__wrapper {
max-width: 1200px;
margin: 0 auto;
overflow: visible
}
.photo-reel__container {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: visible !important
}
.photo-reel__container:after {
content: "";
display: block;
clear: both
}
.photo-reel-navigation__link-wrapper {
display: none
}
.photo-reel__item {
width: 100%;
padding: 0 15px 20px 15px;
position: relative;
display: block
}
.photo-reel__image-container {
width: 100%;
height: auto
}
.photo-reel__image {
width: 100%;
padding-right: 0;
height: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
padding-top: 56.25%
}
.photo-reel__content {
width: 100%;
padding: 40px 0 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
min-height: 250px
}
.photo-reel__content p+p {
margin-top: 10px
}
.photo-reel__btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
margin-left: -10px
}
.photo-reel__btn-wrapper .anchor--btn {
margin: 0 10px
}
.photo-reel__paginate-item:first-child,
.photo-reel__paginate-item:last-child {
display: none
}
.photo-reel__controls {
position: relative
}
.photo-reel__control {
top: 20%;
position: absolute;
z-index: 50;
min-width: 10px;
opacity: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
opacity: .4
}
.photo-reel__control:hover {
opacity: 1
}
.photo-reel__control--prev {
left: -10%;
display: none
}
.photo-reel__control--next {
right: -10%;
display: none
}
.photo-reel__prev-svg {
fill: #fff;
color: #fff;
height: 25px;
width: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.photo-reel--flip .photo-reel__content {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1
}
@media (min-width: 37.5em) {
.photo-reel {
padding: 80px 0
}
.photo-reel__wrapper {
padding: 0 30px
}
.photo-reel__item {
padding: 0 10px 20px 10px
}
}
@media (min-width: 48em) {
.photo-reel__wrapper {
max-width: 1280px;
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: 60em) {
.photo-reel {
padding: 80px 40px
}
.photo-reel-navigation__link-wrapper {
width: 40px;
display: inherit
}
.photo-reel-navigation__next-link {
display: block;
width: 35px;
margin-left: 5px
}
.photo-reel-navigation__prev-link {
display: block;
width: 35px;
margin-right: 5px
}
.photo-reel-navigation__image {
width: 35px;
height: 35px
}
}
@media (min-width: 62.5em) {
.photo-reel__container {
width: 100%;
overflow: hidden !important
}
.photo-reel__wrapper {
width: 100%;
padding: 0;
overflow: hidden
}
.photo-reel__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
}
.photo-reel__image-container {
width: 50%;
display: inline-block
}
.photo-reel__content {
width: 50%;
display: inline-block;
padding: 20px 0 20px 60px
}
.photo-reel--flip .photo-reel__content {
padding: 20px 60px 20px 0
}
.photo-reel__paginate-container {
margin-top: 20px
}
.photo-reel__control {
top: 30%
}
.photo-reel__control--prev {
left: 0
}
.photo-reel__control--next {
right: 0
}
.photo-reel__wrapper {
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start
}
}
@media (min-width: 75em) {
.photo-reel__wrapper {
max-width: 1330px;
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: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start
}
.photo-reel-navigation__link-wrapper {
width: 65px
}
.photo-reel-navigation__next-link {
margin-left: 30px
}
.photo-reel-navigation__prev-link {
margin-right: 30px
}
}
@media (min-width: 62.5em) {
.photo-reel-navigation__link-wrapper {
top: 100px;
position: relative
}
}
@media (min-width: 65.625em) {
.photo-reel-navigation__link-wrapper {
top: 110px;
position: relative
}
}
@media (min-width: 71.875em) {
.photo-reel-navigation__link-wrapper {
top: 130px;
position: relative
}
}
@media (min-width: 75em) {
.photo-reel-navigation__link-wrapper {
top: 120px;
position: relative
}
}
@media (min-width: 81.25em) {
.photo-reel-navigation__link-wrapper {
top: 130px;
position: relative
}
}
@media (min-width: 87.5em) {
.photo-reel-navigation__link-wrapper {
top: 145px;
position: relative
}
}
.press-release-summary__container {
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;
padding-top: 20px;
padding-bottom: 20px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
min-height: 110px
}
.press-release-summary__container:hover,
.press-release-summary__container:focus {
padding-left: 20px;
background-color: rgba(95, 95, 95, .15);
outline: 0
}
.press-release-summary__date {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase
}
@media (min-width: 48em) {
.press-release-summary__date {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.press-release-summary__date {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.press-release-summary__date {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.press-release-summary__time {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
text-transform: uppercase
}
@media (min-width: 48em) {
.press-release-summary__time {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.press-release-summary__time {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.press-release-summary__time {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.press-release-summary__title {
margin-bottom: 5px
}
.press-release-summary__description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
@media (min-width: 48em) {
.press-release-summary__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.press-release-summary__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.press-release-summary__description {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.press-release-summary__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 30px;
padding-bottom: 30px
}
.press-release-summary__date {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
width: 20%;
min-width: 200px;
padding: 0 30px;
margin-top: 5px;
text-transform: none
}
}
@media (min-width: 48em) and (min-width:48em) {
.press-release-summary__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:62em) {
.press-release-summary__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:75em) {
.press-release-summary__date {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.press-release-summary__title {
margin-bottom: 15px
}
.press-release-summary__description {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:48em) {
.press-release-summary__description {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:62em) {
.press-release-summary__description {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) and (min-width:75em) {
.press-release-summary__description {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.date-filter__items {
overflow-x: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding: 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5
}
.date-filter__item {
margin: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.date-filter__link {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #999;
padding: 15px;
text-align: center;
border-bottom: 2px solid transparent;
text-transform: uppercase;
letter-spacing: 2px !important
}
@media (min-width: 48em) {
.date-filter__link {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.date-filter__link {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.date-filter__link {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
.date-filter__link:hover,
.date-filter__link:focus {
color: #d24723;
border-bottom: 2px solid #d24723
}
.date-filter__link[aria-current] {
color: #d24723;
border-bottom: 2px solid #d24723
}
.date-filter__link[aria-disabled=true] {
color: #e5e5e5;
pointer-events: none
}
.press-releases {
padding: 40px 20px
}
.press-releases__container {
max-width: 1200px;
margin: 0 auto
}
.press-releases__header {
text-align: center;
padding-bottom: 20px;
max-width: 768px;
margin: 0 auto
}
.press-releases-header__title {
margin: 0
}
.press-releases-header__content {
padding-top: 10px
}
.press-releases-list {
padding: 0;
margin: 0
}
.press-releases-list__item {
list-style: none;
margin: 0;
border-bottom: 1px solid #e5e5e5
}
.press-releases-list__item:last-of-type {
border: 0
}
.press-releases__footer {
padding-top: 20px;
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
}
.press-releases__cta {
margin: 0 auto
}
.press-releases__pagination {
margin: auto;
max-width: 100%
}
@media (min-width: 48em) {
.press-releases__cta {
margin: auto 0 auto auto
}
.press-releases__header {
padding-bottom: 40px
}
.press-releases__footer {
padding-top: 40px
}
}
@media (min-width: 60em) {
.press-releases {
padding: 80px 40px
}
}
.product-wrapper {
padding: 40px 20px
}
.product-wrapper__row {
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;
max-width: 1200px;
margin: 0 auto
}
.product-wrapper__col-large {
width: 100%
}
.product-wrapper__col-small {
width: 100%
}
.product-list {
margin: 30px auto
}
.product-list .anchor,
.product-list .quote-panel p a,
.quote-panel p .product-list a,
.product-list .quote-tool-container__message p a,
.quote-tool-container__message p .product-list a {
margin: 30px 0
}
.product-list__row {
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;
padding-bottom: 20px
}
.product-list__col-small {
width: 100%;
display: inherit;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.product-list__col-large {
width: 100%
}
.product-list__icon {
width: 60px;
margin-bottom: 30px
}
.product-list__item-desc {
padding: 0
}
@media (min-width: 37.5em) {
.product-list {
padding: 0 0
}
.product-list__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.product-list__col-small {
width: 15%
}
.product-list__col-large {
width: 85%
}
.product-list__item-desc {
padding: 0 30px
}
.product-list__icon {
width: 100%;
margin-bottom: 0
}
}
@media (min-width: 48em) {
.product-list {
padding: 30px 0;
margin: 0 auto
}
.product-list:first-child {
padding-top: 0;
margin-top: 0
}
.product-list__row {
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: 0
}
.product-list__col-small {
width: 15%;
display: inherit;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.product-list__col-large {
width: 85%
}
.product-list__item-desc {
padding: 0 30px
}
}
@media (min-width: 60em) {
.product-wrapper {
padding: 80px 40px
}
}
@media (min-width: 62.5em) {
.product-wrapper__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.product-wrapper__col-large {
width: 65%;
padding-right: 60px
}
.product-wrapper__col-small {
width: 35%
}
}
.benefits-list {
margin: 30px 0 0;
padding: 0
}
.benefits-list dt,
.benefits-list dd,
.benefits-list li {
padding: 0;
margin: 0
}
.benefits-list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.benefits-list li:not(:last-child) {
padding-bottom: 25px;
border-bottom: 1px solid #ccc;
margin-bottom: 25px
}
.benefits-list__icon {
color: #00008f;
width: 25px;
height: 25px;
display: block;
margin-right: 10px;
margin-top: 5px
}
.benefits-list__icon-image {
max-width: 100%;
max-height: 100%
}
@media (min-width: 60em) {
.benefits-list__icon {
width: 45px;
height: 45px;
margin-right: 35px;
margin-top: 5px
}
}
.collapsible {
overflow: hidden;
-webkit-transition: height .5s;
transition: height .5s;
height: auto
}
.collapsible[aria-hidden=true] {
height: 0
}
.collapsible-trigger--icon {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin-bottom: 0
}
.collapsible-trigger__button {
width: 40px;
height: 40px
}
.collapsible-trigger__icon-image {
-webkit-transition: all .8s;
transition: all .8s;
width: 100%;
height: 100%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
fill: #00008f
}
[aria-expanded=true] .collapsible-trigger__icon-image {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
@media (min-width: 60em) {
[data-collapsible-mobile-only] .collapsible-trigger__button {
display: none
}
[data-collapsible-mobile-only].collapsible-trigger--icon {
cursor: default
}
[data-collapsible-mobile-only][aria-hidden] {
height: auto
}
}
.contact-list {
list-style: none;
margin: 0;
padding: 0
}
.contact-list li {
padding: 0;
margin: 30px 0 0
}
.contact-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.contact-item__icon {
padding-right: 15px;
color: #00008f
}
.contact-item__icon-image {
width: 25px;
height: 25px
}
.contact-item__content dt,
.contact-item__content dd {
margin: 0
}
.contact-item__content dt {
text-transform: uppercase
}
@media (min-width: 60em) {
.contact-list {
list-style: none;
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
}
.contact-list li {
margin-top: 45px;
width: 29%
}
}
.document-list {
width: 100%;
text-align: center;
border-collapse: collapse
}
.document-list th {
color: #00008f;
padding: 40px 20px 17px;
white-space: nowrap
}
.document-list th:first-child,
.document-list tbody td:first-child {
text-align: left;
width: 100%;
padding-left: 0
}
.document-list td {
height: 50px
}
.document-list tbody td {
border: solid #ccc;
border-width: 1px 0
}
.document-list__download {
display: block;
padding: 5px
}
.document-list__document-icon {
width: 12px;
height: 12px;
color: #00008f;
margin-right: 10px
}
.document-list__download-icon {
width: 12px;
height: 12px;
fill: #00008f
}
.document-list .document-list__downloadall {
text-align: right;
vertical-align: bottom;
color: #00008f
}
.document-list .document-list__downloadall a {
text-decoration: none;
text-transform: uppercase
}
.document-list .document-list__downloadall .document-list__download-icon {
margin-right: 10px
}
@media (max-width: 39.99em) {
.document-list th {
padding: 40px 5px 17px
}
.document-list__document-icon {
display: none
}
.document-list__download-header {
font-size: 0 !important;
text-indent: -100%;
overflow: hidden
}
}
div.quote-panel.image-text-panel {
padding: 0
}
.image-text-panel__heading {
text-align: center;
margin: 20px
}
.image-text-panel__background {
background-size: cover;
background-position: center
}
.image-text-panel__background::before {
content: "";
display: block;
padding-top: 56.25%
}
.image-text-panel__content {
padding: 20px
}
div.image-text-panel p a {
text-transform: uppercase
}
@media (min-width: 45em) {
.image-text-panel__heading {
width: 60%;
margin: 40px auto
}
.image-text-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.image-text-panel__background {
width: 50%
}
.image-text-panel__content {
width: 50%;
padding: 40px 5%;
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-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.lightbox {
position: fixed;
visibility: hidden;
opacity: 0;
-webkit-transition: all .8s;
transition: all .8s;
left: 0;
right: 0;
top: 0;
bottom: 0;
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
}
.lightbox--active {
opacity: 1;
visibility: visible
}
.lightbox__bg {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .7)
}
.lightbox__container {
position: relative;
z-index: 11;
width: 90%;
max-height: 90%
}
.lightbox__container:before {
content: "";
display: block;
padding-top: 56.25%
}
.lightbox__container iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.lightbox__close {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border-radius: 50%;
background: #fff;
color: #000;
text-align: center;
width: 25px;
font-size: 20px;
font-weight: 700
}
.lightbox__close:before {
content: "";
display: inline-block;
width: 0;
height: 0;
padding-top: 100%;
vertical-align: middle
}
@media (min-width: 45em) {
.lightbox__close {
width: 40px;
font-size: 35px
}
}
.quote-awards.quote-panel {
color: #fff;
background-color: #027180;
padding: 30px
}
.quote-awards__title {
text-align: center;
margin-bottom: 30px
}
.quote-awards__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;
gap: 30px;
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width: 48em) {
.quote-awards__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0
}
}
.quote-awards__item {
-webkit-box-flex: 1;
-webkit-flex: 1 0 45%;
-ms-flex: 1 0 45%;
flex: 1 0 45%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 20px;
margin: 0
}
.quote-awards__image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 120px;
max-width: 50%
}
.quote-awards__content-title {
margin-bottom: 5px
}
.quote-employee-group {
margin-top: 35px
}
div.quote-employee-group .Form__Element {
width: auto
}
.quote-employee-group__remove {
width: 25px;
height: 25px;
font-size: 1.5625rem;
display: inline-block;
vertical-align: middle;
color: #00008f
}
.quote-employee-group__add {
color: #00008f;
text-transform: uppercase;
margin-bottom: 10px
}
.quote-employee-group__add:before {
content: "+";
display: inline-block;
font-size: 20px;
padding-right: 10px
}
.quote-employee-group__add:hover,
.quote-employee-group__add:focus {
color: #00005b
}
.quote-employee-group[data-max-employees=true] .quote-employee-group__add {
display: none
}
.quote-employee__tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px
}
.quote-employee__tab {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 70px;
width: 90px;
min-width: auto;
font-size: 17px;
font-weight: 700 !important;
letter-spacing: 1px;
color: #242424;
background-color: transparent;
border: 1px solid #d24723;
margin: 0;
padding: 0
}
.quote-employee__tab[aria-selected=true],
.quote-employee__tab:hover,
.quote-employee__tab:focus {
color: #242424;
background-color: #d24723
}
.quote-employee__panel {
display: none;
padding-top: 35px
}
.quote-employee__panel--show {
display: block
}
.quote-employee__panel-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-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;
gap: 24px
}
.quote-employee__panel-form-left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.quote-employee__panel-form .Form__Element__Caption {
min-width: 90px
}
.quote-header-wrapper {
padding: 0 20px;
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px
}
.quote-header__link dt {
display: none
}
.quote-header {
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: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
max-width: 1200px;
margin: auto
}
.quote-header__logo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.quote-header__link {
width: auto;
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-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.quote-header__link dt {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #333;
margin: 0
}
@media (min-width: 48em) {
.quote-header__link dt {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.quote-header__link dt {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.quote-header__link dt {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.quote-header__link dd {
margin: 0
}
.quote-header>:last-child {
margin-left: 5%
}
@media (min-width: 60em) {
.quote-header-wrapper {
padding: 0 40px;
padding-top: 15px;
padding-bottom: 15px
}
.quote-header__link dt {
display: block
}
}
@media (max-width: 59.99em) {
.quote-header {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.quote-header__logo {
max-width: 50%
}
.quote-header__link--back {
display: none
}
}
.quote-product-list {
position: relative;
padding-left: 40px;
margin-top: 40px
}
.quote-product-list__title {
display: block;
font-weight: 700;
position: relative;
cursor: pointer;
margin-bottom: 5px
}
.quote-product-list__title::before,
.quote-product-list__title::after {
cursor: pointer
}
.quote-product-list__title::after {
content: "";
display: block;
width: 20px;
height: 20px;
border: solid 1px;
border-color: #ccc;
position: absolute;
top: 2px;
left: -30px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.quote-product-list__title::before {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 6px;
left: -26px
}
.quote-product-list__label input {
position: absolute;
opacity: 0
}
.quote-product-list__label input:checked+.quote-product-list__content .quote-product-list__title:after {
border-color: #00008f
}
.quote-product-list__label input:checked+.quote-product-list__content .quote-product-list__title:before {
background-color: #00008f
}
[data-a11y] .quote-product-list__label input:focus+.quote-product-list__content .quote-product-list__title:after {
border-color: #00008f;
outline: 1px solid #00008f
}
.quote-product-list__description {
display: block;
line-height: 1.25;
margin-bottom: .75rem;
cursor: pointer
}
.quote-product__radio-wrapper {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 1rem 0 0 2rem;
line-height: 1
}
.quote-product__radio {
display: block;
position: relative;
cursor: pointer
}
.quote-product__radio::before,
.quote-product__radio::after {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer
}
.quote-product__radio:after {
content: "";
display: block;
width: 21px;
height: 21px;
border: solid 1px;
border-color: #ccc;
border-radius: 50px;
position: absolute;
left: -30px
}
.quote-product__radio:before {
content: "";
display: block;
width: 13px;
height: 13px;
border-radius: 50px;
position: absolute;
left: -26px
}
.quote-product__radio-wrapper input:checked+.quote-product__radio:after {
border-color: #00008f
}
.quote-product__radio-wrapper input:checked+.quote-product__radio:before {
background-color: #00008f
}
[data-a11y] .quote-product__radio-wrapper input:focus+.quote-product__radio:after {
border-color: #00008f;
outline: 1px solid #00008f
}
.quote-tool-wrapper {
margin: auto;
padding: 0 20px;
max-width: 1200px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.quote-tool-container {
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-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
}
.quote-tool-container:before {
content: "mobile";
display: none
}
.quote-tool-container--column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important
}
.quote-tool-container--column .quote-panel {
border: 0;
border-bottom: 1px solid #ccc;
margin-bottom: 0
}
.quote-panel {
padding: 25px 7%;
border: 1px solid #ccc;
background: #fff;
margin-bottom: 20px
}
.quote-panel--padding-x {
padding: 50px 6% 30px
}
.quote-panel--transparent {
background-color: transparent;
border: 0;
margin-bottom: 0;
padding-bottom: 30px;
padding-left: 0;
padding-right: 0
}
.quote-panel--transparent+.quote-panel--transparent {
padding-top: 0
}
@media (min-width: 60em) {
.quote-panel--transparent {
padding-bottom: 60px !important
}
.quote-tool-container__primary .quote-panel--transparent {
padding-top: 10px;
padding-left: 0;
padding-right: 0
}
.quote-tool-container__secondary .quote-panel--transparent {
padding-right: 0
}
}
.quote-panel--transparent--padding-x {
padding: 50px 14.5% 30px
}
.quote-panel__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1;
margin-bottom: 20px
}
.quote-panel .Form__Element {
padding: 0;
margin: 20px 0
}
.quote-panel .Form__Element:last-child {
margin-bottom: 0
}
.quote-tool-container-full .quote-panel {
padding: 20px 7%
}
div.quote-panel.article-blocks__inner {
padding: 0
}
div.quote-panel.article-blocks__inner .article-blocks__campaign--background {
margin: -1px 0 -1px -1px
}
div.quote-panel.article-blocks__inner .article-blocks__campaign--background::before {
content: "";
display: block;
padding-top: 100%
}
.quote-tool-container__message {
width: 100%;
padding: 10px 0
}
.heading__icon {
display: inline-block;
line-height: 1;
margin-right: 15px
}
.heading__icon-image {
width: 15px;
height: 15px
}
@media (min-width: 60em) {
.heading__icon-image {
width: 24px;
height: 24px
}
}
.quote-panel__step {
font-size: .75rem;
font-weight: 700;
margin-bottom: 12px
}
.quote-panel p a,
.quote-tool-container__message p a {
font-size: inherit;
text-transform: inherit
}
@media (min-width: 60em) {
.quote-tool-wrapper {
padding: 0 40px
}
.quote-tool-container {
content: "desktop";
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.quote-tool-container:before {
content: "desktop"
}
.quote-tool-container__primary .Form__Element {
width: 65%
}
.quote-tool-container__primary {
width: 57%
}
.quote-tool-container__secondary {
width: 40%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.quote-tool-container--step2 .quote-tool-container__secondary {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
position: -webkit-sticky;
position: sticky;
top: 0;
max-height: 100vh;
overflow-y: auto
}
.quote-tool-container__message {
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;
min-height: 70px;
padding: 0
}
.quote-tool-container__message:after {
content: "";
display: inline-block;
min-height: inherit;
font-size: 0
}
.quote-panel {
padding: 40px 8.7719%
}
.quote-panel__heading {
font-size: 2.25rem;
text-align: center
}
.quote-tool-container-full .quote-panel {
padding: 40px 5%
}
}
.quote-result__email {
font-weight: 700
}
input.quote-result__email-input {
padding: .7rem;
border-color: #fff;
border-style: solid;
border-width: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in
}
input.quote-result__email-input:focus {
border-color: #ccc
}
.quote-result__btn-edit {
background-color: transparent;
color: #fff;
text-decoration: underline;
min-width: auto;
min-height: auto;
margin: 0;
padding: 0;
text-transform: lowercase
}
.quote-result__btn-edit:hover,
.quote-result__btn-edit:focus {
color: #242424
}
.quote-result__btn-submit {
background-color: #f07662;
color: #242424
}
.quote-result__btn-submit:hover,
.quote-result__btn-submit:focus {
color: #242424
}
.quote-result__email-output {
display: inline-block;
visibility: visible;
opacity: 1
}
.quote-result__email-output.hidden {
display: none;
visibility: hidden;
opacity: 0
}
.quote-result__email-edit {
padding-left: .5rem;
display: none;
visibility: hidden;
opacity: 0
}
.quote-result__email-edit.active {
display: inline-block;
visibility: visible;
opacity: 1
}
.quote-result__ref {
margin-top: 10px
}
.quote-summary__discounts strong {
display: block
}
.quote-summary__discounts small {
display: block
}
.quote-richtext ul {
margin: 0 0 0 21px
}
.quote-richtext li {
margin: 0 0 1em 0
}
.quote-richtext li:last-child {
margin-bottom: 0
}
.quote-richtext p+ul {
padding-top: 0;
margin-top: 1.5em
}
.quote-richtext ul+p {
margin-top: 1.5em
}
.quote-tool-container-two-col {
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
}
#quote-tool-choose-cover-options>.quote-panel {
position: relative;
-webkit-transition: all .4s;
transition: all .4s
}
#quote-tool-choose-cover-options>.quote-panel:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all .4s;
transition: all .4s;
opacity: 0;
visibility: hidden
}
#quote-tool-choose-cover-options.products-loading>.quote-panel {
opacity: .5
}
#quote-tool-choose-cover-options.products-loading>.quote-panel:before {
background: rgba(0, 0, 0, .2);
visibility: visible;
opacity: 1
}
.quote-product-selector-list {
list-style: none;
margin: 0
}
.quote-product-selector-list.base-cover {
margin-top: 35px
}
.quote-product-selector-list li {
padding: 0;
margin: 0
}
.quote-product-selector-list li:last-child .product-spacer {
display: none
}
.quote-product-selector {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.quote-product-selector:hover,
.quote-product-selector:focus-within {
background: #f5f5f5
}
.quote-product-selector input {
opacity: 0;
position: absolute
}
.quote-product-selector input:checked+.quote-product-selector__label {
background: #f5f5f5;
border-color: #00008f
}
.quote-product-selector__label {
position: relative;
border: solid 1px;
border-color: #ccc;
padding: 1.5rem;
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;
gap: 1.5rem;
-webkit-transition: border-color 100ms;
transition: border-color 100ms;
cursor: pointer
}
@media (min-width: 37.5em) {
.quote-product-selector__label {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
[data-a11y] .quote-product-selector__label:focus-within {
border-color: #00008f
}
.quote-product-selector__icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
fill: transparent;
width: 5.75rem;
height: 5.75rem;
pointer-events: none
}
.quote-product-selector__content {
padding-top: 6px;
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-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative
}
.quote-product-selector__title {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.quote-product-selector__subtitle {
font-style: italic;
color: #333
}
.quote-product-selector__description {
width: 100%;
margin-top: 6px;
line-height: 1.4
}
.star__icon-image {
margin-left: 5px;
height: 15px;
width: 15px;
color: #f07662
}
*+.star__icon-image {
margin-left: 3px
}
@media (min-width: 60em) {
.quote-product-selector__description {
line-height: 1.5
}
.quote-product-selector__content {
padding-top: 0
}
}
.quote-product-selector__label input[type=radio]+.quote-product-selector__content:before {
border-radius: 50%
}
.quote-product-selector__label:hover input:not(:checked)+.quote-product-selector__content:before,
.quote-product-selector__label input:focus:not(:checked)+.quote-product-selector__content:before {
-webkit-box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #ccc inset;
box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #ccc inset
}
.quote-product-selector input:checked+.quote-product-selector__content:before {
padding: 4px;
background-color: #00008f
}
span.product-spacer {
margin: 1rem 0;
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;
gap: 10px
}
span.product-spacer:before,
span.product-spacer::after {
content: "";
display: block;
width: 40px;
height: 1px;
background: #ccc
}
.quote-progress-wrapper {
overflow: hidden
}
.quote-progress {
counter-reset: list-count;
list-style: none;
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;
position: relative;
padding: 0 0 5px 0;
max-width: 1200px;
margin: auto
}
.quote-progress li {
-webkit-box-flex: 1;
-webkit-flex: 1 0 calc(100%/3);
-ms-flex: 1 0 calc(100%/3);
flex: 1 0 calc(100%/3);
margin: 0;
counter-increment: list-count;
position: relative;
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
color: #7f7f7f;
text-align: center;
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;
min-height: 60px
}
@media (min-width: 48em) {
.quote-progress li {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.quote-progress li {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.quote-progress li {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
.quote-progress li:not(:last-child) {
border-right: 1px solid #ccc
}
.quote-progress li::before {
content: counter(list-count);
font-weight: 700;
width: 18px;
height: 18px;
top: 0;
border-radius: 50%;
text-align: center;
border: 1px solid #7f7f7f;
display: inline-block;
margin-right: 7px
}
.quote-progress li.active {
color: #027180
}
.quote-progress li.active::before {
color: #fff;
border: 0;
background: #027180
}
.quote-progress li.active::after {
content: "";
position: absolute;
height: 0;
bottom: -5px;
height: 5px;
left: 50%;
margin-left: -100vw;
width: 200vw;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ec4d33), color-stop(50%, #ccc));
background: linear-gradient(90deg, #ec4d33 50%, #ccc 50%)
}
.quote-progress li.active:last-child::after {
background: #ec4d33
}
.quote-progress__overlay-anchor {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
@media (max-width: 44.99em) {
.quote-progress li {
min-height: 40px
}
.quote-progress li span {
position: absolute;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px
}
.quote-progress li:before {
margin: 0;
font-size: 1.125rem;
width: 22px;
height: 22px;
font-weight: 600;
line-height: 1.1
}
}
.quote-result {
background: #027180;
color: #fff;
padding: 30px 5% 20px;
text-align: center
}
.quote-result h1 {
margin-top: 0
}
.quote-result+.quote-panel {
border-top: none
}
.quote-result__disclaimer {
margin-top: 1.8em
}
.quote-result__price {
margin: 40px 0 0
}
.quote-result__breakdown {
margin: 16px 0 0
}
.quote-result__email-container {
margin-top: 40px
}
.ordered-list-linker {
list-style: none;
margin: 0;
padding: 0;
counter-reset: list-count
}
.ordered-list-linker li {
counter-increment: list-count;
position: relative;
margin: 0;
padding: 0 0 0 80px
}
.ordered-list-linker li::before {
content: counter(list-count);
display: inline-block;
text-align: center;
font-weight: 700;
background: #00008f;
border-radius: 50%;
width: 45px;
height: 45px;
line-height: 42px;
color: #fff;
position: absolute;
top: 0;
left: 0;
font-size: 1.5rem
}
.ordered-list-linker li:not(:last-child) {
padding-bottom: 60px
}
.ordered-list-linker li:not(:last-child)::after {
content: "";
position: absolute;
width: 5px;
height: 100%;
left: 20px;
top: 30px;
background: #00008f
}
.ordered-list-linker li p {
margin: 0 0 10px 0
}
@media (min-width: 60em) {
.quote-result {
padding: 60px 14.5%
}
.quote-result__disclaimer {
margin-top: 2.8em
}
}
.quote-standard-list__list {
margin: 0;
padding: 0;
list-style-type: none
}
.quote-standard-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 30px;
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #ccc
}
.quote-standard-list__icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 64px;
height: 64px;
color: #00008f;
fill: #00008f
}
.quote-standard-list__heading {
margin-bottom: 5px
}
.quote-summary {
margin-bottom: 20px
}
.quote-summary__heading,
.quote-summary__costs,
.quote-summary__period-selector,
.quote-summary__employees {
padding: 15px 7%
}
.quote-summary--base-selected .quote-summary__intro {
display: none
}
.quote-summary__heading {
margin: 0;
font-family: "Publico Headline", Georgia, serif;
background-color: #027180;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.quote-summary__heading :first-child {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.quote-summary__heading .collapsible-trigger__button {
margin-right: -10px;
padding-left: 10px;
width: 30px;
height: 30px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.quote-summary__heading .collapsible-trigger__icon-image {
fill: #fff
}
.quote-summary__options {
border: 1px solid #ccc;
border-top: none;
background-color: #fff
}
.quote-summary__table-options-title {
display: none
}
.quote-summary--base-selected .quote-summary__table-options-title {
display: block
}
.quote-summary--options-selected .quote-summary__table-options-title {
display: none
}
.quote-summary--options-selected .quote-summary__table-options-price {
display: none
}
.quote-summary__table-options-price.show {
display: block
}
.quote-summary__table-options-btn {
display: none;
margin: 0;
padding: 0;
background: 0 0;
color: #333;
text-decoration: underline;
text-transform: none;
min-width: auto
}
.quote-summary__table-options-btn:hover,
.quote-summary__table-options-btn:focus {
color: #333
}
.quote-summary--base-selected .quote-summary__table-options-btn {
display: none
}
.quote-summary--options-selected .quote-summary__table-options-btn {
display: block
}
.quote-summary__period-selector {
border-bottom: 1px solid #ccc
}
.quote-summary__period-selector .Form__Element {
padding-bottom: 0;
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: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.quote-summary__period-selector .Form__Element select {
width: 50%
}
.quote-summary__costs {
position: relative
}
.quote-summary__table {
width: 100%;
border-collapse: collapse
}
.quote-tool-container--step2 .quote-summary__table {
display: none
}
.quote-summary--base-selected .quote-summary__table {
display: table
}
.quote-summary__table th {
text-align: left
}
.quote-summary__table td {
padding-top: 10px;
vertical-align: top;
line-height: 1.25
}
.quote-summary__table tbody tr:last-child td {
padding-bottom: 30px;
border-bottom: 1px solid #ccc
}
.quote-summary__table tfoot th,
.quote-summary__table tbody th {
padding-top: 30px
}
.quote-summary__table tr.savings td {
color: #d24723
}
.quote-summary__table .quote-summary__change-options {
text-align: right;
padding-top: 20px;
padding-right: 5px
}
.quote-summary__table td+td {
white-space: nowrap
}
.quote-tool-container--step2 .quote-summary__table-options {
display: none
}
.quote-summary--base-selected .quote-summary__table-options {
display: table-row-group
}
.quote-summary--options-selected .quote-summary__table-options {
display: none
}
.quote-summary--options-selected .quote-summary__table-options.show {
display: table-row-group
}
.quote-summary__table-options th:first-of-type,
.quote-summary__table-options td:first-of-type,
.quote-summary__table-footer th:first-of-type,
.quote-summary__table-footer td:first-of-type {
padding-right: 10px
}
.quote-summary__table-options td+td {
padding-right: 20px;
position: relative;
font-weight: 700
}
.quote-summary__table-options td+td button {
position: absolute;
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;
color: #00008f;
font-size: 22px;
top: 5px;
right: 0;
text-align: right
}
.quote-summary__discounts {
margin: 20px 0 0 0;
padding: 0;
list-style: none
}
.quote-summary__discounts li {
padding: 0;
margin: 0
}
.quote-summary__discounts li+li {
margin-top: 10px
}
.quote-summary__employees {
margin-top: 20px;
border: 1px solid #ccc
}
.quote-summary__employees-list {
margin: 0 0 25px 0;
padding: 0;
list-style: none
}
.quote-summary__employees-list li {
padding: 0;
margin: 0
}
.quote-summary__employees-list li+li {
margin-top: 10px
}
.quote-summary__manage {
display: none;
padding-top: 30px;
border-top: 1px solid #ccc;
margin-top: 30px
}
.quote-summary--base-selected .quote-summary__manage {
display: block
}
.quote-summary__manage-title {
margin-bottom: 10px
}
.quote-summary__manage-select .Form__Element {
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;
gap: 20px
}
.quote-summary__manage-select-input {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
cursor: pointer
}
.quote-summary__manage-select-label {
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;
line-height: 1.25
}
.quote-summary__manage-checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px
}
.quote-summary__manage-checkbox:last-of-type {
margin-bottom: 0
}
.quote-summary__manage-checkbox-input {
position: absolute;
opacity: 0
}
.quote-summary__manage-checkbox-input:checked+label::after {
border-color: #00008f
}
.quote-summary__manage-checkbox-input:checked+label::before {
background-color: #00008f
}
[data-a11y] .quote-summary__manage-checkbox-input:focus+label::after {
border-color: #00008f;
outline: 1px solid #00008f
}
.quote-summary__manage-checkbox-label {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
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;
line-height: 1.25;
padding-left: 40px;
cursor: pointer
}
.quote-summary__manage-checkbox-label::before,
.quote-summary__manage-checkbox-label::after {
cursor: pointer
}
.quote-summary__manage-checkbox-label::after {
content: "";
display: block;
width: 20px;
height: 20px;
border: solid 1px;
border-color: #ccc;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.quote-summary__manage-checkbox-label::before {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 4px;
left: 4px
}
.quote-summary__continue {
display: none;
margin: 25px 25px 0 0
}
.quote-summary--base-selected .quote-summary__continue {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.quote-summary--options-selected .quote-summary__continue {
display: none
}
.quote-summary__submit {
display: none
}
.quote-summary--options-selected .quote-summary__submit {
display: inline-block
}
.quote-summary__links {
margin: 30px 0 0;
padding: 30px 0 0;
border-top: 1px solid #ccc;
list-style-type: none
}
.quote-summary__links li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media (min-width: 60em) {
.quote-summary__costs,
.quote-summary__employees,
.quote-summary__period-selector,
.quote-summary__heading {
padding: 30px
}
.quote-summary__employees-list li {
color: gray
}
}
.has-quote-summary-bar .back-to-top {
display: none
}
.quote-summary[remove-transitions=true] * {
-webkit-transition: none !important;
transition: none !important
}
.quote-summary__bar {
position: fixed;
background: #027180;
z-index: 3;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
margin-bottom: 0;
padding: 0 40px;
color: #fff
}
.quote-summary__bar .quote-summary__toggle {
margin: 0
}
.quote-summary__bar dl {
width: auto
}
.quote-summary__bar dt,
.quote-summary__bar dd {
margin: 0
}
.quote-summary__bar-price {
margin-right: 8.7%
}
.quote-summary__bar-cover {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.quote-summary__bar-inner {
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;
max-width: 1200px;
margin: auto;
padding: 10px 0
}
.quote-summary__close {
display: none
}
@media (min-width: 48em) {
.quote-summary__bar-inner {
padding: 20px 0
}
.quote-summary__bar-inner:before,
.quote-summary__bar-inner:after {
content: "";
display: block;
width: 7%
}
}
@media (min-width: 60em) {
.quote-summary__bar[data-hidden=true] {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.quote-summary__bar-inner:before,
.quote-summary__bar-inner:after {
width: 5%
}
}
@media (max-width: 59.99em) {
.quote-summary__bar {
padding: 0 20px
}
.quote-summary__bar .quote-summary__toggle {
min-width: auto;
padding: 10px;
font-size: .8125rem
}
.quote-summary__bar-price {
margin-right: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.quote-summary__bar~.quote-summary__slider {
position: fixed;
z-index: 1;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
background: #fff;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: auto;
-webkit-transition: all .5s;
transition: all .5s
}
.quote-summary__bar~.quote-summary__slider .quote-summary__options,
.quote-summary__bar~.quote-summary__slider .quote-summary__employees {
border-left: none;
border-right: none;
border-top: 0;
margin-top: 0
}
.quote-summary[data-has-summary-bar] {
margin-bottom: 0
}
.quote-summary[data-has-summary-bar] .quote-summary__heading {
font-size: 1.25rem
}
.quote-summary[data-has-summary-bar].open .quote-summary__bar {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.quote-summary[data-has-summary-bar].open .quote-summary__slider,
.quote-summary[data-has-summary-bar].open .quote-summary__close {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.quote-summary__close {
position: fixed;
display: block;
z-index: 2;
top: 0;
right: 0;
color: #00008f;
font-size: 40px;
width: 1.25em;
text-align: center;
line-height: 1.25em;
font-weight: 600;
-webkit-transform: translate(0, 100vh);
-ms-transform: translate(0, 100vh);
transform: translate(0, 100vh);
-webkit-transition: all .5s;
transition: all .5s;
background: rgba(255, 255, 255, .7);
cursor: pointer
}
.quote-summary__bar-cover {
display: none
}
}
.quote-title__desc {
letter-spacing: 0
}
.quote-terms-wrapper {
padding-bottom: 20px
}
.quote-terms {
margin: auto;
padding: 20px 7%;
border: 1px solid #ccc
}
@media (min-width: 60em) {
.quote-terms-wrapper {
padding-top: 20px;
padding-bottom: 40px
}
.quote-terms {
padding: 40px 5%
}
}
.quote-title {
margin-bottom: 20px
}
@media (min-width: 60em) {
.quote-title {
margin-bottom: 32px
}
}
.tooltip {
position: relative;
display: inline-block;
text-decoration: none;
padding-left: 5px;
cursor: pointer
}
.tooltip:before {
content: "i";
display: block;
width: 15px;
height: 15px;
font-size: 12px;
background: #00008f;
color: #fff;
border-radius: 50%;
text-align: center;
font-weight: 700
}
.tooltip:focus,
.tooltip.active {
pointer-events: none
}
.tooltip:focus .tooltip__information,
.tooltip.active .tooltip__information {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-88%, -100%) scale(1);
-ms-transform: translate(-88%, -100%) scale(1);
transform: translate(-88%, -100%) scale(1);
margin-top: -28px
}
.tooltip__information {
position: absolute;
z-index: 100;
visibility: hidden;
white-space: normal;
opacity: 0;
-webkit-transform: translate(-80%, -50%) scale(0);
-ms-transform: translate(-80%, -50%) scale(0);
transform: translate(-80%, -50%) scale(0);
-webkit-transform-origin: 90% 40%;
-ms-transform-origin: 90% 40%;
transform-origin: 90% 40%;
-webkit-transition: all .3s;
transition: all .3s;
background: #3a43d0;
color: #fff;
border-radius: 3px;
padding: 15px 15px 15px 39px;
width: 250px;
margin-top: 0;
pointer-events: all;
cursor: default
}
.tooltip__information:before {
content: "i";
float: left;
width: 15px;
height: 15px;
font-size: 12px;
color: #fff;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
font-weight: 700;
margin-left: -26px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.tooltip__information:after {
content: "";
position: absolute;
width: 15px;
height: 15px;
background: #3a43d0;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: -6px;
right: 15px
}
.svgtip {
fill: #00008f
}
.svgtip path {
fill: inherit
}
@media (max-width: 59.99em) {
.tooltip:focus .tooltip__information,
.tooltip.active .tooltip__information {
-webkit-transform: translate(-88%, 0) scale(1);
-ms-transform: translate(-88%, 0) scale(1);
transform: translate(-88%, 0) scale(1);
margin-top: 12px
}
.tooltip__information:after {
bottom: auto;
top: -6px
}
}
.list-component {
padding: 40px 20px
}
.list-component__container {
max-width: 1200px;
margin: 0 auto
}
.list-component__title {
text-align: center;
margin-bottom: 30px
}
.list-component__item-title {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.list-component__item-title {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.list-component__item-title {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.list-component__item-title {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.list-component__list,
.richtext ol,
.richtext ul {
margin: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px
}
.list-component__list li,
.richtext ol li,
.richtext ul li {
list-style: none;
position: relative;
margin: 0;
padding: 0 10px 20px 35px
}
.list-component__list li:before,
.richtext ol li:before,
.richtext ul li:before {
position: absolute
}
.list-component__list--bullet li:before,
.richtext ul li:before {
left: 10px;
top: 7px;
width: 8px;
height: 8px;
border-radius: 50%;
content: ""
}
.list-component__list--number,
.richtext ol {
counter-reset: number
}
.list-component__list--number li:before,
.richtext ol li:before {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 600;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
background: 0 0;
content: counter(number) ".";
counter-increment: number;
top: 0;
left: 10px;
width: 8px;
height: 8px
}
@media (min-width: 48em) {
.list-component__list--number li:before,
.richtext ol li:before {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.list-component__list--number li:before,
.richtext ol li:before {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.list-component__list--number li:before,
.richtext ol li:before {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.list-component__item--solid-cross--blue:before,
.list-component__list--solid-cross--blue li:before,
.list-component__item--solid-cross--black:before,
.list-component__list--solid-cross--black li:before,
.list-component__item--solid-cross--white:before,
.list-component__list--solid-cross--white li:before,
.list-component__item--tick--blue:before,
.list-component__list--tick--blue li:before,
.list-component__item--tick--black:before,
.list-component__list--tick--black li:before,
.list-component__item--tick--white:before,
.list-component__list--tick--white li:before {
content: "";
background-repeat: no-repeat;
background-position: center center;
background-color: transparent !important;
left: 5px;
top: -3px;
width: 18px;
height: 27px
}
.list-component__item--solid-cross--blue:before {
background-image: url(/assets/images/symbols/solid-cross--blue.svg) !important
}
.list-component__list--solid-cross--blue li:before {
background-image: url(/assets/images/symbols/solid-cross--blue.svg)
}
.list-component__item--solid-cross--black:before {
background-image: url(/assets/images/symbols/solid-cross--black.svg) !important
}
.list-component__list--solid-cross--black li:before {
background-image: url(/assets/images/symbols/solid-cross--black.svg)
}
.list-component__item--solid-cross--white:before {
background-image: url(/assets/images/symbols/solid-cross--white.svg) !important
}
.list-component__list--solid-cross--white li:before {
background-image: url(/assets/images/symbols/solid-cross--white.svg)
}
.list-component__item--tick--blue:before {
background-image: url(/assets/images/symbols/tick--blue.svg) !important
}
.list-component__list--tick--blue li:before {
background-image: url(/assets/images/symbols/tick--blue.svg)
}
.list-component__item--tick--black:before {
background-image: url(/assets/images/symbols/tick--black.svg) !important
}
.list-component__list--tick--black li:before {
background-image: url(/assets/images/symbols/tick--black.svg)
}
.list-component__item--tick--white:before {
background-image: url(/assets/images/symbols/tick--white.svg) !important
}
.list-component__list--tick--white li:before {
background-image: url(/assets/images/symbols/tick--white.svg)
}
@media (min-width: 48em) {
.list-component__list--bullet li:before,
.richtext ul li:before {
top: 10px
}
.list-component__list,
.richtext ol,
.richtext ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance
}
.list-component__item--solid-cross--blue:before {
top: 2px
}
.list-component__list--solid-cross--blue li:before {
top: 2px
}
.list-component__item--solid-cross--black:before {
top: 2px
}
.list-component__list--solid-cross--black li:before {
top: 2px
}
.list-component__item--solid-cross--white:before {
top: 2px
}
.list-component__list--solid-cross--white li:before {
top: 2px
}
.list-component__item--tick--blue:before {
top: 2px
}
.list-component__list--tick--blue li:before {
top: 2px
}
.list-component__item--tick--black:before {
top: 2px
}
.list-component__list--tick--black li:before {
top: 2px
}
.list-component__item--tick--white:before {
top: 2px
}
.list-component__list--tick--white li:before {
top: 2px
}
}
@media (min-width: 60em) {
.list-component {
padding: 80px 40px
}
}
.richtext .typo-78-serif {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 2.875rem;
line-height: 1.13em;
letter-spacing: .02em;
margin-bottom: 21px
}
@media (min-width: 48em) {
.richtext .typo-78-serif {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-78-serif {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-78-serif {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-78-serif {
margin-bottom: 28px
}
}
.richtext .typo-62-serif {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.1em;
letter-spacing: .02em;
margin-bottom: 16px
}
@media (min-width: 48em) {
.richtext .typo-62-serif {
font-size: 3rem;
line-height: 1.16em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-62-serif {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-62-serif {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-62-serif {
margin-bottom: 26px
}
}
.richtext .typo-48-serif {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.875rem;
line-height: 1.13em;
letter-spacing: .02em;
margin-bottom: 13px
}
@media (min-width: 48em) {
.richtext .typo-48-serif {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-48-serif {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-48-serif {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-48-serif {
margin-bottom: 18px
}
}
.richtext .typo-36-serif {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.17em;
letter-spacing: .02em;
margin-bottom: 11px
}
@media (min-width: 48em) {
.richtext .typo-36-serif {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-36-serif {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-36-serif {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-36-serif {
margin-bottom: 17px
}
}
.richtext .typo-28-serif {
font-family: "Publico Headline", Georgia, serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 16px
}
@media (min-width: 48em) {
.richtext .typo-28-serif {
font-size: 1.75rem;
line-height: 1.14em
}
}
@media (min-width: 48em) {
.richtext .typo-28-serif {
margin-bottom: 13px
}
}
.richtext .typo-78 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 2.875rem;
line-height: 1.13em;
letter-spacing: -.01em;
margin-bottom: 21px
}
@media (min-width: 48em) {
.richtext .typo-78 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext .typo-78 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext .typo-78 {
font-size: 4.875rem;
line-height: 1.05em;
letter-spacing: -.01em
}
}
@media (min-width: 48em) {
.richtext .typo-78 {
margin-bottom: 28px
}
}
.richtext .typo-62 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 2.5rem;
line-height: 1.1em;
letter-spacing: -.01em;
margin-bottom: 16px
}
@media (min-width: 48em) {
.richtext .typo-62 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext .typo-62 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext .typo-62 {
font-size: 3.875rem;
line-height: 1.16em;
letter-spacing: -.01em
}
}
@media (min-width: 48em) {
.richtext .typo-62 {
margin-bottom: 26px
}
}
.richtext .typo-48 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.875rem;
line-height: 1.13em;
letter-spacing: -.01em;
margin-bottom: 13px
}
@media (min-width: 48em) {
.richtext .typo-48 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext .typo-48 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext .typo-48 {
font-size: 3rem;
line-height: 1.13em;
letter-spacing: -.01em
}
}
@media (min-width: 48em) {
.richtext .typo-48 {
margin-bottom: 18px
}
}
.richtext .typo-36 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.17em;
letter-spacing: -.01em;
margin-bottom: 11px
}
@media (min-width: 48em) {
.richtext .typo-36 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext .typo-36 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext .typo-36 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 48em) {
.richtext .typo-36 {
margin-bottom: 17px
}
}
.richtext .typo-28 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: -.01em;
margin-bottom: 16px
}
@media (min-width: 48em) {
.richtext .typo-28 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext .typo-28 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext .typo-28 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 48em) {
.richtext .typo-28 {
margin-bottom: 13px
}
}
.richtext .typo-24,
.richtext .quote-summary__heading {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0;
margin-bottom: 11px
}
@media (min-width: 48em) {
.richtext .typo-24,
.richtext .quote-summary__heading {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.richtext .typo-24,
.richtext .quote-summary__heading {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.richtext .typo-24,
.richtext .quote-summary__heading {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 48em) {
.richtext .typo-24,
.richtext .quote-summary__heading {
margin-bottom: 13px
}
}
.richtext .typo-20,
.richtext .quote-summary__bar dd,
.quote-summary__bar .richtext dd {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em;
margin-bottom: 12px
}
@media (min-width: 48em) {
.richtext .typo-20,
.richtext .quote-summary__bar dd,
.quote-summary__bar .richtext dd {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.richtext .typo-20,
.richtext .quote-summary__bar dd,
.quote-summary__bar .richtext dd {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.richtext .typo-20,
.richtext .quote-summary__bar dd,
.quote-summary__bar .richtext dd {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 48em) {
.richtext .typo-20,
.richtext .quote-summary__bar dd,
.quote-summary__bar .richtext dd {
margin-bottom: 16px
}
}
.richtext .typo-18,
.richtext .document-list th,
.document-list .richtext th,
.richtext .quote-product-selector__title,
.richtext .quote-summary__table tfoot th,
.quote-summary__table tfoot .richtext th,
.richtext .quote-summary__table tbody th,
.quote-summary__table tbody .richtext th,
.richtext .quote-summary__table tfoot tr:first-child th,
.quote-summary__table tfoot tr:first-child .richtext th {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 1.5em;
letter-spacing: .01em;
margin-bottom: 10px
}
@media (min-width: 48em) {
.richtext .typo-18,
.richtext .document-list th,
.document-list .richtext th,
.richtext .quote-product-selector__title,
.richtext .quote-summary__table tfoot th,
.quote-summary__table tfoot .richtext th,
.richtext .quote-summary__table tbody th,
.quote-summary__table tbody .richtext th,
.richtext .quote-summary__table tfoot tr:first-child th,
.quote-summary__table tfoot tr:first-child .richtext th {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.richtext .typo-18,
.richtext .document-list th,
.document-list .richtext th,
.richtext .quote-product-selector__title,
.richtext .quote-summary__table tfoot th,
.quote-summary__table tfoot .richtext th,
.richtext .quote-summary__table tbody th,
.quote-summary__table tbody .richtext th,
.richtext .quote-summary__table tfoot tr:first-child th,
.quote-summary__table tfoot tr:first-child .richtext th {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.richtext .typo-18,
.richtext .document-list th,
.document-list .richtext th,
.richtext .quote-product-selector__title,
.richtext .quote-summary__table tfoot th,
.quote-summary__table tfoot .richtext th,
.richtext .quote-summary__table tbody th,
.quote-summary__table tbody .richtext th,
.richtext .quote-summary__table tfoot tr:first-child th,
.quote-summary__table tfoot tr:first-child .richtext th {
font-size: 1.125rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 48em) {
.richtext .typo-18,
.richtext .document-list th,
.document-list .richtext th,
.richtext .quote-product-selector__title,
.richtext .quote-summary__table tfoot th,
.quote-summary__table tfoot .richtext th,
.richtext .quote-summary__table tbody th,
.quote-summary__table tbody .richtext th,
.richtext .quote-summary__table tfoot tr:first-child th,
.quote-summary__table tfoot tr:first-child .richtext th {
margin-bottom: 15px
}
}
.richtext .typo-16,
.richtext .document-list td,
.document-list .richtext td,
.richtext .quote-product-selector__description,
.richtext .quote-summary__intro,
.richtext .quote-summary__table-options-btn,
.richtext .quote-summary__table th,
.quote-summary__table .richtext th,
.richtext .quote-summary__table td,
.quote-summary__table .richtext td {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 10px
}
@media (min-width: 48em) {
.richtext .typo-16,
.richtext .document-list td,
.document-list .richtext td,
.richtext .quote-product-selector__description,
.richtext .quote-summary__intro,
.richtext .quote-summary__table-options-btn,
.richtext .quote-summary__table th,
.quote-summary__table .richtext th,
.richtext .quote-summary__table td,
.quote-summary__table .richtext td {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-16,
.richtext .document-list td,
.document-list .richtext td,
.richtext .quote-product-selector__description,
.richtext .quote-summary__intro,
.richtext .quote-summary__table-options-btn,
.richtext .quote-summary__table th,
.quote-summary__table .richtext th,
.richtext .quote-summary__table td,
.quote-summary__table .richtext td {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-16,
.richtext .document-list td,
.document-list .richtext td,
.richtext .quote-product-selector__description,
.richtext .quote-summary__intro,
.richtext .quote-summary__table-options-btn,
.richtext .quote-summary__table th,
.quote-summary__table .richtext th,
.richtext .quote-summary__table td,
.quote-summary__table .richtext td {
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-16,
.richtext .document-list td,
.document-list .richtext td,
.richtext .quote-product-selector__description,
.richtext .quote-summary__intro,
.richtext .quote-summary__table-options-btn,
.richtext .quote-summary__table th,
.quote-summary__table .richtext th,
.richtext .quote-summary__table td,
.quote-summary__table .richtext td {
margin-bottom: 11px
}
}
.richtext .typo-14,
.richtext .document-list .document-list__downloadall a,
.document-list .document-list__downloadall .richtext a,
.richtext .quote-awards__content p,
.quote-awards__content .richtext p,
.richtext .quote-summary__discounts strong,
.quote-summary__discounts .richtext strong,
.richtext .quote-summary__employees-list li,
.quote-summary__employees-list .richtext li,
.richtext .quote-terms,
.richtext small {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 10px
}
@media (min-width: 48em) {
.richtext .typo-14,
.richtext .document-list .document-list__downloadall a,
.document-list .document-list__downloadall .richtext a,
.richtext .quote-awards__content p,
.quote-awards__content .richtext p,
.richtext .quote-summary__discounts strong,
.quote-summary__discounts .richtext strong,
.richtext .quote-summary__employees-list li,
.quote-summary__employees-list .richtext li,
.richtext .quote-terms,
.richtext small {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-14,
.richtext .document-list .document-list__downloadall a,
.document-list .document-list__downloadall .richtext a,
.richtext .quote-awards__content p,
.quote-awards__content .richtext p,
.richtext .quote-summary__discounts strong,
.quote-summary__discounts .richtext strong,
.richtext .quote-summary__employees-list li,
.quote-summary__employees-list .richtext li,
.richtext .quote-terms,
.richtext small {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-14,
.richtext .document-list .document-list__downloadall a,
.document-list .document-list__downloadall .richtext a,
.richtext .quote-awards__content p,
.quote-awards__content .richtext p,
.richtext .quote-summary__discounts strong,
.quote-summary__discounts .richtext strong,
.richtext .quote-summary__employees-list li,
.quote-summary__employees-list .richtext li,
.richtext .quote-terms,
.richtext small {
font-size: .875rem;
line-height: 1.21em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-14,
.richtext .document-list .document-list__downloadall a,
.document-list .document-list__downloadall .richtext a,
.richtext .quote-awards__content p,
.quote-awards__content .richtext p,
.richtext .quote-summary__discounts strong,
.quote-summary__discounts .richtext strong,
.richtext .quote-summary__employees-list li,
.quote-summary__employees-list .richtext li,
.richtext .quote-terms,
.richtext small {
margin-bottom: 8px
}
}
.richtext .typo-13,
.richtext .quote-summary__discounts small,
.quote-summary__discounts .richtext small,
.richtext .quote-summary__bar dt,
.quote-summary__bar .richtext dt {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 400;
font-size: .75rem;
line-height: 1.5em;
letter-spacing: .02em;
margin-bottom: 10px
}
@media (min-width: 48em) {
.richtext .typo-13,
.richtext .quote-summary__discounts small,
.quote-summary__discounts .richtext small,
.richtext .quote-summary__bar dt,
.quote-summary__bar .richtext dt {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 62em) {
.richtext .typo-13,
.richtext .quote-summary__discounts small,
.quote-summary__discounts .richtext small,
.richtext .quote-summary__bar dt,
.quote-summary__bar .richtext dt {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 75em) {
.richtext .typo-13,
.richtext .quote-summary__discounts small,
.quote-summary__discounts .richtext small,
.richtext .quote-summary__bar dt,
.quote-summary__bar .richtext dt {
font-size: .8125rem;
line-height: 1.38em;
letter-spacing: .02em
}
}
@media (min-width: 48em) {
.richtext .typo-13,
.richtext .quote-summary__discounts small,
.quote-summary__discounts .richtext small,
.richtext .quote-summary__bar dt,
.quote-summary__bar .richtext dt {
margin-bottom: 9px
}
}
.richtext p,
.richtext li {
width: 100%
}
.richtext p+a,
.richtext p+button {
margin-top: 30px;
margin-left: 0
}
.richtext h4+h1 {
margin-top: 0
}
.richtext p+h1,
.richtext p+h2,
.richtext p+h3,
.richtext p+h4,
.richtext p+h5,
.richtext p+h6 {
margin-top: 20px
}
.richtext ol li {
padding-bottom: 5px
}
.richtext ol li:last-child {
padding-bottom: 0
}
.richtext ul li {
padding-bottom: 5px
}
.richtext ul li:last-child {
padding-bottom: 0
}
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5 {
font-family: "SourceSansPro", Arial, sans-serif
}
.richtext h2.serif,
.richtext h3.serif,
.richtext h4.serif,
.richtext h5.serif {
font-family: "Publico Headline", Georgia, serif
}
.richtext h2 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.17em;
letter-spacing: -.01em;
line-height: 1.4em
}
@media (min-width: 48em) {
.richtext h2 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext h2 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext h2 {
font-size: 2.25rem;
line-height: 1.17em;
letter-spacing: -.01em
}
}
.richtext h3 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: -.01em
}
@media (min-width: 48em) {
.richtext h3 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 62em) {
.richtext h3 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
@media (min-width: 75em) {
.richtext h3 {
font-size: 1.75rem;
line-height: 1.14em;
letter-spacing: -.01em
}
}
.richtext h4 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: 0;
font-size: 1.125rem
}
@media (min-width: 48em) {
.richtext h4 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 62em) {
.richtext h4 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
@media (min-width: 75em) {
.richtext h4 {
font-size: 1.5rem;
line-height: 1.2em;
letter-spacing: 0
}
}
.richtext h5 {
font-family: "SourceSansPro", Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .01em
}
@media (min-width: 48em) {
.richtext h5 {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 62em) {
.richtext h5 {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
@media (min-width: 75em) {
.richtext h5 {
font-size: 1.25rem;
line-height: 1.5em;
letter-spacing: .01em
}
}
.richtext.text-component__container h2,
.richtext.text-component__container h3,
.richtext.text-component__container h4,
.richtext.text-component__container h5 {
margin: 1rem 0 .4rem
}
@media (min-width: 48em) {
.richtext.text-component__container h2,
.richtext.text-component__container h3,
.richtext.text-component__container h4,
.richtext.text-component__container h5 {
margin: 1.2rem 0 .6rem
}
}
@media (min-width: 62em) {
.richtext.text-component__container h2,
.richtext.text-component__container h3,
.richtext.text-component__container h4,
.richtext.text-component__container h5 {
margin: 1.4rem 0 .7rem
}
}
@media (min-width: 75em) {
.richtext.text-component__container h2,
.richtext.text-component__container h3,
.richtext.text-component__container h4,
.richtext.text-component__container h5 {
margin: 1.5rem 0 .75rem
}
}
.richtext.article-content__content h2,
.richtext.article-content__content h3,
.richtext.article-content__content h4,
.richtext.article-content__content h5 {
margin: 1rem auto .4rem
}
@media (min-width: 48em) {
.richtext.article-content__content h2,
.richtext.article-content__content h3,
.richtext.article-content__content h4,
.richtext.article-content__content h5 {
margin: 1.2rem auto .6rem
}
}
@media (min-width: 62em) {
.richtext.article-content__content h2,
.richtext.article-content__content h3,
.richtext.article-content__content h4,
.richtext.article-content__content h5 {
margin: 1.4rem auto .7rem
}
}
@media (min-width: 75em) {
.richtext.article-content__content h2,
.richtext.article-content__content h3,
.richtext.article-content__content h4,
.richtext.article-content__content h5 {
margin: 1.5rem auto .75rem
}
}
.richtext>:first-child {
margin-top: 0
}
.richtext>:last-child {
margin-bottom: 0
}
.richtext--center {
text-align: center
}
.richtext--white {
color: #fff
}
@media (min-width: 48em) {
.richtext ol,
.richtext ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto
}
}
@media (min-width: 60em) {
.richtext p+a,
.richtext p+button {
margin-top: 40px
}
}