@charset "UTF-8"; /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace,monospace;
font-size: 1em
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button, input, optgroup, select, textarea {
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-moz-appearance: button;
appearance: button;
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: 3px solid green;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-moz-appearance: textfield;
appearance: textfield;
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden], template {
display: none
}
html {
box-sizing: border-box;
font-size: 100%
}
*, :after, :before {
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 0
}
.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
max-width: none !important
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: 0 0;
line-height: 1;
cursor: auto
}
[data-whatinput=mouse] button {
outline: 0
}
pre {
overflow: auto
}
button, input, optgroup, select, textarea {
font-family: inherit
}
.is-visible {
display: block !important
}
.is-hidden {
display: none !important
}
.row {
max-width: 75rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.row .row {
margin-right: -.625rem;
margin-left: -.625rem
}
@media all and (min-width: 40em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media all and (min-width: 64em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0
}
.row.expanded {
max-width: none
}
.row.expanded .row {
margin-right: auto;
margin-left: auto
}
.row:not(.expanded) .row {
max-width: none
}
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0
}
.row.collapse > .column > .row, .row.collapse > .columns > .row, .row.is-collapse-child {
margin-right: 0;
margin-left: 0
}
.column, .columns {
flex: 1 1 0px;
padding-right: .625rem;
padding-left: .625rem;
min-width: 0
}
@media all and (min-width: 40em) {
.column, .columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.column.row.row, .row.row.columns {
float: none;
display: block
}
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.small-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.small-offset-0 {
margin-left: 0
}
.small-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-offset-1 {
margin-left: 8.33333%
}
.small-3 {
flex: 0 0 25%;
max-width: 25%
}
.small-offset-2 {
margin-left: 16.66667%
}
.small-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-offset-3 {
margin-left: 25%
}
.small-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.small-offset-4 {
margin-left: 33.33333%
}
.small-6 {
flex: 0 0 50%;
max-width: 50%
}
.small-offset-5 {
margin-left: 41.66667%
}
.small-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.small-offset-6 {
margin-left: 50%
}
.small-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.small-offset-7 {
margin-left: 58.33333%
}
.small-9 {
flex: 0 0 75%;
max-width: 75%
}
.small-offset-8 {
margin-left: 66.66667%
}
.small-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.small-offset-9 {
margin-left: 75%
}
.small-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.small-offset-10 {
margin-left: 83.33333%
}
.small-12 {
flex: 0 0 100%;
max-width: 100%
}
.small-offset-11 {
margin-left: 91.66667%
}
.small-up-1 {
flex-wrap: wrap
}
.small-up-1 > .column, .small-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%
}
.small-up-2 {
flex-wrap: wrap
}
.small-up-2 > .column, .small-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%
}
.small-up-3 {
flex-wrap: wrap
}
.small-up-3 > .column, .small-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-up-4 {
flex-wrap: wrap
}
.small-up-4 > .column, .small-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%
}
.small-up-5 {
flex-wrap: wrap
}
.small-up-5 > .column, .small-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%
}
.small-up-6 {
flex-wrap: wrap
}
.small-up-6 > .column, .small-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-up-7 {
flex-wrap: wrap
}
.small-up-7 > .column, .small-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-up-8 {
flex-wrap: wrap
}
.small-up-8 > .column, .small-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: .625rem;
padding-left: .625rem
}
@media all and (min-width: 40em) {
.medium-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.medium-offset-0 {
margin-left: 0
}
.medium-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-offset-1 {
margin-left: 8.33333%
}
.medium-3 {
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-2 {
margin-left: 16.66667%
}
.medium-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.medium-offset-4 {
margin-left: 33.33333%
}
.medium-6 {
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-5 {
margin-left: 41.66667%
}
.medium-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.medium-offset-7 {
margin-left: 58.33333%
}
.medium-9 {
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-8 {
margin-left: 66.66667%
}
.medium-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.medium-offset-10 {
margin-left: 83.33333%
}
.medium-12 {
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-11 {
margin-left: 91.66667%
}
.medium-up-1 {
flex-wrap: wrap
}
.medium-up-1 > .column, .medium-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%
}
.medium-up-2 {
flex-wrap: wrap
}
.medium-up-2 > .column, .medium-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%
}
.medium-up-3 {
flex-wrap: wrap
}
.medium-up-3 > .column, .medium-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-up-4 {
flex-wrap: wrap
}
.medium-up-4 > .column, .medium-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%
}
.medium-up-5 {
flex-wrap: wrap
}
.medium-up-5 > .column, .medium-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%
}
.medium-up-6 {
flex-wrap: wrap
}
.medium-up-6 > .column, .medium-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-up-7 {
flex-wrap: wrap
}
.medium-up-7 > .column, .medium-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-up-8 {
flex-wrap: wrap
}
.medium-up-8 > .column, .medium-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media all and (min-width: 40em) and (min-width:40em) {
.medium-expand {
flex: 1 1 0px
}
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 0 0 100%
}
@media all and (min-width: 40em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 1 1 0px
}
}
@media all and (min-width: 40em) {
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media all and (min-width: 64em) {
.large-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.large-offset-0 {
margin-left: 0
}
.large-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-2-half {
flex: 0 0 19.88883%;
max-width: 19.88883%
}
.large-offset-1 {
margin-left: 8.33333%
}
.large-3 {
flex: 0 0 25%;
max-width: 25%
}
.large-offset-2 {
margin-left: 16.66667%
}
.large-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-4-half {
flex: 0 0 37.5%;
max-width: 37.5%
}
.large-offset-3 {
margin-left: 25%
}
.large-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.large-offset-4 {
margin-left: 33.33333%
}
.large-6 {
flex: 0 0 50%;
max-width: 50%
}
.large-offset-5 {
margin-left: 41.66667%
}
.large-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.large-offset-6 {
margin-left: 50%
}
.large-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.large-offset-7 {
margin-left: 58.33333%
}
.large-9 {
flex: 0 0 75%;
max-width: 75%
}
.large-offset-8 {
margin-left: 66.66667%
}
.large-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.large-offset-9 {
margin-left: 75%
}
.large-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.large-offset-10 {
margin-left: 83.33333%
}
.large-12 {
flex: 0 0 100%;
max-width: 100%
}
.large-offset-11 {
margin-left: 91.66667%
}
.large-up-1 {
flex-wrap: wrap
}
.large-up-1 > .column, .large-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%
}
.large-up-2 {
flex-wrap: wrap
}
.large-up-2 > .column, .large-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%
}
.large-up-3 {
flex-wrap: wrap
}
.large-up-3 > .column, .large-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-up-4 {
flex-wrap: wrap
}
.large-up-4 > .column, .large-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%
}
.large-up-5 {
flex-wrap: wrap
}
.large-up-5 > .column, .large-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%
}
.large-up-6 {
flex-wrap: wrap
}
.large-up-6 > .column, .large-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-up-7 {
flex-wrap: wrap
}
.large-up-7 > .column, .large-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-up-8 {
flex-wrap: wrap
}
.large-up-8 > .column, .large-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media all and (min-width: 64em) and (min-width:64em) {
.large-expand {
flex: 1 1 0px
}
}
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 0 0 100%
}
@media all and (min-width: 64em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 1 1 0px
}
}
@media all and (min-width: 64em) {
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.shrink {
flex: 0 0 auto;
max-width: 100%
}
.column-block {
margin-bottom: 1.25rem
}
.column-block > :last-child {
margin-bottom: 0
}
@media all and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem
}
.column-block > :last-child {
margin-bottom: 0
}
}
.article__title, blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility
}
em, i {
font-style: italic
}
b, em, i, strong {
line-height: inherit
}
b, strong {
font-weight: 700
}
small {
font-size: 80%;
line-height: inherit
}
.article__title, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
font-style: normal;
font-weight: 400;
color: inherit;
text-rendering: optimizeLegibility
}
.article__title small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
line-height: 0;
color: #cacaca
}
.h1, h1 {
font-size: 1.75rem
}
.h1, .h2, h1, h2 {
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
.h2, h2 {
font-size: 1.55rem
}
.article__title, .h3, h3 {
font-size: 1.52rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: .5rem
}
.h4, h4 {
font-size: 1.125rem
}
.h4, .h5, h4, h5 {
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
.h5, h5 {
font-size: 1.0825rem
}
.h6, h6 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
@media all and (min-width: 40em) {
.h1, h1 {
font-size: 3rem
}
.h2, h2 {
font-size: 2.5rem
}
.article__title, .h3, h3 {
font-size: 1.9375rem
}
.h4, h4 {
font-size: 1.5625rem
}
.h5, h5 {
font-size: 1.25rem
}
.h6, h6 {
font-size: 1rem
}
}
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer
}
a:focus, a:hover {
color: #1468a0
}
a img, hr {
border: 0
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-bottom: 1px solid #cacaca
}
dl, ol, ul {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6
}
li {
font-size: inherit
}
ul {
list-style-type: disc
}
ol, ul {
margin-left: 1.25rem
}
ol ol, ol ul, ul ol, ul ul {
margin-left: 1.25rem;
margin-bottom: 0
}
dl {
margin-bottom: 1rem
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
blockquote {
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca
}
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a
}
cite {
display: block;
font-size: .8125rem;
color: #8a8a8a
}
cite:before {
content: "— "
}
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none
}
figure {
margin: 0
}
code {
padding: .125rem .3125rem .0625rem;
border: 1px solid #cacaca;
font-weight: 400
}
code, kbd {
background-color: #e6e6e6;
font-family: Consolas,Liberation Mono,Courier,monospace;
color: #0a0a0a
}
kbd {
margin: 0;
padding: .125rem .25rem 0
}
.subheader {
margin-top: .2rem;
margin-bottom: .5rem;
font-weight: 400;
line-height: 1.4;
color: #8a8a8a
}
.lead {
font-size: 125%;
line-height: 1.6
}
.stat {
font-size: 2.5rem;
line-height: 1
}
p + .stat {
margin-top: -1rem
}
ol.no-bullet, ul.no-bullet {
margin-left: 0;
list-style: none
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
@media all and (min-width: 40em) {
.medium-text-left {
text-align: left
}
.medium-text-right {
text-align: right
}
.medium-text-center {
text-align: center
}
.medium-text-justify {
text-align: justify
}
}
@media all and (min-width: 64em) {
.large-text-left {
text-align: left
}
.large-text-right {
text-align: right
}
.large-text-center {
text-align: center
}
.large-text-justify {
text-align: justify
}
}
.show-for-print {
display: none !important
}
.flex-video, .responsive-embed {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
margin-bottom: 30px
}
.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video, .responsive-embed embed, .responsive-embed iframe, .responsive-embed object, .responsive-embed video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.flex-video.widescreen, .responsive-embed.widescreen {
padding-bottom: 56.25%
}
.media-object {
display: flex;
margin-bottom: 1rem;
flex-wrap: nowrap
}
.media-object img {
max-width: none
}
@media screen and (max-width: 39.99875em) {
.media-object.stack-for-small {
flex-wrap: wrap
}
}
.media-object-section {
flex: 0 1 auto
}
.media-object-section:first-child {
padding-right: 1rem
}
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem
}
.media-object-section > :last-child {
margin-bottom: 0
}
@media screen and (max-width: 39.99875em) {
.stack-for-small .media-object-section {
padding: 0 0 1rem;
flex-basis: 100%;
max-width: 100%
}
.stack-for-small .media-object-section img {
width: 100%
}
}
.media-object-section.main-section {
flex: 1 1 0px
}
.hide {
display: none
}
.invisible {
visibility: hidden
}
@media screen and (max-width: 39.99875em) {
.hide-for-small-only {
display: none !important
}
}
@media screen and (max-width: 0em),screen and (min-width:40em) {
.show-for-small-only {
display: none !important
}
}
@media all and (min-width: 40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width: 39.99875em) {
.show-for-medium {
display: none !important
}
}
@media screen and (min-width: 40em) and (max-width:63.99875em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width: 39.99875em),screen and (min-width:64em) {
.show-for-medium-only {
display: none !important
}
}
@media all and (min-width: 64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width: 63.99875em) {
.show-for-large {
display: none !important
}
}
@media screen and (min-width: 64em) and (max-width:74.99875em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width: 63.99875em),screen and (min-width:75em) {
.show-for-large-only {
display: none !important
}
}
.show-for-sr, .show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.hide-for-portrait, .show-for-landscape {
display: block !important
}
@media screen and (orientation: landscape) {
.hide-for-portrait, .show-for-landscape {
display: block !important
}
}
@media screen and (orientation: portrait) {
.hide-for-portrait, .show-for-landscape {
display: none !important
}
}
.hide-for-landscape, .show-for-portrait {
display: none !important
}
@media screen and (orientation: landscape) {
.hide-for-landscape, .show-for-portrait {
display: none !important
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape, .show-for-portrait {
display: block !important
}
}
.align-left {
justify-content: flex-start
}
.align-right {
justify-content: flex-end
}
.align-center {
justify-content: center
}
.align-justify {
justify-content: space-between
}
.align-spaced {
justify-content: space-around
}
.align-left.vertical.menu > li > a {
justify-content: flex-start
}
.align-right.vertical.menu > li > a {
justify-content: flex-end
}
.align-center.vertical.menu > li > a {
justify-content: center
}
.align-top {
align-items: flex-start
}
.align-self-top {
align-self: flex-start
}
.align-bottom {
align-items: flex-end
}
.align-self-bottom {
align-self: flex-end
}
.align-middle {
align-items: center
}
.align-self-middle {
align-self: center
}
.align-stretch {
align-items: stretch
}
.align-self-stretch {
align-self: stretch
}
.align-center-middle {
justify-content: center;
align-items: center;
align-content: center
}
.small-order-1 {
order: 1
}
.small-order-2 {
order: 2
}
.small-order-3 {
order: 3
}
.small-order-4 {
order: 4
}
.small-order-5 {
order: 5
}
.small-order-6 {
order: 6
}
@media all and (min-width: 40em) {
.medium-order-1 {
order: 1
}
.medium-order-2 {
order: 2
}
.medium-order-3 {
order: 3
}
.medium-order-4 {
order: 4
}
.medium-order-5 {
order: 5
}
.medium-order-6 {
order: 6
}
}
@media all and (min-width: 64em) {
.large-order-1 {
order: 1
}
.large-order-2 {
order: 2
}
.large-order-3 {
order: 3
}
.large-order-4 {
order: 4
}
.large-order-5 {
order: 5
}
.large-order-6 {
order: 6
}
}
.flex-container {
display: flex
}
.flex-child-auto {
flex: 1 1 auto
}
.flex-child-grow {
flex: 1 0 auto
}
.flex-child-shrink {
flex: 0 1 auto
}
.flex-dir-row {
flex-direction: row
}
.flex-dir-row-reverse {
flex-direction: row-reverse
}
.flex-dir-column {
flex-direction: column
}
.flex-dir-column-reverse {
flex-direction: column-reverse
}
@media all and (min-width: 40em) {
.medium-flex-container {
display: flex
}
.medium-flex-child-auto {
flex: 1 1 auto
}
.medium-flex-child-grow {
flex: 1 0 auto
}
.medium-flex-child-shrink {
flex: 0 1 auto
}
.medium-flex-dir-row {
flex-direction: row
}
.medium-flex-dir-row-reverse {
flex-direction: row-reverse
}
.medium-flex-dir-column {
flex-direction: column
}
.medium-flex-dir-column-reverse {
flex-direction: column-reverse
}
}
@media all and (min-width: 64em) {
.large-flex-container {
display: flex
}
.large-flex-child-auto {
flex: 1 1 auto
}
.large-flex-child-grow {
flex: 1 0 auto
}
.large-flex-child-shrink {
flex: 0 1 auto
}
.large-flex-dir-row {
flex-direction: row
}
.large-flex-dir-row-reverse {
flex-direction: row-reverse
}
.large-flex-dir-column {
flex-direction: column
}
.large-flex-dir-column-reverse {
flex-direction: column-reverse
}
}
.lazyload {
filter: blur(25px);
transition: filter .4s
}
.lazyloaded {
filter: blur(0)
}
.tns-outer {
padding: 0 !important
}
.tns-outer [hidden] {
display: none !important
}
.tns-outer [aria-controls], .tns-outer [data-action] {
cursor: pointer
}
.tns-slider {
transition: all 0s
}
.tns-slider > .tns-item {
box-sizing: border-box
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%
}
.tns-gallery, .tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
min-height: 1px
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
transition: transform 0s,opacity 0s
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important
}
.tns-gallery > .tns-moving {
transition: all .25s
}
.tns-autowidth {
display: inline-block
}
.tns-lazy-img {
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
transition: height 0s
}
.tns-ovh {
overflow: hidden
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0
}
.tns-fadeOut, .tns-normal {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-vpfix > div, .tns-vpfix > li {
display: inline-block
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.3333333%;
width: 2333.33333%;
width: 2333.3333333333%;
position: absolute;
right: 0
}
.tns-t-ct:after {
content: "";
display: table;
clear: both
}
.tns-t-ct > div {
width: 1.4285714%;
width: 1.42857%;
width: 1.4285714286%;
height: 10px;
float: left
}
@font-face {
font-family: OverpassRegular;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/overpass-400.woff2) format("woff2")
}
@font-face {
font-family: OverpassBold;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/overpass-700.woff2) format("woff2")
}
@font-face {
font-family: MontserratBlack;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(fonts/montserrat-900.woff2) format("woff2")
}
@font-face {
font-family: icomoon;
src: url(fonts/icomoon.woff?7b9s1u) format("woff");
font-weight: 400;
font-style: normal;
font-display: block
}
html {
font-size: 16px
}
body {
font-size: 1.1rem;
font-family: OverpassRegular,sans-serif;
color: #10367a
}
.article__title, h1, h2, h3 {
font-family: MontserratBlack,Helvetica,Arial,sans-serif;
line-height: 1.1;
text-transform: uppercase;
margin-bottom: .6em
}
h4, h5, h6 {
font-family: OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase;
margin-bottom: .7em
}
ul {
margin: 0;
list-style-type: none
}
.tailed-heading {
position: relative;
overflow: hidden
}
.tailed-heading:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 2px;
margin: auto auto auto 1em;
background-color: #fff
}
.big-text {
font: 1.85em MontserratBlack,Helvetica,Arial,sans-serif;
text-transform: uppercase;
line-height: 1
}
@media all and (min-width: 40rem) {
.big-text {
font-size: 3em
}
}
@media all and (min-width: 64rem) {
.big-text {
font-size: 3.2em
}
}
.icon {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-envelope:before {
content: "\e901"
}
.icon-watch:before {
content: "\e900"
}
.icon-coin-pound:before {
content: "\e93d"
}
.icon-phone:before {
content: "\e942"
}
.icon-location2:before {
content: "\e948"
}
.icon-clock:before {
content: "\e94e"
}
.icon-twitter:before {
content: "\ea96"
}
.icon-linkedin2:before {
content: "\eaca"
}
#free-download-form #wf-submit-free-download, .btn, [name=wf-submit] {
display: inline-block;
padding: .5em 3.5em;
font-size: var(--font-size);
text-transform: uppercase;
border: 2px solid #fe5716;
color: #fff;
transition: all .2s ease;
text-align: center
}
#free-download-form #wf-submit-free-download:focus, .btn:focus, [name=wf-submit]:focus {
color: #fff
}
#free-download-form #wf-submit-free-download:hover, .btn:hover, [name=wf-submit]:hover {
color: #fff;
background-color: #fe5716;
text-decoration: underline
}
#free-download-form #wf-submit-free-download:active, .btn:active, [name=wf-submit]:active {
transform: translateX(1px) translateY(1px)
}
#free-download-form .bg--grey #wf-submit-free-download, #free-download-form .bg--white #wf-submit-free-download, .bg--grey #free-download-form #wf-submit-free-download, .bg--grey .btn, .bg--grey [name=wf-submit], .bg--white #free-download-form #wf-submit-free-download, .bg--white .btn, .bg--white [name=wf-submit] {
color: #10367a
}
#free-download-form .bg--grey #wf-submit-free-download:hover, #free-download-form .bg--white #wf-submit-free-download:hover, .bg--grey #free-download-form #wf-submit-free-download:hover, .bg--grey .btn:hover, .bg--grey [name=wf-submit]:hover, .bg--white #free-download-form #wf-submit-free-download:hover, .bg--white .btn:hover, .bg--white [name=wf-submit]:hover {
color: #fff
}
.btn--orange {
background-color: #fe5716
}
.btn--edit {
position: fixed;
right: 5px;
bottom: 5px;
z-index: 3;
padding: .3em 1.5em;
background-color: #fab600;
border-color: #fab600;
opacity: .6
}
.btn--small {
padding: .3em 2em
}
.btn--full {
width: 100%
}
@media all and (min-width: 64rem) {
#free-download-form #wf-submit-free-download, .btn, [name=wf-submit] {
--font-size: 1rem
}
}
.introduction .bg--navy {
color: #fff
}
@media all and (min-width: 64rem) {
.introduction__media {
position: relative;
padding: 0 15px
}
.introduction__media__inner {
max-width: 60em;
margin-right: auto;
margin-left: auto
}
.introduction__media__footer, .introduction__media__header {
content: "";
position: absolute;
left: 0;
z-index: -1;
width: 100%;
height: 50%
}
.introduction__media__header {
top: 0
}
.introduction__media__footer {
bottom: 0
}
}
.home-page .introduction {
position: relative;
margin-bottom: 70px
}
.home-page .introduction:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
content: "";
background: #fff;
background: linear-gradient(220deg,#1057c8,#1e3b88 60%);
z-index: -1
}
.home-page .introduction .bg--navy {
color: #fff;
background: 0
}
.home-page .introduction__media {
position: relative;
padding: 0 15px
}
.home-page .introduction .content-block {
padding-top: 75px;
padding-bottom: 35px
}
@media all and (min-width: 40rem) {
.home-page .introduction .content-block {
padding-bottom: 75px
}
}
.tab__container {
position: relative
}
.tab__container:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 35%;
background-color: #eef0f5
}
.tab__heading {
display: block;
width: 100%;
height: 100%;
padding: .5em;
text-align: center;
color: #10367a;
font: .6em OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase;
background-color: transparent;
border: 2px solid #00e3ff;
cursor: pointer
}
.tab__heading:hover {
text-decoration: underline
}
.tab__heading.active {
background-color: #00e3ff
}
.tab__body {
margin-top: 3em
}
.tab__content:not(.active) {
display: none
}
.tab__description {
margin-bottom: 2em
}
.tab__listing {
margin-top: 1em
}
.tab__listing .featured-image {
position: relative;
z-index: 0
}
.tab__listing__text {
position: absolute;
bottom: 0;
left: 2em;
z-index: 2
}
.tab__listing__title {
font: 1.3em OverpassBold,Helvetica,Arial,sans-serif;
margin-bottom: .5em
}
.tab__listing__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: #3b3b3d;
opacity: .5;
transition: opacity .5s ease-in-out
}
.tab__listing:hover .tab__listing__overlay {
opacity: .2
}
.tab__header .row {
display: block
}
.tab__header .row .columns {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.tab__heading {
font-size: 1.3em
}
.tab__body .row {
justify-content: center
}
@media all and (min-width: 40rem) {
.tab__listing {
margin-top: 2em
}
.tab__header .row {
display: flex
}
}
@media all and (min-width: 64rem) {
.tab__body {
margin-top: 3em
}
.tab__description {
margin-bottom: 4em
}
}
.bg-image-block {
padding-top: 7.5em;
padding-bottom: 7.5em;
overflow: hidden
}
.bg-image-block__image {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.bg-image-block__content {
position: relative;
z-index: 1
}
.bg-image-block__content .wysiwyg {
color: #fff
}
.bg-image-block__content > .row {
justify-content: center
}
@media all and (min-width: 40rem) {
.bg-image-block {
padding-top: 6.5em;
padding-bottom: 6.5em
}
}
@media all and (min-width: 64rem) {
.bg-image-block {
padding-top: 8.5em;
padding-bottom: 8.5em
}
.home .bg-image-block {
padding-top: 12em;
padding-bottom: 12em
}
.bg-image-block__content > .row.align-left {
justify-content: flex-start
}
.bg-image-block__content > .row.align-right {
justify-content: flex-end
}
}
.related-content {
padding-top: 0
}
.related-content__header {
padding-top: 3em;
padding-bottom: 4em
}
.related-content__header .article__title, .related-content__header h3 {
font-size: 2.2rem;
margin-bottom: .2em
}
.related-content__header .column {
margin-top: .7em;
margin-bottom: .7em
}
@media all and (min-width: 64rem) {
.related-content__header .column.large-4-half {
padding-left: 0;
padding-right: 2%
}
}
.related-content__header .wysiwyg p:last-child {
margin-bottom: 0
}
.related-content__list {
transform: translateY(-2em)
}
.related-content__entry {
position: relative;
padding-left: 0;
padding-right: 0;
margin-bottom: 2.5em
}
.related-content__entry.layout-long .related-content__text, .related-content__entry.layout-long > header {
border-left: 1px solid #10367a
}
.bg--navy .related-content__entry.layout-long .related-content__text, .bg--navy .related-content__entry.layout-long > header {
border-color: #fff
}
.related-content__text {
padding-top: 1.5em;
padding-left: 1.5em
}
.layout-short .related-content__text {
position: absolute;
bottom: 5%;
z-index: 3
}
.related-content__type {
color: #00e3ff;
font-size: 1.2em
}
.related-content__type.blog {
color: #fe5716
}
.related-content__title {
max-width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
font: 1.4em OverpassBold,Helvetica,Arial,sans-serif;
color: #10367a;
line-height: 1.1
}
.bg--navy .layout-long .related-content__title {
color: #fff
}
.layout-short .related-content__title {
color: #00e3ff;
margin-bottom: .2em
}
.related-content__excerpt {
font-size: .95em;
color: #10367a
}
.related-content__excerpt br, .related-content__excerpt span:first-child {
display: none
}
.bg--navy .related-content__excerpt {
color: #fff
}
.layout-short .related-content__excerpt {
margin-bottom: 0;
font-size: 1.1em;
font-family: MontserratBlack,Helvetica,Arial,sans-serif;
text-transform: uppercase;
line-height: 1;
color: #fff
}
@media all and (min-width: 64rem) {
.related-content {
padding-bottom: 0
}
.related-content__excerpt br, .related-content__excerpt span:first-child {
display: block
}
.related-content__header {
padding-bottom: 4em
}
.related-content__title {
width: 275px;
line-height: 1.1
}
.related-content__entries.layout-long {
position: relative
}
.related-content__list {
transform: translateY(-5%)
}
.related-content__entry.layout-long {
position: relative;
flex: 0 0 25%;
max-width: 25%;
padding-right: 1%;
transition: transform .7s cubic-bezier(0,.55,.45,1);
transform-origin: top left
}
.related-content__entry.layout-long .related-content__text, .related-content__entry.layout-long header {
width: 95%
}
.related-content__entry.layout-long .related-content__excerpt {
display: none
}
.related-content__entry.layout-long:hover {
transform: scale(1.05)
}
.related-content__entry.layout-long:hover .related-content__excerpt {
display: block;
animation-name: fadeInRight;
animation-duration: 1s
}
.related-content__entry.layout-long.layout-2 {
flex: 0 0 33%;
max-width: 33%
}
.related-content__entry.layout-long.layout-2:hover {
flex: 0 0 35%;
max-width: 35%
}
.related-content__entry.layout-short {
flex: 0 0 30%;
max-width: 30%;
margin-right: 1%;
margin-left: 1%
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(-10px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
.image-text__column {
margin-bottom: 2em
}
.image-text__image {
position: relative;
height: 0;
margin-left: auto;
margin-right: auto
}
.image-text__image.square {
width: 100%;
padding-top: 100%
}
.image-text__image.standing-rect {
width: 84%;
padding-top: 100%
}
.image-text__image.long-tube {
width: 84%;
padding-top: 123%
}
.image-text__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media all and (min-width: 40rem) {
.image-text__column {
margin-bottom: 0
}
}
@media all and (min-width: 64rem) {
.image-text__text {
padding-left: 2%;
padding-right: 2%
}
.image-text.pushed-block {
padding-top: 0
}
.pushed-block .image-text__image.long-tube {
padding-top: 150%
}
.pushed-block .image-text__column {
transform: translateY(20%)
}
}
@media all and (min-width: 64rem) {
.pushed-block__under {
padding-top: 10em
}
}
.icon-list__list {
margin-top: 2em
}
.icon-list__item {
margin-bottom: 2em
}
.icon-list__icon {
display: flex;
justify-content: center;
align-items: center;
width: 165px;
height: 165px;
margin: 1em auto;
border-radius: 50%
}
.icon-list__icon img {
max-width: 68%
}
.icon-list__icon.bg--noBackground img {
max-width: 100%
}
.icon-list__wrapper.two-column {
text-align: center
}
@media all and (min-width: 64rem) {
.icon-list__wrapper.two-column {
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left
}
.icon-list__wrapper.two-column .icon-list__icon {
width: 120px;
height: 120px;
margin-top: 0
}
.icon-list__wrapper.two-column .wysiwyg {
padding-left: 1em;
padding-right: 1em;
font-size: .9em
}
}
summary {
list-style: none
}
summary > * {
display: inline
}
summary::-webkit-details-marker, summary::marker {
display: none
}
.accordion__description {
margin-bottom: 2em
}
.accordion__details {
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 2px solid #00e3ff
}
.accordion__details:first-child {
border-top: 2px solid #00e3ff
}
.accordion__summary {
position: relative;
padding-right: 16px;
font-family: OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase;
cursor: pointer
}
.accordion__summary:after {
content: "";
position: absolute;
top: 10%;
right: 0;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #10367a;
transition: all .2s ease
}
.bg--navy .accordion__summary:after {
border-top-color: #fff
}
[open] .accordion__summary:after {
transform: rotate(180deg)
}
.accordion__text {
margin-top: 1.5em
}
.float-content {
background-color: #1e3b88;
justify-content: center
}
.float-content__inner {
padding: 2em
}
.float-content .wysiwyg {
color: #fff
}
@media all and (min-width: 64rem) {
.float-content {
background-color: transparent;
justify-content: flex-start
}
.float-content__inner {
position: absolute;
z-index: 1;
left: 0;
max-width: 700px;
padding: 3.5em;
transform: translateY(-31%);
background-color: #1e3b88
}
.float-content__above {
padding-bottom: 12em
}
.float-content__under {
padding-top: 25em !important
}
}
.central-big-image {
padding-bottom: 0
}
@media all and (min-width: 64rem) {
.central-big-image__upper {
padding-top: 5em
}
}
.central-big-image__lower {
padding-top: 2em;
padding-bottom: 2em
}
@media all and (min-width: 64rem) {
.central-big-image__lower {
padding-top: 5em;
padding-bottom: 5em
}
}
@media all and (min-width: 64rem) {
.layout--two-column .central-big-image__text {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem
}
}
.central-big-image .layout--one-column {
text-align: center
}
.testimonial {
max-width: 1000px;
margin: 2em auto 0
}
.testimonial__container {
max-width: 750px;
margin: auto
}
.testimonial__image > img {
opacity: 1 !important
}
.testimonial__name {
margin-bottom: 0
}
.testimonial__slider {
position: relative;
padding-top: 3em;
padding-bottom: 2em;
background-color: #eef0f5
}
.testimonial__quote {
position: relative
}
.testimonial__quote.is-quote:before {
content: "‟";
position: absolute;
top: 17px;
left: -35px;
height: 40px;
line-height: 40px;
font-size: 8em;
color: #c1c2ce
}
.testimonial__icon {
display: inline-block;
font-size: 1.5em;
margin-right: .5em
}
@media all and (min-width: 64rem) {
.testimonial__figure {
padding-left: 2em
}
.testimonial__quote {
padding-left: 1em
}
}
.tns-controls {
--nav-width: 32px;
--border-width: 8px;
--cornder-gap: 2px
}
.tns-controls button {
position: absolute;
top: 35%;
z-index: 3;
width: var(--nav-width);
height: var(--nav-width);
border: 2px solid #00e3ff;
text-indent: -999999px;
overflow: hidden;
font-size: 1px;
background-color: #fff
}
.tns-controls button:after {
content: "";
position: absolute;
top: calc(var(--border-width) - 2px);
width: 0;
height: 0
}
.tns-controls button[data-controls=prev] {
left: var(--cornder-gap)
}
.tns-controls button[data-controls=prev]:after {
left: var(--border-width);
border-top: var(--border-width) solid transparent;
border-bottom: var(--border-width) solid transparent;
border-right: var(--border-width) solid #10367a
}
.tns-controls button[data-controls=next] {
right: var(--cornder-gap)
}
.tns-controls button[data-controls=next]:after {
right: var(--border-width);
border-top: var(--border-width) solid transparent;
border-bottom: var(--border-width) solid transparent;
border-left: var(--border-width) solid #10367a
}
@media all and (min-width: 40rem) {
.tns-controls {
--nav-width: 40px;
--border-width: 10px;
--corner-gap: 10px
}
}
.feedback-refine .row {
max-width: 90rem;
justify-content: center
}
@media all and (min-width: 64rem) {
.feedback-refine .row {
justify-items: start
}
}
.feedback-refine__steps {
margin-top: 1em
}
.feedback-refine__step {
position: relative
}
.feedback-refine__step:not(:last-child) {
padding-bottom: 1.5em
}
.feedback-refine__step:not(:last-child):before {
content: "";
position: absolute;
top: 0;
left: -5px;
display: block;
width: 2px;
height: 100%;
background-color: #fff
}
.feedback-refine__step:not(:last-child):after {
content: "";
position: absolute;
left: -5px;
top: 0;
display: block;
color: #fff
}
.feedback-refine__step:first-child:after, .feedback-refine__step:nth-child(4):after {
width: 25px;
height: 2px;
background-color: #fff
}
.feedback-refine__step:nth-child(4) {
padding-bottom: 1em
}
.feedback-refine__step:nth-child(4):after {
top: auto;
bottom: 0
}
.feedback-refine__step:nth-child(2):after, .feedback-refine__step:nth-child(3):after {
content: "∧";
font-size: 2em;
left: -15px
}
.feedback-refine__step:last-child {
padding-top: 1em
}
@media all and (min-width: 64rem) {
.feedback-refine__step:not(:last-child) {
padding-top: 1em
}
.feedback-refine__step:not(:last-child):before {
left: 0;
width: 100%;
height: 2px
}
.feedback-refine__step:first-child:after, .feedback-refine__step:nth-child(4):after {
width: 2px;
height: 25px
}
.feedback-refine__step:first-child:after {
left: 0
}
.feedback-refine__step:nth-child(2):after, .feedback-refine__step:nth-child(3):after {
content: "<";
top: -27px
}
.feedback-refine__step:nth-child(4):after {
top: 0;
bottom: auto;
right: 0;
left: auto
}
.feedback-refine__step:last-child {
padding-left: 2em
}
}
.feedback-refine__step__title {
line-height: 2;
border-bottom: 2px solid #00e3ff
}
.statistic__title {
border-bottom: 1px solid #10367a
}
.statistic__number {
margin-bottom: .2em;
font-size: 2.5rem
}
.statistic__description {
font-size: 1.2em;
font-family: OverpassBold,Helvetica,Arial,sans-serif
}
.download-block__article {
padding: 1em
}
.download-block__article:not(:last-child) {
margin-bottom: 4.5em
}
.download-block__article img {
height: 110%;
top: -5%;
box-shadow: -1px 2px 5px #3b3b3d
}
.download-block__article__text {
display: flex;
align-items: center;
justify-content: center;
padding: .5em
}
#free-download-form .download-block__article__text #wf-submit-free-download, .download-block__article__text #free-download-form #wf-submit-free-download, .download-block__article__text .btn, .download-block__article__text [name=wf-submit] {
width: 240px;
max-width: 90%
}
@media all and (min-width: 64rem) {
.download-block__article__text {
padding: 2em
}
}
@media all and (min-width: 64rem) {
.download-block__article {
padding: 0
}
.download-block__article__text {
padding: 2em
}
}
.price-card__tab {
margin-top: 2em
}
.price-card__header {
margin-bottom: 2em
}
.price-card__body:not(.active) {
display: none
}
.price-card__item {
margin-bottom: 2em
}
.price-card__wrapper {
position: relative;
height: 100%;
padding: 1.5em;
border: 2px solid #10367a
}
@media all and (min-width: 40rem) {
.price-card__wrapper {
padding: 1.5em 1.5em 4.5em
}
}
@media all and (min-width: 40rem) {
.price-card__footer {
position: absolute;
width: calc(100% - 3em);
bottom: 1em
}
}
.price-card .price-card__hightlight {
position: relative;
top: auto;
right: auto;
padding-left: 1.5em;
padding-right: .7em;
margin-bottom: 1em;
color: #fff;
transform: translateX(-41px);
font-size: 1.2em;
font-weight: 700
}
.two-column__column {
margin-bottom: 1em
}
@media all and (min-width: 64rem) {
.two-column__column {
margin-bottom: 0
}
}
.two-column__wrapper {
padding: 1em
}
@media all and (min-width: 64rem) {
.two-column__wrapper {
padding: 1em 2em
}
}
.cookie-text-block {
padding-top: 0
}
.vacancy-list-board .article__title, .vacancy-list-board h3 {
font-size: 2rem
}
.vacancy-list-board h4 {
font-size: 1.75rem
}
.job {
position: relative;
padding: 2em;
margin-top: 1em;
margin-bottom: 2em;
border: 2px solid #fff;
color: #fff
}
.job__detail, .job__header {
margin-bottom: 1em
}
.job__detail {
font: .9em OverpassBold,Helvetica,Arial,sans-serif;
color: #00e3ff;
text-transform: uppercase
}
.job__detail li {
margin-bottom: .5em
}
.single-job .job__detail {
color: #10367a
}
.job__detail .icon {
font-size: 1.4em
}
.job__description {
line-height: 1.8;
margin-bottom: 1.5em
}
.job__date {
position: absolute;
top: 25%;
right: -38px;
display: inline-block;
padding: .4em .4em .35em;
font-size: .9em;
background-color: #fe5716
}
.single-job .job__date {
position: relative;
top: auto;
right: auto;
color: #fff;
margin-bottom: 2em
}
.job__filter {
position: relative;
width: 345px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
margin-bottom: 1.5em;
text-transform: uppercase;
background-color: #00e3ff
}
.job__filter:after {
position: absolute;
top: 50%;
right: 1.25rem;
display: inline-block;
content: "";
width: 0;
height: 0;
margin-top: -.15rem;
pointer-events: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff
}
.job__filter__label {
width: 41%;
height: 42px;
padding: .591em 1em;
color: #10367a;
background-color: #00e3ff
}
.job__filter__label, .job__filter__select {
display: inline-block;
font: .9em OverpassBold,Helvetica,Arial,sans-serif
}
.job__filter__select {
width: 58%;
height: 44px;
margin: 0;
padding: .5rem 2.25rem .5rem 1rem;
line-height: 1.5;
background-color: #10367a;
color: #fff;
text-transform: uppercase;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.job__filter__select:focus {
outline: none
}
.job__application {
position: fixed;
top: 10vh;
left: 0;
right: 0;
bottom: 1vh;
z-index: 4;
display: none;
width: 90%;
max-width: 75rem;
height: 76vh;
margin: auto;
overflow: scroll
}
.job__application:before {
content: "";
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100vh;
background-color: #3b3b3d;
opacity: .9
}
.job__form {
position: relative;
z-index: 4;
background-color: #fff
}
.job__form__close {
position: absolute;
right: 0;
padding: .3em .5em;
font-size: 1.5em;
background-color: #10367a;
color: #fff;
border: none;
cursor: pointer;
z-index: 1
}
@media all and (min-width: 64rem) {
.job__form__close {
font-size: 2.5em
}
}
.job__form form {
position: relative;
padding-bottom: 3em
}
.partners .article__title, .partners__logo, .partners h3 {
margin-bottom: 2em
}
.partners__logo {
position: relative;
padding: 4%
}
.footer--main {
padding-bottom: 0
}
.footer__logo {
margin-bottom: 1em
}
.footer__menu__list {
-moz-column-count: 2;
column-count: 2;
margin-bottom: 1em
}
.footer__menu__list li {
margin-bottom: 1em;
flex: 1 1 50%
}
.footer__menu__link {
text-transform: uppercase;
color: #fff;
text-decoration: underline
}
.footer__menu__link:hover {
color: #00e3ff;
text-decoration: none
}
.footer__contact {
color: #00e3ff
}
.footer__contact__detail {
display: block;
margin-bottom: 1em
}
.footer__contact a {
color: inherit
}
.footer__contact a:hover {
text-decoration: underline
}
.footer__stack {
font-size: .8em
}
.footer__stack__logo {
display: block;
margin-top: 5px;
margin-bottom: 10px
}
.footer__stack__logo:not(:last-child) {
margin-right: 15px
}
.footer__social {
display: inline-block
}
.footer__social:not(:last-child) {
margin-right: 1em
}
.bottom-menu {
padding-top: .8em;
padding-bottom: .8em;
margin-top: 3em;
font-size: .85em;
color: #1057c8;
text-transform: uppercase
}
.bottom-menu a {
color: inherit
}
.bottom-menu a:hover {
text-decoration: underline
}
.form__errors {
margin-top: 1em;
margin-bottom: .5em
}
.form__errors li {
display: block;
font-size: .9em;
color: #fe5716;
margin-bottom: .2em
}
.form__container {
--margin-gap: 0;
--padding-bottom: 3em;
position: relative;
padding-bottom: var(--padding-bottom)
}
.form__container [type=submit] {
position: absolute;
bottom: 0;
left: var(--margin-gap);
width: 200px;
cursor: pointer
}
.form__container.button--center [type=submit] {
right: var(--margin-gap);
margin: auto
}
.form__container.button--right [type=submit] {
right: var(--margin-gap);
left: auto
}
@media all and (min-width: 40rem) {
.form__container {
--margin-gap: 1%;
--padding-bottom: 4em
}
}
.wf-group {
display: block;
margin-top: 1.5em;
margin-bottom: .2em
}
.wf-group textarea {
height: 150px
}
@media all and (min-width: 40rem) {
.wf-group:not(.full-width) {
display: inline-block;
width: 47%;
margin-right: 1%;
margin-left: 1%;
vertical-align: top
}
.wf-group.full-width {
width: 97%;
margin-left: 1%
}
}
.wf-group .form__errors {
display: block;
width: 100%;
margin-top: .5em
}
.wf-label {
display: block;
margin-bottom: .5em;
font: 1em OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase
}
.required .wf-label:after {
content: " *";
color: #fe5716
}
@media all and (min-width: 40rem) {
.wf-group:has(input[type=checkbox]), .wf-group input[type=checkbox] {
display: block !important;
width: 97% !important;
margin-left: 1%
}
}
.wf-group input[type=checkbox] {
width: auto !important
}
.wf-field:has(input[type=checkbox]) ~ .wf-label, .wf-group:has(input[type=checkbox]) .wf-label {
margin-bottom: 1em
}
.wf-field input[type=checkbox] {
display: inline-block !important;
width: auto !important;
margin-right: .75em !important
}
.wf-field label:has(input[type=checkbox]) {
display: flex !important;
flex-direction: row-reverse !important;
align-items: center !important;
justify-content: flex-end !important;
gap: .75em !important;
font: 1em OverpassRegular,sans-serif !important;
text-transform: none !important;
margin-bottom: .75em !important;
line-height: 1.4 !important
}
.wf-field label:has(input[type=checkbox]) input[type=checkbox] {
width: auto !important;
margin: 0 !important;
flex-shrink: 0 !important
}
.wf-field {
width: 100%;
padding: .7em;
border: 1px solid #00e3ff;
color: #10367a;
transition: all .2s ease
}
.wf-field:has(input[type=checkbox]) {
opacity: 0;
transition: opacity .2s ease
}
.wf-field.js-styled {
opacity: 1
}
.wf-field[type=file] {
padding: 5em;
border: 2px dashed #00e3ff
}
.wf-field:focus, .wf-field:focus-visible {
outline: none;
border-color: #fe5716;
border-radius: 5px
}
.wf-field-search {
width: 90%;
padding: .7em;
border: 0 solid #00e3ff;
color: #10367a;
float: left;
height: 50px
}
.wf-field-search[type=file] {
padding: 5em;
border: 2px dashed #00e3ff
}
.wf-field-search:focus, .wf-field-search:focus-visible {
outline: none
}
[name=wf-submit] {
margin-top: 1.5em;
background-color: #fff
}
#free-download-form {
margin: 0 auto;
width: -moz-fit-content;
width: fit-content
}
#free-download-form .wf-group {
width: 100%
}
#free-download-form span#submit-consent {
color: #008fd1;
font-size: .9em;
line-height: 1.1em;
margin: 10px 0 0
}
#free-download-form span#submit-consent a {
color: #fe5716;
text-decoration: underline
}
#free-download-form #consent-checkbox {
transform: scale(1.3);
margin-right: 5px
}
#free-download-form label[for=consent-checkbox] {
margin: 10px 0 0;
display: block
}
#free-download-form #wf-submit-free-download {
margin-top: 1.5em;
background-color: #fe5716;
padding: .83em 3.5em;
width: 100%;
color: #fff !important;
font-weight: 700
}
#free-download-form #wf-submit-free-download:hover {
color: #fff;
background-color: #10367a;
border-color: #10367a;
text-decoration: none;
cursor: pointer
}
.wf-field {
margin: .3em 0
}
@media all and (max-width: 640px) {
form#free-download-form {
width: 100%
}
#wf-submit-free-download {
padding: .83em 0;
margin: 0
}
.downloads-title {
font-size: 2rem
}
.downloads-title br {
display: none
}
.wf-field {
margin: .03em 0
}
}
#general-error {
display: none
}
.g-recaptcha > div {
margin-left: 5px
}
button[type=submit] {
float: right;
border: 1px solid #fe5716;
transition: all .2s ease;
color: #fff;
background-color: #fe5716;
width: 10%;
height: 50px;
cursor: pointer
}
button[type=submit]:focus, button[type=submit]:focus-visible {
outline: none;
border-color: #fe5716;
border-radius: 5px
}
.form__container label:has(input[type=checkbox]) {
display: flex !important;
flex-direction: row-reverse !important;
align-items: center !important;
justify-content: flex-end !important;
gap: .75em !important;
margin-bottom: .75em !important
}
.form__container label:has(input[type=checkbox]) input[type=checkbox] {
flex-shrink: 0 !important;
margin: 0 !important
}
.form__container input[type=checkbox] {
margin-right: .75em !important
}
.pagination {
width: 100%;
text-align: center
}
.pagination__link {
position: relative;
padding: .5em .8em;
margin-right: 1em;
font-family: OverpassBold,Helvetica,Arial,sans-serif;
color: #10367a;
border: 1px solid #00e3ff
}
.pagination__link.current, .pagination__link:hover {
background-color: #00e3ff
}
.pagination__next, .pagination__prev {
border: none
}
.pagination__next:hover, .pagination__prev:hover {
background-color: transparent
}
.article__category {
margin-bottom: 1em;
text-transform: uppercase;
font-family: OverpassBold,Helvetica,Arial,sans-serif
}
.article__date {
display: inline-block;
padding: .4em .4em .3em;
background-color: #fe5716;
color: #fff
}
.article__footer {
margin-top: 1em;
color: #00e3ff;
font: 1.2em OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase
}
.article__footer .icon {
display: inline-block;
margin-left: .5em;
color: #00e3ff;
font-size: 1.5em;
transform: translateY(3px)
}
.search_icon {
width: 3.3em;
height: 58px;
background-color: #fe5716;
background-image: url(../Images/Icons/search.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: 50%;
z-index: 1000;
cursor: pointer
}
.message {
position: fixed;
top: -326px;
left: 0;
width: 100%;
transition: top 1s cubic-bezier(.17,.04,.03,.94);
overflow: hidden;
box-sizing: border-box;
height: 180px;
z-index: 26;
padding: 3.5rem 0 0
}
#toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
left: -100%;
top: -100%
}
#toggle, #toggle + label {
position: fixed;
cursor: pointer
}
#toggle + label {
width: 3.3em;
height: 59px;
background-color: #fe5716;
background-image: url(../images/icons/search.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: 50%;
z-index: 20000;
right: 60px;
top: 0
}
@media (min-width: 1024px) {
#toggle + label {
right: 0
}
.burger {
display: none
}
}
#close {
display: inline-block;
padding: 5px 15px;
margin: 10px auto auto;
background-color: #10367a;
color: #fff;
cursor: pointer;
font-size: 15px
}
.open {
transition: top .8s cubic-bezier(.17,.04,.03,.94)
}
#toggle:checked ~ .message {
top: 92px
}
@media (max-width: 1024px) {
#toggle:checked ~ .message {
top: 58px;
z-index: 29
}
.message {
padding: 3rem 0 0
}
.wf-field-search {
width: 80%
}
button[type=submit] {
width: 20%
}
#close {
margin-top: 20px;
font-size: 18px
}
}
.contact__details li {
margin-bottom: 1.5em
}
.contact__details .icon {
font-size: 1.3em;
color: #fe5716
}
.contact__details__heading {
padding-left: .7em;
font: 1.2em OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase;
color: #10367a
}
.contact__details__subheading {
padding-left: 2.5em;
display: block
}
.office {
margin-top: 1em;
margin-bottom: 2.5em
}
.office__title {
font: 1.5em OverpassBold,Helvetica,Arial,sans-serif;
text-transform: uppercase;
margin-bottom: .5em
}
.office__address {
padding-left: 2em
}
.office__phone {
padding-left: 1em;
margin-top: 1em;
font-size: 1.3em
}
.insight {
position: relative
}
.insight:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 305px;
background-color: #eef0f5
}
.insight--solution:before {
height: 600px
}
.insight__categories {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.insight__categories__item {
display: flex;
align-items: center;
justify-content: center;
padding: .5em .7em;
margin-right: 1em;
margin-bottom: 1em;
font: .9em OverpassBold,Helvetica,Arial,sans-serif;
color: #10367a;
text-transform: uppercase;
border: 1px solid #00e3ff
}
.insight__categories__item.active, .insight__categories__item:hover {
background-color: #00e3ff
}
@media all and (min-width: 40rem) {
.insight__categories__item {
font-size: 1em
}
}
.insight__categories__icon {
margin-right: 2px
}
.insight__article {
margin-bottom: 1em
}
@media all and (min-width: 64rem) {
.insight__article {
margin-bottom: 2em
}
}
.insight__image {
padding-top: 61%
}
.insight__title {
padding: 1em;
border-left: 1px solid #10367a
}
.introduction .float-content__inner {
position: relative;
transform: translateY(0);
background-color: #1e3b88
}