/*
Project: AREA 17
Version: 1.0
Author:
Description:
-------------------------------------------------------------------*/
/*
[Notes]
-------------------------------------------------------------------*/
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=69fdb849-9596-41e2-bfcd-fbef96cc9216");
@import url("//hello.myfonts.net/count/320b78");
@import url("//hello.myfonts.net/count/36ec7e");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
background: transparent;
font: inherit;
font-size: 100%;
vertical-align: baseline;
outline: 0; }
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
main {
display: block; }
html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
box-sizing: border-box;
touch-action: manipulation; }
body {
line-height: 1; }
blockquote,
q {
quotes: none; }
ul,
ol {
list-style: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
*,
*::before,
*::after {
box-sizing: inherit;
touch-action: inherit; }
.svg-sprite {
position: absolute;
z-index: -1;
left: -1px;
top: -1px;
width: 1px;
height: 1px;
overflow: hidden; }
@-ms-viewport {
width: device-width; }
/*
@function get-breakpoint-directions
Sorts through breakpoints SASS map,
generates a full SASS map containing all the breakpoint
variations we'll require
Parameters:
none
*/
/*
@mixin breakpoint
Inserts a media query
Parameters:
$name - name of breakpoint, choose from:
xsmall, small, medium, large, xlarge, xxlarge - *just* that breakpoint
small-, medium-, large-, xlarge-, xxlarge- - that breakpoint *and* below
xsmall+, small+, medium+, large+, xlarge+ - that breakpoint *and* up
NB: the we're mobile up, so the minus values should be avoided..
*/
/*
@function get-media
Returns start and stop points of a given media query
Parameters:
$bp - the breakpoint you want the stop and stop points of
*/
/*
@mixin placeholder
Style form placeholder text
*/
/*
@mixin styled-select
https://github.com/filamentgroup/select-css
Parameters:
- none
*/
/*
@function colspan
Returns a calc() that represents a column span
Parameters:
$number-of-columns - the number of columns you want to span
$breakpoint - at which breakpoint
$bump - if you want the colspan + an arbitrary number
$inverse - if you want to return a negative number (to move things backwards)
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin width
Returns a width and a calc() to correctly span columns
with breakpoint selection and optional bump value
Parameters:
$number-of-columns - the number of columns you want to span
$breakpoint - at which breakpoint
$bump - if you want the colspan + an arbitrary number
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin width-multi
A mix of @mixin width and @mixin column. Pass a map of the number
of columns to span at each breakpoint. Use when you don't need to
float on the grid.
Parameters:
$colspans - scss map detailing how many design columns this column
needs to span on each breakpoint. Omitting a breakpoint from the
map will not set a width at that breakpoint.
$bump - if you want the colspan + an arbitrary number
```scss
$column-spans__list-articles: (
xsmall: 3,
small: 3,
medium: 4,
large: 4,
xlarge: 3,
xxlarge: 3
);
.list-articles__item {
@include width-multi($column-spans__list-articles);
}
```
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin push
Returns a margin-left and a calc() to correctly push
a block a number of columns with breakpoint selection
and optional bump value
Parameters:
$number-of-columns - the number of columns you want to push
$breakpoint - at which breakpoint
$bump - if you want the colspan + an arbitrary number
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin push-multi
A mix of @mixin push and @mixin column. Pass a map of the number
of columns to push at each breakpoint.
Parameters:
$colspans - scss map detailing how many design columns this column
needs to push on each breakpoint. Omitting a breakpoint from the
map will not set a width at that breakpoint.
$bump - if you want the colspan + an arbitrary number
```scss
$column-spans__list-articles: (
xsmall: 3,
small: 3,
medium: 4,
large: 4,
xlarge: 3,
xxlarge: 3
);
.list-articles__item {
@include push-multi($column-spans__list-articles);
}
```
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin push-gutter
Adds gutter margin to the sides passed to the set breakpoints.
Defaults to left margin across all breakpoints.
Parameters:
$sides - the sides you'd like to apply margin to
$bps - at which breakpoints
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin columns-container
Sets up columns container
Parameters:
none
```scss
.list-articles {
@include columns-container;
}
```
*/
/*
@mixin column
Sets up single column
Parameters:
$colspans - scss map detailing how many design columns this column needs to span on each breakpoint
```scss
$column-spans__list-articles: (
xsmall: 3,
small: 3,
medium: 4,
large: 4,
xlarge: 3,
xxlarge: 3
);
.list-articles__item {
@include column($column-spans__list-articles);
}
```
NB: only works with breakpoint names, not the +/- variants
*/
/*
@mixin columns-container-flex
Sets up columns container - flex version
Parameters:
none
```scss
.list-articles {
@include columns-container-flex;
}
```
*/
.columns-container-flex {
display: flex;
flex-flow: row wrap; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.columns-container-flex {
margin-left: -20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.columns-container-flex {
margin-left: -20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.columns-container-flex {
margin-left: -20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.columns-container-flex {
margin-left: -40px; } }
@media screen and (min-width: 1660px) {
.columns-container-flex {
margin-left: -40px; } }
/*
@mixin column-flex
Sets up single column
Parameters:
$colspans - scss map detailing how many design columns this column needs to span on each breakpoint
```scss
$column-spans__list-articles: (
xsmall: 3,
small: 3,
medium: 4,
large: 4,
xlarge: 3,
xxlarge: 3
);
.list-articles__item {
@include column-flex($column-spans__list-articles);
}
```
NB: only works with breakpoint names, not the +/- variants
*/
/*
$f-h1: (
font-family: $serif-font,
font-family-loaded: $serif-font--loaded,
font-loaded-class: $serif-font-loaded-class,
settings: (
'small+': ( default: true, font-size: 28, line-height: 30, font-weight: normal ),
'medium+': ( font-size: 36, line-height: 40 ),
'large+': ( font-size: 40, line-height: 45, letter-spacing: -.01em ),
)
);
@mixin f-h1() {
@include font-styles($f-h1);
}
%f-h1,
.f-h1 {
@include f-h1;
}
$f-ui: (
font-family: $sans-serif-font,
font-family-loaded: $sans-serif-font--loaded,
font-loaded-class: $sans-serif-font-loaded-class,
settings: (
'small+': ( default: true, font-size: 15, line-height: 20, font-weight: 300, push: 1),
),
tuck-method: 'padding', // <-- swaps to using padding-top/margin-bottom to allow you to align multiple items on one line
);
@mixin f-ui() {
@include font-styles($f-ui);
}
%f-ui,
.f-ui {
@include f-ui;
}
*/
/*
@mixin font_smoothing
Set font smoothing ON or OFF
*/
/*
@mixin text-underline
Does "medium" style underlines with "iOS" style descender shadows
Parameters:
$underline - color
$background - color
$pos - vertical position
*/
/*
@mixin hide_text
Hides text in an element
*/
/*
@mixin tucked-margin-top
Intelligently applies baseline to baseline spacing to a text block:
```
@include tucked-margin-top($f-h1, ('xsmall': 40, 'medium+': 60));
```
Uses the `$f-h1` object from setup/_typography.scss and loops through the breakpoints, adding new margin top if required by specified margin tops and font size/line-height changes.
'xsmall' is the default for all breakpoints and the successively overridden as breakpoints get larger.
Its intelligent in that if you specify just the `xsmall` value, but the font size and/or line-height for this font object changes at some breakpoint, the mixin will add a breakpoint rule to adjust to maintain the consistent baseline-to-baseline spacing.
*/
/*
@mixin tucked-align-top
Intelligently aligns an text element to the top of an element.
```
@include tucked-align-top($f-h1);
```
Uses the `$f-h1` object from setup/_typography.scss and loops through the breakpoints, adding new margin top if required by specified margin tops and font size/line-height changes.
Sister mixin to '@mixin tucked-margin-top'
tucked-align-top is useful for those situations where you want to horizontally align the top of an image and the top of some text.
*/
@font-face {
font-family: "Haarlemmer";
src: url("../../dist/fonts/haarlemmer/54cca308-36cf-475b-bf74-7c78033755c6.eot?#iefix");
src: url("../../dist/fonts/haarlemmer/54cca308-36cf-475b-bf74-7c78033755c6.eot?#iefix") format("eot"), url("../../dist/fonts/haarlemmer/b6807a7d-5e0e-4186-8fc9-20bfbdadf62d.woff2") format("woff2"), url("../../dist/fonts/haarlemmer/837b91e6-945d-45d5-9830-05ece1ea8f7e.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: "Haarlemmer";
src: url("../../dist/fonts/haarlemmer/0f0bfda6-f73e-4fcf-b06d-c69f8586f245.eot?#iefix");
src: url("../../dist/fonts/haarlemmer/0f0bfda6-f73e-4fcf-b06d-c69f8586f245.eot?#iefix") format("eot"), url("../../dist/fonts/haarlemmer/4349f278-a0a7-4449-a3e2-9734b12b27e3.woff2") format("woff2"), url("../../dist/fonts/haarlemmer/48270e76-c547-4214-9a29-3f66f53a6afc.woff") format("woff");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: "Haarlemmer";
src: url("../../dist/fonts/haarlemmer/babee31f-4b01-4f6e-8809-7db9d14a6d39.eot?#iefix");
src: url("../../dist/fonts/haarlemmer/babee31f-4b01-4f6e-8809-7db9d14a6d39.eot?#iefix") format("eot"), url("../../dist/fonts/haarlemmer/f73edea1-49b7-4f3f-bf48-d534ebd993da.woff2") format("woff2");
font-weight: 500;
font-style: normal; }
/*
@font-face{
font-family:"Haarlemmer";
src:url("../../dist/fonts/haarlemmer/3d5cbd47-9c5d-431f-8bf8-99b1b1bf7f3d.eot?#iefix");
src:url("../../dist/fonts/haarlemmer/3d5cbd47-9c5d-431f-8bf8-99b1b1bf7f3d.eot?#iefix") format("eot"),url("../../dist/fonts/haarlemmer/6d27a808-764c-4f56-b144-165301c246ae.woff2") format("woff2"),url("../../dist/fonts/haarlemmer/b594a7ea-f674-4874-bb17-6b19f9415844.woff") format("woff");
font-weight: 500;
font-style: italic;
}
/**/
@font-face {
font-family: "Haarlemmer";
src: url("../../dist/fonts/haarlemmer/7e7d69c1-3664-4093-88cf-af1afafdf784.eot?#iefix");
src: url("../../dist/fonts/haarlemmer/7e7d69c1-3664-4093-88cf-af1afafdf784.eot?#iefix") format("eot"), url("../../dist/fonts/haarlemmer/3946819f-d2f5-48d4-b27a-ce13e514d174.woff2") format("woff2"), url("../../dist/fonts/haarlemmer/a747c871-68a5-4e20-8a7f-2e356b8b3547.woff") format("woff");
font-weight: 700;
font-style: normal; }
/*
@font-face{
font-family:"Haarlemmer";
src:url("../../dist/fonts/haarlemmer/7963cfc1-2ffd-40c9-bd67-9618d42ec2b7.eot?#iefix");
src:url("../../dist/fonts/haarlemmer/7963cfc1-2ffd-40c9-bd67-9618d42ec2b7.eot?#iefix") format("eot"),url("../../dist/fonts/haarlemmer/fff8753e-7a1e-4754-b706-82f60d4024a8.woff2") format("woff2"),url("../../dist/fonts/haarlemmer/bb5a3319-c08f-4178-bd3e-4ad47b209751.woff") format("woff");
font-weight: 700;
font-style: italic;
}
/**/
@font-face {
font-family: 'Larsseit';
src: url("../../dist/fonts/larsseit/320B78_3_0.eot");
src: url("../../dist/fonts/larsseit/320B78_3_0.eot?#iefix") format("embedded-opentype"), url("../../dist/fonts/larsseit/320B78_3_0.woff2") format("woff2"), url("../../dist/fonts/larsseit/320B78_3_0.woff") format("woff"), url("../../dist/fonts/larsseit/320B78_3_0.ttf") format("truetype");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Larsseit';
src: url("../../dist/fonts/larsseit-medium/36EC7E_0_0.eot");
src: url("../../dist/fonts/larsseit-medium/36EC7E_0_0.eot?#iefix") format("embedded-opentype"), url("../../dist/fonts/larsseit-medium/36EC7E_0_0.woff2") format("woff2"), url("../../dist/fonts/larsseit-medium/36EC7E_0_0.woff") format("woff"), url("../../dist/fonts/larsseit-medium/36EC7E_0_0.ttf") format("truetype");
font-weight: 500;
font-style: normal; }
/*
@font-face {
font-family: 'Larsseit';
src: url('../../dist/fonts/larsseit/320B78_2_0.eot');
src: url('../../dist/fonts/larsseit/320B78_2_0.eot?#iefix') format('embedded-opentype'),url('../../dist/fonts/larsseit/320B78_2_0.woff2') format('woff2'),url('../../dist/fonts/larsseit/320B78_2_0.woff') format('woff'),url('../../dist/fonts/larsseit/320B78_2_0.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Larsseit';
src: url('../../dist/fonts/larsseit/320B78_1_0.eot');
src: url('../../dist/fonts/larsseit/320B78_1_0.eot?#iefix') format('embedded-opentype'),url('../../dist/fonts/larsseit/320B78_1_0.woff2') format('woff2'),url('../../dist/fonts/larsseit/320B78_1_0.woff') format('woff'),url('../../dist/fonts/larsseit/320B78_1_0.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Larsseit';
src: url('../../dist/fonts/larsseit/320B78_0_0.eot');
src: url('../../dist/fonts/larsseit/320B78_0_0.eot?#iefix') format('embedded-opentype'),url('../../dist/fonts/larsseit/320B78_0_0.woff2') format('woff2'),url('../../dist/fonts/larsseit/320B78_0_0.woff') format('woff'),url('../../dist/fonts/larsseit/320B78_0_0.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
/**/
/***
f-h1
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 500;
letter-spacing: -0.01em; }
.f-h1 b,
.f-h1 strong {
font-weight: 600; }
.f-h1 i,
.f-h1 em {
font-style: italic; }
.s-sans-serif-loaded
.f-h1 {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-h1::before,
.f-h1::after {
content: '';
display: block; }
.f-h1::before {
padding-top: 12px; }
.f-h1::after {
margin-bottom: -12px; }
@media screen and (min-width: 900px) {
.f-h1 {
font-size: 45px;
line-height: 55px;
letter-spacing: -0.02em; }
.f-h1::before {
padding-top: 14px; }
.f-h1::after {
margin-bottom: -14px; } }
@media screen and (min-width: 1200px) {
.f-h1 {
font-size: 60px;
line-height: 75px;
letter-spacing: -0.02em; }
.f-h1::before {
padding-top: 20px; }
.f-h1::after {
margin-bottom: -20px; } }
.f-h1--serif {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 36px;
line-height: 45px;
font-weight: 500;
letter-spacing: -0.03em; }
.f-h1--serif b,
.f-h1--serif strong {
font-weight: 600; }
.f-h1--serif i,
.f-h1--serif em {
font-style: italic; }
.s-serif-loaded
.f-h1--serif {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-h1--serif::before,
.f-h1--serif::after {
content: '';
display: block; }
.f-h1--serif::before {
padding-top: 12px; }
.f-h1--serif::after {
margin-bottom: -12px; }
@media screen and (min-width: 900px) {
.f-h1--serif {
font-size: 45px;
line-height: 50px;
letter-spacing: -0.05em; }
.f-h1--serif::before {
padding-top: 10px; }
.f-h1--serif::after {
margin-bottom: -10px; } }
@media screen and (min-width: 1200px) {
.f-h1--serif {
font-size: 60px;
line-height: 70px;
letter-spacing: -0.05em; }
.f-h1--serif::before {
padding-top: 14px; }
.f-h1--serif::after {
margin-bottom: -14px; } }
/***
f-h2
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-h2 {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 28px;
line-height: 35px;
font-weight: 500;
letter-spacing: -0.01em; }
.f-h2 b,
.f-h2 strong {
font-weight: 600; }
.f-h2 i,
.f-h2 em {
font-style: italic; }
.s-serif-loaded
.f-h2 {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-h2::before,
.f-h2::after {
content: '';
display: block; }
.f-h2::before {
padding-top: 9px; }
.f-h2::after {
margin-bottom: -9px; }
@media screen and (min-width: 900px) {
.f-h2 {
font-size: 36px;
line-height: 40px; }
.f-h2::before {
padding-top: 9px; }
.f-h2::after {
margin-bottom: -9px; } }
@media screen and (min-width: 1200px) {
.f-h2 {
font-size: 46px;
line-height: 50px; }
.f-h2::before {
padding-top: 10px; }
.f-h2::after {
margin-bottom: -10px; } }
.f-h2 strong,
.f-h2 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-h2 em,
.f-h2 i {
vertical-align: bottom; }
@media screen and (max-width: 899px) {
.f-h2 em,
.f-h2 i {
display: inline-block;
transform: translateY(1px); } }
.f-h2--sans {
font-family: Helvetica, Arial, sans-serif;
font-size: 27px;
line-height: 35px;
font-weight: 500;
letter-spacing: -0.01em; }
.f-h2--sans b,
.f-h2--sans strong {
font-weight: 600; }
.f-h2--sans i,
.f-h2--sans em {
font-style: italic; }
.s-sans-serif-loaded
.f-h2--sans {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-h2--sans::before,
.f-h2--sans::after {
content: '';
display: block; }
.f-h2--sans::before {
padding-top: 10px; }
.f-h2--sans::after {
margin-bottom: -10px; }
@media screen and (min-width: 900px) {
.f-h2--sans {
font-size: 36px;
line-height: 45px; }
.f-h2--sans::before {
padding-top: 13px; }
.f-h2--sans::after {
margin-bottom: -13px; } }
@media screen and (min-width: 1200px) {
.f-h2--sans {
font-size: 45px;
line-height: 55px; }
.f-h2--sans::before {
padding-top: 15px; }
.f-h2--sans::after {
margin-bottom: -15px; } }
.f-h2--sans strong,
.f-h2--sans b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-h2--sans em,
.f-h2--sans i {
vertical-align: bottom; }
@media screen and (max-width: 899px) {
.f-h2--sans em,
.f-h2--sans i {
display: inline-block;
transform: translateY(1px); } }
/***
f-h3
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-h3 {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 23px;
line-height: 30px;
font-weight: 500;
letter-spacing: -0.01em; }
.f-h3 b,
.f-h3 strong {
font-weight: 600; }
.f-h3 i,
.f-h3 em {
font-style: italic; }
.s-serif-loaded
.f-h3 {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-h3::before,
.f-h3::after {
content: '';
display: block; }
.f-h3::before {
padding-top: 8px; }
.f-h3::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.f-h3 {
font-size: 26px;
line-height: 35px; }
.f-h3::before {
padding-top: 10px; }
.f-h3::after {
margin-bottom: -10px; } }
@media screen and (min-width: 1200px) {
.f-h3 {
font-size: 30px;
line-height: 35px; }
.f-h3::before {
padding-top: 8px; }
.f-h3::after {
margin-bottom: -8px; } }
.f-h3 strong,
.f-h3 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-h3 em,
.f-h3 i {
vertical-align: bottom; }
.f-h3--sans {
font-family: Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 30px;
font-weight: 400;
letter-spacing: -0.005em; }
.f-h3--sans b,
.f-h3--sans strong {
font-weight: 600; }
.f-h3--sans i,
.f-h3--sans em {
font-style: italic; }
.s-sans-serif-loaded
.f-h3--sans {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-h3--sans::before,
.f-h3--sans::after {
content: '';
display: block; }
.f-h3--sans::before {
padding-top: 9px; }
.f-h3--sans::after {
margin-bottom: -9px; }
@media screen and (min-width: 1200px) {
.f-h3--sans {
font-size: 27px;
line-height: 40px;
letter-spacing: -0.01em; }
.f-h3--sans::before {
padding-top: 14px; }
.f-h3--sans::after {
margin-bottom: -14px; } }
/***
f-h4
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-h4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 25px;
font-weight: 500; }
.f-h4 b,
.f-h4 strong {
font-weight: 600; }
.f-h4 i,
.f-h4 em {
font-style: italic; }
.s-sans-serif-loaded
.f-h4 {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-h4::before,
.f-h4::after {
content: '';
display: block; }
.f-h4::before {
padding-top: 8px; }
.f-h4::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.f-h4 {
font-size: 19px;
line-height: 30px;
letter-spacing: -0.01em; }
.f-h4::before {
padding-top: 11px; }
.f-h4::after {
margin-bottom: -11px; } }
/***
f-body-1
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-body-1 {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 22px;
line-height: 30px;
font-weight: 400; }
.f-body-1 b,
.f-body-1 strong {
font-weight: 600; }
.f-body-1 i,
.f-body-1 em {
font-style: italic; }
.s-serif-loaded
.f-body-1 {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-body-1::before,
.f-body-1::after {
content: '';
display: block; }
.f-body-1::before {
padding-top: 8px; }
.f-body-1::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.f-body-1 {
font-size: 26px;
line-height: 35px; }
.f-body-1::before {
padding-top: 11px; }
.f-body-1::after {
margin-bottom: -11px; } }
@media screen and (min-width: 1200px) {
.f-body-1 {
font-size: 30px;
line-height: 40px; }
.f-body-1::before {
padding-top: 12px; }
.f-body-1::after {
margin-bottom: -12px; } }
.f-body-1 strong,
.f-body-1 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-body-1 em,
.f-body-1 i {
vertical-align: bottom; }
/***
f-body-2
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-body-2 {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 18px;
line-height: 30px;
font-weight: 400; }
.f-body-2 b,
.f-body-2 strong {
font-weight: 600; }
.f-body-2 i,
.f-body-2 em {
font-style: italic; }
.s-serif-loaded
.f-body-2 {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-body-2::before,
.f-body-2::after {
content: '';
display: block; }
.f-body-2::before {
padding-top: 10px; }
.f-body-2::after {
margin-bottom: -10px; }
@media screen and (min-width: 900px) {
.f-body-2 {
font-size: 20px;
line-height: 30px; }
.f-body-2::before {
padding-top: 9px; }
.f-body-2::after {
margin-bottom: -9px; } }
@media screen and (min-width: 1200px) {
.f-body-2 {
font-size: 22px;
line-height: 35px; }
.f-body-2::before {
padding-top: 11px; }
.f-body-2::after {
margin-bottom: -11px; } }
.f-body-2 strong,
.f-body-2 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-body-2 em,
.f-body-2 i {
vertical-align: bottom; }
.f-body-2--v2 {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 18px;
line-height: 25px;
font-weight: 400; }
.f-body-2--v2 b,
.f-body-2--v2 strong {
font-weight: 600; }
.f-body-2--v2 i,
.f-body-2--v2 em {
font-style: italic; }
.s-serif-loaded
.f-body-2--v2 {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-body-2--v2::before,
.f-body-2--v2::after {
content: '';
display: block; }
.f-body-2--v2::before {
padding-top: 7px; }
.f-body-2--v2::after {
margin-bottom: -7px; }
@media screen and (min-width: 900px) {
.f-body-2--v2 {
font-size: 20px;
line-height: 25px; }
.f-body-2--v2::before {
padding-top: 7px; }
.f-body-2--v2::after {
margin-bottom: -7px; } }
@media screen and (min-width: 1200px) {
.f-body-2--v2 {
font-size: 22px;
line-height: 30px; }
.f-body-2--v2::before {
padding-top: 8px; }
.f-body-2--v2::after {
margin-bottom: -8px; } }
.f-body-2--v2 strong,
.f-body-2--v2 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-body-2--v2 em,
.f-body-2--v2 i {
vertical-align: bottom; }
/***
f-body-3
```
The quick brown fox,
jumps over the lazy dog
```
***/
.m-check-list span, .m-filter__item-footer .btn, .m-filter__search, .m-filter__search-no-result, .o-country-intro__list li a,
.f-body-3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400; }
.m-check-list span b, .m-filter__item-footer .btn b, .m-filter__search b, .m-filter__search-no-result b, .o-country-intro__list li a b,
.m-check-list span strong,
.m-filter__item-footer .btn strong,
.m-filter__search strong,
.m-filter__search-no-result strong,
.o-country-intro__list li a strong,
.f-body-3 b,
.f-body-3 strong {
font-weight: 600; }
.m-check-list span i, .m-filter__item-footer .btn i, .m-filter__search i, .m-filter__search-no-result i, .o-country-intro__list li a i,
.m-check-list span em,
.m-filter__item-footer .btn em,
.m-filter__search em,
.m-filter__search-no-result em,
.o-country-intro__list li a em,
.f-body-3 i,
.f-body-3 em {
font-style: italic; }
.s-sans-serif-loaded .m-check-list span, .m-check-list .s-sans-serif-loaded span, .s-sans-serif-loaded .m-filter__item-footer .btn, .m-filter__item-footer .s-sans-serif-loaded .btn, .s-sans-serif-loaded .m-filter__search, .s-sans-serif-loaded .m-filter__search-no-result, .s-sans-serif-loaded .o-country-intro__list li a, .o-country-intro__list li .s-sans-serif-loaded a, .s-sans-serif-loaded
.f-body-3 {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.m-check-list span::before, .m-filter__item-footer .btn::before, .m-filter__search::before, .m-filter__search-no-result::before, .o-country-intro__list li a::before, .m-check-list span::after, .m-filter__item-footer .btn::after, .m-filter__search::after, .m-filter__search-no-result::after, .o-country-intro__list li a::after,
.f-body-3::before,
.f-body-3::after {
content: '';
display: block; }
.m-check-list span::before, .m-filter__item-footer .btn::before, .m-filter__search::before, .m-filter__search-no-result::before, .o-country-intro__list li a::before,
.f-body-3::before {
padding-top: 9px; }
.m-check-list span::after, .m-filter__item-footer .btn::after, .m-filter__search::after, .m-filter__search-no-result::after, .o-country-intro__list li a::after,
.f-body-3::after {
margin-bottom: -9px; }
.m-check-list span strong,
.m-filter__item-footer .btn strong,
.m-filter__search strong,
.m-filter__search-no-result strong,
.o-country-intro__list li a strong, .m-check-list span b, .m-filter__item-footer .btn b, .m-filter__search b, .m-filter__search-no-result b, .o-country-intro__list li a b,
.f-body-3 strong,
.f-body-3 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.m-check-list span em,
.m-filter__item-footer .btn em,
.m-filter__search em,
.m-filter__search-no-result em,
.o-country-intro__list li a em, .m-check-list span i, .m-filter__item-footer .btn i, .m-filter__search i, .m-filter__search-no-result i, .o-country-intro__list li a i,
.f-body-3 em,
.f-body-3 i {
vertical-align: bottom; }
/***
f-data
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-data {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 36px;
line-height: 45px;
font-weight: 500;
letter-spacing: -0.05em; }
.f-data b,
.f-data strong {
font-weight: 600; }
.f-data i,
.f-data em {
font-style: italic; }
.s-serif-loaded
.f-data {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-data::before,
.f-data::after {
content: '';
display: block; }
.f-data::before {
padding-top: 11px; }
.f-data::after {
margin-bottom: -11px; }
@media screen and (min-width: 900px) {
.f-data {
font-size: 60px;
line-height: 70px; }
.f-data::before {
padding-top: 16px; }
.f-data::after {
margin-bottom: -16px; } }
.f-data strong,
.f-data b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-data em,
.f-data i {
vertical-align: bottom; }
/***
f-label
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-label {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
font-weight: 500;
letter-spacing: 0.07em;
text-transform: uppercase; }
.f-label b,
.f-label strong {
font-weight: 600; }
.f-label i,
.f-label em {
font-style: italic; }
.s-sans-serif-loaded
.f-label {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-label::before,
.f-label::after {
content: '';
display: block; }
.f-label::before {
padding-top: 8px; }
.f-label::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.f-label {
font-size: 14px;
line-height: 20px; }
.f-label::before {
padding-top: 7px; }
.f-label::after {
margin-bottom: -7px; } }
/***
f-link
```
The quick brown fox,
jumps over the lazy dog
```
***/
.link, .m-newsletter__field input, .g-footer__newsletter-field input,
.f-link {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.link b, .m-newsletter__field input b, .g-footer__newsletter-field input b,
.link strong,
.m-newsletter__field input strong,
.g-footer__newsletter-field input strong,
.f-link b,
.f-link strong {
font-weight: 600; }
.link i, .m-newsletter__field input i, .g-footer__newsletter-field input i,
.link em,
.m-newsletter__field input em,
.g-footer__newsletter-field input em,
.f-link i,
.f-link em {
font-style: italic; }
.s-sans-serif-loaded .link, .s-sans-serif-loaded .m-newsletter__field input, .m-newsletter__field .s-sans-serif-loaded input, .s-sans-serif-loaded .g-footer__newsletter-field input, .g-footer__newsletter-field .s-sans-serif-loaded input, .s-sans-serif-loaded
.f-link {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.link::before, .m-newsletter__field input::before, .g-footer__newsletter-field input::before, .link::after, .m-newsletter__field input::after, .g-footer__newsletter-field input::after,
.f-link::before,
.f-link::after {
content: '';
display: block; }
.link::before, .m-newsletter__field input::before, .g-footer__newsletter-field input::before,
.f-link::before {
padding-top: 10px; }
.link::after, .m-newsletter__field input::after, .g-footer__newsletter-field input::after,
.f-link::after {
margin-bottom: -10px; }
/***
f-legal
```
The quick brown fox,
jumps over the lazy dog
```
***/
.f-legal {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 12px;
line-height: 20px;
font-weight: 400; }
.f-legal b,
.f-legal strong {
font-weight: 600; }
.f-legal i,
.f-legal em {
font-style: italic; }
.s-serif-loaded
.f-legal {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-legal::before,
.f-legal::after {
content: '';
display: block; }
.f-legal::before {
padding-top: 7px; }
.f-legal::after {
margin-bottom: -7px; }
.f-legal strong,
.f-legal b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.f-legal em,
.f-legal i {
vertical-align: bottom; }
.f-legal strong,
.f-legal b {
display: inline;
transform: translateY(0); }
.f-tooltip {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0.02em; }
.f-tooltip b,
.f-tooltip strong {
font-weight: 600; }
.f-tooltip i,
.f-tooltip em {
font-style: italic; }
.s-sans-serif-loaded
.f-tooltip {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-tooltip::before,
.f-tooltip::after {
content: '';
display: block; }
.f-tooltip::before {
padding-top: 8px; }
.f-tooltip::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.f-tooltip {
font-size: 14px;
line-height: 20px; }
.f-tooltip::before {
padding-top: 7px; }
.f-tooltip::after {
margin-bottom: -7px; } }
.f-wall {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em; }
.f-wall b,
.f-wall strong {
font-weight: 600; }
.f-wall i,
.f-wall em {
font-style: italic; }
.s-serif-loaded
.f-wall {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.f-wall::before,
.f-wall::after {
content: '';
display: block; }
.f-wall::before {
padding-top: 4px; }
.f-wall::after {
margin-bottom: -4px; }
@media screen and (min-width: 1200px) {
.f-wall {
font-size: 12px;
line-height: 15px; }
.f-wall::before {
padding-top: 3px; }
.f-wall::after {
margin-bottom: -3px; } }
.f-italic {
font-style: italic; }
.f-footnote {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0.02em; }
.f-footnote b,
.f-footnote strong {
font-weight: 600; }
.f-footnote i,
.f-footnote em {
font-style: italic; }
.s-sans-serif-loaded
.f-footnote {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.f-footnote::before,
.f-footnote::after {
content: '';
display: block; }
.f-footnote::before {
padding-top: 8px; }
.f-footnote::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.f-footnote {
font-size: 14px;
line-height: 20px; }
.f-footnote::before {
padding-top: 7px; }
.f-footnote::after {
margin-bottom: -7px; } }
.design-grid-toggles {
position: fixed;
z-index: 9999;
left: 0;
bottom: 0;
font-size: 0; }
.design-grid-toggles::before, .design-grid-toggles::after {
display: block;
position: absolute;
left: 5px;
bottom: 100%;
color: #00a449;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap; }
.design-grid-toggles::before {
margin-bottom: 3px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.design-grid-toggles::before {
content: "xsmall"; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.design-grid-toggles::before {
content: "small"; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.design-grid-toggles::before {
content: "medium"; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.design-grid-toggles::before {
content: "large"; } }
@media screen and (min-width: 1660px) {
.design-grid-toggles::before {
content: "xlarge"; } }
.design-grid-toggles::after {
content: attr(data-env);
margin-bottom: 17px; }
.design-grid-toggle {
display: inline-block;
margin-right: 5px;
padding: 10px 15px;
background: #000;
color: #fff;
font-size: 11px;
cursor: pointer;
transition: all 200ms linear; }
.design-grid-toggle.js-active {
background-color: #f00; }
.design-grid-toggle svg {
display: block;
width: 10px;
height: 10px; }
.design-grid--baseline {
display: block;
position: absolute;
z-index: 9998;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, #7fffff 5px, #7fffff 10px);
opacity: .25;
pointer-events: none; }
.design-grid--baseline.js-hide {
display: none; }
.design-grid--columns {
display: block;
position: fixed;
z-index: 9998;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0 auto;
background-color: transparent;
opacity: .25;
pointer-events: none; }
.design-grid--columns.js-hide {
display: none; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.design-grid--columns {
width: calc(100vw - 40px);
background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 140px) / 6), rgba(0, 0, 0, 0) calc((100vw - 140px) / 6), rgba(0, 0, 0, 0) calc(
(
(100vw - 140px) / 6)
+
20px)); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.design-grid--columns {
width: calc(100vw - 60px);
background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 160px) / 6), rgba(0, 0, 0, 0) calc((100vw - 160px) / 6), rgba(0, 0, 0, 0) calc(
(
(100vw - 160px) / 6)
+
20px)); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.design-grid--columns {
width: calc(100vw - 80px);
background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 300px) / 12), rgba(0, 0, 0, 0) calc((100vw - 300px) / 12), rgba(0, 0, 0, 0) calc(
(
(100vw - 300px) / 12)
+
20px)); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.design-grid--columns {
width: calc(100vw - 160px);
background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 600px) / 12), rgba(0, 0, 0, 0) calc((100vw - 600px) / 12), rgba(0, 0, 0, 0) calc(
(
(100vw - 600px) / 12)
+
40px)); } }
@media screen and (min-width: 1660px) {
.design-grid--columns {
width: 1580px;
background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 40px, #7fffff 40px, #7fffff calc(
(
(1500px - 440px) / 12)
+
40px)); } }
.icon--arrow, .icon--arrow svg {
width: 20px;
height: 20px; }
.icon--cfr, .icon--cfr svg {
width: 24px;
height: 35px; }
.icon--check, .icon--check svg {
width: 22px;
height: 18px; }
.icon--close, .icon--close svg {
width: 22px;
height: 18px; }
.icon--download, .icon--download svg {
width: 23px;
height: 35px; }
.icon--email--25, .icon--email--25 svg {
width: 25px;
height: 25px; }
.icon--external--15, .icon--external--15 svg {
width: 15px;
height: 15px; }
.icon--facebook--25, .icon--facebook--25 svg {
width: 25px;
height: 25px; }
.icon--filter, .icon--filter svg {
width: 22px;
height: 17px; }
.icon--ic--m, .icon--ic--m svg {
width: 25px;
height: 25px; }
.icon--ic--n, .icon--ic--n svg {
width: 25px;
height: 25px; }
.icon--ic--p, .icon--ic--p svg {
width: 25px;
height: 25px; }
.icon--instagram--25, .icon--instagram--25 svg {
width: 25px;
height: 25px; }
.icon--linkedin--25, .icon--linkedin--25 svg {
width: 25px;
height: 25px; }
.icon--logo, .icon--logo svg {
width: 125px;
height: 60px; }
.icon--menu, .icon--menu svg {
width: 22px;
height: 18px; }
.icon--newsletter, .icon--newsletter svg {
width: 48px;
height: 20px; }
.icon--play, .icon--play svg {
width: 30px;
height: 36px; }
.icon--pointer-b, .icon--pointer-b svg {
width: 12px;
height: 22px; }
.icon--pointer, .icon--pointer svg {
width: 13px;
height: 8px; }
.icon--search, .icon--search svg {
width: 20px;
height: 20px; }
.icon--test, .icon--test svg {
width: 60px;
height: 60px; }
.icon--twitter--25, .icon--twitter--25 svg {
width: 25px;
height: 25px; }
.icon--youtube--25, .icon--youtube--25 svg {
width: 25px;
height: 25px; }
.container,
.o-multi-sections,
.g-header__content,
.g-nav__categories-container,
.g-nav__extra-links,
.g-nav .m-social-links,
.g-footer {
margin-right: auto;
margin-left: auto; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.container,
.o-multi-sections,
.g-header__content,
.g-nav__categories-container,
.g-nav__extra-links,
.g-nav .m-social-links,
.g-footer {
width: calc(100vw - 40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.container,
.o-multi-sections,
.g-header__content,
.g-nav__categories-container,
.g-nav__extra-links,
.g-nav .m-social-links,
.g-footer {
width: calc(100vw - 60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.container,
.o-multi-sections,
.g-header__content,
.g-nav__categories-container,
.g-nav__extra-links,
.g-nav .m-social-links,
.g-footer {
width: calc(100vw - 80px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.container,
.o-multi-sections,
.g-header__content,
.g-nav__categories-container,
.g-nav__extra-links,
.g-nav .m-social-links,
.g-footer {
width: calc(100vw - 160px); } }
@media screen and (min-width: 1660px) {
.container,
.o-multi-sections,
.g-header__content,
.g-nav__categories-container,
.g-nav__extra-links,
.g-nav .m-social-links,
.g-footer {
width: 1500px;
padding-right: 0;
padding-left: 0; } }
html {
/* juggling left/right and margin left/right as 100vw includes scroll bars so forcing 100vw width to make grid colspan calcs work */
position: relative;
width: 100vw;
min-height: 100%;
overflow-x: hidden;
overflow-y: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar; }
body {
background: #fff;
color: #000;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
font-feature-settings: 'kern';
font-kerning: normal;
line-height: 1;
text-rendering: optimizeLegibility;
font-variant-ligatures: common-ligatures;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%; }
body::after {
position: absolute;
left: -1px;
top: -1px;
width: 1px;
height: 1px;
margin-top: -1px;
margin-left: -1px;
color: transparent;
font: 0/0 a;
text-shadow: none; }
@media screen and (min-width: 0px) and (max-width: 599px) {
head {
font-family: "xsmall"; }
body::after {
content: "xsmall"; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
head {
font-family: "small"; }
body::after {
content: "small"; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
head {
font-family: "medium"; }
body::after {
content: "medium"; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
head {
font-family: "large"; }
body::after {
content: "large"; } }
@media screen and (min-width: 1660px) {
head {
font-family: "xlarge"; }
body::after {
content: "xlarge"; } }
main {
min-height: 800px; }
#a17 {
position: relative; }
.modal__row {
display: flex;
flex-flow: row wrap;
margin-left: -20px; }
@media screen and (min-width: 1200px) {
.modal__row {
margin-left: -40px; } }
.modal__col, .modal-col-4, .modal-col-8, .m-reform-card {
margin-left: 20px;
flex-shrink: 0; }
@media screen and (min-width: 1200px) {
.modal__col, .modal-col-4, .modal-col-8, .m-reform-card {
margin-left: 40px; } }
.modal__container {
margin-left: 20px;
margin-right: 20px; }
@media screen and (min-width: 600px) {
.modal__container {
margin-left: 30px;
margin-right: 30px; } }
@media screen and (min-width: 900px) {
.modal__container {
margin-left: 40px;
margin-right: 40px; } }
@media screen and (min-width: 1660px) {
.modal__container {
max-width: 1370px;
margin: 0 auto; } }
@media screen and (min-width: 0px) and (-ms-high-contrast: none), screen and (min-width: 0px) and (-ms-high-contrast: active) {
.modal__container {
margin-left: 20px;
margin-right: 20px; } }
@media screen and (min-width: 600px) and (-ms-high-contrast: none), screen and (min-width: 600px) and (-ms-high-contrast: active) {
.modal__container {
margin-left: 20px;
margin-right: 20px; } }
@media screen and (min-width: 900px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (-ms-high-contrast: active) {
.modal__container {
margin-left: 20px;
margin-right: 20px; } }
@media screen and (min-width: 1200px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (-ms-high-contrast: active) {
.modal__container {
margin-left: 40px;
margin-right: 40px; } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.modal__container {
max-width: none;
margin-left: 40px;
margin-right: 40px; } }
@media screen and (max-width: 899px) {
.modal__container--scroll {
overflow-x: auto; } }
@media (max-width: 680px) {
.modal__container--scroll {
margin-right: 0; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.modal-col-4 {
width: calc((((calc(100vw - 40px) - 100px) / 6) * 6) + 100px); } }
@media screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: none), screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: active) {
.modal-col-4 {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.modal-col-4 {
width: calc((((calc(100vw - 60px) - 100px) / 6) * 6) + 100px); } }
@media screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: none), screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: active) {
.modal-col-4 {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.modal-col-4 {
width: calc((((calc(100vw - 40px - 20px - 80px - calc((((100vw - 300px) / 12) * 1) + 0px)) - 220px) / 12) * 4) + 60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: active) {
.modal-col-4 {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.modal-col-4 {
width: calc((((calc(100vw - 80px - 40px - 80px - calc((((100vw - 600px) / 12) * 1) + 0px)) - 440px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: active) {
.modal-col-4 {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.modal-col-4 {
width: calc((((1370px - 440px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.modal-col-4 {
width: 473.333333333px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.modal-col-8 {
width: calc((((calc(100vw - 40px) - 100px) / 6) * 6) + 100px); } }
@media screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: none), screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: active) {
.modal-col-8 {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.modal-col-8 {
width: calc((((calc(100vw - 60px) - 100px) / 6) * 6) + 100px); } }
@media screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: none), screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: active) {
.modal-col-8 {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.modal-col-8 {
width: calc((((calc(100vw - 40px - 20px - 80px - calc((((100vw - 300px) / 12) * 1) + 0px)) - 220px) / 12) * 8) + 140px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: active) {
.modal-col-8 {
width: calc((((100vw - 300px) / 12) * 8) + 140px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.modal-col-8 {
width: calc((((calc(100vw - 80px - 40px - 80px - calc((((100vw - 600px) / 12) * 1) + 0px)) - 440px) / 12) * 8) + 280px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: active) {
.modal-col-8 {
width: calc((((100vw - 600px) / 12) * 8) + 280px); } }
@media screen and (min-width: 1660px) {
.modal-col-8 {
width: calc((((1370px - 440px) / 12) * 8) + 280px); } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.modal-col-8 {
width: 986.666666667px; } }
ul li {
list-style-type: none; }
a {
color: #767676;
text-decoration: none; }
a[href^="tel:"],
a[href^="fax:"],
a[href^="tel:"]:hover,
a[href^="fax:"]:hover {
color: inherit;
text-decoration: none; }
button {
-webkit-appearance: none; }
b, strong {
font-weight: 700; }
i, em {
font-style: italic; }
mark {
color: #000;
outline: 3px solid #000; }
sub,
sup {
position: relative;
font-size: 76.5%;
line-height: 0;
vertical-align: baseline; }
*[class*=f-] sub, *[class*=f-]
sup {
font-size: 60%; }
sub {
bottom: -.3em; }
sup {
top: -.6em; }
pre,
code {
display: inline-block;
background: #f2f2f2;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console",
"Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono",
"Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
tab-width: 2; }
pre {
display: block;
width: 100%;
max-height: 400px;
margin-top: 20px;
padding: 7px 8px 3px;
overflow: auto; }
code {
padding: 2px 3px; }
pre code {
display: block;
padding: 0; }
[class*=icon--] {
display: inline-block;
vertical-align: middle; }
.skip-nav {
position: absolute;
z-index: 999;
left: 40px;
top: -100px;
padding: 10px;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
color: #767676;
opacity: 0;
transition: top .25s .5s; }
.skip-nav::before,
.skip-nav::after {
content: none; }
.skip-nav:focus,
.skip-nav:active {
top: 40px;
opacity: 1;
transition: top .25s; }
.menu-toggle {
width: 22px;
height: 20px;
padding: 0;
border: none;
background: none;
color: #000;
cursor: pointer; }
.menu-toggle::after {
content: '';
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.menu-toggle:hover, .menu-toggle:focus:hover, .menu-toggle.s-active {
color: #f25d27; }
.menu-toggle:active:hover {
color: #35393f; }
.menu-toggle svg {
position: absolute;
left: 0;
top: 0; }
.menu-toggle .icon--menu {
transition: opacity .05s .1s; }
.menu-toggle .icon--close {
opacity: 0;
transform: rotate(-45deg);
transition: opacity .05s .05s, transform .1s ease-out; }
.font-smoothing-on {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@keyframes contrast-header-reveal {
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes contrast-header-bg-reveal {
100% {
opacity: 1; } }
@keyframes xhrLoader {
100% {
transform: rotate(360deg); } }
@media screen and (min-width: 900px) {
.curtain {
position: relative; }
.curtain:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -50px;
background-color: rgba(250, 249, 244, 0.8);
opacity: 0;
pointer-events: none; }
.curtain.active:before {
opacity: 1;
pointer-events: all;
z-index: 2; } }
input:focus,
input:active {
outline: none;
-webkit-appearance: none; }
.g-recaptcha > div {
max-width: 100%; }
.g-recaptcha > div iframe {
max-width: 100%; }
input[type=text]::-ms-clear {
display: none; }
.btn {
display: inline-block;
padding-right: 15px;
padding-left: 15px;
border: 1px solid #a6a6a6;
background-color: transparent;
color: #000;
text-align: center;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
-webkit-appearance: none; }
.btn + .btn {
margin-left: 10px; }
.btn:hover, .btn:focus:hover {
border-color: #f25d27;
color: #faf9f4;
background-color: #f25d27; }
.btn.s-active, .btn:active:hover {
border-color: #f25d27;
color: #f25d27; }
.btn[class*=f-]::before, .btn[class*=f-]::after {
content: none; }
.btn.f-link {
padding-top: 15px;
padding-bottom: 13px; }
@media screen and (min-width: 900px) {
.btn.f-link {
padding-top: 14px;
padding-bottom: 14px; } }
.btn.f-label {
padding-top: 18px;
padding-bottom: 15px; }
@media screen and (min-width: 900px) {
.btn.f-label {
padding-top: 17px;
padding-bottom: 16px; } }
.btn--arrow,
.btn--close {
position: relative;
width: 45px;
height: 45px;
padding: 0;
border-radius: 100%;
color: #f25d27; }
@media screen and (max-width: 899px) {
.btn--arrow .icon--close,
.btn--close .icon--close {
width: 16px;
height: 16px; } }
@media screen and (min-width: 900px) {
.btn--arrow,
.btn--close {
width: 55px;
height: 55px; } }
.btn--arrow:hover, .btn--arrow:focus:hover,
.btn--close:hover,
.btn--close:focus:hover {
color: #faf9f4; }
.btn--arrow::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.btn--arrow svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.btn--close svg {
width: 24px;
height: 24px;
position: absolute;
left: calc(50% - 1px);
top: 50%;
transform: translate(-50%, -50%); }
.btn--oncolor {
color: #26262b;
border-color: #26262b; }
.btn--oncolor:hover, .btn--oncolor:focus:hover {
color: #faf9f4;
background-color: #26262b;
border-color: #26262b; }
.btn--oncolor:active:hover {
color: #faf9f4;
border-color: transparent; }
.btn--full {
display: block;
width: 100%;
margin-top: 40px;
padding-right: 30px;
padding-left: 30px; }
@media screen and (min-width: 900px) {
.btn--full {
display: table;
width: auto;
max-width: 100%;
margin-right: auto;
margin-top: 80px;
margin-left: auto; } }
.btn--download {
position: relative;
width: 45px;
height: 45px;
padding: 0;
border-radius: 100%;
color: #f25d27; }
.btn--download svg {
position: absolute;
left: 50%;
top: calc(50% + 3px);
transform: translate(-50%, -50%); }
.btn--download:hover {
background-color: transparent; }
.list > li {
position: relative;
padding-left: 1.5em; }
.list li:before {
content: "\2022";
position: absolute;
left: 0;
top: 0.1em;
width: 1.5em; }
.list ul > li {
position: relative;
padding-left: 1.5em; }
.list ul > li:before {
content: "\25cb";
font-size: 0.8em;
top: 0; }
.link {
color: #f25d27; }
.link:hover {
opacity: 0.8; }
.link--jump {
color: #f25d27; }
.link--jump:hover {
opacity: 0.8; }
.link--external {
color: #f25d27; }
.link--external svg {
height: 12px;
width: 12px;
margin-left: 7px;
margin-top: -3px; }
.link--external:hover {
opacity: 0.8; }
.link--alone {
color: #f25d27; }
.link--alone:hover {
opacity: .8; }
.link--alone .icon--arrow {
margin-left: 5px;
width: 14px;
height: 14px;
transform: rotate(90deg);
margin-top: -3px; }
.color-bar__green {
background-color: #97ad86; }
.color-bar__yellow {
background-color: #f9d767; }
.color-bar__red {
background-color: #de6e48; }
.score-bar {
position: relative; }
.score-bar__progress {
position: absolute;
left: 0;
top: 1px;
height: 100%;
width: 3px;
transition: .5s;
max-width: 3px;
min-width: 3px; }
@media screen and (min-width: 600px) {
.score-bar__progress {
top: 0; } }
.score-bar__progress.revealed {
max-width: 100%;
transition-delay: .2s; }
.image-wrapper {
position: relative;
width: 100%; }
.image-wrapper img {
transition: .3s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.image-wrapper img[data-srcset] {
filter: blur(10px); }
.image-wrapper img[srcset] {
filter: blur(0px); }
.m-social-links {
display: flex;
flex-flow: row nowrap;
margin-top: 30px; }
@media screen and (min-width: 900px) {
.m-social-links {
margin-top: 40px; } }
.m-social-links > li {
flex: 0 0 auto;
margin-left: 10px; }
.m-social-links > li:first-child {
margin-left: 0; }
.m-social-links a {
display: block;
position: relative;
width: 25px;
height: 25px;
color: #a6a6a6;
overflow: hidden; }
.m-social-links a::before {
content: '';
position: absolute;
z-index: 10;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.m-social-links a:hover, .m-social-links a:focus, .m-social-links a:active {
border-color: #767676;
color: #767676; }
.m-social-links:not(.m-social-links--minimal) a {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: 45px;
height: 45px;
padding: 10px;
border: 1px solid rgba(166, 166, 166, 0.4);
border-radius: 50%;
text-align: center; }
.m-social-links:not(.m-social-links--minimal) a svg {
display: inline-block;
vertical-align: unset; }
.m-social-links:not(.m-social-links--minimal) a:hover, .m-social-links:not(.m-social-links--minimal) a:focus, .m-social-links:not(.m-social-links--minimal) a:active {
border-color: #faf9f4;
color: #faf9f4; }
.m-social-links .icon--facebook--25,
.m-social-links .icon--twitter--25 {
transform: translateX(-0.25px); }
.m-social-links .icon--linkedin--25,
.m-social-links .icon--email--25 {
transform: translateX(-0.5px); }
.m-social-links:not(.m-social-links--minimal) svg {
display: block;
flex: 0 0 auto;
transform: translateX(0.5px); }
.m-social-links:not(.m-social-links--minimal) .icon--twitter--25 {
transform: translateX(0.5px); }
.m-social-links:not(.m-social-links--minimal) .icon--facebook--25 {
transform: translateX(1px); }
.m-page-header {
background-color: #35393f; }
.m-page-header__title {
padding-bottom: 30px; }
.m-page-header__title .f-h1 {
padding-top: 25px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.m-page-header__title .f-h1 {
padding-top: 10px; } }
@media screen and (min-width: 1200px) {
.m-page-header__title .f-h1 {
padding-top: 55px; } }
.m-page-header__intro {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-bottom: 75px;
border-top: 1px solid rgba(166, 166, 166, 0.3);
color: #faf9f4; }
.m-page-header__intro .container {
position: relative; }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-page-header__intro p {
width: calc((((100vw - 600px) / 12) * 9) + 320px); } }
@media screen and (min-width: 1660px) {
.m-page-header__intro p {
width: 1115px; } }
.m-page-header .m-social-links {
margin-top: 30px;
margin-bottom: -45px; }
.m-page-header .m-social-links a {
color: #a6a6a6; }
@media screen and (min-width: 1200px) {
.m-page-header .m-social-links {
position: absolute;
right: 0;
top: 0;
margin-top: 20px;
margin-bottom: 0; } }
.m-scores {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.m-scores__main .f-label {
margin-top: 30px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.m-scores__main .f-label {
margin-top: 30px; } }
@media screen and (min-width: 1200px) {
.m-scores__main .f-label {
margin-top: 35px; } }
.m-scores__overall span {
display: inline-block !important;
color: #faf9f4; }
.m-scores__overall span:first-child {
margin-top: 5px; }
@media screen and (min-width: 900px) {
.m-scores__overall span:first-child {
margin-top: 35px; } }
@media screen and (min-width: 1200px) {
.m-scores__overall span:first-child {
margin-top: 15px; } }
.m-scores__overall span:nth-child(2) {
position: relative;
top: -4px;
margin-left: 15px; }
.m-scores__overall .score-bar {
width: 100%;
height: 5px;
margin-top: 20px;
background-color: #4b535d; }
@media screen and (min-width: 900px) {
.m-scores__overall .score-bar {
margin-top: 30px; } }
.m-scores__each .f-label {
margin-top: 30px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.m-scores__each .f-label {
margin-top: 50px; } }
.m-scores__list {
margin-top: 20px; }
@media screen and (min-width: 900px) {
.m-scores__list {
margin-top: 40px; } }
.m-scores__list li {
display: flex;
flex-flow: row wrap;
border-top: 1px solid rgba(166, 166, 166, 0.4);
border-bottom: 1px solid rgba(166, 166, 166, 0.4);
color: #faf9f4; }
@media screen and (min-width: 600px) {
.m-scores__list li {
height: 50px; } }
.m-scores__list li + li {
border-top: none; }
.m-scores__list .m-scores__list-title {
width: 100%; }
@media screen and (min-width: 600px) {
.m-scores__list .m-scores__list-title {
width: calc(100% - 270px); } }
.m-scores__list .m-scores__list-title span {
display: inline-block;
padding-top: 5px; }
@media screen and (min-width: 600px) {
.m-scores__list .m-scores__list-title span {
padding-top: 4px; } }
.m-scores__list .m-scores__list-score {
width: 100%;
flex-shrink: 0;
margin-top: 15px; }
@media screen and (min-width: 600px) {
.m-scores__list .m-scores__list-score {
width: auto;
flex-shrink: 1;
margin-top: 0; } }
.m-scores__list .m-scores__list-score .score-bar {
display: inline-block;
height: 30px;
width: calc(100% - 70px); }
@media screen and (min-width: 600px) {
.m-scores__list .m-scores__list-score .score-bar {
width: 150px;
height: 100%; } }
.m-scores__list .m-scores__list-score .f-h3 {
display: inline-block;
position: relative;
margin-left: 10px;
top: -7px; }
@media screen and (min-width: 600px) {
.m-scores__list .m-scores__list-score .f-h3 {
margin-left: 20px;
top: -14px; } }
.m-scores__links {
margin-top: 25px; }
.m-scores__links .link--alone {
display: inline-block;
color: #faf9f4; }
.m-scores__links .link--alone:last-child {
margin-top: 10px; }
.m-chart-tabs {
margin-top: 45px;
display: flex;
min-width: 640px;
padding-bottom: 10px; }
@media screen and (min-width: 900px) {
.m-chart-tabs {
margin-top: 70px; } }
@media screen and (min-width: 1200px) {
.m-chart-tabs {
margin-top: 60px; } }
.m-chart-tabs__tab {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
width: 33.33%;
padding-bottom: 25px;
vertical-align: top;
color: #a6a6a6;
cursor: pointer;
border-bottom: 1px solid rgba(166, 166, 166, 0.4); }
.m-chart-tabs__tab:after {
position: absolute;
content: '';
height: 15px;
width: 15px;
background-color: #35393f;
border: 1px solid #faf9f4;
bottom: -8px;
left: 50%;
border-top-color: transparent;
border-left-color: transparent;
transform: translateX(-50%) rotate(45deg);
opacity: 0; }
@media screen and (min-width: 900px) {
.m-chart-tabs__tab {
padding-bottom: 30px; } }
.m-chart-tabs__tab.active {
color: #faf9f4;
border-bottom-color: #faf9f4; }
.m-chart-tabs__tab.active:after {
opacity: 1; }
.m-chart-tabs__tab:hover {
color: #faf9f4; }
.m-chart-tabs__tab .m-chart-tabs__figures {
text-align: center; }
.m-chart-tabs__tab .m-chart-tabs__figures span {
display: inline-block; }
.m-chart-tabs__tab .m-chart-tabs__figures span + span {
margin-left: 5px; }
.m-chart-tabs__figures + .f-body-3 {
margin-top: 5px;
text-align: center; }
@media screen and (min-width: 900px) {
.m-chart-tabs__figures + .f-body-3 {
margin-top: 10px; } }
.m-tabs {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 35px; }
@media screen and (min-width: 900px) {
.m-tabs {
margin-top: 85px; } }
.m-tabs__panels {
position: relative; }
.m-tabs__panel.active {
opacity: 1; }
.m-tabs__control {
color: #a6a6a6; }
@media screen and (max-width: 899px) {
.m-tabs__control {
position: relative; }
.m-tabs__control:after {
content: '';
display: block;
position: absolute;
width: calc(100% + 40px);
left: -20px;
height: 1px;
background-color: rgba(166, 166, 166, 0.4);
bottom: 15px;
z-index: 0; } }
.m-tabs__control li {
position: relative;
height: 50px;
border-bottom: 1px solid rgba(166, 166, 166, 0.4);
cursor: pointer; }
.m-tabs__control li svg {
position: absolute;
top: 20px;
right: 10px;
transform: rotate(-90deg);
opacity: 0; }
.m-tabs__control li.active {
color: #faf9f4;
border-bottom-color: #faf9f4; }
@media screen and (min-width: 900px) {
.m-tabs__control li.active svg {
opacity: 1; } }
.m-tabs__control li:hover {
color: #faf9f4; }
.m-tabs__control .f-body-3 {
display: inline-block;
padding-top: 5px; }
.m-tabs__control ul {
display: flex;
position: relative;
margin-right: -20px;
margin-left: -20px;
overflow: auto;
padding-bottom: 15px; }
@media screen and (min-width: 900px) {
.m-tabs__control ul {
display: block;
max-width: 315px;
overflow: hidden;
margin-left: 0;
margin-left: 0;
padding-bottom: 0; } }
@media screen and (max-width: 899px) {
.m-tabs__control li {
flex-shrink: 0;
margin-left: 20px;
position: relative;
z-index: 1;
border-bottom-color: transparent; }
.m-tabs__control li:last-child {
font-size: 0px; }
.m-tabs__control li:last-child:after {
content: '';
position: absolute;
width: 20px;
height: 5px;
display: inline-block; }
.m-tabs__control li:before {
position: absolute;
content: '';
height: 10px;
width: 10px;
background-color: #35393f;
border: 1px solid #faf9f4;
bottom: -6px;
left: 50%;
border-top-color: transparent;
border-left-color: transparent;
transform: translateX(-50%) rotate(45deg);
opacity: 0; }
.m-tabs__control li.active:before {
opacity: 1; } }
.m-tabs__panel {
position: absolute;
left: 0;
top: 0;
width: 100%;
color: #faf9f4;
opacity: 0;
margin-top: 20px; }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-tabs__panel {
padding-left: 20px; } }
@media screen and (min-width: 900px) {
.m-tabs__panel {
margin-top: 0; } }
.m-tabs__panel ol {
counter-reset: list-counter; }
.m-tabs__panel li {
padding-left: 40px;
position: relative; }
.m-tabs__panel li:before {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0.02em;
position: absolute;
top: 5px;
left: 0px;
padding-top: 5px;
text-align: center;
display: inline-block;
content: counter(list-counter);
counter-increment: list-counter;
width: 30px;
height: 30px;
border-radius: 100%;
border: 1px solid rgba(166, 166, 166, 0.4);
margin-right: 10px; }
.m-tabs__panel li:before b,
.m-tabs__panel li:before strong {
font-weight: 600; }
.m-tabs__panel li:before i,
.m-tabs__panel li:before em {
font-style: italic; }
.s-sans-serif-loaded .m-tabs__panel li:before {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.m-tabs__panel li:before::before, .m-tabs__panel li:before::after {
content: '';
display: block; }
.m-tabs__panel li:before::before {
padding-top: 8px; }
.m-tabs__panel li:before::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.m-tabs__panel li:before {
font-size: 14px;
line-height: 20px; }
.m-tabs__panel li:before::before {
padding-top: 7px; }
.m-tabs__panel li:before::after {
margin-bottom: -7px; } }
.m-tabs__panel li span {
display: inline-block; }
.m-tabs__panel li + li {
margin-top: 20px; }
.m-reform-card {
border: 1px solid rgba(166, 166, 166, 0.4);
padding: 0 20px 30px 20px;
color: #faf9f4;
margin-top: 20px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-reform-card {
width: calc((((calc(100vw - 40px) - 100px) / 6) * 6) + 100px); } }
@media screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: none), screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: active) {
.m-reform-card {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-reform-card {
width: calc((((calc(100vw - 60px) - 100px) / 6) * 3) + 40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: none), screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: active) {
.m-reform-card {
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-reform-card {
width: calc((((calc(100vw - 40px - 20px - 80px - calc((((100vw - 300px) / 12) * 1) + 0px)) - 220px) / 12) * 6) + 100px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: active) {
.m-reform-card {
width: calc((((100vw - 300px) / 12) * 6) + 100px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-reform-card {
width: calc((((calc(100vw - 80px - 40px - 80px - calc((((100vw - 600px) / 12) * 1) + 0px)) - 440px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: active) {
.m-reform-card {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.m-reform-card {
width: calc((((1370px - 440px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.m-reform-card {
width: 473.333333333px; } }
.m-reform-card .f-h4 {
margin-top: 15px;
position: relative;
padding-right: 45px; }
@media screen and (min-width: 900px) {
.m-reform-card .f-h4 {
margin-top: 10px; } }
.m-reform-card .f-h4 svg {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
@media screen and (max-width: 899px) {
.m-reform-card .f-h4 {
padding-right: 40px; } }
.m-reform-card .f-body-3 {
margin-top: 25px;
padding-top: 10px;
border-top: 1px solid rgba(166, 166, 166, 0.4); }
@media screen and (min-width: 900px) {
.m-reform-card {
margin-top: 30px; } }
@keyframes fade {
from {
opacity: 0;
transform: translateY(10px); }
to {
opacity: 1;
transform: translateY(0px); } }
.m-country-card {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #e6e1cc;
margin-top: 15px;
opacity: 0;
transform: translateY(10px);
background-color: #faf9f4;
animation-name: fade;
animation-duration: .5s;
animation-delay: .1s;
animation-fill-mode: forwards; }
.m-country-card .score-bar {
width: 100%;
height: 5px;
background-color: #e6e1cc; }
@media screen and (min-width: 900px) {
.m-country-card {
margin-top: 20px; } }
.m-country-card__wrapper {
display: flex;
flex-flow: row wrap; }
@media screen and (min-width: 600px) {
.m-country-card__wrapper {
padding: 20px 0;
flex-flow: row nowrap; } }
.m-country-card__map {
flex-shrink: 0; }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-country-card__map {
width: calc((((100vw - 160px) / 6) * 1) + 0px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-country-card__map {
width: calc((((100vw - 300px) / 12) * 2) + 20px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-country-card__map {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.m-country-card__map {
width: 216.666666667px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-country-card__map {
padding: 15px;
width: 100%;
text-align: right; }
.m-country-card__map svg {
width: 70px;
height: 70px; } }
@media screen and (min-width: 600px) {
.m-country-card__map {
padding: 10px;
text-align: center; }
.m-country-card__map svg {
vertical-align: middle;
max-width: 100%; } }
@media screen and (min-width: 1200px) {
.m-country-card__map {
padding: 10px 0; } }
.m-country-card__map.color-bar__green {
background-color: transparent; }
.m-country-card__map.color-bar__green svg {
color: #97ad86; }
.m-country-card__map.color-bar__yellow {
background-color: transparent; }
.m-country-card__map.color-bar__yellow svg {
color: #f9d767; }
.m-country-card__map.color-bar__red {
background-color: transparent; }
.m-country-card__map.color-bar__red svg {
color: #de6e48; }
.m-country-card__info {
flex-grow: 1; }
.m-country-card__info .f-h3--sans {
margin-top: 35px;
color: #000; }
@media screen and (min-width: 600px) {
.m-country-card__info .f-h3--sans {
margin-top: -5px; } }
@media screen and (min-width: 1200px) {
.m-country-card__info .f-h3--sans {
margin-top: -15px; } }
.m-country-card__info .f-body-3 {
margin-top: 0px; }
.m-country-card__info .f-body-3 span {
color: #000;
margin-left: 5px; }
.m-country-card__info .f-h3--sans + .f-body-3 {
margin-top: 10px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-country-card__info {
position: relative;
border-top: 1px solid rgba(166, 166, 166, 0.5);
margin: 0 15px;
padding-bottom: 15px;
width: 100%; }
.m-country-card__info .f-h3--sans {
position: absolute;
left: 0;
bottom: calc(100% + 15px);
width: calc(100% - 80px); }
.m-country-card__info .f-h3--sans + .f-body-3 {
margin-top: 0; } }
@media screen and (min-width: 600px) {
.m-country-card__info {
border-left: 1px solid rgba(166, 166, 166, 0.5);
padding-left: 20px;
padding-right: 20px; } }
.m-country-card__score {
position: relative; }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-country-card__score {
width: calc((((100vw - 160px) / 6) * 2) + 20px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-country-card__score {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-country-card__score {
width: calc((((100vw - 600px) / 12) * 3) + 80px); } }
@media screen and (min-width: 1660px) {
.m-country-card__score {
width: 345px; } }
@media screen and (min-width: 600px) {
.m-country-card__score {
border-left: 1px solid rgba(166, 166, 166, 0.5);
padding-left: 20px;
flex-shrink: 0; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-country-card__score {
position: relative;
border-top: 1px solid rgba(166, 166, 166, 0.5);
width: 100%;
margin: 0 15px;
padding-bottom: 30px; }
.m-country-card__score .btn {
right: 0;
top: 35px; }
.m-country-card__score .f-body-3 {
top: 0px;
left: 0; } }
.m-country-card__score .f-h1--serif {
margin-top: 25px;
color: #000; }
@media screen and (min-width: 600px) {
.m-country-card__score .f-h1--serif {
margin-top: -10px; } }
@media screen and (min-width: 900px) {
.m-country-card__score .f-h1--serif {
margin-top: -10px; } }
@media screen and (min-width: 1200px) {
.m-country-card__score .f-h1--serif {
margin-top: -20px; } }
.m-country-card__score .btn {
position: absolute;
border-color: rgba(166, 166, 166, 0.5); }
.m-country-card__score .btn .icon--pointer-b {
width: 10px;
margin-left: 2px; }
@media screen and (min-width: 600px) {
.m-country-card__score .btn {
right: 20px;
top: 0; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-country-card__score .btn {
width: 45px;
height: 45px; } }
@media screen and (min-width: 1200px) {
.m-country-card__score .btn .icon--pointer-b {
width: 12px; } }
.m-country-card__score .f-body-3 {
position: absolute; }
@media screen and (min-width: 600px) {
.m-country-card__score .f-body-3 {
left: 20px;
bottom: 10px; } }
.m-country-card:hover {
color: #f25d27; }
.m-country-card:hover .m-country-card__info .f-body-3 span {
color: #f25d27; }
.m-country-card:hover .m-country-card__info .f-h3--sans {
color: #f25d27; }
.m-country-card:hover .m-country-card__score .f-h1--serif {
color: #f25d27; }
.m-country-card:hover .m-country-card__score .btn {
background-color: #f25d27;
border-color: #f25d27;
color: #faf9f4; }
.m-select-list {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.m-select-list li {
position: relative;
padding-left: 20px;
color: #767676;
cursor: pointer; }
.m-select-list li span {
display: inline-block; }
.m-select-list li:before {
content: '';
position: absolute;
height: 6px;
width: 6px;
border-radius: 100%;
border: 1px solid #767676;
left: 0;
top: 17px; }
.m-select-list li + li {
margin-top: 5px; }
.m-select-list li.active {
color: #f25d27; }
.m-select-list li.active:before {
border-color: #f25d27;
background-color: #f25d27; }
.m-check-list li {
position: relative;
cursor: pointer;
height: 60px;
border-bottom: 1px solid rgba(166, 166, 166, 0.5);
color: #767676;
padding-left: 50px; }
.m-check-list li.show {
display: block; }
.m-check-list li.active {
display: block;
color: #f25d27; }
.m-check-list span {
display: inline-block;
padding-top: 10px; }
.m-check-list svg {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 15px;
opacity: 0; }
.m-check-list li.active svg {
opacity: 1; }
.m-check-list__search {
display: none; }
.m-filter {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.m-filter > .f-label {
margin-top: 40px; }
@media screen and (min-width: 900px) {
.m-filter > .f-label {
margin-top: 50px; } }
.m-filter__body .container {
position: relative; }
.m-filter__body {
border-top: 1px solid rgba(166, 166, 166, 0.5);
border-bottom: 1px solid rgba(166, 166, 166, 0.5);
transition: .3s;
position: relative;
z-index: 50;
width: 100vw; }
.m-filter__body-holder {
height: 62px; }
@media screen and (min-width: 900px) {
.m-filter__body-holder {
height: 80px;
margin-top: 15px; } }
.m-filter__body.fixed {
position: fixed;
top: 0;
left: 0;
background-color: #fff; }
.pinned-header .m-filter__body.fixed {
top: 60px; }
@media screen and (min-width: 1200px) {
.pinned-header .m-filter__body.fixed {
top: 80px; } }
.pinned-header.lock--noheader .m-filter__body.fixed {
top: 0px; }
.m-filter__body.bottom,
.pinned-header .m-filter__body.bottom {
width: 100%;
position: absolute;
top: auto;
bottom: 300px; }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-filter__views {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-filter__views {
width: calc((((100vw - 600px) / 12) * 3) + 80px); } }
@media screen and (min-width: 1660px) {
.m-filter__views {
width: 345px; } }
@media screen and (min-width: 900px) {
.m-filter__views {
position: absolute;
left: 0;
top: calc(100% + 40px);
z-index: 2; } }
.m-filter__views .m-select-list + .f-label {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.m-filter__views .m-select-list + .f-label {
margin-top: 30px; } }
.m-filter__views .m-select-list {
margin-top: 15px; }
.m-filter__filters {
position: relative; }
@media screen and (min-width: 900px) {
.m-filter__filters {
padding: 19px 0px;
font-size: 0px; } }
.m-filter__item {
position: relative; }
@media screen and (min-width: 900px) {
.m-filter__item {
display: inline-block; } }
.m-filter__btn {
border: 1px solid rgba(166, 166, 166, 0.5);
color: #767676;
cursor: pointer; }
.m-filter__btn:hover {
color: #f25d27; }
.m-filter__btn svg {
color: #f25d27; }
@media screen and (min-width: 900px) {
.m-filter__btn {
height: 40px;
padding: 0 15px;
margin-right: 10px; }
.m-filter__btn svg {
width: 10px;
height: 10px;
margin-left: 10px;
margin-top: -12px; } }
.m-filter__btn span {
display: inline-block; }
@media screen and (min-width: 900px) {
.m-filter__btn span {
position: relative;
top: -2px; } }
.m-filter__item-body {
position: absolute;
opacity: 0;
pointer-events: none;
z-index: 3; }
@media screen and (min-width: 900px) {
.m-filter__item-body {
width: 420px;
left: 0;
top: calc(100% + 19px);
background-color: #fff;
border: 1px solid rgba(166, 166, 166, 0.5); } }
@media screen and (min-width: 900px) {
.m-filter__item-body .m-check-list {
max-height: 420px;
overflow: auto; } }
.m-filter__item.active .m-filter__btn {
color: #faf9f4;
background-color: #f25d27;
border-color: #f25d27; }
.m-filter__item.active .m-filter__btn svg {
color: #faf9f4;
transform: rotate(180deg); }
.m-filter__item.active .m-filter__item-body {
opacity: 1;
pointer-events: all; }
.m-filter__item.highlight .m-filter__btn {
color: #f25d27; }
@media screen and (min-width: 900px) {
.m-filter__item.highlight .m-filter__btn {
color: #faf9f4;
background-color: #f25d27;
border-color: #f25d27; }
.m-filter__item.highlight .m-filter__btn svg {
color: #faf9f4; } }
.m-filter__item-footer {
height: 60px;
padding-top: 9px;
padding-right: 15px;
text-align: right; }
.m-filter__item-footer .btn {
height: 40px;
line-height: 40px;
padding: 0 15px;
color: #f25d27;
border-color: #f25d27; }
.m-filter__item-footer .btn:before, .m-filter__item-footer .btn:after {
display: none; }
.m-filter__item-footer .btn:hover {
color: #faf9f4; }
.m-filter__item-footer .btn:first-child {
border: none; }
.m-filter__clear {
display: none;
position: absolute;
right: 0;
top: calc(50% - 5px);
transform: translateY(-50%);
color: #767676;
cursor: pointer; }
.m-filter__clear svg {
width: 13px;
height: 12px;
margin-left: 5px; }
.m-filter__clear.active {
display: block; }
.m-filter__search-wrapper {
position: relative; }
.m-filter__search-wrapper svg {
position: absolute;
right: 15px;
top: 20px; }
.m-filter__search {
width: 100%;
height: 60px;
border: none;
padding: 15px;
border-bottom: 1px solid rgba(166, 166, 166, 0.5); }
.m-filter__search:focus {
outline: none; }
.m-filter__search-no-result {
display: none;
min-height: 100px;
padding: 15px;
text-align: center;
border-bottom: 1px solid rgba(166, 166, 166, 0.5); }
.m-filter__search-no-result.show {
display: block; }
@media screen and (max-width: 899px) {
.m-filter > .container:first-child {
display: none; } }
.m-filter__mb-icon {
height: 60px; }
.m-filter__mb-icon .f-body-3 {
padding-top: 10px;
color: #767676; }
.m-filter__mb-icon .f-body-3 svg {
margin-right: 10px; }
.m-filter__mb-icon .f-body-3.active {
color: #f25d27; }
@media screen and (min-width: 900px) {
.m-filter__mb-icon {
display: none; } }
.m-filter__side-wrapper {
position: static; }
@media screen and (max-width: 899px) {
.m-filter__side-wrapper {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
background-color: #fff;
z-index: 100;
overflow: auto;
opacity: 0;
pointer-events: none;
transition: .3s; }
.m-filter__side-wrapper .container {
margin: 0;
width: 100%; }
.m-filter__side-wrapper .m-filter__views {
padding: 0 15px;
margin-top: 30px; }
.m-filter__side-wrapper .m-filter__btn {
position: relative;
border: none;
border-bottom: 1px solid rgba(166, 166, 166, 0.5);
height: 60px;
padding: 0 15px; }
.m-filter__side-wrapper .m-filter__btn svg {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(-90deg); }
.m-filter__side-wrapper .m-filter__btn:hover {
background-color: transparent; }
.m-filter__side-wrapper .m-filter__btn .f-body-3 {
padding-top: 10px; }
.m-filter__side-wrapper .m-filter__item,
.m-filter__side-wrapper .m-filter__filters {
position: static; }
.m-filter__side-wrapper .m-filter__item-body {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #fff;
transition: .3s; }
.m-filter__side-wrapper .m-filter__item-body .m-check-list {
/*height: calc(100vh - 140px);*/
overflow: auto; }
.m-filter__side-wrapper .m-filter__item-body .m-check-list--search {
/*height: calc(100vh - 200px);*/ }
.m-filter__side-wrapper .m-filter__item-footer {
padding: 15px;
height: auto;
border-top: 1px solid rgba(166, 166, 166, 0.5);
font-size: 0;
position: fixed;
width: 100%;
bottom: 0; }
.m-filter__side-wrapper .m-filter__item-footer .btn {
height: 50px;
line-height: 50px;
width: calc(50% - 5px);
box-sizing: border-box; }
.m-filter__side-wrapper .m-filter__item-footer .btn:first-child {
color: #767676;
background-color: transparent !important; }
.m-filter__side-wrapper .m-filter__item-footer .btn:last-child {
background-color: #f25d27;
color: #faf9f4; }
.m-filter__side-wrapper .m-filter__clear {
position: static;
transform: none;
padding: 0 15px;
padding-top: 10px; } }
@media screen and (max-width: 899px) {
.m-filter__side-wrapper.active {
opacity: 1;
pointer-events: all; } }
.m-filter__mb-header {
position: relative;
height: 60px;
text-align: center;
padding: 0 15px;
border-bottom: 1px solid rgba(166, 166, 166, 0.5); }
.m-filter__mb-header .m-filter__mb-close {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #000; }
.m-filter__mb-header .m-filter__mb-back {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
color: #f25d27; }
.m-filter__mb-header .m-filter__mb-back svg {
transform: rotate(90deg); }
.m-filter__mb-header .f-body-3 {
padding-top: 10px; }
@media screen and (min-width: 900px) {
.m-filter__mb-header {
display: none; } }
@media screen and (max-width: 899px) {
.m-filter__mb-body {
height: calc(100vh - 60px);
overflow: auto;
padding-bottom: 20px; } }
.m-slide-tab {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.m-slide-tab__control {
display: flex;
position: relative;
border-bottom: 1px solid rgba(166, 166, 166, 0.5); }
.m-slide-tab__control li {
text-align: center;
cursor: pointer; }
.m-slide-tab__control li span {
display: inline-block; }
.m-slide-tab__slide {
position: absolute;
bottom: -1px;
height: 1px;
left: 0;
background-color: #000; }
.m-slide-tab__panels {
position: relative; }
.m-slide-tab__panel {
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
pointer-events: none; }
.m-slide-tab__panel:first-child {
position: relative; }
.m-slide-tab__panel.active {
opacity: 1;
pointer-events: all; }
.m-barriers-card {
position: relative;
background-color: #faf9f4;
border: 1px solid #e6e1cc;
padding-bottom: 70px;
margin-top: 15px;
color: #000; }
@media screen and (min-width: 600px) {
.m-barriers-card {
padding-bottom: 0; } }
@media screen and (min-width: 900px) {
.m-barriers-card {
margin-top: 30px; } }
.m-barriers-card .btn--arrow {
position: absolute;
right: 20px;
bottom: 20px;
border-color: rgba(166, 166, 166, 0.5); }
@media screen and (min-width: 600px) {
.m-barriers-card .btn--arrow {
top: 20px;
right: 20px;
bottom: auto; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-card .btn--arrow {
width: 45px;
height: 45px; } }
.m-barriers-card .btn--arrow .icon--pointer-b {
width: 10px;
margin-left: 2px; }
@media screen and (min-width: 1200px) {
.m-barriers-card .btn--arrow .icon--pointer-b {
width: 12px; } }
.m-barriers-card:hover {
color: #f25d27; }
.m-barriers-card:hover .btn--arrow {
background-color: #f25d27;
border-color: #f25d27;
color: #faf9f4; }
.m-barriers-car__wrapper {
display: flex;
flex-flow: row wrap;
padding: 20px 0; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-barriers-car__wrapper {
margin-left: -20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-barriers-car__wrapper {
margin-left: -20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-car__wrapper {
margin-left: -20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-car__wrapper {
margin-left: -40px; } }
@media screen and (min-width: 1660px) {
.m-barriers-car__wrapper {
margin-left: -40px; } }
@media screen and (min-width: 600px) {
.m-barriers-car__wrapper {
flex-flow: row nowrap; } }
.m-barriers-car__number {
flex: 0 0 auto;
padding-right: 20px;
padding-left: 20px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-barriers-car__number {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-barriers-car__number {
width: calc((((100vw - 160px) / 6) * 1) + 0px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-car__number {
width: calc((((100vw - 300px) / 12) * 1) + 0px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-car__number {
width: calc((((100vw - 600px) / 12) * 1) + 0px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.m-barriers-car__number {
width: 88.3333333333px;
margin-left: 40px; } }
@media screen and (min-width: 600px) {
.m-barriers-car__number {
text-align: center;
padding-left: 20px;
padding-right: 0; } }
@media screen and (min-width: 1200px) {
.m-barriers-car__number {
padding-left: 40px; } }
.m-barriers-car__number .f-h2 {
margin-top: -10px; }
@media screen and (min-width: 600px) {
.m-barriers-car__number .f-h2 {
margin-top: 0px; } }
@media screen and (min-width: 900px) {
.m-barriers-car__number .f-h2 {
margin-top: 10px; } }
@media screen and (min-width: 1200px) {
.m-barriers-car__number .f-h2 {
margin-top: 0px; } }
.m-barriers-car__main {
flex: 0 0 auto;
padding-left: 20px;
padding-right: 20px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-barriers-car__main {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-barriers-car__main {
width: calc((((100vw - 160px) / 6) * 5) + 80px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-car__main {
width: calc((((100vw - 300px) / 12) * 11) + 200px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-car__main {
width: calc((((100vw - 600px) / 12) * 11) + 400px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.m-barriers-car__main {
width: 1371.66666667px;
margin-left: 40px; } }
@media screen and (min-width: 600px) {
.m-barriers-car__main {
border-left: 1px solid rgba(166, 166, 166, 0.5); } }
.m-barriers-car__main .f-h2--sans {
padding-top: 5px; }
@media screen and (min-width: 600px) {
.m-barriers-car__main .f-h2--sans {
padding-top: 0px; } }
@media screen and (min-width: 900px) {
.m-barriers-car__main .f-h2--sans {
padding-top: -10px; } }
@media screen and (min-width: 1200px) {
.m-barriers-car__main .f-h2--sans {
padding-top: -20px; } }
.m-barriers-car__main .f-body-2 {
padding-top: 0px;
margin-top: 20px;
border-top: 1px solid rgba(166, 166, 166, 0.5); }
@media screen and (min-width: 600px) {
.m-barriers-car__main .f-body-2 {
padding-top: 15px; } }
@media screen and (min-width: 1200px) {
.m-barriers-car__main .f-body-2 {
padding-top: 10px; } }
@media screen and (min-width: 600px) {
.m-barriers-car__main .f-body-2 {
padding-bottom: 20px;
max-width: 880px;
margin-right: 60px;
margin-top: 0;
border-top: none;
padding-top: 5px; } }
@media screen and (min-width: 900px) {
.m-barriers-car__main .f-body-2 {
margin-right: 75px;
padding-bottom: 25px;
padding-top: 10px; } }
@media screen and (min-width: 1200px) {
.m-barriers-car__main .f-body-2 {
padding-bottom: 40px; } }
.m-newsletter {
margin-top: 40px; }
.m-newsletter:first-child {
margin-top: 0; }
@media screen and (min-width: 900px) {
.m-newsletter {
margin-top: 80px; }
.m-newsletter:first-child {
margin-top: 0; } }
.m-newsletter form {
margin-top: 40px; }
@media screen and (min-width: 900px) {
.m-newsletter form {
margin-top: 55px; } }
@media screen and (min-width: 1200px) {
.m-newsletter form {
width: calc((((100vw - 600px) / 12) * 6) + 200px); } }
@media screen and (min-width: 1660px) {
.m-newsletter form {
width: 730px; } }
.m-newsletter fieldset {
display: block;
position: relative;
padding-top: 28px; }
.m-newsletter form.s-loading fieldset {
opacity: .75; }
.m-newsletter__field {
display: block;
position: relative;
width: 100%;
height: 55px; }
@media screen and (min-width: 600px) {
.m-newsletter__field {
width: calc((((100vw - 160px) / 6) * 4) + 60px); } }
@media screen and (min-width: 900px) {
.m-newsletter__field {
width: calc((((100vw - 300px) / 12) * 9) + 160px); } }
@media screen and (min-width: 1200px) {
.m-newsletter__field {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.m-newsletter__field {
width: 473.333333333px; } }
.m-newsletter__field label {
position: absolute;
left: 0;
top: 20px;
color: #000;
white-space: nowrap;
transition: .2s ease-out; }
.m-newsletter__field.s-active label {
font-size: 12px;
transform: translateY(-113%); }
.m-newsletter__field label.f-link {
margin-top: -10px; }
.m-newsletter__field input {
display: block;
width: 100%;
padding: 23px 0 6px;
border: 0 none;
border-bottom: 1px solid #a6a6a6;
background: transparent;
color: #000;
-webkit-appearance: none; }
.m-newsletter__field.s-active input {
border-bottom-color: #767676; }
.m-newsletter__msg {
display: block;
font-style: normal;
margin-top: 10px;
color: #f25d27; }
.m-newsletter .btn {
display: block;
position: relative;
flex: 0 0 auto;
width: 100%;
margin-top: 30px; }
@media screen and (min-width: 600px) {
.m-newsletter .btn {
position: absolute;
right: 0;
bottom: 0;
width: calc((((100vw - 160px) / 6) * 2) + 20px);
margin-top: 0; } }
@media screen and (min-width: 900px) {
.m-newsletter .btn {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.m-newsletter .btn {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.m-newsletter .btn {
width: 216.666666667px; } }
.m-newsletter form.s-loading .btn {
color: transparent; }
.m-newsletter form.s-loading .btn::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
border: 0 solid transparent;
border-top-color: #f25d27;
border-top-width: 3px;
border-right-width: 3px;
margin: -15px 0 0 -15px;
animation: xhrLoader 1s linear infinite; }
.m-cta-block {
margin-top: 40px; }
.m-cta-block::after {
content: '.';
display: block;
clear: both;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden; }
.m-cta-block:first-child {
margin-top: 0; }
@media screen and (min-width: 900px) {
.m-cta-block {
margin-top: 80px; }
.m-cta-block:first-child {
margin-top: 0; } }
.m-cta-block__text {
float: left;
width: calc((((100vw - 140px) / 6) * 4) + 60px);
margin-right: 20px; }
@media screen and (min-width: 600px) {
.m-cta-block__text {
width: calc((((100vw - 160px) / 6) * 4) + 60px);
margin-right: 20px; } }
@media screen and (min-width: 900px) {
.m-cta-block__text {
width: calc((((100vw - 300px) / 12) * 4) + 60px);
margin-right: 20px; } }
@media screen and (min-width: 1200px) {
.m-cta-block__text {
width: calc((((100vw - 600px) / 12) * 4) + 120px);
margin-right: 0;
padding-right: 40px; } }
@media screen and (min-width: 1660px) {
.m-cta-block__text {
width: 473.333333333px;
padding-right: 40px; } }
.m-cta-block__img {
float: right;
width: calc((((100vw - 140px) / 6) * 2) + 20px); }
@media screen and (min-width: 600px) {
.m-cta-block__img {
width: calc((((100vw - 160px) / 6) * 2) + 20px); } }
@media screen and (min-width: 900px) {
.m-cta-block__img {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.m-cta-block__img {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.m-cta-block__img {
width: 216.666666667px; } }
.m-cta-block__action {
clear: both;
padding-top: 25px; }
@media screen and (min-width: 600px) {
.m-cta-block__action {
clear: left;
padding-top: 55px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-cta-block__action {
padding-top: 40px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-cta-block__action.m-cta-block__action--pre-footer {
padding-top: 40px; } }
.m-cta-block__action .btn {
width: 100%; }
@media screen and (min-width: 600px) {
.m-cta-block__action .btn {
width: calc((((100vw - 160px) / 6) * 2) + 20px); } }
@media screen and (min-width: 900px) {
.m-cta-block__action .btn {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.m-cta-block__action .btn {
width: calc((((100vw - 600px) / 12) * 3) + 80px); } }
@media screen and (min-width: 1660px) {
.m-cta-block__action .btn {
width: 216.666666667px; } }
/* making it nicer for newer browsers */
@supports (display: grid) {
.m-cta-block {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0;
grid-template-areas: "img text"
"action action";
grid-template-columns: calc((((100vw - 140px) / 6) * 2) + 20px) auto; }
.m-cta-block::after {
content: none;
display: none; }
@media screen and (min-width: 600px) {
.m-cta-block {
grid-template-areas: "img text"
"img action"
"img ..."
"img ...";
grid-template-columns: calc((((100vw - 160px) / 6) * 2) + 20px) auto;
grid-template-rows: max-content max-content auto;
grid-column-gap: 20px; } }
@media screen and (min-width: 900px) {
.m-cta-block {
grid-template-columns: calc((((100vw - 300px) / 12) * 3) + 40px) auto;
grid-column-gap: 20px; } }
@media screen and (min-width: 1200px) {
.m-cta-block {
grid-template-columns: calc((((100vw - 600px) / 12) * 2) + 40px) auto;
grid-column-gap: 40px; } }
@media screen and (min-width: 1660px) {
.m-cta-block {
grid-template-columns: 216.666666667px auto;
grid-column-gap: 40px; } }
.m-cta-block__text {
grid-area: text;
margin-right: 0; }
@media screen and (min-width: 600px) {
.m-cta-block__text {
width: auto;
margin-right: 0; } }
@media screen and (min-width: 900px) {
.m-cta-block__text {
width: auto;
margin-right: 0; } }
@media screen and (min-width: 1200px) {
.m-cta-block__text {
width: auto;
margin-right: 0;
padding-right: 0; } }
@media screen and (min-width: 1660px) {
.m-cta-block__text {
width: auto;
margin-right: 0;
padding-right: 0; } }
.m-cta-block__img {
grid-area: img; }
.m-cta-block__action {
grid-area: action; } }
.m-barriers-sum {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.m-barriers-sum {
margin-top: 65px; } }
@media screen and (min-width: 1200px) {
.m-barriers-sum {
margin-top: 60px; } }
.m-barriers-sum .f-h2--sans {
margin-top: 25px; }
@media screen and (min-width: 900px) {
.m-barriers-sum .f-h2--sans {
margin-top: 75px; } }
@media screen and (min-width: 1200px) {
.m-barriers-sum .f-h2--sans {
margin-top: 65px; } }
.m-barriers-sum__wrapper {
margin-top: 10px;
display: flex;
flex-flow: row wrap;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media screen and (min-width: 900px) {
.m-barriers-sum__wrapper {
margin-top: 30px; } }
@media screen and (min-width: 1200px) {
.m-barriers-sum__wrapper {
margin-top: 25px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-barriers-sum__wrapper {
margin-left: -20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-barriers-sum__wrapper {
margin-left: -20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-sum__wrapper {
margin-left: -20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-sum__wrapper {
margin-left: -40px; } }
@media screen and (min-width: 1660px) {
.m-barriers-sum__wrapper {
margin-left: -40px; } }
@media screen and (min-width: 900px) {
.m-barriers-sum__wrapper {
align-items: top; } }
.m-barriers-sum .f-body-2 {
flex: 0 0 auto;
margin-top: 15px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-barriers-sum .f-body-2 {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-barriers-sum .f-body-2 {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-sum .f-body-2 {
width: calc((((100vw - 300px) / 12) * 7) + 120px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-sum .f-body-2 {
width: calc((((100vw - 600px) / 12) * 7) + 240px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.m-barriers-sum .f-body-2 {
width: 858.333333333px;
margin-left: 40px; } }
@media screen and (min-width: 900px) {
.m-barriers-sum .f-body-2 {
margin-top: 30px; } }
@media screen and (min-width: 1200px) {
.m-barriers-sum .f-body-2 {
margin-top: 25px; } }
.m-barriers-sum__numbers {
flex: 0 0 auto;
font-size: 0;
color: #767676;
margin-top: 50px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-barriers-sum__numbers {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-barriers-sum__numbers {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-sum__numbers {
width: calc((((100vw - 300px) / 12) * 4) + 60px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-sum__numbers {
width: calc((((100vw - 600px) / 12) * 4) + 120px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.m-barriers-sum__numbers {
width: 473.333333333px;
margin-left: 40px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-barriers-sum__numbers {
margin-left: calc(((((100vw - 300px) / 12) * 1) + 0px) + 40px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-barriers-sum__numbers {
margin-left: calc(((((100vw - 600px) / 12) * 1) + 0px) + 80px); } }
@media screen and (min-width: 1660px) {
.m-barriers-sum__numbers {
margin-left: 168.333333333px; } }
@media screen and (min-width: 900px) {
.m-barriers-sum__numbers {
margin-top: 25px; } }
@media screen and (min-width: 1200px) {
.m-barriers-sum__numbers {
margin-top: 15px; } }
.m-barriers-sum__number {
vertical-align: top;
display: inline-block;
width: 50%;
text-align: center;
padding: 0px 10px 40px 10px; }
@media screen and (min-width: 900px) {
.m-barriers-sum__number {
padding: 20px 10px 40px 10px; } }
@media screen and (min-width: 1200px) {
.m-barriers-sum__number {
padding: 20px 20px 50px 20px; } }
.m-barriers-sum__number .f-label {
padding-top: 10px; }
.m-barriers-sum__number + .m-barriers-sum__number {
border-left: 1px solid rgba(166, 166, 166, 0.5); }
.m-site-link {
margin-top: 40px;
background-color: #f2f2f2;
padding: 60px 0;
margin-bottom: -80px; }
@media screen and (min-width: 900px) {
.m-site-link {
margin-top: 80px; } }
@media screen and (min-width: 900px) {
.m-site-link {
padding: 40px 0;
margin-bottom: -160px; } }
.m-site-link__wrapper {
display: flex;
align-items: center;
flex-flow: row wrap; }
@media screen and (min-width: 900px) {
.m-site-link__wrapper {
flex-flow: row nowrap; } }
.m-site-link__image {
flex-shrink: 0;
text-align: center; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-site-link__image {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-site-link__image {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-site-link__image {
width: calc((((100vw - 300px) / 12) * 5) + 80px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-site-link__image {
width: calc((((100vw - 600px) / 12) * 5) + 160px); } }
@media screen and (min-width: 1660px) {
.m-site-link__image {
width: 601.666666667px; } }
.m-site-link__image img {
max-width: 310px;
width: 100%; }
@media screen and (min-width: 900px) {
.m-site-link__text {
padding-left: 20px;
border-left: 1px solid rgba(166, 166, 166, 0.5);
padding-bottom: 40px; } }
@media screen and (min-width: 1200px) {
.m-site-link__text {
padding-left: 40px; } }
.m-site-link__text .f-h4 {
padding-top: 35px; }
@media screen and (min-width: 900px) {
.m-site-link__text .f-h4 {
padding-top: 10px; } }
.m-site-link__text .f-body-3 {
margin-top: 10px; }
@media screen and (min-width: 900px) {
.m-site-link__text .f-body-3 {
margin-top: 15px; } }
.m-site-link__text .f-link {
margin-top: 15px;
display: inline-block; }
@media screen and (min-width: 900px) {
.m-site-link__text .f-link {
margin-top: 20px; } }
.m-number-blocks {
margin-top: 40px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.m-number-blocks {
width: calc((((calc(100vw - 40px) - 100px) / 6) * 6) + 100px); } }
@media screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: none), screen and (min-width: 0px) and (max-width: 599px) and (-ms-high-contrast: active) {
.m-number-blocks {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.m-number-blocks {
width: calc((((calc(100vw - 60px) - 100px) / 6) * 3) + 40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: none), screen and (min-width: 600px) and (max-width: 899px) and (-ms-high-contrast: active) {
.m-number-blocks {
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.m-number-blocks {
width: calc((((calc(100vw - 40px - 20px - 80px - calc((((100vw - 300px) / 12) * 1) + 0px)) - 220px) / 12) * 4) + 60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: active) {
.m-number-blocks {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.m-number-blocks {
width: calc((((calc(100vw - 80px - 40px - 80px - calc((((100vw - 600px) / 12) * 1) + 0px)) - 440px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: active) {
.m-number-blocks {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.m-number-blocks {
width: calc((((1370px - 440px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.m-number-blocks {
width: 473.333333333px; } }
.m-number-blocks .f-body-2--v2 {
color: #faf9f4;
padding-top: 0px;
margin-top: 10px;
border-top: 1px solid rgba(166, 166, 166, 0.5); }
@media screen and (min-width: 900px) {
.m-number-blocks .f-body-2--v2 {
padding-top: 5px; } }
@media screen and (min-width: 1200px) {
.m-number-blocks .f-body-2--v2 {
padding-top: 0px; } }
@media screen and (min-width: 900px) {
.m-number-blocks .f-body-2--v2 {
margin-top: 15px; } }
.m-number-blocks .f-body-2--v2 span {
color: #f9d767; }
.m-effect-card {
margin-top: 25px; }
@media screen and (min-width: 900px) {
.m-effect-card {
margin-top: 45px; } }
@media screen and (min-width: 1200px) {
.m-effect-card {
margin-top: 40px; } }
.m-effect-card .f-body-2 {
color: #faf9f4;
max-width: 700px; }
.m-effect-card .f-body-3 {
padding-top: 0px;
color: #a6a6a6;
margin-top: 20px;
border-top: 1px solid rgba(166, 166, 166, 0.5); }
@media screen and (min-width: 900px) {
.m-effect-card .f-body-3 {
padding-top: 5px; } }
.m-effect-card .f-body-3 a {
margin-left: 5px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.m-effect-card:first-child {
margin-top: 0; } }
.m-hero {
height: 100vh;
position: relative;
z-index: 2;
background-color: #4b535d; }
@media screen and (min-width: 900px) {
.m-hero {
display: flex; } }
.m-hero .m-hero__title {
position: absolute;
width: 100%;
color: #faf9f4;
bottom: 40px;
left: 0;
z-index: 1; }
.m-hero .container {
position: relative; }
.m-hero .m-social-links {
display: none;
position: absolute;
right: 0;
bottom: 20px; }
.m-hero .m-social-links li a {
color: #faf9f4;
border-color: rgba(250, 249, 244, 0.4); }
@media screen and (min-width: 900px) {
.m-hero .m-social-links {
display: flex; } }
.m-hero .link--alone {
padding-top: 20px;
display: inline-block;
color: #faf9f4; }
.m-hero .link--alone:hover {
color: #f25d27; }
@media screen and (min-width: 1200px) {
.m-hero .link--alone {
display: none; } }
.m-hero:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(38, 38, 43, 0.25); }
.m-hero__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 1s; }
.m-hero__image .image-wrapper {
height: 100%; }
@media screen and (min-width: 900px) {
.m-hero__image {
width: 33.33%;
position: relative;
opacity: 1; } }
.m-hero__image img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover;'; }
.m-hero__image.active {
opacity: 1; }
.o-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 120;
opacity: 0;
overflow-x: hidden;
overflow-y: scroll;
transition: .3s;
transition-delay: opacity .5s, background-color .0s;
background-color: transparent;
-webkit-overflow-scrolling: touch; }
@media screen and (min-width: 900px) {
.o-modal {
padding-left: 40px; } }
@media screen and (min-width: 1200px) {
.o-modal {
padding-left: 80px; } }
@media screen and (min-width: 1660px) {
.o-modal {
padding-left: 80px; } }
@media screen and (min-width: 900px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (-ms-high-contrast: active) {
.o-modal {
padding-left: 0; }
.o-modal::after {
content: '.';
display: block;
clear: both;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden; } }
.o-modal.active {
opacity: 1;
pointer-events: all;
transition-delay: opacity .0s, background-color .0s;
background-color: rgba(250, 249, 244, 0.8); }
.o-modal__body {
position: relative;
min-height: 100vh;
background-color: #35393f;
top: 50px;
opacity: 0;
transition: .3s;
width: 100vw; }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-modal__body {
margin-left: calc(((((100vw - 300px) / 12) * 1) + 0px) + 20px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-modal__body {
margin-left: calc(((((100vw - 600px) / 12) * 1) + 0px) + 40px); } }
@media screen and (min-width: 1660px) {
.o-modal__body {
margin-left: 128.333333333px; } }
@media screen and (min-width: 900px) {
.o-modal__body {
margin-top: 100px;
min-height: calc(100vh - 100px);
width: calc(100vw - calc(((((100vw - 300px) / 12) * 1) + 0px) + 20px) - 40px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-modal__body {
width: calc(100vw - calc(((((100vw - 600px) / 12) * 1) + 0px) + 40px) - 80px); } }
@media screen and (min-width: 1660px) {
.o-modal__body {
width: calc(100vw - 128.333333333px - 80px); } }
@media screen and (min-width: 900px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (-ms-high-contrast: active) {
.o-modal__body {
float: right;
width: calc(100vw + -40px);
margin-right: auto;
margin-left: auto; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: active) {
.o-modal__body {
width: calc(100vw + -80px); } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.o-modal__body {
width: 1580px; } }
.o-modal.o-modal.active .o-modal__body {
top: 0;
opacity: 1; }
.o-modal__body .btn--close {
position: absolute;
top: 20px;
right: 20px;
z-index: 1; }
@media screen and (min-width: 900px) {
.o-modal__body .btn--close {
top: 25px;
right: 40px; } }
.o-modal__header {
position: relative;
min-height: 120px;
border-bottom: 1px solid transparent;
padding-bottom: 20px; }
@media screen and (min-width: 900px) {
.o-modal__header {
min-height: 160px; } }
.o-modal__header .f-h1 {
padding-top: 70px;
color: #26262b; }
@media screen and (min-width: 900px) {
.o-modal__header .f-h1 {
padding-top: 75px; } }
@media screen and (min-width: 1200px) {
.o-modal__header .f-h1 {
padding-top: 55px; } }
.o-modal__intro {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.o-modal__intro .f-body-1 {
padding-top: 0px;
max-width: 800px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.o-modal__intro .f-body-1 {
padding-top: 5px; } }
@media screen and (min-width: 1200px) {
.o-modal__intro .f-body-1 {
padding-top: 0px; } }
@media screen and (min-width: 1660px) {
.o-modal__intro .f-body-1 {
max-width: calc((((1370px - 440px) / 12) * 8) + 280px); } }
#barba-wrapper {
position: relative; }
#barba-wrapper:before {
position: absolute;
content: '';
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #35393f;
opacity: 1;
pointer-events: all;
transition: .3s; }
.o-modal.loaded #barba-wrapper:before {
opacity: 0;
pointer-events: none; }
.o-multi-sections {
margin-top: 40px; }
@media screen and (min-width: 900px) {
.o-multi-sections {
position: relative;
margin-top: 85px; } }
@media screen and (min-width: 900px) {
.o-multi-sections__nav {
position: absolute;
left: 0;
top: 0;
bottom: 0; } }
@media screen and (min-width: 900px) {
.o-multi-sections__nav-container {
padding-top: .02px; }
@supports (position: sticky) {
.o-multi-sections__nav-container {
position: sticky;
left: 0;
top: 85px; } } }
.o-multi-sections__nav-label.f-label {
margin-top: -10px; }
@media screen and (min-width: 900px) {
.o-multi-sections__nav-label.f-label {
margin-top: 10px; } }
.o-multi-sections__sections.f-link li {
margin-top: 20px; }
.o-multi-sections__top-link {
display: none;
margin-top: 70px; }
@media screen and (min-width: 900px) {
@supports (position: sticky) {
.o-multi-sections__top-link {
display: block; } } }
.o-multi-sections__top-link .btn--arrow svg {
top: 49%; }
.o-multi-sections__blocks {
margin-top: 35px; }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-multi-sections__blocks {
width: calc((((100vw - 300px) / 12) * 8) + 140px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-multi-sections__blocks {
width: calc((((100vw - 600px) / 12) * 8) + 280px); } }
@media screen and (min-width: 1660px) {
.o-multi-sections__blocks {
width: 986.666666667px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-multi-sections__blocks {
margin-left: calc(((((100vw - 300px) / 12) * 4) + 60px) + 20px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-multi-sections__blocks {
margin-left: calc(((((100vw - 600px) / 12) * 4) + 120px) + 40px); } }
@media screen and (min-width: 1660px) {
.o-multi-sections__blocks {
margin-left: 513.333333333px; } }
@media screen and (min-width: 900px) {
.o-multi-sections__blocks {
margin-top: 0; } }
.o-blocks {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.o-blocks > .f-h1:not(.btn) {
margin-top: 5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h1:not(.btn) {
margin-top: 15px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h1:not(.btn) {
margin-top: -5px; } }
.o-blocks > .f-h1:not(.btn):first-child {
margin-top: -10px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h1:not(.btn):first-child {
margin-top: -10px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h1:not(.btn):first-child {
margin-top: -20px; } }
.o-blocks > .f-h2:not(.btn) {
margin-top: 65px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h2:not(.btn) {
margin-top: 80px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h2:not(.btn) {
margin-top: 70px; } }
.o-blocks > .f-h2:not(.btn):first-child {
margin-top: -5px; }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h2:not(.btn):first-child {
margin-top: -10px; } }
.o-blocks > .f-h3:not(.btn) {
margin-top: 15px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h3:not(.btn) {
margin-top: 35px; } }
.o-blocks > .f-h3:not(.btn):first-child {
margin-top: -5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h3:not(.btn):first-child {
margin-top: -10px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h3:not(.btn):first-child {
margin-top: -5px; } }
.o-blocks > .f-h3--sans:not(.btn) {
margin-top: 35px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h3--sans:not(.btn) {
margin-top: 70px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h3--sans:not(.btn) {
margin-top: 60px; } }
.o-blocks > .f-h3--sans:not(.btn):first-child {
margin-top: -5px; }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h3--sans:not(.btn):first-child {
margin-top: -10px; } }
.o-blocks > .f-h4:not(.btn) {
margin-top: 20px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h4:not(.btn) {
margin-top: 40px; } }
.o-blocks > .f-h4:not(.btn):first-child {
margin-top: -5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h4:not(.btn):first-child {
margin-top: -10px; } }
.o-blocks > .f-body-2 + .f-h4 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-body-2 + .f-h4 {
margin-top: 50px; } }
.o-blocks > .f-body-1:not(.btn) {
margin-top: 15px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-body-1:not(.btn) {
margin-top: 35px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-body-1:not(.btn) {
margin-top: 30px; } }
.o-blocks > .f-body-1:not(.btn):first-child {
margin-top: -5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-body-1:not(.btn):first-child {
margin-top: -10px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-body-1:not(.btn):first-child {
margin-top: -10px; } }
.o-blocks > .m-hero + .f-body-1 {
margin-top: 25px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-hero + .f-body-1 {
margin-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-hero + .f-body-1 {
margin-top: 45px; } }
.o-blocks > .m-pull-quote + .f-body-1 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-pull-quote + .f-body-1 {
margin-top: 60px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-pull-quote + .f-body-1 {
margin-top: 55px; } }
.o-blocks > .m-pull-stat + .f-body-1 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-pull-stat + .f-body-1 {
margin-top: 60px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-pull-stat + .f-body-1 {
margin-top: 55px; } }
.o-blocks > .m-media--center + .f-body-1 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-media--center + .f-body-1 {
margin-top: 70px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-media--center + .f-body-1 {
margin-top: 65px; } }
.o-blocks > .m-media--12 + .f-body-1 {
margin-top: 50px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-media--12 + .f-body-1 {
margin-top: 90px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-media--12 + .f-body-1 {
margin-top: 85px; } }
.o-blocks > .f-body-2:not(.btn) {
margin-top: 15px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-body-2:not(.btn) {
margin-top: 25px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-body-2:not(.btn) {
margin-top: 30px; } }
.o-blocks > .f-body-2:not(.btn):first-child {
margin-top: -10px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-body-2:not(.btn):first-child {
margin-top: -5px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-body-2:not(.btn):first-child {
margin-top: -10px; } }
.o-blocks > .m-hero + .f-body-2 {
margin-top: 25px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-hero + .f-body-2 {
margin-top: 55px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-hero + .f-body-2 {
margin-top: 50px; } }
.o-blocks > .m-pull-quote + .f-body-2 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-pull-quote + .f-body-2 {
margin-top: 65px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-pull-quote + .f-body-2 {
margin-top: 60px; } }
.o-blocks > .m-pull-stat + .f-body-2 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-pull-stat + .f-body-2 {
margin-top: 65px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-pull-stat + .f-body-2 {
margin-top: 60px; } }
.o-blocks > .m-media--center + .f-body-2 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-media--center + .f-body-2 {
margin-top: 75px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-media--center + .f-body-2 {
margin-top: 70px; } }
.o-blocks > .m-media--12 + .f-body-2 {
margin-top: 50px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-media--12 + .f-body-2 {
margin-top: 95px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .m-media--12 + .f-body-2 {
margin-top: 90px; } }
.o-blocks > .f-h4 + .f-body-2 {
margin-top: 15px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h4 + .f-body-2 {
margin-top: 10px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h4 + .f-body-2 {
margin-top: 5px; } }
.o-blocks > .text.f-h4 + .f-body-2 {
margin-top: 15px; }
@media screen and (min-width: 900px) {
.o-blocks > .text.f-h4 + .f-body-2 {
margin-top: 30px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .text.f-h4 + .f-body-2 {
margin-top: 25px; } }
.o-blocks > .f-h2 + .f-body-2 {
margin-top: 10px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h2 + .f-body-2 {
margin-top: 20px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .f-h2 + .f-body-2 {
margin-top: 15px; } }
.o-blocks > .f-body-3:not(.btn) {
margin-top: 20px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-body-3:not(.btn) {
margin-top: 45px; } }
.o-blocks > .f-body-3:not(.btn):first-child {
margin-top: -5px; }
.o-blocks > .m-hero + .f-body-3 {
margin-top: 30px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-hero + .f-body-3 {
margin-top: 60px; } }
.o-blocks > .m-pull-quote + .f-body-3 {
margin-top: 35px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-pull-quote + .f-body-3 {
margin-top: 70px; } }
.o-blocks > .m-pull-stat + .f-body-3 {
margin-top: 35px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-pull-stat + .f-body-3 {
margin-top: 70px; } }
.o-blocks > .m-media--center + .f-body-3 {
margin-top: 35px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-media--center + .f-body-3 {
margin-top: 80px; } }
.o-blocks > .m-media--12 + .f-body-3 {
margin-top: 55px; }
@media screen and (min-width: 900px) {
.o-blocks > .m-media--12 + .f-body-3 {
margin-top: 100px; } }
.o-blocks > .f-h4 + .f-body-3 {
margin-top: 5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h4 + .f-body-3 {
margin-top: 15px; } }
.o-blocks > .f-data:not(.btn) {
margin-top: 0px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-data:not(.btn) {
margin-top: 0px; } }
.o-blocks > .f-data:not(.btn):first-child {
margin-top: -10px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-data:not(.btn):first-child {
margin-top: -15px; } }
.o-blocks > .f-label:not(.btn) {
margin-top: 25px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-label:not(.btn) {
margin-top: 50px; } }
.o-blocks > .f-label:not(.btn):first-child {
margin-top: -5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-label:not(.btn):first-child {
margin-top: -5px; } }
.o-blocks > .f-link:not(.btn) {
margin-top: 20px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-link:not(.btn) {
margin-top: 45px; } }
.o-blocks > .f-link:not(.btn):first-child {
margin-top: -10px; }
.o-blocks > .f-h4 + .f-link {
margin-top: -5px; }
.o-blocks > .f-h4 + .list {
margin-top: 0; }
.o-blocks .list > li + li {
margin-top: 20px; }
@media screen and (min-width: 900px) {
.o-blocks .list > li + li {
margin-top: 40px; } }
@media screen and (min-width: 1200px) {
.o-blocks .list > li + li {
margin-top: 35px; } }
.o-blocks > .f-h4:first-child:not(.btn) {
margin-top: -5px; }
@media screen and (min-width: 900px) {
.o-blocks > .f-h4:first-child:not(.btn) {
margin-top: -5px; } }
.o-blocks .text--lighter {
color: #767676; }
.o-blocks > p.text > a {
background-image: linear-gradient(to bottom, rgba(242, 93, 39, 0) 50%, #f25d27 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1.1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff;
color: #f25d27; }
.s-print .o-blocks > p.text > a {
text-decoration: underline;
text-shadow: none; }
.o-blocks > p.text > a:hover, .o-blocks > p.text > a:focus:hover, .o-blocks > p.text > a.s-active {
background: transparent;
color: #f25d27; }
.o-blocks > p.text > a:active:hover {
color: #35393f; }
.o-blocks > p.text > a.link--external {
background: transparent;
color: #000; }
.o-blocks > p.text > a.link--external svg {
color: #f25d27; }
.o-blocks > p.text > a.link--external:hover {
color: #f25d27;
opacity: 1; }
.o-blocks > .divider + .f-h2--sans {
padding-top: 25px; }
@media screen and (min-width: 900px) {
.o-blocks > .divider + .f-h2--sans {
padding-top: 45px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .divider + .f-h2--sans {
padding-top: 35px; } }
.o-blocks > .divider {
margin-top: 45px;
height: 1px;
background-color: rgba(166, 166, 166, 0.5); }
@media screen and (min-width: 900px) {
.o-blocks > .divider {
margin-top: 80px; } }
.o-blocks > .text--secondary.f-body-2 {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 18px;
line-height: 25px;
font-weight: 400;
margin-top: 0;
color: #767676; }
.o-blocks > .text--secondary.f-body-2 b,
.o-blocks > .text--secondary.f-body-2 strong {
font-weight: 600; }
.o-blocks > .text--secondary.f-body-2 i,
.o-blocks > .text--secondary.f-body-2 em {
font-style: italic; }
.s-serif-loaded .o-blocks > .text--secondary.f-body-2 {
font-family: "Haarlemmer", Times New Roman, Times, Georgia, serif; }
.o-blocks > .text--secondary.f-body-2::before, .o-blocks > .text--secondary.f-body-2::after {
content: '';
display: block; }
.o-blocks > .text--secondary.f-body-2::before {
padding-top: 7px; }
.o-blocks > .text--secondary.f-body-2::after {
margin-bottom: -7px; }
@media screen and (min-width: 900px) {
.o-blocks > .text--secondary.f-body-2 {
font-size: 20px;
line-height: 25px; }
.o-blocks > .text--secondary.f-body-2::before {
padding-top: 7px; }
.o-blocks > .text--secondary.f-body-2::after {
margin-bottom: -7px; } }
@media screen and (min-width: 1200px) {
.o-blocks > .text--secondary.f-body-2 {
font-size: 22px;
line-height: 30px; }
.o-blocks > .text--secondary.f-body-2::before {
padding-top: 8px; }
.o-blocks > .text--secondary.f-body-2::after {
margin-bottom: -8px; } }
.o-blocks > .text--secondary.f-body-2 strong, .o-blocks > .text--secondary.f-body-2 b {
display: inline-block;
transform: translateY(-1px);
vertical-align: bottom; }
.o-blocks > .text--secondary.f-body-2 em, .o-blocks > .text--secondary.f-body-2 i {
vertical-align: bottom; }
.o-detail__label {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.o-detail__label p:first-child {
color: #a6a6a6; }
.o-detail__label p:last-child {
color: #faf9f4; }
.o-detail__label + .o-detail__label {
margin-top: 15px; }
.o-detail__basic {
margin-top: 10px;
display: inline-block;
vertical-align: top;
margin-left: 20px; }
@media screen and (min-width: 900px) {
.o-detail__basic {
margin-top: 45px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-detail__basic {
width: calc((((100vw - 140px) / 6) * 4) + 60px); } }
@media screen and (min-width: 900px) {
.o-detail__basic {
display: block;
margin-left: 0; } }
.o-detail__map {
margin-top: 25px;
display: inline-block;
width: calc((((100vw - 140px) / 6) * 2) + 20px); }
.o-detail__map img {
width: 100%; }
@media screen and (min-width: 600px) {
.o-detail__map {
width: calc((((100vw - 160px) / 6) * 2) + 20px); } }
@media screen and (min-width: 900px) {
.o-detail__map {
display: block;
margin-top: 40px; }
.o-detail__map img {
max-width: 230px; } }
@media screen and (min-width: 1200px) {
.o-detail__map {
margin-top: 45px; } }
.o-detail__brief .m-social-links a:hover {
color: #faf9f4;
border-color: #faf9f4; }
.o-detail__brief .modal-col-4 {
font-size: 0px; }
.o-detail__chart {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 60px;
border-top: 1px solid #000; }
@media screen and (min-width: 900px) {
.o-detail__chart {
margin-top: 80px; } }
.o-detail__chart .f-h3--sans {
margin-top: 25px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.o-detail__chart .f-h3--sans {
margin-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-detail__chart .f-h3--sans {
margin-top: 40px; } }
.o-detail__chart .f-footnote {
margin-top: 20px;
color: #a6a6a6; }
@media screen and (min-width: 900px) {
.o-detail__chart .f-footnote {
margin-top: 20px; } }
.o-detail__chart .f-footnote.hide {
display: none; }
.o-detail__chart .f-label {
text-align: center;
color: #faf9f4; }
.o-detail__chart .f-label + .f-label {
color: #a6a6a6; }
.modal__container.o-datail__chart-text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 15px; }
@media screen and (min-width: 900px) {
.modal__container.o-datail__chart-text {
margin-top: 25px; } }
.modal__container.o-datail__chart-text p {
max-width: 800px; }
.modal__container.o-datail__chart-text .f-body-3 {
color: #faf9f4; }
.modal__container.o-datail__chart-text .f-tooltip {
color: #a6a6a6;
margin-top: 5px; }
.modal__container.o-datail__chart-text .f-label {
margin-top: 25px;
text-align: left; }
.o-detail__chart-canvas {
margin-top: 10px;
margin-bottom: 5px;
margin-left: -15px;
width: calc(100% + 15px); }
.o-detail__issues,
.o-detail__reforms {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 60px;
border-top: 1px solid #000; }
@media screen and (min-width: 900px) {
.o-detail__issues,
.o-detail__reforms {
margin-top: 80px; } }
.o-detail__issues .f-h3--sans,
.o-detail__reforms .f-h3--sans {
margin-top: 25px;
color: #faf9f4;
max-width: 1000px; }
@media screen and (min-width: 900px) {
.o-detail__issues .f-h3--sans,
.o-detail__reforms .f-h3--sans {
margin-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-detail__issues .f-h3--sans,
.o-detail__reforms .f-h3--sans {
margin-top: 40px; } }
.o-detail__issues .f-footnote,
.o-detail__reforms .f-footnote {
margin-top: 30px;
color: #a6a6a6; }
@media screen and (min-width: 900px) {
.o-detail__issues .f-footnote,
.o-detail__reforms .f-footnote {
margin-top: 60px; } }
.o-detail__issues .btn.f-link,
.o-detail__reforms .btn.f-link {
display: none;
max-width: 420px;
margin: 0 auto;
color: #faf9f4;
border-color: rgba(166, 166, 166, 0.4); }
.o-detail__issues .btn.f-link:hover, .o-detail__issues .btn.f-link:focus,
.o-detail__reforms .btn.f-link:hover,
.o-detail__reforms .btn.f-link:focus {
background-color: #faf9f4;
color: #000;
border-color: #faf9f4; }
.o-detail__issues .btn.f-link.active,
.o-detail__reforms .btn.f-link.active {
display: block; }
.o-detail__issues .modal__row.has-more,
.o-detail__reforms .modal__row.has-more {
position: relative; }
.o-detail__issues .modal__row.has-more:after,
.o-detail__reforms .modal__row.has-more:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(53, 57, 63, 0) 70%, #35393f 90%);
pointer-events: none; }
@media screen and (min-width: 1200px) {
.o-detail__issues .modal__row.has-more:after,
.o-detail__reforms .modal__row.has-more:after {
background: linear-gradient(to bottom, rgba(53, 57, 63, 0) 0%, rgba(53, 57, 63, 0) 75%, #35393f 95%);
pointer-events: none; } }
.o-detail__footer, .o-barrier__footer {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 60px;
background-color: #4b535d;
padding-bottom: 60px; }
@media screen and (min-width: 900px) {
.o-detail__footer, .o-barrier__footer {
margin-top: 120px; } }
.o-detail__footer .f-h3--sans, .o-barrier__footer .f-h3--sans {
padding-top: 25px;
max-width: 640px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.o-detail__footer .f-h3--sans, .o-barrier__footer .f-h3--sans {
padding-top: 70px; } }
@media screen and (min-width: 1200px) {
.o-detail__footer .f-h3--sans, .o-barrier__footer .f-h3--sans {
padding-top: 60px; } }
.o-detail__footer:hover .btn--arrow, .o-barrier__footer:hover .btn--arrow {
background-color: #f25d27;
border-color: #f25d27; }
@media screen and (min-width: 900px) {
.o-detail__footer, .o-barrier__footer {
padding-bottom: 100px; } }
.o-detail__footer .btn--arrow, .o-barrier__footer .btn--arrow {
margin-top: 30px;
transform: rotate(90deg);
border-color: rgba(166, 166, 166, 0.4);
color: #faf9f4; }
@media screen and (min-width: 900px) {
.o-detail__footer .btn--arrow, .o-barrier__footer .btn--arrow {
margin-top: 40px; } }
.o-detail__footer .btn--arrow:hover, .o-barrier__footer .btn--arrow:hover {
background-color: #faf9f4;
color: #5D656E; }
.o-detail__reforms .f-label {
color: #faf9f4; }
.o-detail__reforms .f-label + .f-label {
margin-top: 10px; }
@media screen and (min-width: 1200px) {
.o-detail__reforms .f-label {
display: inline-block; }
.o-detail__reforms .f-label + .f-label {
margin-top: 0px;
margin-left: 20px; } }
.o-detail__reforms .o-detail__reforms-empty,
.o-detail__reforms .o-detail__reforms-data {
display: none; }
.o-detail__reforms .modal__row {
margin-top: -20px; }
@media screen and (min-width: 900px) {
.o-detail__reforms .modal__row {
margin-top: -30px; } }
.o-detail__reforms-empty p {
margin-top: 20px;
max-width: 380px;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.o-detail__reforms-empty p {
margin-top: 55px; } }
.o-detail__reforms-legend {
padding-top: 25px; }
@media screen and (min-width: 900px) {
.o-detail__reforms-legend {
padding-top: 60px; } }
.o-detail__reforms-legend .icon--ic--p {
margin-right: 5px; }
.o-detail__reforms-legend + .modal__row {
padding-top: 40px; }
@media screen and (min-width: 900px) {
.o-detail__reforms-legend + .modal__row {
padding-top: 80px; } }
.o-country-list .f-h2--sans {
margin-top: 45px; }
@media screen and (min-width: 900px) {
.o-country-list .f-h2--sans {
margin-top: 75px; } }
@media screen and (min-width: 1200px) {
.o-country-list .f-h2--sans {
margin-top: 65px; } }
@media screen and (min-width: 900px) {
.o-country-list .f-h2--sans.mobile {
display: none; } }
@media screen and (max-width: 899px) {
.o-country-list .f-h2--sans.desk {
display: none; } }
.o-country-list__header {
margin-top: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media screen and (min-width: 900px) {
.o-country-list__header {
margin-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-country-list__header {
margin-top: 45px; } }
.o-country-list__container {
flex: 0 0 auto;
padding-top: 10px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-list__container {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-list__container {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-list__container {
width: calc((((100vw - 300px) / 12) * 9) + 160px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-list__container {
width: calc((((100vw - 600px) / 12) * 9) + 320px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.o-country-list__container {
width: 1115px;
margin-left: 40px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-list__container {
margin-left: calc(((((100vw - 300px) / 12) * 3) + 40px) + 40px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-list__container {
margin-left: calc(((((100vw - 600px) / 12) * 3) + 80px) + 80px); } }
@media screen and (min-width: 1660px) {
.o-country-list__container {
margin-left: 425px; } }
@media screen and (min-width: 600px) {
.o-country-list__container {
padding-top: 15px; } }
@media screen and (min-width: 900px) {
.o-country-list__container {
padding-top: 0; } }
.o-country-list__intro {
flex: 0 0 auto; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-list__intro {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-list__intro {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-list__intro {
width: calc((((100vw - 300px) / 12) * 8) + 140px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-list__intro {
width: calc((((100vw - 600px) / 12) * 8) + 280px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.o-country-list__intro {
width: 986.666666667px;
margin-left: 40px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-list__intro p {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-list__intro p {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-list__intro p {
width: calc((((100vw - 300px) / 12) * 7) + 120px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-list__intro p {
width: calc((((100vw - 600px) / 12) * 7) + 240px); } }
@media screen and (min-width: 1660px) {
.o-country-list__intro p {
width: 858.333333333px; } }
.o-country-list__intro a {
background-image: linear-gradient(to bottom, rgba(242, 93, 39, 0) 50%, #f25d27 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1.1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff;
color: #f25d27; }
.s-print .o-country-list__intro a {
text-decoration: underline;
text-shadow: none; }
.o-country-list__intro a:hover, .o-country-list__intro a:focus:hover, .o-country-list__intro a.s-active {
background: transparent;
color: #f25d27; }
.o-country-list__intro a:active:hover {
color: #35393f; }
@media screen and (min-width: 900px) {
.o-country-list__intro {
padding-bottom: 35px; } }
.o-country-list__download {
flex: 0 0 auto;
position: relative;
border-top: 1px solid rgba(166, 166, 166, 0.5);
margin-top: 30px;
padding-top: 20px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-list__download {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-list__download {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-list__download {
width: calc((((100vw - 300px) / 12) * 4) + 60px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-list__download {
width: calc((((100vw - 600px) / 12) * 4) + 120px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.o-country-list__download {
width: 473.333333333px;
margin-left: 40px; } }
@media screen and (min-width: 900px) {
.o-country-list__download {
margin-top: 0;
padding-top: 0;
border-top: none;
margin-left: 0px;
padding-left: 20px;
border-left: 1px solid rgba(166, 166, 166, 0.5); } }
@media screen and (min-width: 1200px) {
.o-country-list__download {
margin-left: 20px;
padding-left: 20px; } }
.o-country-list__download .btn--download {
vertical-align: middle;
margin-left: 5px;
border-color: rgba(166, 166, 166, 0.5); }
.o-country-list__download .link:hover .btn--download {
opacity: 1;
border-color: #f25d27; }
.o-country-list__download .f-body-3 {
color: #767676; }
.o-country-list__download .f-body-3 a {
display: inline-block; }
.o-country-list__download .link + .f-body-3 {
margin-top: 10px; }
.o-country-list__download .f-body-3 + .link {
display: inline-block;
margin-top: 30px; }
.o-country-list__download .link--alone + .f-body-3 {
margin-top: 10px; }
.o-country-list__main {
margin-top: 30px;
position: relative; }
@media screen and (min-width: 900px) {
.o-country-list__main {
margin-top: 0; } }
.o-country-list__list {
background: url(/legal-barriers/dist/images/gif/cfr-loader.gif) no-repeat 50% 50%;
background-size: 100px; }
@media screen and (min-width: 900px) {
.o-country-list__list {
min-height: 400px;
padding-top: 20px; } }
.o-country-list__list.has-data {
background: none; }
.o-country-intro {
background-color: #faf9f4; }
.o-country-intro .m-slide-tab__control {
height: 60px; }
.o-country-intro .m-slide-tab__control li {
color: #767676; }
.o-country-intro .m-slide-tab__control li:hover {
color: #f25d27; }
.o-country-intro .m-slide-tab__control li.active {
color: #f25d27; }
.o-country-intro .m-slide-tab__control .m-slide-tab__slide {
background-color: #f25d27;
transition: .3s; }
.o-country-intro .m-slide-tab__control .m-slide-tab__slide:after {
position: absolute;
content: '';
height: 15px;
width: 15px;
background-color: #faf9f4;
border: 1px solid #f25d27;
bottom: -7px;
left: 50%;
border-top-color: transparent;
border-left-color: transparent;
transform: translateX(-50%) rotate(45deg); }
.o-country-intro .m-slide-tab__control span {
padding-top: 10px; }
@media screen and (min-width: 900px) {
.o-country-intro .m-slide-tab__control {
height: 80px; }
.o-country-intro .m-slide-tab__control span {
padding-top: 15px; } }
.o-country-intro__panel {
display: flex;
flex-flow: row wrap;
padding: 40px 0; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-intro__panel {
margin-left: -20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-intro__panel {
margin-left: -20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-intro__panel {
margin-left: -20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-intro__panel {
margin-left: -40px; } }
@media screen and (min-width: 1660px) {
.o-country-intro__panel {
margin-left: -40px; } }
.o-country-intro__map-holder {
position: relative;
padding-bottom: 40%; }
.o-country-intro__map-holder svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.o-country-intro__map {
flex: 0 0 auto; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-intro__map {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-intro__map {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-intro__map {
width: calc((((100vw - 300px) / 12) * 8) + 140px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-intro__map {
width: calc((((100vw - 600px) / 12) * 8) + 280px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.o-country-intro__map {
width: 986.666666667px;
margin-left: 40px; } }
.o-country-intro__map > svg {
width: 100%; }
@media screen and (max-width: 899px) {
.o-country-intro__map > svg {
max-height: 50vw; } }
.o-country-intro__text {
position: relative;
flex: 0 0 auto; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-country-intro__text {
width: calc(100vw + -40px);
margin-left: 20px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-country-intro__text {
width: calc(100vw + -60px);
margin-left: 20px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-country-intro__text {
width: calc((((100vw - 300px) / 12) * 4) + 60px);
margin-left: 20px; } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-country-intro__text {
width: calc((((100vw - 600px) / 12) * 4) + 120px);
margin-left: 40px; } }
@media screen and (min-width: 1660px) {
.o-country-intro__text {
width: 473.333333333px;
margin-left: 40px; } }
@media screen and (min-width: 900px) {
.o-country-intro__text {
margin-left: 0px;
padding-left: 20px;
border-left: 1px solid rgba(166, 166, 166, 0.5); } }
@media screen and (min-width: 1200px) {
.o-country-intro__text {
margin-left: 20px;
padding-left: 20px; } }
.o-country-intro__map-item {
cursor: pointer; }
.o-country-intro__map-item:hover, .o-country-intro__map-item.active {
opacity: .5; }
.o-country-intro__list {
padding-bottom: 20px; }
@media screen and (min-width: 900px) {
.o-country-intro__list {
padding-bottom: 20px; } }
.o-country-intro__list li {
padding-top: 5px; }
.o-country-intro__list li a {
position: relative;
display: inline-block;
padding-left: 40px; }
.o-country-intro__list li a:after {
display: none; }
.o-country-intro__list li a svg {
transform: rotate(90deg);
width: 15px;
height: 15px;
margin-left: 5px;
opacity: 0; }
@media screen and (max-width: 899px) {
.o-country-intro__list li a svg {
display: none; } }
.o-country-intro__list li a span:first-child {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0.02em;
position: absolute;
left: 0;
top: 4px;
display: inline-block;
font-style: normal;
border: 1px solid rgba(166, 166, 166, 0.5);
border-radius: 100%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
margin-right: 5px;
line-height: 15px !important; }
.o-country-intro__list li a span:first-child b,
.o-country-intro__list li a span:first-child strong {
font-weight: 600; }
.o-country-intro__list li a span:first-child i,
.o-country-intro__list li a span:first-child em {
font-style: italic; }
.s-sans-serif-loaded .o-country-intro__list li a span:first-child {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
.o-country-intro__list li a span:first-child::before, .o-country-intro__list li a span:first-child::after {
content: '';
display: block; }
.o-country-intro__list li a span:first-child::before {
padding-top: 8px; }
.o-country-intro__list li a span:first-child::after {
margin-bottom: -8px; }
@media screen and (min-width: 900px) {
.o-country-intro__list li a span:first-child {
font-size: 14px;
line-height: 20px; }
.o-country-intro__list li a span:first-child::before {
padding-top: 7px; }
.o-country-intro__list li a span:first-child::after {
margin-bottom: -7px; } }
.o-country-intro__list li a span + span {
background-image: linear-gradient(to bottom, rgba(166, 166, 166, 0) 50%, #a6a6a6 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff; }
.s-print .o-country-intro__list li a span + span {
text-decoration: underline;
text-shadow: none; }
.o-country-intro__list li a.active, .o-country-intro__list li a:hover {
color: #f25d27; }
.o-country-intro__list li a.active span, .o-country-intro__list li a:hover span {
background-image: none !important;
border-color: #f25d27; }
.o-country-intro__list li a.active span + span, .o-country-intro__list li a:hover span + span {
background-image: linear-gradient(to bottom, rgba(166, 166, 166, 0) 50%, #a6a6a6 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff; }
.s-print .o-country-intro__list li a.active span + span, .s-print .o-country-intro__list li a:hover span + span {
text-decoration: underline;
text-shadow: none; }
.o-country-intro__list li a.active svg, .o-country-intro__list li a:hover svg {
opacity: 1; }
.o-country-intro__list {
column-count: 2;
column-gap: 20px; }
@media screen and (min-width: 900px) {
.o-country-intro__list {
column-gap: 40px; } }
.o-barriers-list {
padding-top: 15px; }
@media screen and (min-width: 900px) {
.o-barriers-list {
padding-top: 30px; } }
.o-2-col {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 70px;
padding-top: 35px;
overflow: hidden; }
.o-2-col::before {
content: '';
position: absolute;
z-index: 0;
left: 50%;
bottom: 100%;
width: 100vw;
margin-left: -50vw;
border-top: 1px solid rgba(166, 166, 166, 0.5);
pointer-events: none; }
@media screen and (min-width: 900px) {
.o-2-col {
margin-top: 120px; } }
.o-2-col__col {
width: 100%; }
@media screen and (min-width: 600px) {
.o-2-col__col {
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) {
.o-2-col__col {
width: calc((((100vw - 300px) / 12) * 6) + 100px); } }
@media screen and (min-width: 1200px) {
.o-2-col__col {
width: calc((((100vw - 600px) / 12) * 6) + 200px); } }
@media screen and (min-width: 1660px) {
.o-2-col__col {
width: 730px; } }
.o-2-col__col:not(:first-child) {
margin-top: 25px; }
@media screen and (min-width: 600px) {
.o-2-col__col:not(:first-child) {
margin-top: 0; } }
/* variant: .o-2-col--two-thirds */
.o-2-col--two-thirds {
margin-top: 40px;
padding-top: 15px; }
@media screen and (min-width: 900px) {
.o-2-col--two-thirds {
margin-top: 80px;
margin-left: calc(((((100vw - 300px) / 12) * 3) + 40px) + 20px);
padding-top: 20px; } }
@media screen and (min-width: 1200px) {
.o-2-col--two-thirds {
margin-left: calc(((((100vw - 600px) / 12) * 3) + 80px) + 40px); } }
@media screen and (min-width: 1660px) {
.o-2-col--two-thirds {
margin-left: 385px; } }
.o-2-col--two-thirds::before {
left: 0;
right: 0;
width: 100%;
margin-left: 0; }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-2-col--two-thirds .o-2-col__col {
width: calc((((100vw - 160px) / 6) * 4) + 60px); } }
@media screen and (min-width: 600px) {
.o-2-col--two-thirds .o-2-col__col:nth-child(odd) {
width: calc((((100vw - 160px) / 6) * 2) + 20px); } }
@media screen and (min-width: 900px) {
.o-2-col--two-thirds .o-2-col__col:nth-child(odd) {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.o-2-col--two-thirds .o-2-col__col:nth-child(odd) {
width: calc((((100vw - 600px) / 12) * 3) + 80px); } }
@media screen and (min-width: 1660px) {
.o-2-col--two-thirds .o-2-col__col:nth-child(odd) {
width: 345px; } }
/* variant: .o-2-col--pre-footer */
.o-2-col--pre-footer {
margin-top: 80px;
padding-top: 40px; }
@media screen and (min-width: 900px) {
.o-2-col--pre-footer {
margin-top: 160px;
padding-top: 80px; } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-2-col--pre-footer .o-2-col__col {
width: 100%; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-2-col--pre-footer .o-2-col__col {
width: 100%; } }
@media screen and (min-width: 1200px) {
.o-2-col--pre-footer .o-2-col__col {
padding-bottom: 20px; } }
@media screen and (max-width: 1199px) {
.o-2-col--pre-footer .o-2-col__col:nth-child(2) {
position: relative;
margin-top: 80px;
padding-top: 75px; }
.o-2-col--pre-footer .o-2-col__col:nth-child(2)::before {
content: '';
position: absolute;
z-index: 0;
left: 50%;
bottom: 100%;
width: 100vw;
margin-left: -50vw;
border-top: 1px solid rgba(166, 166, 166, 0.5);
pointer-events: none; } }
@media screen and (max-width: 899px) {
.o-2-col--pre-footer .o-2-col__col:nth-child(2) {
margin-top: 40px;
padding-top: 40px; } }
@media screen and (min-width: 1200px) {
.o-2-col--pre-footer .o-2-col__col:nth-child(1) {
position: relative;
padding-right: 20px; }
.o-2-col--pre-footer .o-2-col__col:nth-child(1)::before {
content: '';
position: absolute;
left: calc(100%);
top: 0;
bottom: 0;
width: 1px;
background: rgba(166, 166, 166, 0.5); } }
.o-barrier {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.o-barrier .modal-col-4 .f-h3--sans {
color: #faf9f4; }
@media screen and (max-width: 899px) {
.o-barrier .icon--ic--p,
.o-barrier .icon--ic--m,
.o-barrier .icon--ic--n {
width: 20px;
height: 20px; } }
.o-barrier__number {
margin-top: 30px;
padding-top: 25px;
border-top: 1px solid #000; }
@media screen and (min-width: 900px) {
.o-barrier__number {
margin-top: 60px; } }
@media screen and (min-width: 900px) {
.o-barrier__number {
padding-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-barrier__number {
padding-top: 40px; } }
.o-barrier__number .f-tooltip {
color: #a6a6a6;
margin-top: 35px;
max-width: 720px; }
@media screen and (min-width: 900px) {
.o-barrier__number .f-tooltip {
margin-top: 50px; } }
.o-barrier__number-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: baseline;
margin-top: -40px;
padding-top: 40px; }
@media screen and (min-width: 900px) {
.o-barrier__number-wrapper {
padding-top: 20px; } }
.o-barrier__effects {
margin-top: 60px;
padding-top: 25px;
border-top: 1px solid #000; }
@media screen and (min-width: 900px) {
.o-barrier__effects {
margin-top: 80px; } }
@media screen and (min-width: 900px) {
.o-barrier__effects {
padding-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-barrier__effects {
padding-top: 40px; } }
.o-barrier__example {
margin-top: 60px;
padding-top: 30px;
background-color: #4b535d;
padding-bottom: 60px; }
@media screen and (min-width: 900px) {
.o-barrier__example {
margin-top: 80px; } }
@media screen and (min-width: 900px) {
.o-barrier__example {
padding-top: 60px; } }
.o-barrier__example .modal__row {
margin-top: 20px; }
@media screen and (min-width: 900px) {
.o-barrier__example .modal__row {
margin-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-barrier__example .modal__row {
margin-top: 40px; } }
@media screen and (min-width: 900px) {
.o-barrier__example {
padding-bottom: 80px; } }
.o-barrier__response {
padding-top: 25px; }
@media screen and (min-width: 900px) {
.o-barrier__response {
padding-top: 50px; } }
@media screen and (min-width: 1200px) {
.o-barrier__response {
padding-top: 40px; } }
.o-barrier__response .f-body-2 {
color: #faf9f4; }
.o-barrier__response ul {
padding-top: 25px; }
@media screen and (min-width: 900px) {
.o-barrier__response ul {
padding-top: 30px; } }
@media screen and (min-width: 1200px) {
.o-barrier__response ul {
padding-top: 25px; } }
.o-barrier__response li {
position: relative;
padding-left: 40px; }
.o-barrier__response li + li {
margin-top: 15px; }
@media screen and (min-width: 900px) {
.o-barrier__response li + li {
margin-top: 20px; } }
@media screen and (min-width: 1200px) {
.o-barrier__response li + li {
margin-top: 15px; } }
.o-barrier__response span {
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
border: 1px solid rgba(166, 166, 166, 0.5);
border-radius: 100%;
left: 0;
top: 12px;
text-align: center;
line-height: 18px; }
.o-barrier__response .modal-col-8 .f-body-2:first-child {
margin-top: 25px; }
@media screen and (min-width: 1200px) {
.o-barrier__response .modal-col-8 .f-body-2:first-child {
margin-top: 20px; } }
@media screen and (min-width: 900px) {
.o-barrier__response .modal-col-8 .f-body-2:first-child {
margin-top: 0; } }
.o-barrier__footer {
background-color: #f9d767; }
.o-barrier__footer .f-h3--sans {
color: #26262b; }
.o-barrier__footer .btn {
color: #26262b;
border-color: rgba(38, 38, 43, 0.4); }
.o-barrier__footer:hover {
background-color: #4b535d; }
.o-barrier__footer:hover .f-h3--sans {
color: #faf9f4; }
.o-barrier__footer:hover .btn {
background-color: #f25d27;
color: #faf9f4; }
.o-countries {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #35393f;
position: relative;
z-index: 2; }
.o-countries__intro {
padding-top: 50px;
padding-bottom: 90px; }
@media screen and (min-width: 900px) {
.o-countries__intro {
padding-top: 45px; } }
@media screen and (min-width: 1200px) {
.o-countries__intro {
padding-top: 60px; } }
.o-countries__intro .f-h3 {
margin: 0 auto;
color: #faf9f4;
padding: 0 20px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-countries__intro .f-h3 {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-countries__intro .f-h3 {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-countries__intro .f-h3 {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-countries__intro .f-h3 {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.o-countries__intro .f-h3 {
width: 473.333333333px; } }
@media screen and (min-width: 900px) {
.o-countries__intro .f-h3 {
padding: 0; } }
.o-countries__map-wrapper {
position: sticky;
top: 0px; }
.o-countries__map {
height: 100vh;
width: 100%; }
.o-countries__map .o-countries__map-default {
position: relative;
width: 100%; }
.o-countries__map .o-countries__map-move {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
opacity: 0;
transition: 1s; }
.o-countries__map .o-countries__map-move.active {
opacity: 1; }
.o-countries__map .container {
position: relative;
top: 100px; }
@media screen and (min-width: 900px) {
.o-countries__map .container {
top: 50%;
transform: translateY(-50%); } }
.o-countries__block {
width: 100%;
height: 100vh; }
.o-countries__text {
position: relative;
color: #faf9f4; }
.o-countries__show {
position: relative; }
.o-countries__show.active .o-countries__map {
position: fixed;
top: 0;
left: 0; }
.o-countries__show.bottom .o-countries__map {
position: absolute;
bottom: 0;
left: 0;
top: auto; }
.o-countries__text-card {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, 0);
background-color: rgba(38, 38, 43, 0.9);
padding: 0px 0px 30px 0px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-countries__text-card p {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-countries__text-card p {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-countries__text-card p {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-countries__text-card p {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.o-countries__text-card p {
width: 473.333333333px; } }
@media screen and (max-width: 899px) {
.o-countries__text-card p {
padding: 0 20px; } }
.o-countries__text-card span {
color: #f9d767; }
.o-countries__text-card .f-h3 {
padding-top: 10px; }
@media screen and (min-width: 900px) {
.o-countries__text-card .f-h3 {
padding-top: 20px; } }
.o-countries__text-card .f-body-3 {
padding-top: 5px;
margin-top: 20px;
border-top: 1px solid rgba(166, 166, 166, 0.3); }
@media screen and (min-width: 900px) {
.o-countries__text-card .f-body-3 {
padding-top: 10px; } }
@media screen and (min-width: 900px) {
.o-countries__text-card .f-body-3 {
margin-top: 25px; } }
@media screen and (min-width: 900px) {
.o-countries__text-card {
padding: 0px 20px 35px 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } }
@media screen and (min-width: 1200px) {
.o-countries__text-card {
padding: 0px 40px 35px 40px; } }
.o-home-barriers {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
z-index: 2;
margin-top: -50vh; }
@media screen and (min-width: 900px) {
.o-home-barriers {
margin-top: -15vh; } }
.o-home-barriers__main {
background-color: #35393f; }
.o-home-barriers__intro-wrapper {
top: 0px;
width: 100%; }
@media screen and (min-width: 900px) {
.o-home-barriers__intro-wrapper {
position: sticky;
position: -webkit-sticky;
height: 100vh; } }
@media screen and (min-width: 900px) {
.o-home-barriers__intro {
height: 100vh;
width: 100%; } }
.o-home-barriers__intro .f-h3 {
color: #faf9f4;
margin: 0 auto;
padding: 0 20px; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-home-barriers__intro .f-h3 {
width: calc(100vw + -40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-home-barriers__intro .f-h3 {
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-home-barriers__intro .f-h3 {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-home-barriers__intro .f-h3 {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.o-home-barriers__intro .f-h3 {
width: 473.333333333px; } }
@media screen and (min-width: 900px) {
.o-home-barriers__intro .f-h3 {
padding: 0; } }
@media screen and (min-width: 900px) {
.o-home-barriers__intro .container {
position: relative;
top: 50%;
transform: translateY(-50%); } }
.o-home-barriers.active .o-home-barriers__intro {
position: fixed;
top: 0;
left: 0; }
.o-home-barriers.bottom .o-home-barriers__intro {
position: absolute;
bottom: 0;
left: 0;
top: auto; }
.o-home-barrier__col {
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-home-barrier__col {
width: calc((((100vw - 140px) / 6) * 3) + 40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-home-barrier__col {
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-home-barrier__col {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-home-barrier__col {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.o-home-barrier__col {
width: 473.333333333px; } }
.o-home-barriers__barriers {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 50px; }
.o-home-barriers__barriers .f-wall {
margin-top: 10px;
color: #a6a6a6; }
@media screen and (min-width: 900px) {
.o-home-barriers__barriers .f-wall {
margin-top: 15px; } }
@media screen and (min-width: 1200px) {
.o-home-barriers__barriers .f-wall {
margin-top: 25px; } }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-home-barriers__barriers .f-wall {
width: calc((((100vw - 140px) / 6) * 3) + 40px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-home-barriers__barriers .f-wall {
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-home-barriers__barriers .f-wall {
width: calc((((100vw - 300px) / 12) * 2) + 20px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-home-barriers__barriers .f-wall {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.o-home-barriers__barriers .f-wall {
width: 216.666666667px; } }
.o-home-barriers__barriers .f-wall span {
color: #f9d767; }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-home-barriers__barriers .f-wall:nth-child(4n + 3) {
margin-left: calc(((((100vw - 300px) / 12) * 4) + 60px) + 40px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-home-barriers__barriers .f-wall:nth-child(4n + 3) {
margin-left: calc(((((100vw - 600px) / 12) * 4) + 120px) + 80px); } }
@media screen and (min-width: 1660px) {
.o-home-barriers__barriers .f-wall:nth-child(4n + 3) {
margin-left: 553.333333333px; } }
@media screen and (min-width: 900px) {
.o-home-barriers__barriers .f-wall:nth-child(2n) {
margin-left: 20px; } }
@media screen and (min-width: 1200px) {
.o-home-barriers__barriers .f-wall:nth-child(2n) {
margin-left: 40px; } }
@media screen and (max-width: 899px) {
.o-home-barriers__barriers .f-wall:nth-child(n + 23) {
display: none; } }
@media screen and (min-width: 900px) {
.o-home-barriers__barriers {
margin-top: 0; } }
.o-home-barriers__intro-wrapper + .container {
position: relative;
z-index: 1; }
.o-home-barriers__barriers + .f-link {
margin-top: 45px;
display: inline-block;
color: #faf9f4;
max-width: 800px;
padding-bottom: 40px; }
@media screen and (min-width: 1200px) {
.o-home-barriers__barriers + .f-link {
margin-top: 55px; } }
@media screen and (min-width: 900px) {
.o-home-barriers__barriers + .f-link {
margin-top: 100vh; } }
.o-home-barriers__barriers + .f-link a {
color: #faf9f4; }
.o-home-barriers__barriers + .f-link a:hover {
color: #faf9f4; }
.o-home-barriers__overlay {
height: 100vh;
width: 100%; }
@media screen and (min-width: 0px) and (-ms-high-contrast: none), screen and (min-width: 0px) and (-ms-high-contrast: active) {
.o-home-barriers__intro-wrapper {
position: static;
height: auto; }
.o-home-barriers__intro {
height: auto; }
.o-home-barriers__intro .container {
position: absolute;
top: 0%;
left: 50%;
transform: translateX(-50%); }
.o-home-barriers__barriers + .f-link {
margin-top: 50px; } }
@media screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: none), screen and (min-width: 900px) and (max-width: 1199px) and (-ms-high-contrast: active) {
.o-home-barriers__barriers .f-wal:nth-child(4n + 3) {
margin-left: calc(((((100vw - 300px) / 12) * 4) + 60px) + 39px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (max-width: 1659px) and (-ms-high-contrast: active) {
.o-home-barriers__barriers .f-wal:nth-child(4n + 3) {
margin-left: calc(((((100vw - 600px) / 12) * 4) + 120px) + 79px); } }
@media screen and (min-width: 1660px) and (-ms-high-contrast: none), screen and (min-width: 1660px) and (-ms-high-contrast: active) {
.o-home-barriers__barriers .f-wal:nth-child(4n + 3) {
margin-left: 552.333333333px; } }
.o-home-link {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100vh;
width: 100%; }
.o-home-link__main {
height: 100vh;
width: 100vw;
position: fixed;
left: 0;
top: 0px;
z-index: 0;
display: flex;
flex-flow: row wrap; }
@media screen and (min-width: 900px) {
.o-home-link__main {
height: 100vh;
top: 0px; } }
.o-home-link.active .o-home-link__main {
position: relative;
z-index: 1; }
.o-home-link__card {
flex-shrink: 0;
width: 100%;
height: 50%;
background-size: cover;
background-position: center;
cursor: pointer;
color: #faf9f4; }
@media screen and (min-width: 900px) {
.o-home-link__card {
width: 50%;
height: 100vh; } }
.o-home-link__card .btn {
transform: rotate(90deg);
color: #faf9f4;
margin-top: 20px; }
@media screen and (min-width: 900px) {
.o-home-link__card .btn {
margin-top: 40px; } }
.o-home-link__card:first-child {
color: #000; }
.o-home-link__card:first-child .btn {
color: #000; }
.o-home-link__card:first-child:hover .btn {
color: #faf9f4; }
.o-home-link__card > a {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.o-home-link__card + .o-home-link__card {
position: relative; }
.o-home-link__card + .o-home-link__card:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(38, 38, 43, 0.25); }
.o-home-link__card:hover .btn {
background-color: #f25d27;
border-color: #f25d27; }
.o-home-link__wrapper {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center; }
@media screen and (min-width: 0px) and (max-width: 599px) {
.o-home-link__wrapper {
width: calc((((100vw - 140px) / 6) * 5) + 80px); } }
@media screen and (min-width: 600px) and (max-width: 899px) {
.o-home-link__wrapper {
width: calc((((100vw - 160px) / 6) * 5) + 80px); } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
.o-home-link__wrapper {
width: calc((((100vw - 300px) / 12) * 4) + 60px); } }
@media screen and (min-width: 1200px) and (max-width: 1659px) {
.o-home-link__wrapper {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.o-home-link__wrapper {
width: 473.333333333px; } }
.o-pre-footer {
overflow: inherit; }
.s-home .o-pre-footer {
margin-top: 0;
overflow: hidden; }
.g-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99;
transition: background-color .25s, opacity .25s, transform 0s 0s, top .25s;
border-bottom: 1px solid rgba(166, 166, 166, 0.3);
background-color: #35393f;
color: #faf9f4; }
.lockmbfilter .g-header {
opacity: 0;
pointer-events: none; }
@media screen and (max-width: 1199px) {
.g-header.headroom--unpinned {
top: -61px; } }
@media screen and (min-width: 1200px) {
.g-header.headroom--unpinned {
top: -81px; } }
.g-header__content {
display: flex;
flex-flow: row nowrap;
position: relative;
height: 60px;
padding-top: 0.02px; }
@media screen and (min-width: 1200px) {
.g-header__content {
padding-left: 40px;
height: 80px; } }
.g-header__logo {
flex: 0 0 auto;
margin-top: 12px;
color: #faf9f4; }
@media screen and (min-width: 1200px) {
.g-header__logo {
margin-top: 22px; } }
.g-header__title {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: none; }
@media screen and (min-width: 600px) {
.g-header__title {
display: block;
flex: 0 0 auto;
margin-left: 45px; } }
.g-header__nav {
display: none; }
@media screen and (min-width: 1200px) {
.g-header__nav {
display: flex;
flex: 0 0 auto;
margin-left: auto;
opacity: 1; } }
.g-header__nav ul {
display: flex;
flex-flow: row nowrap;
list-style-type: none; }
.g-header__nav li {
display: flex;
position: relative;
flex: 0 0 auto;
margin-left: 35px;
align-items: center; }
@media screen and (min-width: 1200px) {
.g-header__nav li a {
margin-top: -5px;
-webkit-font-smoothing: antialiased;
color: #faf9f4;
opacity: .8; }
.g-header__nav li a:after {
position: absolute;
width: 100%;
height: 1px;
margin: 0;
bottom: -1px;
left: 0;
background-color: #767676;
opacity: 0; } }
@media screen and (min-width: 1200px) {
.g-header__nav li a:hover {
opacity: 1; }
.g-header__nav li a:hover:after {
background-color: #faf9f4;
opacity: 0; } }
.g-header__nav li a.is-current {
opacity: 1; }
.g-header__nav li a.is-current:after {
background-color: #faf9f4;
opacity: 1; }
.g-header__title {
margin-top: 10px; }
@media screen and (min-width: 1200px) {
.g-header__title {
margin-top: 20px; } }
.g-header__title a {
color: #faf9f4; }
.g-header__title a:hover, .g-header__title a:focus:hover, .g-header__title a.s-active {
text-shadow: none;
opacity: .8; }
.g-header__title a:active:hover {
color: #35393f; }
.g-header__btn-menu {
position: absolute;
right: 20px;
top: 21px;
right: 0; }
@media screen and (min-width: 1200px) {
.g-header__btn-menu {
position: absolute;
right: auto;
left: 0;
top: 31px; } }
.g-header__btn-menu .icon--menu {
color: #faf9f4; }
.g-header--holder {
background-color: #35393f;
height: 60px; }
@media screen and (min-width: 900px) {
.g-header--holder {
height: 80px; } }
.lock--noheader .g-header {
visibility: hidden;
top: -61px; }
@media screen and (min-width: 1200px) {
.lock--noheader .g-header {
top: -81px; } }
.g-nav {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 100%;
z-index: 6;
padding-bottom: .02px;
background-color: #fff;
overflow: hidden;
opacity: 0;
transition: opacity .25s;
z-index: 99; }
@media screen and (min-width: 600px) {
.g-nav {
display: flex;
flex-flow: column nowrap; }
.g-nav::before {
content: '';
position: absolute;
left: calc(50% + 10px);
top: 115px;
bottom: 40px;
width: 1px;
background-color: #d7d5d5; } }
@media screen and (min-width: 900px) {
.g-nav::before {
left: calc(50% - 10px);
top: 115px; } }
@media screen and (min-width: 1200px) {
.g-nav {
display: block;
top: 80px;
bottom: auto;
height: 0; }
.g-nav::before {
content: none; } }
@media screen and (min-width: 600px) {
.g-nav__categories-container {
display: flex;
flex-flow: row wrap;
flex: 0 0 auto; } }
@media screen and (min-width: 1200px) {
.g-nav__categories-container {
display: block;
flex: none;
width: auto;
max-height: calc(80vh - 120px); } }
.g-nav__logo {
padding-top: 20px; }
.g-nav__logo p {
margin-top: 0; }
.g-nav__logo a {
display: block;
color: #000; }
@media screen and (min-width: 600px) {
.g-nav__logo {
flex: 0 0 auto;
width: calc(100vw + -60px); } }
@media screen and (min-width: 900px) {
.g-nav__logo {
width: calc(100vw + -80px); } }
@media screen and (min-width: 1200px) {
.g-nav__logo {
display: none; } }
@media screen and (min-width: 600px) {
.g-nav__internal {
flex: 0 0 auto;
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) {
.g-nav__internal {
width: calc((((100vw - 300px) / 12) * 6) + 100px); } }
@media screen and (min-width: 1200px) {
.g-nav__internal {
display: none; } }
.g-nav__title {
margin-top: 15px;
font-weight: 500; }
@media screen and (min-width: 600px) {
.g-nav__title {
margin-top: 20px; } }
.g-nav__internal-links.f-link {
margin-top: 15px; }
.g-nav__internal-links > li:not(:first-child) {
margin-top: 15px; }
.g-nav__internal-links a.is-current {
background-image: linear-gradient(to bottom, rgba(118, 118, 118, 0) 50%, #767676 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff; }
.s-print .g-nav__internal-links a.is-current {
text-decoration: underline;
text-shadow: none; }
.g-nav__categories {
margin-top: 35px;
padding-top: 19px;
border-top: 1px solid #a6a6a6; }
@media screen and (min-width: 600px) {
.g-nav__categories {
position: relative;
flex: 0 0 auto;
width: calc((((100vw - 160px) / 6) * 3) + 40px);
margin-left: 20px;
margin-top: 20px;
padding-top: 0;
padding-left: 20px;
border-top: 0 none; }
.g-nav__categories::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #d7d5d5; } }
@media screen and (min-width: 900px) {
.g-nav__categories {
width: calc((((100vw - 300px) / 12) * 6) + 100px);
margin-top: 15px;
margin-left: 20px;
padding-left: 0; }
.g-nav__categories::before {
left: -20px; } }
@media screen and (min-width: 1200px) {
.g-nav__categories {
display: flex;
flex-flow: row wrap;
flex: none;
width: calc(100vw + -160px);
margin-right: auto;
margin-left: auto; }
.g-nav__categories::before {
display: none; } }
@media screen and (min-width: 1660px) {
.g-nav__categories {
width: 1500px; } }
.g-nav__category {
margin-top: 10px; }
.g-nav__category:first-child {
margin-top: 0; }
@media screen and (min-width: 900px) {
.g-nav__category {
margin-top: 20px; }
.g-nav__category:first-child {
margin-top: 0; } }
@media screen and (min-width: 1200px) {
.g-nav__category {
flex: 0 0 auto;
width: calc((((100vw - 600px) / 12) * 4) + 120px);
margin-top: 0;
margin-left: 40px;
opacity: 0;
transform: translateY(20px); }
.g-nav__category:nth-child(3n+1) {
margin-left: 0; }
.g-nav__category:nth-child(3n) ~ .g-nav__category {
margin-top: 30px; } }
@media screen and (min-width: 1660px) {
.g-nav__category {
width: 216.666666667px;
margin-left: 40px; }
.g-nav__category:nth-child(3n+1) {
margin-left: 40px; }
.g-nav__category:nth-child(3n) ~ .g-nav__category {
margin-top: 0; }
.g-nav__category:nth-child(6n+1) {
margin-left: 0; } }
.g-nav__category-title a {
display: block;
color: #767676; }
.g-nav__category-title a:hover, .g-nav__category-title a:focus:hover, .g-nav__category-title a.s-active {
color: #767676; }
.g-nav__category-title a:active:hover {
color: #35393f; }
@media screen and (max-width: 1199px) {
.g-nav__category.s-active .g-nav__category-title a {
color: #f25d27; } }
@media screen and (min-width: 1200px) {
.g-nav__category-title a {
display: inline; }
.g-nav__category-title a:hover, .g-nav__category-title a:focus:hover {
background-image: linear-gradient(to bottom, rgba(118, 118, 118, 0) 50%, #767676 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1.1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff; }
.s-print .g-nav__category-title a:hover, .s-print .g-nav__category-title a:focus:hover {
text-decoration: underline;
text-shadow: none; } }
.g-nav__sub-categories {
max-height: 0;
overflow: hidden;
transition: max-height .25s ease; }
.g-nav__category:not(.s-active) .g-nav__sub-categories {
max-height: 0 !important; }
.g-nav__category.s-active .g-nav__sub-categories {
max-height: 1000px; }
@media screen and (min-width: 1200px) {
.g-nav__sub-categories {
max-height: none;
overflow: visible;
transition: none; }
.g-nav__category:not(.s-active) .g-nav__sub-categories {
max-height: none !important; }
.g-nav__category.s-active .g-nav__sub-categories {
max-height: none; } }
@media screen and (min-width: 1200px) {
.g-nav__sub-categories::before {
content: '';
display: block;
width: 40px;
height: 5px;
margin-top: 20px;
background: #f25d27; } }
.g-nav__sub-categories-list {
position: relative;
padding-top: 10px;
padding-left: 10px; }
.g-nav__sub-categories-list::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #a6a6a6; }
@media screen and (min-width: 1200px) {
.g-nav__sub-categories-list {
padding-top: 0;
padding-left: 0; }
.g-nav__sub-categories-list::after {
display: none; } }
.g-nav__sub-category {
margin-top: 5px; }
.g-nav__sub-category:first-child {
position: relative;
margin-top: 0;
padding-bottom: 5px; }
.g-nav__sub-category:first-child::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #a6a6a6; }
.g-nav__sub-category:first-child ~ .g-nav__sub-category {
margin-top: 10px; }
@media screen and (min-width: 1200px) {
.g-nav__sub-category:first-child {
margin-top: 5px; }
.g-nav__sub-category:first-child::after {
content: none;
display: none; }
.g-nav__sub-category:first-child ~ .g-nav__sub-category {
margin-top: 5px; } }
.g-nav__title a,
.g-nav__internal-links a,
.g-nav__sub-category a,
.g-nav__extra-links a {
color: #000; }
.g-nav__title a:hover, .g-nav__title a:focus:hover, .g-nav__title a.s-active,
.g-nav__internal-links a:hover,
.g-nav__internal-links a:focus:hover,
.g-nav__internal-links a.s-active,
.g-nav__sub-category a:hover,
.g-nav__sub-category a:focus:hover,
.g-nav__sub-category a.s-active,
.g-nav__extra-links a:hover,
.g-nav__extra-links a:focus:hover,
.g-nav__extra-links a.s-active {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1em;
padding-bottom: 2px;
margin-bottom: -2px;
text-decoration: none;
text-shadow: 0 0.08em 0 #fff, 0 -0.08em 0 #fff, 0.08em 0 0 #fff, -0.08em 0 0 #fff;
color: #000; }
.s-print .g-nav__title a:hover, .s-print .g-nav__title a:focus:hover, .s-print .g-nav__title a.s-active, .s-print
.g-nav__internal-links a:hover, .s-print
.g-nav__internal-links a:focus:hover, .s-print
.g-nav__internal-links a.s-active, .s-print
.g-nav__sub-category a:hover, .s-print
.g-nav__sub-category a:focus:hover, .s-print
.g-nav__sub-category a.s-active, .s-print
.g-nav__extra-links a:hover, .s-print
.g-nav__extra-links a:focus:hover, .s-print
.g-nav__extra-links a.s-active {
text-decoration: underline;
text-shadow: none; }
.g-nav__title a:active:hover,
.g-nav__internal-links a:active:hover,
.g-nav__sub-category a:active:hover,
.g-nav__extra-links a:active:hover {
color: #35393f; }
@media screen and (min-width: 600px) {
.g-nav__extra-links,
.g-nav .m-social-links {
position: relative;
flex: 0 0 auto;
padding-left: calc(((((100vw - 160px) / 6) * 3) + 40px) + 40px); }
.g-nav__extra-links::before,
.g-nav .m-social-links::before {
content: '';
position: absolute;
left: calc(50% + 10px);
top: 0;
bottom: 0;
width: 1px;
background-color: #d7d5d5; } }
@media screen and (min-width: 900px) {
.g-nav__extra-links,
.g-nav .m-social-links {
padding-left: calc(((((100vw - 300px) / 12) * 6) + 100px) + 20px); }
.g-nav__extra-links::before,
.g-nav .m-social-links::before {
left: calc(50% - 10px); } }
@media screen and (min-width: 1200px) {
.g-nav__extra-links::before,
.g-nav .m-social-links::before {
display: none; } }
.g-nav__extra-links {
margin-top: 15px; }
@media screen and (min-width: 600px) {
.g-nav__extra-links {
margin-top: 0;
padding-top: 25px; } }
@media screen and (min-width: 1200px) {
.g-nav__extra-links {
position: fixed;
right: 80px;
top: 20px;
display: flex;
flex-flow: row wrap;
flex: none;
width: auto;
margin-top: 0;
padding-top: 0;
padding-left: 0;
opacity: 0;
visibility: hidden; } }
@media screen and (min-width: 1660px) {
.g-nav__extra-links {
right: 50%;
margin-right: -750px; } }
.g-nav__extra-links > li {
margin-top: 10px; }
@media screen and (min-width: 1200px) {
.g-nav__extra-links > li {
flex: 0 0 auto;
margin-top: 0;
margin-left: 35px; } }
.g-nav .m-social-links {
justify-content: space-around;
margin-top: 40px;
margin-bottom: 40px; }
@media screen and (min-width: 600px) {
.g-nav .m-social-links {
justify-content: flex-start;
margin-top: auto;
padding-top: 40px; } }
@media screen and (min-width: 1200px) {
.g-nav .m-social-links {
flex: none;
width: calc(100vw + -160px);
margin-top: 30px;
margin-bottom: 20px;
padding-top: 0;
padding-left: calc(((((100vw - 600px) / 12) * 8) + 280px) + 40px); } }
@media screen and (min-width: 1660px) {
.g-nav .m-social-links {
justify-content: space-between;
width: 1500px;
margin-top: 0;
padding-left: 1283.33333333px; } }
.g-nav .m-social-links a:hover, .g-nav .m-social-links a:focus, .g-nav .m-social-links a:active {
border-color: #767676;
color: #767676; }
.g-nav__btn-menu {
position: fixed;
right: 20px;
top: 21px; }
@media screen and (min-width: 600px) {
.g-nav__btn-menu {
right: 30px; } }
@media screen and (min-width: 900px) {
.g-nav__btn-menu {
right: 40px; } }
@media screen and (min-width: 1200px) {
.g-nav__btn-menu {
display: none; } }
.g-nav__close {
display: none; }
@media screen and (min-width: 1200px) {
.g-nav__close {
display: block;
position: absolute;
left: 0;
top: 100%;
right: 0;
width: 100vw;
height: 100vh;
border: 0;
background: rgba(0, 0, 0, 0.5);
font: 0/0 a;
color: transparent; } }
.lockmbfilter .g-nav {
visibility: hidden;
position: none; }
.g-nav .g-header__title {
display: block; }
.g-nav .g-header__title a {
color: #000; }
@media screen and (max-width: 1199px) {
.g-nav .g-header__title {
margin-left: 0; } }
.g-footer {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 40px;
padding-top: 40px;
padding-bottom: 40px;
background-color: #412c26;
color: #fff; }
.g-footer::before {
content: '';
position: absolute;
z-index: -1;
left: 50%;
top: 0;
bottom: 0;
width: 100vw;
margin-left: -50vw;
background-color: inherit;
pointer-events: none; }
@media screen and (min-width: 900px) {
.g-footer {
margin-top: 80px; } }
@supports (display: flex) {
.g-footer {
flex: 0 0 auto; } }
.g-footer__logo {
flex: 0 0 auto;
width: 100%; }
@media screen and (min-width: 900px) {
.g-footer__logo {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.g-footer__logo {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.g-footer__logo {
width: 216.666666667px; } }
.g-footer__links {
flex: 0 0 auto;
width: 100%;
margin-top: 40px; }
@media screen and (min-width: 1200px) {
.g-footer__links {
width: calc((((100vw - 600px) / 12) * 4) + 120px);
margin-top: 0; } }
@media screen and (min-width: 1660px) {
.g-footer__links {
width: 473.333333333px; } }
.g-footer__newsletter {
flex: 0 0 auto;
width: 100%;
margin-top: 55px; }
@media screen and (min-width: 600px) {
.g-footer__newsletter {
margin-top: 75px; } }
@media screen and (min-width: 1200px) {
.g-footer__newsletter {
width: calc((((100vw - 600px) / 12) * 6) + 200px);
margin-top: 0;
margin-left: 0; } }
@media screen and (min-width: 1660px) {
.g-footer__newsletter {
width: 730px; } }
.g-footer__newsletter.s-loading {
opacity: .75; }
.g-footer__newsletters {
flex: 0 0 auto;
width: 100%;
text-align: center; }
@media screen and (min-width: 600px) {
.g-footer__newsletters {
width: auto;
text-align: left; } }
@media screen and (min-width: 1200px) {
.g-footer__newsletters {
order: 5;
width: auto;
margin-left: 40px;
text-align: left; } }
@media screen and (min-width: 1660px) {
.g-footer__newsletters {
margin-left: 40px; } }
.g-footer__newsletters.f-link {
margin-top: 40px; }
@media screen and (min-width: 600px) {
.g-footer__newsletters.f-link {
margin-top: 65px; } }
@media screen and (min-width: 1200px) {
.g-footer__newsletters.f-link {
margin-top: 45px; } }
.g-footer .m-social-links {
justify-content: space-around;
width: 100%;
margin-top: 60px; }
@media screen and (min-width: 600px) {
.g-footer .m-social-links {
width: calc((((100vw - 160px) / 6) * 2) + 20px);
margin-top: 70px; } }
@media screen and (min-width: 900px) {
.g-footer .m-social-links {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.g-footer .m-social-links {
order: 6;
justify-content: flex-end;
width: auto;
margin-top: 50px;
margin-left: auto; } }
.g-footer__legals {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
flex: 0 0 auto;
width: 100%;
text-align: center; }
@media screen and (min-width: 600px) {
.g-footer__legals {
text-align: left; } }
@media screen and (min-width: 1200px) {
.g-footer__legals {
order: 4;
width: calc((((100vw - 600px) / 12) * 6) + 200px); } }
@media screen and (min-width: 1660px) {
.g-footer__legals {
width: 730px; } }
.g-footer__legals.f-legal {
margin-top: 45px; }
@media screen and (min-width: 600px) {
.g-footer__legals.f-legal {
margin-top: 65px; } }
@media screen and (min-width: 1200px) {
.g-footer__legals.f-legal {
margin-top: 50px; } }
.g-footer a {
color: #fff; }
.g-footer a:hover, .g-footer a:focus:hover {
color: #f25d27; }
.g-footer a:active:hover {
color: #35393f; }
.g-footer__logo a {
display: block;
width: 125px;
height: 60px; }
.g-footer__links > ul {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 0; }
.g-footer__links > ul > li {
width: calc((((100vw - 140px) / 6) * 3) + 40px); }
@media screen and (min-width: 600px) {
.g-footer__links > ul > li {
width: calc((((100vw - 160px) / 6) * 3) + 40px); } }
@media screen and (min-width: 900px) {
.g-footer__links > ul > li {
width: calc((((100vw - 300px) / 12) * 6) + 100px); } }
@media screen and (min-width: 1200px) {
.g-footer__links > ul > li {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.g-footer__links > ul > li {
width: 216.666666667px; } }
.g-footer__links > ul > li:nth-child(1) {
order: 1; }
.g-footer__links > ul > li:nth-child(2) {
order: 3; }
.g-footer__links > ul > li:nth-child(3) {
order: 5; }
.g-footer__links > ul > li:nth-child(4) {
order: 2; }
.g-footer__links > ul > li:nth-child(5) {
order: 4; }
.g-footer__links > ul > li:nth-child(6) {
order: 6; }
.g-footer__links > ul > li.f-link {
margin-top: 15px; }
.g-footer__links > ul > li.f-link:nth-child(1), .g-footer__links > ul > li.f-link:nth-child(4) {
margin-top: -10px; }
.g-footer__newsletter fieldset {
display: block;
position: relative; }
.g-footer__newsletter legend {
float: left; }
.g-footer__newsletter legend span {
display: block;
position: relative;
width: 100%;
padding-bottom: 25px; }
@media screen and (min-width: 600px) {
.g-footer__newsletter legend span {
padding-bottom: 30px; } }
.g-footer__newsletter #recaptcha-footer {
padding: 68px 0; }
@media screen and (min-width: 600px) {
.g-footer__newsletter #recaptcha-footer {
padding: 60px 0; } }
.g-footer__newsletter legend span.f-link {
margin-top: -10px; }
.g-footer__newsletter legend span strong {
display: block;
padding-left: 60px;
font-weight: 500; }
.g-footer__newsletter legend br {
display: none; }
.g-footer__newsletter legend em {
margin-top: 15px;
display: block;
font-style: normal; }
.g-footer__newsletter .icon--newsletter {
position: absolute;
left: 0;
top: 10px; }
.g-footer__newsletter-field {
display: block;
position: relative;
clear: both;
width: 100%; }
@media screen and (min-width: 600px) {
.g-footer__newsletter-field {
width: calc((((100vw - 160px) / 6) * 4) + 60px); } }
@media screen and (min-width: 900px) {
.g-footer__newsletter-field {
width: calc((((100vw - 300px) / 12) * 9) + 160px); } }
@media screen and (min-width: 1200px) {
.g-footer__newsletter-field {
width: calc((((100vw - 600px) / 12) * 4) + 120px); } }
@media screen and (min-width: 1660px) {
.g-footer__newsletter-field {
width: 473.333333333px; } }
.g-footer__newsletter-field label {
position: absolute;
left: 0;
top: -5px;
white-space: nowrap;
transition: .2s ease-out; }
.g-footer__newsletter-field.s-active label {
font-size: 12px;
transform: translateY(-100%); }
.g-footer__newsletter-field label.f-link {
margin-top: -10px; }
.g-footer__newsletter-field input {
display: block;
width: 100%;
padding: 0 0 5px;
border: 0 none;
border-bottom: 1px solid #a6a6a6;
background: transparent;
color: #fff;
-webkit-appearance: none; }
.g-footer__newsletter-field.s-active input {
border-bottom-color: #f25d27; }
.g-footer__newsletter .btn {
display: block;
flex: 0 0 auto;
width: 100%;
margin-top: 25px;
color: #fff; }
.g-footer__newsletter .btn:hover, .g-footer__newsletter .btn:focus:hover {
border-color: #f25d27;
color: #faf9f4; }
@media screen and (min-width: 600px) {
.g-footer__newsletter .btn {
position: absolute;
right: 0;
bottom: 0;
width: calc((((100vw - 160px) / 6) * 2) + 20px);
margin-top: 0; } }
@media screen and (min-width: 900px) {
.g-footer__newsletter .btn {
width: calc((((100vw - 300px) / 12) * 3) + 40px); } }
@media screen and (min-width: 1200px) {
.g-footer__newsletter .btn {
width: calc((((100vw - 600px) / 12) * 2) + 40px); } }
@media screen and (min-width: 1660px) {
.g-footer__newsletter .btn {
width: 216.666666667px; } }
.g-footer__newsletter form.s-loading .btn {
color: transparent; }
.g-footer__newsletter form.s-loading .btn::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
border: 0 solid transparent;
border-top-color: #f25d27;
border-top-width: 3px;
border-right-width: 3px;
margin: -15px 0 0 -15px;
animation: xhrLoader 1s linear infinite; }
.g-footer .m-social-links a:hover, .g-footer .m-social-links a:focus:hover {
color: #f25d27; }
.g-footer .m-social-links a:active:hover {
color: #35393f; }
@media screen and (min-width: 600px) {
.g-footer__legals > br {
display: none; } }
.g-footer__legals a {
display: inline;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px; }
.s-sans-serif-loaded .g-footer__legals a {
font-family: "Larsseit", Helvetica, Arial, sans-serif; }
html.lock {
height: 100%;
overflow: hidden; }
html.lock body {
overflow: hidden; }
.g-touch.active {
position: fixed;
left: 0;
width: 100%; }
.s-menu-active,
.s-menu-active body {
overflow: hidden; }
.s-menu-active .g-header {
opacity: 0;
color: #000; }
.s-menu-active .g-header .g-header__logo,
.s-menu-active .g-header .g-header__title a {
color: #000; }
@media screen and (min-width: 1200px) {
.s-menu-active .g-header {
background-color: #fff;
opacity: 1; } }
.s-menu-active .g-header__btn-menu {
color: #f25d27; }
.s-menu-active .menu-toggle {
color: #f25d27; }
.s-menu-active .menu-toggle .icon--menu {
opacity: 0;
transition: opacity .05s; }
.s-menu-active .menu-toggle .icon--close {
opacity: 1;
transform: rotate(0);
transition: opacity .05s .1s, transform .1s .1s ease-out; }
@media screen and (min-width: 900px) {
.s-menu-active .g-header__nav {
opacity: 0;
visibility: hidden; } }
.s-menu-active .g-nav__category-title a {
color: #000; }
.s-menu-active .g-nav {
bottom: 0;
opacity: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
@media screen and (min-width: 1200px) {
.s-menu-active .g-nav {
bottom: auto;
height: auto;
overflow: visible;
-webkit-overflow-scrolling: auto; } }
@media screen and (min-width: 1200px) {
.s-menu-active .g-nav__categories-container {
overflow-y: auto;
-webkit-overflow-scrolling: touch; } }
@media screen and (min-width: 1200px) {
.s-menu-active .g-nav__category {
opacity: 1;
transform: translateY(0);
transition: opacity 0.25s 0.2s, transform 0.25s 0.2s cubic-bezier(0.5, 0, 0.5, 0); }
.s-menu-active .g-nav__category:nth-child(2) {
transition-delay: .3s; }
.s-menu-active .g-nav__category:nth-child(3) {
transition-delay: .4s; }
.s-menu-active .g-nav__category:nth-child(4) {
transition-delay: .5s; }
.s-menu-active .g-nav__category:nth-child(5) {
transition-delay: .6s; }
.s-menu-active .g-nav__category:nth-child(6) {
transition-delay: .7s; } }
@media screen and (min-width: 1200px) {
.s-menu-active .g-nav__extra-links {
opacity: 1;
visibility: visible; } }
.s-menu-active.s-home.on-hero .g-header {
background-color: #fff; }
@media screen and (min-width: 1200px) {
.s-home .g-header__nav li a {
color: #faf9f4;
opacity: 0.8; } }
.s-home .g-header__nav li a:hover {
opacity: 1; }
.s-home .g-header.headroom--top {
background-color: transparent;
border-bottom: transparent; }
.s-home .g-header--holder {
height: 0; }
.s-home.on-hero .g-header {
background-color: transparent;
border-bottom: transparent; }
/*# sourceMappingURL=app.css.map */