@media only screen and (min-width:992px) {
   .container {
       width: 992px
   }
   .col-lg {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: auto;
       flex-basis: auto
   }
   .col-lg,
   .col-lg-1 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-1 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 8.33333%;
       flex-basis: 8.33333%;
       max-width: 8.33333%
   }
   .col-lg-2 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 16.66667%;
       flex-basis: 16.66667%;
       max-width: 16.66667%
   }
   .col-lg-2,
   .col-lg-3 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-3 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 25%;
       flex-basis: 25%;
       max-width: 25%
   }
   .col-lg-4 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 33.33333%;
       flex-basis: 33.33333%;
       max-width: 33.33333%
   }
   .col-lg-4,
   .col-lg-5 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-5 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 41.66667%;
       flex-basis: 41.66667%;
       max-width: 41.66667%
   }
   .col-lg-6 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 50%;
       flex-basis: 50%;
       max-width: 50%
   }
   .col-lg-6,
   .col-lg-7 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-7 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 58.33333%;
       flex-basis: 58.33333%;
       max-width: 58.33333%
   }
   .col-lg-8 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 66.66667%;
       flex-basis: 66.66667%;
       max-width: 66.66667%
   }
   .col-lg-8,
   .col-lg-9 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-9 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 75%;
       flex-basis: 75%;
       max-width: 75%
   }
   .col-lg-10 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 83.33333%;
       flex-basis: 83.33333%;
       max-width: 83.33333%
   }
   .col-lg-10,
   .col-lg-11 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-11 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 91.66667%;
       flex-basis: 91.66667%;
       max-width: 91.66667%
   }
   .col-lg-12 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       max-width: 100%
   }
   .col-lg-12,
   .col-lg-offset-0 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-0 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       margin-left: 0
   }
   .col-lg-offset-1 {
       margin-left: 8.33333%
   }
   .col-lg-offset-1,
   .col-lg-offset-2 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-2 {
       margin-left: 16.66667%
   }
   .col-lg-offset-3 {
       margin-left: 25%
   }
   .col-lg-offset-3,
   .col-lg-offset-4 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-4 {
       margin-left: 33.33333%
   }
   .col-lg-offset-5 {
       margin-left: 41.66667%
   }
   .col-lg-offset-5,
   .col-lg-offset-6 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-6 {
       margin-left: 50%
   }
   .col-lg-offset-7 {
       margin-left: 58.33333%
   }
   .col-lg-offset-7,
   .col-lg-offset-8 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-8 {
       margin-left: 66.66667%
   }
   .col-lg-offset-9 {
       margin-left: 75%
   }
   .col-lg-offset-9,
   .col-lg-offset-10 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-10 {
       margin-left: 83.33333%
   }
   .col-lg-offset-11 {
       margin-left: 91.66667%
   }
   .col-lg-offset-11,
   .col-lg-offset-12 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-lg-offset-12 {
       margin-left: 100%
   }
   .col-lg {
       -webkit-box-flex: 1;
       -moz-flex-grow: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       max-width: 100%
   }
   .start-lg {
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       -moz-justify-content: flex-start;
       justify-content: flex-start;
       text-align: start
   }
   .center-lg {
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       -moz-justify-content: center;
       justify-content: center;
       text-align: center
   }
   .end-lg {
       -webkit-box-pack: end;
       -ms-flex-pack: end;
       -moz-justify-content: flex-end;
       justify-content: flex-end;
       text-align: end
   }
   .top-lg {
       -webkit-box-align: start;
       -ms-flex-align: start;
       -moz-align-items: flex-start;
       align-items: flex-start
   }
   .middle-lg {
       -webkit-box-align: center;
       -ms-flex-align: center;
       -moz-align-items: center;
       align-items: center
   }
   .bottom-lg {
       -webkit-box-align: end;
       -ms-flex-align: end;
       -moz-align-items: flex-end;
       align-items: flex-end
   }
   .around-lg {
       -ms-flex-pack: distribute;
       -moz-justify-content: space-around;
       justify-content: space-around
   }
   .between-lg {
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       -moz-justify-content: space-between;
       justify-content: space-between
   }
   .first-lg {
       -webkit-box-ordinal-group: 0;
       -ms-flex-order: -1;
       order: -1
   }
   .last-lg {
       -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1
   }
}

@media only screen and (min-width:1280px) {
   .container {
       width: 1280px
   }
   .col-xl {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: auto;
       flex-basis: auto
   }
   .col-xl,
   .col-xl-1 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-1 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 8.33333%;
       flex-basis: 8.33333%;
       max-width: 8.33333%
   }
   .col-xl-2 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 16.66667%;
       flex-basis: 16.66667%;
       max-width: 16.66667%
   }
   .col-xl-2,
   .col-xl-3 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-3 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 25%;
       flex-basis: 25%;
       max-width: 25%
   }
   .col-xl-4 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 33.33333%;
       flex-basis: 33.33333%;
       max-width: 33.33333%
   }
   .col-xl-4,
   .col-xl-5 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-5 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 41.66667%;
       flex-basis: 41.66667%;
       max-width: 41.66667%
   }
   .col-xl-6 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 50%;
       flex-basis: 50%;
       max-width: 50%
   }
   .col-xl-6,
   .col-xl-7 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-7 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 58.33333%;
       flex-basis: 58.33333%;
       max-width: 58.33333%
   }
   .col-xl-8 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 66.66667%;
       flex-basis: 66.66667%;
       max-width: 66.66667%
   }
   .col-xl-8,
   .col-xl-9 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-9 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 75%;
       flex-basis: 75%;
       max-width: 75%
   }
   .col-xl-10 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 83.33333%;
       flex-basis: 83.33333%;
       max-width: 83.33333%
   }
   .col-xl-10,
   .col-xl-11 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-11 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 91.66667%;
       flex-basis: 91.66667%;
       max-width: 91.66667%
   }
   .col-xl-12 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       max-width: 100%
   }
   .col-xl-12,
   .col-xl-offset-0 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-0 {
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       margin-left: 0
   }
   .col-xl-offset-1 {
       margin-left: 8.33333%
   }
   .col-xl-offset-1,
   .col-xl-offset-2 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-2 {
       margin-left: 16.66667%
   }
   .col-xl-offset-3 {
       margin-left: 25%
   }
   .col-xl-offset-3,
   .col-xl-offset-4 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-4 {
       margin-left: 33.33333%
   }
   .col-xl-offset-5 {
       margin-left: 41.66667%
   }
   .col-xl-offset-5,
   .col-xl-offset-6 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-6 {
       margin-left: 50%
   }
   .col-xl-offset-7 {
       margin-left: 58.33333%
   }
   .col-xl-offset-7,
   .col-xl-offset-8 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-8 {
       margin-left: 66.66667%
   }
   .col-xl-offset-9 {
       margin-left: 75%
   }
   .col-xl-offset-9,
   .col-xl-offset-10 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-10 {
       margin-left: 83.33333%
   }
   .col-xl-offset-11 {
       margin-left: 91.66667%
   }
   .col-xl-offset-11,
   .col-xl-offset-12 {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -moz-flex-grow: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       padding-right: .6875rem;
       padding-left: .6875rem
   }
   .col-xl-offset-12 {
       margin-left: 100%
   }
   .col-xl {
       -webkit-box-flex: 1;
       -moz-flex-grow: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       max-width: 100%
   }
   .start-xl {
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       -moz-justify-content: flex-start;
       justify-content: flex-start;
       text-align: start
   }
   .center-xl {
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       -moz-justify-content: center;
       justify-content: center;
       text-align: center
   }
   .end-xl {
       -webkit-box-pack: end;
       -ms-flex-pack: end;
       -moz-justify-content: flex-end;
       justify-content: flex-end;
       text-align: end
   }
   .top-xl {
       -webkit-box-align: start;
       -ms-flex-align: start;
       -moz-align-items: flex-start;
       align-items: flex-start
   }
   .middle-xl {
       -webkit-box-align: center;
       -ms-flex-align: center;
       -moz-align-items: center;
       align-items: center
   }
   .bottom-xl {
       -webkit-box-align: end;
       -ms-flex-align: end;
       -moz-align-items: flex-end;
       align-items: flex-end
   }
   .around-xl {
       -ms-flex-pack: distribute;
       -moz-justify-content: space-around;
       justify-content: space-around
   }
   .between-xl {
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       -moz-justify-content: space-between;
       justify-content: space-between
   }
   .first-xl {
       -webkit-box-ordinal-group: 0;
       -ms-flex-order: -1;
       order: -1
   }
   .last-xl {
       -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1
   }
}

._screenreader-only {
   width: 1px;
   height: 1px;
   display: inline-block;
   overflow: hidden;
   position: absolute!important;
   border: 0!important;
   padding: 0!important;
   margin: 0!important;
   clip: rect(1px, 1px, 1px, 1px)
}

._screenreader-only.-focusable:focus {
   width: auto!important;
   height: auto!important;
   margin: 0!important;
   overflow: auto!important;
   clip: auto!important
}

._text-center {
   text-align: center
}

._label {
   font-size: .875em;
   line-height: 1.1rem;
   font-weight: 300;
   text-transform: uppercase
}

@media (min-width:768px) {
   ._label {
       font-size: .777777778em
   }
}

._loud {
   font-size: 2rem;
   line-height: 3.09375rem
}

@media (min-width:768px) {
   ._loud {
       font-size: 3.125rem;
       line-height: 4.46875rem
   }
}

._no-underline {
   text-decoration: none!important
}

._margin-left-negative-half {
   margin-left: -.6875rem
}

._margin-top {
   margin-top: 1.375rem!important
}

._margin-bottom {
   margin-bottom: 1.375rem!important
}

._margin-top-2 {
   margin-top: 2.75rem!important
}

._margin-bottom-2 {
   margin-bottom: 2.75rem!important
}

._margin-bottom-3 {
   margin-bottom: 4.125rem!important
}

._margin-top-4 {
   margin-top: 5.5rem!important
}

._margin-top-6 {
   margin-top: 8.25rem!important
}

._margin-bottom-default {
   margin-bottom: 5.3625rem!important
}

._margin-bottom-medium {
   margin-bottom: 2.75rem!important
}

@media (min-width:768px) {
   ._margin-bottom-medium {
       margin-bottom: 5.5rem!important
   }
}

._margin-bottom-large {
   margin-bottom: 4.8125rem!important
}

@media (min-width:768px) {
   ._margin-bottom-large {
       margin-bottom: 8.9375rem!important
   }
}

@media (max-width:575px) {
   ._margin-bottom-large-xs {
       margin-bottom: 8.9375rem!important
   }
}

._margin-bottom-huge {
   margin-bottom: 12.375rem!important
}

._margin-top-bottom {
   margin-top: 4.8125rem!important;
   margin-bottom: 4.8125rem!important
}

@media (min-width:768px) {
   ._margin-top-bottom {
       margin-top: 8.9375rem!important;
       margin-bottom: 8.9375rem!important
   }
}

@media (min-width:992px) {
   ._padding-lg-right-2 {
       padding-right: 6rem
   }
}

._flex-center {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

@media (max-width:575px) {
   ._fullbleedxs {
       margin-left: -1.375rem;
       margin-right: -1.375rem
   }
}

._hidden {
   display: none!important
}

@media (max-width:575px) {
   ._hidden-small {
       display: none
   }
}

@media (min-width:576px) {
   ._hidden-large {
       display: none
   }
}

@media (min-width:768px) {
   ._blog-width {
       max-width: 740px;
       margin: 0 auto
   }
}

._shadow {
   -webkit-box-shadow: 0 10px 57px -1px rgba(0, 0, 0, .4)!important;
   box-shadow: 0 10px 57px -1px rgba(0, 0, 0, .4)!important
}

._full-width {
   width: 100%!important
}

._width-400 {
   max-width: 400px!important
}

:root {
   font-family: Effra, Arial, sans-serif;
   font-size: 16px;
   font-weight: 300;
   letter-spacing: .05em;
   word-spacing: .1em
}

@media (min-width:768px) {
   :root {
       font-size: 18px
   }
}

body {
   color: #000;
   line-height: 1.71875rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.info-box .multiple-mobile-content>.wrapper>.title,
.info-box>.wrapper>.title,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: Effra, Arial, sans-serif;
   font-weight: 700;
   margin-bottom: 0;
   margin-top: 0;
   text-rendering: optimizeLegibility
}

.h1,
h1 {
   font-size: 2rem;
   line-height: 2.75rem;
   letter-spacing: .025em
}

@media (min-width:768px) {
   .h1,
   h1 {
       font-size: 2.888888889rem;
       line-height: 4.46875rem
   }
}

.h2,
h2 {
   font-size: 1.5625rem;
   line-height: 2.2rem;
   letter-spacing: .03em
}

@media (min-width:768px) {
   .h2,
   h2 {
       font-size: 2rem;
       line-height: 3.025rem
   }
}

.h3,
.info-box .multiple-mobile-content>.wrapper>.title,
.info-box>.wrapper>.title,
h3 {
   font-size: 1.25rem;
   line-height: 1.7875rem
}

@media (min-width:768px) {
   .h3,
   .info-box .multiple-mobile-content>.wrapper>.title,
   .info-box>.wrapper>.title,
   h3 {
       font-size: 1.388888889rem;
       line-height: 2.40625rem
   }
}

.h4,
h4 {
   font-size: 1.25rem;
   line-height: 1.71875rem
}

.h5,
h5 {
   font-size: 1.125rem;
   line-height: 1.375rem
}

.strong,
strong {
   font-weight: 900
}

.body-text.-delink,
.text.-delink {
   text-decoration: none
}

.body-text.-light,
.text.-light {
   font-weight: 300;
   line-height: 2.0625rem
}

.body-text.-large,
.text.-large {
   font-size: 1.28em
}

.body-text.-medium,
.text.-medium {
   font-size: 1.14rem
}

.body-text.-upper,
.text.-upper {
   text-transform: uppercase
}

@media (min-width:1280px) {
   .body-text.-xllarger,
   .text.-xllarger {
       font-size: 1.125rem
   }
}

@media print {
   *,
   :after,
   :before,
   :first-letter,
   blockquote:first-line,
   div:first-line,
   li:first-line,
   p:first-line {
       background-color: transparent!important;
       color: #000!important;
       -webkit-box-shadow: none!important;
       box-shadow: none!important;
       text-shadow: none!important
   }
   a,
   a:visited {
       text-decoration: underline
   }
   a[href]:after {
       content: " (" attr(href) ")"
   }
   abbr[title]:after {
       content: " (" attr(title) ")"
   }
   a[href^="#"]:after,
   a[href^="javascript:"]:after {
       content: ""
   }
   blockquote,
   pre {
       border: 1px solid #999;
       page-break-inside: avoid
   }
   thead {
       display: table-header-group
   }
   img,
   tr {
       page-break-inside: avoid
   }
   img {
       max-width: 100%!important
   }
   h2,
   h3,
   p {
       orphans: 3;
       widows: 3
   }
   h2,
   h3 {
       page-break-after: avoid
   }
   .svg-inject {
       content: ""
   }
}

img {
   display: inline-block;
   max-width: 100%;
   height: auto;
   image-rendering: -webkit-optimize-contrast
}

img._compensate-shadow {
   margin-top: -2.0625rem!important;
   margin-bottom: -2.0625rem!important
}

@media (min-width:768px) {
   img._compensate-shadow {
       margin-top: -3.4375rem!important;
       margin-bottom: -3.4375rem!important
   }
}

img._compensate-small-shadow {
   margin-top: -.6875rem!important;
   margin-bottom: -.6875rem!important
}

@media (min-width:768px) {
   img._compensate-small-shadow {
       margin-top: -1.71875rem!important;
       margin-bottom: -1.71875rem!important
   }
}

.svg-inject {
   visibility: hidden;
   opacity: 0
}

.no-js .svg-inject,
.svg-inject.-done,
.svg-inject.-fail {
   visibility: visible;
   opacity: 1
}

.svg-inject.-done,
.svg-inject.-done:after,
.svg-inject.-done:before,
.svg-inject.-fail,
.svg-inject.-fail:after,
.svg-inject.-fail:before {
   background-image: none!important
}

.svg-inject.-fail {
   border: 1px dashed red;
   border-radius: 5px;
   padding: 5px
}

.svg-inject.-centered {
   margin-left: auto;
   margin-right: auto;
   display: block
}

.email-contact>.text>.email,
.employee-box>.text>.link {
   text-decoration: none;
   position: relative
}

.email-contact>.text>.email:before,
.employee-box>.text>.link:before {
   content: "";
   display: block;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 50%;
   right: 50%;
   background: #4890d3;
   -webkit-transition: all .2s ease;
   transition: all .2s ease
}

.email-contact>.text>.email:hover:before,
.employee-box>.text>.link:hover:before {
   left: 0;
   right: 0
}

._gradient-green-to-yellow {
   background: linear-gradient(50deg, #73c885 20%, #c0f380)
}

._gradient-blue-to-bright {
   background: linear-gradient(64deg, #377acc, #71ade6)
}

.abilitie-list>.item:nth-child(2) {
   margin: 1.375rem 0
}

@media (min-width:768px) {
   .abilitie-list>.item:nth-child(2) {
       margin: 0 4rem
   }
}

.author-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.author-box.-header {
   border-bottom: 1px solid #e0e1e2;
   padding-bottom: 1.375rem;
   margin-top: -5.5rem;
   margin-bottom: 1.375rem
}

@media (min-width:768px) {
   .author-box.-header {
       margin-top: -4.8125rem;
       margin-bottom: 2.75rem
   }
}

.author-box.-header>.text {
   color: #686868
}

.author-box>.imagewrapper {
   width: 50px
}

@media (min-width:768px) {
   .author-box>.imagewrapper {
       width: 80px
   }
}

.author-box>.imagewrapper>.image {
   border: 2px solid #e0e1e2;
   border-radius: 50%
}

.author-box>.text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-left: .6875rem;
   color: #fff;
   line-height: 1.375rem
}

.author-box>.text>.date,
.author-box>.text>.role {
   opacity: .7;
   font-size: .8125rem;
   line-height: 1.03125rem
}

@media (min-width:768px) {
   .author-box>.text>.date,
   .author-box>.text>.role {
       font-size: .777777778rem
   }
}

.author-box>.text>.role {
   margin-bottom: .34375rem
}

@media (min-width:768px) {
   .overview-box:not(.-large-teaser) .author-box>.imagewrapper {
       width: 42px
   }
}

@media (min-width:768px) {
   .blog-post {
       font-size: 20px;
       line-height: 1.6
   }
}

.blog-post>h3,
.blog-post>h4,
.blog-post>h5 {
   font-weight: 500
}

.blog-post>h2 {
   margin: 4.125rem 0 0
}

.blog-post>h3 {
   margin: 2.75rem 0 0
}

.blog-post>h4,
.blog-post>h5,
.blog-post>p {
   margin: 2.40625rem 0 0
}

.blog-post>.title+p,
.blog-post>h1+p {
   margin: 1.71875rem 0 0
}

.blog-post>h2+p,
.blog-post>h3+p,
.blog-post>h4+p,
.blog-post>h5+p,
.blog-post hr+p {
   margin: 1.03125rem 0 0
}

.blog-post>hr {
   margin: 4.125rem auto;
   width: 102px;
   border: none;
   height: 5px;
   background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='squiggly' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%234890d3' stroke-width='1' class='st0' d='M0, 3.5 c 5, 0, 5, -3, 10, -3 s 5, 3, 10, 3 c 5, 0, 5, -3, 10, -3 s 5, 3, 10, 3'/%3E%3C/svg%3E")
}

.blog-post>p>a {
   word-wrap: break-word;
   overflow-wrap: break-word;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto
}

.blog-post>figure {
   margin: 2.75rem 0 0;
   text-align: center
}

.blog-post>figure>figcaption {
   text-align: center;
   color: #828282;
   font-size: .75rem
}

@media (min-width:768px) {
   .blog-post>figure:not(.video) {
       margin-left: -120px;
       margin-right: -120px
   }
}

.blog-post>.cp_embed_wrapper {
   margin-top: 2.75rem
}

@media (min-width:768px) {
   .blog-post>.cp_embed_wrapper {
       margin-left: -120px;
       margin-right: -120px
   }
}

.blog-post>.video {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 25px;
   height: 0
}

.blog-post>.video>iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.blog-post>.caption {
   margin-top: 0;
   text-align: center;
   color: #828282;
   font-size: .75rem
}

.blog-post>ol,
.blog-post>ul {
   padding-left: 1.375rem
}

.blog-post>ol>li,
.blog-post>ul>li {
   margin: .34375rem 0 0
}

.blog-post>blockquote {
   margin-left: -23px;
   border-left: 3px solid #000;
   padding-left: 20px;
   font-style: normal;
   font-size: 1.125rem;
   font-weight: 400;
   line-height: 1.5
}

@media (min-width:768px) {
   .blog-post>blockquote {
       font-size: 1.388888889rem
   }
}

.blog-post>ol>li>code,
.blog-post>p>code,
.blog-post>ul>li>code {
   background: #edeeee;
   padding: 3px 4px;
   margin: 0 2px;
   font-size: .9em
}

.blog-post>pre {
   white-space: pre-wrap;
   background: #edeeee;
   padding: 1.375rem 2.0625rem;
   word-break: break-all
}

.blog-post>.gist {
   margin-top: 2.75rem
}

.button-hamburger {
   display: inline-block;
   width: 20px;
   height: 20px;
   position: relative;
   border: none;
   background-color: transparent;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(20%, #000), color-stop(80%, #000), color-stop(80%, transparent));
   background-image: linear-gradient(90deg, transparent 20%, #000 0, #000 80%, transparent 0);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: 100% 4px;
   -webkit-transition-delay: .2s;
   transition-delay: .2s;
   -webkit-transition-duration: .2s;
   transition-duration: .2s;
   -webkit-transition-property: background-size;
   transition-property: background-size
}

.button-hamburger:after,
.button-hamburger:before {
   content: "";
   position: absolute;
   left: 0;
   width: 100%;
   height: 4px;
   background-size: 100% 100%;
   -webkit-transition: background-size .2s .2s, top .2s 0s, left .2s 0s, bottom .2s 0s, -webkit-transform .2s 0s;
   transition: background-size .2s .2s, top .2s 0s, left .2s 0s, bottom .2s 0s, -webkit-transform .2s 0s;
   transition: background-size .2s .2s, transform .2s 0s, top .2s 0s, left .2s 0s, bottom .2s 0s;
   transition: background-size .2s .2s, transform .2s 0s, top .2s 0s, left .2s 0s, bottom .2s 0s, -webkit-transform .2s 0s
}

.button-hamburger:before {
   top: 0;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #000), color-stop(60%, transparent), color-stop(80%, transparent), color-stop(80%, #000));
   background-image: linear-gradient(90deg, #000 60%, transparent 0, transparent 80%, #000 0)
}

.button-hamburger:after {
   bottom: 0;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #000), color-stop(20%, transparent), color-stop(40%, transparent), color-stop(40%, #000));
   background-image: linear-gradient(90deg, #000 20%, transparent 0, transparent 40%, #000 0);
   background-position: 100%
}

.button-hamburger.-close {
   background-size: 0 4px;
   -webkit-transition-delay: 0s;
   transition-delay: 0s
}

.button-hamburger.-close:after,
.button-hamburger.-close:before {
   background-size: 200% 100%;
   left: 50%;
   -webkit-transition: background-size .2s 0s, top .2s .2s, left .2s .2s, bottom .2s .2s, -webkit-transform .2s .2s;
   transition: background-size .2s 0s, top .2s .2s, left .2s .2s, bottom .2s .2s, -webkit-transform .2s .2s;
   transition: background-size .2s 0s, transform .2s .2s, top .2s .2s, left .2s .2s, bottom .2s .2s;
   transition: background-size .2s 0s, transform .2s .2s, top .2s .2s, left .2s .2s, bottom .2s .2s, -webkit-transform .2s .2s
}

.button-hamburger.-close:before {
   top: 50%;
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
   transform: translate(-50%, -50%) rotate(45deg)
}

.button-hamburger.-close:after {
   bottom: 50%;
   -webkit-transform: translate(-50%, 50%) rotate(-45deg);
   transform: translate(-50%, 50%) rotate(-45deg)
}

.site-header.-bright .button-hamburger:not(.-close) {
   background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(20%, #fff), color-stop(80%, #fff), color-stop(80%, transparent));
   background-image: linear-gradient(90deg, transparent 20%, #fff 0, #fff 80%, transparent 0)
}

.site-header.-bright .button-hamburger:not(.-close):before {
   background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #fff), color-stop(60%, transparent), color-stop(80%, transparent), color-stop(80%, #fff));
   background-image: linear-gradient(90deg, #fff 60%, transparent 0, transparent 80%, #fff 0)
}

.site-header.-bright .button-hamburger:not(.-close):after {
   background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), color-stop(20%, transparent), color-stop(40%, transparent), color-stop(40%, #fff));
   background-image: linear-gradient(90deg, #fff 20%, transparent 0, transparent 40%, #fff 0)
}

.button-plain {
   border-radius: 0;
   border: 0;
   padding: 0
}

.button-plain,
.button-primary {
   background: transparent;
   cursor: pointer;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

.button-primary {
   border-radius: 3px;
   border: 0;
   -webkit-box-shadow: 0 0 0 1px #000;
   box-shadow: 0 0 0 1px #000;
   padding: .6875rem 1em
}

.button-primary:hover {
   background-color: #000;
   color: #fff
}

@media (min-width:768px) {
   .button-primary {
       font-size: 1.25em;
       line-height: 2.0625rem
   }
}

.case-teaser {
   position: relative;
   margin: 0;
   min-height: 90vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   color: #fff;
   padding-bottom: 2.75rem
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
   .case-teaser {
       height: 90vh
   }
}

@media (min-width:768px) {
   .case-teaser {
       padding-bottom: 0
   }
}

.case-teaser>.container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

@media (min-width:768px) {
   .case-teaser>.container {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
   }
}

.case-teaser>.container>.content {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   padding: 1.375rem
}

@media (min-width:768px) {
   .case-teaser>.container>.content:not(.-right) {
       padding-right: 60%
   }
   .case-teaser>.container>.content.-right {
       padding-left: 60%
   }
}

.case-teaser>.sticker {
   position: absolute;
   top: 1.375rem;
   right: 1.375rem;
   max-width: 20%;
   z-index: 120
}

@media (max-width:767px) {
   .case-teaser>.sticker {
       width: 40px
   }
}

@media (min-width:768px) {
   .case-teaser>.sticker {
       width: 80px
   }
}

@media (max-width:767px) {
   .case-teaser>.imagewrapper {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: end;
       -ms-flex-align: end;
       align-items: flex-end
   }
}

@media (min-width:768px) {
   .case-teaser {
       max-height: 1200px
   }
   .case-teaser>.imagewrapper {
       position: absolute;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       top: 0;
       height: 100%;
       z-index: 10
   }
}

.case-teaser.-vpbank-1 {
   background: linear-gradient(60deg, #4890d3 40%, #abcdf2)
}

@media (max-width:767px) {
   .case-teaser.-vpbank-1>.imagewrapper {
       -webkit-transform: translate(1em, 3em);
       transform: translate(1em, 3em)
   }
}

@media (min-width:768px) {
   .case-teaser.-vpbank-1>.imagewrapper {
       right: 40%;
       left: 5%;
       -webkit-transform: translateY(5%);
       transform: translateY(5%);
       max-width: 700px
   }
}

@media (min-width:1290px) {
   .case-teaser.-vpbank-1>.imagewrapper {
       left: auto;
       -webkit-transform: translateY(0);
       transform: translateY(0)
   }
}

.case-teaser.-heimat,
.case-teaser.-vpbank {
   background: linear-gradient(60deg, #4890d3 40%, #abcdf2)
}

@media (max-width:767px) {
   .case-teaser.-heimat>.imagewrapper,
   .case-teaser.-vpbank>.imagewrapper {
       -webkit-transform: scale(1.3) translate(-1.7em, .4em);
       transform: scale(1.3) translate(-1.7em, .4em)
   }
}

@media (min-width:768px) {
   .case-teaser.-heimat>.imagewrapper,
   .case-teaser.-vpbank>.imagewrapper {
       right: 45%
   }
}

@media (min-height:550px) and (min-width:768px) {
   .case-teaser.-heimat>.imagewrapper,
   .case-teaser.-vpbank>.imagewrapper {
       right: 40%;
       left: -15%;
       -webkit-transform: translateY(-5%);
       transform: translateY(-5%)
   }
}

@media (min-height:550px) and (min-width:2150px) {
   .case-teaser.-heimat>.imagewrapper,
   .case-teaser.-vpbank>.imagewrapper {
       right: 45%;
       left: auto;
       -webkit-transform: translateY(0);
       transform: translateY(0)
   }
}

.case-teaser.-heimat {
   background: linear-gradient(60deg, #90c885 40%, #aad9a4)
}

.case-teaser.-homegate {
   background: linear-gradient(60deg, #fe756b 40%, #eba685);
   background-image: url(../../images/backgrounds/blurry-zurich.jpg);
   background-size: cover
}

@media (max-width:767px) {
   .case-teaser.-homegate>.imagewrapper {
       -webkit-transform: scale(1.5) translateY(-1em);
       transform: scale(1.5) translateY(-1em)
   }
}

@media (min-width:768px) {
   .case-teaser.-homegate>.imagewrapper {
       left: 47%;
       right: 5%;
       -webkit-transform: translateY(5%);
       transform: translateY(5%);
       max-width: 580px
   }
}

.case-teaser.-schenkzeit {
   background: linear-gradient(60deg, #ccd4e5 40%, #bcc3d5)
}

.case-teaser.-schenkzeit>.imagewrapper {
   padding-top: 10%
}

@media (min-width:768px) {
   .case-teaser.-schenkzeit>.imagewrapper {
       padding-top: 0;
       direction: rtl;
       right: 42%;
       width: 80%
   }
}

@media (min-width:992px) {
   .case-teaser.-schenkzeit>.imagewrapper {
       right: 46%
   }
}

.case-teaser.-baloise {
   background: linear-gradient(60deg, #ddca7c 40%, #fbefbf)
}

.case-teaser.-baloise>.imagewrapper {
   padding-top: 10%;
   left: 20%
}

@media (min-width:768px) {
   .case-teaser.-baloise>.imagewrapper {
       padding-top: 0;
       left: 48%;
       width: 80%
   }
}

@media (min-width:992px) {
   .case-teaser.-baloise>.imagewrapper {
       left: 42%
   }
}

.case-teaser.-baloise .link-arrow:before {
   background-color: #fe756b
}

.case-teaser-figures {
   z-index: 100
}

@media (min-width:768px) {
   .case-teaser-figures {
       display: -webkit-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%
   }
}

.case-teaser-figures>.title {
   font-weight: 500
}

.case-teaser-figures>.text {
   font-size: 1.125rem;
   font-weight: 300;
   line-height: 1.4em
}

@media (min-width:768px) {
   .case-teaser-figures>.text {
       font-size: 1.333333333rem
   }
}

@media (min-width:992px) {
   .case-teaser-figures.-fade>* {
       -webkit-transform: translateY(100px);
       transform: translateY(100px);
       opacity: 0
   }
}

@media (min-width:992px) {
   .case-teaser-figures.-fade.-inviewport>* {
       -webkit-transition: all 2s cubic-bezier(.19, 1, .22, 1);
       transition: all 2s cubic-bezier(.19, 1, .22, 1);
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1
   }
}

.case-teaser-figures.-fade.-inviewport>.title {
   -webkit-transition-delay: .2s;
   transition-delay: .2s
}

.case-teaser-figures.-fade.-inviewport>.text {
   -webkit-transition-delay: .4s;
   transition-delay: .4s
}

.case-teaser-figures.-fade.-inviewport>.link {
   -webkit-transition-delay: .6s;
   transition-delay: .6s
}

.container-divider {
   position: relative;
   padding-top: 2.75rem
}

.container-divider:before {
   z-index: -1;
   content: "";
   background-color: #4890d3;
   height: 5.5rem;
   position: absolute;
   top: 0;
   left: 0;
   right: 0
}

.content-list {
   list-style: none;
   padding-left: 1.71875rem
}

.content-list>.item {
   position: relative
}

.content-list>.item:before {
   position: absolute;
   display: block;
   content: "";
   width: 10px;
   height: 2px;
   top: .6875rem;
   margin-left: -26px;
   background-color: #000
}

.content-sticker {
   position: relative
}

.content-sticker>img {
   position: absolute;
   right: 0
}

@media (max-width:767px) {
   .content-sticker>img {
       top: -1.375rem;
       -webkit-transform: translateY(-100%);
       transform: translateY(-100%);
       max-width: 60px
   }
}

@media (min-width:768px) {
   .content-sticker>img {
       top: 0;
       max-width: 80px
   }
}

.dot-divider:before {
   display: inline-block;
   content: "·";
   margin: 0 8px 0 6px
}

.email-contact {
   text-align: center;
   position: relative
}

@media (min-width:768px) {
   .email-contact {
       margin-top: 2.75rem
   }
}

.email-contact>.text {
   display: inline-block;
   position: relative;
   text-align: left;
   max-width: 440px
}

.email-contact>.text>.circle {
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   -webkit-transform: translate(-65%, -40%);
   transform: translate(-65%, -40%)
}

@media (min-width:768px) {
   .email-contact>.text>.circle {
       width: 196px;
       height: 196px
   }
}

.employee-box {
   -webkit-transition: -webkit-box-shadow .4s ease;
   transition: -webkit-box-shadow .4s ease;
   transition: box-shadow .4s ease;
   transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

@media (min-width:992px) {
   .employee-box:active,
   .employee-box:hover {
       -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
       box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
   }
}

.employee-box:active.-yellow>.imagewrapper,
.employee-box:hover.-yellow>.imagewrapper {
   background-color: #e9ff9d
}

.employee-box:active.-green>.imagewrapper,
.employee-box:hover.-green>.imagewrapper {
   background-color: #73c885
}

.employee-box:active.-mintgreen>.imagewrapper,
.employee-box:hover.-mintgreen>.imagewrapper {
   background-color: #bbeac5
}

.employee-box:active.-blue>.imagewrapper,
.employee-box:hover.-blue>.imagewrapper {
   background-color: #4890d3
}

.employee-box:active.-babyblue>.imagewrapper,
.employee-box:hover.-babyblue>.imagewrapper {
   background-color: #c1e9ff
}

.employee-box:active.-red>.imagewrapper,
.employee-box:hover.-red>.imagewrapper {
   background-color: #fe756b
}

.employee-box:active.-orange>.imagewrapper,
.employee-box:hover.-orange>.imagewrapper {
   background-color: #ffd7a3
}

.employee-box:active>.imagewrapper>.image,
.employee-box:hover>.imagewrapper>.image {
   opacity: 0;
   -webkit-transform: scale(1.5);
   transform: scale(1.5)
}

.employee-box:active>.imagewrapper>.icon,
.employee-box:hover>.imagewrapper>.icon {
   width: 200px;
   margin-top: -100px;
   margin-left: -100px;
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1
}

.employee-box:active>.text>.role>.business,
.employee-box:hover>.text>.role>.business {
   opacity: 0
}

.employee-box:active>.text>.role>.freetime,
.employee-box:hover>.text>.role>.freetime {
   opacity: 1
}

@media (max-width:767px) {
   .employee-box:not(: hover)>.imagewrapper>.icon {
       opacity: .6;
       top: -12px;
       left: -10px;
       width: 100px;
       z-index: 1
   }
}

.employee-box>.imagewrapper {
   position: relative;
   width: 100%;
   padding-bottom: 100%;
   overflow: hidden;
   line-height: 0;
   -webkit-transition: background-color .4s;
   transition: background-color .4s
}

.employee-box>.imagewrapper>.image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   -webkit-transition: all .4s;
   transition: all .4s
}

.employee-box>.imagewrapper>.icon {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0;
   -webkit-transform: scale(.5);
   transform: scale(.5);
   opacity: 0;
   -webkit-transition: all .4s ease;
   transition: all .4s ease
}

.employee-box>.text {
   display: block;
   padding: 1.375rem 0 0
}

@media (max-width:767px) {
   .employee-box>.text {
       margin-bottom: 4.125rem
   }
}

@media (min-width:768px) {
   .employee-box>.text {
       padding: 1.375rem 0 2.0625rem
   }
}

@media (min-width:992px) {
   .employee-box>.text {
       padding: 1.375rem 3.4375rem 2.0625rem
   }
}

.employee-box>.text>.link,
.employee-box>.text>.role {
   font-size: 1.125rem
}

@media (min-width:768px) {
   .employee-box>.text>.link,
   .employee-box>.text>.role {
       font-size: 1.111111111rem
   }
}

.employee-box>.text>.role {
   font-weight: 400;
   margin-top: .34375rem;
   color: #686868;
   position: relative
}

.employee-box>.text>.role>.business,
.employee-box>.text>.role>.freetime {
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease
}

.employee-box>.text>.role>.freetime {
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0
}

.expanding-content {
   border-top: 2px solid #e0e1e2;
   border-bottom: 2px solid #e0e1e2;
   padding: 1.03125rem 0
}

.expanding-content+.expanding-content {
   border-top: none
}

.expanding-content.-open>.toggle:after {
   content: "-"
}

.expanding-content.-open>.content {
   display: block
}

.expanding-content>.toggle {
   all: unset;
   display: block;
   position: relative;
   width: 100%;
   color: #12859f;
   cursor: pointer;
   font-weight: 400
}

.expanding-content>.toggle:after {
   display: block;
   content: "+";
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: auto;
   font-weight: 300;
   font-size: 2em
}

.expanding-content>.content {
   display: none;
   padding: .6875rem 0 0
}

.grid-teaser-shifted {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

@media (min-width:768px) {
   .grid-teaser-shifted {
       margin: -1.375rem
   }
}

@media (max-width:767px) {
   .grid-teaser-shifted>.item {
       width: 100%
   }
   .grid-teaser-shifted>.item:not(:last-child) {
       margin-bottom: 2.75rem
   }
}

@media (min-width:768px) {
   .grid-teaser-shifted>.item {
       padding: 1.375rem
   }
}

@media (min-width:768px) and (max-width:991px) {
   .grid-teaser-shifted>.item {
       width: 50%
   }
   .grid-teaser-shifted>.item:first-child {
       width: 100%
   }
   .grid-teaser-shifted>.item:nth-child(2n) {
       margin-top: 1.375rem
   }
}

@media (min-width:992px) {
   .grid-teaser-shifted>.item {
       width: 33.333%
   }
   .grid-teaser-shifted>.item:first-child {
       width: 66.666%
   }
   .grid-teaser-shifted>.item:nth-child(2),
   .grid-teaser-shifted>.item:nth-child(3n+1):not(:nth-child(3)):not(:first-child),
   .grid-teaser-shifted>.item:nth-child(4) {
       -webkit-transform: translateY(2.75rem);
       transform: translateY(2.75rem)
   }
}

@media (min-width:768px) {
   .grid-uneven {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin-left: -1.375rem;
       margin-right: -1.375rem
   }
}

.grid-uneven>.item {
   margin-bottom: 2.75rem
}

@media (min-width:768px) {
   .grid-uneven>.item {
       margin-bottom: 4.125rem;
       margin-left: 1.375rem;
       margin-right: 1.375rem;
       width: calc(50% - 2.75rem)
   }
   .grid-uneven>.item:first-child {
       margin-top: 50px
   }
}

@media (min-width:768px) and (min-width:992px) {
   .grid-uneven>.item:first-child {
       margin-top: 90px;
       padding-left: 3.4375rem
   }
}

@media (min-width:768px) {
   .grid-uneven>.item:first-child .employee-box>.imagewrapper,
   .grid-uneven>.item:first-child .overview-box>.imagewrapper {
       padding-bottom: 75%
   }
   .grid-uneven>.item:first-child .overview-box>.imagewrapper>.image {
       margin-top: -12.5%
   }
   .grid-uneven>.item:nth-child(4n) {
       margin-top: 50px
   }
}

@media (min-width:768px) and (min-width:992px) {
   .grid-uneven>.item:nth-child(4n) {
       margin-top: 90px;
       padding-right: 3.4375rem
   }
}

@media (min-width:768px) {
   .grid-uneven>.item:nth-child(4n) .employee-box>.imagewrapper,
   .grid-uneven>.item:nth-child(4n) .overview-box>.imagewrapper {
       padding-bottom: 75%
   }
   .grid-uneven>.item:nth-child(4n) .overview-box>.imagewrapper>.image {
       margin-top: -12.5%
   }
   .grid-uneven>.item:nth-child(4n)+.item {
       margin-top: 50px
   }
}

@media (min-width:768px) and (min-width:992px) {
   .grid-uneven>.item:nth-child(4n)+.item {
       margin-top: 90px;
       padding-left: 3.4375rem
   }
}

@media (min-width:768px) {
   .grid-uneven>.item:nth-child(4n)+.item .employee-box>.imagewrapper,
   .grid-uneven>.item:nth-child(4n)+.item .overview-box>.imagewrapper {
       padding-bottom: 75%
   }
   .grid-uneven>.item:nth-child(4n)+.item .overview-box>.imagewrapper>.image {
       margin-top: -12.5%
   }
}

@media (min-width:768px) {
   .image-gallery-overview {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center
   }
}

.image-gallery-overview>.imagecontainer {
   width: 100%;
   line-height: 0;
   text-align: center
}

.image-gallery-overview>.imagecontainer+.imagecontainer {
   margin-top: 4.125rem
}

@media (min-width:768px) {
   .image-gallery-overview>.imagecontainer {
       width: 46.5%
   }
   .image-gallery-overview>.imagecontainer:nth-child(2) {
       margin-top: 0
   }
}

@media (min-width:768px) {
   .image-gallery-overview.-masonry>.imagecontainer:nth-child(4n-1) {
       padding-left: 6%
   }
   .image-gallery-overview.-masonry>.imagecontainer:nth-child(4n+2) {
       padding-right: 6%
   }
}

.info-box {
   display: block;
   height: 100%;
   margin-bottom: 0;
   position: relative;
   -webkit-transition: background-color .5s ease;
   transition: background-color .5s ease;
   text-decoration: none
}

@media (min-width:768px) {
   .info-box {
       padding-top: 100%
   }
}

.info-box:not(.multiple-desktop) {
   background: linear-gradient(64deg, #377acc, #71ade6)
}

.info-box>.wrapper>.icon {
   color: #e9ff9d
}

.info-box .multiple-mobile-content>.wrapper,
.info-box>.wrapper {
   text-align: center;
   padding: 1.71875rem 1.375rem 2.75rem;
   background-color: transparent
}

@media (min-width:768px) {
   .info-box .multiple-mobile-content>.wrapper,
   .info-box>.wrapper {
       padding: 4.125rem 1.375rem;
       padding: 0 1.375rem;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       overflow: hidden;
       -webkit-transition: background-color .5s ease;
       transition: background-color .5s ease
   }
}

.info-box .multiple-mobile-content>.wrapper>.title,
.info-box>.wrapper>.title {
   font-weight: 500;
   margin: 0 0 .6875rem;
   line-height: 1.2em;
   color: #fff
}

.info-box .multiple-mobile-content>.wrapper>.content,
.info-box>.wrapper>.content {
   color: #fff
}

@media (min-width:1280px) {
   html:not(.no-pointing-device) .info-box>.wrapper {
       background-color: transparent;
       -webkit-transition: all .3s cubic-bezier(.32, .21, .45, .81);
       transition: all .3s cubic-bezier(.32, .21, .45, .81);
       overflow: hidden
   }
   html:not(.no-pointing-device) .info-box>.wrapper>.icon {
       position: absolute;
       top: 41%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%)
   }
   html:not(.no-pointing-device) .info-box>.wrapper>.title {
       display: inline-block;
       position: relative;
       margin-top: 40%;
       -webkit-transition: all .3s cubic-bezier(.32, .21, .45, .81);
       transition: all .3s cubic-bezier(.32, .21, .45, .81)
   }
   html:not(.no-pointing-device) .info-box>.wrapper>.content {
       opacity: 0;
       color: #000;
       -webkit-transition: all .3s cubic-bezier(.32, .21, .45, .81);
       transition: all .3s cubic-bezier(.32, .21, .45, .81)
   }
   html:not(.no-pointing-device) .info-box>.wrapper:hover {
       background: #fff;
       -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
       box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
   }
   html:not(.no-pointing-device) .info-box>.wrapper:hover>.icon {
       margin-bottom: -100px;
       opacity: 0
   }
   html:not(.no-pointing-device) .info-box>.wrapper:hover>.title {
       color: #000;
       margin-top: 0!important
   }
   html:not(.no-pointing-device) .info-box>.wrapper:hover>.content {
       opacity: 1
   }
   html:not(.no-pointing-device) .info-list.-padded .info-box>.wrapper>.title {
       margin-top: 65%
   }
}

@media (min-width:1280px) {
   .info-list.-padded>.item {
       padding: 40px
   }
}

.info-list>.item {
   margin-top: 1.375rem
}

@media (min-width:1280px) {
   .info-list {
       padding-top: -1.375rem
   }
   .info-list>.item {
       position: relative;
       margin-top: 0;
       padding-top: 1.375rem
   }
   .info-list.-three>.item:first-child>.info-box,
   .info-list.-three>.item:nth-child(3)>.info-box,
   .info-list.-three>.item:nth-child(4)>.info-box,
   .info-list.-three>.item:nth-child(6)>.info-box {
       margin-top: -1.375rem
   }
}

.instagram-link {
   position: relative;
   line-height: 0;
   padding-bottom: 100%;
   margin-bottom: 1.375rem;
   background-size: cover
}

@media (pointer:coarse) {
   .instagram-link>.hover>.icon {
       width: 20px;
       display: block;
       position: absolute;
       right: 1.375rem;
       bottom: 1.375rem;
       -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
       box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
       opacity: .75
   }
   .instagram-link>.hover>.label {
       display: none
   }
}

html:not(.no-pointing-device) .instagram-link>.hover {
   position: absolute;
   opacity: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
   padding-top: 100%;
   overflow: hidden
}

html:not(.no-pointing-device) .instagram-link>.hover:hover {
   opacity: 1;
   padding-top: 0;
   background: #fff;
   -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1)
}

html:not(.no-pointing-device) .instagram-link>.hover>.icon {
   width: 40px
}

html:not(.no-pointing-device) .instagram-link>.hover>.label {
   margin-top: 1.375rem;
   line-height: 1.5rem;
   font-size: .875rem
}

.job-list>.item {
   padding: 1.5em
}

.job-list>.item>.icon {
   color: #4890d3
}

.language-switch {
   height: 32px;
   padding: 0;
   overflow: hidden;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   list-style: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

@media (min-width:768px) {
   .language-switch {
       border-bottom: 2px solid #000
   }
}

.language-switch:not(.-single-language):hover {
   height: 51px
}

.language-switch>.item {
   height: 24px;
   font-size: .875rem;
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
   text-transform: uppercase;
   position: relative
}

.language-switch>.item.-active {
   -webkit-box-ordinal-group: 1;
   -ms-flex-order: 0;
   order: 0;
   font-weight: 500;
   cursor: default
}

.language-switch>.item.-active:after,
.language-switch>.item.-active:before {
   display: none
}

html:not(.no-pointing-device) .language-switch>.item:after {
   content: "";
   position: absolute;
   -webkit-transition: width .2s ease-in-out, margin-left .2s ease-in-out;
   transition: width .2s ease-in-out, margin-left .2s ease-in-out;
   top: -5%;
   left: 15%;
   width: 0;
   height: 110%;
   background: #e9ff9d;
   z-index: -1
}

html:not(.no-pointing-device) .language-switch>.item:hover:after {
   width: 70%
}

.language-switch>.item>.link {
   text-decoration: none
}

.site-header.-bright .language-switch {
   border-color: #fff
}

.site-header.-bright .language-switch>.item:after {
   background: #fe756b
}

.-home .brand-wall {
   margin-top: 2.75rem;
   margin-bottom: 5.5rem
}

@media (min-width:768px) {
   .-home .brand-wall {
       margin-top: 11rem;
       margin-bottom: 11rem
   }
}

.brand-wall>.item {
   margin-top: .6875rem;
   margin-bottom: .6875rem
}

.brand-wall>.item>.link {
   width: 100%
}

.brand-wall>.item>.image,
.brand-wall>.item>.link>.image {
   width: 100%;
   -webkit-filter: grayscale(1);
   filter: grayscale(1);
   opacity: .5;
   -webkit-transition: opacity .2s, -webkit-filter .2s;
   transition: opacity .2s, -webkit-filter .2s;
   transition: filter .2s, opacity .2s;
   transition: filter .2s, opacity .2s, -webkit-filter .2s
}

.brand-wall>.item>.link:hover>.image {
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
   opacity: 1
}

.bullet-box>.list {
   padding: 0;
   list-style: none
}

.bullet-box>.list>.item {
   padding-left: 4.125rem;
   position: relative;
   font-weight: 500;
   font-size: 1.125rem;
   line-height: 2.0625rem
}

@media (min-width:768px) {
   .bullet-box>.list>.item {
       font-size: 1.388888889rem;
       line-height: 2.75rem
   }
}

.bullet-box>.list>.item:before {
   content: "";
   width: 36px;
   height: 4px;
   background: linear-gradient(74deg, #fe5c55, #ffa57a);
   position: absolute;
   left: 0;
   top: .825rem
}

@media (min-width:768px) {
   .bullet-box>.list>.item:before {
       top: 1.375rem
   }
}

.bullet-box>.list>.item+.item {
   margin-top: 1.375rem
}

@media (min-width:992px) {
   .bullet-box.-fade>.list>.item {
       -webkit-transform: translateY(100px);
       transform: translateY(100px);
       opacity: 0
   }
}

@media (min-width:992px) {
   .bullet-box.-fade>.list>.item:before {
       width: 0;
       -webkit-transition: width 1s ease-in-out;
       transition: width 1s ease-in-out
   }
}

@media (min-width:992px) {
   .bullet-box.-fade.-inviewport>.list>.item {
       -webkit-transition: all 2s cubic-bezier(.19, 1, .22, 1);
       transition: all 2s cubic-bezier(.19, 1, .22, 1);
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1
   }
}

@media (min-width:992px) {
   .bullet-box.-fade.-inviewport>.list>.item:before {
       width: 36px
   }
}

.bullet-box.-fade.-inviewport>.list>.item:first-child,
.bullet-box.-fade.-inviewport>.list>.item:first-child::before {
   -webkit-transition-delay: .2s;
   transition-delay: .2s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(2),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(2):before {
   -webkit-transition-delay: .4s;
   transition-delay: .4s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(3),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(3):before {
   -webkit-transition-delay: .6s;
   transition-delay: .6s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(4),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(4):before {
   -webkit-transition-delay: .8s;
   transition-delay: .8s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(5),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(5):before {
   -webkit-transition-delay: 1s;
   transition-delay: 1s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(6),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(6):before {
   -webkit-transition-delay: 1.2s;
   transition-delay: 1.2s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(7),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(7):before {
   -webkit-transition-delay: 1.4s;
   transition-delay: 1.4s
}

.bullet-box.-fade.-inviewport>.list>.item:nth-child(8),
.bullet-box.-fade.-inviewport>.list>.item:nth-child(8):before {
   -webkit-transition-delay: 1.6s;
   transition-delay: 1.6s
}

.figure-box {
   padding: 2.75rem 1.375rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 0%;
   flex: 1 1 0%;
   color: #fff;
   text-align: center;
   max-width: 550px
}

.figure-box>.item {
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   padding-top: 1.375rem;
   padding-bottom: 1.375rem
}

.figure-box>.item>.icon {
   margin: 1.375rem 0
}

.figure-box>.item>.icon>svg {
   height: 30px;
   width: auto!important;
   max-height: none!important;
   max-width: none!important
}

@media (min-width:769px) {
   .figure-box>.item>.icon>svg {
       height: 38px
   }
}

.figure-wall {
   position: relative;
   z-index: 2;
   width: 100%
}

@media (min-width:576px) {
   .figure-wall {
       padding: 16.5rem 4.125rem 150px
   }
}

@media (min-width:768px) {
   .figure-wall {
       padding-top: 22rem
   }
}

@media (min-width:992px) {
   .figure-wall {
       padding-top: 31.625rem;
       padding-left: 30%
   }
}

@media (min-width:1280px) {
   .figure-wall {
       padding-top: 35.75rem;
       padding-left: 40%
   }
}

.figure-wall>.image {
   line-height: 0
}

@media (max-width:575px) {
   .figure-wall>.image {
       display: block
   }
   .figure-wall>.image.-nr2,
   .figure-wall>.image.-nr3 {
       display: none
   }
}

@media (min-width:576px) {
   .figure-wall>.image {
       position: absolute;
       z-index: -1
   }
   .figure-wall>.image.-nr1 {
       width: 70%;
       left: 0;
       top: 5.5rem
   }
}

@media (min-width:576px) and (min-width:768px) {
   .figure-wall>.image.-nr1 {
       top: 5.5rem
   }
}

@media (min-width:576px) and (min-width:992px) {
   .figure-wall>.image.-nr1 {
       top: 11rem
   }
}

@media (min-width:576px) {
   .figure-wall>.image.-nr2 {
       position: relative;
       z-index: 3
   }
   .figure-wall>.image.-nr3 {
       right: 0;
       top: 2.75rem;
       width: 26%
   }
}

.figure-wall>.content {
   padding: 8.25rem 2.75rem
}

.figure-wall>.content>.paragraph {
   margin: 0;
   color: #fff;
   text-align: center;
   font-size: 1.5rem;
   font-weight: 500;
   line-height: 2.5rem
}

.figure-wall>.content>.paragraph>.link-arrow {
   margin-top: 1.375rem;
   font-size: 1rem;
   line-height: 1em
}

@media (min-width:576px) {
   .figure-wall>.content {
       padding: 2.0625rem 2.75rem
   }
}

@media (min-width:992px) {
   .figure-wall>.content {
       padding: 6.875rem 5.5rem;
       max-width: 520px
   }
}

@media (min-width:992px) {
   .-team .figure-wall>.content {
       margin-top: 2.75rem
   }
}

.floating-element {
   display: inline-block;
   max-width: 100%;
   position: relative;
   z-index: 90
}

@-webkit-keyframes a {
   50% {
       -webkit-transform: translate3d(0, -20px, 0);
       transform: translate3d(0, -20px, 0)
   }
}

@keyframes a {
   50% {
       -webkit-transform: translate3d(0, -20px, 0);
       transform: translate3d(0, -20px, 0)
   }
}

@-webkit-keyframes b {
   50% {
       -webkit-transform: scale(1.075);
       transform: scale(1.075);
       opacity: .6;
       -webkit-filter: blur(20px);
       filter: blur(20px)
   }
}

@keyframes b {
   50% {
       -webkit-transform: scale(1.075);
       transform: scale(1.075);
       opacity: .6;
       -webkit-filter: blur(20px);
       filter: blur(20px)
   }
}

.floating-element>.element {
   -webkit-animation: a 6s ease-in-out infinite;
   animation: a 6s ease-in-out infinite;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.floating-element>.element,
.floating-element>.shadow {
   width: 100%;
   will-change: transform;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-perspective: 1000px;
   perspective: 1000px
}

.floating-element>.shadow {
   position: absolute;
   top: 0;
   -webkit-animation: b 6s ease-in-out infinite;
   animation: b 6s ease-in-out infinite;
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

@media (max-width:767px) {
   .floating-element.-vpbank {
       -webkit-transform: translate3d(-9%, 4%, 0) scale(1.3);
       transform: translate3d(-9%, 4%, 0) scale(1.3)
   }
}

@media (max-width:767px) {
   .floating-element.-electrolux,
   .floating-element.-homegate {
       -webkit-transform: translate3d(2%, 14%, 0) scale(.7);
       transform: translate3d(2%, 14%, 0) scale(.7)
   }
}

@media (min-width:768px) {
   .floating-element.-electrolux,
   .floating-element.-homegate {
       -webkit-transform: scale(1.3);
       transform: scale(1.3)
   }
}

@media (min-width:992px) {
   .floating-element.-electrolux,
   .floating-element.-homegate {
       -webkit-transform: scale(1.4);
       transform: scale(1.4)
   }
}

.floating-element.-electrolux>.element,
.floating-element.-electrolux>.shadow,
.floating-element.-homegate>.element,
.floating-element.-homegate>.shadow {
   -webkit-animation-duration: 7s;
   animation-duration: 7s
}

.link-arrow {
   position: relative;
   text-decoration: none;
   padding-left: 3.4em;
   text-transform: uppercase;
   letter-spacing: .3em;
   z-index: 1;
   display: inline-block;
   font-weight: 400;
   cursor: pointer
}

.link-arrow,
.link-arrow:focus,
.link-arrow:hover {
   color: #000
}

.link-arrow:after,
.link-arrow:before {
   content: "";
   display: block;
   position: absolute
}

.link-arrow:after {
   position: absolute;
   top: 50%;
   width: 2.6em;
   height: 100%;
   background-image: url(../../images/shapes/arrow-dark.svg);
   background-repeat: no-repeat;
   background-position: 100%;
   -webkit-transform: translate(-3.4em, -50%);
   transform: translate(-3.4em, -50%);
   -webkit-transition: width .2s ease;
   transition: width .2s ease
}

.link-arrow.-right {
   padding-left: 0;
   padding-right: 3.4em
}

.link-arrow.-right:after,
.link-arrow.-right:before {
   right: -3.4em;
   left: auto
}

.link-arrow.-left:after,
.link-arrow.-left:before {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   left: 0
}

.link-arrow.-left:before {
   left: -1em
}

.link-arrow.-arrow-top-aligned:after,
.link-arrow.-arrow-top-aligned:before {
   top: .8em
}

.link-arrow.-bright,
.link-arrow.-bright.-withtext,
.link-arrow.-bright:focus,
.link-arrow.-bright:hover {
   color: #fff
}

.link-arrow.-bright:before {
   background-color: #ffd7a3
}

.link-arrow.-bright:after {
   background-image: url(../../images/shapes/arrow-bright.svg)
}

@media (min-width:992px) {
   .link-arrow {
       -webkit-transition: color .2s ease;
       transition: color .2s ease
   }
   .link-arrow,
   .link-arrow.-bright {
       color: transparent
   }
   .link-arrow:before {
       width: 0;
       height: 1.8em;
       top: 50%;
       background-color: #e9ff9d;
       -webkit-transform: translate(-2.2em, -50%);
       transform: translate(-2.2em, -50%);
       -webkit-transition: width .2s ease;
       transition: width .2s ease;
       -webkit-transition-delay: .1s;
       transition-delay: .1s;
       z-index: -1
   }
   .link-arrow:after {
       width: 2.2em;
       background-position: 0
   }
   .link-arrow.-inversed {
       color: #000;
       margin-left: 0
   }
   .link-arrow.-inversed:after {
       width: 0
   }
   .link-arrow.-inversed:focus,
   .link-arrow.-inversed:hover {
       margin-left: 3em
   }
   .link-arrow.-withtext {
       color: #000
   }
}

@media (min-width:992px) and (min-width:992px) {
   .link-arrow.-visible-arrow:after {
       width: 2.6em;
       background-position: 100%
   }
}

@media (min-width:992px) {
   .link-arrow:focus,
   .link-arrow:hover {
       color: #000
   }
   .link-arrow:focus:before,
   .link-arrow:hover:before {
       width: 3.2em
   }
   .link-arrow:focus:after,
   .link-arrow:hover:after {
       width: 2.6em;
       background-position: 100%
   }
   .link-arrow.-bright:focus,
   .link-arrow.-bright:hover {
       color: #fff
   }
}

.figure-wall>.content:hover .link-arrow,
.link-arrow-propagate:focus .link-arrow .link-arrow:hover,
.link-arrow-propagate:hover .link-arrow,
.link-arrow:focus,
.overview-box:hover .link-arrow {
   color: #000
}

.figure-wall>.content:hover .link-arrow:before,
.link-arrow-propagate:focus .link-arrow .link-arrow:hover:before,
.link-arrow-propagate:hover .link-arrow:before,
.link-arrow:focus:before,
.overview-box:hover .link-arrow:before {
   width: 3.2em
}

.figure-wall>.content:hover .link-arrow:after,
.link-arrow-propagate:focus .link-arrow .link-arrow:hover:after,
.link-arrow-propagate:hover .link-arrow:after,
.link-arrow:focus:after,
.overview-box:hover .link-arrow:after {
   width: 2.6em;
   background-position: 100%
}

.figure-wall>.content._gradient-green-to-yellow:hover .link-arrow {
   color: #fff
}

.case-teaser:hover .link-arrow,
.overview-box:hover .link-arrow {
   color: currentColor
}

@media (min-width:992px) {
   .case-teaser:hover .link-arrow:after {
       width: 2.6em;
       background-position: 100%
   }
}

@media (max-width:767px) {
   .case-teaser .link-arrow {
       font-size: .7em
   }
}

.logo-animation {
   width: 100%;
   height: 100%
}

.logo-animation>.background {
   fill: #000
}

.logo-animation>.path {
   fill: none;
   stroke: transparent;
   -webkit-transition: stroke 1s;
   transition: stroke 1s
}

.logo-animation.-ready>.path {
   stroke: #fff;
   stroke-width: 42
}

.site-header.-bright .site-navigation:not(.-open) .logo-animation>.background {
   fill: #fff
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
   .logo-animation {
       display: none
   }
}

.map-frame {
   height: 400px
}

@media (min-width:992px) {
   .map-frame {
       height: 75vh
   }
}

.next-best-actions {
   list-style: none;
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

@media (max-width:767px) {
   .next-best-actions {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
   }
}





@media (max-width:767px) {
   .section-heading:not(.-withtext) {
       margin-bottom: 2.75rem
   }
}

@media (min-width:768px) {
 

.services-illustration {
   width: 100%;
   max-width: 950px;
   font-size: 14px
}

@media (min-width:769px) {
   .services-illustration {
       margin-left: -10%
   }
}

.services-illustration.-small {
   width: calc(100% + 30px);
   height: auto;
   margin-left: -15px
}

.services-illustration .group .triggergroup {
   -webkit-transition: -webkit-transform .4s ease-in-out;
   transition: -webkit-transform .4s ease-in-out;
   transition: transform .4s ease-in-out;
   transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
   -webkit-transform-origin: center;
   transform-origin: center;
   transform-box: fill-box
}

.services-illustration .group.-show .triggergroup,
.services-illustration .group:not(.-show) .triggergroup.-hint {
   -webkit-transform: scale(1.08);
   transform: scale(1.08)
}

.services-illustration text {
   font-family: Effra, Arial, sans-serif;
   font-size: 16px;
   font-weight: 300
}

.services-illustration text.textbold {
   font-family: Effra, Arial, sans-serif;
   font-weight: 700
}

.services-illustration .userbase {
   -webkit-animation: 12s c infinite;
   animation: 12s c infinite;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-transform-origin: center;
   transform-origin: center;
   transform-box: fill-box
}

@-webkit-keyframes c {
   0%,
   to {
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
   }
   22.2% {
       -webkit-transform: skewX(-9.5deg) skewY(-9.5deg);
       transform: skewX(-9.5deg) skewY(-9.5deg)
   }
   33.3% {
       -webkit-transform: skewX(-3.875deg) skewY(0);
       transform: skewX(-3.875deg) skewY(0)
   }
   44.4% {
       -webkit-transform: skewX(6.25deg) skewY(6.25deg);
       transform: skewX(6.25deg) skewY(6.25deg)
   }
   55.5% {
       -webkit-transform: skewX(0) skewY(-3.5625deg);
       transform: skewX(0) skewY(-3.5625deg)
   }
   66.6% {
       -webkit-transform: skewX(-9.5deg) skewY(-9.5deg);
       transform: skewX(-9.5deg) skewY(-9.5deg)
   }
   77.7% {
       -webkit-transform: skewX(-3.39062deg) skewY(0);
       transform: skewX(-3.39062deg) skewY(0)
   }
   88.8% {
       -webkit-transform: skewX(-3.19531deg) skewY(-6.19531deg);
       transform: skewX(-3.19531deg) skewY(-6.19531deg)
   }
}

@keyframes c {
   0%,
   to {
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
   }
   22.2% {
       -webkit-transform: skewX(-9.5deg) skewY(-9.5deg);
       transform: skewX(-9.5deg) skewY(-9.5deg)
   }
   33.3% {
       -webkit-transform: skewX(-3.875deg) skewY(0);
       transform: skewX(-3.875deg) skewY(0)
   }
   44.4% {
       -webkit-transform: skewX(6.25deg) skewY(6.25deg);
       transform: skewX(6.25deg) skewY(6.25deg)
   }
   55.5% {
       -webkit-transform: skewX(0) skewY(-3.5625deg);
       transform: skewX(0) skewY(-3.5625deg)
   }
   66.6% {
       -webkit-transform: skewX(-9.5deg) skewY(-9.5deg);
       transform: skewX(-9.5deg) skewY(-9.5deg)
   }
   77.7% {
       -webkit-transform: skewX(-3.39062deg) skewY(0);
       transform: skewX(-3.39062deg) skewY(0)
   }
   88.8% {
       -webkit-transform: skewX(-3.19531deg) skewY(-6.19531deg);
       transform: skewX(-3.19531deg) skewY(-6.19531deg)
   }
}

.services-illustration .movingdot {
   -webkit-animation: d 4s infinite linear;
   animation: d 4s infinite linear
}

@-webkit-keyframes d {
   0% {
       -webkit-transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg);
       transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg)
   }
   to {
       -webkit-transform: rotate(1turn) translate3d(3px, 0, 0) rotate(-1turn);
       transform: rotate(1turn) translate3d(3px, 0, 0) rotate(-1turn)
   }
}

@keyframes d {
   0% {
       -webkit-transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg);
       transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg)
   }
   to {
       -webkit-transform: rotate(1turn) translate3d(3px, 0, 0) rotate(-1turn);
       transform: rotate(1turn) translate3d(3px, 0, 0) rotate(-1turn)
   }
}

.services-illustration .movingdot.-speed-2 {
   -webkit-animation-duration: 2.4s;
   animation-duration: 2.4s;
   animation-direction: reverse
}

.services-illustration .movingdot.-speed-3 {
   -webkit-animation-duration: 6s;
   animation-duration: 6s
}

.services-illustration .movingdot.-speed-4 {
   -webkit-animation-duration: 4.9s;
   animation-duration: 4.9s
}

.services-illustration .title {
   font-weight: 500
}

.services-illustration .label,
.services-illustration .movingdot:not(.-static) {
   opacity: 0;
   -webkit-transition: opacity .6s linear;
   transition: opacity .6s linear
}

.services-illustration .group.-show .label,
.services-illustration .group.-show .movingdot {
   opacity: 1
}