/**
* Nexumbit css v1.0
**/

 *{
    font:inherit;
    color:inherit;
    line-height:inherit;
    text-decoration:inherit;
    margin:0;
    padding:0
}
*,*:before,*:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    color:#000;
    background:#FFF
}
figure{
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    margin-left:0;
    margin-right:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
table{
    border-collapse:collapse;
    border-spacing:0
}
fieldset,img{
    border:0
}
del,ins{
    text-decoration:none
}
li{
    list-style:none
}
caption,th{
    text-align:left
}
q:before,q:after{
    content:''
}
abbr,acronym{
    border:0;
    text-decoration:none;
    font-variant:normal
}
sup{
    vertical-align:baseline
}
sub{
    vertical-align:baseline
}
legend{
    color:inherit;
    *color:#000
}
iframe{
    border:0
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    background:transparent;
    -webkit-appearance:button;
    cursor:pointer;
    border:0;
    border-radius:0
}
button[disabled],input[disabled]{
    cursor:default
}
input[type="search"]{
    -webkit-appearance:textfield
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
code,kbd,pre,samp{
    font-family:monospace, serif;
    font-size:1em
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
html{
    -ms-overflow-style:-ms-autohiding-scrollbar;
    width:100%;
    font-size:18px;
    font-size:112.5%;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%
}
html.is-mobileNav-visible{
    overflow:hidden
}
html.is-mobileNav-visible body{
    overflow:hidden
}
html.overflow-hidden{
    overflow:hidden !important
}
html.overflow-hidden body{
    overflow:hidden !important
}
::-moz-selection{
    background-color:rgba(108,193,220,0.2)
}
::selection{
    background-color:rgba(108,193,220,0.2)
}
html,body{
    background-color:#f6f9fc;
    width:100%;
    color:#27251f;
    overflow-x:hidden
}
html.theme-dark,body.theme-dark{
    color:#fff
}
body{
    font-family:"Open Sans","Helvetica Neue","Helvetica",sans-serif;
    font-size:15px;
    line-height:1.6
}
.fonts-loaded body{
    font-family:"Open Sans","Helvetica Neue","Helvetica",sans-serif
}
@media (min-width: 400px){
    body{
        font-size:calc(.28571vw + 13.85714px)
    }
}
@media (min-width: 750px){
    body{
        font-size:calc(.37736vw + 13.16981px)
    }
}
@media (min-width: 1280px){
    body{
        font-size:18px
    }
}
body.theme-dark [id="main-content"],.Lightbox.theme-dark [id="main-content"]{
    color:#fff;
    background-color: var(--primary-color);
}
body.theme-stories [id="main-content"],.Lightbox.theme-stories [id="main-content"]{
    background:-webkit-gradient(linear, left top, left bottom, from(#2A3036), to(#181A1C));
    background:linear-gradient(180deg, #2A3036 0%, #181A1C 100%);
    color:#fff;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    padding-top:5em;
    height:100vh
}
@media (max-width: 1000px){
    body.theme-stories [id="main-content"],.Lightbox.theme-stories [id="main-content"]{
        padding-top:0
    }
}
a[href],button,input,select,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
[id="main-content"]{
    background-color:#f6f9fc
}
[id="main-content"]::before,[id="main-content"]::after{
    content:"";
    display:table
}
[id="main-content"]::after{
    clear:both
}
.SiteHeader.dark+[id="main-content"]{
    background-color:#fff
}
.body{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100vh;
    width:100%
}
@media (min-width: 1920px){
    .body{
        width:1920px;
        margin:0 auto;
        background-color:#f6f9fc;
        -webkit-box-shadow:0 0 200px rgba(39,37,31,0.1);
        box-shadow:0 0 200px rgba(39,37,31,0.1)
    }
    .theme-stories .body{
        width:inherit
    }
}
.site-content{
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    padding:0
}
[id="main-content"]{
    position:relative;
    z-index:1
}
body,input,select,button,textarea{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.logo{
    text-decoration:none
}
.logo::before{
    content:'← '
}
a:active{
    outline:none
}
a:selected{
    border:none;
    outline:none
}
*:focus{
    outline:none
}
abbr{
    border-bottom:1px dotted gray
}
p sup{
    position:relative;
    top:-0.75ex
}
p sub{
    position:relative;
    top:0.5ex
}
button{
    cursor:pointer
}
html,body{
    -ms-scroll-chaining:none;
    overscroll-behavior:none
}
.l-clearfix::before,.l-clearfix::after{
    content:"";
    display:table
}
.l-clearfix::after{
    clear:both
}
[id="ClickSpot"]{
    position:absolute;
    height:40px;
    width:40px;
    background-color:rgba(26,157,214,0.2);
    margin-top:-20px;
    margin-left:-20px;
    border-radius:100%;
    opacity:1;
    -webkit-transform:scale(0);
    transform:scale(0);
    z-index:99999;
    will-change:transform, opacity;
    visibility:hidden;
    top:0;
    left:0;
    pointer-events:none
}
[id="ClickSpot"].is-active{
    -webkit-transition:opacity 300ms, visibility 300ms, -webkit-transform 300ms ease;
    transition:opacity 300ms, visibility 300ms, -webkit-transform 300ms ease;
    transition:transform 300ms ease, opacity 300ms, visibility 300ms;
    transition:transform 300ms ease, opacity 300ms, visibility 300ms, -webkit-transform 300ms ease;
    visibility:visible;
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1)
}
[id="FlyingFocus"]{
    position:absolute;
    margin:0;
    top:-100px;
    background:transparent;
    -webkit-transition-property:left, top, width, height, opacity;
    transition-property:left, top, width, height, opacity;
    -webkit-transition-timing-function:cubic-bezier(0, 0.2, 0, 1);
    transition-timing-function:cubic-bezier(0, 0.2, 0, 1);
    visibility:hidden;
    pointer-events:none;
    display:none
}
[id="FlyingFocus"]::before,[id="FlyingFocus"]::after{
    content:'';
    position:absolute;
    border-radius:3px
}
[id="FlyingFocus"]::after{
    top:-9px;
    left:-9px;
    bottom:-9px;
    right:-9px;
    -webkit-box-shadow:0 0 54px 0px rgba(0,0,0,0.2),0 0 2px 2px rgba(0,10,20,0.1);
    box-shadow:0 0 54px 0px rgba(0,0,0,0.2),0 0 2px 2px rgba(0,10,20,0.1);
    border:1px solid rgba(39,37,31,0.5)
}
[id="FlyingFocus"]::before{
    top:-8px;
    left:-8px;
    bottom:-8px;
    right:-8px;
    -webkit-box-shadow:0 0 2px rgba(255,255,255,0.9) inset;
    box-shadow:0 0 2px rgba(255,255,255,0.9) inset;
    border:1px solid rgba(255,255,255,0.8)
}
[id="FlyingFocus"].FlyingFocus-visible{
    visibility:visible;
    z-index:10000000;
    display:block
}
.visuallyhidden{
    position:absolute !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:polygon(0 0) !important;
    clip-path:polygon(0 0) !important;
    overflow:hidden;
    width:1px;
    height:1px;
    color:#000
}
.cssicon{
    position:relative;
    display:inline-block;
    width:50px;
    height:50px
}
.cssicon::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border-radius:100%;
    border:2px solid currentColor;
    opacity:0.2;
    -webkit-transition:visibility 300ms, opacity 300ms, -webkit-transform 300ms ease-out;
    transition:visibility 300ms, opacity 300ms, -webkit-transform 300ms ease-out;
    transition:transform 300ms ease-out, visibility 300ms, opacity 300ms;
    transition:transform 300ms ease-out, visibility 300ms, opacity 300ms, -webkit-transform 300ms ease-out
}
.cssicon>:first-child{
    -webkit-transition:visibility 300ms, -webkit-transform 300ms ease-out;
    transition:visibility 300ms, -webkit-transform 300ms ease-out;
    transition:transform 300ms ease-out, visibility 300ms;
    transition:transform 300ms ease-out, visibility 300ms, -webkit-transform 300ms ease-out
}
.dark .cssicon::before{
    border-color:rgba(233,117,55,0.25)
}
@media (max-width: 1000px){
    .cssicon{
        width:32.5px;
        height:32.5px
    }
    .cssicon>*{
        -webkit-transform:scale(0.75) translateZ(0);
        transform:scale(0.75) translateZ(0)
    }
}
.cssicon-read{
    display:inline-block;
    width:22px;
    height:20px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-11px;
    margin-top:-10px
}
.cssicon-read span{
    height:1px;
    display:block;
    margin-top:4px;
    margin-bottom:4px;
    background:currentColor
}
.cssicon-read span:first-child{
    margin-top:2px
}
.cssicon-read span:nth-child(1){
    width:97%
}
.cssicon-read span:nth-child(2){
    width:63%
}
.cssicon-read span:nth-child(3){
    width:89%
}
.cssicon-read span:nth-child(4){
    width:95%
}
.cssicon-play{
    position:absolute;
    content:'';
    display:block;
    top:50%;
    left:50%;
    margin-top:-7.2px;
    margin-left:-3px;
    border-right:none;
    border-bottom:7.2px solid transparent;
    border-left:9px solid currentColor;
    border-top:7.2px solid transparent;
    height:0;
    width:0
}
.cssicon-arrow{
    display:inline-block;
    min-height:auto !important;
    width:1px;
    height:15px;
    background:#fff;
    padding:0;
    margin-bottom:10px !important;
    position:relative
}
.cssicon-arrow::after{
    content:' ';
    position:absolute
}
.cssicon-arrow.top::after{
    border-top:none;
    border-bottom:3.5px solid #fff;
    border-left:3.5px solid transparent;
    border-right:3.5px solid transparent;
    height:0;
    width:0;
    top:-2px;
    left:50%;
    margin-left:-3.5px
}
.cssicon-lightbox-open .Icon{
    width:100%;
    height:100% !important
}
.Flag{
    width:60px;
    height:auto;
    display:inline-block;
    font-size:16px;
    font-size:.88889rem;
    vertical-align:middle;
    position:relative
}
.Flag::before{
    content:'';
    padding-bottom:75%;
    display:block;
    width:100%;
    height:0
}
.Flag.small{
    width:24px
}
.Flag>img{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%
}
@font-face{
    font-family:'VF Sans Regular';
    src:local("VF Sans"),local("VFSans"),url("../fonts/VFSans-Reg.woff2") format("woff2"),url("../fonts/VFSans-Reg.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'VF Sans';
    src:url("../fonts/VFSans-Bold.woff2") format("woff2"),url("../fonts/VFSans-Bold.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Authenia';
    src:url("../fonts/Authenia.woff2") format("woff2"),url("../fonts/Authenia.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
.t-muted{
    color:#6e7882
}
.t-primary{
    color:#7fc8e8
}
.t-red{
    color:#e97537
}
.pull-left{
    float:left
}
.pull-right{
    float:right
}
[data-icon="arrow-link-long"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -155px -140px;
    width:40px;
    height:7px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-4px;
    left:50%;
    margin-left:-20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="arrow-link-long"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -147px -183px;
        background-size:298px 280px
    }
}
.Icon[data-icon="arrow-link-long"]{
    padding:0 20px;
    height:7px;
    margin:0
}
[data-icon="arrow-link-short"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -126px -186px;
    width:10px;
    height:7px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-4px;
    left:50%;
    margin-left:-5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="arrow-link-short"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px -222px;
        background-size:298px 280px
    }
}
.Icon[data-icon="arrow-link-short"]{
    padding:0 5px;
    height:7px;
    margin:0
}
[data-icon="arrow-page-left-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -193px;
    width:12px;
    height:22px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:50%;
    margin-left:-6px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="arrow-page-left-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -212px;
        background-size:298px 280px
    }
}
.Icon[data-icon="arrow-page-left-light"]{
    padding:0 6px;
    height:22px;
    margin:0
}
[data-icon="arrow-page-left"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -29px;
    width:15px;
    height:28px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-14px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="arrow-page-left"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -55px;
        background-size:298px 280px
    }
}
.Icon[data-icon="arrow-page-left"]{
    padding:0 7.5px;
    height:28px;
    margin:0
}
[data-icon="arrow-page-right-lignt"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -217px;
    width:12px;
    height:22px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:50%;
    margin-left:-6px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="arrow-page-right-lignt"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -235px;
        background-size:298px 280px
    }
}
.Icon[data-icon="arrow-page-right-lignt"]{
    padding:0 6px;
    height:22px;
    margin:0
}
[data-icon="arrow-page-right"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -59px;
    width:15px;
    height:28px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-14px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="arrow-page-right"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -84px;
        background-size:298px 280px
    }
}
.Icon[data-icon="arrow-page-right"]{
    padding:0 7.5px;
    height:28px;
    margin:0
}
[data-icon="author"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -207px 0px;
    width:40px;
    height:59px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-30px;
    left:50%;
    margin-left:-20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="author"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -153px -51px;
        background-size:298px 280px
    }
}
.Icon[data-icon="author"]{
    padding:0 20px;
    height:59px;
    margin:0
}
[data-icon="burger-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px -222px;
    width:24px;
    height:10px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-5px;
    left:50%;
    margin-left:-12px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="burger-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px -185px;
        background-size:298px 280px
    }
}
.Icon[data-icon="burger-light"]{
    padding:0 12px;
    height:10px;
    margin:0
}
[data-icon="burger"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -100px -186px;
    width:24px;
    height:10px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-5px;
    left:50%;
    margin-left:-12px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="burger"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -247px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="burger"]{
    padding:0 12px;
    height:10px;
    margin:0
}
[data-icon="camera"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -83px -273px;
    width:14px;
    height:11px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-6px;
    left:50%;
    margin-left:-7px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="camera"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -107px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="camera"]{
    padding:0 7px;
    height:11px;
    margin:0
}
[data-icon="close-L-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -89px;
    width:20px;
    height:20px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-10px;
    left:50%;
    margin-left:-10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="close-L-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -113px;
        background-size:298px 280px
    }
}
.Icon[data-icon="close-L-light"]{
    padding:0 10px;
    height:20px;
    margin:0
}
[data-icon="close-L"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -111px;
    width:20px;
    height:20px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-10px;
    left:50%;
    margin-left:-10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="close-L"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -134px;
        background-size:298px 280px
    }
}
.Icon[data-icon="close-L"]{
    padding:0 10px;
    height:20px;
    margin:0
}
[data-icon="document"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -96px -235px;
    width:23px;
    height:26px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:50%;
    margin-left:-12px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="document"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px 0px;
        background-size:298px 280px
    }
}
.Icon[data-icon="document"]{
    padding:0 11.5px;
    height:26px;
    margin:0
}
[data-icon="download"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px 0px;
    width:22px;
    height:27px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-14px;
    left:50%;
    margin-left:-11px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="download"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -27px;
        background-size:298px 280px
    }
}
.Icon[data-icon="download"]{
    padding:0 11px;
    height:27px;
    margin:0
}
[data-icon="enlarge"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -207px -105px;
    width:36px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-18px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="enlarge"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px -43px;
        background-size:298px 280px
    }
}
.Icon[data-icon="enlarge"]{
    padding:0 18px;
    height:36px;
    margin:0
}
[data-icon="info-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -233px -150px;
    width:11px;
    height:22px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:50%;
    margin-left:-6px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="info-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat 0px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="info-light"]{
    padding:0 5.5px;
    height:22px;
    margin:0
}
[data-icon="info"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat 0px -273px;
    width:11px;
    height:22px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:50%;
    margin-left:-6px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="info"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -12px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="info"]{
    padding:0 5.5px;
    height:22px;
    margin:0
}
[data-icon="lightbox-open"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -203px -150px;
    width:28px;
    height:28px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-14px;
    left:50%;
    margin-left:-14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="lightbox-open"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -150px -197px;
        background-size:298px 280px
    }
}
.Icon[data-icon="lightbox-open"]{
    padding:0 14px;
    height:28px;
    margin:0
}
[data-icon="magnifier-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -131px -200px;
    width:27px;
    height:26px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:50%;
    margin-left:-14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="magnifier-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -207px -197px;
        background-size:298px 280px
    }
}
.Icon[data-icon="magnifier-light"]{
    padding:0 13.5px;
    height:26px;
    margin:0
}
[data-icon="magnifier"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -160px -200px;
    width:27px;
    height:26px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:50%;
    margin-left:-14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="magnifier"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat 0px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="magnifier"]{
    padding:0 13.5px;
    height:26px;
    margin:0
}
[data-icon="map-pin-active"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px -108px;
    width:30px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="map-pin-active"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px 0px;
        background-size:298px 280px
    }
}
.Icon[data-icon="map-pin-active"]{
    padding:0 15px;
    height:36px;
    margin:0
}
[data-icon="map-pin-editorial-active"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px -146px;
    width:30px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="map-pin-editorial-active"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px -37px;
        background-size:298px 280px
    }
}
.Icon[data-icon="map-pin-editorial-active"]{
    padding:0 15px;
    height:36px;
    margin:0
}
[data-icon="map-pin-editorial"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px -184px;
    width:30px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="map-pin-editorial"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px -74px;
        background-size:298px 280px
    }
}
.Icon[data-icon="map-pin-editorial"]{
    padding:0 15px;
    height:36px;
    margin:0
}
[data-icon="map-pin-location-active"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat 0px -235px;
    width:30px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="map-pin-location-active"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px -111px;
        background-size:298px 280px
    }
}
.Icon[data-icon="map-pin-location-active"]{
    padding:0 15px;
    height:36px;
    margin:0
}
[data-icon="map-pin-location"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -32px -235px;
    width:30px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="map-pin-location"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px -148px;
        background-size:298px 280px
    }
}
.Icon[data-icon="map-pin-location"]{
    padding:0 15px;
    height:36px;
    margin:0
}
[data-icon="map-pin"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -64px -235px;
    width:30px;
    height:36px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="map-pin"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -244px -185px;
        background-size:298px 280px
    }
}
.Icon[data-icon="map-pin"]{
    padding:0 15px;
    height:36px;
    margin:0
}
[data-icon="navigation-search"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -102px -200px;
    width:27px;
    height:27px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-14px;
    left:50%;
    margin-left:-14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="navigation-search"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -179px -197px;
        background-size:298px 280px
    }
}
.Icon[data-icon="navigation-search"]{
    padding:0 13.5px;
    height:27px;
    margin:0
}
[data-icon="new-window-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -237px -235px;
    width:18px;
    height:14px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left:-9px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="new-window-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -209px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="new-window-light"]{
    padding:0 9px;
    height:14px;
    margin:0
}
[data-icon="new-window"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -257px -235px;
    width:18px;
    height:14px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left:-9px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="new-window"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -228px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="new-window"]{
    padding:0 9px;
    height:14px;
    margin:0
}
[data-icon="news-l"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat 0px 0px;
    width:97px;
    height:96px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-48px;
    left:50%;
    margin-left:-49px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="news-l"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat 0px 0px;
        background-size:298px 280px
    }
}
.Icon[data-icon="news-l"]{
    padding:0 48.5px;
    height:96px;
    margin:0
}
[data-icon="news"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -189px -200px;
    width:26px;
    height:26px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:50%;
    margin-left:-13px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="news"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -28px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="news"]{
    padding:0 13px;
    height:26px;
    margin:0
}
[data-icon="pattern-video"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -99px 0px;
    width:54px;
    height:54px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-27px;
    left:50%;
    margin-left:-27px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="pattern-video"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -98px 0px;
        background-size:298px 280px
    }
}
.Icon[data-icon="pattern-video"]{
    padding:0 27px;
    height:54px;
    margin:0
}
[data-icon="pin-blue"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -104px -98px;
    width:48px;
    height:48px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-24px;
    left:50%;
    margin-left:-24px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="pin-blue"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat 0px -148px;
        background-size:298px 280px
    }
}
.Icon[data-icon="pin-blue"]{
    padding:0 24px;
    height:48px;
    margin:0
}
[data-icon="pin-orange"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat 0px -150px;
    width:48px;
    height:48px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-24px;
    left:50%;
    margin-left:-24px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="pin-orange"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -49px -148px;
        background-size:298px 280px
    }
}
.Icon[data-icon="pin-orange"]{
    padding:0 24px;
    height:48px;
    margin:0
}
[data-icon="pin-purple"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -50px -150px;
    width:48px;
    height:48px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-24px;
    left:50%;
    margin-left:-24px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="pin-purple"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -98px -148px;
        background-size:298px 280px
    }
}
.Icon[data-icon="pin-purple"]{
    padding:0 24px;
    height:48px;
    margin:0
}
[data-icon="pin"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -49px -273px;
    width:14px;
    height:14px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left:-7px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="pin"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -58px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="pin"]{
    padding:0 7px;
    height:14px;
    margin:0
}
[data-icon="play-l"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -207px -61px;
    width:39px;
    height:42px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-21px;
    left:50%;
    margin-left:-20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="play-l"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px 0px;
        background-size:298px 280px
    }
}
.Icon[data-icon="play-l"]{
    padding:0 19.5px;
    height:42px;
    margin:0
}
[data-icon="publication"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -217px -200px;
    width:26px;
    height:25px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:50%;
    margin-left:-13px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="publication"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -55px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="publication"]{
    padding:0 13px;
    height:25px;
    margin:0
}
[data-icon="quotes-blue"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px 0px;
    width:35px;
    height:34px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-18px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-blue"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px -80px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-blue"]{
    padding:0 17.5px;
    height:34px;
    margin:0
}
[data-icon="quotes-en-blue"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -152px -150px;
    width:49px;
    height:33px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-en-blue"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat 0px -197px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-en-blue"]{
    padding:0 24.5px;
    height:33px;
    margin:0
}
[data-icon="quotes-en-dune"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -155px -104px;
    width:50px;
    height:34px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-en-dune"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -153px -111px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-en-dune"]{
    padding:0 25px;
    height:34px;
    margin:0
}
[data-icon="quotes-en-mint"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -99px -56px;
    width:50px;
    height:34px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-en-mint"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -98px -55px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-en-mint"]{
    padding:0 25px;
    height:34px;
    margin:0
}
[data-icon="quotes-en-orange"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat 0px -200px;
    width:49px;
    height:33px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-en-orange"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -50px -197px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-en-orange"]{
    padding:0 24.5px;
    height:33px;
    margin:0
}
[data-icon="quotes-en-strawberry"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -100px -150px;
    width:50px;
    height:34px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-en-strawberry"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -147px -148px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-en-strawberry"]{
    padding:0 25px;
    height:34px;
    margin:0
}
[data-icon="quotes-en-yellow"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -51px -200px;
    width:49px;
    height:33px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-en-yellow"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -100px -197px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-en-yellow"]{
    padding:0 24.5px;
    height:33px;
    margin:0
}
[data-icon="quotes-orange"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px -36px;
    width:35px;
    height:34px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-18px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-orange"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px -115px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-orange"]{
    padding:0 17.5px;
    height:34px;
    margin:0
}
[data-icon="quotes-yellow"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -249px -72px;
    width:35px;
    height:34px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-18px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="quotes-yellow"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px -150px;
        background-size:298px 280px
    }
}
.Icon[data-icon="quotes-yellow"]{
    padding:0 17.5px;
    height:34px;
    margin:0
}
[data-icon="read-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat 0px -98px;
    width:50px;
    height:50px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-25px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="read-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat 0px -97px;
        background-size:298px 280px
    }
}
.Icon[data-icon="read-light"]{
    padding:0 25px;
    height:50px;
    margin:0
}
[data-icon="read-white"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -121px -235px;
    width:24px;
    height:21px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-11px;
    left:50%;
    margin-left:-12px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="read-white"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -82px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="read-white"]{
    padding:0 12px;
    height:21px;
    margin:0
}
[data-icon="read"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -52px -98px;
    width:50px;
    height:50px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-25px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="read"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -51px -97px;
        background-size:298px 280px
    }
}
.Icon[data-icon="read"]{
    padding:0 25px;
    height:50px;
    margin:0
}
[data-icon="social-email-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -259px;
    width:16px;
    height:12px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-6px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-email-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -73px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-email-light"]{
    padding:0 8px;
    height:12px;
    margin:0
}
[data-icon="social-email"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -65px -273px;
    width:16px;
    height:12px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-6px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-email"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -90px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-email"]{
    padding:0 8px;
    height:12px;
    margin:0
}
[data-icon="social-fb-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -310px 0px;
    width:9px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-fb-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -288px -212px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-fb-light"]{
    padding:0 4.5px;
    height:16px;
    margin:0
}
[data-icon="social-fb"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -310px -18px;
    width:9px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-5px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-fb"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -288px -235px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-fb"]{
    padding:0 4.5px;
    height:16px;
    margin:0
}
[data-icon="social-ig-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -241px;
    width:16px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-ig-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -107px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-ig-light"]{
    padding:0 8px;
    height:16px;
    margin:0
}
[data-icon="social-ig"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -147px -235px;
    width:16px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-ig"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -124px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-ig"]{
    padding:0 8px;
    height:16px;
    margin:0
}
[data-icon="social-lk-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -165px -235px;
    width:16px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-lk-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -141px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-lk-light"]{
    padding:0 8px;
    height:16px;
    margin:0
}
[data-icon="social-lk"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -183px -235px;
    width:16px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-lk"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -158px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-lk"]{
    padding:0 8px;
    height:16px;
    margin:0
}
[data-icon="social-share-dune"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -133px;
    width:16px;
    height:18px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-share-dune"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -155px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-share-dune"]{
    padding:0 8px;
    height:18px;
    margin:0
}
[data-icon="social-share-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -201px -235px;
    width:16px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-share-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -175px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-share-light"]{
    padding:0 8px;
    height:16px;
    margin:0
}
[data-icon="social-share-mint"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -153px;
    width:16px;
    height:18px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-share-mint"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -174px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-share-mint"]{
    padding:0 8px;
    height:18px;
    margin:0
}
[data-icon="social-share-strawberry"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px -173px;
    width:16px;
    height:18px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-share-strawberry"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -193px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-share-strawberry"]{
    padding:0 8px;
    height:18px;
    margin:0
}
[data-icon="social-share"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -219px -235px;
    width:16px;
    height:16px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-share"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -192px -231px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-share"]{
    padding:0 8px;
    height:16px;
    margin:0
}
[data-icon="social-tw-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -13px -273px;
    width:16px;
    height:14px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-tw-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -24px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-tw-light"]{
    padding:0 8px;
    height:14px;
    margin:0
}
[data-icon="social-tw"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -31px -273px;
    width:16px;
    height:14px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left:-8px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="social-tw"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -41px -258px;
        background-size:298px 280px
    }
}
.Icon[data-icon="social-tw"]{
    padding:0 8px;
    height:14px;
    margin:0
}
[data-icon="watch-light"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -155px 0px;
    width:50px;
    height:50px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-25px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="watch-light"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -102px -97px;
        background-size:298px 280px
    }
}
.Icon[data-icon="watch-light"]{
    padding:0 25px;
    height:50px;
    margin:0
}
[data-icon="watch"]:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -155px -52px;
    width:50px;
    height:50px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-25px;
    left:50%;
    margin-left:-25px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    [data-icon="watch"]:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -153px 0px;
        background-size:298px 280px
    }
}
.Icon[data-icon="watch"]{
    padding:0 25px;
    height:50px;
    margin:0
}
.Icon.inline{
    display:inline;
    display:-webkit-inline-box;
    min-height:1ex;
    letter-spacing:-1ex;
    text-decoration:none;
    position:relative;
    height:auto
}
.Icon.inline::before{
    content:''
}
html.cssreflections .Icon.inline::before{
    content:'\00a0';
    letter-spacing:-1ex
}
.Icon:not(.inline){
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    position:relative;
    letter-spacing:-1ex;
    text-indent:-9999px;
    text-decoration:none;
    line-height:1;
    border:none;
    outline:none;
    vertical-align:middle
}
[data-picto]{
    display:inline-block;
    position:relative;
    height:1.2ex;
    font-size:16px;
    font-size:.88889rem
}
[data-picto]>svg{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
[data-picto]>svg{
    fill:transparent;
    display:block;
    width:100%;
    stroke:var(--primary-color)
}
.color-strawberry [data-picto]>svg{
    stroke:#D98F8F
}
.color-dune [data-picto]>svg{
    stroke:#BE9677
}
.color-mint [data-picto]>svg{
    stroke:#8CC0C3
}
[data-picto="news"]>svg{
    fill:var(--primary-color)
}
.color-strawberry [data-picto="news"]>svg{
    fill:#D98F8F
}
.color-dune [data-picto="news"]>svg{
    fill:#BE9677
}
.color-mint [data-picto="news"]>svg{
    fill:#8CC0C3
}
[data-picto].red>svg{
    stroke:#fcede6
}
.color-strawberry [data-picto].red>svg{
    stroke:#D98F8F
}
[data-picto="news"].red>svg{
    fill:#fcede6
}
.color-strawberry [data-picto="news"].red>svg{
    fill:#D98F8F
}
.color-dune [data-picto="news"].red>svg{
    fill:#BE9677
}
.color-mint [data-picto="news"].red>svg{
    fill:#8CC0C3
}
[data-picto].white>svg{
    stroke:#fff
}
.color-strawberry [data-picto].white>svg{
    stroke:#D98F8F
}
.color-dune [data-picto].white>svg{
    stroke:#BE9677
}
.color-mint [data-picto].white>svg{
    stroke:#8CC0C3
}
[data-picto="news"].white>svg{
    fill:#fff
}
.color-strawberry [data-picto="news"].white>svg{
    fill:#D98F8F
}
.color-dune [data-picto="news"].white>svg{
    fill:#BE9677
}
.color-mint [data-picto="news"].white>svg{
    fill:#8CC0C3
}
@media screen and (-ms-high-contrast: active){
    [data-picto]>svg{
        stroke:green
    }
}
[data-picto="bridge"]{
    width:8em
}
[data-picto="bridge"]>svg{
    height:8em
}
[data-picto="delivery"]{
    width:7.9375em
}
[data-picto="delivery"]>svg{
    height:7.9375em
}
[data-picto="excavator"]{
    width:12.1875em
}
[data-picto="excavator"]>svg{
    height:12.1875em
}
[data-picto="ghg"]{
    width:8.0625em
}
[data-picto="ghg"]>svg{
    height:8.0625em
}
[data-picto="goods"]{
    width:8.0625em
}
[data-picto="goods"]>svg{
    height:8.0625em
}
[data-picto="neutral"]{
    width:2.875em
}
[data-picto="neutral"]>svg{
    height:2.875em
}
[data-picto="news"]{
    width:6.0625em
}
[data-picto="news"]>svg{
    height:6.0625em
}
[data-picto="pm_man"]{
    width:4.3125em
}
[data-picto="pm_man"]>svg{
    height:4.3125em
}
[data-picto="procurement_woman"]{
    width:6.625em
}
[data-picto="procurement_woman"]>svg{
    height:6.625em
}
[data-picto="school"]{
    width:6.4375em
}
[data-picto="school"]>svg{
    height:6.4375em
}
[data-picto="stories_scroll_indicator"]{
    width:4em
}
[data-picto="stories_scroll_indicator"]>svg{
    height:4em
}
[data-picto="sustainability"]{
    width:7.5em
}
[data-picto="sustainability"]>svg{
    height:7.5em
}
.richtext ol,.richtext ul,.richtext img,.richtext table,.richtext pre,.richtext code{
    margin-top:1.5em;
    margin-bottom:1.5em
}
.richtext ol{
    counter-reset:ol--counter
}
.richtext ol>li{
    position:relative;
    padding-left:2em;
    list-style-type:none;
    margin-bottom:0.75em
}
.richtext ol>li:last-of-type{
    margin-bottom:0
}
.richtext ol>li:before{
    color:#27251f
}
.richtext ol>li{
    position:relative
}
.richtext ol>li:before{
    position:absolute;
    left:0;
    counter-increment:ol--counter;
    content:counter(ol--counter);
    font-weight:bold
}
.richtext ul{
    display:block
}
.richtext ul>li{
    position:relative;
    padding-left:2em;
    list-style-type:none;
    margin-bottom:0.75em
}
.richtext ul>li:last-of-type{
    margin-bottom:0
}
.richtext ul>li:before{
    color:#27251f
}
.richtext ul.triangle-list>li{
    font-size:15px;
    font-weight:400;
    padding-left:1em;
    margin-bottom:0.95em
}
@media (min-width: 400px){
    .richtext ul.triangle-list>li{
        font-size:calc(.28571vw + 13.85714px)
    }
}
@media (min-width: 750px){
    .richtext ul.triangle-list>li{
        font-size:calc(.37736vw + 13.16981px)
    }
}
@media (min-width: 1280px){
    .richtext ul.triangle-list>li{
        font-size:18px
    }
}
.richtext ul.triangle-list>li:before{
    left:0;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(110,120,130,0);
    border-left-color:#6e7882;
    border-width:3.5px;
    margin-top:-2px;
    background-color:transparent;
    border-radius:0;
    height:4px;
    width:6px
}
.richtext ul>li:before{
    position:absolute;
    left:5px;
    width:4px;
    height:4px;
    top:1em;
    margin-top:-4px;
    content:'';
    border-radius:100%;
    background-color:currentColor
}
.richtext small{
    font-size:0.75em
}
.richtext img{
    display:block;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
.richtext hr{
    border:none;
    border-top:1px solid red;
    color:#fff;
    background-color:#fff;
    height:1px
}
.richtext p{
    margin-top:1em;
    margin-bottom:1em
}
.richtext q{
    color:#27251f;
    font-size:1.4em;
    font-family:"Georgia","Times New Roman",serif
}
.richtext>*:first-child{
    margin-top:0
}
.richtext>*:last-child{
    margin-bottom:0
}
.richtext em{
    font-style:italic
}
.richtext strong{
    font-weight:bold
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link){
    border-bottom:1px solid currentColor;
    color:inherit;
    overflow:hidden;
    position:relative;
    position:relative
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:0;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    background-color:rgba(0,146,209,0.5)
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover{
    border-bottom:0;
    color:var(--primary-color)
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover::before{
    opacity:1
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="gracebd.net"])::after{
    content:'';
    display:inline-block;
    background:url("../images/ui/1x--sprite.png") no-repeat -257px -235px;
    width:18px;
    height:14px;
    margin-left:8px;
    vertical-align:baseline
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    .richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="gracebd.net"])::after{
        background:url("../images/ui/2x--sprite.png") no-repeat -228px -231px;
        background-size:298px 280px
    }
}
.h1{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:32px;
    line-height:1.13;
    letter-spacing:5px;
    line-height:1.25;
    letter-spacing:3px;
    text-transform:uppercase
}
@media (min-width: 400px){
    .h1{
        font-size:calc(0vw + 32px)
    }
}
@media (min-width: 750px){
    .h1{
        font-size:calc(1.88679vw + 17.84906px)
    }
}
@media (min-width: 1280px){
    .h1{
        font-size:42px
    }
}
.h2{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:28px;
    line-height:1.1;
    letter-spacing:1px
}
@media (min-width: 400px){
    .h2{
        font-size:calc(0vw + 28px)
    }
}
@media (min-width: 750px){
    .h2{
        font-size:calc(.75472vw + 22.33962px)
    }
}
@media (min-width: 1280px){
    .h2{
        font-size:32px
    }
}
.h3{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:1.5
}
@media (min-width: 400px){
    .h3{
        font-size:calc(.28571vw + 15.85714px)
    }
}
@media (min-width: 750px){
    .h3{
        font-size:calc(.37736vw + 15.16981px)
    }
}
@media (min-width: 1280px){
    .h3{
        font-size:20px
    }
}
.h4{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px
}
@media (min-width: 400px){
    .h4{
        font-size:calc(0vw + 14px)
    }
}
@media (min-width: 750px){
    .h4{
        font-size:calc(.37736vw + 11.16981px)
    }
}
@media (min-width: 1280px){
    .h4{
        font-size:16px
    }
}
.richtext ol,.richtext ul,.richtext img,.richtext table,.richtext pre,.richtext code{
    margin-top:1.5em;
    margin-bottom:1.5em
}
.richtext ol{
    counter-reset:ol--counter
}
.richtext ol>li{
    position:relative;
    padding-left:2em;
    list-style-type:none;
    margin-bottom:0.75em
}
.richtext ol>li:last-of-type{
    margin-bottom:0
}
.richtext ol>li:before{
    color:#27251f
}
.richtext ol>li{
    position:relative
}
.richtext ol>li:before{
    position:absolute;
    left:0;
    counter-increment:ol--counter;
    content:counter(ol--counter);
    font-weight:bold
}
.richtext ul{
    display:block
}
.richtext ul>li{
    position:relative;
    padding-left:2em;
    list-style-type:none;
    margin-bottom:0.75em
}
.richtext ul>li:last-of-type{
    margin-bottom:0
}
.richtext ul>li:before{
    color:#27251f
}
.richtext ul.triangle-list>li{
    font-size:15px;
    font-weight:400;
    padding-left:1em;
    margin-bottom:0.95em
}
@media (min-width: 400px){
    .richtext ul.triangle-list>li{
        font-size:calc(.28571vw + 13.85714px)
    }
}
@media (min-width: 750px){
    .richtext ul.triangle-list>li{
        font-size:calc(.37736vw + 13.16981px)
    }
}
@media (min-width: 1280px){
    .richtext ul.triangle-list>li{
        font-size:18px
    }
}
.richtext ul.triangle-list>li:before{
    left:0;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(110,120,130,0);
    border-left-color:#6e7882;
    border-width:3.5px;
    margin-top:-2px;
    background-color:transparent;
    border-radius:0;
    height:4px;
    width:6px
}
.richtext ul>li:before{
    position:absolute;
    left:5px;
    width:4px;
    height:4px;
    top:1em;
    margin-top:-4px;
    content:'';
    border-radius:100%;
    background-color:currentColor
}
.richtext small{
    font-size:0.75em
}
.richtext img{
    display:block;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
.richtext hr{
    border:none;
    border-top:1px solid red;
    color:#fff;
    background-color:#fff;
    height:1px
}
.richtext p{
    margin-top:1em;
    margin-bottom:1em
}
.richtext q{
    color:#27251f;
    font-size:1.4em;
    font-family:"Georgia","Times New Roman",serif
}
.richtext>*:first-child{
    margin-top:0
}
.richtext>*:last-child{
    margin-bottom:0
}
.richtext em{
    font-style:italic
}
.richtext strong{
    font-weight:bold
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link){
    border-bottom:1px solid currentColor;
    color:inherit;
    overflow:hidden;
    position:relative;
    position:relative
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:0;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    background-color:rgba(0,146,209,0.5)
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover{
    border-bottom:0;
    color:var(--primary-color);
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover::before{
    opacity:1
}
.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="gracebd.net"])::after{
    content:'';
    display:inline-block;
    background:url("../images/ui/1x--sprite.png") no-repeat -257px -235px;
    width:18px;
    height:14px;
    margin-left:8px;
    vertical-align:baseline
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    .richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.richtext a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="gracebd.net"])::after{
        background:url("../images/ui/2x--sprite.png") no-repeat -228px -231px;
        background-size:298px 280px
    }
}
html.js .is-hidden-js{
    display:none !important
}
html.no-js .is-visible-js{
    display:none !important
}
@media (min-width: 1281px){
    .is-hidden-desktop{
        display:none !important
    }
    .is-visible-tablet{
        display:none !important
    }
}
@media (max-width: 1280px){
    .is-visible-desktop{
        display:none !important
    }
    .is-hidden-tablet{
        display:none !important
    }
}
@media (min-width: 1001px){
    .is-visible-tablet-portrait{
        display:none !important
    }
}
@media (max-width: 1000px){
    .is-hidden-tablet-portrait{
        display:none !important
    }
}
@media (min-width: 751px){
    .is-visible-mobile{
        display:none !important
    }
}
@media (max-width: 750px){
    .is-hidden-mobile{
        display:none !important
    }
}
@media (min-width: 401px){
    .is-visible-mobile-portrait{
        display:none !important
    }
}
@media (max-width: 400px){
    .is-hidden-mobile-portrait{
        display:none !important
    }
}
@media only screen{
    .is-visible-print{
        display:none !important
    }
}
@media print{
    .is-hidden-print{
        display:none !important
    }
}
body:after{
    display:none;
    content:'desktop'
}
@media (max-width: 1280px){
    body:after{
        content:'tablet'
    }
}
@media (max-width: 1000px){
    body:after{
        content:'tablet-portrait'
    }
}
@media (max-width: 750px){
    body:after{
        content:'mobile'
    }
}
@media (max-width: 400px){
    body:after{
        content:'mobile-portrait'
    }
}
.media-dispatcher-fallback{
    display:none;
    margin-bottom:0px
}
@media (max-width: 1280px){
    .media-dispatcher-fallback{
        margin-bottom:1px
    }
}
@media (max-width: 1000px){
    .media-dispatcher-fallback{
        margin-bottom:2px
    }
}
@media (max-width: 750px){
    .media-dispatcher-fallback{
        margin-bottom:3px
    }
}
@media (max-width: 400px){
    .media-dispatcher-fallback{
        margin-bottom:4px
    }
}
body:before{
    display:none;
    content:''
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    body:before{
        content:'retina'
    }
}
@-webkit-keyframes hr_services--head_one{
    0%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(-3%);
        transform:translateY(-3%)
    }
}
@keyframes hr_services--head_one{
    0%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(-3%);
        transform:translateY(-3%)
    }
}
@-webkit-keyframes hr_services--head_two{
    0%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    33.3%{
        -webkit-transform:rotate(-3deg);
        transform:rotate(-3deg)
    }
    66.6%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
@keyframes hr_services--head_two{
    0%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    33.3%{
        -webkit-transform:rotate(-3deg);
        transform:rotate(-3deg)
    }
    66.6%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
.svg-hr_services .svg_layer-head1,.svg-hr_services .svg_layer-head2{
    will-change:transform;
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.svg-hr_services:hover .svg_layer-head1{
    -webkit-animation-name:hr_services--head_one;
    animation-name:hr_services--head_one;
    -webkit-animation-duration:1.6s;
    animation-duration:1.6s
}
.svg-hr_services:hover .svg_layer-head2{
    -webkit-animation-name:hr_services--head_two;
    animation-name:hr_services--head_two;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:200ms;
    animation-delay:200ms
}
@-webkit-keyframes financial_services--scaleUp{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    50%{
        -webkit-transform:scaleY(0.9);
        transform:scaleY(0.9)
    }
}
@keyframes financial_services--scaleUp{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    50%{
        -webkit-transform:scaleY(0.9);
        transform:scaleY(0.9)
    }
}
@-webkit-keyframes financial_services--popUp{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    50%{
        -webkit-transform:translateY(5%);
        transform:translateY(5%)
    }
}
@keyframes financial_services--popUp{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    50%{
        -webkit-transform:translateY(5%);
        transform:translateY(5%)
    }
}
.svg-financial_services:hover .svg_layer-line1{
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation:financial_services--scaleUp 1.6s infinite;
    animation:financial_services--scaleUp 1.6s infinite;
    -webkit-animation-delay:20ms;
    animation-delay:20ms
}
.svg-financial_services:hover .svg_layer-line2{
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation:financial_services--scaleUp 1.6s infinite;
    animation:financial_services--scaleUp 1.6s infinite;
    -webkit-animation-delay:40ms;
    animation-delay:40ms
}
.svg-financial_services:hover .svg_layer-line3{
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation:financial_services--scaleUp 1.6s infinite;
    animation:financial_services--scaleUp 1.6s infinite;
    -webkit-animation-delay:60ms;
    animation-delay:60ms
}
.svg-financial_services:hover .svg_layer-line4{
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation:financial_services--scaleUp 1.6s infinite;
    animation:financial_services--scaleUp 1.6s infinite;
    -webkit-animation-delay:80ms;
    animation-delay:80ms
}
.svg-financial_services:hover .svg_layer-line5{
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation:financial_services--scaleUp 1.6s infinite;
    animation:financial_services--scaleUp 1.6s infinite;
    -webkit-animation-delay:100ms;
    animation-delay:100ms
}
.svg-financial_services:hover .svg_layer-graph{
    -webkit-animation:financial_services--popUp 1.6s infinite;
    animation:financial_services--popUp 1.6s infinite
}
@-webkit-keyframes infrastructure_woman--scaleDown{
    0%,10%,90%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    40%,60%{
        -webkit-transform:scale(0.7);
        transform:scale(0.7)
    }
}
@keyframes infrastructure_woman--scaleDown{
    0%,10%,90%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    40%,60%{
        -webkit-transform:scale(0.7);
        transform:scale(0.7)
    }
}
@-webkit-keyframes infrastructure_woman--jumpUpDown{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    30%{
        -webkit-transform:translateY(-5%);
        transform:translateY(-5%)
    }
    80%{
        -webkit-transform:translateY(2%);
        transform:translateY(2%)
    }
}
@keyframes infrastructure_woman--jumpUpDown{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    30%{
        -webkit-transform:translateY(-5%);
        transform:translateY(-5%)
    }
    80%{
        -webkit-transform:translateY(2%);
        transform:translateY(2%)
    }
}
.svg-infrastructure_woman:hover .svg_layer-head{
    -webkit-transform-origin:center center;
    transform-origin:center center;
    -webkit-animation:infrastructure_woman--jumpUpDown 2s infinite;
    animation:infrastructure_woman--jumpUpDown 2s infinite
}
.svg-infrastructure_woman:hover .svg_layer-inside_lens,.svg-infrastructure_woman:hover .svg_layer-outside_lens{
    -webkit-transform-origin:60% 20%;
    transform-origin:60% 20%;
    -webkit-animation:infrastructure_woman--scaleDown 1.6s infinite;
    animation:infrastructure_woman--scaleDown 1.6s infinite
}
.svg-infrastructure_woman:hover .svg_layer-outside_lens{
    -webkit-animation-delay:100ms;
    animation-delay:100ms
}
@-webkit-keyframes pm_woman--bounce{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    33.3%{
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg)
    }
    66.6%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
@keyframes pm_woman--bounce{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    33.3%{
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg)
    }
    66.6%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
@-webkit-keyframes pm_woman--squeeze{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    30%{
        -webkit-transform:scaleX(0.9);
        transform:scaleX(0.9)
    }
    70%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pm_woman--squeeze{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    30%{
        -webkit-transform:scaleX(0.9);
        transform:scaleX(0.9)
    }
    70%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.svg-pm_woman:hover .svg_layer-head{
    -webkit-animation:pm_woman--bounce 2s infinite;
    animation:pm_woman--bounce 2s infinite;
    -webkit-transform-origin:center center;
    transform-origin:center center
}
.svg-pm_woman:hover .svg_layer-map{
    -webkit-animation:pm_woman--squeeze 1.6s infinite;
    animation:pm_woman--squeeze 1.6s infinite;
    -webkit-transform-origin:center center;
    transform-origin:center center
}
@-webkit-keyframes procurement_man--bounce{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    30%{
        -webkit-transform:translateY(-2px) rotate(-3deg);
        transform:translateY(-2px) rotate(-3deg)
    }
    70%{
        -webkit-transform:translateY(-2px) rotate(3deg);
        transform:translateY(-2px) rotate(3deg)
    }
}
@keyframes procurement_man--bounce{
    0%,100%{
        -webkit-transform:none;
        transform:none
    }
    30%{
        -webkit-transform:translateY(-2px) rotate(-3deg);
        transform:translateY(-2px) rotate(-3deg)
    }
    70%{
        -webkit-transform:translateY(-2px) rotate(3deg);
        transform:translateY(-2px) rotate(3deg)
    }
}
@-webkit-keyframes procurement_man--load{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    15%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
    20%{
        -webkit-transform:rotate(26deg);
        transform:rotate(26deg)
    }
    22%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
    24%{
        -webkit-transform:rotate(28deg);
        transform:rotate(28deg)
    }
    26%,100%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
}
@keyframes procurement_man--load{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    15%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
    20%{
        -webkit-transform:rotate(26deg);
        transform:rotate(26deg)
    }
    22%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
    24%{
        -webkit-transform:rotate(28deg);
        transform:rotate(28deg)
    }
    26%,100%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
}
.svg-procurement_man:hover .svg_layer-head{
    -webkit-animation:procurement_man--bounce 1s infinite;
    animation:procurement_man--bounce 1s infinite;
    -webkit-transform-origin:40% bottom;
    transform-origin:40% bottom
}
.svg-procurement_man:hover .svg_layer-load{
    -webkit-animation:procurement_man--load 1.5s;
    animation:procurement_man--load 1.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-transform-origin:55% bottom;
    transform-origin:55% bottom
}
@-webkit-keyframes procurement_man--bubble-1{
    0%,90%,100%{
        -webkit-transform:none;
        transform:none
    }
    40%,50%{
        -webkit-transform:translateX(-20px) translateY(-20px) rotate(-2deg);
        transform:translateX(-20px) translateY(-20px) rotate(-2deg)
    }
}
@keyframes procurement_man--bubble-1{
    0%,90%,100%{
        -webkit-transform:none;
        transform:none
    }
    40%,50%{
        -webkit-transform:translateX(-20px) translateY(-20px) rotate(-2deg);
        transform:translateX(-20px) translateY(-20px) rotate(-2deg)
    }
}
@-webkit-keyframes procurement_man--bubble-2{
    0%,90%,100%{
        -webkit-transform:none;
        transform:none
    }
    40%,50%{
        -webkit-transform:translateX(-10px) translateY(-40px) rotate(-1deg);
        transform:translateX(-10px) translateY(-40px) rotate(-1deg)
    }
}
@keyframes procurement_man--bubble-2{
    0%,90%,100%{
        -webkit-transform:none;
        transform:none
    }
    40%,50%{
        -webkit-transform:translateX(-10px) translateY(-40px) rotate(-1deg);
        transform:translateX(-10px) translateY(-40px) rotate(-1deg)
    }
}
@-webkit-keyframes procurement_man--bubble-3{
    0%,90%,100%{
        -webkit-transform:none;
        transform:none
    }
    40%,50%{
        -webkit-transform:translateX(20px) translateY(-10px) rotate(3deg);
        transform:translateX(20px) translateY(-10px) rotate(3deg)
    }
}
@keyframes procurement_man--bubble-3{
    0%,90%,100%{
        -webkit-transform:none;
        transform:none
    }
    40%,50%{
        -webkit-transform:translateX(20px) translateY(-10px) rotate(3deg);
        transform:translateX(20px) translateY(-10px) rotate(3deg)
    }
}
@-webkit-keyframes procurement_man--head{
    0%,100%{
        -webkit-transform:none;
        transform:none;
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    50%{
        -webkit-transform:rotate(-12deg);
        transform:rotate(-12deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
@keyframes procurement_man--head{
    0%,100%{
        -webkit-transform:none;
        transform:none;
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    50%{
        -webkit-transform:rotate(-12deg);
        transform:rotate(-12deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
@-webkit-keyframes procurement_dot{
    0%{
        -webkit-transform-origin:8% 50%;
        transform-origin:8% 50%;
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0.7
    }
    50%{
        -webkit-transform-origin:8% 50%;
        transform-origin:8% 50%;
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:1
    }
    100%{
        -webkit-transform-origin:8% 50%;
        transform-origin:8% 50%;
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0.7
    }
}
@keyframes procurement_dot{
    0%{
        -webkit-transform-origin:8% 50%;
        transform-origin:8% 50%;
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0.7
    }
    50%{
        -webkit-transform-origin:8% 50%;
        transform-origin:8% 50%;
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:1
    }
    100%{
        -webkit-transform-origin:8% 50%;
        transform-origin:8% 50%;
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:0.7
    }
}
@-webkit-keyframes procurement_bar{
    0%,100%{
        -webkit-transform:none;
        transform:none;
        -webkit-transform-origin:50% 30%;
        transform-origin:50% 30%
    }
    50%{
        -webkit-transform:translateY(-2%);
        transform:translateY(-2%);
        -webkit-transform-origin:50% 30%;
        transform-origin:50% 30%
    }
}
@keyframes procurement_bar{
    0%,100%{
        -webkit-transform:none;
        transform:none;
        -webkit-transform-origin:50% 30%;
        transform-origin:50% 30%
    }
    50%{
        -webkit-transform:translateY(-2%);
        transform:translateY(-2%);
        -webkit-transform-origin:50% 30%;
        transform-origin:50% 30%
    }
}
.svg-procurement:hover .graph-bar:nth-child(1){
    -webkit-animation:procurement_bar 1.8s 0.6s infinite;
    animation:procurement_bar 1.8s 0.6s infinite
}
.svg-procurement:hover .graph-bar:nth-child(2){
    -webkit-animation:procurement_bar 3.8s 0.3s infinite;
    animation:procurement_bar 3.8s 0.3s infinite
}
.svg-procurement:hover .graph-bar:nth-child(3){
    -webkit-animation:procurement_bar 1.8s 0.3s infinite;
    animation:procurement_bar 1.8s 0.3s infinite
}
.svg-procurement:hover .bubble-dot:nth-child(1){
    -webkit-animation:procurement_dot 1.8s 0.6s infinite;
    animation:procurement_dot 1.8s 0.6s infinite
}
.svg-procurement:hover .bubble-dot:nth-child(2){
    -webkit-animation:procurement_dot 1.8s 0.3s infinite;
    animation:procurement_dot 1.8s 0.3s infinite
}
.svg-procurement:hover .bubble-dot:nth-child(3){
    -webkit-animation:procurement_dot 1.8s infinite;
    animation:procurement_dot 1.8s infinite
}
.svg-procurement:hover .svg_layer-head{
    -webkit-animation:procurement_man--head 2s ease-in-out infinite;
    animation:procurement_man--head 2s ease-in-out infinite
}
.svg-procurement:hover .svg_layer-bubble-1{
    -webkit-animation:procurement_man--bubble-1 2s ease-in-out infinite 75ms;
    animation:procurement_man--bubble-1 2s ease-in-out infinite 75ms;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
.svg-procurement:hover .svg_layer-bubble-2{
    -webkit-animation:procurement_man--bubble-2 2s ease-in-out infinite 150ms;
    animation:procurement_man--bubble-2 2s ease-in-out infinite 150ms;
    -webkit-transform-origin:80% bottom;
    transform-origin:80% bottom
}
.svg-procurement:hover .svg_layer-bubble-3{
    -webkit-animation:procurement_man--bubble-3 2s ease-in-out infinite;
    animation:procurement_man--bubble-3 2s ease-in-out infinite;
    -webkit-transform-origin:80% bottom;
    transform-origin:80% bottom
}
.Burger{
    display:block;
    position:relative;
    height:80px;
    width:80px
}
@media (max-width: 1000px){
    .Burger{
        height:60px
    }
}
@media (max-width: 750px){
    .Burger{
        height:50px
    }
}
@media (max-width: 1000px){
    .Burger{
        width:60px
    }
}
@media (max-width: 750px){
    .Burger{
        width:50px
    }
}
.Burger:hover .Burger--icon--line:nth-child(1){
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
.Burger:hover .Burger--icon--line:nth-child(2){
    -webkit-transform:translateY(1px);
    transform:translateY(1px)
}
.Burger:active{
    -webkit-transform:scale(0.85);
    transform:scale(0.85);
    -webkit-transition:-webkit-transform 100ms ease-out;
    transition:-webkit-transform 100ms ease-out;
    transition:transform 100ms ease-out;
    transition:transform 100ms ease-out, -webkit-transform 100ms ease-out
}
.Burger.is-active{
    -webkit-transform:rotateZ(-180deg);
    transform:rotateZ(-180deg)
}
.Burger.is-active .Burger--icon--line:nth-child(1){
    -webkit-transform:translateY(4px) rotateZ(45deg);
    transform:translateY(4px) rotateZ(45deg)
}
.Burger.is-active .Burger--icon--line:nth-child(2){
    -webkit-transform:translateY(-4px) rotateZ(-45deg);
    transform:translateY(-4px) rotateZ(-45deg)
}
.Burger--icon{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-15px;
    margin-top:-5px;
    width:30px;
    height:10px;
    display:block
}
@media (max-width: 750px){
    .Burger--icon{
        width:24px;
        margin-left:-12px
    }
}
.Burger--icon--line{
    position:absolute;
    height:2px;
    left:0;
    right:0;
    color: var(--primary-color);
    background-color:currentColor;
    -webkit-transition:-webkit-transform 100ms ease-out;
    transition:-webkit-transform 100ms ease-out;
    transition:transform 100ms ease-out;
    transition:transform 100ms ease-out, -webkit-transform 100ms ease-out;
    opacity:0.95
}
.Burger--icon--line:nth-child(1){
    top:0
}
.Burger--icon--line:nth-child(2){
    bottom:0
}
.Button{
    padding:0 30px;
    line-height:60px;
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:13px;
    display:inline-block;
    position:relative;
    max-width:100%;
    z-index:0;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-radius:2px;
    -webkit-transition:background-color .1s linear, border-color .1s linear, color .1s linear;
    transition:background-color .1s linear, border-color .1s linear, color .1s linear;
    border:0;
    background-color:var(--primary-color);
    color:#fff;
    -webkit-transition:-webkit-transform 100ms ease-out;
    transition:-webkit-transform 100ms ease-out;
    transition:transform 100ms ease-out;
    transition:transform 100ms ease-out, -webkit-transform 100ms ease-out
}
@media (max-width: 750px){
    .Button{
        line-height:50px
    }
}
@media (min-width: 400px){
    .Button{
        font-size:calc(.28571vw + 11.85714px)
    }
}
@media (min-width: 750px){
    .Button{
        font-size:calc(0vw + 14px)
    }
}
@media (min-width: 1280px){
    .Button{
        font-size:14px
    }
}
.Button::before{
    content:'';
    display:block;
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    background:rgba(255,255,255,0.075);
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.15)), color-stop(80%, rgba(255,255,255,0)));
    background:linear-gradient(to top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 80%);
    z-index:-1;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity 200ms, visibility 200ms, -webkit-transform 200ms ease-out;
    transition:opacity 200ms, visibility 200ms, -webkit-transform 200ms ease-out;
    transition:transform 200ms ease-out, opacity 200ms, visibility 200ms;
    transition:transform 200ms ease-out, opacity 200ms, visibility 200ms, -webkit-transform 200ms ease-out;
    border-radius:inherit;
    -webkit-box-shadow:0 8px 20px 0px rgba(0,146,209,0.2);
    box-shadow:0 8px 20px 0px rgba(0,146,209,0.2)
}
.Button:hover,.Button:active{
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
.Button:hover::before,.Button:active::before{
    visibility:visible;
    opacity:1;
    -webkit-transform:none;
    transform:none
}
.Button:active{
    -webkit-transition:-webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:-webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275),-webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform:scale(0.97);
    transform:scale(0.97)
}
.Button.secondary{
    background-color:transparent;
    color:var(--primary-color);
    border:1px solid currentColor
}
.Button.secondary:hover{
    -webkit-box-shadow:inset 0 0 0 1px var(--primary-color);
    box-shadow:inset 0 0 0 1px var(--primary-color)
}
.Button.secondary::before{
    background:transparent
}
.Button.block{
    display:block;
    width:100%
}
.Button.icon-before .icon,.Button.icon-before .ico{
    margin-right:10px;
    margin-left:0;
    vertical-align:middle
}
.Button.icon-after .icon,.Button.icon-after .ico{
    margin-right:0;
    margin-left:10px;
    vertical-align:middle
}
.theme-stories .Button{
    color:#fff;
    border:1px solid #fff
}
.theme-stories .Button::before{
    -webkit-box-shadow:0 8px 20px 0px rgba(255,255,255,0.2);
    box-shadow:0 8px 20px 0px rgba(255,255,255,0.2)
}
.theme-stories .Button:hover{
    -webkit-box-shadow:inset 0 0 0 1px #fff !important;
    box-shadow:inset 0 0 0 1px #fff !important
}
.color-strawberry .Button{
    color:#D98F8F;
    border:1px solid currentColor
}
.color-strawberry .Button::before{
    -webkit-box-shadow:0 8px 20px 0px rgba(217,143,143,0.2);
    box-shadow:0 8px 20px 0px rgba(217,143,143,0.2)
}
.color-strawberry .Button:hover{
    -webkit-box-shadow:inset 0 0 0 1px #d98f8f !important;
    box-shadow:inset 0 0 0 1px #d98f8f !important
}
.color-mint .Button{
    color:#8CC0C3;
    border:1px solid currentColor
}
.color-mint .Button::before{
    -webkit-box-shadow:0 8px 20px 0px rgba(140,192,195,0.2);
    box-shadow:0 8px 20px 0px rgba(140,192,195,0.2)
}
.color-mint .Button:hover{
    -webkit-box-shadow:inset 0 0 0 1px #8cc0c3;
    box-shadow:inset 0 0 0 1px #8cc0c3
}
.color-dune .Button{
    color:#BE9677;
    border:1px solid currentColor
}
.color-dune .Button::before{
    -webkit-box-shadow:0 8px 20px 0px rgba(190,150,119,0.2);
    box-shadow:0 8px 20px 0px rgba(190,150,119,0.2)
}
.color-dune .Button:hover{
    -webkit-box-shadow:inset 0 0 0 1px #be9677;
    box-shadow:inset 0 0 0 1px #be9677
}
.Button .icon.absolute{
    position:absolute;
    top:0;
    height:100%;
    vertical-align:middle
}
.Button .icon.absolute.after{
    right:30px
}
.Button .icon.absolute::before{
    left:30px
}
.ButtonTeaser{
    padding:10px 0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    /* color:#e97537 */
    color: var(--primary-color);
}
.ButtonTeaser::before,.ButtonTeaser::after{
    content:"";
    display:table
}
.ButtonTeaser::after{
    clear:both
}
[data-theme="dark"] .ButtonTeaser,.theme-dark .ButtonTeaser{
    color:#ffd256
}
.ButtonTeaser.light{
    color:#ffd256
}
.ButtonTeaser>*{
    float:left
}
.ButtonTeaser.block{
    width:100%;
    border-top:1px solid rgba(39,37,31,0.1);
    border-bottom:1px solid rgba(39,37,31,0.1)
}
@media (max-width: 1000px){
    .ButtonTeaser.block{
        border:none
    }
}
.ButtonTeaser:hover .cssicon::before{
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    opacity:0;
    visibility:hidden
}
.ButtonTeaser:hover .cssicon>:first-child{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.ButtonTeaser:hover .cssicon>.cssicon-play{
    -webkit-transform:scale(1.6);
    transform:scale(1.6)
}
@media (max-width: 750px){
    .ButtonTeaser{
        padding-top:0
    }
}
.ButtonTeaser--text{
    margin-left:10px;
    text-align:left
}
.ButtonTeaser--title{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:13px;
    line-height:1.7;
    line-height:1.3;
    letter-spacing:1.5px;
    text-transform:uppercase;
    display:block;
    line-height:1.3
}
@media (min-width: 400px){
    .ButtonTeaser--title{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .ButtonTeaser--title{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .ButtonTeaser--title{
        font-size:13px
    }
}
.ButtonTeaser--subline{
    font-size:18px;
    font-size:1rem;
    font-weight:300;
    line-height:1.6;
    font-size:13px;
    line-height:1.7;
    font-weight:400;
    line-height:1;
    display:block;
    color:#b7bcc1
}
@media (min-width: 400px){
    .ButtonTeaser--subline{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .ButtonTeaser--subline{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .ButtonTeaser--subline{
        font-size:13px
    }
}
@media (max-width: 400px){
    .ButtonTeaser--subline{
        display:none
    }
}
.CategoryFlag{
    display:inline-block;
    z-index:1;
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:13px;
    line-height:1.7;
    line-height:1.3;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:0.5em;
    top:1em;
    line-height:1;
    padding:10px 10px 8px 10px;
    position:absolute;
    left:-10px;
    color: var(--black-font-color);
    background-color:#f3b99b
}
.PostCategoryFlag
{
    left: 0px !important;
    margin-top: 4px !important;
}
@media (min-width: 400px){
    .CategoryFlag{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .CategoryFlag{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .CategoryFlag{
        font-size:13px
    }
}
.CategoryFlag::after{
    content:'';
    position:absolute;
    left:0;
    top:100%;
    /* border-top:10px solid #cf9d84; */
    border-left:10px solid transparent
}
.CategoryFlag.news{
    background-color:#f3b99b
}
.CategoryFlag.news::after{
    border-top-color:#c2947c
}
.CategoryFlag.insight{
    background-color:#7fc8e8
}
.CategoryFlag.insight::after{
    border-top-color: var(--after-border-color, #000);
}
.CategoryFlag.video{
    background-color:#f6f9fc
}
.CategoryFlag.video::after{
    border-top-color:#c5c7ca
}
.CategoryFlag.campaign{
    background-color: var(--primary-color);;
    color:#fff
}
.CategoryFlag.campaign::after{
    border-top-color:#0a1826
}
.CategoryFlag.green{
    background-color:#e7ee99
}
.CategoryFlag.green::after{
    border-top-color:#b9be7a
}
.CategoryFlag.purple{
    background-color:#bd9bd1
}
.CategoryFlag.purple::after{
    border-top-color:#977ca7
}
.ClockIcon{
    width:30px;
    height:30px;
    display:inline-block;
    border:1px solid #fff;
    border-radius:100%;
    position:relative;
    vertical-align:middle;
    margin-right:10px;
    margin-left:10px
}
.ClockIcon.block{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px
}
.ClockIcon.big{
    width:40px;
    height:40px
}
.ClockIcon.big .ClockIcon--minutes{
    height:13.33333px;
    margin-top:-13.33333px
}
.ClockIcon.big .ClockIcon--hours{
    height:9.33333px;
    margin-top:-9.33333px
}
.ClockIcon--hours,.ClockIcon--minutes{
    width:1px;
    position:absolute;
    left:50%;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    background-color:#fff;
    top:50%;
    margin-left:-0.5px;
    -webkit-transition:-webkit-transform 200ms ease-out;
    transition:-webkit-transform 200ms ease-out;
    transition:transform 200ms ease-out;
    transition:transform 200ms ease-out, -webkit-transform 200ms ease-out
}
.ClockIcon--minutes{
    height:10px;
    margin-top:-10px;
    -webkit-transform:rotateZ(60deg);
    transform:rotateZ(60deg)
}
.ClockIcon--hours{
    height:7px;
    margin-top:-7px;
    -webkit-transform:rotateZ(-60deg);
    transform:rotateZ(-60deg)
}
.CloseButton{
    position:relative;
    width:50px;
    height:50px;
    will-change:opacity;
    border:1px solid rgba(0,146,209,0.3);
    border-radius:100%;
    display:inline-block;
    vertical-align:middle;
    -webkit-transition:-webkit-transform 350ms ease-out;
    transition:-webkit-transform 350ms ease-out;
    transition:transform 350ms ease-out;
    transition:transform 350ms ease-out, -webkit-transform 350ms ease-out;
    background-color:rgba(255,255,255,0.95)
}
[data-theme="dark"] .CloseButton,.theme-dark .CloseButton{
    border-color:rgba(255,255,255,0.2);
    background-color:transparent
}
[data-theme="dark"] .CloseButton::before,[data-theme="dark"] .CloseButton::after,.theme-dark .CloseButton::before,.theme-dark .CloseButton::after{
    background-color:#fff
}
@media (max-width: 750px){
    .CloseButton{
        border:0
    }
}
.CloseButton::before,.CloseButton::after{
    -webkit-transition:-webkit-transform 450ms ease-out;
    transition:-webkit-transform 450ms ease-out;
    transition:transform 450ms ease-out;
    transition:transform 450ms ease-out, -webkit-transform 450ms ease-out;
    content:'';
    position:absolute;
    display:block;
    height:2px;
    background-color:var(--primary-color);
    width:26px;
    margin-left:-13px;
    top:50%;
    left:50%
}
.CloseButton::before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.CloseButton::after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.CloseButton:hover{
    -webkit-transform:rotateZ(135deg);
    transform:rotateZ(135deg)
}
.CloseButton:hover::before{
    -webkit-transform:rotateZ(0deg);
    transform:rotateZ(0deg)
}
.CloseButton:hover::after{
    -webkit-transform:rotateZ(270deg);
    transform:rotateZ(270deg)
}
@-webkit-keyframes cf-anim-start-light{
    0%{
        stop-color:#0078e7
    }
    100%{
        stop-color:#1c4bce
    }
}
@keyframes cf-anim-start-light{
    0%{
        stop-color:#0078e7
    }
    100%{
        stop-color:#1c4bce
    }
}
@-webkit-keyframes cf-anim-end-light{
    0%{
        stop-color:#1c4bce
    }
    100%{
        stop-color:#0078e7
    }
}
@keyframes cf-anim-end-light{
    0%{
        stop-color:#1c4bce
    }
    100%{
        stop-color:#0078e7
    }
}
@-webkit-keyframes cf-anim-start-dark{
    0%{
        stop-color:#004b6b
    }
    100%{
        stop-color:#102b78
    }
}
@keyframes cf-anim-start-dark{
    0%{
        stop-color:#004b6b
    }
    100%{
        stop-color:#102b78
    }
}
@-webkit-keyframes cf-anim-end-dark{
    0%{
        stop-color:#102b78
    }
    100%{
        stop-color:#004b6b
    }
}
@keyframes cf-anim-end-dark{
    0%{
        stop-color:#102b78
    }
    100%{
        stop-color:#004b6b
    }
}
.ConvergenceFold{
    float:right;
    -webkit-transform:translateY(5px);
    transform:translateY(5px);
    -webkit-transition:-webkit-transform 220ms ease-in-out;
    transition:-webkit-transform 220ms ease-in-out;
    transition:transform 220ms ease-in-out;
    transition:transform 220ms ease-in-out, -webkit-transform 220ms ease-in-out
}
.ConvergenceFold:hover{
    -webkit-transform:none;
    transform:none
}
@media (max-width: 1000px){
    .HeroTeaser .ConvergenceFold{
        display:none
    }
}
.ConvergenceFold--inner{
    position:relative;
    width:100%;
    bottom:0
}
.ConvergenceFold--svg{
    position:absolute;
    bottom:0
}
.ConvergenceFold--gradient.start{
    stop-color:#0078e7;
    -webkit-animation:cf-anim-start-light 3s ease-in-out alternate infinite;
    animation:cf-anim-start-light 3s ease-in-out alternate infinite
}
.ConvergenceFold--gradient.end{
    stop-color:#1c4bce;
    -webkit-animation:cf-anim-end-light 3s ease-in-out alternate infinite;
    animation:cf-anim-end-light 3s ease-in-out alternate infinite
}
.ConvergenceFold--gradient.dark.start{
    stop-color:#004b6b;
    -webkit-animation-name:cf-anim-start-dark;
    animation-name:cf-anim-start-dark
}
.ConvergenceFold--gradient.dark.end{
    stop-color:#102b78;
    -webkit-animation-name:cf-anim-end-dark;
    animation-name:cf-anim-end-dark
}
.ConvergenceFold--content{
    padding:10px;
    font-size:13px;
    line-height:1.7;
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    text-align:center
}
@media (min-width: 400px){
    .ConvergenceFold--content{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .ConvergenceFold--content{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .ConvergenceFold--content{
        font-size:13px
    }
}
.ConvergenceFold--content>*{
    margin:0 auto;
    display:block;
    text-align:center;
    font-size:13px;
    line-height:1.2;
    padding-bottom:5px;
    min-height:30px
}
.ConvergenceFold--content>*:first-child{
    margin-bottom:15px
}
@-webkit-keyframes cf-anim-start-light-jp{
    0%{
        stop-color:#991E66
    }
    100%{
        stop-color:#991E66
    }
}
@keyframes cf-anim-start-light-jp{
    0%{
        stop-color:#991E66
    }
    100%{
        stop-color:#991E66
    }
}
@-webkit-keyframes cf-anim-end-light-jp{
    0%{
        stop-color:#991E66
    }
    100%{
        stop-color:#991E66
    }
}
@keyframes cf-anim-end-light-jp{
    0%{
        stop-color:#991E66
    }
    100%{
        stop-color:#991E66
    }
}
@-webkit-keyframes cf-anim-start-dark-jp{
    0%{
        stop-color:#77194f
    }
    100%{
        stop-color:#77194f
    }
}
@keyframes cf-anim-start-dark-jp{
    0%{
        stop-color:#77194f
    }
    100%{
        stop-color:#77194f
    }
}
@-webkit-keyframes cf-anim-end-dark-jp{
    0%{
        stop-color:#77194f
    }
    100%{
        stop-color:#77194f
    }
}
@keyframes cf-anim-end-dark-jp{
    0%{
        stop-color:#77194f
    }
    100%{
        stop-color:#77194f
    }
}
.ConvergenceFoldJapan{
    float:right;
    -webkit-transform:translateY(5px);
    transform:translateY(5px);
    -webkit-transition:-webkit-transform 220ms ease-in-out;
    transition:-webkit-transform 220ms ease-in-out;
    transition:transform 220ms ease-in-out;
    transition:transform 220ms ease-in-out, -webkit-transform 220ms ease-in-out
}
.ConvergenceFoldJapan:hover{
    -webkit-transform:none;
    transform:none
}
@media (max-width: 1000px){
    .HeroTeaser .ConvergenceFoldJapan{
        display:none
    }
}
.ConvergenceFoldJapan--inner{
    position:relative;
    width:100%;
    bottom:0
}
.ConvergenceFoldJapan--svg{
    position:absolute;
    bottom:0
}
.ConvergenceFoldJapan--gradient.start{
    stop-color:#991E66;
    -webkit-animation:cf-anim-start-light-jp 3s ease-in-out alternate infinite;
    animation:cf-anim-start-light-jp 3s ease-in-out alternate infinite
}
.ConvergenceFoldJapan--gradient.end{
    stop-color:#991E66;
    -webkit-animation:cf-anim-end-light-jp 3s ease-in-out alternate infinite;
    animation:cf-anim-end-light-jp 3s ease-in-out alternate infinite
}
.ConvergenceFoldJapan--gradient.dark.start{
    stop-color:#77194f;
    -webkit-animation-name:cf-anim-start-dark-jp;
    animation-name:cf-anim-start-dark-jp
}
.ConvergenceFoldJapan--gradient.dark.end{
    stop-color:#77194f;
    -webkit-animation-name:cf-anim-end-dark-jp;
    animation-name:cf-anim-end-dark-jp
}
.ConvergenceFoldJapan--content{
    padding:10px;
    font-size:13px;
    line-height:1.7;
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    text-align:center
}
@media (min-width: 400px){
    .ConvergenceFoldJapan--content{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .ConvergenceFoldJapan--content{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .ConvergenceFoldJapan--content{
        font-size:13px
    }
}
.ConvergenceFoldJapan--content>*{
    margin:0 auto;
    display:block;
    text-align:center;
    font-size:13px;
    line-height:1.2;
    padding-bottom:5px;
    min-height:30px
}
.ConvergenceFoldJapan--content>*:first-child{
    margin-bottom:15px
}
.Cta{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:13px;
    color:var(--primary-color);
    padding-left:30px;
    position:relative;
    -webkit-transition:padding-left 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:padding-left 300ms cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media (min-width: 400px){
    .Cta{
        font-size:calc(.28571vw + 11.85714px)
    }
}
@media (min-width: 750px){
    .Cta{
        font-size:calc(0vw + 14px)
    }
}
@media (min-width: 1280px){
    .Cta{
        font-size:14px
    }
}
.Cta.gray{
    color:#6e7882
}
.Cta.gray::before{
    background-color:#6e7882
}
.Cta.white{
    color:#fff
}
.Cta.white::before{
    background-color:#fff
}
.Cta.plain{
    padding-left:0
}
.Cta.plain::before,.Cta.plain::after{
    content:none;
    display:none
}
.Cta.plain:hover{
    padding-left:0
}
.Cta:hover{
    padding-left:40px
}
.Cta:hover::before{
    -webkit-transform:scaleX(1.7);
    transform:scaleX(1.7)
}
.Cta:hover::after{
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.Cta::before,.Cta::after{
    content:'';
    position:absolute;
    -webkit-transition:-webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:-webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1)
}
.Cta::before{
    top:50%;
    margin-top:-2px;
    height:1px;
    left:0;
    width:17px;
    background-color:var(--primary-color);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
}
.Cta::after{
    left:17px;
    top:50%;
    margin-top:-4.5px;
    border-right:none;
    border-bottom:3.5px solid transparent;
    border-left:6px solid currentColor;
    border-top:3.5px solid transparent;
    height:0;
    width:0
}
.DotPattern{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:opacity 200ms;
    transition:opacity 200ms
}
.DotPattern.is-initialized{
    opacity:1
}
.DotPattern--canvas{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    color:rgba(0,146,209,0.5)
}
.c-sand .DotPattern--canvas{
    background-color:#fbf3da
}
.c-oceanblue .DotPattern--canvas{
    background-color:  var(--primary-color);
}
.c-red .DotPattern--canvas{
    background-color:#fcede6
}
.c-sand .DotPattern--canvas{
    color:#f4dd95
}
.c-oceanblue .DotPattern--canvas{
    color:  var(--primary-color);
}
.c-red .DotPattern--canvas{
    color:#f4bca2
}
.is-loading .CardGrid{
    pointer-events:none
}
.is-loading .Card{
    opacity:0.5;
    -webkit-transform:scale(0.95);
    transform:scale(0.95);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    will-change:transform;
    -webkit-transition:opacity 300ms ease-in, -webkit-transform 300ms ease-in-out;
    transition:opacity 300ms ease-in, -webkit-transform 300ms ease-in-out;
    transition:opacity 300ms ease-in, transform 300ms ease-in-out;
    transition:opacity 300ms ease-in, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out
}
.odometer{
    line-height:1;
    overflow:hidden
}
.odometer--digit{
    overflow:hidden;
    display:inline-block;
    position:relative;
    vertical-align:top
}
.odometer--dummy{
    visibility:hidden
}
.odometer--spinner{
    position:absolute;
    top:0;
    left:0
}
.odometer--spinner>span{
    display:block
}
.odometer--spinner>span:last-child{
    position:absolute;
    top:100%;
    left:0
}
.PopupDots{
    display:block;
    position:relative;
    height:80px;
    width:80px;
    text-align:center;
    -webkit-transition:-webkit-transform 200ms ease-out;
    transition:-webkit-transform 200ms ease-out;
    transition:transform 200ms ease-out;
    transition:transform 200ms ease-out, -webkit-transform 200ms ease-out
}
@media (max-width: 1000px){
    .PopupDots{
        height:60px
    }
}
@media (max-width: 750px){
    .PopupDots{
        height:50px
    }
}
@media (max-width: 1000px){
    .PopupDots{
        width:60px
    }
}
@media (max-width: 750px){
    .PopupDots{
        width:50px
    }
}
.PopupDots:hover .PopupDots--icon--dot{
    background-color:var(--primary-color)
}
.PopupDots:hover .PopupDots--icon--dot:nth-child(1){
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
.PopupDots:hover .PopupDots--icon--dot:nth-child(3){
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
.PopupDots.is-active,.PopupDots:active{
    -webkit-transform:rotateZ(-180deg);
    transform:rotateZ(-180deg)
}
.PopupDots.is-active .PopupDots--icon--dot,.PopupDots:active .PopupDots--icon--dot{
    background-color:var(--primary-color)
}
.PopupDots.is-active .PopupDots--icon--dot:nth-child(1),.PopupDots:active .PopupDots--icon--dot:nth-child(1){
    -webkit-transform:translateY(9px);
    transform:translateY(9px);
    opacity:0
}
.PopupDots.is-active .PopupDots--icon--dot:nth-child(2),.PopupDots:active .PopupDots--icon--dot:nth-child(2){
    -webkit-transform:scale(1.7);
    transform:scale(1.7);
    opacity:0
}
.PopupDots.is-active .PopupDots--icon--dot:nth-child(3),.PopupDots:active .PopupDots--icon--dot:nth-child(3){
    -webkit-transform:translateY(-9px);
    transform:translateY(-9px);
    opacity:0
}
.PopupDots--icon{
    position:absolute;
    top:50%;
    left:50%;
    width:4px;
    margin-top:-12px;
    height:24px;
    margin-left:-2px
}
.theme-stories .PopupDots--icon:before{
    content:'';
    position:absolute;
    height:40px;
    width:40px;
    border:1px solid currentColor;
    border-radius:100%;
    top:-10px;
    left:-18px
}
.PopupDots--icon--dot{
    height:4px;
    margin-bottom:5px;
    border-radius:100%;
    width:100%;
    background-color:currentColor;
    display:block;
    -webkit-box-shadow:0 0 5px rgba(39,37,31,0.3);
    box-shadow:0 0 5px rgba(39,37,31,0.3);
    -webkit-transition:opacity 200ms, -webkit-transform 200ms ease-out;
    transition:opacity 200ms, -webkit-transform 200ms ease-out;
    transition:transform 200ms ease-out, opacity 200ms;
    transition:transform 200ms ease-out, opacity 200ms, -webkit-transform 200ms ease-out
}
.theme-stories .PopupDots--icon--dot{
    margin-bottom:4px
}
.PopupDots--closeIcon{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    margin-top:-25px;
    height:50px;
    margin-left:-25px;
    -webkit-transition:-webkit-transform 350ms ease-out;
    transition:-webkit-transform 350ms ease-out;
    transition:transform 350ms ease-out;
    transition:transform 350ms ease-out, -webkit-transform 350ms ease-out
}
.PopupDots--closeIcon::before,.PopupDots--closeIcon::after{
    -webkit-transition:opacity 200ms, -webkit-transform 450ms ease-out;
    transition:opacity 200ms, -webkit-transform 450ms ease-out;
    transition:transform 450ms ease-out, opacity 200ms;
    transition:transform 450ms ease-out, opacity 200ms, -webkit-transform 450ms ease-out;
    content:'';
    position:absolute;
    display:block;
    height:2px;
    margin-top:-1px;
    background-color:#fff;
    width:22px;
    margin-left:-11px;
    top:50%;
    left:50%;
    opacity:0
}
.PopupDots--closeIcon::before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.PopupDots--closeIcon::after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.PopupDots--closeIcon:hover{
    -webkit-transform:rotateZ(135deg);
    transform:rotateZ(135deg)
}
.PopupDots--closeIcon:hover::before{
    -webkit-transform:rotateZ(0deg);
    transform:rotateZ(0deg)
}
.PopupDots--closeIcon:hover::after{
    -webkit-transform:rotateZ(270deg);
    transform:rotateZ(270deg)
}
.PopupDots.is-active .PopupDots--closeIcon::before,.PopupDots:active .PopupDots--closeIcon::before{
    opacity:1
}
.PopupDots.is-active .PopupDots--closeIcon::after,.PopupDots:active .PopupDots--closeIcon::after{
    opacity:1
}
img[data-sizes]:not([width]){
    width:100%
}
[data-sizes],.Media{
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center center
}
.Media{
    z-index:0;
    position:relative;
    overflow:hidden;
    background-color:#f8f9fb;
    width:100%;
    display:block
}
.Media.video:not([data-autoplay=""]){
    cursor:pointer
}
.Media.video:not([data-autoplay=""])::before{
    z-index:1;
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#27251f;
    -webkit-transition:opacity ease 0.4s;
    transition:opacity ease 0.4s;
    opacity:0.4
}
.Media.video:not([data-autoplay=""]):hover::before{
    -webkit-transition:opacity ease 0.4s;
    transition:opacity ease 0.4s;
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s;
    opacity:0.1
}
.Media.video:not([data-autoplay=""]).is-playing::before{
    opacity:0
}
.Media>[data-sizes]{
    background-size:inherit;
    background-repeat:inherit;
    background-position:inherit;
    display:block;
    -webkit-transform:scale(1.02);
    transform:scale(1.02);
    opacity:0
}
.Media>[data-sizes],.Media>[data-sizes]>img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.Media>[data-sizes]>img{
    display:none
}
.Media>video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility:hidden;
    opacity:0;
    -o-object-fit:cover;
    object-fit:cover
}
.Media>video.is-playing{
    opacity:1;
    visibility:visible
}
.Media>.lazyloaded{
    opacity:1;
    -webkit-transform:none;
    transform:none;
    -webkit-transition:opacity 0.5s, -webkit-transform ease-out 0.8s;
    transition:opacity 0.5s, -webkit-transform ease-out 0.8s;
    transition:opacity 0.5s, transform ease-out 0.8s;
    transition:opacity 0.5s, transform ease-out 0.8s, -webkit-transform ease-out 0.8s
}
.Media--footer{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    color:#f6f9fc;
    z-index:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.Media.caption-onHover .Media--caption{
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    visibility:hidden;
    -webkit-transition:visibility 200ms, -webkit-transform 200ms ease-out;
    transition:visibility 200ms, -webkit-transform 200ms ease-out;
    transition:transform 200ms ease-out, visibility 200ms;
    transition:transform 200ms ease-out, visibility 200ms, -webkit-transform 200ms ease-out
}
.Media.caption-onHover:hover .Media--caption{
    -webkit-transform:none;
    transform:none;
    visibility:visible;
    opacity:1
}
.Media--caption{
    font-size:13px;
    line-height:1.7;
    font-weight:700;
    line-height:1.5;
    text-align:center;
    padding:10px 20px;
    -ms-flex-positive:1;
    flex-grow:1
}
@media (min-width: 400px){
    .Media--caption{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .Media--caption{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .Media--caption{
        font-size:13px
    }
}
.Media--caption::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:70px;
    z-index:-1;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(13,30,47,0.7)), to(transparent));
    background:linear-gradient(to top, rgba(13,30,47,0.7) 0%, transparent 100%)
}
.Media--fullscreen{
    background:url("../images/ui/1x--sprite.png") no-repeat -207px -105px;
    width:36px;
    height:36px;
    content:"";
    position:absolute;
    top:0;
    right:0;
    top:10px;
    right:10px;
    border:1px solid rgba(255,255,255,0.8);
    border-radius:100%;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    .Media--fullscreen{
        background:url("../images/ui/2x--sprite.png") no-repeat -204px -43px;
        background-size:298px 280px
    }
}
@media (max-width: 750px){
    .Media--fullscreen{
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        top:5px;
        right:5px
    }
}
.Media--copyright{
    padding:10px;
    font-size:13px;
    line-height:1.7;
    z-index:0;
    position:relative
}
@media (min-width: 400px){
    .Media--copyright{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .Media--copyright{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .Media--copyright{
        font-size:13px
    }
}
.Media--copyright::after{
    content:"";
    position:absolute;
    z-index:-1;
    background-image:radial-gradient(75% 100% at 100% 100%, rgba(0,0,0,0.6), transparent);
    width:200%;
    height:200%;
    right:0;
    bottom:0
}
.Media--copyright::before{
    background:url("../images/ui/1x--sprite.png") no-repeat -83px -273px;
    width:14px;
    height:11px;
    content:"";
    position:absolute;
    top:0;
    left:0;
    position:static;
    display:inline-block;
    margin-right:3px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    .Media--copyright::before{
        background:url("../images/ui/2x--sprite.png") no-repeat -107px -258px;
        background-size:298px 280px
    }
}
.Media--icon{
    z-index:2;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    color:#fff
}
.Media:hover .Media--icon{
    -webkit-animation:play-icon 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation:play-icon 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.Media.is-playing .Media--icon{
    -webkit-animation:none;
    animation:none;
    -webkit-transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
    transition:opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
    transition:transform 0.3s ease-in, opacity 0.3s ease-in;
    transition:transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
    -webkit-transform:scale(1.4);
    transform:scale(1.4);
    opacity:0
}
@-webkit-keyframes scrollIndicatorUpDown{
    to{
        -webkit-transform:translateY(28%);
        transform:translateY(28%)
    }
}
@keyframes scrollIndicatorUpDown{
    to{
        -webkit-transform:translateY(28%);
        transform:translateY(28%)
    }
}
@-webkit-keyframes scrollIndicatorBreath{
    to{
        -webkit-transform:scale(1.07);
        transform:scale(1.07)
    }
}
@keyframes scrollIndicatorBreath{
    to{
        -webkit-transform:scale(1.07);
        transform:scale(1.07)
    }
}
.ScrollIndicator{
    display:inline-block
}
.ScrollIndicator:hover .ScrollIndicator--arrow{
    top:10%
}
.ScrollIndicator--text{
    font-family:"VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight:700;
    font-size:13px;
    line-height:1.7;
    line-height:1.3;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:20px;
    display:block
}
@media (min-width: 400px){
    .ScrollIndicator--text{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 750px){
    .ScrollIndicator--text{
        font-size:calc(0vw + 13px)
    }
}
@media (min-width: 1280px){
    .ScrollIndicator--text{
        font-size:13px
    }
}
@media (max-width: 750px){
    .ScrollIndicator--text{
        margin-top:15px;
        margin-bottom:10px
    }
}
.big .ScrollIndicator--text{
    margin-top:50px;
    margin-bottom:30px
}
@media (max-width: 750px){
    .big .ScrollIndicator--text{
        margin-top:30px;
        margin-bottom:15px
    }
}
.ScrollIndicator--picto{
    width:50px;
    height:50px;
    margin:0 auto;
    position:relative
}
.big .ScrollIndicator--picto{
    width:70px;
    height:70px
}
.ScrollIndicator--arrow{
    -webkit-animation:scrollIndicatorUpDown 1.5s ease-in-out alternate infinite;
    animation:scrollIndicatorUpDown 1.5s ease-in-out alternate infinite;
    position:absolute;
    width:1px;
    height:50%;
    display:table;
    background-color:#fff;
    top:-20%;
    left:50%;
    margin-left:-1px;
    -webkit-transform:none;
    transform:none;
    -webkit-transition:top 350ms ease-out;
    transition:top 350ms ease-out
}
.ScrollIndicator--arrow::after{
    content:'';
    position:absolute;
    bottom:-10%;
    margin-left:-3.5px;
    border-bottom:none;
    border-right:3.5px solid transparent;
    border-left:3.5px solid transparent;
    border-top:6px solid currentColor;
    height:0;
    width:0
}
.big .ScrollIndicator--arrow{
    width:1px
}
.big .ScrollIndicator--arrow::after{
    margin-left:-4.5px;
    border-bottom:none;
    border-right:4.5px solid transparent;
    border-left:4.5px solid transparent;
    border-top:8px solid currentColor;
    height:0;
    width:0
}
.ScrollIndicator--circle{
    width:100%;
    height:100%;
    -webkit-animation:scrollIndicatorBreath 1.5s ease-in-out alternate infinite;
    animation:scrollIndicatorBreath 1.5s ease-in-out alternate infinite;
    border:1px solid rgba(246,249,252,0.5);
    border-radius:100%
}
.big .ScrollIndicator--circle{
    border-width:2px
}
.SquarePicto{
    width:80px;
    height:80px;
    display:table
}
.SquarePicto--picto,.SquarePicto--date{
    width:100%;
    height:100%;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    border-radius:4px;
    border:1px solid currentColor;
    color:#6e7882
}
[data-theme="dark"] .SquarePicto--picto,.theme-dark .SquarePicto--picto,[data-theme="dark"] .SquarePicto--date,.theme-dark .SquarePicto--date{
    color:#f6f9fc;
    border-color:rgba(219,226,233,0.25)
}
.SquarePicto--date--title{
    margin-top:5px;
    font-weight:300
}
.BasicInput{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.BasicInput::before,.BasicInput::after{
    content:"";
    display:table
}
.BasicInput::after{
    clear:both
}
@media (max-width: 750px){
    .BasicInput{
        display:block
    }
}
.BasicInput>.InputGroup{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width: 750px){
    .BasicInput>.InputGroup{
        display:block
    }
}
.BasicInput .FormLabel{
    display:block;
    position:relative;
    width:calc(33.33% - 1px);
    vertical-align:middle;
    text-align:right;
    padding-right:30px;
    padding-right:1.66667rem;
    float:left
}
@media (max-width: 750px){
    .BasicInput .FormLabel{
        width:100%;
        text-align:left;
        padding-right:0;
        margin-bottom:0.5em;
        float:none
    }
}
.BasicInput .FormLabel.visuallyhidden+.FormField{
    width:100%
}
.BasicInput .InputGroup--row,.BasicInput>.FormField{
    width:calc(66.6667% + 1px);
    float:right
}
@media (max-width: 750px){
    .BasicInput .InputGroup--row,.BasicInput>.FormField{
        width:100%;
        float:none
    }
}
.BasicInput .Input,.BasicInput select,.BasicInput textarea,.BasicInput input{
    background:#fff;
    border:1px solid #dbe2e9;
    padding:12px 20px;
    line-height:1;
    font:inherit;
    width:100%
}
@media (max-width: 750px){
    .BasicInput .Input,.BasicInput select,.BasicInput textarea,.BasicInput input{
        width:100%;
        float:none
    }
}
.BasicInput .Input:focus,.BasicInput select:focus,.BasicInput textarea:focus,.BasicInput input:focus{
    background:white;
    -webkit-box-shadow:0 0 8px 1px rgba(39,37,31,0.2);
    box-shadow:0 0 8px 1px rgba(39,37,31,0.2);
    -webkit-transition:background-color .1s, -webkit-box-shadow 0.5s;
    transition:background-color .1s, -webkit-box-shadow 0.5s;
    transition:box-shadow 0.5s, background-color .1s;
    transition:box-shadow 0.5s, background-color .1s, -webkit-box-shadow 0.5s
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:1px solid #000;
    -webkit-box-shadow:0;
    box-shadow:0;
    border-radius:0
}
legend{
    display:block;
    width:100%
}
.FormInput{
    display:block;
    margin-bottom:15px
}
.FormInput::before,.FormInput::after{
    content:"";
    display:table
}
.FormInput::after{
    clear:both
}
.FormInput>label{
    width:33.33%;
    text-align:right;
    float:left;
    padding-right:20px
}
.FormInput>input{
    float:right;
    width:66.667%
}
.FormContainer{
    width:50%;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 750px){
    .FormContainer{
        margin-left:15px
    }
}
@media (max-width: 750px){
    .FormContainer{
        margin-right:15px
    }
}
@media (max-width: 1280px){
    .FormContainer{
        width:calc(60% - 60px)
    }
}
@media (max-width: 1000px){
    .FormContainer{
        width:calc(75% - 60px)
    }
}
@media (max-width: 750px){
    .FormContainer{
        width:auto
    }
}
.FormContainer.FormContainer.FormContainer{
    margin-top:30px;
    margin-bottom:30px
}
@media (max-width: 1280px){
    .FormContainer.FormContainer.FormContainer{
        margin-top:24px
    }
}
@media (max-width: 750px){
    .FormContainer.FormContainer.FormContainer{
        margin-top:15px
    }
}
@media print{
    .FormContainer.FormContainer.FormContainer{
        margin-top:15px
    }
}
@media (max-width: 1280px){
    .FormContainer.FormContainer.FormContainer{
        margin-bottom:24px
    }
}
@media (max-width: 750px){
    .FormContainer.FormContainer.FormContainer{
        margin-bottom:15px
    }
}
@media print{
    .FormContainer.FormContainer.FormContainer{
        margin-bottom:15px
    }
}
.AccordionItem .FormContainer{
    margin-left:20px;
    margin-right:20px;
    width:auto
}
.Form{
    font-size:16px
}
.Form>.FormRow:last-child{
    margin-bottom:0
}
/*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ * Modified by Hinderling Volkart AG for Sunrise */
.pika-single{
    z-index:19999;
    display:block;
    position:relative;
    background:#fff;
    max-width:100%
}
.pika-single::before,.pika-single::after{
    content:"";
    display:table
}
.pika-single::after{
    clear:both
}
.pika-single.is-hidden{
    display:none
}
.pika-single.is-bound{
    position:absolute;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    box-shadow:0 5px 10px rgba(0,0,0,0.1)
}
.pika-lendar{
    float:left;
    width:300px
}
.pika-title{
    position:relative;
    text-align:center;
    padding:5px;
    border-bottom:1px solid #dbe2e9;
    border-top:1px solid #dbe2e9
}
.pika-title::before,.pika-title::after{
    content:"";
    display:table
}
.pika-title::after{
    clear:both
}
.pika-label{
    font-weight:700;
    font-size:18px;
    display:inline-block;
    position:relative;
    z-index:9999;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    overflow:hidden;
    margin:0 4px
}
.pika-title select{
    cursor:pointer;
    position:absolute;
    z-index:9998;
    margin:0;
    left:0;
    top:5px;
    font-size:14px;
    opacity:0
}
.pika-prev,.pika-next{
    display:block;
    cursor:pointer;
    position:relative;
    outline:none;
    border:0;
    padding:0;
    width:20px;
    height:30px;
    text-indent:20px;
    white-space:nowrap;
    overflow:hidden;
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:75% 75%;
    opacity:.5
}
.pika-prev:hover,.pika-next:hover{
    opacity:1
}
.pika-prev,.is-rtl .pika-next{
    float:left;
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==")
}
.pika-next,.is-rtl .pika-prev{
    float:right;
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=")
}
.pika-prev.is-disabled,.pika-next.is-disabled{
    cursor:default;
    opacity:.2
}
.pika-select{
    display:inline-block
}
.pika-table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    border:0;
    margin-top:15px
}
.pika-table th,.pika-table td{
    width:14.285714285714286%;
    padding:0
}
.pika-table td{
    border:1px solid #dbe2e9
}
.pika-table th{
    font-weight:300;
    font-size:12px;
    line-height:25px;
    text-align:center
}
.pika-button{
    cursor:pointer;
    display:block;
    outline:none;
    margin:0;
    width:100%;
    font-size:16px;
    text-align:center;
    padding:8px;
    height:40px;
    line-height:1
}
.pika-week{
    font-size:11px;
    color:#999
}
.is-today .pika-button{
    background-color:#dbe2e9
}
.is-selected .pika-button{
    color:#fff;
    background:var(--primary-color)
}
.is-inrange .pika-button{
    background:#D5E9F7
}
.is-startrange .pika-button{
    color:#fff;
    background:#6CB31D;
    -webkit-box-shadow:none;
    box-shadow:none
}
.is-endrange .pika-button{
    color:#fff;
    background:#33aaff;
    -webkit-box-shadow:none;
    box-shadow:none
}
.is-disabled .pika-button{
    pointer-events:none;
    cursor:default;
    color:#999;
    opacity:.3
}
.pika-button:hover{
    color:#27251f;
    background-color:rgba(219,226,233,0.8)
}
.pika-table abbr{
    border-bottom:none;
    cursor:help
}
.Input.file{
    background-color:transparent;
    padding:0;
    border:0
}
.Input.file>input{
    position:absolute !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:polygon(0 0) !important;
    clip-path:polygon(0 0) !important;
    overflow:hidden;
    width:1px;
    height:1px;
    color:#000
}
.Input.file>label{
    background:#fff;
    border:1px solid #dbe2e9;
    padding:12px 20px;
    line-height:1;
    font:inherit;
    width:calc(66.6667% + 1px);
    width:100%;
    display:block;
    position:relative
}
@media (max-width: 750px){
    .Input.file>label{
        width:100%;
        float:none
    }
}
.Input.file>label:after{
    background:url("../images/ui/1x--sprite.png") no-repeat -286px 0px;
    width:22px;
    height:27px;
    content:"";
    position:absolute;
    top:50%;
    margin-top:-14px;
    right:0;
    margin-right:20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    .Input.file>label:after{
        background:url("../images/ui/2x--sprite.png") no-repeat -275px -27px;
        background-size:298px 280px
    }
}
.FormAlert{
    margin-bottom:30px;
    font-size:14px;
    position:relative;
    padding:1rem 1rem 1rem 3.5rem;
    background-color:#fcede6;
    border:1px solid rgba(0,0,0,0.2);
    width:25%;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 1280px){
    .FormAlert{
        margin-bottom:24px
    }
}
@media (max-width: 750px){
    .FormAlert{
        margin-bottom:15px
    }
}
@media print{
    .FormAlert{
        margin-bottom:15px
    }
}
@media (min-width: 400px){
    .FormAlert{
        font-size:calc(0vw + 14px)
    }
}
@media (min-width: 750px){
    .FormAlert{
        font-size:calc(.37736vw + 11.16981px)
    }
}
@media (min-width: 1280px){
    .FormAlert{
        font-size:16px
    }
}
@media (max-width: 750px){
    .FormAlert{
        margin-left:15px
    }
}
@media (max-width: 750px){
    .FormAlert{
        margin-right:15px
    }
}
@media (max-width: 1280px){
    .FormAlert{
        width:calc(30% - 60px)
    }
}
@media (max-width: 1000px){
    .FormAlert{
        width:calc(37.5% - 60px)
    }
}
@media (max-width: 750px){
    .FormAlert{
        width:auto
    }
}
@media (max-width: 750px){
    .FormAlert{
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
.FormContainer .FormAlert{
    width:100%;
    margin-left:0;
    margin-right:0
}
.FormButtons{
    margin-top:30px;
    margin-bottom:30px;
    width:25%;
    margin-left:8.33333%;
    margin-right:auto
}
@media (max-width: 1280px){
    .FormButtons{
        margin-top:24px
    }
}
@media (max-width: 750px){
    .FormButtons{
        margin-top:15px
    }
}
@media print{
    .FormButtons{
        margin-top:15px
    }
}
@media (max-width: 1280px){
    .FormButtons{
        margin-bottom:24px
    }
}
@media (max-width: 750px){
    .FormButtons{
        margin-bottom:15px
    }
}
@media print{
    .FormButtons{
        margin-bottom:15px
    }
}
@media (max-width: 1280px){
    .FormButtons{
        margin-left:calc(0% + 30px)
    }
}
@media (max-width: 1000px){
    .FormButtons{
        margin-left:calc(0% + 30px)
    }
}
@media (max-width: 750px){
    .FormButtons{
        margin-left:15px
    }
}
@media (max-width: 750px){
    .FormButtons{
        margin-right:15px
    }
}
@media (max-width: 1280px){
    .FormButtons{
        width:calc(30% - 60px)
    }
}
@media (max-width: 1000px){
    .FormButtons{
        width:calc(37.5% - 60px)
    }
}
@media (max-width: 750px){
    .FormButtons{
        width:auto
    }
}
.FormContainer .FormButtons{
    width:100%;
    margin-left:0;
    margin-right:0
}
.FormButtons--list{
    margin-left:33.33%
}
@media (max-width: 750px){
    .FormButtons--list{
        margin-left:0
    }
}
.FormButtons--item{
    margin-bottom:20px
}
.FormButtons--item-reset{
    width:50%
}
.FormRow{
    display:block;
    margin-bottom:20px;
    margin-bottom:1.11111rem
}
.FormRow::before,.FormRow::after{
    content:"";
    display:table
}
.FormRow::after{
    clear:both
}
.FormText p{
    margin-top:1em;
    margin-bottom:1em
}
.FormText q{
    color:#27251f;
    font-size:1.4em;
    font-family:"Georgia","Times New Roman",serif
}
.FormText>*:first-child{
    margin-top:0
}
.FormText>*:last-child{
    margin-bottom:0
}
.FormText em{
    font-style:italic
}
.FormText strong{
    font-weight:bold
}
.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link){
    border-bottom:1px solid currentColor;
    color:inherit;
    overflow:hidden;
    position:relative;
    position:relative
}
.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:0;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    background-color:rgba(0,146,209,0.5)
}
.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover{
    border-bottom:0;
    color:var(--primary-color)
}
.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover::before{
    opacity:1
}
.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="gracebd.net"])::after{
    content:'';
    display:inline-block;
    background:url("../images/ui/1x--sprite.png") no-repeat -257px -235px;
    width:18px;
    height:14px;
    margin-left:8px;
    vertical-align:baseline
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
    .FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.FormText a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="gracebd.net"])::after{
        background:url("../images/ui/2x--sprite.png") no-repeat -228px -231px;
        background-size:298px 280px
    }
}
.Input.date{
    position:relative
}
.Input.date::before{
    content:"\200B"
}
.Input.date>input{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:transparent;
    padding:inherit
}
.Input.date:after{
    right:20px
}
.InputGroup{
    width:100%
}
.InputGroup--row{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:top;
    align-items:top
}
.InputGroup--row>*{
    -ms-flex:1;
    flex:1
}
.InputGroup--row>*.--l{
    -ms-flex:2;
    flex:2
}
.InputGroup--row>*.--xl{
    -ms-flex:3;
    flex:3
}
@media (max-width: 400px){
    .InputGroup--row>*{
        margin-bottom:10px
    }
}
.InputGroup--row>*+*{
    margin-left:20px
}
@media (max-width: 400px){
    .InputGroup--row>*+*{
        margin-left:0
    }
}
@media (max-width: 750px){
    .InputGroup--row{
        width:100%
    }
}
@media (max-width: 400px){
    .InputGroup--row{
        display:block
    }
}
.InputNumber{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center
}
.InputNumber--widget{
    display:inline-block;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:stretch;
    align-items:stretch;
    white-space:nowrap;
    padding-left:10px
}
.InputNumber--widget .InputNumber--input{
    border:1px solid #dbe2e9
}
.InputNumber--button{
    -ms-flex-negative:0;
    flex-shrink:0
}
.InputNumber--input,.BasicInput.number .InputNumber--input{
    display:inline-block;
    vertical-align:middle;
    width:50px;
    line-height:35px;
    height:35px;
    text-align:center;
    -moz-appearance:textfield;
    -webkit-appearance:none
}
.InputNumber--input::-webkit-outer-spin-button,.InputNumber--input::-webkit-inner-spin-button,.BasicInput.number .InputNumber--input::-webkit-outer-spin-button,.BasicInput.number .InputNumber--input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
.InputNumber--button{
    height:35px;
    width:35px;
    background-color:#dbe2e9;
    position:relative
}
.InputNumber--button-decrease:hover,.InputNumber--button-increase:hover{
    background-color:#cbd5df
}
.InputNumber--button-decrease:active:before,.InputNumber--button-decrease:active:after,.InputNumber--button-increase:active:before,.InputNumber--button-increase:active:after{
    -webkit-transform:scale(0.7);
    transform:scale(0.7);
    -webkit-transition:-webkit-transform 50ms ease-out;
    transition:-webkit-transform 50ms ease-out;
    transition:transform 50ms ease-out;
    transition:transform 50ms ease-out, -webkit-transform 50ms ease-out
}
.InputNumber--button-decrease:before,.InputNumber--button-increase:before{
    content:'';
    position:absolute;
    top:50%;
    height:1px;
    background-color:#27251f;
    width:20px;
    left:50%;
    margin-left:-10px
}
.InputNumber--button-increase:after{
    content:'';
    position:absolute;
    left:50%;
    margin-left:-0.5px;
    width:1px;
    background-color:#27251f;
    height:20px;
    top:50%;
    margin-top:-10px
}
.Select{
    width:100%;
    position:relative
}
.Select:after{
    right:20px
}
.Select>select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0;
    padding-right:40px
}
.Select>select::-ms-expand{
    visibility:hidden
}
.Select>select:focus::-ms-value{
    color:inherit;
    background-color:inherit
}
.OptionInput{
    display:block;
    position:relative
}
.OptionInput>input{
    position:absolute;
    opacity:0;
    position:absolute !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:polygon(0 0) !important;
    clip-path:polygon(0 0) !important;
    overflow:hidden;
    width:1px;
    height:1px;
    color:#000
}
.OptionInput>label{
    display:block;
    padding-left:2.4em;
    padding-top:1px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.OptionInput>label::after,.OptionInput>label::before{
    content:'';
    font-size:24px;
    position:absolute;
    top:0;
    left:0;
    width:calc(1em - 2px);
    height:calc(1em - 2px);
    background:#fff;
    color:#fff;
    border-width:1px;
    border-style:solid;
    border-color:#dbe2e9
}
.OptionInput>label::after{
    border-color:#27251f
}
.OptionInput>input[type="checkbox"]+label::after{
    opacity:0;
    background:currentColor;
    border-width:0.8em;
    width:0;
    height:0;
    margin-top:-0.3em;
    margin-left:-0.3em
}
.OptionInput>input[type="radio"]+label::before{
    border-radius:100%
}
.OptionInput>input[type="radio"]+label::after{
    opacity:0;
    background:currentColor;
    border-width:0.8em;
    width:0;
    height:0;
    margin-top:-0.3em;
    margin-left:-0.3em;
    border-radius:100%
}
.OptionInput>input[type="checkbox"]+label:hover::before,.OptionInput>input[type="radio"]+label:hover::before{
    background:white;
    -webkit-transition:color .2s, background .2s;
    transition:color .2s, background .2s
}
.OptionInput>input[type="checkbox"]+label:hover::after,.OptionInput>input[type="radio"]+label:hover::after{
    opacity:.1;
    -webkit-transform:scale(0.7);
    transform:scale(0.7);
    -webkit-transition:opacity .3s, -webkit-transform ease-out .3s;
    transition:opacity .3s, -webkit-transform ease-out .3s;
    transition:transform ease-out .3s, opacity .3s;
    transition:transform ease-out .3s, opacity .3s, -webkit-transform ease-out .3s
}
.OptionInput>input[type="checkbox"]+label:active::before,.OptionInput>input[type="radio"]+label:active::before{
    border-width:1px;
    width:calc(1em - 2px);
    height:calc(1em - 2px);
    color:#27251f;
    -webkit-transition:color .4s, background .4s;
    transition:color .4s, background .4s
}
.OptionInput>input[type="checkbox"]:checked+label::before,.OptionInput>input[type="radio"]:checked+label::before{
    background:white;
    color:#27251f;
    width:calc(1em - 2px);
    height:calc(1em - 2px);
    border-width:1px;
    -webkit-transition:color .4s, background .4s;
    transition:color .4s, background .4s
}
.OptionInput>input[type="checkbox"]:checked+label::after,.OptionInput>input[type="radio"]:checked+label::after{
    color:#27251f;
    opacity:1;
    -webkit-transform:scale(0.2);
    transform:scale(0.2);
    -webkit-transition:none;
    transition:none;
    -webkit-animation:0.01s ease-out radio-marker-in forwards;
    animation:0.01s ease-out radio-marker-in forwards
}
.js .OptionInput>input[type="checkbox"]:checked+label::after,.js .OptionInput>input[type="radio"]:checked+label::after{
    -webkit-animation-duration:.5s;
    animation-duration:.5s
}
@-webkit-keyframes radio-marker-in{
    0%{
        opacity:0;
        -webkit-transform:scale(0.1);
        transform:scale(0.1)
    }
    40%{
        opacity:0.5;
        -webkit-transform:scale(0.3);
        transform:scale(0.3)
    }
    80%{
        -webkit-transform:scale(0.15);
        transform:scale(0.15)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(0.2);
        transform:scale(0.2)
    }
}
@keyframes radio-marker-in{
    0%{
        opacity:0;
        -webkit-transform:scale(0.1);
        transform:scale(0.1)
    }
    40%{
        opacity:0.5;
        -webkit-transform:scale(0.3);
        transform:scale(0.3)
    }
    80%{
        -webkit-transform:scale(0.15);
        transform:scale(0.15)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(0.2);
        transform:scale(0.2)
    }
}
.OptionInputGroup.small .OptionInput,.OptionInput.small{
    font-size:14px
}
.OptionInputGroup.small .OptionInput>label::after,.OptionInputGroup.small .OptionInput>label::before,.OptionInput.small>label::after,.OptionInput.small>label::before{
    font-size:24px
}
.BasicInput .OptionInputGroup{
    width:100%
}
.BasicInput .OptionInputGroup::before,.BasicInput .OptionInputGroup::after{
    content:"";
    display:table
}
.BasicInput .OptionInputGroup::after{
    clear:both
}
.BasicInput .OptionInputGroup>.FormField{
    width:calc(66.6667% + 1px);
    float:right
}
@media (max-width: 750px){
    .BasicInput .OptionInputGroup>.FormField{
        width:100%;
        float:none
    }
}
.OptionInputGroup .OptionInput{
    display:block;
    margin-bottom:13px
}
.OptionInputGroup.inline .OptionInput{
    display:inline-block;
    margin-right:1.5em
}
.VerticalInput .FormLabel{
    display:block;
    position:relative;
    margin-bottom:5px;
    margin-bottom:.27778rem
}
.VerticalInput .Input,.VerticalInput select,.VerticalInput textarea,.VerticalInput input{
    background:#fff;
    border:1px solid #dbe2e9;
    padding:12px 20px;
    line-height:1;
    font:inherit;
    width:100%
}
@media (max-width: 750px){
    .VerticalInput .Input,.VerticalInput select,.VerticalInput textarea,.VerticalInput input{
        width:100%;
        float:none
    }
}
.VerticalInput .Input:focus,.VerticalInput select:focus,.VerticalInput textarea:focus,.VerticalInput input:focus{
    background:white;
    -webkit-box-shadow:0 0 8px 1px rgba(39,37,31,0.2);
    box-shadow:0 0 8px 1px rgba(39,37,31,0.2);
    -webkit-transition:background-color .1s, -webkit-box-shadow 0.5s;
    transition:background-color .1s, -webkit-box-shadow 0.5s;
    transition:box-shadow 0.5s, background-color .1s;
    transition:box-shadow 0.5s, background-color .1s, -webkit-box-shadow 0.5s
}
.l-FlexGrid{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    page-break-inside:avoid;
    margin-right:-30px;
    margin-top:-30px
}
.l-FlexGrid>*{
    float:left;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:33.33333%
}
.l-FlexGrid>*{
    padding-right:30px
}
.l-FlexGrid>*{
    margin-top:30px
}
.l-FlexGrid::after{
    content:'';
    display:table;
    clear:both
}
.l1of1{
    width:100%
}
.l1of2{
    width:50%
}
.l1of3{
    width:33.33333%
}
.l2of3{
    width:66.66667%
}
.l1of4{
    width:25%
}
.l3of4{
    width:75%
}
.l1of5{
    width:20%
}
.l2of5{
    width:40%
}
.l3of5{
    width:60%
}
.l4of5{
    width:80%
}
@media print{
    body .l1of1-print{
        width:100%
    }
    body .l1of2-print{
        width:50%
    }
    body .l1of3-print{
        width:33.33333%
    }
    body .l2of3-print{
        width:66.66667%
    }
    body .l1of4-print{
        width:25%
    }
    body .l3of4-print{
        width:75%
    }
    body .l1of5-print{
        width:20%
    }
    body .l2of5-print{
        width:40%
    }
    body .l3of5-print{
        width:60%
    }
    body .l4of5-print{
        width:80%
    }
}
@media (max-width: 1280px){
    .l1of1-tablet{
        width:100%
    }
    .l1of2-tablet{
        width:50%
    }
    .l1of3-tablet{
        width:33.33333%
    }
    .l2of3-tablet{
        width:66.66667%
    }
    .l1of4-tablet{
        width:25%
    }
    .l3of4-tablet{
        width:75%
    }
    .l1of5-tablet{
        width:20%
    }
    .l2of5-tablet{
        width:40%
    }
    .l3of5-tablet{
        width:60%
    }
    .l4of5-tablet{
        width:80%
    }
}
@media (max-width: 1000px){
    .l1of1-tablet-portrait{
        width:100%
    }
    .l1of2-tablet-portrait{
        width:50%
    }
    .l1of3-tablet-portrait{
        width:33.33333%
    }
    .l2of3-tablet-portrait{
        width:66.66667%
    }
    .l1of4-tablet-portrait{
        width:25%
    }
    .l3of4-tablet-portrait{
        width:75%
    }
    .l1of5-tablet-portrait{
        width:20%
    }
    .l2of5-tablet-portrait{
        width:40%
    }
    .l3of5-tablet-portrait{
        width:60%
    }
    .l4of5-tablet-portrait{
        width:80%
    }
}
@media (max-width: 750px){
    .l1of1-mobile{
        width:100%
    }
    .l1of2-mobile{
        width:50%
    }
    .l1of3-mobile{
        width:33.33333%
    }
    .l2of3-mobile{
        width:66.66667%
    }
    .l1of4-mobile{
        width:25%
    }
    .l3of4-mobile{
        width:75%
    }
    .l1of5-mobile{
        width:20%
    }
    .l2of5-mobile{
        width:40%
    }
    .l3of5-mobile{
        width:60%
    }
    .l4of5-mobile{
        width:80%
    }
}
@media (max-width: 580px){
    .l1of1-mobile-narrow{
        width:100%
    }
    .l1of2-mobile-narrow{
        width:50%
    }
    .l1of3-mobile-narrow{
        width:33.33333%
    }
    .l2of3-mobile-narrow{
        width:66.66667%
    }
    .l1of4-mobile-narrow{
        width:25%
    }
    .l3of4-mobile-narrow{
        width:75%
    }
    .l1of5-mobile-narrow{
        width:20%
    }
    .l2of5-mobile-narrow{
        width:40%
    }
    .l3of5-mobile-narrow{
        width:60%
    }
    .l4of5-mobile-narrow{
        width:80%
    }
}
@media (max-width: 400px){
    .l1of1-mobile-portrait{
        width:100%
    }
    .l1of2-mobile-portrait{
        width:50%
    }
    .l1of3-mobile-portrait{
        width:33.33333%
    }
    .l2of3-mobile-portrait{
        width:66.66667%
    }
    .l1of4-mobile-portrait{
        width:25%
    }
    .l3of4-mobile-portrait{
        width:75%
    }
    .l1of5-mobile-portrait{
        width:20%
    }
    .l2of5-mobile-portrait{
        width:40%
    }
    .l3of5-mobile-portrait{
        width:60%
    }
    .l4of5-mobile-portrait{
        width:80%
    }
}
.l-FlexGrid.left{
    -ms-flex-pack:start;
    justify-content:flex-start
}
.l-FlexGrid.center{
    -ms-flex-pack:center;
    justify-content:center
}
.l-FlexGrid.right{
    -ms-flex-pack:end;
    justify-content:flex-end
}
.l-FlexGrid.nogutter{
    margin-right:0
}
.l-FlexGrid.nogutter>*{
    padding-right:0
}
.l-FlexGrid.gutter{
    margin-right:-30px
}
.l-FlexGrid.gutter>*{
    padding-right:30px
}
.l-FlexGrid.gap{
    margin-top:-30px
}
.l-FlexGrid.gap>*{
    margin-top:30px
}
.l-FlexGrid.nogap{
    margin-top:0
}
.l-FlexGrid.nogap>*{
    margin-top:0
}
.l-SteadyGrid{
    margin-right:-30px;
    margin-top:-30px
}
.l-SteadyGrid::after{
    content:"";
    display:table;
    clear:both
}
.l-SteadyGrid>*{
    float:left;
    padding-right:30px;
    padding-top:30px;
    width:50%
}
.l-SteadyGrid>*:nth-child(2n+1){
    clear:left
}
.l-SteadyGrid.noGutter{
    margin-right:0
}
.l-SteadyGrid.noGutter>*{
    padding-right:0
}
.l-SteadyGrid.largeGap{
    margin-top:-60px
}
.l-SteadyGrid.largeGap>*{
    padding-top:60px
}
.l-SteadyGrid.noGap{
    margin-top:0
}
.l-SteadyGrid.noGap>*{
    padding-top:0
}
.l-SteadyGrid.l1>*{
    width:100%
}
.l-SteadyGrid.l1>*:nth-child(1n+1){
    clear:left
}
.l-SteadyGrid.l2>*{
    width:50%
}
.l-SteadyGrid.l2>*:nth-child(2n+1){
    clear:left
}
.l-SteadyGrid.l3>*{
    width:33.33333%
}
.l-SteadyGrid.l3>*:nth-child(3n+1){
    clear:left
}
.l-SteadyGrid.l4>*{
    width:25%
}
.l-SteadyGrid.l4>*:nth-child(4n+1){
    clear:left
}
@media (max-width: 1280px){
    .l-SteadyGrid.l1-tablet>*{
        width:100%
    }
    .l-SteadyGrid.l1-tablet>*:nth-child(1n+1){
        clear:left
    }
    .l-SteadyGrid.l2-tablet>*{
        width:50%
    }
    .l-SteadyGrid.l2-tablet>*:nth-child(2n+1){
        clear:left
    }
    .l-SteadyGrid.l3-tablet>*{
        width:33.33333%
    }
    .l-SteadyGrid.l3-tablet>*:nth-child(3n+1){
        clear:left
    }
    .l-SteadyGrid.l4-tablet>*{
        width:25%
    }
    .l-SteadyGrid.l4-tablet>*:nth-child(4n+1){
        clear:left
    }
}
@media (max-width: 1000px){
    .l-SteadyGrid.l1-tablet-portrait>*{
        width:100%
    }
    .l-SteadyGrid.l1-tablet-portrait>*:nth-child(1n+1){
        clear:left
    }
    .l-SteadyGrid.l2-tablet-portrait>*{
        width:50%
    }
    .l-SteadyGrid.l2-tablet-portrait>*:nth-child(2n+1){
        clear:left
    }
    .l-SteadyGrid.l3-tablet-portrait>*{
        width:33.33333%
    }
    .l-SteadyGrid.l3-tablet-portrait>*:nth-child(3n+1){
        clear:left
    }
    .l-SteadyGrid.l4-tablet-portrait>*{
        width:25%
    }
    .l-SteadyGrid.l4-tablet-portrait>*:nth-child(4n+1){
        clear:left
    }
}
@media (max-width: 750px){
    .l-SteadyGrid.l1-mobile>*{
        width:100%
    }
    .l-SteadyGrid.l1-mobile>*:nth-child(1n+1){
        clear:left
    }
    .l-SteadyGrid.l2-mobile>*{
        width:50%
    }
    .l-SteadyGrid.l2-mobile>*:nth-child(2n+1){
        clear:left
    }
    .l-SteadyGrid.l3-mobile>*{
        width:33.33333%
    }
    .l-SteadyGrid.l3-mobile>*:nth-child(3n+1){
        clear:left
    }
    .l-SteadyGrid.l4-mobile>*{
        width:25%
    }
    .l-SteadyGrid.l4-mobile>*:nth-child(4n+1){
        clear:left
    }
}
@media (max-width: 580px){
    .l-SteadyGrid.l1-mobile-narrow>*{
        width:100%
    }
    .l-SteadyGrid.l1-mobile-narrow>*:nth-child(1n+1){
        clear:left
    }
    .l-SteadyGrid.l2-mobile-narrow>*{
        width:50%
    }
    .l-SteadyGrid.l2-mobile-narrow>*:nth-child(2n+1){
        clear:left
    }
    .l-SteadyGrid.l3-mobile-narrow>*{
        width:33.33333%
    }
    .l-SteadyGrid.l3-mobile-narrow>*:nth-child(3n+1){
        clear:left
    }
    .l-SteadyGrid.l4-mobile-narrow>*{
        width:25%
    }
    .l-SteadyGrid.l4-mobile-narrow>*:nth-child(4n+1){
        clear:left
    }
}
@media (max-width: 400px){
    .l-SteadyGrid.l1-mobile-portrait>*{
        width:100%
    }
    .l-SteadyGrid.l1-mobile-portrait>*:nth-child(1n+1){
        clear:left
    }
    .l-SteadyGrid.l2-mobile-portrait>*{
        width:50%
    }
    .l-SteadyGrid.l2-mobile-portrait>*:nth-child(2n+1){
        clear:left
    }
    .l-SteadyGrid.l3-mobile-portrait>*{
        width:33.33333%
    }
    .l-SteadyGrid.l3-mobile-portrait>*:nth-child(3n+1){
        clear:left
    }
    .l-SteadyGrid.l4-mobile-portrait>*{
        width:25%
    }
    .l-SteadyGrid.l4-mobile-portrait>*:nth-child(4n+1){
        clear:left
    }
}
.Collapsible{
    width:83.33333%;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    margin-bottom:60px;
}
@media (max-width: 750px){
    .Collapsible{
        margin-left:15px
    }
}
@media (max-width: 750px){
    .Collapsible{
        margin-right:15px
    }
}
@media (max-width: 1280px){
    .Collapsible{
        width:calc(100% - 60px)
    }
}
@media (max-width: 1000px){
    .Collapsible{
        width:calc(100% - 60px)
    }
}
@media (max-width: 750px){
    .Collapsible{
        width:auto
    }
}
@media (max-width: 1280px){
    .Collapsible{
        margin-top:48px
    }
}
@media (max-width: 750px){
    .Collapsible{
        margin-top:30px
    }
}
@media print{
    .Collapsible{
        margin-top:30px
    }
}
@media (max-width: 1280px){
    .Collapsible{
        margin-bottom:48px
    }
}
@media (max-width: 750px){
    .Collapsible{
        margin-bottom:30px
    }
}
@media print{
    .Collapsible{
        margin-bottom:30px
    }
}
.Collapsible.small{
    width:50%;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 750px){
    .Collapsible.small{
        margin-left:15px
    }
}
@media (max-width: 750px){
    .Collapsible.small{
        margin-right:15px
    }
}
@media (max-width: 1280px){
    .Collapsible.small{
        width:calc(60% - 60px)
    }
}
@media (max-width: 1000px){
    .Collapsible.small{
        width:calc(75% - 60px)
    }
}
@media (max-width: 750px){
    .Collapsible.small{
        width:auto
    }
}
.ArticleColumnLayout .Collapsible{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-left:0;
    margin-top:0;
    padding-right:40px
}
@media (max-width: 750px){
    .ArticleColumnLayout .Collapsible{
        margin-left:15px
    }
}
@media (max-width: 750px){
    .ArticleColumnLayout .Collapsible{
        margin-right:15px
    }
}
@media (max-width: 1280px){
    .ArticleColumnLayout .Collapsible{
        width:calc(100% - 60px)
    }
}
@media (max-width: 1000px){
    .ArticleColumnLayout .Collapsible{
        width:calc(100% - 60px)
    }
}
@media (max-width: 750px){
    .ArticleColumnLayout .Collapsible{
        width:auto
    }
}
@media (max-width: 1000px){
    .ArticleColumnLayout .Collapsible{
        width:100%;
        padding-right:0
    }
}
.isFull .Collapsible--items{
    width:87.5%;
    padding-right:200px;
    margin-bottom:30px;
    float:left
}
@media (max-width: 1382px){
    .isFull .Collapsible--items{
        padding-right:60px;
        width:67.5%
    }
}
@media (max-width: 1000px){
    .isFull .Collapsible--items{
        width:100%;
        padding-right:0
    }
}
.Collapsible--content{
    margin-top:30px;
    margin-bottom:30px
}
@media (max-width: 1280px){
    .Collapsible--content{
        margin-top:24px
    }
}
@media (max-width: 750px){
    .Collapsible--content{
        margin-top:15px
    }
}
@media print{
    .Collapsible--content{
        margin-top:15px
    }
}
@media (max-width: 1280px){
    .Collapsible--content{
        margin-bottom:24px
    }
}
@media (max-width: 750px){
    .Collapsible--content{
        margin-bottom:15px
    }
}
@media print{
    .Collapsible--content{
        margin-bottom:15px
    }
}
.Collapsible--content>*:first-child{
    margin-top:0
}
.Collapsible--content>*:last-child{
    margin-bottom:0
}
.Collapsible--content.Collapsible--content>*{
    width:100%;
    margin-left:0;
    margin-right:0
}
.Collapsible--item{
    border-bottom:1px solid #dbe2e9
}
.theme-dark .Collapsible--item,[data-theme="dark"] .Collapsible--item{
    border-bottom:1px solid rgba(219,226,233,0.2)
}
.theme-dark .Collapsible--item:first-of-type,[data-theme="dark"] .Collapsible--item:first-of-type{
    border-top:1px solid rgba(219,226,233,0.2)
}
.Collapsible--item:last-child{
    border-bottom:none
}
.Collapsible--head{
    position:relative
}
.Collapsible--heading{
    font-size:17px;
    line-height:1.5;
    font-weight:300;
    padding:30px 60px 30px 0;
    -webkit-transition:color 200ms;
    transition:color 200ms
}
@media (min-width: 400px){
    .Collapsible--heading{
        font-size:calc(.28571vw + 15.85714px)
    }
}
@media (min-width: 750px){
    .Collapsible--heading{
        font-size:calc(.37736vw + 15.16981px)
    }
}
@media (min-width: 1280px){
    .Collapsible--heading{
        font-size:20px;
    }
}